:root{--bg:#08121e;--panel:#0e1d2e;--panel2:#12263b;--line:#20394e;--text:#f4f7fb;--muted:#9bb0c5;--accent:#ff7a59;--accent2:#ffbd5c;--cyan:#65d7d0;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0%,#17314c 0,transparent 30%),var(--bg);color:var(--text);font:16px/1.7 Inter,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,.btn{font:inherit;cursor:pointer}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,18,30,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(101,215,208,.12)}.nav{min-height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap;letter-spacing:.02em}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;box-shadow:0 0 28px #ff7a5940}.brand-mark:before{content:'▶';color:#08121e;font-size:18px;margin-left:2px}.nav-links{display:flex;gap:6px;align-items:center;flex:1}.nav-links a{color:var(--muted);font-size:14px;padding:9px 10px;border-radius:10px}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#183149}.nav-icon{opacity:.8;margin-right:4px}.menu{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-weight:700}.btn-primary{background:var(--accent);color:#1a1010;box-shadow:0 10px 30px #ff7a5933}.btn-ghost{border-color:var(--line);background:#0c1a2a;color:var(--text)}.eyebrow{color:var(--cyan);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.hero{padding:72px 0 52px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero h1{font-size:clamp(34px,5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}.hero h1 a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px}.hero-copy{color:var(--muted);font-size:18px;max-width:600px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.mini-proof{display:flex;gap:22px;color:var(--muted);font-size:13px}.mini-proof strong{color:var(--text);font-size:19px;display:block}.hero-art{min-height:390px;position:relative;border:1px solid #2a4861;border-radius:28px;overflow:hidden;background:linear-gradient(140deg,#173b51,#122136 48%,#2a1d2a);padding:24px;display:flex;align-items:end}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#ffbd5c3d 50%,transparent 62%),linear-gradient(0deg,#07121ddd,transparent 55%)}.hero-art .poster{position:absolute;inset:38px 110px 38px 75px;border-radius:18px;background:linear-gradient(150deg,#ff7a59,#31264b 54%,#0d1726);box-shadow:22px 22px 50px #0008;transform:rotate(-4deg)}.poster:after{content:'M';position:absolute;right:22px;bottom:-18px;font:900 220px/1 Georgia;color:#ffffff1c}.poster-copy{position:relative;z-index:1;max-width:340px}.poster-copy h2{font-size:32px;line-height:1.1;margin:10px 0}.poster-copy p{color:#ffe9d8;margin:0}.tag{display:inline-flex;border:1px solid #ffffff34;border-radius:99px;padding:5px 10px;font-size:12px;background:#09142199}.section{padding:60px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h2{font-size:clamp(25px,3vw,38px);margin:6px 0;line-height:1.15}.section-intro{color:var(--muted);max-width:650px;margin:0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.card,.guide,.faq,.quote,.detail-box{background:linear-gradient(180deg,#10243a,#0c1b2b);border:1px solid var(--line);border-radius:18px}.feature{padding:22px}.feature-icon{width:38px;height:38px;border-radius:12px;background:#1c3b52;color:var(--cyan);display:grid;place-items:center;font-size:20px;margin-bottom:18px}.feature h3{margin:0 0 6px}.feature p,.card p,.guide p,.faq p,.quote p{color:var(--muted);margin:0}.poster-card{overflow:hidden}.poster-img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#152c42}.poster-card .card-body{padding:15px}.card-title{font-weight:800;margin:0 0 5px}.meta{color:#7f98ae;font-size:13px;display:flex;gap:10px;flex-wrap:wrap}.rank{color:var(--accent2);font-weight:900}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{padding:16px 10px;border:1px solid var(--line);border-radius:14px;background:#0d1c2c;min-height:128px}.day small{color:var(--cyan)}.day strong{display:block;margin:7px 0}.day span{font-size:13px;color:var(--muted)}.guide{padding:22px}.guide-num{color:var(--accent);font-weight:900;font-size:26px}.guide h3{margin:4px 0}.quote{padding:22px}.quote-mark{color:var(--accent);font-size:30px}.faq{padding:18px 20px}.faq summary{cursor:pointer;font-weight:800}.faq p{padding-top:12px}.subscribe{padding:28px;border:1px solid #40536a;background:linear-gradient(110deg,#18394e,#1b2437);border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:28px}.subscribe p{color:#bad0dd;margin:8px 0 0}.subscribe-code{width:110px;height:110px;border-radius:14px;background:repeating-linear-gradient(45deg,#fff 0 6px,#111 6px 12px);border:9px solid #fff;flex:none}.footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.footer h3{color:var(--text);margin-top:0}.footer a{display:block;margin:5px 0}.crumb{padding:28px 0 0;color:var(--muted);font-size:14px}.page-hero{padding:35px 0 28px}.page-hero h1{font-size:clamp(32px,5vw,56px);margin:8px 0}.detail-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}.detail-cover{border-radius:22px;overflow:hidden;border:1px solid var(--line)}.detail-cover img{width:100%;aspect-ratio:3/4;object-fit:cover}.detail-box{padding:24px}.detail-box h2{margin-top:0}.facts{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.pill{border:1px solid var(--line);border-radius:99px;padding:4px 10px;color:var(--muted);font-size:13px}.player{background:#02070d;border:1px solid #28445d;border-radius:20px;overflow:hidden}.player-screen{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(circle,#17384b 0,#07101a 65%);color:var(--accent);font-size:52px}.player-bar{padding:13px 16px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.episode-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.episode{border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--muted)}.episode.active,.episode:hover{background:var(--accent);color:#1a1010;border-color:var(--accent)}.collection-note{padding:14px 16px;background:#132b3b;border-left:3px solid var(--cyan);color:#c5dae2;border-radius:10px}.empty-art{display:grid;place-items:center;min-height:180px;color:var(--muted);background:#0c1a29;border:1px dashed #2a4960;border-radius:18px}.favorite{background:none;color:var(--accent2);border:1px solid #745132;border-radius:10px;padding:9px 12px}.notice{color:var(--accent2);font-size:14px}.hidden{display:none}@media(max-width:960px){.nav-links{display:none}.menu{display:block;margin-left:auto}.nav-links.open{display:flex;position:absolute;top:77px;left:0;right:0;flex-direction:column;align-items:stretch;background:#0b1928;padding:14px 20px;border-bottom:1px solid var(--line)}.hero-grid,.detail-layout{grid-template-columns:1fr}.hero-art{min-height:330px}.grid-4{grid-template-columns:repeat(2,1fr)}.calendar{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.subscribe{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.wrap{width:min(100% - 28px,var(--max))}.nav{min-height:68px}.brand{font-size:14px}.hero{padding-top:42px}.hero h1{font-size:38px}.hero-art{min-height:285px;padding:18px}.hero-art .poster{inset:32px 45px 34px 44px}.poster-copy h2{font-size:24px}.grid-4,.grid-3{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(2,1fr)}.day{min-height:100px}.footer-grid{grid-template-columns:1fr}.section{padding:44px 0}}