:root{color-scheme:dark;--ink:#e5e9e7;--muted:#8b999b;--line:#ffffff20;--cyan:#b4e3df;--bg:#090c0e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#080b0deb 0%,#080b0d85 29%,transparent 62%),linear-gradient(0deg,#080b0d 0%,transparent 25%,transparent 75%,#080b0d66);z-index:1}header{position:fixed;z-index:5;top:0;left:0;width:100%;padding:30px 3.5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#090c0eaa,transparent)}.project-mark{font-size:14px;letter-spacing:.18em}.project-mark span{margin-left:25px;font-size:12px;letter-spacing:.12em;color:var(--muted)}.top-controls{display:flex;gap:25px;align-items:center}.top-controls button{font-size:12px;letter-spacing:.1em}.top-controls button span{color:var(--muted);margin-left:9px}.menu-lines{font-size:17px}.chapter{height:140vh;position:relative;pointer-events:none}.chapter-content{position:sticky;top:29vh;width:43%;padding:0 0 0 7%;opacity:0;transition:opacity .5s,transform .6s;transform:translateY(20px);pointer-events:none}.chapter.active .chapter-content{opacity:1;transform:none;pointer-events:auto}.eyebrow{font:12px/1.6 "Courier New",monospace;color:var(--cyan);letter-spacing:.18em;text-transform:uppercase}.chapter h1{font-size:clamp(40px,5.4vw,86px);font-weight:300;line-height:1.12;letter-spacing:-.045em;margin:25px 0}.chapter h2{font-size:clamp(30px,3.4vw,56px);font-weight:300;line-height:1.25;letter-spacing:-.025em;margin:22px 0}.chapter h2 b{font-weight:400}.chapter p{max-width:430px;font-size:16px;line-height:1.9;color:#a9b5b5}.chapter .english{font-size:14px;line-height:1.8;color:#a0acad}.chapter .big{display:block;font-size:clamp(54px,7.5vw,118px);letter-spacing:-.055em;font-weight:300;line-height:1.05;font-variant-numeric:tabular-nums}.chapter .unit{font-family:"Courier New",monospace;font-size:14px;color:var(--muted);letter-spacing:.03em}.metrics{display:flex;gap:34px;margin-top:28px}.metric{border-top:1px solid var(--line);padding-top:14px}.metric strong{font-size:28px;line-height:1.4;font-weight:400;letter-spacing:-.03em;display:block}.metric span{font:12px/1.6 "Courier New",monospace;color:var(--muted);display:block}.action{border:1px solid #9cc6c34d;padding:12px 17px;display:inline-flex;gap:25px;align-items:center;font-size:14px;margin:12px 10px 0 0;background:#0e171bbc}.action:hover{border-color:var(--cyan);background:#173033}.status-line{font:12px/1.8 "Courier New",monospace;color:var(--cyan);letter-spacing:.08em;margin-top:24px}.status-line.warn{color:#ff927c}.scroll-note{margin-top:38px;font-size:12px;color:var(--muted);letter-spacing:.12em}.scroll-note span{display:inline-block;height:37px;width:1px;background:var(--cyan);margin:0 17px -14px 0}.transport{position:fixed;bottom:0;left:3.5%;right:3.5%;height:87px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);z-index:6;background:linear-gradient(transparent,#090c0eee)}.chapter-indicator{display:flex;gap:10px;align-items:center;font:13px "Courier New",monospace;min-width:225px}.chapter-indicator #chapter-number{color:var(--cyan)}#chapter-name{margin-left:13px;font:12px Arial,sans-serif}.muted{color:var(--muted)}.transport button{font-size:12px;white-space:nowrap}.transport #play{min-width:93px}#timeline{display:flex;align-items:center;gap:5px;flex:1;height:35px}#timeline button{height:35px;flex:1;padding:0;position:relative}#timeline button:after{content:'';display:block;height:2px;background:#465053;transition:.2s}#timeline button.current:after{background:var(--cyan);height:5px}#timeline button.past:after{background:#8dadaa}#explore span{margin-left:18px;color:var(--cyan)}#hud{position:fixed;right:4%;bottom:130px;text-align:right;z-index:2;pointer-events:none}#hud .eyebrow{font-size:12px;color:#90a3a7}#model-label{font-size:14px;margin:9px 0}#hud small{font-size:12px;color:#77878b}dialog{color:var(--ink);background:#101719f5;border:1px solid #516064;padding:30px;width:min(680px,90vw);max-height:80vh;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000a;backdrop-filter:blur(10px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;font:12px "Courier New",monospace;color:var(--muted);letter-spacing:.08em;margin-bottom:30px}.dialog-head button{font-size:21px}dialog h2{font-weight:300;font-size:30px}dialog p{font-size:16px;line-height:1.8;color:#b2c0c0}#chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#chapter-list a{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:18px}#chapter-list span{font:12px "Courier New",monospace;color:var(--muted)}#explore-hint{position:fixed;left:50%;transform:translateX(-50%);bottom:113px;z-index:3;font-size:12px;color:var(--muted);white-space:nowrap}body.exploring .chapter-content,body.exploring #hud{opacity:0;pointer-events:none}body.exploring .vignette{background:linear-gradient(0deg,#080b0d,transparent 25%)}body.exploring #world{z-index:2;touch-action:none}#selection{position:fixed;right:5%;top:25%;width:280px;padding:24px;background:#0b141aeb;border:1px solid #66898888;z-index:4}#selection h3{font-size:24px;font-weight:300}#selection p{font-size:14px;line-height:1.8;color:var(--muted)}#selection button{float:right}.flow-list{font:12px/1.9 "Courier New",monospace;letter-spacing:.06em;color:var(--muted)}.flow-list b{color:var(--cyan);font-weight:400}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;max-width:360px;margin-top:20px;font:12px/1.8 "Courier New",monospace}.control-grid div{border-bottom:1px solid var(--line);padding:6px 0;display:flex;justify-content:space-between}.control-grid b{color:var(--cyan);font-weight:400}.material-list{font:14px/2.2 "Courier New",monospace;color:#c1c9c8}#fallback{position:fixed;right:5%;top:40%;max-width:38%;padding:25px;background:#152126;z-index:2}#fallback h2{font-size:22px}#fallback p{font-size:14px;line-height:1.8}.chapter:last-child{height:115vh}.fine{font-size:12px!important;color:#819195!important;line-height:1.7!important}.system-words{font:12px/2 "Courier New",monospace;color:#a4b7b9;max-width:360px;word-spacing:12px}
@media(min-width:1600px){.chapter-content{top:32vh}}@media(max-width:800px){header{padding:22px 5%}.project-mark span{display:none}.project-mark{font-size:12px}.top-controls{gap:18px}.chapter-content{width:90%;padding-left:7%;top:41vh}.chapter h1{font-size:44px;margin:17px 0}.chapter h2{font-size:34px;margin:14px 0}.chapter .big{font-size:64px}.chapter p{font-size:14px;line-height:1.75;max-width:340px;margin:12px 0}.chapter .english{font-size:12px}.chapter .eyebrow{font-size:12px}.vignette{background:linear-gradient(0deg,#090c0e 4%,#090c0eed 27%,#090c0e88 50%,transparent 75%)}.metrics{gap:24px;margin-top:15px}.metric{padding-top:9px}.metric strong{font-size:23px}.transport{height:76px;left:5%;right:5%;gap:18px;flex-wrap:wrap}.chapter-indicator{min-width:0;gap:7px}#chapter-name{display:none}#timeline{position:absolute;top:-19px;width:100%;height:30px;gap:3px}#play{margin-left:auto}#explore span{margin-left:4px}#hud{top:91px;bottom:auto;right:5%}#hud .eyebrow{display:none}#model-label{font-size:12px}#hud small{font-size:12px}.scroll-note{margin-top:22px}.chapter{height:135vh}.flow-list{font-size:12px;line-height:1.55}.control-grid{gap:4px 20px;margin-top:10px}.control-grid div{padding:3px 0}.material-list{line-height:1.8}.system-words{line-height:1.8}.action{font-size:12px;padding:10px 13px;margin-top:4px}#selection{right:5%;top:22%;width:240px}#chapter-list{grid-template-columns:1fr}dialog{padding:22px}#fallback{top:16%;max-width:90%;left:5%}#info-open{font-size:17px}#explore-hint{font-size:12px;bottom:106px}.fine{max-width:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-content{transition:none}}
main{position:relative;z-index:2;pointer-events:none}body.exploring main{z-index:1}.signature{font-size:30px;letter-spacing:.18em;margin-top:30px}.signature span{display:block;font:12px/2.5 "Courier New",monospace;letter-spacing:.3em}.signature p{font-size:14px!important;margin:4px 0!important}.chapter-content{will-change:opacity}body.exploring{overflow:hidden}.chapter:not(.active) .chapter-content{visibility:hidden}#world{transition:opacity 1.5s}.chapter .big{font-size:clamp(50px,7vw,112px)}
@media(max-width:800px){.chapter-content{top:37vh}.chapter .big{font-size:58px}.signature{font-size:24px;margin-top:20px}.chapter h2{font-size:30px}.chapter .metrics{gap:20px}.chapter .metric strong{font-size:25px}.chapter-content .control-grid{font-size:12px}#chapter-3 .chapter-content{top:32vh}#chapter-20 .chapter-content{top:31vh}}