:root{--pink:#ff2f86;--pink2:#ff5aa4;--bg:#eef1f4;--panel:#fff;--border:#dfe3e8;--text:#333;--muted:#888;--dark:#222}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",Helvetica,sans-serif;font-size:12px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{background:#fff;border-bottom:1px solid #d7dce2;position:sticky;top:0;z-index:10}.topbar{max-width:1180px;margin:0 auto;height:48px;display:flex;align-items:center;gap:24px;padding:0 12px}.logo{font-size:19px;font-weight:800;color:var(--pink);letter-spacing:.5px;white-space:nowrap}.nav{display:flex;align-items:center;gap:17px;flex:1}.nav a{font-size:13px;color:#333;padding:16px 0 13px;border-bottom:2px solid transparent}.nav a.active,.nav a:hover{color:var(--pink);border-bottom-color:var(--pink)}.header-actions{display:flex;align-items:center;gap:10px}.search{height:28px;width:205px;border:1px solid #dfe3e8;background:#fafafa;display:flex;align-items:center}.search input{border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 8px;font-size:12px}.search button{width:32px;height:26px;border:0;background:var(--pink);color:#fff;cursor:pointer;font-size:14px}.icon-dot{width:22px;height:22px;border:1px solid #d9dde5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#999}.wrap{max-width:1180px;margin:18px auto 0;padding:0 12px}.panel{background:var(--panel);border:1px solid var(--border);margin-bottom:15px}.panel-hd{height:38px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 14px}.panel-title{font-size:15px;font-weight:700;color:var(--pink);margin:0}.panel-more{font-size:12px;color:#888}.panel-bd{padding:14px}.home-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 230px;gap:15px}.center-col{min-width:0}.side-col{min-width:0}.rank-panel{background:#fff;border:1px solid var(--border);margin-bottom:15px}.rank-title{height:38px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 12px;color:var(--pink);font-weight:700}.rank-list{list-style:none;margin:0;padding:8px 10px}.rank-list li{height:27px;line-height:27px;display:flex;align-items:center;gap:8px;border-bottom:1px dashed #edf0f3;overflow:hidden}.rank-list li:last-child{border-bottom:0}.rank-list em{width:18px;height:18px;line-height:18px;text-align:center;border-radius:3px;background:#eee;color:#777;font-style:normal;font-size:11px;flex:0 0 auto}.rank-list li:nth-child(1) em,.rank-list li:nth-child(2) em,.rank-list li:nth-child(3) em{background:var(--pink);color:#fff}.rank-list a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.rank-list span{color:#aaa;font-size:11px}.hero-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.hero-grid .vod-card:first-child{grid-column:span 2}.hero-grid .vod-card:first-child .pic{padding-top:59%}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px}.grid.compact{grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}.vod-card{display:block;min-width:0;position:relative}.vod-card .pic{position:relative;width:100%;padding-top:138%;overflow:hidden;background:#f6f6f6;border:0}.vod-card .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.vod-card:hover .pic img{transform:scale(1.04)}.vod-card .remarks{position:absolute;right:3px;bottom:3px;background:rgba(0,0,0,.55);color:#fff;border-radius:2px;padding:1px 4px;font-size:10px;max-width:88%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vod-card .vod-title{display:block;text-align:center;line-height:20px;height:20px;margin-top:6px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vod-card .vod-sub{display:block;text-align:center;color:#aaa;font-size:11px;height:16px;line-height:16px;overflow:hidden}.vod-card:hover .vod-title{color:var(--pink)}.filter-panel{background:#fff;border:1px solid var(--border);margin-bottom:15px;padding:12px 14px}.filter-line{display:flex;gap:10px;align-items:flex-start;margin:5px 0}.filter-label{color:#999;width:44px;line-height:28px;flex:0 0 auto}.filter-items{display:flex;gap:8px;flex-wrap:wrap}.filter-items a{padding:5px 12px;border:1px solid #e2e5e9;background:#fafafa;border-radius:2px;color:#555}.filter-items a.active,.filter-items a:hover{background:var(--pink);border-color:var(--pink);color:#fff}.breadcrumb{color:#777;margin-bottom:10px}.breadcrumb a{color:#666}.breadcrumb .sep{margin:0 6px;color:#aaa}.result-info{height:34px;line-height:34px;background:#fff;border:1px solid var(--border);padding:0 12px;margin-bottom:15px;color:#777}.result-info em{color:var(--pink);font-style:normal}.detail-panel{background:#fff;border:1px solid var(--border);padding:22px;margin-bottom:15px}.detail-main{display:flex;gap:24px}.detail-poster{width:190px;flex:0 0 auto}.detail-poster .pic{padding-top:138%;position:relative;background:#f6f6f6;overflow:hidden}.detail-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-info{flex:1;min-width:0}.detail-title{font-size:20px;margin:0 0 12px;color:#222;font-weight:700}.meta-row{margin:6px 0;color:#666}.meta-row b{font-weight:400;color:#999;margin-right:6px}.meta-row a,.meta-row span.hot{color:var(--pink)}.intro{margin-top:8px;color:#555;max-height:62px;overflow:hidden}.play-now{display:inline-block;background:var(--pink);color:#fff;border:0;border-radius:2px;padding:8px 21px;margin-top:16px}.play-now:hover{background:#e91e72;color:#fff}.section-small-title{font-weight:700;background:#555;color:#fff;display:inline-block;padding:5px 10px;margin:0 0 12px}.ep-panel{background:#fff;border:1px solid var(--border);padding:16px 18px;margin-bottom:15px}.ep-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.ep-btn{height:30px;line-height:28px;border:1px solid #dfe3e8;background:#fff;text-align:center;border-radius:2px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ep-btn.active,.ep-btn:hover{background:var(--pink);border-color:var(--pink);color:#fff}.player-panel{background:#fff;border:1px solid var(--border);padding:16px;margin-bottom:15px}.player-box{position:relative;background:#202020;aspect-ratio:16/9;width:100%;overflow:hidden}.player-box video{width:100%;height:100%;background:#111;display:block}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:14px}.player-placeholder strong{font-size:17px;margin-bottom:8px}.player-tools{height:42px;background:#333;display:flex;align-items:center;gap:10px;padding:0 12px}.player-tools a{background:#444;color:#ddd;padding:6px 16px;border-radius:2px}.player-tools a:hover{background:var(--pink);color:#fff}.notice{background:#fff4f8;border-left:4px solid var(--pink);padding:10px 12px;margin-bottom:14px;color:#555}.synopsis{background:#fff;border:1px solid var(--border);padding:16px;margin-bottom:15px}.synopsis h2{font-size:15px;margin:0 0 10px}.synopsis-text{font-size:13px;color:#444;line-height:1.8}.pagination{display:flex;justify-content:center;gap:7px;margin:24px 0}.page-btn{min-width:30px;height:30px;line-height:28px;text-align:center;border:1px solid #dfe3e8;background:#fff;color:#555}.page-btn.active,.page-btn:hover{background:var(--pink);border-color:var(--pink);color:#fff}.empty-state{background:#fff;border:1px solid var(--border);padding:30px;text-align:center;color:#999}.search-page-box{padding:16px;background:#fff;border:1px solid var(--border);margin-bottom:15px}.search-page-box form{display:flex;gap:8px}.search-page-box input{flex:1;height:34px;border:1px solid #dfe3e8;padding:0 10px}.search-page-box button{height:34px;border:0;background:var(--pink);color:#fff;padding:0 22px}.site-footer{margin-top:34px;background:#fff;border-top:1px solid #dfe3e8;text-align:center;color:#999;padding:28px 12px;font-size:12px}.footer-nav{margin-bottom:8px}.footer-nav a{margin:0 6px;color:#777}.footer-brand{font-weight:700;color:#777;margin-bottom:7px}.mobile-tabbar,.mobile-search-toggle{display:none}.load-tip{color:#fff;text-align:center}.recommend-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 14px}.top-mobile-nav{display:none}@media (max-width: 900px){body{background:#eaf0f6}.site-header{position:static}.topbar{height:auto;min-height:58px;display:block;text-align:center;padding:8px 10px}.logo{display:block;font-size:20px;line-height:28px}.nav{justify-content:flex-start;gap:0;overflow-x:auto;white-space:nowrap;border-top:1px solid #eef1f5;margin-top:5px}.nav a{display:inline-block;padding:9px 10px 8px;font-size:14px;flex:0 0 auto}.header-actions{position:absolute;right:12px;top:13px}.search{display:none}.icon-dot{border:0;font-size:19px}.wrap{max-width:310px;margin:10px auto 0;padding:0}.home-layout{display:block}.side-col{display:none}.panel{border:0;margin-bottom:8px}.panel-hd{height:34px;padding:0 10px}.panel-title{font-size:14px}.panel-bd{padding:10px}.hero-grid,.grid,.grid.compact,.recommend-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.hero-grid .vod-card:first-child{grid-column:span 1}.hero-grid .vod-card:first-child .pic{padding-top:138%}.vod-card .vod-title{font-weight:700;font-size:12px;margin-top:4px}.vod-card .vod-sub{font-size:11px}.breadcrumb{padding:0 6px;margin:8px 0;color:#555;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-panel{border:0;padding:12px;margin-bottom:8px}.detail-main{display:block;position:relative;min-height:190px}.detail-poster{width:102px;float:right;margin-left:12px;margin-bottom:8px}.detail-title{font-size:15px;line-height:1.35;margin-bottom:8px}.meta-row{font-size:12px;margin:4px 0}.intro{max-height:none;font-size:12px;line-height:1.65}.play-now{padding:7px 18px;margin-top:8px}.ep-panel,.synopsis,.player-panel,.filter-panel,.result-info{border:0;margin-bottom:8px}.ep-panel{padding:10px}.ep-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ep-btn{height:32px;line-height:30px}.player-panel{padding:8px}.player-tools{height:38px;justify-content:center}.player-tools a{padding:5px 14px}.synopsis{padding:12px}.synopsis-text{font-size:13px;line-height:1.72}.filter-panel{padding:10px}.filter-line{display:block}.filter-label{width:auto;margin-bottom:5px}.filter-items{gap:6px}.filter-items a{padding:4px 9px}.result-info{padding:0 10px}.pagination{margin:16px 0}.site-footer{font-size:11px;margin-top:18px;padding:18px 10px}.footer-brand{display:none}.footer-nav{display:none}}@media (min-width:901px) and (max-width:1100px){.home-layout{grid-template-columns:190px minmax(0,1fr)}.side-col.right{display:none}.grid,.hero-grid{grid-template-columns:repeat(5,1fr)}.grid.compact{grid-template-columns:repeat(6,1fr)}}

/* 海报彻底修复：避免图片破裂时布局塌陷 */
.pic img,.detail-poster img,.vod-card img{display:block;width:100%;height:100%;object-fit:cover;background:#f5f5f5;}
.detail-poster .pic{background:#f5f5f5;}

/* 首页/栏目海报加载兜底 */
.pic .no-pic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aaa;background:#f5f5f5;font-size:12px;}


/* 20260603-simple-img：强制海报图片可见 */
.vod-card .pic img,.detail-poster .pic img{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;object-fit:cover!important;}


/* 20260603-bgfix：首页/栏目列表不再使用 <img> 标签，改为背景图显示，绕开 img 标签破图问题 */
.vod-card .pic.pic-bg{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f6f6f6!important;}
.vod-card .pic.pic-bg img{display:none!important;}

/* 20260603 REAL FIX: 首页/栏目页海报容器是 span.pic，必须强制变成 block。
   否则 width/padding-top 对 inline span 不生效，只会显示成一条竖向破图小标。 */
.vod-card .pic{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:0!important;
    padding-top:138%!important;
    overflow:hidden!important;
    background-color:#f6f6f6!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
}
.hero-grid .vod-card:first-child .pic{
    padding-top:59%!important;
}
.vod-card .pic img{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.vod-card .pic .remarks{
    position:absolute!important;
    right:3px!important;
    bottom:3px!important;
    z-index:2!important;
}
@media (max-width:900px){
    .hero-grid .vod-card:first-child .pic{padding-top:138%!important;}
}

/* 20260603 MOBILE DISPLAY FIX: 手机端不再固定 310px，内容铺满屏幕，海报变大 */
@media (max-width:900px){
    html,body{width:100%!important;min-width:0!important;overflow-x:hidden!important;background:#eaf0f6!important;}
    .site-header{width:100%!important;left:0!important;right:0!important;}
    .topbar{width:100%!important;max-width:none!important;margin:0!important;padding:8px 10px!important;}
    .wrap{width:100%!important;max-width:none!important;margin:8px 0 0!important;padding:0 8px!important;}
    .home-layout{display:block!important;width:100%!important;}
    .center-col{width:100%!important;min-width:0!important;}
    .side-col{display:none!important;}
    .panel{width:100%!important;margin-bottom:9px!important;border:0!important;}
    .panel-bd{padding:10px 8px!important;}
    .hero-grid,.grid,.grid.compact,.recommend-row{
        display:grid!important;
        width:100%!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:12px 9px!important;
    }
    .hero-grid .vod-card:first-child{grid-column:span 1!important;}
    .hero-grid .vod-card:first-child .pic,
    .vod-card .pic{padding-top:138%!important;}
    .vod-card .vod-title{font-size:12px!important;line-height:18px!important;height:18px!important;margin-top:4px!important;}
    .vod-card .vod-sub{font-size:11px!important;line-height:15px!important;height:15px!important;}
    .vod-card .remarks{font-size:9px!important;right:2px!important;bottom:2px!important;max-width:92%!important;}
    .breadcrumb,.filter-panel,.result-info,.detail-panel,.ep-panel,.synopsis,.player-panel{width:100%!important;}
}
@media (min-width:480px) and (max-width:900px){
    .hero-grid,.grid,.grid.compact,.recommend-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:340px){
    .wrap{padding:0 6px!important;}
    .panel-bd{padding:8px 6px!important;}
    .hero-grid,.grid,.grid.compact,.recommend-row{gap:10px 6px!important;}
    .nav a{font-size:12px!important;padding-left:7px!important;padding-right:7px!important;}
    .vod-card .vod-title{font-size:11px!important;}
}