:root{--bg:#f4f1e9;--panel:#ffffff;--soft:#f4d54414;--text:#19202a;--muted:#667085;--accent:#f4d544;--accent2:#a4ea69;--accent-text:#ffffff;--line:#f4d54438;--shadow:0 18px 50px #0003;--radius:4px;--gap:20px;--cols:5;--font:'Trebuchet MS','Microsoft YaHei',sans-serif}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.site-shell{min-height:100vh}.site-main{width:min(1460px,calc(100% - 40px));margin:auto;padding:28px 0 64px}.site-header{position:relative;z-index:30;background:color-mix(in srgb,var(--panel) 94%,transparent);border-bottom:1px solid var(--line)}.header-inner,.header-top,.header-bottom,.header-search-row{width:min(1460px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:22px;min-height:72px}.brand{font-weight:900;letter-spacing:.03em;color:var(--accent);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:8px;flex:1}.site-nav a{padding:9px 13px;border:1px solid transparent}.site-nav a:hover,.site-nav a.active{border-color:var(--accent);color:var(--accent)}.site-search{display:flex;min-width:260px}.site-search input{width:100%;border:1px solid var(--line);background:var(--soft);color:var(--text);padding:10px 12px;outline:0}.site-search button,.primary-action{border:0;background:var(--accent);color:var(--accent-text);padding:10px 16px;font-weight:800}.mobile-toggle,.search-toggle{display:none;background:var(--soft);border:1px solid var(--line);color:var(--text);padding:8px 12px}.header-search-first .header-search-row{justify-content:center;min-height:58px}.header-search-first .header-search-row .site-search{width:min(760px,100%)}.category-tiles{width:min(1460px,calc(100% - 40px));margin:auto;padding:10px 0}.header-center{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px;padding:14px 24px}.header-center .brand{text-align:center}.header-console{display:flex;align-items:center;gap:18px;padding:12px 28px}.console-brand{display:flex;flex-direction:column}.header-kicker{padding:6px 20px;background:var(--accent);color:var(--accent-text);font-size:12px}.header-float{height:90px;background:transparent;border:0}.floating-dock{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1100px,calc(100% - 32px));display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:40}.floating-search{display:none;position:fixed;top:82px;left:50%;transform:translateX(-50%);z-index:41;width:min(680px,calc(100% - 32px));padding:12px;background:var(--panel)}.floating-search.show{display:block}.desktop-rail,.vertical-nav{position:fixed;left:0;top:0;bottom:0;width:210px;padding:24px 16px;background:var(--panel);border-right:1px solid var(--line);z-index:35}.desktop-rail .site-nav,.vertical-nav .site-nav{flex-direction:column;align-items:stretch;margin:30px 0}.desktop-rail~.site-header,.desktop-rail~.mobile-mask,.desktop-rail~.mobile-drawer,.vertical-nav~.site-header{margin-left:210px}.desktop-rail~.mobile-mask~.mobile-drawer~.site-main,.vertical-nav~.site-header~.mobile-mask~.mobile-drawer~.site-main{width:min(1240px,calc(100% - 260px));margin-left:235px}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 26px}.category-strip a{display:flex;flex-direction:column;padding:16px;background:var(--panel);border:1px solid var(--line)}.category-strip a:hover{border-color:var(--accent)}.category-strip span{color:var(--muted);font-size:12px}.feature-card{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;min-height:420px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.feature-media{min-height:360px}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px)}.feature-copy>span,.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.15em;font-weight:800}.feature-copy h1{font-size:clamp(30px,4vw,64px);line-height:1.04;margin:12px 0}.feature-copy p{color:var(--muted);max-width:680px}.feature-meta{margin:8px 0 24px}.primary-action{display:inline-flex;width:max-content}.content-section{margin:34px 0}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:16px}.section-head h2{margin:0;padding:10px 0}.section-head a{color:var(--accent)}.media-grid{display:grid;grid-template-columns:repeat(var(--cols,6),minmax(0,1fr));gap:var(--gap,16px)}.media-card{min-width:0;background:var(--panel);border:1px solid var(--line);transition:.2s transform,.2s border-color}.media-card:hover{transform:translateY(-3px);border-color:var(--accent)}.media-pic{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--soft)}.media-pic img{width:100%;height:100%;object-fit:cover}.media-pic i{position:absolute;right:7px;bottom:7px;background:var(--accent);color:var(--accent-text);font-style:normal;padding:3px 6px;font-size:11px}.poster-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;text-align:center;color:var(--muted)}.card-frame figure{margin:0}.card-frame figcaption,.label-foot,.window-copy,.layer-copy{display:flex;flex-direction:column;padding:10px}.card-frame span,.media-card small,.media-card p{color:var(--muted)}.card-file>a{display:block}.card-file header,.card-file footer{display:flex;justify-content:space-between;padding:8px 10px}.card-file-body{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:10px}.card-file-body .media-pic{aspect-ratio:2/3}.card-strip,.card-number,.card-row{display:grid;grid-template-columns:auto 86px 1fr auto;align-items:center;gap:12px;padding:10px}.card-strip .media-pic,.card-number .media-pic,.card-row .media-pic{aspect-ratio:2/3}.strip-index,.number-big,.row-code{font-size:24px;font-weight:900;color:var(--accent)}.strip-copy{display:flex;flex-direction:column}.card-label{display:block}.label-head{display:flex;justify-content:space-between;padding:8px}.card-split{display:grid;grid-template-columns:42% 1fr}.card-split-copy{padding:18px}.card-split-copy h3{font-size:20px}.card-go{color:var(--accent);font-weight:700}.window-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 8px}.window-bar i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.window-bar span{margin-left:auto}.card-note{display:block;padding:12px;position:relative}.card-note .note-pin{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);left:50%;top:5px;z-index:2}.card-note strong,.card-note p,.card-note>span{display:block;margin-top:8px}.card-layer{position:relative;padding:10px}.layer-back{position:absolute;inset:18px 2px 2px 18px;background:var(--accent2);opacity:.25}.card-layer .media-pic,.card-layer .layer-copy{position:relative}.card-row{grid-column:1/-1}.card-row .media-pic{height:105px}.row-main p{margin:5px 0}.row-state{color:var(--accent)}.rank-panel{background:var(--panel);border:1px solid var(--line);padding:16px}.rank-panel>header{display:flex;justify-content:space-between;align-items:center}.rank-panel h2{font-size:18px}.rank-list a{color:inherit}.rank-ordered{padding:0;list-style:none}.rank-ordered li a,.rank-bars a,.rank-tabs a{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.rank-ordered b,.rank-tabs span{color:var(--accent)}.rank-bars a{position:relative}.rank-bars a>span{position:absolute;left:0;bottom:0;width:var(--rank);height:2px;background:var(--accent)}.rank-table{width:100%;border-collapse:collapse}.rank-table td,.rank-table th{padding:8px 4px;border-bottom:1px solid var(--line);text-align:left}.rank-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rank-tiles a{padding:10px;background:var(--soft)}.rank-tiles b{color:var(--accent);margin-right:6px}.rank-track a{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:8px 0}.rank-track i{width:10px;height:10px;border-radius:50%;background:var(--accent)}.rank-dl>div{display:flex;gap:12px;border-bottom:1px solid var(--line)}.rank-dl dt{padding:10px;color:var(--accent)}.rank-dl dd{margin:0;padding:10px;display:flex;flex-direction:column}.rank-stack{display:flex;flex-direction:column}.rank-stack a{margin-top:-1px;padding:10px;border:1px solid var(--line);transform:translateX(calc(var(--z)*1px))}.rank-cues{padding:0;list-style:none}.rank-cues li{display:flex;gap:10px;padding:8px 0}.rank-cues span{color:var(--accent)}.rank-meter a{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0}.rank-tabs{display:flex;flex-direction:column}.home-feature-zone,.home-mid-feature{margin-bottom:30px}.home-dual,.home-dashboard,.home-lead,.home-rank-zone,.section-pair,.home-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:24px;align-items:start}.home-dashboard{grid-template-columns:280px 1fr}.home-opening{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:25px}.opening-copy{padding:30px}.opening-copy h1{font-size:clamp(36px,6vw,80px);margin:8px 0}.home-pairs .section-pair{grid-template-columns:1fr 1fr}.home-alternate .alternate-row{display:grid;grid-template-columns:1fr 280px;gap:20px}.home-alternate .reverse{direction:rtl}.home-alternate .reverse>*{direction:ltr}.home-editor .feature-card{border-left:8px solid var(--accent)}.home-route .home-sequence{border-left:3px solid var(--accent);padding-left:22px}.home-shelf .content-section{padding:18px;background:var(--panel)}.home-archive .content-section{border-top:8px solid var(--accent2)}.home-storyboard .media-grid{--cols:4}.home-forms .content-section{border:1px dashed var(--accent);padding:18px}.home-passport .feature-card{border-width:8px}.home-board .media-grid{--cols:5}.home-orbit .category-strip{border-radius:50%;padding:24px;border:1px solid var(--line)}.home-dial .content-section:nth-child(even){margin-left:8%}.home-split .content-section:nth-child(odd){margin-right:12%}.home-lens .media-grid{--cols:3}.home-broadcast .media-grid{--cols:4}.home-tape .content-section{display:grid;grid-template-columns:220px 1fr;gap:16px}.catalog-layout,.search-layout,.detail-layout,.play-layout{min-height:500px}.list-title{margin:20px 0}.list-title h1{font-size:clamp(34px,5vw,70px);margin:4px 0}.filter-strip{display:flex;gap:8px;overflow:auto;padding:10px 0 18px}.filter-strip a{white-space:nowrap;padding:8px 12px;border:1px solid var(--line)}.filter-strip a.active{background:var(--accent);color:var(--accent-text)}.list-main-side,.list-rank-first,.list-filter-left,.list-board,.list-bands,.list-zigzag{display:grid;grid-template-columns:1fr 290px;gap:24px}.list-rank-first,.list-filter-left{grid-template-columns:290px 1fr}.list-preview-band{margin-bottom:24px}.list-horizontal-catalog .media-grid{--cols:1}.list-ledger{border:1px solid var(--line);padding:20px}.ledger-rank{margin-top:20px}.list-drawers details,.search-drawer details{background:var(--panel);border:1px solid var(--line);margin:10px 0;padding:14px}.pagination{display:flex;justify-content:center;gap:8px;margin:30px 0;flex-wrap:wrap}.pagination a{padding:8px 12px;border:1px solid var(--line)}.pagination a.active{background:var(--accent);color:var(--accent-text)}.search-hero,.search-command,.search-strip{padding:clamp(30px,6vw,90px);background:var(--panel);margin-bottom:24px}.search-hero h1,.search-command h1{font-size:clamp(38px,6vw,80px)}.search-stage-form{display:flex;max-width:860px}.search-stage-form input{flex:1;min-width:0;padding:16px;background:var(--soft);border:1px solid var(--line);color:var(--text)}.search-stage-form button{background:var(--accent);color:var(--accent-text);border:0;padding:0 22px}.search-two,.search-left,.search-board,.search-tabs,.search-zig{display:grid;grid-template-columns:1fr 300px;gap:24px}.search-left{grid-template-columns:300px 1fr}.search-board{grid-template-columns:1fr 300px}.search-board header{grid-column:1/-1}.search-window{border:1px solid var(--line);padding:20px}.detail-poster{position:relative;min-width:0}.detail-poster img{width:100%;height:100%;max-height:680px;object-fit:cover}.detail-poster>span{position:absolute;right:10px;bottom:10px;background:var(--accent);color:var(--accent-text);padding:6px 9px}.detail-copy{padding:clamp(20px,4vw,54px);background:var(--panel)}.detail-copy h1{font-size:clamp(34px,5vw,72px);line-height:1.05}.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.detail-tags span{padding:5px 9px;background:var(--soft)}.detail-copy dl>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:8px 0}.detail-copy dd{margin:0}.detail-three{display:grid;grid-template-columns:minmax(230px,340px) 1fr 280px;gap:22px}.detail-backdrop{position:relative;min-height:70vh;overflow:hidden}.detail-backdrop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.3)}.detail-backdrop>div{position:relative;width:min(760px,90%);margin-left:auto;padding:8vh 4vw}.detail-under,.detail-dossier,.detail-spread,.detail-sticky,.detail-info-first,.detail-mosaic{display:grid;grid-template-columns:340px 1fr;gap:24px;margin-top:24px}.detail-dossier{grid-template-columns:1fr 300px}.detail-dossier>section{grid-column:1/-1}.detail-centered{max-width:980px;margin:auto;text-align:center}.detail-centered .detail-poster{max-width:360px;margin:auto}.detail-ring{display:grid;grid-template-columns:300px 1fr;gap:24px}.detail-spread{grid-template-columns:1fr 1fr}.detail-accordion details{padding:16px;background:var(--panel);margin:12px 0}.detail-sticky aside{position:sticky;top:20px;align-self:start}.detail-info-first{grid-template-columns:1fr 340px}.detail-mosaic{grid-template-columns:1fr 1.4fr 280px}.detail-mosaic footer{grid-column:1/-1}.detail-story>section{margin:24px auto;max-width:980px}.detail-episodes,.detail-related{margin-top:26px}.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.episode-grid a{padding:10px;text-align:center;border:1px solid var(--line);background:var(--panel)}.episode-grid a.active,.episode-grid a:hover{background:var(--accent);color:var(--accent-text)}.player-box{position:relative;background:#000;aspect-ratio:16/9}.player-box video{width:100%;height:100%;background:#000}.big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-text);font-size:28px}.play-info{padding:20px;background:var(--panel)}.play-info h1{margin:0;font-size:clamp(24px,3vw,44px)}.play-info small{margin-left:8px;color:var(--accent)}.play-main-side,.play-episodes-left,.play-three-pane,.play-center-stage{display:grid;grid-template-columns:1fr 330px;gap:24px}.play-episodes-left{grid-template-columns:330px 1fr}.play-strip{margin:16px 0}.play-under{display:grid;grid-template-columns:1fr 1fr;gap:24px}.play-cinema .player-box{border:18px solid var(--panel)}.play-drawer{margin-top:20px}.play-theatre{padding:30px;background:var(--panel)}.screen-frame{padding:18px;background:#050505}.play-console{display:grid;grid-template-columns:1fr 320px;gap:20px}.console-screen{grid-column:1/-1}.play-three-pane{grid-template-columns:280px 1fr 320px}.play-center-stage{grid-template-columns:240px 1fr 240px}.play-vertical>*{margin-bottom:18px}.play-vertical details{padding:14px;background:var(--panel)}.minimal-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px}.play-related{--cols:4}.not-found{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found>span{font-size:clamp(100px,22vw,300px);line-height:.8;color:var(--accent);font-weight:900}.not-found>div{display:flex;gap:12px;align-items:center}.site-footer{width:min(1460px,calc(100% - 40px));margin:0 auto 30px;padding:28px;border:1px solid var(--line);background:var(--panel);display:flex;gap:24px;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-ledger{display:block}.ledger-row{display:grid;grid-template-columns:100px 1fr;padding:8px 0;border-bottom:1px solid var(--line)}.footer-center{flex-direction:column;text-align:center}.footer-index>b{font-size:50px;color:var(--accent)}.mobile-drawer,.mobile-mask,.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:18px;display:none;width:42px;height:42px;border:0;background:var(--accent);color:var(--accent-text);z-index:45}.back-top.show{display:block}.empty-state{padding:60px;text-align:center;background:var(--panel);border:1px solid var(--line)}

.catalog-intro,.catalog-tail,.search-after,.detail-extra-related,.play-tail-rank{margin:0 0 28px;padding:18px;background:var(--panel);border:1px solid var(--line)}
.catalog-rank-banner,.search-before-rank,.detail-rank-opening,.play-episode-opening{margin-bottom:26px;padding:16px;border-left:7px solid var(--accent);background:var(--soft)}
.catalog-article,.search-layout>article,.detail-layout>article,.play-layout>article{display:block;padding:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent)}
.catalog-sandwich,.detail-bookends,.play-bookends{display:grid;gap:18px}.catalog-sandwich>header,.catalog-sandwich>footer,.detail-bookends>header,.play-bookends>header,.play-bookends>footer{padding:16px;background:var(--panel);border:1px solid var(--line)}
.catalog-folder,.search-folder,.detail-folder,.play-folder{padding:18px;background:var(--panel);border:1px solid var(--line);margin-bottom:18px}.catalog-folder>summary,.search-folder>summary,.detail-folder>summary,.play-folder>summary{cursor:pointer;color:var(--accent);font-size:20px;font-weight:800;margin-bottom:16px}
.catalog-cross,.search-cross,.detail-cross,.play-cross{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.catalog-cross>aside,.search-cross>aside,.detail-cross>aside,.play-cross>aside{position:sticky;top:20px}
.search-preface,.play-status,.detail-meta-ribbon{display:flex;align-items:center;gap:16px;padding:12px 16px;margin-bottom:20px;background:var(--accent);color:var(--accent-text)}
.search-preface span,.play-status em,.detail-meta-ribbon em{margin-left:auto;font-style:normal}.search-shell-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.search-shell-split>header{padding:16px;background:var(--panel)}
.detail-meta-ribbon{justify-content:flex-start}.detail-meta-ribbon b{font-size:24px}.detail-bookends>header .episode-grid{margin-top:14px}
.play-status b{font-size:20px}.play-bookends>footer .media-grid{--cols:4}
@media(max-width:760px){.catalog-cross,.search-cross,.detail-cross,.play-cross,.search-shell-split{grid-template-columns:1fr}.catalog-cross>aside,.search-cross>aside,.detail-cross>aside,.play-cross>aside{position:static;order:2}.catalog-article,.search-layout>article,.detail-layout>article,.play-layout>article{padding:10px}.search-preface,.play-status,.detail-meta-ribbon{align-items:flex-start;flex-direction:column}.search-preface span,.play-status em,.detail-meta-ribbon em{margin-left:0}.catalog-sandwich>header .media-grid,.catalog-sandwich>footer .media-grid{--cols:2}}

@media(max-width:1100px){.media-grid{--cols:4}.detail-three{grid-template-columns:260px 1fr}.detail-three>aside{grid-column:1/-1}.play-three-pane,.play-center-stage{grid-template-columns:1fr}.play-three-pane>aside,.play-center-stage>aside{display:block}.header-center{grid-template-columns:1fr auto}.header-center .split-nav{display:none}}
@media(max-width:760px){body{padding-bottom:62px}.site-main{width:calc(100% - 24px);padding-top:14px}.site-header{position:sticky;top:0}.header-inner,.header-top,.header-bottom,.header-search-row{width:calc(100% - 24px);min-height:58px}.site-header .site-nav,.site-header .site-search,.category-tiles,.desktop-rail,.vertical-nav{display:none}.mobile-toggle,.search-toggle{display:block;margin-left:auto}.desktop-rail~.site-header,.desktop-rail~.mobile-mask,.desktop-rail~.mobile-drawer,.vertical-nav~.site-header{margin-left:0}.desktop-rail~.mobile-mask~.mobile-drawer~.site-main,.vertical-nav~.site-header~.mobile-mask~.mobile-drawer~.site-main{width:calc(100% - 24px);margin:auto}.header-console,.header-center{padding:10px 12px}.header-float{height:72px}.floating-dock{top:8px}.mobile-mask{display:block;position:fixed;inset:0;background:#000a;z-index:49;opacity:0;visibility:hidden}.mobile-mask.show{opacity:1;visibility:visible}.mobile-drawer{display:flex;position:fixed;right:0;top:0;bottom:0;width:min(320px,86vw);background:var(--panel);z-index:50;transform:translateX(105%);padding:24px;flex-direction:column;gap:18px}.mobile-drawer.show{transform:none}.mobile-drawer .site-nav{display:flex;flex-direction:column;align-items:stretch}.mobile-drawer .site-search{display:flex;min-width:0}.mobile-drawer>button{align-self:flex-end}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);z-index:44}.mobile-bottom a{text-align:center;padding:12px 4px;font-size:13px}.category-strip{display:flex;overflow:auto}.category-strip a{min-width:125px}.feature-card{grid-template-columns:1fr;min-height:0}.feature-media{height:48vh;min-height:300px}.feature-copy{padding:22px}.feature-copy h1{font-size:34px}.media-grid{--cols:2;--gap:10px}.card-file-body,.card-split{grid-template-columns:1fr}.card-strip,.card-number,.card-row{grid-template-columns:42px 70px 1fr}.card-strip .row-state,.card-row .row-state{display:none}.home-dual,.home-dashboard,.home-lead,.home-rank-zone,.section-pair,.home-opening,.home-pairs .section-pair,.home-alternate .alternate-row,.home-tape .content-section{grid-template-columns:1fr}.home-dashboard>aside{order:2}.home-alternate .reverse{direction:ltr}.home-orbit .category-strip{border-radius:0;padding:10px}.list-main-side,.list-rank-first,.list-filter-left,.list-board,.list-bands,.list-zigzag,.search-two,.search-left,.search-board,.search-tabs,.search-zig{grid-template-columns:1fr}.list-rank-first>aside,.list-filter-left>aside{order:2}.search-stage-form{flex-direction:column}.search-stage-form button{padding:13px}.detail-three,.detail-under,.detail-dossier,.detail-spread,.detail-sticky,.detail-info-first,.detail-mosaic,.detail-ring{grid-template-columns:1fr}.detail-three .detail-poster,.detail-spread .detail-poster,.detail-sticky .detail-poster{max-width:330px;margin:auto}.detail-sticky aside{position:static}.detail-mosaic footer{grid-column:auto}.episode-grid{grid-template-columns:repeat(var(--episode-cols,3),1fr)}.play-main-side,.play-episodes-left,.play-under,.play-console,.play-three-pane,.play-center-stage,.minimal-meta{grid-template-columns:1fr}.play-episodes-left>aside{order:2}.play-console .console-screen{grid-column:auto}.play-theatre{padding:10px}.play-cinema .player-box{border-width:6px}.related-side .media-grid{--cols:2}.site-footer{width:calc(100% - 24px);flex-direction:column;align-items:flex-start}.not-found>div{flex-direction:column;width:100%}.not-found .site-search{width:100%;min-width:0}}

/* 2026-07 visual QA corrections: keep every structural family, but prevent squeezed cards and overflow. */
html,body{max-width:100%;overflow-x:hidden}.site-main,.content-section,.media-grid,.feature-card,.feature-copy,.detail-copy,.rank-panel{min-width:0}.media-card,.media-card *{overflow-wrap:anywhere}.media-card h3,.media-card p{margin-top:.45em;margin-bottom:.45em}.media-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.card-strip,.card-number,.card-row{grid-column:1/-1;grid-template-columns:44px 86px minmax(0,1fr) auto}.card-file,.card-split{grid-column:span 2}.card-file-body,.card-split{min-width:0}.card-file-body>div,.card-split-copy,.strip-copy,.row-main{min-width:0}.feature-card{grid-template-columns:minmax(230px,38%) minmax(0,1fr)}.feature-copy{padding:clamp(24px,4vw,58px)}.feature-media img{min-width:100%}.home-dual>.content-section .media-grid,.home-lead>.content-section .media-grid,.home-rank-zone>.content-section .media-grid,.home-alternate .content-section .media-grid,.section-pair .media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}.home-dual>.content-section .card-file,.home-dual>.content-section .card-split,.home-lead>.content-section .card-file,.home-lead>.content-section .card-split,.section-pair .card-file,.section-pair .card-split{grid-column:1/-1}.home-lead .feature-card,.home-dual .feature-card{grid-template-columns:minmax(210px,36%) minmax(0,1fr)}.home-tape .content-section{grid-template-columns:minmax(160px,220px) minmax(0,1fr)}.home-tape .content-section>.section-head{grid-column:1;align-self:start}.home-tape .content-section>.media-grid{grid-column:2}.detail-poster img{height:auto;max-height:620px}.detail-backdrop{position:relative;display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);min-height:0;background:var(--panel);border:1px solid var(--line)}.detail-backdrop>img{position:relative;inset:auto;width:100%;height:clamp(420px,58vw,620px);object-fit:cover;filter:none}.detail-backdrop>div{position:relative;width:auto;max-width:none;margin:0;padding:clamp(24px,5vw,64px);align-self:center}.detail-backdrop .detail-copy{padding:0;background:transparent}.detail-mosaic{grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(230px,280px)}.play-three-pane{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(260px,320px)}.play-center-stage{grid-template-columns:minmax(190px,240px) minmax(0,1fr) minmax(190px,240px)}
@media(max-width:1180px){.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))}.home-pairs .section-pair,.home-alternate .alternate-row{grid-template-columns:1fr}.detail-mosaic,.play-three-pane,.play-center-stage{grid-template-columns:1fr}.detail-mosaic>aside{grid-column:1/-1}.play-three-pane>aside,.play-center-stage>aside{display:block}.feature-card{grid-template-columns:minmax(220px,36%) minmax(0,1fr)}}
@media(max-width:900px){.home-dual,.home-dashboard,.home-lead,.home-rank-zone,.section-pair,.home-opening,.list-main-side,.list-rank-first,.list-filter-left,.list-board,.list-bands,.list-zigzag,.search-two,.search-left,.search-board,.search-tabs,.search-zig{grid-template-columns:1fr}.home-dashboard>aside,.list-rank-first>aside,.list-filter-left>aside{order:2}.detail-three,.detail-under,.detail-dossier,.detail-spread,.detail-sticky,.detail-info-first,.detail-mosaic,.detail-ring,.detail-backdrop,.play-main-side,.play-episodes-left,.play-under,.play-console{grid-template-columns:1fr}.detail-backdrop>img{height:min(70vh,620px)}.detail-backdrop>div{padding:24px}.home-tape .content-section{grid-template-columns:1fr}.home-tape .content-section>.section-head,.home-tape .content-section>.media-grid{grid-column:auto}}
@media(max-width:760px){.media-grid,.home-dual>.content-section .media-grid,.home-lead>.content-section .media-grid,.home-rank-zone>.content-section .media-grid,.home-alternate .content-section .media-grid,.section-pair .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-file,.card-split,.card-strip,.card-number,.card-row{grid-column:1/-1}.card-file-body,.card-split{grid-template-columns:104px minmax(0,1fr)}.card-strip,.card-number,.card-row{grid-template-columns:34px 68px minmax(0,1fr)}.feature-card,.home-lead .feature-card,.home-dual .feature-card{grid-template-columns:1fr}.feature-media{height:min(58vh,520px)}.detail-backdrop{display:block}.detail-backdrop>img{height:min(62vh,520px)}.detail-copy h1{font-size:clamp(30px,10vw,48px)}}
@media(max-width:390px){.media-grid,.home-dual>.content-section .media-grid,.home-lead>.content-section .media-grid,.home-rank-zone>.content-section .media-grid,.home-alternate .content-section .media-grid,.section-pair .media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-file-body,.card-split{grid-template-columns:88px minmax(0,1fr)}}
/* Structure signature: template-01 / editor / card-0 / mobile-0 */
.theme-01 .media-card,.theme-01 .rank-panel,.theme-01 .feature-card{border-radius:var(--radius)}
.theme-01 .content-section:nth-of-type(2){transform:translateX(4px)}
@media(max-width:760px){.mobile-bottom{grid-template-columns:repeat(4,1fr)}}

/* XXF_CATEGORY_PAGING_V1 */

.xxf-list-tools{
    margin:20px 0 26px;
}

.xxf-list-total{
    margin-bottom:14px;
    font-size:14px;
    opacity:.72;
}

.xxf-subcats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.xxf-subcats a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 18px;
    border-radius:22px;
    text-decoration:none;
    background:rgba(127,127,127,.10);
    color:inherit;
    border:1px solid rgba(127,127,127,.12);
    transition:.18s ease;
}

.xxf-subcats a:hover{
    transform:translateY(-1px);
}

.xxf-subcats a.active{
    background:#f5b936;
    color:#111;
    border-color:#f5b936;
    font-weight:700;
}

.xxf-page-wrap{
    width:100%;
    margin:32px 0 18px;
}

.xxf-pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
}

.xxf-pagination a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 13px;
    box-sizing:border-box;
    text-decoration:none;
    color:inherit;
    background:rgba(127,127,127,.10);
    border:1px solid rgba(127,127,127,.16);
    border-radius:6px;
}

.xxf-pagination a.active{
    background:#f5b936;
    color:#111;
    border-color:#f5b936;
    font-weight:700;
}

@media(max-width:768px){

    .xxf-subcats{
        gap:7px;
    }

    .xxf-subcats a{
        min-height:34px;
        padding:0 13px;
        font-size:13px;
    }

    .xxf-pagination{
        justify-content:flex-start;
    }

    .xxf-pagination a{
        min-width:36px;
        height:36px;
        padding:0 10px;
    }
}

/* XXF_LIST_LAYOUT_V2_BEGIN */

/*
 * 栏目页：
 * 工具栏和分页本身位于影片 Grid 内，
 * 强制横跨整个 Grid，避免被当作影片卡片。
 */

.xxf-list-tools{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    margin:0 0 24px !important;
    padding:0 !important;
}

.xxf-list-total{
    display:block !important;
    width:100% !important;
    margin:0 0 14px !important;
    padding:0 !important;
    line-height:1.6 !important;
}

/* 分类横向排列 */
.xxf-subcats{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

/* 防止旧CSS给分类按钮固定列宽 */
.xxf-subcats a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:72px !important;
    max-width:none !important;
    flex:0 0 auto !important;
    margin:0 !important;
    white-space:nowrap !important;
}

/* 分页必须独占影片 Grid 整行 */
.xxf-page-wrap{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    display:block !important;
    margin:30px 0 6px !important;
    padding:0 !important;
}

.xxf-pagination{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
}

.xxf-pagination a{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:38px !important;
    text-align:center !important;
}

/* 手机端 */
@media(max-width:650px){

    .xxf-list-tools{
        margin-bottom:18px !important;
    }

    .xxf-list-total{
        margin-bottom:11px !important;
        font-size:13px !important;
    }

    .xxf-subcats{
        gap:7px !important;
    }

    .xxf-subcats a{
        min-width:0 !important;
        padding:7px 11px !important;
        font-size:13px !important;
    }

    .xxf-page-wrap{
        margin-top:22px !important;
    }

    .xxf-pagination{
        gap:6px !important;
    }

    .xxf-pagination a{
        min-width:34px !important;
        padding:7px 9px !important;
    }
}

/* XXF_LIST_LAYOUT_V2_END */


/* MOVIE010 converted from old server 05.com : 票根拼贴册 */
body.theme-ticket{--accent:#e11d48;--variant-bg:#172554;}
.theme-ticket .brand{display:flex;align-items:center;gap:10px}.theme-ticket .brand i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;font-style:normal;font-weight:900}.theme-ticket .brand small{display:block;font-size:11px;opacity:.58;font-weight:500}
.theme-ticket .template-intro{margin:0 0 22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.theme-ticket .template-intro span{color:var(--accent);font-weight:900;letter-spacing:.14em}.theme-ticket .template-intro h1{margin:5px 0;font-size:clamp(28px,4vw,48px)}.theme-ticket .template-intro p{margin:0;color:var(--muted)}
.theme-ticket .section-head>span{font-weight:900;color:var(--accent)}
.theme-ticket .content-section{position:relative;border:2px dashed var(--line)}.theme-ticket .content-section:before,.theme-ticket .content-section:after{content:"";position:absolute;top:42px;width:18px;height:18px;border-radius:50%;background:var(--bg)}.theme-ticket .content-section:before{left:-10px}.theme-ticket .content-section:after{right:-10px}.theme-ticket .section-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:820px){.theme-archive .home-sequence,.theme-newspaper .home-sequence{display:block;columns:1}.theme-gallery .section-grid,.theme-ticket .section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-filmstrip .section-grid .media-card{min-width:145px}}

/* ==========================================================
   XXF_PLAYER_SIZE_FIX_V2
   播放页统一尺寸
   ========================================================== */

.stage,
.player-stage {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.stage video,
.stage iframe,
.player-stage video,
.player-stage iframe,
video.mv-player,
iframe.mv-player {
    display: block !important;
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 960px !important;

    min-height: 0 !important;
    max-height: 540px !important;

    aspect-ratio: 16 / 9 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    object-fit: contain !important;
    background: #000 !important;
}

.stage video,
.player-stage video,
video.mv-player {
    height: auto !important;
}

.stage iframe,
.player-stage iframe,
iframe.mv-player {
    height: min(54vw, 540px) !important;
}

@media (max-width: 700px) {

    .stage,
    .player-stage {
        width: 100% !important;
        max-width: 100% !important;
    }

    .stage video,
    .stage iframe,
    .player-stage video,
    .player-stage iframe,
    video.mv-player,
    iframe.mv-player {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 16 / 9 !important;
    }

    .stage video,
    .player-stage video,
    video.mv-player {
        height: auto !important;
    }

    .stage iframe,
    .player-stage iframe,
    iframe.mv-player {
        height: 56.25vw !important;
        max-height: 56.25vw !important;
    }
}

/* XXF_ALL_HOME_LAYOUT_FIX_V31_BEGIN */

/*
 * MOVIE002-080 首页布局安全层
 * 保留各模板主题视觉，只修复失控布局。
 */

body .site-shell{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body .main{
    width:min(1380px,calc(100% - 40px)) !important;
    max-width:1380px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/* 消除栏目整体漂移 */
body .main > .block,
body .main > .gallery-lead,
body .main > .mosaic,
body .main > .dashboard,
body .main > .content-grid{
    transform:none !important;
    left:auto !important;
    right:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* 普通栏目保持完整宽度 */
body .main > .block{
    width:100% !important;
    max-width:none !important;
    clear:both !important;
}

/* MOVIE035这类错位结构 */
body .gallery-lead{
    display:block !important;
    width:100% !important;
    max-width:none !important;
}

body .gallery-lead > .block{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:none !important;
}

/* mosaic/dashboard不能把主体压窄 */
body .mosaic,
body .dashboard{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

/* 禁止第一张卡片异常跨列 */
body .block .cards > *{
    grid-column:auto !important;
    grid-row:auto !important;
    transform:none !important;
}

body .block > .cards{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

/* 卡片自身不能撑坏网格 */
body .portal-card,
body .card{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

body .posterbox{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

body .posterbox img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* 热播区安全布局 */
body .hot{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}

body .main > .hot > div{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:14px !important;
}

body .main > .hot .portal-card{
    width:auto !important;
    max-width:none !important;
}

/* 空hero禁止制造巨大空白 */
body .hero:empty{
    display:none !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

@media (min-width:1201px){
    body .main{
        width:min(1380px,calc(100% - 48px)) !important;
    }
}

@media (max-width:1200px){
    body .main{
        width:calc(100% - 32px) !important;
    }

    body .main > .hot > div{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
}

@media (max-width:800px){
    body .main{
        width:calc(100% - 24px) !important;
    }

    body .main > .hot > div{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width:560px){
    body .main{
        width:calc(100% - 20px) !important;
    }

    body .main > .hot > div{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }
}

/* XXF_ALL_HOME_LAYOUT_FIX_V31_END */


/* XXF_HOME_LAYOUT_FINAL_V5_BEGIN
 *
 * 首页布局最终安全层。
 *
 * 只解决：
 * - 主体异常变窄
 * - 首页父级容器继续压缩内容
 * - section横向漂移
 * - 首张卡片异常跨列
 *
 * 不统一各模板原始cards列数。
 * 不修改detail/play/list核心结构。
 */

/*
 * site-shell自身不得把页面缩窄。
 * 保留特殊侧栏模板可能存在的正常padding，
 * 这里只阻止宽度和transform造成整体压缩。
 */
body .site-shell {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    transform:none !important;
}

/*
 * main恢复成正常PC内容区域。
 *
 * 不采用固定1360/1440，
 * 这样不同模板仍保留自身视觉差异；
 * 这里只设一个安全上限1380。
 */
body .main {
    width:min(1380px,calc(100% - 40px)) !important;
    max-width:1380px !important;
    min-width:0 !important;

    margin-left:auto !important;
    margin-right:auto !important;

    transform:none !important;
}

/*
 * 首页常见外层结构不能再次限制main宽度。
 */
body .main > .mag-cover,
body .main > .mosaic,
body .main > .dashboard,
body .main > .home-two,
body .main > .home-grid,
body .main > .paper-grid,
body .main > .retro-grid,
body .main > .neon-grid,
body .main > .guide-grid,
body .main > .content-grid,
body .main > .gallery-lead {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    transform:none !important;
}

/*
 * 这些父级内部元素允许正常收缩，
 * 但不能反过来把父容器撑坏或压窄。
 */
body .main > .mag-cover > *,
body .main > .mosaic > *,
body .main > .dashboard > *,
body .main > .home-two > *,
body .main > .home-grid > *,
body .main > .paper-grid > *,
body .main > .retro-grid > *,
body .main > .neon-grid > *,
body .main > .guide-grid > *,
body .main > .content-grid > *,
body .main > .gallery-lead > * {
    min-width:0 !important;
    max-width:100%;
}

/*
 * 普通栏目块始终使用父容器完整宽度。
 */
body .main > .block,
body .main .gallery-lead > .block {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    transform:none !important;
}

/*
 * 清除原模板：
 * .block:nth-child(even){transform:translateX(...)}
 *
 * 这是目前电影/电视剧栏目左右漂移的重要来源。
 */
body .main .block:nth-child(n) {
    transform:none !important;
}

/*
 * 清除原模板：
 * .block:nth-child(odd) .cards>*:first-child{
 *     grid-column:span 2
 * }
 *
 * 不改变cards本身的4/5/6/7列设计。
 */
body .main .block .cards > * {
    grid-column:auto !important;
    min-width:0 !important;
}

/*
 * cards仍使用每套模板自己原来的列数。
 * 这里只保证grid不会产生最小内容宽度反撑。
 */
body .main .cards,
body .main .list-grid {
    width:100%;
    max-width:100%;
    min-width:0;
}

/*
 * 首页hot区域不能因为历史补丁留下的
 * max-width / width / transform 再次变窄。
 */
body .main > .hot,
body .main .mosaic .hot,
body .main .mag-cover .hot,
body .main .dashboard .hot {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    transform:none !important;
}

/*
 * 手机和平板只修main宽度。
 * cards列数继续交给各模板原来的media规则。
 */
@media (max-width:1200px) {
    body .main {
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }
}

@media (max-width:800px) {
    body .main {
        width:calc(100% - 24px) !important;
        max-width:none !important;
    }
}

@media (max-width:560px) {
    body .main {
        width:calc(100% - 20px) !important;
        max-width:none !important;
    }
}

/* XXF_HOME_LAYOUT_FINAL_V5_END */