.cp-wrap{max-width:1248px;margin:28px auto 48px;padding:0 24px;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}.cp-wrap *{box-sizing:border-box}.cp-wrap a{color:inherit;text-decoration:none}.cp-wrap a:hover{color:#c4161c}.cp-wrap h1{font:900 34px/1.4 serif;border-bottom:1px solid #e4e8ed;padding-bottom:16px}.cp-focus{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin:28px 0 36px}.cp-image{aspect-ratio:16/9;background:#eef1f5;border-radius:6px;overflow:hidden}.cp-image img{display:block;width:100%;height:100%;object-fit:cover}.cp-card h3{font-size:18px;line-height:1.5;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-side{display:grid;gap:16px}.cp-side .cp-card a{display:grid;grid-template-columns:42% minmax(0,1fr);gap:16px;align-items:center}.cp-side h3{font-size:17px;margin:0}.cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cp-more{display:block;margin:30px auto;padding:12px 50px;background:white;border:1px solid #dce1e8;border-radius:4px;color:#536278;cursor:pointer}@media(max-width:980px){.cp-wrap{padding:0 16px}.cp-focus{grid-template-columns:1fr}.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-side h3{font-size:16px}.cp-wrap h1{font-size:28px}}
/* Match the video channel's scaled container and typography. */
.cp-wrap{max-width:calc(1248*var(--px,1px));padding:0 calc(24*var(--px,1px));margin:calc(28*var(--px,1px)) auto calc(48*var(--px,1px))}
.cp-wrap h1{font:900 calc(36*var(--fpx,1px))/1.35 "SHSerif","Source Han Serif SC","Songti SC",serif}
.cp-focus{gap:calc(32*var(--px,1px));margin:calc(28*var(--px,1px)) 0 calc(36*var(--px,1px));align-items:start}
.cp-focus>div:first-child .cp-card{position:relative;overflow:hidden;border-radius:8px}
.cp-focus>div:first-child h3{position:absolute;bottom:0;left:0;right:0;margin:0;padding:calc(24*var(--px,1px));color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font:700 calc(27*var(--fpx,1px))/1.45 "SHSerif","Songti SC",serif}
.cp-side{gap:calc(16*var(--px,1px))}
.cp-side .cp-card a{grid-template-columns:40% minmax(0,1fr);gap:calc(16*var(--px,1px))}
.cp-side h3{font-size:calc(16*var(--fpx,1px))}
.cp-grid{gap:calc(28*var(--px,1px)) calc(24*var(--px,1px))}
.cp-grid h3{font-size:calc(18*var(--fpx,1px))}
@media(max-width:980px){.cp-wrap{padding:0 16px}.cp-wrap h1{font-size:28px}.cp-focus{gap:20px}.cp-focus>div:first-child h3{font-size:21px;padding:18px}.cp-grid h3{font-size:15px}}

@media(min-width:981px){
 .cp-focus{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}
 .cp-side .cp-card a{grid-template-columns:46% minmax(0,1fr)}
 .cp-side .cp-card{padding:12px 0;border-bottom:1px solid #eceef1}
 .cp-side .cp-card:first-child{padding-top:0}
 .cp-side .cp-card:last-child{padding-bottom:0;border-bottom:0}
}
.cp-focus .cp-image{aspect-ratio:16/9}

@media(min-width:981px){
 .cp-focus{align-items:stretch;position:relative}
 .cp-focus>div:first-child{min-width:0}
 .cp-side{position:relative;display:block;min-height:0}
 .cp-side .cp-card{position:absolute;left:0;right:0;height:calc((100% - 32px)/3);padding:0;border:0;min-height:0}
 .cp-side .cp-card:nth-child(1){top:0}
 .cp-side .cp-card:nth-child(2){top:calc((100% + 16px)/3)}
 .cp-side .cp-card:nth-child(3){bottom:0}
 .cp-side .cp-card a{display:flex;height:100%;gap:calc(16*var(--px,1px));align-items:center}
 .cp-side .cp-image{flex:0 0 auto;height:100%;width:auto;aspect-ratio:16/9;max-width:52%}
 .cp-side h3{flex:1;min-width:0}
}

.cp-tag{display:block;color:#c4161c;font-size:calc(13*var(--fpx,1px));line-height:1.5;margin-top:10px}
.cp-focus>div:first-child .cp-tag{position:absolute;left:24px;top:16px;z-index:2;color:#fff;background:#c4161c;padding:3px 8px;border-radius:3px;margin:0}
.cp-side .cp-card a{position:relative}
.cp-side .cp-tag{position:absolute;left:calc(52% + 16px);right:0;top:0;margin:0;font-size:12px}.cp-side h3{padding-top:20px}

/* Keep the kicker and headline together in a single text column. */
.cp-text{min-width:0}
.cp-side .cp-text{flex:1;min-width:0}
.cp-side .cp-text .cp-tag{position:static;display:block;margin:0 0 6px;padding:0;font-size:calc(13*var(--fpx,1px));line-height:1.45}
.cp-side .cp-text h3{padding:0;margin:0;line-height:1.5}
.cp-focus>div:first-child .cp-text{position:absolute;left:0;right:0;bottom:0;padding:calc(24*var(--px,1px));background:linear-gradient(transparent,rgba(0,0,0,.85))}
.cp-focus>div:first-child .cp-text .cp-tag{position:static;margin:0 0 8px;padding:0;background:none;color:#fff;font-size:calc(14*var(--fpx,1px))}
.cp-focus>div:first-child .cp-text h3{position:static;margin:0;padding:0;background:none}

.cp-focus>div:first-child .cp-text{position:static;padding:0;background:none}
.cp-focus>div:first-child .cp-text .cp-tag{position:absolute;left:24px;top:16px;bottom:auto;right:auto;z-index:2;margin:0;padding:3px 8px;background:#c4161c;color:#fff;border-radius:3px;font-size:calc(13*var(--fpx,1px))}
.cp-focus>div:first-child .cp-text h3{position:absolute;left:0;right:0;bottom:0;padding:calc(24*var(--px,1px));margin:0;background:linear-gradient(transparent,rgba(0,0,0,.8))}

@media(max-width:980px){
 .cp-grid{display:block}
 .cp-grid .cp-card{padding:14px 0;border-bottom:1px solid #eceef1}
 .cp-grid .cp-card a,.cp-side .cp-card a{display:grid;grid-template-columns:40% minmax(0,1fr);gap:16px;align-items:center}
 .cp-grid .cp-image,.cp-side .cp-image{width:100%;height:auto;aspect-ratio:16/9;max-width:none}
 .cp-grid .cp-text,.cp-side .cp-text{min-width:0}
 .cp-grid .cp-tag,.cp-side .cp-text .cp-tag{position:static;margin:0 0 6px;padding:0;font-size:12px;line-height:1.45}
 .cp-grid h3,.cp-side .cp-text h3{font-size:16px;line-height:1.5;margin:0;padding:0}
 .cp-side{gap:0}
 .cp-side .cp-card{padding:14px 0;border-bottom:1px solid #eceef1}
}