/*
 * Template 32: 精品留白结构
 * Presentation is intentionally componentized around this template's
 * independent home/list/detail/play/mobile structure.
 */
:root{
 --accent:#334155;--accent-soft:#f1f5f9;--ink:#111827;--paper:#f7f9fc;
 --text:#172033;--muted:#718096;--line:#e5eaf1;--card:#fff;--radius:18px;
 --shadow:0 16px 42px rgba(24,42,75,.10);--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.site-wrap{min-height:100vh;overflow:hidden}
.site-header{position:relative;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.header-line,.minimal-head,.broadcast-head,.header-tools,.second-line,.header-rail-main{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:22px;padding:18px 22px}
.site-brand{display:inline-flex;flex-direction:column;min-width:188px;line-height:1.12}
.site-brand b{font-size:22px;letter-spacing:-.04em;color:var(--accent)}
.site-brand small{font-size:11px;color:var(--muted);margin-top:5px}
.header-search{display:flex;flex:1;max-width:450px;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:999px;overflow:hidden}
.header-search input{min-width:0;flex:1;border:0;outline:0;padding:11px 16px;color:var(--text);background:transparent}
.header-search button{border:0;background:var(--accent);color:#fff;padding:0 20px}
.primary-nav{display:flex;align-items:center;gap:4px}
.primary-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;color:#556273;border-radius:10px;white-space:nowrap;font-size:14px}
.primary-nav a:hover,.primary-nav a.active{color:var(--accent);background:var(--accent-soft)}
.nav-rail,.nav-first,.category-strip,.nav-stations{max-width:var(--max);margin:auto;padding:0 22px 14px;overflow:auto}
.nav-inline,.nav-pills,.nav-text,.nav-compact{overflow:auto}
.nav-pills a{border:1px solid var(--line);border-radius:999px}
.nav-text a{border-radius:0;border-bottom:2px solid transparent}
.nav-text a:hover,.nav-text a.active{border-color:var(--accent);background:transparent}
.nav-compact a{font-size:13px;padding:0 8px}
.center-brand{padding:20px 22px 8px;text-align:center}
.center-brand .site-brand{align-items:center}
.header-tools{padding-top:4px;padding-bottom:14px}
.header-tools .header-search{margin:0;max-width:310px}
.header-rail-brand{width:100%;background:var(--ink);padding:20px max(22px,calc((100% - var(--max))/2));}
.header-rail-brand .site-brand b{color:#fff}.header-rail-brand .site-brand small{color:#b8c4d5}
.header-rail-main{padding-top:14px;padding-bottom:14px}
.minimal-head{padding-top:12px;padding-bottom:12px}
.minimal-head .site-brand{min-width:auto}.minimal-head .site-brand small{display:none}
.minimal-head .header-search{max-width:270px}
.broadcast-head{background:var(--ink);color:#fff;padding-top:14px;padding-bottom:14px}
.broadcast-head .site-brand b{color:#fff}.broadcast-head .site-brand small{color:#b8c4d5}
.live-mark{background:var(--accent);border-radius:5px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.12em}
.broadcast-search{max-width:var(--max);margin:auto;padding:0 22px 14px}.broadcast-search .header-search{max-width:none}
.mobile-menu-btn,.mobile-only,.mobile-search-panel{display:none}
.site-main{max-width:var(--max);margin:0 auto;padding:28px 22px 80px}
.home-layout,.list-layout,.search-layout{display:grid;gap:24px}
.home-feature{position:relative;min-height:350px;overflow:hidden;border-radius:26px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}
.feature-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.43;filter:saturate(.8)}
.feature-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),rgba(7,21,47,.32),rgba(7,21,47,.8))}
.feature-copy{position:relative;width:52%;padding:58px 0 48px 56px;z-index:1}.feature-copy small,.feature-title span,.feature-editorial small,.feature-type-first .type-mark,.feature-dock>div>span,.feature-simple-copy>span{color:#9fd7ff;text-transform:uppercase;letter-spacing:.15em;font-size:12px}
.feature-copy h1,.feature-title h1,.feature-editorial h1,.feature-type-first h1,.feature-dock h1,.feature-simple-copy h1{margin:12px 0;font-size:clamp(32px,5vw,64px);line-height:1.05;letter-spacing:-.06em}
.feature-copy p,.feature-title p,.feature-editorial p,.feature-type-first p,.feature-dock p,.feature-simple-copy p{max-width:560px;color:#d7e0ee}
.primary-button,.ghost-button,.feature-title a,.feature-editorial a,.feature-type-first a,.feature-dock a,.feature-simple-copy a,.feature-searchline a,.feature-main a{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;font-weight:700}
.primary-button,.feature-title a,.feature-editorial a,.feature-type-first a,.feature-dock a,.feature-simple-copy a,.feature-searchline a,.feature-main a{background:var(--accent);color:#fff}
.ghost-button{border:1px solid var(--line);margin-left:8px;background:#fff}
.feature-poster{position:absolute;right:7%;top:34px;width:220px;bottom:34px;z-index:1}.feature-poster .card-cover-image,.feature-poster img{height:100%;width:100%;object-fit:cover;border-radius:16px}
.feature-index{padding:30px 36px 0;color:#fff;display:flex;gap:14px;align-items:center}.feature-index span{font-size:54px;color:var(--accent);font-weight:900}.feature-index strong{letter-spacing:.2em}
.feature-main{display:flex;align-items:center;gap:28px;padding:28px 36px}.feature-main .card-cover-image{width:230px}.feature-main .card-cover-image img{height:240px;width:100%;object-fit:cover;border-radius:16px}.feature-main h1{font-size:40px}.feature-rail{padding:0 36px 28px}
.feature-title{padding:50px 54px 16px;position:relative}.feature-title a{position:absolute;right:54px;top:74px}.feature-collage{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:0 54px 54px}.feature-collage .card-cover-image img{height:210px;width:100%;object-fit:cover;border-radius:14px}.feature-note{padding:24px;background:rgba(255,255,255,.09);border-radius:14px}
.feature-searchline{padding:42px 46px 20px;display:flex;align-items:end;gap:18px;flex-wrap:wrap}.feature-searchline h1{margin:0;font-size:38px}.feature-searchline span{color:var(--accent)}.feature-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 46px 32px}.feature-thumbs img{height:120px;width:100%;object-fit:cover;border-radius:12px}.feature-thumbs span{display:block;font-size:12px;margin-top:4px}
.feature-editorial{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;padding:48px 56px 20px}.feature-editorial .card-cover-image img{height:270px;width:100%;object-fit:cover;border-radius:12px}.feature-caption{padding:0 56px 38px;color:#adc0d6;font-size:12px;letter-spacing:.1em}
.feature-mosaic{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:20px}.feature-mosaic-main,.feature-mosaic-side a{position:relative;display:block;overflow:hidden;border-radius:16px}.feature-mosaic-main .card-cover-image img{height:310px;width:100%;object-fit:cover}.feature-mosaic-main strong{position:absolute;left:18px;bottom:18px;font-size:26px}.feature-mosaic-side{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-mosaic-side img{width:100%;height:149px;object-fit:cover}.feature-mosaic-side span{position:absolute;left:10px;bottom:7px;font-size:12px}
.feature-type-first{padding:54px 0 35px 60px;width:55%}.feature-wide-poster{position:absolute;right:0;top:0;width:42%;height:100%;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.feature-wide-poster img{width:100%;height:100%;object-fit:cover}
.feature-dock{display:grid;grid-template-columns:210px 1fr 130px;gap:26px;padding:36px}.dock-cover img{width:100%;height:260px;object-fit:cover;border-radius:14px}.dock-copy{align-self:center}.dock-copy span{color:#9fd7ff}.feature-dock dl{align-self:center;border-left:1px solid rgba(255,255,255,.2);padding-left:20px}.feature-dock dt{color:#aabbd0;font-size:12px}.feature-dock dd{margin:3px 0 18px}
.feature-simple{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:350px;padding:46px 56px;position:relative;z-index:1}.feature-simple-image img{width:100%;height:280px;object-fit:cover;border-radius:18px}.feature-simple:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--ink),rgba(7,21,47,.6));z-index:-1}
.home-module{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 18px rgba(24,42,75,.03)}
.home-module>header,.list-recommend>header,.search-results>header,.search-discover>header,.description-panel>header,.related-panel>header,.episode-panel>header{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px}
.home-module header h2,.list-recommend h2,.search-results h2,.search-discover h2,.description-panel h2,.related-panel h2,.episode-panel h2{font-size:20px;margin:0;letter-spacing:-.03em}
.home-module header small,.home-module header span,.home-module header a,.list-recommend header a,.episode-panel header span{font-size:12px;color:var(--muted)}
.home-module header a:hover{color:var(--accent)}
.media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.media-rail{display:flex;gap:14px;overflow:auto;padding:2px 2px 10px;scrollbar-width:thin}.media-rail>.media-card{flex:0 0 174px}
.media-card{min-width:0}.media-card h3{font-size:14px;margin:9px 0 0;line-height:1.4}.media-card p{font-size:12px;color:var(--muted);margin:5px 0}.media-card small,.media-card span{font-size:11px;color:var(--muted)}.media-card em{font-style:normal;font-size:10px;color:var(--accent)}
.card-cover-image{overflow:hidden;background:#e9eef5;border-radius:12px}.card-cover-image img{display:block;width:100%;height:210px;object-fit:cover;transition:transform .3s}.media-card:hover img{transform:scale(1.04)}.cover-empty{height:210px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.card-style-01 figure{margin:0;position:relative}.card-style-01 figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff}.card-style-01 figcaption strong,.card-style-01 figcaption span{display:block;color:#fff}.card-style-01>a>em{display:block;margin-top:5px}
.card-style-02>a,.card-style-05,.card-style-06>a,.card-style-07>a,.card-style-11>a{display:flex;gap:12px}.card-style-02 .card-thumb{flex:0 0 104px}.card-style-02 .card-cover-image img{height:132px}.card-style-02 .card-copy{padding-top:3px}.card-style-05{padding:12px;border-bottom:1px solid var(--line)}.card-style-05 .line-poster{flex:0 0 88px}.card-style-05 .card-cover-image img{height:116px}.card-style-05 .line-copy{flex:1}.card-style-05 .line-copy>div{display:flex;justify-content:space-between}.card-style-06{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px}.card-style-06 .score-cover{position:relative}.card-style-06 .score-cover b{position:absolute;left:8px;bottom:7px;color:#fff;font-size:11px}.card-style-06 .card-cover-image img{height:170px}.card-style-07{background:var(--card);border:1px solid var(--line);padding:10px}.card-style-07 .mag-cover{position:relative}.card-style-07 .mag-cover>span{position:absolute;right:7px;top:7px;background:var(--accent);color:#fff;padding:3px 6px;border-radius:4px}.card-style-07 .card-cover-image img{height:230px}.card-style-07 .mag-copy h3{font-size:17px}.card-style-08 .number-cover{position:relative}.card-style-08 .card-number{position:absolute;z-index:1;left:8px;top:7px;color:#fff;font-size:21px;font-weight:900}.card-style-08 .card-cover-image img{height:220px}.card-meta{display:flex;justify-content:space-between}.card-style-09{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.card-style-09 .card-cover-image img{height:64px}.card-style-09 .compact-main{display:flex;flex-direction:column}.card-style-09 .compact-action{font-size:11px;color:var(--accent)}.card-style-10{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card-style-10 .episode-cover{position:relative}.card-style-10 .episode-cover span{position:absolute;left:8px;bottom:8px;background:var(--accent);color:#fff;padding:3px 7px;border-radius:4px}.card-style-10 .card-cover-image img{height:205px}.card-style-10 .episode-copy{padding:4px 10px 12px}.card-style-10 button{border:0;background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:5px 8px;font-size:11px}.card-style-11{border-bottom:1px solid var(--line);padding:10px 0}.card-style-11 .double-cover{flex:0 0 92px}.card-style-11 .card-cover-image img{height:112px}.card-style-12 .flip-card{position:relative;min-height:250px;perspective:800px}.flip-front,.flip-back{backface-visibility:hidden;transition:transform .4s;border-radius:12px;overflow:hidden}.flip-front{background:var(--card)}.flip-front strong{display:block;padding:7px;font-size:13px}.flip-back{position:absolute;inset:0;background:var(--ink);color:#fff;padding:18px;transform:rotateY(180deg)}.flip-back h3{font-size:17px}.card-style-12:hover .flip-front{transform:rotateY(180deg)}.card-style-12:hover .flip-back{transform:rotateY(360deg)}
.module-split-body{display:grid;grid-template-columns:1fr 2fr;gap:16px}.module-lead .card-cover-image img{height:280px}.small-grid{grid-template-columns:repeat(3,1fr);gap:10px}.small-grid .card-cover-image img{height:150px}.module-row{overflow:hidden}.columns-module{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns-module>div{min-width:0}.columns-module header{display:flex;justify-content:space-between;align-items:center}.column-grid{grid-template-columns:repeat(3,1fr);gap:10px}.column-grid .card-cover-image img{height:160px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud a{padding:7px 13px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:13px}.update-timeline ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.update-timeline li{display:grid;grid-template-columns:82px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13px}.update-timeline time,.update-timeline small{color:var(--muted);font-size:11px}
.rank-board{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}.rank-board header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:2px}.rank-board h3{margin:0;font-size:18px}.rank-board header a{font-size:11px;color:var(--accent)}.rank-board ol{list-style:none;padding:0;margin:0}.rank-board li{border-bottom:1px dashed var(--line)}.rank-board li:last-child{border:0}.rank-board li a{display:flex;align-items:center;gap:10px;padding:11px 0}.rank-board li b,.rank-board li>span,.rank-board li time{flex:0 0 24px;color:var(--accent);font-weight:900}.rank-board li strong{font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-board li em,.rank-board li small{font-style:normal;color:var(--muted);font-size:10px}.rank-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff!important}.rank-meter{height:4px;background:#edf0f4;flex:1}.rank-meter i{display:block;height:100%;background:var(--accent)}
.breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:12px;margin-bottom:14px}.breadcrumb strong{color:var(--text)}
.filter-pills,.filter-tabs,.filter-shelf,.filter-drawer,.filter-board{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.filter-pills{display:flex;gap:5px;padding:8px;overflow:auto}.filter-pills a,.filter-tabs a,.filter-shelf a,.filter-drawer a,.filter-board a{white-space:nowrap;font-size:12px;color:var(--muted);padding:8px 13px;border-radius:8px}.filter-pills a.active,.filter-tabs a.active,.filter-shelf a.active,.filter-drawer a.active,.filter-board a.active{color:var(--accent);background:var(--accent-soft)}
.filter-board{padding:12px 18px}.filter-board>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:5px 0}.filter-board>div:last-child{border:0}.filter-board b{width:48px;font-size:12px}.filter-selected{color:var(--accent);font-size:12px;padding:8px 13px}.filter-drawer{padding:16px}.filter-drawer strong{display:block;font-size:13px;margin-bottom:10px}.filter-options{display:flex;gap:5px;overflow:auto}.filter-shelf{display:grid;grid-template-columns:88px 1fr auto;gap:10px;align-items:center;padding:12px 14px}.filter-shelf>span{font-weight:800;color:var(--accent)}.filter-shelf>div{display:flex;gap:4px;overflow:auto}.filter-shelf small{color:var(--muted);white-space:nowrap}.filter-tabs{display:flex;gap:18px;padding:0 10px;overflow:auto;border-width:0 0 1px;border-radius:0}.filter-tabs a{border-radius:0;padding:14px 4px;border-bottom:2px solid transparent}.filter-tabs a.active{background:transparent;border-color:var(--accent)}
.list-columns{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px}.list-results,.search-results,.search-discover{min-width:0}.results-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.results-heading small{color:var(--accent);font-size:11px}.results-heading h1{font-size:30px;margin:0;letter-spacing:-.06em}.results-heading>span{color:var(--muted);font-size:12px}.page-nav{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:24px 0}.page-nav a,.page-nav span{min-width:34px;padding:7px 10px;text-align:center;border:1px solid var(--line);border-radius:8px;font-size:12px}.page-nav a.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-nav span{border:0;color:var(--muted);padding-left:0}.result-intro{padding:14px 16px;background:var(--accent-soft);color:var(--muted);font-size:13px;border-radius:12px;margin-bottom:16px}.list-recommend{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}
.search-layout{grid-template-columns:minmax(0,1fr) 286px}.search-entrance{grid-column:1/-1;text-align:center;padding:42px 20px;border-radius:22px;background:var(--ink);color:#fff}.search-entrance>span{color:#9fd7ff;font-size:12px;letter-spacing:.14em}.search-entrance h1{font-size:42px;margin:9px 0 5px;letter-spacing:-.06em}.search-entrance p{color:#bfccdc}.search-entrance form{display:flex;max-width:650px;margin:22px auto 0;background:#fff;border-radius:999px;overflow:hidden}.search-entrance input{flex:1;min-width:0;border:0;outline:0;padding:14px 20px}.search-entrance button{border:0;background:var(--accent);color:#fff;padding:0 25px}.search-results,.search-discover{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.search-results header,.search-discover header{align-items:center}.search-side{grid-column:2;grid-row:2}
.detail-shell,.play-shell{display:grid;gap:22px}.detail-stage,.detail-facts,.dossier-grid,.magazine-head,.profile-header,.split-detail{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.detail-stage{display:grid;grid-template-columns:220px 1fr 170px;gap:25px;padding:18px}.detail-poster-image img{width:100%;height:310px;object-fit:cover;border-radius:14px}.detail-copy{padding:14px 0}.eyebrow,.split-kicker{color:var(--accent);font-size:11px;letter-spacing:.14em}.detail-copy h1,.dossier-heading h1,.magazine-head h1,.profile-header h1,.split-detail h1{font-size:34px;margin:7px 0 14px;letter-spacing:-.06em}.detail-copy>p,.dossier-summary p,.magazine-head p,.profile-header p,.split-detail main>p{color:var(--muted);font-size:13px}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-tags span{font-size:11px;background:var(--accent-soft);color:var(--accent);padding:5px 8px;border-radius:999px}.detail-fields{display:grid;gap:7px;margin:15px 0}.detail-fields>div{display:grid;grid-template-columns:48px 1fr;gap:8px;font-size:12px}.detail-fields b{color:var(--muted);font-weight:500}.score-card{border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.score-card strong,.detail-facts aside b,.dossier-score b,.profile-columns aside b{font-size:48px;color:var(--accent);line-height:1}.score-card span,.score-card i,.detail-facts aside span,.dossier-score span,.profile-columns aside span{font-size:11px;color:var(--muted);font-style:normal}.score-card i{color:#f59e0b;letter-spacing:2px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.backdrop-detail{min-height:390px;position:relative;overflow:hidden;border-radius:22px;background:var(--ink) var(--detail-bg) center/cover;color:#fff}.backdrop-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 13%,rgba(7,21,47,.82),rgba(7,21,47,.15))}.backdrop-content{position:relative;z-index:1;max-width:640px;padding:72px 58px}.backdrop-content h1{font-size:54px;line-height:1.1;margin:12px 0}.backdrop-content p{color:#d5deeb}.detail-facts{display:grid;grid-template-columns:150px 1fr 130px;gap:20px;align-items:center;padding:18px}.fact-poster img{width:100%;height:200px;object-fit:cover;border-radius:12px}.detail-facts aside{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px}.dossier-heading{display:flex;align-items:end;justify-content:space-between}.dossier-heading>span{color:var(--muted);font-size:11px}.dossier-grid{display:grid;grid-template-columns:230px 220px 1fr;gap:22px;padding:22px}.dossier-index{border-right:1px solid var(--line);padding-right:20px}.dossier-index h2,.dossier-summary h2{font-size:18px;margin:0}.dossier-poster img{width:100%;height:300px;object-fit:cover;border-radius:14px}.dossier-summary{padding:10px}.dossier-score{margin-top:24px}.magazine-head{display:grid;grid-template-columns:1fr 250px;gap:30px;padding:34px 40px;align-items:center;background:linear-gradient(110deg,var(--card),var(--accent-soft))}.magazine-head .detail-poster-image img{height:280px}.magazine-head small{color:var(--accent);letter-spacing:.18em}.magazine-body{display:grid;grid-template-columns:1fr 280px;gap:22px}.magazine-body>article,.profile-columns>article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.long-summary{color:var(--muted);font-size:13px}.profile-header{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:22px}.profile-avatar img{width:100%;height:220px;object-fit:cover;border-radius:14px}.profile-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}.profile-tabs a{padding:12px 4px;font-size:13px;border-bottom:2px solid transparent;color:var(--muted)}.profile-tabs a.active{color:var(--accent);border-color:var(--accent)}.profile-columns{display:grid;grid-template-columns:1fr 180px;gap:20px}.profile-columns aside{background:var(--accent-soft);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column}.split-detail{display:grid;grid-template-columns:260px 1fr;gap:34px;padding:24px;align-items:center}.split-poster{position:relative}.split-poster img{width:100%;height:360px;object-fit:cover;border-radius:16px}.split-poster>span{position:absolute;left:12px;bottom:12px;background:var(--accent);color:#fff;padding:5px 9px;border-radius:6px;font-size:11px}.split-meta{display:flex;gap:20px;align-items:flex-start}.split-meta>b{font-size:44px;color:var(--accent)}.split-below{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px}.split-below .episode-panel{min-width:0}
.episode-panel,.description-panel,.related-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.episode-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.episode-grid a,.episode-columns a,.episode-ribbon a,.episode-compact a{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);padding:9px 7px;border-radius:8px;font-size:12px}.episode-grid a:hover,.episode-columns a:hover,.episode-ribbon a:hover,.episode-compact a:hover{border-color:var(--accent);color:var(--accent)}.episode-grid b{color:var(--accent);font-size:10px}.episode-list{list-style:none;margin:0;padding:0}.episode-list li{border-bottom:1px solid var(--line)}.episode-list a{display:flex;gap:14px;padding:11px 3px}.episode-list span{color:var(--accent)}.episode-list strong{flex:1;font-size:13px}.episode-list em{font-style:normal;color:var(--muted);font-size:11px}.episode-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.episode-ribbon{display:flex;gap:8px;overflow:auto}.episode-ribbon a{flex:0 0 110px;flex-direction:column}.episode-ribbon span{font-size:24px;color:var(--accent);font-weight:900}.episode-drawer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.episode-drawer a{display:flex;justify-content:space-between;padding:10px 12px;background:var(--accent-soft);border-radius:9px;font-size:12px}.episode-drawer b{color:var(--accent)}.episode-compact{display:flex;flex-wrap:wrap;gap:8px}.episode-compact a{min-width:44px}.episode-empty{color:var(--muted);font-size:13px}
.description-panel>div{color:#566579;font-size:13px;line-height:1.95}.related-panel{min-width:0}
.play-columns,.theater-grid,.control-stage{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px}.cinema-player,.focus-player,.minimal-player{background:#05080d;border-radius:18px;padding:12px}.video-stage{position:relative;background:#05080d;aspect-ratio:16/9;display:grid;place-items:center;border-radius:12px;overflow:hidden}.video-player{width:100%;height:100%;display:block;background:#05080d}.big-play{position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:rgba(0,0,0,.45);color:#fff;font-size:22px}.player-info{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px}.player-info h1{font-size:24px;margin:0}.player-info h1 small{font-size:14px;color:var(--muted);margin-left:8px}.player-info p{color:var(--muted);font-size:13px}.player-actions{display:flex;gap:12px;font-size:12px;color:var(--accent)}.share-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:var(--muted)}.share-btn{border:1px solid var(--line);background:var(--card);border-radius:6px;padding:3px 7px;font-size:11px}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.wide-episodes{margin-top:20px}.theater-grid{background:var(--ink);padding:18px;color:#fff;border-radius:20px}.theater-grid .player-info{background:transparent;border:0;padding-left:0}.theater-info{padding:10px}.theater-poster img{height:200px;width:140px;object-fit:cover;border-radius:10px}.theater-episodes{margin-top:18px}.theater-episodes .episode-panel{background:var(--card);color:var(--text)}.control-header{display:flex;gap:15px;align-items:center;background:var(--ink);color:#fff;border-radius:18px;padding:17px 22px}.control-header span{color:var(--accent);font-size:11px;letter-spacing:.18em}.control-header h1{font-size:20px;margin:0}.control-header small{color:#bdc8d8}.control-stage{align-items:start}.control-stage>aside{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;max-height:440px;overflow:auto}.control-stage .episode-panel{border:0;padding:0}.episode-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:17px}.episode-tabs a{padding:11px 3px;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}.episode-tabs a.active{color:var(--accent);border-color:var(--accent)}.minimal-bar{display:flex;align-items:center;gap:16px;padding:16px 0}.minimal-bar h1{font-size:22px;margin:0}.minimal-bar>span{font-size:12px;color:var(--muted)}.minimal-bar .player-info{margin:0;padding:0;border:0;background:none;display:flex;gap:10px;align-items:center}.minimal-bar .player-info p{display:none}.minimal-bar .player-actions{white-space:nowrap}.minimal-episodes{border-top:1px solid var(--line);padding-top:18px}.play-recommendations{margin-top:28px}.play-recommendations h2{font-size:20px}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:var(--max);margin:auto;padding:32px 22px;color:var(--muted);font-size:12px}.footer-inner>nav{display:flex;gap:14px;flex-wrap:wrap;margin:13px 0}.footer-inner>nav a:hover{color:var(--accent)}.footer-brand{display:flex;align-items:baseline;gap:12px}.footer-brand strong{font-size:18px;color:var(--text)}.footer-brand span{color:var(--accent)}.footer-inner p{max-width:720px}.mobile-bottom{display:none}.back-top{position:fixed;right:22px;bottom:22px;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--accent);border-radius:50%;opacity:0;pointer-events:none;transition:.2s;z-index:20}.back-top.show{opacity:1;pointer-events:auto}.empty-state{padding:44px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);background:var(--card)}
.home-mode-1 .home-module:nth-child(2),.home-mode-5 .home-module:nth-child(3){display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px}.home-mode-1 .home-module:nth-child(2)>header,.home-mode-5 .home-module:nth-child(3)>header{grid-column:1/-1}
.home-mode-2 .home-feature,.home-mode-8 .home-feature{border-radius:4px}.home-mode-3 .home-module,.home-mode-9 .home-module{border-radius:4px;box-shadow:none}.home-mode-4 .home-module:nth-child(2){background:var(--ink);color:#fff}.home-mode-4 .home-module:nth-child(2) header h2{color:#fff}.home-mode-6 .home-module{border-left:5px solid var(--accent)}.home-mode-7 .media-grid{grid-template-columns:repeat(4,1fr)}.home-mode-10 .home-module{max-width:920px}.home-mode-11 .home-feature{min-height:280px}.home-mode-12 .site-main{max-width:1060px}
@media (max-width:900px){
 :root{--max:100%}.site-main{padding:18px 14px 78px}.header-line,.minimal-head,.broadcast-head,.header-tools,.second-line,.header-rail-main{padding-left:14px;padding-right:14px;gap:12px}.site-brand{min-width:0}.site-brand b{font-size:18px}.header-search{max-width:260px}.primary-nav a{padding:0 9px;font-size:13px}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.list-columns,.search-layout{grid-template-columns:minmax(0,1fr)}.list-aside,.search-side{grid-column:auto}.search-side{grid-row:auto}.detail-stage{grid-template-columns:180px 1fr}.score-card{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-top:12px;flex-direction:row}.dossier-grid{grid-template-columns:190px 180px 1fr}.split-below{grid-template-columns:1fr}.play-columns,.theater-grid,.control-stage{grid-template-columns:minmax(0,1fr)}.control-stage>aside{max-height:none}.episode-grid{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:640px){
 body{font-size:14px}.site-header{padding-bottom:0}.header-line,.minimal-head,.broadcast-head{padding-top:12px;padding-bottom:12px}.header-line>.header-search,.minimal-head>.header-search,.broadcast-head>.header-search{display:none}.header-line .primary-nav,.minimal-head .primary-nav,.broadcast-head .primary-nav{display:none}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:9px;width:38px;height:36px;color:var(--accent);margin-left:auto}.mobile-only{display:inline-flex;position:absolute;right:14px;top:10px}.mobile-search-panel{display:block;max-height:0;overflow:hidden;transition:max-height .25s;padding:0 14px}.mobile-search-panel.show{max-height:80px;padding-bottom:12px}.mobile-search-panel form{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.mobile-search-panel input{flex:1;min-width:0;border:0;outline:0;padding:9px}.mobile-search-panel button{border:0;background:var(--accent);color:#fff;padding:0 15px}.mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:min(310px,84vw);background:#fff;z-index:40;transform:translateX(-105%);transition:.25s;padding:18px;box-shadow:12px 0 35px rgba(0,0,0,.15)}.mobile-drawer.show{transform:none}.mobile-drawer header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.mobile-drawer header button{border:0;background:none;font-size:26px}.mobile-drawer>a{display:block;padding:13px 4px;border-bottom:1px solid var(--line)}.drawer-mask{position:fixed;inset:0;background:rgba(7,21,47,.45);z-index:35;display:none}.drawer-mask.show{display:block}.home-feature{min-height:0;border-radius:18px}.feature-copy,.feature-type-first{width:auto;padding:30px 22px 28px}.feature-copy h1,.feature-title h1,.feature-editorial h1,.feature-type-first h1,.feature-dock h1,.feature-simple-copy h1{font-size:32px}.feature-poster{position:relative;right:auto;top:auto;width:100%;height:230px;padding:0 22px 22px}.feature-poster img{border-radius:13px}.feature-main{display:block;padding:20px}.feature-main .card-cover-image img{height:210px}.feature-rail{padding:0 20px 20px}.feature-title{padding:30px 22px 8px}.feature-title a{position:static;margin-top:6px}.feature-collage,.feature-editorial,.feature-mosaic,.feature-simple,.feature-dock{display:block;padding:18px 20px}.feature-collage{padding-top:0}.feature-collage .card-cover-image img{height:180px}.feature-note{margin-top:10px}.feature-thumbs{grid-template-columns:repeat(3,1fr);padding:0 20px 22px}.feature-thumbs a:nth-child(n+4){display:none}.feature-thumbs img{height:94px}.feature-editorial .card-cover-image img{height:220px;margin-top:15px}.feature-caption{padding:0 20px 22px}.feature-mosaic-side{margin-top:10px}.feature-mosaic-main .card-cover-image img{height:220px}.feature-mosaic-side img{height:110px}.feature-wide-poster{position:relative;clip-path:none;width:100%;height:210px;padding:0 20px 20px}.feature-wide-poster img{border-radius:12px}.feature-dock .dock-cover img{height:220px}.feature-dock dl{display:flex;gap:12px;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:14px 0 0}.feature-dock dt{margin-right:-8px}.feature-dock dd{margin:0 14px 0 0}.feature-simple{grid-template-columns:1fr}.feature-simple-image{margin-top:18px}.feature-simple-image img{height:210px}.home-module{padding:14px;border-radius:14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-rail>.media-card{flex-basis:145px}.card-cover-image img,.cover-empty{height:190px}.card-style-02 .card-cover-image img{height:116px}.card-style-05 .card-cover-image img{height:100px}.card-style-07 .card-cover-image img{height:190px}.card-style-09{grid-template-columns:50px 1fr auto}.card-style-10 .card-cover-image img{height:180px}.module-split-body{grid-template-columns:1fr}.module-lead .card-cover-image img{height:230px}.small-grid{grid-template-columns:repeat(3,1fr)}.small-grid .card-cover-image img{height:120px}.columns-module{grid-template-columns:1fr}.column-grid .card-cover-image img{height:145px}.update-timeline ol{grid-template-columns:1fr}.update-timeline li{grid-template-columns:72px 1fr}.update-timeline small{display:none}.list-columns,.search-layout{gap:16px}.results-heading h1{font-size:26px}.filter-shelf{grid-template-columns:1fr}.filter-shelf small{display:none}.search-entrance{padding:30px 15px;border-radius:17px}.search-entrance h1{font-size:32px}.search-entrance form{margin-top:18px}.search-entrance input{padding:12px}.search-entrance button{padding:0 17px}.detail-stage,.detail-facts,.dossier-grid,.magazine-head,.profile-header,.split-detail{display:block;padding:15px;border-radius:17px}.detail-poster{max-width:220px;margin:auto}.detail-poster-image img,.fact-poster img,.dossier-poster img{height:280px}.detail-copy h1,.dossier-heading h1,.magazine-head h1,.profile-header h1,.split-detail h1{font-size:28px}.score-card,.detail-facts aside{border:0;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.dossier-index{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:12px}.magazine-head .detail-poster-image{margin-top:15px}.magazine-head .detail-poster-image img{height:230px}.magazine-body{grid-template-columns:1fr}.profile-avatar{max-width:180px;margin:auto}.profile-header{display:block}.profile-header .profile-avatar{margin-bottom:15px}.profile-columns{grid-template-columns:1fr}.profile-columns aside{min-height:110px}.split-poster{max-width:230px;margin:auto}.split-poster img{height:300px}.episode-panel,.description-panel,.related-panel{padding:15px;border-radius:14px}.episode-grid{grid-template-columns:repeat(3,1fr)}.episode-columns{grid-template-columns:repeat(3,1fr)}.episode-drawer{grid-template-columns:repeat(2,1fr)}.theater-grid{padding:12px}.theater-poster img{height:180px;width:126px}.control-header{flex-wrap:wrap}.control-header h1{width:100%}.minimal-bar{display:block}.minimal-bar .player-info{margin-top:9px}.mobile-bottom{position:fixed;display:flex;z-index:30;left:0;right:0;bottom:0;height:58px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;min-width:58px;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--muted);font-size:10px}.mobile-bottom span{font-size:19px;line-height:1;color:var(--accent)}.mobile-bottom b{font-weight:500}.site-footer{padding-bottom:55px}.footer-inner{padding:25px 14px}.footer-inner>nav{gap:10px}.back-top{right:14px;bottom:72px}.home-mode-7 .media-grid{grid-template-columns:repeat(2,1fr)}.home-mode-1 .home-module:nth-child(2),.home-mode-5 .home-module:nth-child(3){display:block}
}
@media (max-width:380px){
 .media-grid,.listing-grid{gap:8px}.card-cover-image img,.cover-empty{height:165px}.card-style-07 .card-cover-image img{height:165px}.feature-copy h1,.feature-title h1,.feature-editorial h1,.feature-type-first h1,.feature-dock h1,.feature-simple-copy h1{font-size:28px}
}

/* MOVIE70_LAYOUT_FIX_V1
 * Presentation-only compatibility patch.
 * It does not change PHP data, routes, image URLs, cache or database behavior.
 */

/* The mobile drawer is present in the HTML on every page. It must be hidden
 * until the mobile menu is opened; otherwise it becomes a normal desktop
 * block and duplicates the logo/navigation at the far left. */
.mobile-drawer{display:none}
.drawer-mask{display:none}

/* Prevent min-content widths from pushing a centered layout off the right
 * edge when a title, summary, poster or flex child is unusually long. */
html,body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
.site-wrap{width:100%;max-width:none;min-width:0}
.site-header,.site-footer{width:100%;max-width:none;min-width:0}
.site-main{width:100%;max-width:var(--max);min-width:0;margin-left:auto;margin-right:auto}
.site-wrap{overflow-x:hidden}
.site-main{overflow-x:hidden}
.header-line,.minimal-head,.broadcast-head,.header-tools,.second-line,.header-rail-main{width:100%;min-width:0}
.header-line>*,.minimal-head>*,.broadcast-head>*,.header-tools>*,.second-line>*,.header-rail-main>*{min-width:0}
.site-brand{min-width:0;max-width:100%;overflow:hidden}
.site-brand b,.site-brand small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.home-layout,.list-layout,.search-layout,
.home-module,.module-split-body,.module-small,.module-lead,
.media-grid,.media-card,.card-copy,.list-columns,.list-results,
.search-results,.search-discover,.detail-shell,.play-shell,
.detail-stage,.detail-facts,.dossier-grid,.magazine-head,
.profile-header,.split-detail,.play-columns,.theater-grid,
.control-stage,.magazine-body,.profile-columns,.split-below,
.episode-panel,.description-panel,.related-panel{min-width:0}

.home-layout>*,.list-layout>*,.search-layout>*,
.module-split-body>*,.media-grid>*,.list-columns>*,
.play-columns>*,.theater-grid>*,.control-stage>*,
.magazine-body>*,.profile-columns>*,.split-below>*{min-width:0}

img,video{display:block;max-width:100%}
.card-cover-image,.cover-frame,.number-cover,.episode-cover,
.score-cover,.mag-cover,.line-poster,.double-cover,.feature-poster,
.feature-wide-poster,.feature-simple-image,.feature-mosaic-main,
.feature-mosaic-side>a,.dock-cover,.detail-poster,.detail-poster-image,
.fact-poster,.dossier-poster,.profile-avatar,.split-poster,
.theater-poster{min-width:0;max-width:100%;overflow:hidden}
.card-cover-image img,.cover-frame img,.number-cover img,
.episode-cover img,.score-cover img,.mag-cover img,.line-poster img,
.double-cover img,.feature-poster img,.feature-wide-poster img,
.feature-simple-image img,.feature-mosaic-main img,
.feature-mosaic-side img,.dock-cover img,.detail-poster-image img,
.fact-poster img,.dossier-poster img,.profile-avatar img,
.split-poster img,.theater-poster img{display:block;width:100%;max-width:100%;object-fit:cover}
.cover-empty{width:100%;min-height:210px;display:grid;place-items:center;overflow:hidden}

@media (max-width:640px){
  .mobile-drawer{display:block}
  .site-main{width:100%;padding-left:14px;padding-right:14px}
  .site-brand{max-width:calc(100% - 54px)}
  .home-layout,.list-layout,.search-layout{width:100%}
  .media-grid,.listing-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-cover-image,.cover-frame,.number-cover,.episode-cover,.score-cover,.mag-cover{width:100%}
}

/* 修复 render.php 输出的 content-stream 容器 */
.content-stream {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}

.content-stream .card-style-09 {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--card,#fff)!important;
  border:1px solid var(--line,#e2e8f0)!important;
  border-radius:10px!important;
}

.content-stream .card-style-09 .compact-thumb {
  display:block!important;
  width:100%!important;
  height:220px!important;
  overflow:hidden!important;
}

.content-stream .card-style-09 .compact-thumb .card-cover-image,
.content-stream .card-style-09 .compact-thumb img {
  display:block!important;
  width:100%!important;
  height:220px!important;
  max-width:none!important;
  object-fit:cover!important;
}

.content-stream .card-style-09 .compact-main {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:8px 10px 4px!important;
  overflow:hidden!important;
}

.content-stream .card-style-09 .compact-main strong {
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.content-stream .card-style-09 .compact-main span {
  display:block!important;
  margin-top:4px!important;
  color:var(--muted,#718096)!important;
}

.content-stream .card-style-09 .compact-action {
  display:block!important;
  padding:4px 10px 10px!important;
}

.module-split .content-stream,
.columns-module .content-stream {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media (max-width:900px) {
  .content-stream {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:600px) {
  .content-stream,
  .module-split .content-stream,
  .columns-module .content-stream {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

