/* Homepage layout: one lead + four covers, with no script-controlled heights. */
.home-page{color:#333;background:#fff;font:14px/1.4 "PingFang SC","Segoe UI","Microsoft YaHei","Hiragino Sans GB",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-page .ver-act-block{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--site-gutter);overflow:visible}
.home-page .ver-block-head{height:auto;padding:0;margin:0 0 24px}
.home-page .verblock-category{display:flex;align-items:center;justify-content:space-between;height:auto;padding:0}
.home-page .verblock-category-title-wrapper{display:inline-flex;align-items:center;gap:28px;min-width:0}
.home-page .verblock-category-title{height:auto;margin:0;color:#333;font-size:26px;font-weight:400;line-height:36px;white-space:nowrap}
.home-page .verblock-category-sub-title{height:auto;margin:0;color:#808080;font-size:15px;line-height:22px;white-space:nowrap}
.home-page .home-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 36px;padding:0;list-style:none}
.home-page .home-video-grid.has-lead{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
.home-page .home-video-grid>li{display:flex;min-width:0;margin:0;padding:0;list-style:none}
.home-page .home-video-lead{grid-row:span 2}
.home-page .vervideo-bd{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;padding:0}
.home-page .vervideo-lilink{display:flex;flex-direction:column;min-width:0;color:#333;text-decoration:none}
.home-page .vervideo-img{position:relative;flex-shrink:0;width:100%;height:auto;padding:0;aspect-ratio:16/9;overflow:hidden;background:#efefef}
.home-page .verimg-view,.home-page .verimg-view .img,.home-page .vervideo-img picture,.home-page .vervideo-img img{display:block;width:100%;height:100%}
.home-page .verimg-view{position:absolute;inset:0;overflow:hidden}
.home-page .vervideo-img img{object-fit:cover;transition:transform .3s ease}
.home-page .vervideo-img .image-placeholder{height:100%}
.home-page .vervideo-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;margin:10px 0 0;overflow:hidden;overflow-wrap:anywhere;color:#333;font-size:16px;font-weight:400;line-height:22px;white-space:normal;text-overflow:ellipsis}
.home-page .actcont-auto{position:static;display:flex;align-items:center;gap:10px;height:18px;margin-top:7px;text-align:left;font-size:12px;line-height:18px;color:#929292}
.home-page .actcont-auto .column,.home-page .actcont-auto .fav{position:relative;float:none;display:block;height:18px;margin:0;line-height:18px;font-size:12px;color:inherit}
.home-page .actcont-auto .column{padding-right:11px}
.home-page .actcont-auto .column::after{position:absolute;right:0;top:4px;content:"";width:1px;height:11px;background:#b8b8b8}
.home-page .actcont-auto .fav{min-width:32px;padding-left:18px;background:url('/img/act_fav_icon.png') no-repeat 0 3px/14px auto}
.home-page .cm-duration{position:absolute;right:7px;bottom:7px;z-index:2;min-width:44px;height:22px;padding:0 6px;border-radius:3px;background:rgba(0,0,0,.7);color:#e8e8e8;text-align:center;font:12px/22px Arial,sans-serif}
.home-page .home-video-lead .vervideo-lilink{flex:1;min-height:0}
.home-page .home-video-lead .vervideo-img{flex:1;min-height:0;aspect-ratio:auto}
.home-page .home-video-lead .vervideo-title{display:block;height:36px;font-size:25px;line-height:36px;white-space:nowrap}
.home-page .home-video-lead .actcont-auto{font-size:13px}
/* With fewer supporting cards, give the lead its own complete row. */
.home-page .home-video-grid.has-lead:not(:has(>li:nth-child(4))){grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page .home-video-grid.has-lead:not(:has(>li:nth-child(4))) .home-video-lead{grid-column:1/-1;grid-row:auto}
.home-page .home-video-grid.has-lead:not(:has(>li:nth-child(4))) .home-video-lead .vervideo-img{flex:none;aspect-ratio:16/9}
.home-page.cmmain,body[data-content-preview=true] .home-page.cmmain{margin-top:calc(var(--site-header-height) + 36px);padding-top:0}
@media(max-width:1099px){
 .home-page .home-video-grid,.home-page .home-video-grid.has-lead{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-page .home-video-lead{grid-column:1/-1;grid-row:auto}
 .home-page .home-video-lead .vervideo-img{flex:none;aspect-ratio:16/9}
 .home-page .home-video-lead .vervideo-title{height:34px;font-size:23px;line-height:34px}
 .home-page.cmmain,body[data-content-preview=true] .home-page.cmmain{margin-top:calc(var(--site-header-height) + 30px)}
}
@media(max-width:700px){
 .home-page .ver-block-head{margin-bottom:18px}
 .home-page .verblock-category-title-wrapper{gap:18px}
 .home-page .verblock-category-title{font-size:23px;line-height:32px}
 .home-page .verblock-category-sub-title{font-size:12px;line-height:18px}
 .home-page .home-video-grid{gap:22px 16px;margin-bottom:28px}
 .home-page .vervideo-title{height:42px;margin-top:8px;font-size:14px;line-height:21px}
 .home-page .home-video-lead .vervideo-title{height:28px;font-size:18px;line-height:28px}
 .home-page .actcont-auto{gap:8px;margin-top:6px}
 .home-page .home-video-grid>li:not(.home-video-lead) .actcont-auto .fav{display:none}
 .home-page .home-video-grid>li:not(.home-video-lead) .actcont-auto .column{padding-right:0}
 .home-page .home-video-grid>li:not(.home-video-lead) .actcont-auto .column::after{display:none}
 .home-page .cm-duration{right:4px;bottom:4px;font-size:11px}
 .home-page.cmmain,body[data-content-preview=true] .home-page.cmmain{margin-top:calc(var(--site-header-height) + 24px)}
}
@media(hover:hover){.home-page .vervideo-lilink:hover .vervideo-title{color:#ff8d00}.home-page .vervideo-lilink:hover img{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.home-page .vervideo-img img{transition:none}}