:root{--bg:#0B1220;--bg-2:#111A28;--bg-3:#171B22;--surface:#151F2D;--surface-2:#1C2635;--surface-3:#253246;--surface-hover:#2A394E;--gold:#D8B36A;--gold-2:#E8CE98;--copper:#B97945;--red:#A84F55;--blue:#557FAD;--cyan:#4D9696;--green:#668B74;--text:#F4F1E9;--text-2:#CCD3DC;--text-3:#929DAA;--line:rgba(255,255,255,.10);--line-strong:rgba(216,179,106,.34);--glass:rgba(11,18,32,.82);--shadow:0 14px 40px rgba(3,8,16,.28);--shadow-l:0 28px 80px rgba(3,8,16,.46);--r:10px;--r-l:18px;--wrap:1480px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 "Arial","Microsoft Yahei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}.notice{height:24px;background:#090d14;color:var(--gold-2);font-size:12px;text-align:center;letter-spacing:.08em}.site-header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100% - var(--wrap))/2));background:rgba(11,18,32,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:20px}.brand img{width:36px;height:36px;object-fit:contain}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:.16em}.main-nav{display:flex;gap:19px;flex:1}.main-nav a,.nav-actions a{color:var(--text-2);font-size:14px}.main-nav a:hover,.main-nav .active{color:var(--gold-2)}.nav-actions{display:flex;gap:14px;align-items:center}.icon-btn,.close{border:0;background:transparent;color:var(--text);font-size:25px}.wrap{max-width:var(--wrap);margin:auto;padding:70px 24px}.section{background:var(--bg-2)}.section:nth-of-type(even){background:var(--bg-3)}.eyebrow{color:var(--gold);letter-spacing:.16em;font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h1,.section-head h2{font-size:clamp(26px,3vw,42px);margin:0;line-height:1.2}.section-head p,.copy{max-width:760px;color:var(--text-2);margin:10px 0 0}.btn{display:inline-flex;padding:11px 21px;border:1px solid var(--line);border-radius:var(--r);align-items:center;justify-content:center}.btn.gold{background:linear-gradient(120deg,var(--gold),var(--copper));color:#15110a;border:0;font-weight:bold}.btn:hover{border-color:var(--gold)}.hero{min-height:78vh;position:relative;display:flex;align-items:end;padding:80px max(24px,calc((100% - var(--wrap))/2));background-position:center;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,18,.95),rgba(8,15,25,.42) 55%,rgba(7,11,18,.18)),linear-gradient(0deg,var(--bg),transparent 55%)}.hero-copy{position:relative;max-width:650px;padding-bottom:70px}.hero h1{font-size:clamp(40px,6vw,78px);line-height:1.05;margin:10px 0}.meta{color:var(--text-2);font-size:14px}.hero p{color:var(--text-2);max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-thumbs{position:absolute;right:5%;bottom:40px;z-index:1;display:flex;gap:8px}.hero-thumbs button{width:54px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--gold)}.track{display:flex;gap:16px;overflow:auto;padding:5px 1px 14px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.card{flex:0 0 190px;overflow:hidden;background:var(--surface);border-radius:var(--r);position:relative;box-shadow:var(--shadow)}.card.poster{aspect-ratio:2/3}.card.landscape{flex-basis:310px;aspect-ratio:16/9}.card img{height:100%;width:100%;object-fit:cover;transition:.35s}.card-copy{position:absolute;inset:auto 0 0;padding:28px 13px 12px;background:linear-gradient(transparent,rgba(5,8,13,.96));transform:translateY(8px);transition:.3s}.card h3{margin:3px 0;font-size:17px}.card p,.card small{margin:0;color:var(--text-2);font-size:12px}.play-icon{position:absolute;z-index:2;top:44%;left:44%;color:var(--gold);opacity:0;font-size:28px;transition:.3s}.card:hover img{transform:scale(1.025)}.card:hover .play-icon{opacity:1}.mood-grid,.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mood-grid a{min-height:120px;display:flex;align-items:end;padding:18px;border-radius:var(--r);background:linear-gradient(135deg,var(--surface-3),var(--surface));color:var(--gold-2);font-size:20px}.feature{min-height:350px;position:relative;border-radius:var(--r-l);overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:end;padding:30px}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,13,.95),transparent)}.feature>*{position:relative}.rank-row{display:grid;grid-template-columns:70px 170px 1fr auto;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.rank{font-size:45px;font-weight:bold;color:var(--gold)}.rank-row img{aspect-ratio:16/9;object-fit:cover}.page-hero{padding:70px 24px;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(11,18,32,.45))}.page-hero>*{position:relative;max-width:var(--wrap);margin-left:auto;margin-right:auto}.filters{position:sticky;top:76px;z-index:10;background:var(--glass);border-block:1px solid var(--line);padding:12px 24px;display:flex;gap:8px;overflow:auto}.filters a{white-space:nowrap;padding:6px 12px;color:var(--text-2)}.filters .on{background:var(--gold);color:#16120c;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.grid .card{width:auto}.detail-hero{min-height:70vh}.detail-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:35px}.panel{background:var(--surface);padding:24px;border-radius:var(--r)}.episodes{display:flex;gap:9px;flex-wrap:wrap}.episodes a{background:var(--surface-3);padding:8px 13px;border-radius:6px}.video-wrap{background:#030508;padding:22px}.video-wrap video{width:100%;max-height:70vh}.play-layout{display:grid;grid-template-columns:3fr 1fr;gap:18px}.search-overlay,.drawer{position:fixed;z-index:40;inset:0;background:rgba(5,9,15,.98);padding:12vh 10%;display:none}.search-overlay.open,.drawer.open{display:block}.search-overlay form{max-width:800px;margin:auto}.search-overlay input{width:100%;padding:18px;background:var(--surface);border:1px solid var(--line);color:var(--text);display:block;margin:14px 0}.drawer{inset:0 0 0 auto;width:min(420px,90vw);padding:40px;background:var(--bg-2)}.drawer a{display:block;padding:8px 0;color:var(--text-2)}.drawer-mask{display:none;position:fixed;z-index:30;inset:0;background:rgba(0,0,0,.6)}.drawer-mask.open{display:block}.site-footer{padding:60px max(24px,calc((100% - var(--wrap))/2)) 90px;background:linear-gradient(135deg,#101d30,#171b22),url('footer-bg.webp');display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:1px solid var(--line)}.site-footer p,.site-footer a{color:var(--text-2)}.site-footer a{display:block;margin:6px 0}.site-footer small{grid-column:1/-1;color:var(--text-3)}.mobile-bar,.to-top{display:none}.crumb{color:var(--text-3);font-size:13px;margin-bottom:16px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;text-align:left;padding:17px 0;background:none;border:0;color:var(--text);font-weight:bold}.faq-item p{display:none;color:var(--text-2)}.faq-item.open p{display:block}.timeline{border-left:1px solid var(--gold);padding-left:22px}.timeline article{margin-bottom:25px}.empty{text-align:center;padding:50px}.empty img{width:190px;margin:auto}@media(max-width:1100px){.main-nav{display:none}.grid{grid-template-columns:repeat(4,1fr)}.site-header{justify-content:space-between}}@media(max-width:900px){.detail-body,.play-layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:68vh}.site-footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){body{font-size:15px}.site-header{height:62px;padding:0 15px}.notice{height:22px}.nav-actions a{display:none}.hero{padding:40px 20px}.hero-copy{padding-bottom:30px}.hero-thumbs{display:none}.wrap{padding:45px 16px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{flex-basis:145px}.card.landscape{flex-basis:260px}.mood-grid{grid-template-columns:repeat(2,1fr)}.rank-row{grid-template-columns:45px 110px 1fr}.rank-row small{display:none}.site-footer{grid-template-columns:1fr;padding-bottom:110px}.mobile-bar{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;justify-content:space-around;background:rgba(11,18,32,.96);border-top:1px solid var(--line);padding:11px 5px}.mobile-bar a,.mobile-bar button{border:0;background:none;color:var(--text-2);font-size:12px}.to-top{display:block;position:fixed;right:15px;bottom:65px;background:var(--gold);border:0;border-radius:50%;width:42px;height:42px}.page-hero{padding:45px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}