:root{--bg:#f5f5f5;--card:#fff;--text:#222;--muted:#777;--line:#e8e8e8;--dark:#232323;--accent:#ff9900;--blue:#208bff;--shadow:0 6px 18px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-main{width:980px;max-width:calc(100% - 30px);margin:0 auto;padding:20px 0}.site-header{background:#202020;color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(255,255,255,.06)}.header-inner{height:54px;width:980px;max-width:calc(100% - 30px);margin:0 auto;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:900;white-space:nowrap}.brand-mark{font-size:15px;color:#fff;letter-spacing:-5px}.main-nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}.main-nav a{height:54px;display:flex;align-items:center;padding:0 13px;font-size:14px;color:#e9e9e9}.main-nav a.active,.main-nav a:hover{background:#111;color:#fff}.top-search{margin-left:auto;width:260px;height:32px;border:1px solid #444;display:flex;background:#181818}.top-search input{flex:1;border:0;background:transparent;color:#ddd;padding:0 12px;outline:0}.top-search button{width:42px;border:0;background:#181818;color:#bbb;font-size:18px;cursor:pointer}.menu-btn{display:none;border:0;background:transparent;color:#fff;font-size:20px}.section-card{background:#fff;border:1px solid var(--line);border-radius:0;margin:0 0 28px;padding:0;box-shadow:none}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 10px;margin-bottom:14px}.section-head h2{margin:0;font-size:22px;font-weight:500}.section-head h2:after{content:"";display:inline-block;width:1px}.section-links{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none}.section-links a,.filter-chips a{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:4px;background:#f4f4f4;color:#555;font-size:13px;white-space:nowrap}.section-links a:hover,.filter-chips a:hover,.filter-chips a.active{background:#ff9900;color:#fff}.muted{color:#999;font-size:13px}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.poster-card{display:block;min-width:0}.poster-img{position:relative;aspect-ratio:2/3;background:#eee;border-radius:3px;overflow:hidden;box-shadow:var(--shadow)}.poster-img img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.poster-card:hover .poster-img img{transform:scale(1.07)}.poster-desc{position:absolute;left:0;right:0;bottom:0;max-height:72%;overflow:hidden;padding:26px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.84));color:#fff;font-size:12px;line-height:1.5;opacity:0;transform:translateY(8px);transition:.22s}.poster-card:hover .poster-desc{opacity:1;transform:translateY(0)}.poster-tag{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.72);color:#fff;border-radius:2px;padding:2px 5px;font-style:normal;font-size:12px}.poster-score{position:absolute;left:4px;top:4px;background:#ff5b00;color:#fff;border-radius:10px;padding:2px 6px;font-size:12px}.poster-title{display:block;font-size:14px;line-height:1.35;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}.poster-meta{display:block;font-size:12px;color:#888;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-grid .poster-card:nth-child(n+7){margin-top:5px}.empty-state{border:1px solid var(--line);background:#fff;padding:50px;text-align:center;color:#999}.breadcrumb{font-size:14px;margin:5px 0 18px;color:#777}.breadcrumb a{color:#555}.breadcrumb span{margin:0 7px;color:#aaa}.list-banner{padding:16px 0;border:0;background:transparent}.list-banner h1{margin:0;font-size:24px;font-weight:500}.list-banner p{color:#777}.banner-search{display:none}.filter-panel{padding:16px;background:#fff}.filter-panel h2{display:none}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.content-layout{display:block}.content-side{display:none}.rank-panel{background:#fff;border:1px solid var(--line);padding:12px}.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rank-head h3{font-size:16px;margin:0}.rank-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px 20px}.wide-card{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px dotted #ddd;font-size:13px}.wide-thumb{display:none}.wide-rank{color:#ff4a4a;font-weight:bold}.wide-info strong{display:block;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wide-info small{display:none}.wide-card em{font-style:normal;color:#888;font-size:11px}.pagination{display:flex;gap:6px;justify-content:center;align-items:center;margin:26px 0 4px;flex-wrap:wrap}.pagination a,.pagination span{min-width:30px;height:30px;padding:0 10px;border-radius:3px;background:#eee;color:#333;display:inline-flex;align-items:center;justify-content:center}.pagination a.active{background:#ff9900;color:#fff}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;background:#303030;color:#fff;padding:25px;margin-bottom:28px}.detail-hero{display:grid;grid-template-columns:230px 1fr;gap:24px;background:transparent;border:0;margin:0;color:#fff}.detail-poster img{width:230px;height:320px;object-fit:cover}.detail-poster span{display:block;text-align:center;background:#222;color:#fff;padding:8px}.detail-info h1{font-size:24px;margin:0 0 12px}.hero-badge{display:inline-block;background:#ff9900;color:#fff;padding:4px 12px;border-radius:3px;margin-bottom:8px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.detail-tags span{background:#444;padding:5px 10px;border-radius:3px;color:#fff}.detail-intro{line-height:1.8}.detail-meta p{margin:6px 0}.detail-actions{display:flex;gap:12px;margin-top:18px}.btn-primary,.btn-soft{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:40px;border-radius:4px;background:#ff9900;color:#fff;font-weight:bold}.btn-soft{background:#444;color:#fff}.score-box{display:none}.detail-side{display:block}.detail-side .rank-panel{background:#222;border-color:#444;color:#fff}.episode-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.episode-grid a{height:34px;background:#f3f3f3;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#333}.episode-grid a.active,.episode-grid a:hover{background:#ff9900;color:#fff}.article-text{line-height:1.9;color:#444}.player-section{background:#282828;color:#fff;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.player-box{position:relative;background:#1f1f1f;min-height:420px}.video-player{width:100%;height:100%;min-height:420px;background:#111}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;width:60px;height:60px;border-radius:50%;background:#ff9900;color:#fff;font-size:24px}.playing-info h1{margin:0 0 10px}.scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scroll-row .poster-card{width:135px;flex:0 0 135px}.mobile-drawer,.drawer-mask{display:none}.site-footer{background:#f1f1f1;color:#777;font-size:12px;text-align:center;padding:28px 10px;margin-top:30px}.footer-links a{margin:0 6px;color:#555}.mobile-bottom{display:none}.back-top{position:fixed;right:16px;bottom:18px;border:0;background:#666;color:#fff;width:38px;height:38px;border-radius:3px;display:none}.back-top.show{display:block}@media(max-width:860px){body{background:#eaf1f9}.site-main{max-width:100%;width:100%;padding:0 12px 66px}.site-header{position:sticky;background:#202020}.header-inner{height:48px;max-width:100%;padding:0 10px}.brand{font-size:18px}.main-nav{display:none}.top-search{display:none}.menu-btn{display:block;margin-left:auto}.section-card{border:0;background:#fff;margin-bottom:18px;padding:0}.section-head{padding:14px 0 8px;margin-bottom:10px}.section-head h2{font-size:18px}.section-links a{padding:5px 12px}.poster-grid{grid-template-columns:repeat(3,1fr);gap:12px}.poster-title{font-size:13px}.poster-meta{font-size:11px}.home-grid .poster-card:nth-child(n+7){margin-top:0}.rank-list{grid-template-columns:repeat(2,1fr)}.list-banner{padding:14px 0}.filter-panel{border-radius:6px;padding:12px}.detail-layout{display:block;padding:12px;background:#303030;margin-left:-12px;margin-right:-12px}.detail-hero{grid-template-columns:105px 1fr;gap:12px}.detail-poster img{width:105px;height:148px}.detail-info h1{font-size:20px}.detail-tags span{font-size:12px;padding:4px 7px}.detail-intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-side{display:none}.episode-grid{grid-template-columns:repeat(3,1fr)}.player-section{display:block;margin-left:-12px;margin-right:-12px;padding:0;background:#222}.player-box,.video-player{min-height:210px}.playing-info{padding:12px}.scroll-row .poster-card{width:31%;flex:0 0 31%}.mobile-drawer{display:block;position:fixed;top:0;left:0;width:250px;max-width:82vw;height:100vh;background:#1f1f1f;color:#fff;z-index:90;transform:translateX(-105%);transition:.22s;padding:18px}.mobile-drawer.show{transform:translateX(0)}.mobile-drawer a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.drawer-head button{border:0;background:transparent;color:#fff;font-size:24px}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:80;opacity:0;visibility:hidden;transition:.22s}.drawer-mask.show{opacity:1;visibility:visible}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid #ddd}.mobile-bottom a{flex:1;text-align:center;padding:8px 0;font-size:12px;color:#333}.top-search{width:auto}.site-footer{font-size:11px;padding-bottom:70px}}


/* Rank list title fix: show real video names, never status-only text */
.rank-list{align-items:start}.mini-rank-item{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:7px 0!important;border-bottom:1px dotted #ddd!important;min-width:0!important;color:#333!important}.mini-rank-num{font-weight:700!important;color:#ff4a4a!important;text-align:left!important}.mini-rank-title{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#222!important;font-size:13px!important;line-height:1.3!important}.mini-rank-note{color:#999!important;font-size:11px!important;white-space:nowrap!important;max-width:70px!important;overflow:hidden!important;text-overflow:ellipsis!important}.mini-rank-item:hover .mini-rank-title{color:#ff9900!important}@media(max-width:860px){.mini-rank-item{grid-template-columns:26px minmax(0,1fr)!important}.mini-rank-note{display:none!important}}

/* 详情页右侧相关推荐修复：避免排行榜按4列挤压导致文字竖排 */
.detail-side .rank-panel{
    width:100%;
    overflow:hidden;
}
.detail-side .rank-list{
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
}
.detail-side .mini-rank-item{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
    row-gap:2px!important;
    align-items:start!important;
    padding:8px 0!important;
    border-bottom:1px dotted rgba(255,255,255,.18)!important;
    min-width:0!important;
}
.detail-side .mini-rank-num{
    grid-row:1 / span 2!important;
    grid-column:1!important;
    color:#ff9900!important;
    font-weight:700!important;
    text-align:center!important;
    line-height:1.3!important;
}
.detail-side .mini-rank-title{
    grid-column:2!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.35!important;
}
.detail-side .mini-rank-note{
    grid-column:2!important;
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#cfcfcf!important;
    font-size:12px!important;
    line-height:1.3!important;
}
.detail-side .mini-rank-item:hover .mini-rank-title{color:#ff9900!important;}
@media(max-width:860px){.detail-side{display:none!important;}}

/* detail side recommend v2 fallback */


/* 详情页右侧相关推荐强制修复 v2：不再使用首页排行4列布局 */
body.page-detail .detail-layout{grid-template-columns:minmax(0,1fr) 300px!important;align-items:start!important;}
body.page-detail .detail-side{display:block!important;width:300px!important;min-width:0!important;}
body.page-detail .detail-recommend-box{background:#222!important;border:1px solid #444!important;color:#fff!important;padding:14px!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
body.page-detail .detail-recommend-box h3{margin:0 0 10px!important;font-size:18px!important;line-height:1.2!important;color:#fff!important;white-space:nowrap!important;}
body.page-detail .detail-recommend-list{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;}
body.page-detail .detail-recommend-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:3px!important;align-items:start!important;padding:8px 0!important;border-bottom:1px dotted rgba(255,255,255,.18)!important;width:100%!important;box-sizing:border-box!important;color:#fff!important;text-decoration:none!important;}
body.page-detail .detail-recommend-no{grid-column:1!important;grid-row:1 / span 2!important;color:#ff9900!important;font-weight:700!important;text-align:center!important;line-height:1.35!important;white-space:nowrap!important;}
body.page-detail .detail-recommend-title{grid-column:2!important;display:block!important;min-width:0!important;max-width:100%!important;color:#fff!important;font-size:14px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:keep-all!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;}
body.page-detail .detail-recommend-status{grid-column:2!important;display:block!important;min-width:0!important;max-width:100%!important;color:#cfcfcf!important;font-size:12px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:keep-all!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;}
body.page-detail .detail-recommend-item:hover .detail-recommend-title{color:#ff9900!important;}
@media(max-width:860px){body.page-detail .detail-layout{display:block!important;}body.page-detail .detail-side{display:none!important;}}



/* mobile detail page layout fix 20260522
   修复手机端详情页白底白字、信息区高度异常、按钮下沉的问题 */
@media (max-width: 860px){
  body.page-detail .site-main{padding-top:0!important;}
  body.page-detail .breadcrumb{
    margin:8px 0!important;
    padding:8px 4px!important;
    font-size:12px!important;
    color:#666!important;
    background:transparent!important;
    border:0!important;
  }
  body.page-detail .detail-layout{
    display:block!important;
    width:auto!important;
    margin:0 -4px 14px!important;
    padding:8px!important;
    background:#2f2f2f!important;
    color:#fff!important;
    border:0!important;
    overflow:hidden!important;
  }
  body.page-detail .detail-hero.section-card{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    gap:10px 12px!important;
    align-items:start!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:8px!important;
    background:#2f2f2f!important;
    color:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-detail .detail-poster{
    grid-column:1!important;
    grid-row:1!important;
    width:96px!important;
    min-width:96px!important;
  }
  body.page-detail .detail-poster img{
    width:96px!important;
    height:135px!important;
    object-fit:cover!important;
    border-radius:2px!important;
  }
  body.page-detail .detail-poster span{
    display:block!important;
    padding:5px 2px!important;
    background:#222!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  body.page-detail .detail-info{
    display:contents!important;
  }
  body.page-detail .hero-badge,
  body.page-detail .detail-info h1,
  body.page-detail .detail-tags{
    grid-column:2!important;
    min-width:0!important;
  }
  body.page-detail .hero-badge{
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    height:24px!important;
    margin:0!important;
    padding:0 8px!important;
    background:#ff9900!important;
    color:#fff!important;
    border-radius:3px!important;
    font-size:12px!important;
    line-height:24px!important;
    white-space:nowrap!important;
  }
  body.page-detail .detail-info h1{
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.35!important;
    font-weight:700!important;
    max-height:50px!important;
    overflow:hidden!important;
  }
  body.page-detail .detail-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0!important;
    max-height:58px!important;
    overflow:hidden!important;
  }
  body.page-detail .detail-tags span{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    height:22px!important;
    padding:0 6px!important;
    background:#4a4a4a!important;
    color:#fff!important;
    border-radius:3px!important;
    font-size:11px!important;
    line-height:22px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.page-detail .detail-intro,
  body.page-detail .detail-meta,
  body.page-detail .detail-actions{
    grid-column:1 / -1!important;
  }
  body.page-detail .detail-intro{
    display:block!important;
    margin:4px 0 0!important;
    padding:9px 10px!important;
    background:rgba(0,0,0,.14)!important;
    border-left:3px solid #ff9900!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.65!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    overflow:visible!important;
  }
  body.page-detail .detail-meta{
    margin:0!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
  body.page-detail .detail-meta p{
    margin:3px 0!important;
    color:#fff!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.page-detail .detail-meta strong,
  body.page-detail .detail-intro strong{color:#fff!important;}
  body.page-detail .detail-actions{
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    margin-top:6px!important;
  }
  body.page-detail .detail-actions .btn-primary,
  body.page-detail .detail-actions .btn-soft{
    flex:0 1 120px!important;
    min-width:0!important;
    height:36px!important;
    font-size:14px!important;
    border-radius:4px!important;
  }
  body.page-detail .score-box{display:none!important;}
  body.page-detail .detail-side{display:none!important;}
  body.page-detail #episodes.section-card,
  body.page-detail .section-card:not(.detail-hero){
    background:#fff!important;
    color:#222!important;
    padding:12px!important;
    margin:12px 0!important;
    border:0!important;
  }
  body.page-detail #episodes .section-head,
  body.page-detail .section-card:not(.detail-hero) .section-head{
    padding:0 0 8px!important;
    margin:0 0 8px!important;
  }
  body.page-detail .episode-grid{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
  }
  body.page-detail .episode-grid a{
    height:32px!important;
    font-size:12px!important;
    color:#333!important;
    background:#f3f3f3!important;
    border-radius:3px!important;
  }
  body.page-detail .episode-grid a:hover,
  body.page-detail .episode-grid a.active{
    color:#fff!important;
    background:#ff9900!important;
  }
}

/* mobile detail page top alignment fix v2 20260522
   让手机端详情页海报在左，标题/标签/主演等信息在右侧顶部，不再出现右侧大块空白 */
@media (max-width: 860px){
  body.page-detail .detail-hero.section-card{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:8px 10px!important;
    align-items:start!important;
    min-height:0!important;
    height:auto!important;
  }
  body.page-detail .detail-poster{
    grid-column:1!important;
    grid-row:1 / span 4!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    align-self:start!important;
  }
  body.page-detail .detail-poster img{
    width:92px!important;
    height:130px!important;
    object-fit:cover!important;
    display:block!important;
  }
  body.page-detail .detail-poster span{
    width:92px!important;
    box-sizing:border-box!important;
    font-size:11px!important;
    line-height:1.25!important;
    min-height:24px!important;
  }
  body.page-detail .detail-info{
    display:contents!important;
  }
  body.page-detail .hero-badge{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    height:22px!important;
    line-height:22px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }
  body.page-detail .detail-info h1{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.28!important;
    font-weight:700!important;
    max-height:44px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  body.page-detail .detail-tags{
    grid-column:2!important;
    grid-row:3!important;
    align-self:start!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    max-height:50px!important;
    overflow:hidden!important;
  }
  body.page-detail .detail-tags span{
    height:20px!important;
    line-height:20px!important;
    padding:0 5px!important;
    font-size:10px!important;
    max-width:100%!important;
  }
  body.page-detail .detail-meta{
    grid-column:2!important;
    grid-row:4!important;
    align-self:start!important;
    display:block!important;
    margin:0!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.38!important;
    min-width:0!important;
  }
  body.page-detail .detail-meta p{
    margin:1px 0!important;
    color:#fff!important;
    line-height:1.38!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.page-detail .detail-intro{
    grid-column:1 / -1!important;
    grid-row:5!important;
    margin:8px 0 0!important;
    padding:8px 9px!important;
    font-size:12px!important;
    line-height:1.58!important;
    max-height:none!important;
  }
  body.page-detail .detail-actions{
    grid-column:1 / -1!important;
    grid-row:6!important;
    display:flex!important;
    justify-content:center!important;
    gap:8px!important;
    margin:8px 0 0!important;
  }
}
@media (max-width: 360px){
  body.page-detail .detail-hero.section-card{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body.page-detail .detail-poster,
  body.page-detail .detail-poster span{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
  }
  body.page-detail .detail-poster img{
    width:84px!important;
    height:118px!important;
  }
  body.page-detail .detail-info h1{font-size:16px!important;max-height:42px!important;}
  body.page-detail .detail-tags{max-height:46px!important;}
  body.page-detail .detail-meta{font-size:10.5px!important;}
}

/* play page right-info overflow fix 20260522
   修复播放页右侧标题/简介/按钮超出主体区域的问题 */
body.page-play .player-section{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,2.45fr) minmax(220px,.85fr)!important;
    gap:18px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
body.page-play .player-box{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
}
body.page-play .video-player{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
}
body.page-play .playing-info{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
body.page-play .playing-info .hero-badge{
    max-width:100%!important;
    white-space:nowrap!important;
}
body.page-play .playing-info h1{
    max-width:100%!important;
    margin:0 0 12px!important;
    font-size:24px!important;
    line-height:1.32!important;
    color:#fff!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
}
body.page-play .playing-info h1 small{
    display:inline!important;
    font-size:.9em!important;
    color:#fff!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
}
body.page-play .playing-info p{
    max-width:100%!important;
    margin:0 0 16px!important;
    line-height:1.65!important;
    color:#fff!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    display:-webkit-box!important;
    -webkit-line-clamp:5!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
body.page-play .playing-info .detail-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    max-width:100%!important;
    margin-top:16px!important;
}
body.page-play .playing-info .detail-actions .btn-primary,
body.page-play .playing-info .detail-actions .btn-soft{
    flex:1 1 95px!important;
    min-width:0!important;
    max-width:140px!important;
    height:40px!important;
    padding:0 12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
}
@media (max-width:1080px){
    body.page-play .player-section{
        grid-template-columns:minmax(0,2fr) minmax(210px,.8fr)!important;
        gap:14px!important;
        padding:16px!important;
    }
    body.page-play .playing-info h1{font-size:22px!important;}
    body.page-play .playing-info p{-webkit-line-clamp:4!important;}
}
@media (max-width:860px){
    body.page-play .player-section{
        display:block!important;
        width:auto!important;
        max-width:none!important;
        margin-left:-12px!important;
        margin-right:-12px!important;
        padding:0!important;
        overflow:hidden!important;
    }
    body.page-play .player-box,
    body.page-play .video-player{
        min-height:210px!important;
        width:100%!important;
    }
    body.page-play .playing-info{
        padding:12px!important;
        overflow:visible!important;
    }
    body.page-play .playing-info h1{
        font-size:18px!important;
        line-height:1.35!important;
        margin-bottom:8px!important;
    }
    body.page-play .playing-info p{
        font-size:13px!important;
        line-height:1.55!important;
        -webkit-line-clamp:3!important;
        margin-bottom:10px!important;
    }
    body.page-play .playing-info .detail-actions{
        gap:8px!important;
        margin-top:10px!important;
    }
    body.page-play .playing-info .detail-actions .btn-primary,
    body.page-play .playing-info .detail-actions .btn-soft{
        flex:1 1 31%!important;
        max-width:none!important;
        height:34px!important;
        font-size:13px!important;
        padding:0 8px!important;
    }
}