:root{--paper:#eeece2;--ink:#254c48;--muted:#82918a;--line:rgba(48,80,71,.18);--accent:#bd7160}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0;background:none}button:disabled{cursor:wait;opacity:.5}#experience{position:relative;width:100%;height:100%;isolation:isolate}#stage{position:absolute;inset:0 0 76px;touch-action:none}#stage canvas{width:100%;height:100%;display:block;outline:0}.masthead{position:absolute;left:3.4%;right:3.4%;top:27px;display:flex;align-items:center;justify-content:space-between;z-index:4}.wordmark{font-size:19px;font-weight:650;display:flex;align-items:center;gap:9px;letter-spacing:2px}.mark{font-size:27px;color:var(--accent);line-height:1}.en{font-size:9px;letter-spacing:2px;font-weight:500;margin-left:12px}.header-right{display:flex;align-items:center;gap:26px;font-size:11px;letter-spacing:.5px}.local-status{font-size:10px;color:#6c8277}.local-status i{display:inline-block;width:5px;height:5px;background:#79987e;border-radius:50%;margin-right:7px}.text-btn{padding:7px 0;font-size:11px;letter-spacing:.5px}.text-btn span{margin-left:6px}.download{padding:9px 12px;border:1px solid var(--line);border-radius:3px}.download span{margin-left:13px}.intro{position:absolute;top:15%;left:5.2%;pointer-events:none;z-index:2}.eyebrow{font-size:8px;font-weight:550;letter-spacing:2.2px;color:#8b8d7f;line-height:1.7}.coral-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-right:5px;vertical-align:2px}h1{font-size:clamp(27px,2.9vw,46px);letter-spacing:-1.5px;line-height:1.3;font-weight:650;margin:16px 0 14px}.intro>p{font-size:11px;line-height:1.8;color:#77877d;letter-spacing:.8px;max-width:270px}.coordinate{position:absolute;right:4.1%;top:17.5%;font-family:monospace;font-size:8px;color:#a5aaa0;line-height:1.9;letter-spacing:1.2px;writing-mode:vertical-rl}.toolbar{position:absolute;right:3.5%;top:37%;display:flex;flex-direction:column;gap:4px;z-index:5;padding:5px;background:rgba(245,243,233,.66);backdrop-filter:blur(10px);border:1px solid rgba(80,103,89,.12);border-radius:32px}.toolbar button{display:flex;align-items:center;justify-content:center;flex-direction:column;width:41px;height:48px;border-radius:22px;transition:background .2s}.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#dbe1d4}.toolbar button>span{font-family:Arial,sans-serif;font-size:22px;line-height:24px;font-weight:300}.toolbar small{font-size:8px;color:#6d8276;letter-spacing:1px}.scene-detail{position:absolute;left:5.2%;bottom:131px;max-width:350px;pointer-events:none}.scene-detail>span{font-size:9px;letter-spacing:2px;color:#899185}.scene-detail>p{font-size:11px;line-height:1.8;margin:12px 0 14px;max-width:310px}.small-rule{height:1px;background:var(--line);width:90%}.scene-actions{display:flex;gap:16px;margin-top:13px;align-items:center;pointer-events:auto}.pill{border:1px solid var(--line);border-radius:30px;font-size:10px;letter-spacing:.4px;padding:10px 15px;background:rgba(244,242,232,.75);display:inline-flex;align-items:center;gap:7px;transition:background .2s}.pill:hover{background:#dfe5d7}.pill.active{background:#294e48;color:var(--paper)}.interaction-hint{position:absolute;right:4%;bottom:99px;display:flex;align-items:center;gap:7px;color:#87958b;font-size:9px;letter-spacing:.5px;pointer-events:none}.mouse-icon{width:10px;height:14px;border:1px solid #95a095;border-radius:5px;display:block}.mouse-icon:after{content:"";height:4px;width:1px;display:block;background:#95a095;margin:2px auto}.bottom-bar{position:absolute;bottom:0;left:3.4%;right:3.4%;height:76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--paper);z-index:5}nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,40px);height:100%}nav button{position:relative;padding:22px 0 21px;font-size:11px;color:#8b958b;letter-spacing:1px;white-space:nowrap}nav button>span{font-size:9px;margin-right:8px;font-family:Georgia,serif;opacity:.8}nav button.active{color:var(--ink)}nav button i{position:absolute;bottom:10px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0}nav button.active i{opacity:1}.footer-note{text-align:right;font-size:10px;letter-spacing:1px;color:#7c897e}.footer-note span{display:block;font-size:7px;letter-spacing:1.4px;margin-top:7px;color:#a1a69b}#loading{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);font-size:12px;letter-spacing:2px;transition:opacity .6s}#loading.hide{opacity:0;pointer-events:none}#loadPercent{font-family:Georgia,serif;font-size:11px;display:inline-block;width:35px;letter-spacing:0;margin-left:12px}#loading small{font-size:9px;margin-top:12px;color:#8d988c;letter-spacing:1px}.loader-line{width:230px;height:1px;background:#d1d9c9;margin-bottom:25px}.loader-line i{display:block;width:0%;height:1px;background:#436b5b;transition:width .3s}#toast{position:absolute;left:50%;bottom:105px;transform:translate(-50%,10px);font-size:11px;background:#31564be8;backdrop-filter:blur(8px);color:#f7f4e6;border-radius:30px;padding:12px 22px;pointer-events:none;opacity:0;transition:.25s;z-index:9;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d1d6c7;border-radius:10px;background:#f1efe5;box-shadow:0 24px 100px #344a4340;padding:30px;width:min(850px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#243e3d50;backdrop-filter:blur(8px)}dialog header{display:flex;align-items:center;justify-content:space-between}dialog h2{font-weight:550;font-size:23px;letter-spacing:0;margin:8px 0 5px}#closeReference{font-size:28px;color:#889489;padding:8px;align-self:flex-start}.reference-note{font-size:11px;color:#7e8b80;line-height:1.9;margin:16px 0 23px}.reference-body{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.reference-body>img{width:100%;max-height:450px;object-fit:contain;border:1px solid #d8dccf}.reference-description{padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}.reference-description>div:first-child{font-size:9px;letter-spacing:1px;color:#8a9589}.reference-description h3{font-size:25px;font-weight:550;margin:16px 0}.reference-description p{font-size:12px;line-height:1.9;margin:0 0 20px;color:#6c8174}.reference-picks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 25px}.reference-picks button{padding:8px 10px;border:1px solid var(--line);font-size:10px;border-radius:3px}.reference-picks button.active{background:#dbe2d4}.reference-description>a{font-size:10px;color:#83907e;padding-top:23px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1500px){.intro{top:17%}.scene-detail{bottom:145px}}
@media(max-width:1050px){.en{display:none}.intro{top:13%;left:4.5%}h1{font-size:31px}.scene-detail{left:4.5%;bottom:110px;max-width:280px}.scene-detail>p{font-size:10px;max-width:240px}.footer-note{display:none}.bottom-bar{justify-content:center}.toolbar{right:2.3%}.coordinate{right:3.2%}.header-right{gap:16px}.local-status{display:none}.interaction-hint{font-size:8px;right:3%;bottom:89px}}
@media(max-width:600px){.masthead{top:20px;left:6%;right:6%}.wordmark{font-size:16px}.mark{font-size:22px}.header-right{gap:13px;font-size:10px}.download{font-size:9px;padding:7px}.download span{margin-left:5px}#referenceBtn{font-size:10px}.intro{top:12%;left:7%}.eyebrow{font-size:6px;letter-spacing:1.8px}h1{font-size:29px;margin:12px 0 8px;letter-spacing:-.8px}.intro>p{font-size:9px;max-width:240px}.coordinate{display:none}.toolbar{top:38%;right:3%;padding:3px;gap:0}.toolbar button{height:40px;width:32px}.toolbar button>span{font-size:19px;line-height:19px}.toolbar small{font-size:7px}.scene-detail{left:7%;bottom:104px;max-width:86%;width:86%}.scene-detail>span{font-size:8px}.scene-detail>p{font-size:10px;max-width:100%;margin:9px 0 11px}.scene-actions{margin-top:11px}.scene-actions .pill{font-size:9px;padding:8px 12px}.scene-actions .text-btn{font-size:9px}.small-rule{width:100%}.interaction-hint{font-size:7px;bottom:81px;right:7%}.mouse-icon{display:none}.bottom-bar{left:5%;right:5%;height:66px}nav{width:100%;justify-content:space-between;gap:0}nav button{font-size:9px;padding:16px 0 20px;letter-spacing:0}nav button>span{display:block;font-size:8px;margin-right:0;margin-bottom:4px}nav button i{bottom:8px}#stage{bottom:65px}dialog{padding:20px}.reference-body{grid-template-columns:1fr;gap:10px}.reference-body>img{height:270px}.reference-description{padding-top:0}.reference-description h3{font-size:20px;margin:10px 0}.reference-description p{margin-bottom:0}.reference-picks{margin:15px 0}.reference-note{font-size:10px;margin-bottom:15px}dialog h2{font-size:20px}#toast{bottom:72px;font-size:9px;max-width:90%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#experience.detail #stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(238,236,226,.7) 0%,rgba(238,236,226,0) 15%,rgba(238,236,226,0) 82%,rgba(238,236,226,.55) 94%,var(--paper) 100%)}

#experience.detail .intro::before{content:"";position:absolute;z-index:-1;inset:-20px -30px -25px -40px;background:radial-gradient(ellipse at 35% 48%,rgba(238,236,226,.95) 0%,rgba(238,236,226,.83) 38%,rgba(238,236,226,0) 74%)}

#experience.detail .scene-detail::before{content:"";position:absolute;z-index:-1;inset:-12px -30px -12px -30px;background:radial-gradient(ellipse at 30% 60%,rgba(238,236,226,.91),rgba(238,236,226,.75) 48%,rgba(238,236,226,0) 76%)}