:root{color-scheme:dark;--bg:#101214;--panel:#171a1d;--text:#f2f3ee;--muted:#a1a5a8;--accent:#d5ff70;--line:rgba(255,255,255,.14);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,a{touch-action:manipulation}.skip{position:fixed;z-index:20;top:-100px;left:20px;padding:14px;background:var(--accent);color:var(--bg)}.skip:focus{top:10px}.header{height:88px;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:10;background:linear-gradient(#101214ed,#10121490,transparent)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:14px;font-weight:600;letter-spacing:.12em}.brand-mark{font-size:32px;line-height:1;font-weight:750;letter-spacing:-.1em;margin-right:2px}.header nav{display:flex;gap:35px;margin-left:35px;font-size:14px;color:var(--muted)}.header nav a{padding:12px 0;position:relative}.header nav a.active{color:var(--text)}.header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent)}.tour-button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid #ffffff30;border-radius:30px;padding:11px 18px;font-size:14px}.tour-button:hover{background:#ffffff10}.play-icon{font-size:18px;color:var(--accent)}#story{position:relative;isolation:isolate}.stage{position:sticky;top:0;height:100svh;min-height:680px;width:100%;margin-bottom:-100svh;z-index:0;overflow:hidden}.ambient{position:absolute;width:90%;height:100%;left:25%;top:0;background:radial-gradient(ellipse at 53% 40%,#363e4270 0,#1d252840 30%,transparent 68%);pointer-events:none}.stage canvas{display:block;width:100%;height:100%;position:relative;z-index:1;touch-action:pan-y;cursor:grab}.stage canvas:active{cursor:grabbing}.fallback{position:absolute;right:3%;top:15%;width:52%;height:70%;object-fit:contain;opacity:1;mix-blend-mode:lighten}.ready .fallback{opacity:0;pointer-events:none}.load-status{position:absolute;left:64%;bottom:25%;z-index:2;font-size:14px;color:var(--muted);display:flex;gap:14px}.ready .load-status{display:none}.failed canvas{display:none}.failed .drag-hint{display:none}.failed .model-controls{display:none}.failed .load-status{bottom:20%;left:57%;max-width:34%;line-height:1.6}.stage-caption{position:absolute;z-index:2;right:5vw;top:110px;left:55%;display:flex;align-items:center;justify-content:space-between;color:#adb4b8;font-size:12px;letter-spacing:.08em;pointer-events:none}.drag-hint{letter-spacing:0;display:flex;gap:12px}.drag-hint span{font-size:19px}.model-controls{position:absolute;right:20%;bottom:80px;z-index:4;display:flex;gap:8px}.view-controls{display:flex;gap:3px;padding:5px;border:1px solid var(--line);border-radius:40px;background:#171a1dd9;backdrop-filter:blur(20px)}.view-controls button{padding:10px 20px;border-radius:25px;background:transparent;font-size:14px;color:var(--muted);transition:background .2s,color .2s}.view-controls button[aria-pressed=true]{background:var(--text);color:var(--bg)}.reset{width:46px;height:46px;align-self:center;border-radius:50%;border:1px solid var(--line);background:#171a1dd9;font-size:22px}.reset:hover{color:var(--accent)}.explosion-control{position:absolute;z-index:5;right:14%;bottom:40px;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.explosion-control:not([hidden]){display:flex}.explosion-control input{width:150px;accent-color:var(--accent)}.explosion-control output{width:35px}.stage-rule{position:absolute;left:52%;right:5%;bottom:65px;border-bottom:1px solid #ffffff07;pointer-events:none}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:120px 5vw 130px;pointer-events:none}.chapter-copy{width:min(43%,620px);position:relative;z-index:2}.chapter-copy a,.chapter-copy button,.chapter-foot a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:500;display:flex;align-items:center;gap:12px;margin:0 0 33px;color:#c8cccf}.mini-rule{width:24px;height:2px;background:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:clamp(44px,6.4vw,98px);font-weight:600;letter-spacing:-.065em;line-height:1.17;margin-bottom:30px}h1 span{color:var(--accent)}h2{font-size:clamp(38px,4.8vw,72px);line-height:1.2;letter-spacing:-.05em;font-weight:550;margin-bottom:27px}h2 span{color:var(--muted)}.lead{font-size:17px;color:#aeb4b7;line-height:1.85;max-width:390px;letter-spacing:.02em}.primary-link{display:inline-flex;gap:44px;align-items:center;margin-top:24px;padding:15px 22px;background:var(--accent);color:#101214;border-radius:3px;font-size:15px;font-weight:600}.primary-link:hover{background:#e4ffa7}.primary-link span{font-size:23px;line-height:1}.edition{font-size:11px;color:#7c8489;letter-spacing:.12em;margin-top:28px}.chapter-foot{position:absolute;bottom:31px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:12px;color:#929b9f;z-index:2}.chapter-foot a{display:flex;gap:30px}.section-number{color:var(--accent);font-family:monospace;font-size:14px;letter-spacing:0;border-right:1px solid var(--line);padding-right:14px}.measurements{display:flex;gap:55px;margin:34px 0 26px}.measurements dt{font-size:13px;color:var(--muted);margin-bottom:8px}.measurements dd{margin:0;font-size:44px;font-weight:400;letter-spacing:-.04em}.measurements dd span{font-size:16px;color:var(--muted);letter-spacing:0}.quiet{font-size:13px;line-height:1.8;color:#949da2;max-width:375px}.text-button{margin-top:19px;background:none;border-bottom:1px solid #d5ff7055;padding:0 0 10px;display:flex;gap:34px;font-size:14px;color:var(--accent)}.text-button:hover{border-color:var(--accent)}.single-measure{display:flex;align-items:center;gap:18px;margin:34px 0 25px}.single-measure strong{font-size:68px;letter-spacing:-.05em;font-weight:400;line-height:1}.single-measure span{font-size:13px;color:var(--muted);line-height:1.7}.craft{position:relative;z-index:4;padding:100px 5vw 0;background:#181b1e;border-top:1px solid var(--line)}.craft-title{display:grid;grid-template-columns:1fr 1.2fr;gap:0 8vw;align-items:end;margin-bottom:55px}.craft-title .eyebrow{grid-column:1/-1;color:#acb5bc}.craft-title h2{margin:0}.craft-title p:last-child{justify-self:end;color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:3px}.render-detail{margin:0}.render-detail img{width:100%;height:auto;max-height:80vh;object-fit:cover;display:block;background:#101214;border-radius:4px}.render-detail figcaption{display:flex;justify-content:space-between;padding-top:20px;color:#899398;font-size:11px;letter-spacing:.1em}.closing{display:flex;align-items:center;justify-content:space-between;padding:95px 0 90px}.closing p{font-size:clamp(34px,4.1vw,65px);font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:0}.round-link{width:70px;height:70px;border:1px solid #fff4;border-radius:50%;display:grid;place-items:center;font-size:28px}.round-link:hover{color:var(--accent);border-color:var(--accent)}footer{padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);font-size:11px;color:#889197}footer .brand{color:var(--text)}footer p{font-size:12px;line-height:1.8;margin:0}footer>span{font-size:10px;letter-spacing:.08em}.no-script{padding:20px 5vw}.stage.touring canvas{cursor:default}
html{scroll-padding-top:0}.header{background:#101214e8;backdrop-filter:blur(14px)}.model-controls{width:max-content}.view-controls button{white-space:nowrap}
@media(min-height:950px){.model-controls{bottom:110px}.explosion-control{bottom:65px}}
@media(max-width:900px){.header{height:72px;padding:0 5vw}.header nav{gap:22px;margin-left:0}.brand{font-size:12px}.brand-mark{font-size:29px}.tour-button{padding:9px 13px;font-size:12px}.stage{min-height:0}.chapter{min-height:100svh;padding:108px 6vw 70px;align-items:flex-start}.chapter-copy{width:70%;max-width:570px}h1{font-size:clamp(44px,8vw,76px);margin-bottom:20px}h2{font-size:clamp(34px,6vw,50px);margin-bottom:16px}.eyebrow{margin-bottom:20px;font-size:10px}.lead{font-size:15px;line-height:1.7;max-width:380px}.hero .lead{display:none}.primary-link{margin-top:3px;padding:11px 17px;font-size:13px;gap:35px}.edition{margin-top:18px;font-size:10px}.stage-caption{top:auto;bottom:130px;left:7%;right:7%}.model-controls{right:auto;left:50%;transform:translateX(-50%);bottom:58px}.explosion-control{bottom:18px;right:auto;left:50%;transform:translateX(-50%);width:max-content}.stage-rule{display:none}.chapter-foot{bottom:18px;font-size:10px}.chapter-foot span{display:none}.chapter-foot a{margin-left:auto}.measurements{margin:15px 0 10px;gap:35px}.measurements dd{font-size:32px}.measurements dt{font-size:12px}.single-measure{margin:16px 0}.single-measure strong{font-size:48px}.quiet{font-size:12px;margin-bottom:5px}.text-button{margin-top:10px;font-size:13px}.fallback{width:83%;height:65%;right:0;top:32%}.load-status{left:auto;right:8%;bottom:33%}.failed .load-status{left:20%;bottom:23%;max-width:65%}.craft{padding:65px 6vw 0}.craft-title{gap:22px;grid-template-columns:1fr}.craft-title .eyebrow{margin-bottom:0}.craft-title p:last-child{justify-self:start;font-size:14px}.render-detail img{min-height:360px;object-fit:cover}.closing{padding:65px 0}.closing p{font-size:38px}.round-link{width:54px;height:54px}footer{flex-wrap:wrap;padding:30px 6vw;gap:25px}footer p{width:100%;order:2}footer>span{margin-left:auto}}
@media(max-width:540px){.header nav{gap:15px}.header nav a{font-size:12px}.tour-button{border:0;padding:8px 0 8px 8px}.tour-button>span:last-child{font-size:0}.tour-button>span:last-child:after{content:"导览";font-size:12px}.tour-button[aria-pressed=true]>span:last-child:after{content:"暂停"}.chapter-copy{width:100%}h1{font-size:50px}h2{font-size:37px}.lead{font-size:14px;max-width:320px}.hero .chapter-copy{width:100%}.quiet{max-width:280px}.measurements{gap:40px}.measurements dd{font-size:30px}.chapter:not(.hero) .text-button{display:none}.chapter:not(.hero) .lead{max-width:330px;line-height:1.7}.stage-caption{bottom:135px}.view-controls button{padding:9px 18px}.closing p{font-size:32px}.render-detail figcaption{font-size:9px;letter-spacing:0}.stage canvas{touch-action:pan-y}}
@media(max-width:900px){.stage-caption{justify-content:flex-end}.stage-caption>#stage-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.ambient{animation:none}}