:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#35443b;background:#edeee7;font-synthesis:none;font-weight:400;--paper:#edeee7;--ink:#35443b;--muted:#8a9287;--line:rgba(63,83,66,.14);--green:#405a49;--accent:#ad523c;--panel:rgba(249,249,241,.78)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #b97543;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}#app{height:100dvh;min-height:600px;transition:background 1s,color 1s}.header{height:94px;margin:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px}.seal{width:40px;height:43px;border-radius:3px;background:var(--accent);display:grid;place-items:center;transform:rotate(-2deg)}.seal svg{width:28px;height:28px;fill:#f5e6ce;stroke:#f5e6ce;stroke-width:1}.brand-name{font-family:STSong,SimSun,serif;font-size:22px;font-weight:600;letter-spacing:4px;line-height:1.3}.brand-name>span{display:block;font-family:Arial,sans-serif;font-size:8px;font-weight:400;letter-spacing:3px;margin-top:6px}.header-caption{font-size:11px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:14px;margin-left:-50px}.header-caption>span{width:24px;height:1px;background:#a7afa2}.header-actions{display:flex;align-items:center;gap:12px}.scene-status{font-size:11px;letter-spacing:1px;margin-right:10px;display:flex;align-items:center;gap:8px}.scene-status i,.render-stats i,.scene-tag i{width:5px;height:5px;border-radius:50%;background:#789575;display:inline-block}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;transition:background .2s,color .2s}.icon-button:hover{background:#5d73571a}.icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button[aria-pressed=true]{color:var(--accent);background:#9b6a431a}main{display:flex;height:calc(100dvh - 146px);min-height:454px;padding:0 46px;position:relative}.sidebar{width:250px;flex:none;position:relative;z-index:4;padding-top:44px;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:14px}.tiny-line{height:1px;width:23px;background:#aab29f}h1{font-family:STSong,Songti SC,SimSun,serif;font-weight:500;font-size:48px;letter-spacing:6px;line-height:1.4;margin:22px 0 14px}.title-dot{color:var(--accent);font-size:30px;margin-left:-4px}.intro{font-size:11px;line-height:2.15;letter-spacing:1px;color:var(--muted);margin:0}.scene-facts{display:flex;align-items:center;gap:25px;margin:28px 0 32px}.scene-facts>div{display:flex;align-items:baseline;gap:10px}.scene-facts strong{font: 27px Georgia,serif;color:var(--green)}.scene-facts div>span{font-size:9px;color:var(--muted);letter-spacing:1px}.fact-divider{width:1px;height:21px;background:var(--line)}.tour-heading{display:flex;gap:15px;align-items:center;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:12px}.tour-heading small{font:8px Arial,sans-serif;letter-spacing:2px;color:#a9afa3}.building-list{width:224px;border-top:1px solid var(--line)}.building-item{padding:12px 10px 12px 2px;display:flex;align-items:center;width:100%;text-align:left;border-bottom:1px solid var(--line);gap:14px;transition:all .2s}.building-item:hover{background:#e0e4d780;padding-left:8px}.building-item.active{color:var(--accent)}.item-index{font:11px Georgia,serif;min-width:18px;color:#9ba394}.building-item.active .item-index{color:var(--accent)}.building-item>span:nth-child(2){font-size:12px;letter-spacing:2px;line-height:1.5}.building-item small{display:block;font:7px Arial,sans-serif;letter-spacing:1.6px;color:#98a092;margin-top:5px}.item-arrow{margin-left:auto;font-size:15px;opacity:0}.building-item.active .item-arrow,.building-item:hover .item-arrow{opacity:1}.sidebar-foot{margin-top:auto;display:flex;gap:12px;align-items:center;padding-bottom:24px;padding-top:20px}.small-seal{border:1px solid #b3816f;color:#a66750;font:20px SimSun,serif;width:29px;height:31px;display:grid;place-items:center;border-radius:2px}.sidebar-foot p{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0}.sidebar-foot small{display:block;font:6px Arial,sans-serif;letter-spacing:1.4px;margin-top:7px}.viewport{flex:1;min-width:0;position:relative;margin-right:-20px;isolation:isolate}#scene{width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.scene-heading{position:absolute;top:37px;left:22px;display:flex;align-items:center;gap:17px;pointer-events:none}.scene-number{font:8px Arial,sans-serif;letter-spacing:1.3px;border:1px solid var(--line);padding:7px 8px;border-radius:2px;color:var(--muted)}.scene-heading>div{font-size:11px;letter-spacing:2px}.scene-heading>div>span{display:block;font:6px Arial,sans-serif;letter-spacing:1.7px;margin-top:7px;color:var(--muted)}.scene-tag{position:absolute;top:40px;right:28px;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted)}#time-hour{font:10px Georgia,serif;color:var(--ink);border-left:1px solid var(--line);padding-left:10px}.compass{position:absolute;right:24px;bottom:175px;width:60px;height:90px;display:flex;flex-direction:column;align-items:center;pointer-events:none;color:#899780;font:9px Georgia,serif;gap:1px}.compass svg{width:50px;height:50px}.compass span:last-child{font:9px SimSun,serif}.view-toolbar{position:absolute;right:34px;top:50%;transform:translateY(-25%);display:flex;flex-direction:column;gap:7px;border:1px solid rgba(127,144,117,.15);border-radius:9px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px}.view-toolbar>span{height:1px;background:var(--line);margin:0 6px}.bottom-dock{position:absolute;bottom:54px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:8px 12px;border:1px solid rgba(128,145,117,.18);box-shadow:0 5px 24px #35443b09;border-radius:12px;background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap}.time-controls{display:flex;gap:3px;align-items:center}.dock-label{font-size:10px;color:var(--muted);letter-spacing:2px;padding:0 14px 0 9px}.time-controls button{border-radius:6px;font-size:11px;letter-spacing:1px;padding:11px 14px;display:flex;align-items:center;gap:8px;transition:all .25s}.time-controls button:hover{background:#556d4712}.time-controls button.active{background:var(--green);color:#f4f3e6;box-shadow:0 2px 6px #31422b14}.time-icon{font-size:15px;line-height:12px}.dock-divider{height:22px;width:1px;background:var(--line);margin:0 13px}.auto-button{font-size:10px;letter-spacing:1px;padding:10px 8px;display:flex;align-items:center;gap:9px}.auto-button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}.auto-button[aria-pressed=true]{color:var(--accent)}.auto-button[aria-pressed=true] svg{animation:spin 9s linear infinite}.canvas-hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.7px;color:#91998b;white-space:nowrap;pointer-events:none}.hint-dot{color:#b4baac}.mouse-icon{width:9px;height:13px;border:1px solid #8d9984;border-radius:5px;position:relative}.mouse-icon:after{content:"";position:absolute;left:3px;top:2px;width:1px;height:3px;background:#8d9984}.footer{height:52px;border-top:1px solid var(--line);margin:0 46px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:var(--muted);position:relative;z-index:5}.footer-cross{color:#9caa92;padding:0 12px}.footer>span:last-child{font-family:SimSun,serif;font-size:10px;letter-spacing:2px}.render-stats{display:flex;align-items:center;gap:9px;font:8px Arial,sans-serif;letter-spacing:.8px}.stats-separator{padding:0 4px;opacity:.5}.loading{position:absolute;inset:0;background:var(--paper);z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}.loading.loaded{opacity:0;pointer-events:none}.loading-symbol{font:40px SimSun,serif;color:var(--accent);border:1px solid currentColor;padding:12px;animation:breathe 1.7s ease-in-out infinite}.loading p{font-size:11px;letter-spacing:3px;margin-top:26px}.scene-label{position:absolute;top:0;left:0;border:1px solid #eef1db65;box-shadow:0 2px 15px #24382215;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;transform:translate(-50%,-100%);white-space:nowrap}.label-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.scene-label>span:last-child{font-size:12px;color:var(--muted)}.scene-label:after{content:"";position:absolute;width:1px;height:22px;top:100%;left:50%;background:#71856380}.detail-card{position:absolute;left:24px;bottom:135px;width:264px;background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:5px;padding:16px 21px 21px;box-shadow:0 12px 45px #2635220d}.detail-top{display:flex;align-items:center;justify-content:space-between}.detail-top>span{font-size:9px;letter-spacing:2px;color:var(--accent)}.detail-top button{width:24px;height:24px;font-size:21px;color:var(--muted)}.detail-card h2{font-family:SimSun,serif;font-weight:500;font-size:24px;letter-spacing:4px;margin:7px 0 13px}.detail-card p{font-size:11px;line-height:1.9;letter-spacing:.5px;color:var(--muted);margin:0}.detail-card #detail-roof{border-top:1px solid var(--line);padding-top:12px;margin-top:15px;font-size:9px;letter-spacing:1px}dialog{width:440px;max-width:calc(100% - 32px);padding:39px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 30px 100px #13211933}dialog::backdrop{background:#152b2740;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:14px;right:16px;font-size:25px;color:var(--muted)}dialog h2{font:26px SimSun,serif;margin:22px 0 27px}dialog dl{margin:0}dialog dl>div{border-top:1px solid var(--line);padding:14px 0}dialog dt{font-size:11px;margin-bottom:7px}dialog dd{font-size:10px;color:var(--muted);margin:0}dialog p{font-size:10px;color:var(--muted);margin:22px 0}#start-explore{background:var(--green);color:#fff;padding:13px 20px;font-size:11px;letter-spacing:2px;width:100%;text-align:left;border-radius:4px}#start-explore span{float:right}#toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:50;background:#35443bea;color:#f6f6e8;padding:12px 22px;border-radius:5px;font-size:12px}body[data-light=night]{--paper:#192825;--ink:#d5dbbf;--muted:#8eaa99;--line:rgba(170,190,157,.16);--green:#596e50;--accent:#d4a46c;--panel:rgba(31,50,43,.82);background:var(--paper);color:var(--ink)}body[data-light=night] .scene-facts strong{color:#c2cbab}body[data-light=night] .seal{background:#a94d36}body[data-light=sunset]{--paper:#eee5d7;--panel:rgba(252,242,222,.8);background:var(--paper)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.45;transform:translateY(-4px)}}@media(min-width:1600px){.header,.footer{margin-left:64px;margin-right:64px}main{padding-left:64px;padding-right:64px}.sidebar{width:290px;padding-top:62px}h1{font-size:57px}.intro{font-size:12px}.building-list{width:242px}.building-item{padding-top:15px;padding-bottom:15px}.scene-facts{margin:35px 0 40px}.scene-heading{top:46px}}@media(max-height:850px)and (min-width:901px){.header{height:80px}main{height:calc(100dvh - 124px)}.footer{height:44px}.sidebar{padding-top:30px}h1{font-size:40px;margin:16px 0 10px}.intro{font-size:10px}.scene-facts{margin:20px 0 23px}.building-item{padding-top:9px;padding-bottom:9px}.sidebar-foot{padding-bottom:15px;padding-top:16px}.scene-heading{top:27px}.scene-tag{top:30px}}@media(max-width:1100px)and (min-width:901px){.header,.footer{margin-left:28px;margin-right:28px}main{padding-left:28px;padding-right:28px}.sidebar{width:216px}.building-list{width:190px}h1{font-size:39px}.header-caption{display:none}.scene-tag{top:76px}.bottom-dock{padding:7px}.time-controls button{padding:10px}.dock-label{padding-right:7px}.dock-divider{margin:0 7px}.scene-facts{gap:14px}.scene-heading{left:10px}}@media(max-width:900px){#app{min-height:520px}.header{height:74px;margin:0 24px}.header-caption,.scene-status{display:none}.brand-name{font-size:19px}.brand-name>span{font-size:6px}.seal{width:34px;height:36px}main{height:calc(100dvh - 116px);min-height:404px;padding:0;display:block}.sidebar{position:absolute;top:25px;left:27px;width:auto;padding:0;pointer-events:none}.sidebar .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:29px;line-height:1.4;margin:11px 0}.title-dot{font-size:19px}.intro,.scene-facts,.tour-heading,.building-list,.sidebar-foot{display:none}.viewport{width:100%;height:100%;margin:0}.scene-heading{display:none}.scene-tag{top:29px;right:26px;font-size:9px}.bottom-dock{bottom:43px}.canvas-hint{bottom:17px;font-size:8px;gap:7px}.view-toolbar{right:20px;top:auto;bottom:116px;transform:none;flex-direction:row;gap:2px;padding:3px}.view-toolbar>span{height:auto;width:1px;margin:6px 2px}.compass{right:25px;bottom:180px;transform:scale(.8);transform-origin:bottom right}.footer{height:42px;margin:0 24px}.footer>span:first-child{font-size:6px;letter-spacing:1px}.footer>span:last-child{display:none}.footer-cross{padding:0 6px}.render-stats{font-size:7px;gap:6px}.detail-card{left:20px;bottom:117px;width:234px;padding:12px 17px 17px}.detail-card h2{font-size:21px}.detail-card p{font-size:10px}.detail-card #detail-roof{font-size:8px}.scene-label{font-size:9px;padding:7px 10px}}@media(max-width:480px){.header{margin:0 19px}.header-actions{gap:3px}.sidebar{left:23px;top:22px}.scene-tag{right:22px;top:26px;font-size:8px;gap:7px}#time-hour{font-size:8px;padding-left:7px}.bottom-dock{width:calc(100% - 36px);padding:6px 8px;justify-content:center;border-radius:9px}.dock-label{padding:0 7px 0 4px;font-size:9px}.time-controls{gap:2px}.time-controls button{font-size:10px;padding:10px 9px;gap:4px}.time-icon{font-size:13px}.dock-divider{margin:0 7px}.auto-button{padding:8px 2px;gap:5px;font-size:9px}.auto-button svg{width:13px}.footer{margin:0 20px}.footer>span:first-child{max-width:170px}.view-toolbar{right:18px;bottom:112px}.icon-button{width:29px;height:29px}.compass{right:19px;bottom:160px}.scene-label{display:none}.detail-card{bottom:151px;width:calc(100% - 110px);max-width:260px}.detail-card p{line-height:1.65}.detail-card #detail-roof{padding-top:9px;margin-top:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}