: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)}:root{--green:#526350;--accent:#8b674c;--paper:#f0eee2ed;color:#414f42;background:#e3e4d7}.brand b{font:600 21px Songti SC,serif;letter-spacing:3px}.brand>span:last-child{display:block}.mark{font-size:29px;color:#5c735c}.story #english{display:block;font-size:8px;letter-spacing:2px}#scene{background:#bbc9c4}.story:before{background:linear-gradient(90deg,#e7e9dce8,#e7e9dc8c 70%,transparent)}.near-link{pointer-events:auto;display:block;padding:9px 13px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:11px;margin-top:15px}.map{position:fixed;right:30px;bottom:144px;z-index:3;width:194px;padding:13px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.map>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.map>div span{color:#8e9788}.map svg{display:block;width:100%;height:113px;margin:6px 0}.map small{font-size:8px;color:#7e8b78}.map .water{fill:#93b8ad;stroke:#658c7b;stroke-width:2}.map .building{fill:#b8b49b;stroke:#7a826c;stroke-width:4}.map .inner{fill:none;stroke:#707b64;stroke-width:4}.map .causeway{stroke:#b0a78d;stroke-width:12}.map .tower{fill:#6d765d}#map-dot{fill:#aa754d;stroke:#f7eacb;stroke-width:4}.stations button{display:grid;justify-content:center;text-align:center;min-width:80px;font-size:11px}.stations small{font-size:9px;color:#919a85}.stations [aria-current=step]{border-color:var(--accent);color:var(--accent)}#tour{background:var(--green);color:#fff;width:38px;height:38px;border-radius:50%;font-size:13px}#tour-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--accent)}#sunrise-start{color:var(--accent)}#sunrise-start span{padding-left:12px}#sun-panel{position:fixed;z-index:7;left:50%;transform:translate(-50%);bottom:138px;width:350px;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:15px 18px}.sun-heading{display:flex;align-items:center;gap:13px}.sun-heading>span{font:20px Songti SC,serif}.sun-heading small{font-size:9px;color:#788573}#sun-close{margin-left:auto;font-size:22px}.sun-actions{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px}.sun-actions button{min-height:30px}#sun-time{width:100%;accent-color:#a97954;cursor:pointer;touch-action:pan-x}.sun-labels{display:flex;justify-content:space-between;font-size:8px;color:#7f8b78}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.near-controls{position:fixed;z-index:7;bottom:141px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:9px 13px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.near-controls button{display:grid;font-size:23px;min-width:42px;min-height:42px;touch-action:none}.near-controls small{font-size:9px}#near-progress{font-size:10px}#exit-near{font-size:10px!important;display:block!important}body[data-mode=near] .story p,body[data-mode=near] .observe,body[data-mode=near] .caption,body[data-mode=look] .caption{display:none}body[data-mode=near] .story h1{font-size:28px}body[data-mode=near] .map{display:none}body[data-light=dawn]{color:#e3e7e4;--paper:#223344ee;--line:#bdc7ce44;--accent:#e2bd98;--green:#556e76}body[data-light=dawn] .story:before{background:linear-gradient(90deg,#203246dd,#20324677 70%,transparent)}body[data-light=dawn] .vignette{background:radial-gradient(ellipse at center,transparent,#101d302b)}body[data-light=dawn] .mark{color:#e1c6a7;background:#283d5188}body[data-light=dawn] .sun-heading small,body[data-light=dawn] .sun-labels,body[data-light=dawn] .caption small,body[data-light=dawn] .map small,body[data-light=dawn] .stations small{color:#b6c3c7}body[data-light=dawn] dialog{background:#24384a;color:#e2e7e7}body[data-light=dawn] .note{color:#b1c1c9}body[data-light=dawn] #fade{background:#24384a}@media(max-width:1000px){.brand b{font-size:18px;letter-spacing:2px}.map{width:151px;right:20px}.map svg{height:93px}}@media(max-width:699px){header{left:16px;right:14px}.brand{gap:7px}.brand b{font-size:16px;letter-spacing:1px}.brand small{font-size:6px!important;letter-spacing:1.1px!important}.mark{width:31px;height:34px}.brand small{white-space:nowrap}nav{padding:3px;gap:0}nav button{font-size:9px;padding:8px}#sunrise-start span{display:none}.story{top:98px;left:20px}.story h1{font-size:28px}.story #english{font-size:7px;letter-spacing:1.3px}.near-link{font-size:10px;padding:7px 9px;margin-top:10px}.map{right:14px;bottom:152px;width:128px;padding:10px}.map svg{height:79px}.map small{font-size:6px}.caption{bottom:164px;left:20px;max-width:195px}.caption b{font-size:11px;letter-spacing:0}.caption small{font-size:8px;max-width:185px}#sun-panel{left:14px;right:14px;transform:none;width:auto;bottom:calc(148px + env(safe-area-inset-bottom));padding:10px 14px}.sun-heading>span{font-size:19px}.sun-actions{margin:4px 0}.sun-actions button{min-height:32px}#sun-time{height:22px;margin:1px 0}.sun-labels{font-size:8px}.near-controls{bottom:calc(155px + env(safe-area-inset-bottom));gap:12px;padding:8px 12px}.stations button{min-width:61px;font-size:10px;gap:6px}.stations small{font-size:8px}#tour{width:32px;height:32px}footer{min-height:116px}body:has(#sun-panel:not([hidden])) .map,body:has(#sun-panel:not([hidden])) .caption{display:none}}@media(max-width:380px){.mark{display:none}.brand b{font-size:15px}.brand small{font-size:5px!important}nav button{padding:8px 7px}.caption{max-width:168px}.caption b{font-size:10px}}@media(max-height:550px){.map,.caption{display:none}.story{top:86px!important}.story h1{font-size:25px}.story #english{display:none}.near-link{margin-top:8px;padding:5px 9px}.tools{top:75px}.tools button{min-height:37px}.tools span{font-size:7px}footer{min-height:64px;flex-direction:row}.transport{gap:10px}.stations button{min-width:65px}#sun-panel{bottom:87px;left:50%;right:auto;transform:translate(-50%);width:310px;padding:8px 13px}.sun-actions{margin:0}.sun-heading>span{font-size:18px}#sun-time{height:14px}.near-controls{bottom:90px}header .brand b{font-size:17px}}.mark img{width:100%;height:100%;display:block}@media(max-width:699px)and (max-height:740px){.map{display:none}.caption{bottom:155px}.story h1{font-size:25px}}@media(max-height:550px){#sun-panel{left:20px;transform:none;width:300px}body:has(#sun-panel:not([hidden])) .near-link,body:has(#sun-panel:not([hidden])) #notes{display:none}}button,button *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}