:root{--ink:#f5f2ee;--muted:#b6b1b0;--blue:#081a31;--blue-2:#102b4b;--gold:#f4b84a;--gold-light:#ffe0a0;--line:rgba(255,255,255,.13);--card:rgba(14,33,57,.72);--radius:16px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#071426;font-family:"Plus Jakarta Sans","Noto Sans SC",sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(3,12,26,.78),#071426 52%,#081b31 100%),url("img/haibao.webp") center top/cover no-repeat;filter:blur(12px);transform:scale(1.08);opacity:.6}body:after{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 18%,rgba(243,180,72,.18),transparent 30%),linear-gradient(180deg,rgba(3,12,26,.15),#071426 88%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}.ambient-one{width:360px;height:360px;background:rgba(18,91,147,.22);top:18%;left:-180px}.ambient-two{width:260px;height:260px;background:rgba(244,184,74,.12);right:-80px;bottom:13%}.site-header{width:min(1180px,calc(100% - 64px));height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:48px;display:block;border-radius:11px;overflow:hidden;border:1px solid rgba(255,214,128,.48);box-shadow:0 0 24px rgba(244,184,74,.2)}.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-name{display:flex;flex-direction:column;line-height:1.2}.brand-name strong{font-size:17px;letter-spacing:.08em}.brand-name small{color:var(--muted);font-size:10px;letter-spacing:.18em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:13px;color:#c3c4c7;transition:color .25s}.nav-link:hover,.nav-link.active{color:#fff}.nav-cta{display:flex;align-items:center;gap:8px;color:var(--gold-light);padding:9px 16px;border:1px solid rgba(244,184,74,.38);border-radius:999px}.nav-cta span{font-size:16px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.section-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.hero{padding-top:34px;padding-bottom:104px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#828d9b;font-size:12px;margin-bottom:48px}.breadcrumb a:hover{color:var(--gold-light)}.breadcrumb strong{font-weight:500;color:#d8d3cc}.hero-grid{display:grid;grid-template-columns:380px 1fr;gap:76px;align-items:center}.poster-wrap{position:relative;width:100%;max-width:380px;justify-self:center}.poster{position:relative;display:block;width:100%;aspect-ratio:730/989;object-fit:cover;border-radius:18px;box-shadow:var(--shadow);z-index:1}.poster-glow{position:absolute;inset:13% -8% -8%;background:rgba(22,116,184,.48);filter:blur(48px);border-radius:50%;z-index:0}.poster-stamp{position:absolute;z-index:2;right:-12px;bottom:20px;border-radius:8px 0 0 8px;background:var(--gold);color:#16243a;font-size:11px;font-weight:800;letter-spacing:.13em;padding:7px 12px}.eyebrow,.section-kicker{font-size:11px;color:var(--gold-light);letter-spacing:.22em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:"Noto Serif SC",serif;font-size:clamp(48px,7vw,78px);line-height:1.08;letter-spacing:.06em;margin-bottom:13px;font-weight:900}.hero-subtitle{font-family:"Noto Serif SC",serif;font-size:19px;color:#ebe6dc;margin-bottom:20px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.tag{font-size:12px;color:#17273b;background:var(--gold);padding:4px 13px;border-radius:999px;font-weight:700}.tag-soft{color:#d9e4ed;background:rgba(104,157,190,.26);border:1px solid rgba(167,210,234,.23)}.stats-row{display:flex;gap:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:23px}.stat{display:flex;flex-direction:column}.stat strong{font-size:21px;letter-spacing:.02em;color:#fff}.stat span{font-size:11px;color:#8490a0;margin-top:1px}.hero-description{max-width:625px;color:#c2c4c8;font-size:14px;line-height:2;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;cursor:pointer;border-radius:999px;min-height:45px;padding:0 22px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#ffd37a,var(--gold));color:#16263b;box-shadow:0 9px 26px rgba(244,184,74,.2)}.button-primary span{font-size:18px}.button-ghost{background:rgba(255,255,255,.06);border:1px solid var(--line);color:#d9dce0}.button-ghost:hover{background:rgba(255,255,255,.12)}.heart{font-size:19px;line-height:0;color:var(--gold-light)}.favorite-btn.is-favorite .heart{color:#ff9b85}.hero-note{font-size:11px;color:#8290a0;margin:14px 0 0}.hero-note span{color:var(--gold);margin-right:5px}.story,.episodes,.reviews{padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:31px}.section-kicker{display:block;margin-bottom:10px}h2{font-family:"Noto Serif SC",serif;font-size:31px;line-height:1.3;letter-spacing:.04em;margin-bottom:0}.section-side-note{text-align:right;color:#7f8c9b;font-size:12px;line-height:1.8;margin:0}.story-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.story-card{position:relative;min-height:270px;padding:31px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,rgba(20,53,86,.9),rgba(7,24,44,.8));overflow:hidden}.story-card:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(244,184,74,.15);border-radius:50%;right:-80px;bottom:-90px}.card-index{font-size:11px;color:var(--gold);letter-spacing:.18em}.story-card h3{font-family:"Noto Serif SC",serif;font-size:23px;margin:23px 0 14px}.story-card p{color:#b5beca;font-size:13px;line-height:2;margin-bottom:11px;max-width:650px}.character-card{background:linear-gradient(145deg,rgba(31,63,91,.78),rgba(11,31,50,.92))}.character-list{display:flex;flex-direction:column;gap:13px;margin-top:20px}.character{display:flex;align-items:center;gap:12px}.avatar,.review-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:"Noto Serif SC",serif;font-weight:700}.avatar{width:38px;height:38px;color:#12233a;background:linear-gradient(135deg,#ffe4a3,#c88629)}.avatar-lin{background:linear-gradient(135deg,#b8d7e7,#5985a6)}.avatar-su{background:linear-gradient(135deg,#e4c7c1,#9e6269)}.character strong,.character small{display:block}.character strong{font-size:13px}.character small{font-size:11px;color:#8e9dab;margin-top:2px}.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.episode-card{display:flex;min-height:126px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(16,39,65,.68);transition:transform .28s,border-color .28s,box-shadow .28s}.episode-card:hover{transform:translateY(-5px);border-color:rgba(244,184,74,.5);box-shadow:0 14px 32px rgba(0,0,0,.22)}.episode-thumb{display:flex;align-items:flex-end;min-width:91px;background:linear-gradient(180deg,rgba(6,21,39,.03),rgba(5,17,33,.92)),url("img/haibao.webp") var(--pos) center/auto 100% no-repeat;position:relative}.episode-no{font-family:"Noto Serif SC",serif;color:#fff;font-size:21px;font-weight:700;padding:0 0 10px 12px;text-shadow:0 3px 10px #000}.episode-copy{position:relative;display:flex;flex:1;flex-direction:column;padding:17px 14px 13px}.episode-copy strong{font-family:"Noto Serif SC",serif;font-size:15px;margin-bottom:6px}.episode-copy small{color:#9ba8b6;font-size:11px;line-height:1.6}.episode-copy em{margin-top:auto;font-style:normal;color:var(--gold);font-size:10px}.episode-card-final{border-color:rgba(244,184,74,.32)}.reviews{padding-top:4px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review-card{display:flex;min-height:245px;flex-direction:column;padding:21px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(31,64,93,.83),rgba(15,32,56,.64));transition:transform .4s ease,box-shadow .4s ease,background .4s ease}.review-card:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 20px 40px rgba(0,0,0,.27);background:linear-gradient(145deg,rgba(51,83,111,.9),rgba(18,39,65,.78))}.review-top{display:flex;align-items:center;gap:11px}.review-avatar{width:34px;height:34px;font-size:13px;color:#17304a;background:#d4e8ef}.review-avatar-gold{background:#f6d08a}.review-avatar-blue{background:#9ec7e4}.review-avatar-purple{background:#d6b8d8}.review-top strong,.review-top span{display:block}.review-top strong{font-size:12px}.review-top div span{font-size:10px;color:var(--gold);letter-spacing:2px;margin-top:3px}.review-card p{color:#b4bec8;font-size:12px;line-height:1.95;margin:22px 0 12px}.review-card time{font-size:10px;color:#76879a;margin-top:auto}.seo-story{padding-bottom:106px}.seo-inner{position:relative;padding:44px 52px;border:1px solid rgba(244,184,74,.22);border-radius:18px;overflow:hidden;background:linear-gradient(115deg,rgba(23,64,96,.86),rgba(17,37,62,.75))}.seo-inner:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(244,184,74,.16);right:5%;top:-160px;box-shadow:0 0 0 22px rgba(244,184,74,.04),0 0 0 45px rgba(244,184,74,.025)}.seo-inner h2{margin:10px 0 14px}.seo-inner p{max-width:770px;color:#aebac5;font-size:13px;line-height:2;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold-light);font-size:13px;font-weight:700}.text-link span{font-size:18px;transition:transform .25s}.text-link:hover span{transform:translateX(4px)}.site-footer{border-top:1px solid var(--line);background:rgba(3,13,26,.45)}.footer-inner,.footer-bottom{width:min(1180px,calc(100% - 64px));margin:0 auto}.footer-inner{display:flex;align-items:center;gap:50px;padding:39px 0 30px}.footer-brand{display:flex;align-items:center;gap:11px;min-width:210px}.footer-brand img{width:40px;height:48px;object-fit:cover;border-radius:10px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:16px}.footer-brand span{font-size:10px;color:#8594a1;letter-spacing:.14em;margin-top:3px}.footer-inner p{color:#8493a2;font-size:12px;line-height:1.9;margin:0;flex:1}.footer-watch{color:var(--gold-light);font-size:12px;font-weight:700;white-space:nowrap}.footer-watch span{font-size:17px;margin-left:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding:16px 0 22px;color:#667689;font-size:10px}.toast{position:fixed;left:50%;bottom:28px;z-index:10;transform:translate(-50%,20px);padding:9px 17px;border-radius:999px;background:#f4b84a;color:#18263a;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){.site-header,.section-wrap,.footer-inner,.footer-bottom{width:min(100% - 40px,700px)}.hero-grid{grid-template-columns:280px 1fr;gap:40px}.episode-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{gap:26px;flex-wrap:wrap}.footer-inner p{order:3;flex-basis:100%}}
@media (max-width:680px){.site-header{height:72px}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:7px;border:1px solid var(--line);border-radius:14px;background:rgba(7,24,44,.97);box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-link{padding:12px 14px}.nav-cta{justify-content:center;margin:5px}.menu-toggle{display:block}.hero{padding-top:26px;padding-bottom:78px}.breadcrumb{margin-bottom:29px;font-size:11px;gap:7px;white-space:nowrap}.hero-grid{grid-template-columns:1fr;gap:35px}.poster-wrap{max-width:300px}.hero-copy{text-align:left}.hero-description{font-size:13px}.stats-row{gap:21px}.stat strong{font-size:18px}.hero-subtitle{font-size:17px}.section-wrap{width:calc(100% - 34px)}.story,.episodes,.reviews{padding-bottom:77px}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:22px}.section-heading h2{font-size:25px}.section-side-note{text-align:left}.story-grid{grid-template-columns:1fr}.story-card{padding:25px;min-height:0}.episode-grid{grid-template-columns:1fr;gap:11px}.episode-card{min-height:115px}.review-grid{grid-template-columns:1fr 1fr;gap:10px}.review-card{min-height:250px;padding:17px 15px}.review-card p{font-size:11px}.seo-inner{padding:31px 23px}.seo-inner h2{font-size:24px}.footer-inner,.footer-bottom{width:calc(100% - 34px)}.footer-inner{padding-top:30px;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-inner p{grid-column:1/-1;order:initial}.footer-watch{align-self:center}.footer-bottom{font-size:9px}.footer-bottom span:last-child{display:none}}
@media (max-width:380px){.review-grid{grid-template-columns:1fr}.stats-row{gap:14px}.stat span{font-size:10px}}
.review-top .review-avatar{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;flex:0 0 34px;padding:0}
body:before{background-image:linear-gradient(180deg,rgba(3,12,26,.5),rgba(7,20,38,.78) 58%,rgba(8,27,49,.88)),url("img/haibao.webp");background-position:center top;background-size:cover;background-attachment:fixed;filter:blur(16px);opacity:.82}
.hot-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;margin:-9px 0 24px;padding:5px 12px;border:1px solid rgba(244,184,74,.35);border-radius:999px;background:rgba(244,184,74,.1);color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.04em}.hot-badge span{color:var(--gold);font-size:15px;line-height:1}
.poster,.brand-mark img,.footer-brand img,.episode-thumb{transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease,filter .38s ease}.poster{border:1px solid rgba(255,255,255,.14)}.poster:hover{transform:translateY(-7px) scale(1.018);border-color:rgba(255,211,122,.82);box-shadow:0 24px 65px rgba(0,0,0,.48),0 0 0 2px rgba(244,184,74,.24),0 0 32px rgba(244,184,74,.36);filter:saturate(1.08)}.brand-mark img:hover,.footer-brand img:hover{transform:translateY(-3px) scale(1.08);border-radius:12px;filter:saturate(1.12);box-shadow:0 0 0 2px rgba(244,184,74,.3),0 0 20px rgba(244,184,74,.48)}.episode-card:hover .episode-thumb{transform:scale(1.045);filter:saturate(1.12);box-shadow:inset 0 0 0 1px rgba(255,211,122,.6),inset 0 0 24px rgba(244,184,74,.22)}