:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#344d47;background:#eee9df;font-synthesis:none;--paper:#f6f2e5ed;--line:#75847b36;--accent:#a66646;--green:#41665b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible,select:focus-visible{outline:2px solid #ad7655;outline-offset:4px}button{touch-action:manipulation}button:hover{color:var(--accent)}a{color:inherit;text-decoration:none}#scene,#scene canvas,.vignette,#fade{position:fixed;inset:0;width:100%;height:100%}#scene canvas{display:block;touch-action:none}.vignette{pointer-events:none;background:radial-gradient(ellipse at 57% 44%,transparent 30%,#a2977220 100%)}#fade{background:#eee9df;opacity:0;pointer-events:none;z-index:4}header{position:fixed;z-index:6;top:27px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center}.mark{width:44px;height:44px;border:1px solid #a6664688;display:grid;place-items:center;color:#a66646;font:36px Georgia,serif;background:#f5efdc88}.brand strong{font:600 22px Songti SC,STSong,serif;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:3.4px;margin-top:7px}nav{position:absolute;left:50%;transform:translate(-50%);display:flex;background:var(--paper);padding:5px;border:1px solid var(--line);border-radius:5px}nav button{font-size:12px;padding:12px 17px;white-space:nowrap}nav .active{background:var(--green);color:#fff;border-radius:3px}.quiet{font-size:12px;border-bottom:1px solid #73847755;padding:8px 0}.story{position:fixed;z-index:3;left:38px;top:151px;width:270px;pointer-events:none}.story:before{content:"";position:absolute;z-index:-1;inset:-28px -35px -28px -38px;background:linear-gradient(90deg,#eee9dfe8 10%,#eee9df99 68%,transparent)}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:var(--accent)}h1{font:400 43px/1.3 Songti SC,STSong,Georgia,serif;letter-spacing:3px;margin:22px 0 15px;max-width:270px}.english{font-size:8px;letter-spacing:2.4px;line-height:1.8}.story p{font:16px/1.95 Songti SC,STSong,serif;margin:33px 0 26px;max-width:230px}.observe{display:grid;gap:12px;font-size:11px;line-height:1.8}.observe small{font-size:9px;color:var(--accent);letter-spacing:2px}.text{pointer-events:auto;font-size:11px;padding:0;margin-top:17px;border-bottom:1px solid #41665b45;line-height:2}.tools{position:fixed;right:30px;top:145px;z-index:6;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:5px;display:grid;gap:4px}.tools button{display:grid;justify-items:center;font-size:21px;width:47px;min-height:49px;padding:5px 1px;gap:4px;border-radius:3px}.tools span{font-size:9px}.tools button.active{background:#d7ddcd;color:#344e44}.plan{position:fixed;right:30px;bottom:146px;width:164px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:5px;z-index:3}.plan>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.plan>div span{color:#92998a}.plan svg{display:block;width:100%;height:142px;margin:8px 0}.plan-building{fill:#d8d9c7;stroke:#7a8d7b;stroke-width:.32}.plan-building circle{fill:#f3ecd9}.plan-building path{fill:none}.plan .hit{fill:transparent;stroke:none}.plan .dot{fill:#9ba98e;stroke:#f6f1de;stroke-width:.3}[data-plan]{cursor:pointer}#location{fill:#b47752;stroke:#fcf4d7;stroke-width:.5;pointer-events:none}.plan small{font-size:8px;color:#839085}.caption{position:fixed;left:38px;bottom:154px;z-index:3;display:grid;gap:10px;font-size:10px}.caption>span{letter-spacing:3px;font-size:8px;color:#8b8b71}.caption b{font:15px Songti SC,serif;letter-spacing:2px}.caption small{font-size:9px;color:#6c8074}footer{position:fixed;z-index:6;bottom:27px;left:32px;right:32px;display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:6px;min-height:87px;padding:16px 21px;gap:25px;overflow:hidden}.transport{display:flex;align-items:center;gap:12px}.transport button{font-size:23px;width:24px;height:42px}#play{background:var(--green);color:#fff;border-radius:50%;height:40px;width:40px;font-size:15px}.stations{display:flex;flex:1;justify-content:space-between;gap:8px;overflow:auto;scrollbar-width:none}.stations button{min-width:74px;padding:8px 8px 10px;font-size:11px;display:flex;align-items:center;gap:10px;white-space:nowrap;border-bottom:1px solid transparent}.stations span{font-size:9px;color:#8d9a8a}.stations button.active{color:var(--accent);border-color:#b07b55}.stations button.active span{color:var(--accent)}#progress{position:absolute;bottom:0;height:2px;background:#b79565;left:0;transition:width .1s}dialog{border:1px solid var(--line);border-radius:6px;padding:40px;background:#f5f0e3;color:#344d47;width:min(570px,calc(100vw - 32px));max-height:85dvh;box-shadow:0 20px 90px #223a3633}dialog::backdrop{background:#233b3759;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font:30px Songti SC,serif;margin:18px 0 25px}dialog h3{font-size:13px;margin-top:24px}dialog p{font-size:13px;line-height:1.95}.note{color:#819083;font-size:11px!important}dialog a{border-bottom:1px solid #a89970;font-size:12px}#close{position:absolute;right:13px;top:9px;font-size:25px}select{display:block;margin-top:13px;width:100%;padding:12px;background:#fffcf2;color:inherit;border:1px solid var(--line);font:inherit}#loading{position:fixed;inset:0;background:#eee9df;display:grid;place-items:center;font:24px Songti SC,serif;z-index:10}#loading[hidden]{display:none}[hidden]{display:none!important}#reticle{position:fixed;left:50%;top:50%;color:#fff9e8;font:20px sans-serif;text-shadow:0 1px 4px #000;pointer-events:none;z-index:3}#walk-hint{position:fixed;left:50%;transform:translate(-50%);bottom:140px;z-index:6;background:var(--paper);padding:11px 17px;border-radius:4px;white-space:nowrap;font-size:11px}#exit-walk{color:var(--accent);margin-left:16px;text-decoration:underline}body[data-mode=look] .story,body[data-mode=walk] .story{top:120px;width:260px}body[data-mode=look] .story h1,body[data-mode=walk] .story h1{font-size:29px;margin:15px 0}body[data-mode=look] .story p,body[data-mode=look] .observe,body[data-mode=walk] .story p,body[data-mode=walk] .observe,body[data-mode=walk] .english{display:none}body[data-mode=look] .story:before,body[data-mode=walk] .story:before{background:linear-gradient(90deg,#eee9dfd9,transparent)}.error{position:fixed;z-index:20;inset:0;background:#eee9df;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center}.error h1{max-width:none;font-size:28px}.error a{border-bottom:1px solid var(--green)}@media(max-width:900px){header{left:20px;right:20px}.story{left:24px;width:220px}h1{font-size:36px}.story p{font-size:14px}.plan{width:134px}.plan svg{height:112px}footer{left:20px;right:20px;gap:14px;padding:14px}.stations button{min-width:68px;font-size:10px;gap:6px}.quiet{display:none}.tools{right:20px}.caption{left:24px}}@media(max-width:699px){header{top:17px;left:18px;right:18px}.brand{gap:9px}.mark{width:34px;height:36px;font-size:27px}.brand strong{font-size:18px;letter-spacing:3px}.brand small{font-size:6px;letter-spacing:2px;margin-top:5px}nav{position:static;transform:none;margin-left:auto;padding:3px}nav button{font-size:10px;padding:9px 10px}#walk{display:none}.story,body[data-mode=look] .story,body[data-mode=walk] .story{left:22px;top:100px;width:240px}.story:before{inset:-16px -5px -16px -22px}.eyebrow{font-size:8px;letter-spacing:2px}h1,.story h1,body[data-mode=look] .story h1{font-size:29px;margin:13px 0 9px;letter-spacing:1px}.english{font-size:6px;letter-spacing:1.5px}.story p,.observe{display:none}.text{font-size:10px;margin-top:12px}.tools{left:22px;right:auto;top:225px;padding:5px;gap:5px;display:flex}.tools button{width:43px;min-height:44px;font-size:19px}.tools span{font-size:8px}.plan{right:15px;bottom:159px;width:106px;padding:9px}.plan>div{font-size:7px;letter-spacing:0}.plan svg{height:86px;margin:5px 0}.plan small{font-size:6px}.caption{left:22px;bottom:162px;gap:7px;max-width:205px}.caption>span{font-size:6px}.caption b{font-size:12px;letter-spacing:1px}.caption small{font-size:8px;line-height:1.8;max-width:180px}footer{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:10px 12px 13px;flex-direction:column;gap:6px;min-height:121px}.transport{gap:35px}.transport button{height:31px;font-size:22px}#play{width:32px;height:32px;font-size:12px}.stations{width:100%;flex:none;gap:12px;justify-content:flex-start}.stations button{min-width:57px;display:grid;gap:5px;text-align:center;justify-content:center;padding:5px 3px 9px;font-size:9px}.stations span{font-size:8px}dialog{padding:30px 23px}dialog h2{font-size:26px}#walk-hint{font-size:9px;width:90%;white-space:normal;bottom:146px}}@media(max-height:550px){header{top:12px}.story,body[data-mode=look] .story{top:88px}.story p,.observe,.caption,.plan{display:none}.story h1{font-size:28px;margin:12px 0}.tools{top:85px;right:14px;left:auto;display:grid}.tools button{min-height:37px}.tools span{font-size:7px}footer{bottom:12px;min-height:65px;padding:8px 12px;flex-direction:row}.transport{gap:8px}.stations{width:auto;flex:1}.stations button{min-width:58px}.text{margin-top:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}body[data-light=night]{color:#e1e6e8;--paper:#1b2b3aef;--line:#a7bed135;--accent:#ecc28f;--green:#496678}body[data-light=night] #fade{background:#182737}body[data-light=night] .vignette{background:radial-gradient(ellipse at 57% 44%,transparent 30%,#08111e50 100%)}body[data-light=night] .story:before{background:linear-gradient(90deg,#182737eb 10%,#18273799 68%,transparent)}body[data-light=night][data-mode=look] .story:before,body[data-light=night][data-mode=walk] .story:before{background:linear-gradient(90deg,#182737dc,transparent)}body[data-light=night] .mark{color:#ecc28f;background:#25384b88;border-color:#ecc28f66}body[data-light=night] .tools button.active{background:#415367;color:#f6dfbc}body[data-light=night] .caption>span,body[data-light=night] .caption small,body[data-light=night] .plan small,body[data-light=night] .plan>div span,body[data-light=night] .stations span{color:#aebfcd}body[data-light=night] .stations button.active span{color:var(--accent)}body[data-light=night] .plan-building{fill:#384d5d;stroke:#a2b6c4}body[data-light=night] .plan-building circle{fill:#516170}body[data-light=night] .plan .dot{fill:#b0c1c4;stroke:#263c4c}body[data-light=night] #location{fill:#f3c087;stroke:#fff0d4}body[data-light=night] dialog{background:#1b2b3a;color:#e1e6e8}body[data-light=night] .note{color:#b2c1cd}body[data-light=night] select{background:#253b4d}body[data-light=night] .text{border-color:#ecc28f55}body[data-light=night] button:focus-visible,body[data-light=night] a:focus-visible,body[data-light=night] [role=button]:focus-visible,body[data-light=night] select:focus-visible{outline-color:#ecc28f}body[data-light=night] header:before{content:"";position:absolute;z-index:-1;inset:-9px;background:#182737d9;border-radius:5px;pointer-events:none}body[data-light=night] .caption{background:#182737cf;padding:12px;border-radius:4px}@media(max-width:699px),(pointer:coarse){#walk,#about{display:none}.tools{display:grid;left:auto;right:max(10px,env(safe-area-inset-right));top:88px;bottom:auto;padding:5px;gap:3px}.tools button{width:42px;min-height:44px;font-size:19px}.tools span{font-size:8px}.story,body[data-mode=look] .story{max-width:calc(100vw - 104px)}}@media(pointer:coarse)and (max-height:550px){.tools{top:74px;padding:4px;gap:0}.tools button{min-height:39px;padding:3px 1px;font-size:17px}}:root{--green:#655b42;--accent:#9a6139;--paper:#f4eddded;color:#544d39;background:#eadfc8}.mark{color:#a77845;border-color:#a7784566}.plan-building{fill:#c4b392;stroke:#8f8066;stroke-width:3}.plan-building path{stroke-width:3}.plan .dot{fill:#9d8358;stroke-width:3}#location{stroke-width:3;fill:#b56c37}.stations button{font-size:10px;min-width:78px}.caption b{font-size:14px}#labels{position:fixed;inset:0;pointer-events:none;z-index:2}#labels button{position:absolute;left:0;top:0;pointer-events:auto;background:#f6eddac9;border:1px solid #9d835866;border-radius:3px;padding:5px 9px;font-size:10px;color:#65523c;white-space:nowrap;box-shadow:0 2px 12px #4f3d1b0a}body[data-light=night] #labels button{background:#192b3bd9;color:#edc893;border-color:#edc89355}@media(max-width:699px){#labels button{font-size:8px;padding:4px 6px}.stations button{min-width:65px}.caption{max-width:195px}.caption b{font-size:11px}.plan{width:103px}.story h1{font-size:29px}}@media(max-width:699px)and (max-height:740px){.plan{display:none}}.interior-entry{display:table;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:8px 12px;margin-top:12px;color:var(--accent)}