:root{color-scheme:dark;--ink:#142d4d;--paper:#edf5f9;--ice:#a6cee6;--gold:#d3b786;--muted:#aac0d3;--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#101f37;color:#eff6fc}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 75% 20%,#284b66 0,transparent 58%),linear-gradient(140deg,#101c30,#172d44);display:grid;place-items:center;padding:24px 0 16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,.magazine:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:#d3b786;color:#142d4d}a{color:inherit;text-underline-offset:3px}.reader{width:min(92vw,480px)}.edition{display:flex;justify-content:space-between;color:#b8ccdc;font-size:10px;letter-spacing:.1em;margin:0 2px 15px}.magazine{width:100%;aspect-ratio:3/4;position:relative;isolation:isolate;touch-action:pan-y;container-type:inline-size;box-shadow:0 28px 65px #030e1f66;background:var(--paper)}.magazine:after{content:"";position:absolute;inset:7px -4px -5px 5px;background:#a8bdc8;z-index:-1}.page{position:absolute;inset:0;overflow:hidden;padding:6.2cqw 7cqw 5cqw;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s;transform-origin:left center}.page[aria-hidden=true]{pointer-events:none;opacity:0;transform:translateX(7%) scale(.97);visibility:hidden}.page.enter-back{transform:translateX(-7%) scale(.97)}.masthead{display:flex;justify-content:space-between;align-items:center;font-size:2.45cqw;padding-bottom:3.1cqw;border-bottom:1px solid #25466830;letter-spacing:.03em}.masthead strong{font-weight:600}.page-content{flex:1;min-height:0;display:flex;flex-direction:column}.page-foot{display:flex;justify-content:space-between;align-items:center;font-size:2.1cqw;margin-top:3cqw;color:#496581}.page-foot .number{font-size:2.6cqw;font-variant-numeric:tabular-nums}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.035em;text-wrap:balance}h2{font-size:7cqw;line-height:1.4;margin-top:5.5cqw}h2 em{font-style:normal;color:#346c94}.body{font-size:3.2cqw;line-height:1.85;color:#3f5b76;margin-top:3.8cqw;text-wrap:pretty}.image-block{margin-top:auto}.image-button{display:block;width:100%;border:0;padding:0;background:none;overflow:hidden}.image-button img{display:block;width:100%;object-fit:contain}.image-caption{display:flex;justify-content:space-between;gap:8px;font-size:2.05cqw;line-height:1.5;color:#47627b;margin-top:2cqw}.image-caption span{flex:1}.image-caption a{white-space:nowrap}.cover,.ending{color:#eff7fd;background:radial-gradient(ellipse at 60% 60%,#23465f 0,transparent 55%),#0c1c30}.cover .masthead,.ending .masthead{border-color:#b0cde533}.cover .page-foot,.ending .page-foot{color:#b1cadd}.cover h1{font-size:13cqw;line-height:1.15;margin-top:6cqw;position:relative;z-index:1}.cover .cover-sub{font-family:var(--serif);font-size:5.9cqw;line-height:1.65;position:relative;z-index:1;margin-top:3cqw}.cover-sub strong{color:#d4eaf9;font-weight:500}.cover .issue{font-size:2.4cqw;letter-spacing:.18em;color:#b9cee0;margin-top:auto}.orbit-art{position:absolute;width:90%;height:66%;left:9%;top:29%;opacity:.88}.cover .closing-label{font-size:3cqw;color:var(--gold);margin-top:2.4cqw;letter-spacing:.1em}.hero-page{background:#e7f1f7}.hero-page h2{font-size:6.5cqw}.hero-page .image-block{margin-top:5cqw}.hero-page .image-button{height:49cqw;background:#050e16}.hero-page img{height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.16)}.hero-page .body{font-size:3.1cqw;margin-top:3.5cqw}.timeline-page{background:linear-gradient(160deg,#f4f8fa 35%,#d6e8f4)}.timeline{margin:auto 0;display:flex;flex-direction:column;gap:0;padding:5cqw 0 2cqw}.timeline-item{display:grid;grid-template-columns:13cqw 1fr;position:relative;min-height:15cqw}.timeline-item:before{content:"";position:absolute;top:4cqw;bottom:0;left:3.1cqw;width:1px;background:#8caec6}.timeline-item:last-child:before{display:none}.node{width:6.4cqw;height:6.4cqw;border:1px solid #6c92ac;border-radius:50%;background:#e9f3fa;display:grid;place-items:center;font-size:2.3cqw;z-index:1}.timeline-item.current .node{background:#214d6e;color:#fff;border-color:#214d6e}.timeline-item strong{display:block;font-family:var(--serif);font-size:4.7cqw}.timeline-item small{display:block;font-size:2.8cqw;color:#466783;margin-top:1.5cqw}.timeline-page .body{margin:1cqw 0 2cqw}.flow-page h2{font-size:6.6cqw}.old-flow{margin:4cqw 0 2cqw;color:#53718a;font-size:3cqw}.task-chain{display:flex;flex-direction:column;margin:2cqw 0 0 7cqw;border-left:1px solid #7195b0;padding-left:5cqw;gap:1.5cqw}.task-node{position:relative;display:flex;gap:3cqw;align-items:baseline;font-size:3cqw;line-height:1.55}.task-node:before{content:"";position:absolute;width:1.5cqw;height:1.5cqw;left:-5.9cqw;top:1.4cqw;background:#537e9b;border-radius:50%}.task-node span{color:#526c82;font-size:2.5cqw}.task-node:last-child{font-size:5cqw;color:#835d29;font-family:var(--serif);font-weight:600}.task-node:last-child:before{background:#a27e48}.flow-page .body{font-size:3cqw;margin-top:auto}.computer-page{background:#f1f6f8}.computer-page h2{font-size:6.6cqw}.computer-page .image-block{margin-top:6cqw;margin-left:-3cqw;margin-right:-3cqw}.computer-page .image-button{height:46cqw;background:#fff}.computer-page img{height:100%;object-fit:contain}.computer-page .body{margin-top:4cqw}.professional-page h2{font-size:6.4cqw}.professional-page .image-block{margin-top:5cqw}.professional-page .image-button{height:45cqw;background:#131313}.professional-page img{height:100%;object-fit:contain}.professional-page .body{font-size:3.1cqw}.course-page{background:#f3f8fb}.course-page h2{font-size:6.1cqw}.course-page .image-block{margin:4cqw -4cqw 0}.course-page .image-button{height:48cqw}.course-page img{height:100%;object-fit:contain}.course-words{display:flex;justify-content:space-between;padding-top:4cqw;font-family:var(--serif);font-size:7cqw;color:#234f76}.course-page .body{font-size:3cqw}.ending h2{font-size:8.2cqw;line-height:1.55;margin-top:9cqw;position:relative;z-index:1}.ending h2 em{color:#bfdff2}.ending .body{color:#c0d2e1;font-size:3.25cqw;margin-top:auto;z-index:1}.horizon{position:absolute;inset:34% -10% 16%;pointer-events:none}.replay{align-self:flex-start;background:none;color:#e1c798;border:0;border-bottom:1px solid #d3b78688;padding:2cqw 0;font-size:3.1cqw;margin-top:3cqw;z-index:1}.controls{display:flex;align-items:center;gap:16px;margin-top:20px}.arrow{width:44px;height:44px;border:0;background:none;color:#d0e1ec;padding:10px}.arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.progress{display:flex;flex:1;gap:6px}.progress button{flex:1;min-width:0;height:36px;padding:0;border:0;background:none;position:relative}.progress button:before{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:#67809766}.progress button:after{content:"";position:absolute;left:0;top:16px;height:2px;width:calc(var(--fill,0)*100%);background:#d1e9f6}.progress button[aria-current=true]:after{background:var(--gold)}.reading-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b8cbd9;padding:0 7px;min-height:32px}.reading-footer button{color:#d4e4ef;background:none;border:0;padding:10px;font-size:11px;min-height:44px}.gesture-hint{text-align:center;font-size:10px;color:#9bb4c8;letter-spacing:.08em;margin-top:4px}dialog{width:min(96vw,1400px);max-height:94svh;border:1px solid #66869e;background:#12253a;color:#edf7fc;padding:14px}dialog::backdrop{background:#020b18dc}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;margin-bottom:12px}.viewer-toolbar button{background:#e2eff6;color:#15324a;border:0;padding:12px 18px}.image-scroll{overflow:auto;max-height:78svh;scrollbar-color:#7b9bb4 #162c40}.image-scroll img{display:block;max-width:100%;height:auto;margin:auto}.image-scroll img.zoomed{max-width:none;width:1400px}.image-scroll{cursor:zoom-in}button:hover:not(:disabled){filter:brightness(1.12)}
@media(min-width:800px){body{padding:22px 0}.reader{width:min(480px,calc((100svh - 172px)*.75))}}
@media(max-width:360px){.reader{width:94vw}.body{font-size:3.4cqw}.edition{font-size:9px}}
@media(prefers-reduced-motion:reduce){.page{transition:none}}
.page .body{font-size:3.8cqw;line-height:1.75}.page .image-caption{font-size:2.4cqw}.page .masthead{font-size:2.8cqw}.cover .orbit-art{top:37%;height:54%}.page .task-node{font-size:3.7cqw}.page .task-node span{font-size:3cqw}.page .task-node:last-child{font-size:5cqw}
@media(max-width:360px){.page .body{font-size:4.1cqw;line-height:1.65}.course-page .image-block{margin-top:3cqw}.course-page .image-button{height:44cqw}}
:root{--serif:"Microsoft YaHei","微软雅黑",sans-serif;font-family:"Microsoft YaHei","微软雅黑",sans-serif}
button,h1,h2,p,span,strong,small,a{font-family:inherit}h1,h2{font-family:var(--serif)}
.page{transition:none}
.curl-layer{position:absolute;inset:0;z-index:10;pointer-events:none;perspective:2400px;perspective-origin:50% 50%;transform-style:preserve-3d}
.curl-strip{position:absolute;left:0;top:0;height:100%;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
.curl-flat{position:absolute;inset:0;overflow:hidden}
.curl-front,.curl-back{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.curl-front{background:var(--paper)}
.curl-copy.page{visibility:visible!important;opacity:1!important;transform:none!important;max-width:none;pointer-events:none}
.curl-back{transform:rotateY(180deg);background:#ecf0f3}
.curl-front-shade{position:absolute;inset:0;background:#071427;pointer-events:none}
.curl-cast-shadow{position:absolute;top:0;height:100%;background:linear-gradient(90deg,transparent,#061629 45%,transparent);filter:blur(12px);transform:translateZ(-1px);pointer-events:none}
.play-options{display:flex;align-items:center;gap:2px}.reading-footer{padding:0 2px}.reading-footer button{padding:8px 6px}
#music-toggle[aria-pressed=true]{color:var(--gold)}
@media(prefers-reduced-motion:reduce){.curl-layer{display:none}}

/* 用户确认方向：清亮钴蓝 / 电光冰蓝，替代灰普蓝。 */
:root{--ink:#102e72;--paper:#edf4ff;--ice:#76d8ff;--muted:#a9c5ff;background:#050e32}
body{background:radial-gradient(ellipse at 78% 18%,#164cca 0,transparent 56%),radial-gradient(ellipse at 15% 88%,#0b2e8e 0,transparent 62%),#050e2b}
.cover,.ending{background:radial-gradient(ellipse at 73% 62%,#075ccc 0,transparent 52%),linear-gradient(145deg,#071440 10%,#102e88 70%,#074599);color:#f1f8ff}
.hero-page{background:#e9f2ff}.timeline-page{background:linear-gradient(155deg,#f5f8ff 25%,#d1e4ff)}.computer-page{background:#f0f5ff}.professional-page{background:#eaf2ff}.course-page{background:#f4f7ff}
h2 em{color:#1555de}.ending h2 em{color:#83e1ff}
.page .body{color:#29497f}.cover .body,.ending .body{color:#d4e8ff}
.masthead{border-color:#265cc530}.page-foot,.image-caption{color:#385b96}
.cover .masthead,.ending .masthead{border-color:#80b8ff55}.cover .page-foot,.ending .page-foot{color:#b5d5ff}
.cover .cover-sub strong{color:#e6f5ff}.cover .issue{color:#b5d9ff}
.orbit-art{filter:brightness(1.3) saturate(1.3)}
.magazine:after{background:#6597e4}.node{background:#e4efff;border-color:#5b88d5}.timeline-item.current .node{background:#1555de;border-color:#1555de}.timeline-item:before{background:#8aaee8}.timeline-item small{color:#385f9b}
.task-chain{border-color:#6c9be5}.task-node:before{background:#3071e8}.task-node span,.old-flow{color:#3d6299}
.edition,.reading-footer{color:#bed6ff}.gesture-hint{color:#abcaff}.arrow,.reading-footer button{color:#d7e9ff}.progress button:before{background:#779de677}.progress button:after{background:#80d9ff}