@charset "UTF-8";
:root{--paper:#F6F8F8;--ink:#202B2B;--muted:#697673;--accent:#177D78;--line:#d9dfd9;--pad:clamp(24px,5.5vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}header{height:88px;position:fixed;inset:0 0 auto;z-index:20;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(246,248,248,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:650;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.2em;font-weight:400;color:var(--muted);margin-top:3px}.brand-symbol{width:36px;height:40px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--accent);border-radius:14px 3px;font-family:Georgia,serif;font-size:29px;font-weight:400}nav{display:flex;height:100%;gap:clamp(16px,2.4vw,46px)}nav a{display:flex;align-items:center;position:relative;font-size:14px;color:var(--muted)}nav a.active{color:var(--accent)}nav a.active:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:20px;left:0;right:0}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 25px;border:1px solid var(--accent);border-radius:8px;font-size:14px;line-height:1.5}.primary{background:var(--accent);color:#fff}.outline{background:transparent;color:var(--accent)}header .outline{padding:10px 17px;font-size:12px}#scene{position:fixed;inset:88px 0 0;z-index:1;pointer-events:none;overflow:hidden}#canvas{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.halo{position:absolute;width:48vw;height:48vw;max-width:740px;max-height:740px;right:2vw;top:50%;margin-top:-24vw;border-radius:50%;background:radial-gradient(ellipse,#e0e6dc88,transparent 68%);border:1px solid #d9dfd955;transform:translateY(var(--halo-y,0px));opacity:.6}#loading{position:absolute;top:48%;right:18%;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:13px;color:var(--muted);pointer-events:auto}progress{width:140px;height:3px;accent-color:var(--accent)}#retry{background:var(--paper);color:var(--accent);padding:10px 18px;border:1px solid var(--accent);border-radius:6px}#fallback{position:absolute;width:45%;height:78%;right:4%;top:8%;object-fit:contain;mix-blend-mode:multiply}.chapter{position:relative;z-index:2;height:100svh;min-height:680px;padding:100px var(--pad) 70px;display:flex;align-items:center;pointer-events:none}.copy{width:43%;max-width:650px;pointer-events:auto}.right{justify-content:flex-end}.right .copy{width:41%}.eyebrow{font-size:13px;color:var(--accent);margin:0 0 28px}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.24;margin:0 0 28px}h1{font-size:clamp(38px,4.05vw,76px)}h2{font-size:clamp(34px,3.4vw,60px)}.lead{font-size:clamp(17px,1.35vw,24px);line-height:1.85;color:var(--muted);margin:0 0 34px}.body-copy{max-width:370px;line-height:1.95;font-size:14px;color:var(--muted)}.chapter-note{font-size:11px;margin-top:46px;color:var(--muted)}.scroll-note{position:absolute;bottom:95px;left:var(--pad);font-size:11px;color:var(--muted);writing-mode:vertical-rl;letter-spacing:3px}.rule-caption{border-top:1px solid var(--line);padding-top:22px;margin-top:42px;font-size:12px;color:var(--muted);max-width:370px}.roles{margin:35px 0 0;max-width:420px}.roles div{border-top:1px solid var(--line);padding:21px 0;display:flex;gap:40px}.roles dt{font-size:18px;width:75px}.roles dd{margin:0;color:var(--muted);font-size:14px;align-self:center}.end .copy{width:44%}.explore-actions{display:flex;gap:12px;flex-wrap:wrap}.model-links{margin-top:32px;display:flex;flex-wrap:wrap;gap:22px}.model-links button{border:0;border-bottom:1px solid var(--line);padding:8px 0;background:transparent;color:var(--muted);font-size:12px}footer{position:absolute;bottom:45px;left:var(--pad);right:var(--pad);border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.page-progress{position:fixed;z-index:10;bottom:20px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:20px;pointer-events:none;font-size:10px;color:var(--muted)}.page-progress>div{height:1px;background:var(--line);flex:1}.page-progress i{display:block;background:var(--accent);height:2px;width:0}#part-labels{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0}#part-labels span{position:absolute;font-size:12px;background:#f6f8f8dd;padding:5px 9px;border-left:1px solid var(--accent);color:var(--accent);white-space:nowrap}#interaction{position:fixed;inset:88px 0 0;z-index:12;pointer-events:none;padding:30px var(--pad)}.interaction-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.interaction-heading strong{font-weight:500;font-size:24px}.interaction-heading button,#interaction button{pointer-events:auto;border:1px solid var(--line);background:var(--paper);color:var(--accent);padding:12px 18px;border-radius:7px}.interaction-tools{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#f6f8f8ee;border:1px solid var(--line);padding:12px;border-radius:10px;pointer-events:auto;white-space:nowrap}#interaction p{position:absolute;bottom:37px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}#interaction input{accent-color:var(--accent);width:120px;vertical-align:middle}body.interacting main,body.interacting .page-progress,body.interacting #part-labels{visibility:hidden}body.interacting #scene{pointer-events:auto;z-index:11}body.interacting canvas{touch-action:none;cursor:grab}body.interacting{overflow:hidden}.no-script{position:fixed;right:20px;top:100px;z-index:30;background:var(--paper);padding:15px}
@media(max-width:700px){header{height:76px;padding:0 20px;gap:12px}.brand{font-size:15px;gap:8px}.brand-symbol{width:27px;height:31px;font-size:23px}.brand small{font-size:9px}header>.outline{display:none}nav{gap:14px;overflow-x:auto;max-width:58%;flex-shrink:1}nav a{font-size:12px;flex-shrink:0}nav a.active:after{bottom:17px}#scene{inset:43svh 0 9svh}.halo{width:90vw;height:90vw;right:5vw;margin-top:-45vw}.chapter{height:100svh;min-height:700px;padding:110px 24px 0;align-items:flex-start}.copy,.right .copy,.end .copy{width:100%;max-width:none}.eyebrow{font-size:11px;margin-bottom:17px}h1,h2{font-size:34px;line-height:1.2;margin-bottom:15px;letter-spacing:-.04em}.lead{font-size:14px;line-height:1.75;margin-bottom:19px}.body-copy{display:none}.primary,.outline{padding:10px 16px;font-size:12px}.chapter-note,.scroll-note,.rule-caption{display:none}.roles{margin-top:15px;display:flex;gap:12px}.roles div{display:block;flex:1;padding:12px 0}.roles dt{font-size:15px;width:auto}.roles dd{font-size:11px;margin-top:8px}.end .lead{margin-bottom:12px}.model-links{gap:20px;margin-top:10px}footer{bottom:50px;left:24px;right:24px;font-size:9px;display:block;padding-top:9px}footer span{display:block;margin:4px 0}.page-progress{left:24px;right:24px;bottom:17px}.page-progress>span:last-child{display:none}#loading{inset:45% 0 auto}#fallback{width:100%;right:0;top:0;height:100%}#part-labels span{font-size:10px;padding:3px 5px}#interaction{inset:76px 0 0;padding:24px}.interaction-heading strong{font-size:18px}.interaction-heading button{font-size:12px}.interaction-tools{bottom:70px;width:calc(100% - 32px);justify-content:center;gap:5px;padding:9px}#interaction button{padding:9px 11px}#interaction input{width:88px}#interaction p{font-size:10px}body.interacting #scene{inset:130px 0 150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.halo{transform:none}}

.scroll-note{writing-mode:horizontal-tb;letter-spacing:1px;bottom:50px}.chapter-note{margin-top:32px}@media(max-width:700px){.scroll-note{display:none}}

:root{--paper:#f6f8f8;--ink:#243536;--muted:#707974;--accent:#2f7772;--line:#aab5ae66;--pad:clamp(24px,4vw,80px)}
header{height:98px;background:transparent;border:0;backdrop-filter:none;gap:35px}
.brand{font-size:27px;font-weight:600;letter-spacing:.05em}.brand>span{display:flex;align-items:center}.brand small{display:inline-block;font-size:16px;letter-spacing:.12em;border-left:1px solid #89938e;margin:0 0 0 20px;padding-left:20px;color:var(--ink)}
nav{margin-left:auto;gap:30px}nav a{font-size:14px;color:var(--ink)}nav a.active:after{height:1px;bottom:29px}header .outline{min-width:128px;padding:11px 21px;font-size:14px;background:#f6f8f833}
.primary,.outline{border-radius:999px;padding:14px 34px;font-size:17px;font-weight:400;letter-spacing:.08em}.primary{background:linear-gradient(120deg,#387e77,#26665f);box-shadow:inset 0 1px 0 #ffffff25}.outline{background:#f6f8f855}
#scene{inset:0}.halo{z-index:1;background:none;width:47vw;height:47vw;max-width:none;max-height:none;right:10.5vw;top:48%;margin-top:-23.5vw;border-color:#73959055;clip-path:polygon(0 0,40% 0,40% 15%,70% 15%,70% 0,100% 0,100% 100%,60% 100%,60% 90%,25% 90%,25% 100%,0 100%);opacity:.7}
.chapter{padding:110px 8vw 90px}.copy{width:42%;max-width:640px}.right .copy{width:38%}h1,h2{font-family:'DengXian Light','DengXian','Microsoft YaHei UI','Microsoft YaHei',sans-serif;font-weight:300;letter-spacing:.025em;line-height:1.4;margin-bottom:30px}h1{font-size:clamp(45px,4.65vw,88px)}h2{font-size:clamp(38px,3.6vw,68px)}.eyebrow{font-size:12px;margin-bottom:22px;color:#697f79}#home .eyebrow{display:none}.lead{font-size:clamp(17px,1.6vw,27px);font-weight:300;color:#384b49;line-height:1.9;margin-bottom:40px}.chapter-note{font-size:10px;margin-top:28px;opacity:.7}.body-copy{font-size:14px;line-height:2}.scroll-note{left:8vw;bottom:70px}.page-progress{bottom:30px;left:4vw;right:4vw}.page-progress>div{background:#899a9080}#part-labels span{background:transparent;border:0;font-size:14px;padding:0 0 0 30px;color:#38615e}#part-labels span:before{content:'';position:absolute;left:-25px;top:10px;width:46px;height:1px;background:#70928b}#part-labels span:after{content:'';position:absolute;left:-27px;top:8px;width:5px;height:5px;background:#70928b;border-radius:50%}footer{bottom:66px}.roles div{padding:24px 0}.roles dt{font-weight:400}.interaction-tools{border-radius:30px}#interaction{inset:98px 0 0}
@media(max-width:1000px) and (min-width:701px){.brand{font-size:21px}.brand small{font-size:12px;margin-left:10px;padding-left:10px}nav{gap:18px}header{gap:20px}header .outline{min-width:100px}.chapter{padding-left:6vw;padding-right:6vw}h1{font-size:5vw}.lead{font-size:18px}}
@media(max-width:700px){header{height:84px;flex-wrap:wrap;align-content:center;gap:9px;padding:10px 24px;background:#f6f8f8f2;backdrop-filter:blur(10px)}.brand{font-size:18px;width:100%}.brand small{font-size:12px;margin-left:12px;padding-left:12px}nav{width:100%;max-width:none;justify-content:space-between;height:22px;gap:20px;margin:0}nav a{font-size:11px}nav a.active:after{bottom:0}#scene{inset:42svh 0 8svh}.halo{width:87vw;height:87vw;right:6.5vw;top:47%;margin-top:-43.5vw}.chapter{min-height:700px;padding:120px 26px 0}.copy,.right .copy,.end .copy{width:100%}h1,h2{font-size:36px;line-height:1.28;letter-spacing:.025em;margin-bottom:16px}.lead{font-size:15px;line-height:1.8;margin-bottom:22px}.primary,.outline{font-size:13px;padding:11px 22px}.eyebrow{margin-bottom:12px;font-size:10px}.roles div{padding:10px 0}.page-progress{bottom:20px;left:26px;right:26px}footer{bottom:48px}.model-links{margin-top:10px;gap:18px}#interaction{inset:84px 0 0}.interaction-tools{border-radius:20px}.end h2{font-size:32px}}

.gallery-backdrop{position:fixed;inset:-18px 0;background:#f0f3f3 url('assets/gallery-room.png') center center/cover no-repeat;transform:translateY(var(--gallery-offset,0px));pointer-events:none}
#home .copy{transform:translateY(-35px)}.halo{right:16vw;width:45vw;height:45vw;margin-top:-22.5vw}
body.interacting .gallery-backdrop{filter:none;opacity:1}
@media(max-width:700px){.gallery-backdrop{inset:0;background-position:56% center;opacity:1;transform:none}.halo{right:6.5vw;width:87vw;height:87vw;margin-top:-43.5vw}#home .copy{transform:none}.chapter{background:linear-gradient(#f6f8f8bb,transparent 44%)}body.interacting .gallery-backdrop{opacity:1}}
@media(prefers-reduced-motion:reduce){.gallery-backdrop{transform:none}}

.halo{right:auto;left:calc(50% + var(--model-x,10.5%) - 22.5vw)}

header{background:linear-gradient(#f6f8f8ba,transparent)}
@media(max-width:700px){.halo{left:6.5vw;right:auto}.gallery-backdrop:after{display:none}header{background:#f6f8f8f2}}

.gallery-layer{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden}
.gallery-whole{background-image:url('assets/gallery-whole.png')}.gallery-roles{background-image:url('assets/gallery-roles.png')}.gallery-end{background-image:url('assets/gallery-end.png')}
@media(max-width:700px){.gallery-backdrop,.gallery-layer{background-size:auto 68%;background-position:58% bottom;background-repeat:no-repeat}.gallery-backdrop{background-color:#f6f8f8}.gallery-layer{background-color:#f6f8f8}.chapter{background:linear-gradient(#f6f8f8 24%,#f6f8f800 48%)}body.interacting .gallery-backdrop{filter:none}}
footer a,.atlas-bottom a{color:inherit;text-decoration:none}