:root{--deep:#0D1931;--cinema:#102B53;--nav:#153968;--blue:#2466C1;--button:#245CB2;--yellow:#F6C946;--cream:#FFF7DF;--ice:#E9F2FF;--bg:#F6F9FD;--ink:#15273F;--body:#3D5167;--white:#fff;--line:#DDE6F1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,'Microsoft YaHei',sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block;object-fit:contain}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,39px);line-height:1.24;letter-spacing:-.035em}h2{font-size:clamp(21px,2.3vw,27px);line-height:1.36}h3{font-size:19px;line-height:1.4}.wrap{max-width:1260px;margin:auto;padding-left:28px;padding-right:28px}.topline{background:var(--deep);color:#DEE9F6;font-size:12px}.topline-in{display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:12px}.topline a{color:#FFE69A}.mast{background:#fff;box-shadow:0 2px 14px #102b5310;position:relative;z-index:4}.nav{display:flex;align-items:center;gap:20px;min-height:78px}.logo{display:flex;align-items:center;gap:8px;min-width:207px}.logo img{width:46px;max-height:46px}.logo b{font-size:22px;line-height:1.2}.logo small{display:block;font-size:9px;letter-spacing:.12em;color:#65798f;line-height:1.3}.accent{color:#D29A08}.main-links{display:flex;gap:17px;align-items:center;margin:auto;font-size:14px;font-weight:700;white-space:nowrap}.main-links a:hover,.genre a:hover{color:var(--blue)}.quicksearch{display:flex;background:#eef4fc;border:1px solid #dce8f5;border-radius:10px;overflow:hidden;max-width:174px}.quicksearch input{min-width:0;width:136px;border:0;background:transparent;padding:9px 8px;font-size:12px}.quicksearch button{border:0;background:var(--yellow);min-width:38px;color:var(--deep);font-size:20px}.menu-toggle{background:var(--deep);color:white;border:0;border-radius:9px;padding:10px 12px;white-space:nowrap;font-size:13px;min-height:44px}.genre{background:var(--ice);border-top:1px solid #e0ebf9}.genre-inner{display:flex;gap:23px;min-height:43px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.genre a{font-size:13px;font-weight:650}.shade{position:fixed;inset:0;background:#071427a6;z-index:20}.drawer{position:fixed;z-index:21;right:0;top:0;height:100dvh;width:min(390px,92vw);background:white;box-shadow:-10px 0 25px #0003;transform:translateX(105%);transition:transform .22s;display:flex;flex-direction:column}.drawer.is-open{transform:none}.drawer-top{background:var(--deep);color:#fff;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}.drawer-top button{border:0;background:var(--yellow);border-radius:7px;font-size:22px;width:44px;height:44px}.drawer-links{padding:20px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-links a{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:14px}.hero,.section-hero{margin:28px 0 0;border-radius:18px;background:linear-gradient(125deg,#0D1931,#153968);color:white;min-height:354px;display:grid;grid-template-columns:44% 56%;overflow:hidden}.hero-copy,.section-hero>div:first-child{padding:56px 38px}.hero h1{max-width:460px}.hero p,.section-hero p{color:#DEE9F6;max-width:600px}.hero-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 55% 45%,#315e9c,#18355f 66%,#122746);min-height:300px;padding:20px}.hero-art:before{content:'';position:absolute;border:1px solid #ffffff40;border-radius:50%;width:210px;aspect-ratio:1}.hero-art img{position:relative;z-index:1;max-height:350px}.hero-art span{position:absolute;bottom:18px;right:22px;font-size:12px;color:#dce9f9}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:850;color:#D7A425;text-transform:uppercase}.hero .eyebrow,.section-hero .eyebrow{color:#FFE69A}.btn{background:var(--button);color:#fff!important;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;border:0;border-radius:10px;font-weight:750;font-size:14px;margin-right:10px;margin-top:10px}.btn.yellow{background:var(--yellow);color:var(--deep)!important}.btn.ghost{background:transparent;border:1px solid #e9f2ff;color:#fff!important}.section{margin:58px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-head h2{margin-bottom:0}.section-head>a,.text-link{color:#2054a0;font-size:14px;font-weight:750}.intro{max-width:850px;color:var(--body)}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.channel{padding:23px;border-radius:15px;background:#fff;border:1px solid var(--line);min-height:135px}.channel:nth-child(2){background:var(--cream)}.channel:nth-child(3){background:var(--ice)}.channel b{display:block;font-size:21px}.channel p{font-size:14px;color:var(--body);margin:8px 0 0}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.work-media{display:grid;place-items:center;background:linear-gradient(145deg,#213d72,#547cad);height:175px;position:relative}.work-media:empty:before{content:'HUANGGUO  /  STORY';letter-spacing:.2em;color:#ffffffaa;font-size:11px}.work-media img{max-height:100%;width:100%;object-fit:contain}.work-body{padding:18px}.work-body h3{margin:8px 0}.work-body p{font-size:13px;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.tiny{color:#597187;font-size:12px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.paper{background:white;border:1px solid var(--line);padding:28px;border-radius:14px}.row-link{padding:11px 0;border-bottom:1px solid var(--line);font-weight:650}.mini{font-size:13px;color:#64788e}.section.dark-band{background:var(--cinema);border-radius:18px;padding:34px;color:white}.dark-band p{color:#DEE9F6}.dark-band .work-card{color:var(--ink)}.story-stack{display:grid;gap:13px}.story-row{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:18px;background:white;border:1px solid var(--line);border-radius:12px}.story-row strong{font-size:17px}.story-row p{font-size:14px;margin:4px 0}.story-row small{white-space:nowrap;color:#536d87}.numbered{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:step}.numbered article{background:#fff;padding:20px;border-radius:12px;border:1px solid var(--line)}.numbered article:before{counter-increment:step;content:'0' counter(step);display:block;color:#1962b7;font-weight:900;margin-bottom:14px}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shortcuts a{background:#fff;border:1px solid var(--line);padding:12px 14px;border-radius:9px;font-weight:650;display:flex;justify-content:space-between}.reading{max-width:1000px;padding-top:36px;padding-bottom:60px}.reading .prose{max-width:770px;font-size:17px;line-height:1.85;color:var(--body)}.prose p{margin:0 0 22px}.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:32px}.detail-cover{background:var(--cinema);border-radius:13px;min-height:200px;display:grid;place-items:center}.detail-cover img{max-height:350px}.tag{display:inline-block;border:1px solid #d5e6f8;color:#2b5e9b;padding:3px 9px;margin:5px 5px 5px 0;border-radius:40px;font-size:12px}.episodes{margin:20px 0;display:grid;gap:10px}.episode{padding:15px;background:white;border:1px solid var(--line);border-radius:12px}.episode p{margin:3px 0 0;color:var(--body);font-size:14px}.no-video{background:#e9f2ff;padding:17px;border-left:4px solid #2466c1;border-radius:8px;color:#274462}.video-player{width:100%;max-height:72vh;background:#071427}.search-form{display:flex;gap:8px;max-width:740px;margin:22px 0}.search-form input{width:100%;padding:12px 15px;border:1px solid #bccce0;border-radius:10px}.search-form button{background:var(--blue);color:white;border:0;border-radius:10px;padding:0 19px}.footer{background:var(--deep);color:#DEE9F6;margin-top:65px;padding:44px 0 12px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h3,.foot-logo{color:white}.footer p{font-size:14px;max-width:480px}.footer a{display:block;font-size:14px;padding:2px 0}.footer a:hover{color:var(--yellow)}.foot-bottom{border-top:1px solid #ffffff21;margin-top:30px;padding-top:18px;font-size:12px}.mobile-bottom{display:none}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);padding:12px;text-align:left}.pagination{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.pagination a{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:7px}@media(max-width:1130px){.main-links{gap:9px;font-size:12px}.quicksearch{display:none}.work-grid{grid-template-columns:repeat(3,1fr)}.wrap{padding-left:22px;padding-right:22px}}@media(max-width:800px){.main-links{display:none}.nav{justify-content:space-between}.hero,.section-hero{grid-template-columns:1fr}.hero-copy,.section-hero>div:first-child{padding:35px 25px}.hero-art{min-height:190px}.hero-art img{max-height:230px}.work-grid,.numbered{grid-template-columns:repeat(2,1fr)}.two-col,.detail-layout{grid-template-columns:1fr}.shortcuts{grid-template-columns:repeat(3,1fr)}.section{margin:38px 0}.footer{margin-top:40px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);z-index:10}.mobile-bottom a{text-align:center;padding:12px 0;font-size:13px;font-weight:700}body{padding-bottom:58px}}@media(max-width:540px){.wrap{padding-left:16px;padding-right:16px}.topline-in span{font-size:10px}.topline-in a{font-size:11px}.nav{min-height:68px}.logo{min-width:0}.logo b{font-size:20px}.logo small{font-size:8px}.menu-toggle{font-size:11px;padding:8px}.hero,.section-hero{margin-top:15px;border-radius:12px}.hero h1{font-size:29px}.channel-grid{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-card{display:grid;grid-template-columns:35% 65%}.work-media{height:100%;min-height:150px}.work-body{padding:14px}.work-body h3{font-size:16px}.work-body p{-webkit-line-clamp:2}.shortcuts{grid-template-columns:repeat(2,1fr)}.numbered{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:15px}.foot-grid>div:first-child{grid-column:span 2}.section-head{align-items:start}.story-row{display:block}.story-row small{display:block}.paper{padding:20px}}