:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#e5eee8;background:#b8cfcb;font-synthesis:none;--gold:#d8bd84;--muted:#9cafa7;--line:rgba(227,242,230,.13)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{transition:background .2s,color .2s}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}#scene,#labels{position:absolute;top:0;right:0;bottom:0;left:0}#scene canvas{display:block;touch-action:none}#labels{pointer-events:none;overflow:hidden}.glass{background:#162b2ae8;border:1px solid var(--line);box-shadow:0 12px 40px #112e2920;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{position:absolute;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#152d2c;box-shadow:0 5px 30px #203e3220;border-bottom:1px solid #d9e4d918;z-index:4}.brand{text-decoration:none;color:inherit;display:flex;gap:15px;align-items:center}.brand-mark{width:42px;height:45px;display:grid;place-items:center;border:1px solid #b9bc9b70;font-size:32px;color:#e0c994}.brand strong{font-size:19px;font-weight:500;letter-spacing:2px}.brand strong span{color:var(--gold);margin:0 4px}.brand small{display:block;font-size:8px;letter-spacing:2.25px;color:#a3b9af;margin-top:8px}.view-tabs{display:flex;gap:8px;margin-right:70px;background:#0d222250;border:1px solid var(--line);padding:5px;border-radius:7px}.view-tabs button{padding:11px 23px;background:transparent;border-radius:4px;color:#aebeb6;font-size:13px}.view-tabs button.active{color:#f6f4e6;background:#44645a}.top-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#acc2b6}.status-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#afd5a0;display:inline-block;box-shadow:0 0 9px #afdf9d50}.icon-button{font-size:19px;background:none;width:30px;height:30px;color:#bfd1c6}.intro{position:absolute;left:26px;top:110px;width:280px;border-radius:9px;padding:26px 23px 20px}.eyebrow{color:#c0ceba;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:15px;height:1px;background:var(--gold)}h1{font-family:STSong,SimSun,serif;font-size:28px;line-height:1.55;font-weight:500;letter-spacing:2px;margin:17px 0 12px;color:#fff9e8}.intro-text{font-size:11px;line-height:1.95;color:#aabeb1;letter-spacing:.6px;margin:0}.intro-line{height:1px;background:var(--line);margin:22px 0}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.section-title small{font-size:7px;letter-spacing:1.1px;color:#8da79b}.landmark{display:flex;width:100%;gap:12px;align-items:center;text-align:left;padding:11px 9px;background:none;border-bottom:1px solid #d9e4d908;border-radius:5px;color:#c2d0c7}.landmark:first-child{margin-top:12px}.landmark .number{font-family:Georgia,serif;font-size:13px;color:#8da799}.landmark .landmark-title{font-size:12px;flex:1}.landmark .arrow{font-size:13px;color:#8da799}.landmark.active{background:#5b766744;color:#f1dfb5}.landmark.active .number{color:var(--gold)}.tour-button{background:#dbc38d;color:#253a30;width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;font-size:12px;border-radius:5px;margin-top:19px}.tour-button span:first-child{font-size:17px}.model-note{font-size:9px;line-height:1.8;color:#8ea79a;margin:13px 0 0}.tour-progress{height:2px;background:#d6c08a20}.tour-progress i{display:block;background:#dac388;height:2px;width:0}.compass{position:absolute;top:116px;right:37px;color:#324d44;display:flex;align-items:center;flex-direction:column;text-shadow:0 1px 9px #ecf7ee}.compass>span{font-size:13px;font-weight:600;letter-spacing:2px}.compass svg{width:47px;height:47px;filter:drop-shadow(0 2px 6px #28473770)}.compass small{font-size:8px;letter-spacing:1px}.minimap{position:absolute;bottom:138px;right:26px;width:220px;padding:15px;border-radius:7px}.minimap canvas{width:190px;height:121px;cursor:crosshair;margin-top:10px;display:block}.map-footer{display:flex;justify-content:space-between;font-size:8px;color:#a4b8ab;margin-top:10px}.map-footer i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:5px}.bottom-panel{position:absolute;bottom:48px;left:50%;transform:translate(-50%);border-radius:9px;display:flex;align-items:center;padding:11px 14px;gap:15px;white-space:nowrap}.light-title{padding:0 13px 0 6px;display:flex;flex-direction:column;gap:4px}.light-title span{font-size:9px;color:#9fb5a7;letter-spacing:1px}.light-title strong{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:1px;color:#ede2c2}.light-options{display:flex;gap:6px}.light-options button{padding:10px 15px;display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:5px;color:#b7c8ba}.light-options button>span{font-size:26px;font-weight:300;color:#c8cdb1}.light-options button>div{font-size:11px;text-align:left}.light-options small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;opacity:.6}.light-options button.active{background:#66766055;border-color:#c6c39c50;color:#f8e8bd}.light-options button.active>span{color:var(--gold)}.panel-divider{height:33px;width:1px;background:var(--line);margin:0 3px}.utility{background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:23px;color:#b4c8b9;width:39px}.utility span{font-size:9px}.utility.active{color:#e1d2a7}.controls-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#3b574d;white-space:nowrap;font-size:10px;text-shadow:0 1px 4px #f1f6e9}.controls-hint kbd{font:inherit}.controls-hint>span{margin:0 13px;opacity:.45}.scene-caption{position:absolute;left:331px;top:120px;color:#294739;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:7px;text-shadow:0 1px 5px #dbeed3}.scene-caption .live-dot{background:#416e51;box-shadow:none}.label{position:absolute;left:0;top:0;padding:7px 11px;background:#193c32e0;border:1px solid #e2e4b450;border-radius:4px;font-size:10px;white-space:nowrap;color:#f0ecd6;pointer-events:auto;box-shadow:0 3px 10px #223d3329;will-change:transform}.label:after{content:"";position:absolute;left:50%;bottom:-12px;width:1px;height:11px;background:#f4edd19a}.label.active{background:#d8c38e;color:#203a2e}.place-card{position:absolute;right:26px;top:219px;width:252px;border-radius:8px;padding:23px}.place-card h2{font-family:SimSun,serif;font-size:25px;font-weight:400;margin:14px 0}.place-card p{font-size:11px;line-height:1.9;color:#b0c4b5}.detail-note{font-size:9px;color:#899f93}.close{position:absolute;right:10px;top:8px;font-size:23px;color:#a6bbaf;background:none}.place-card .eyebrow{font-size:9px;letter-spacing:1px}#toast{position:absolute;left:50%;top:106px;transform:translate(-50%,-10px);padding:12px 20px;color:#f4ecd4;background:#16362bea;border:1px solid #dac89655;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:5}#toast.show{opacity:1;transform:translate(-50%)}dialog{background:#183630;color:#d2dfd2;border:1px solid #95b99c55;border-radius:12px;width:500px;max-width:90vw;padding:35px;box-shadow:0 20px 100px #091f2760}dialog::backdrop{background:#112b3275;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-weight:400;font-size:23px}dialog p{font-size:12px;line-height:1.9;color:#aebfac}dialog b{color:#e0d4ab;font-weight:400}#walk-controls{position:absolute;left:50%;bottom:151px;transform:translate(-50%);text-align:center}#walk-controls button{background:#18362dcc;border:1px solid #dae2c466;width:40px;height:37px;margin:2px;border-radius:5px;touch-action:none}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#173b32;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#loading strong{font-weight:400;letter-spacing:4px}#loading span{font-size:11px;color:#9dbaaa}.loader-ring{width:48px;height:48px;border:1px solid #789d8860;border-top-color:#e3ca8d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.night .scene-caption,body.night .controls-hint,body.night .compass{color:#c9d9cf;text-shadow:0 1px 6px #102a33}body.walking .intro{display:none}body.walking .scene-caption{left:28px}body.walking .label{font-size:11px}@media(max-height:820px)and (min-width:901px){.intro{padding:20px;top:105px}.intro h1{font-size:23px;line-height:1.4;margin:12px 0 8px}.intro-text{font-size:10px}.intro-line{margin:15px 0}.landmark{padding:9px}.tour-button{margin-top:14px}.model-note{font-size:8px;margin-top:9px}.minimap{bottom:139px}}@media(max-width:1100px){.topbar{padding:0 22px}.view-tabs{margin-right:0}.brand strong{font-size:16px}.top-meta{font-size:0;gap:4px}.intro{width:240px;left:18px;padding:20px}.intro h1{font-size:25px}.scene-caption{left:280px}.bottom-panel{gap:7px}.light-options button{padding:9px 10px}.minimap{right:18px;width:195px}.minimap canvas{width:163px;height:104px}.place-card{width:220px;right:18px}}@media(max-width:760px){.topbar{height:70px;padding:0 15px}.brand{gap:9px}.brand-mark{width:32px;height:35px;font-size:24px}.brand strong{font-size:14px;letter-spacing:1px}.brand small{font-size:5px;letter-spacing:1px;margin-top:6px}.view-tabs{gap:0;margin:0;padding:3px}.view-tabs button{padding:10px;font-size:10px}.top-meta{display:none}.intro{top:88px;left:12px;width:182px;padding:16px}.intro h1{font-size:20px;margin:12px 0}.intro .eyebrow{font-size:7px;letter-spacing:1px}.intro-text{font-size:9px}.intro-line{margin:12px 0}.section-title{font-size:10px}.intro .section-title small{display:none}.landmark{padding:9px 4px}.landmark .landmark-title{font-size:11px}.landmark:first-child{margin-top:6px}.model-note{font-size:7px}.tour-button{font-size:10px;padding:10px;margin-top:12px}.compass{top:90px;right:15px}.minimap{display:none}.scene-caption{left:auto;right:16px;top:167px;max-width:150px;font-size:8px;line-height:1.6}.bottom-panel{bottom:49px;padding:8px;gap:3px;width:calc(100% - 24px);justify-content:center}.light-title{display:none}.light-options{gap:2px;flex:1;justify-content:space-around}.light-options button{padding:7px;gap:5px}.light-options button>span{font-size:22px}.light-options button>div{font-size:10px}.utility{width:29px;font-size:22px}.panel-divider{margin:0 3px}.controls-hint{font-size:8px;bottom:22px}.controls-hint>span{margin:0 7px}.place-card{top:auto;bottom:139px;right:12px;width:210px;padding:18px}.place-card h2{font-size:21px}.place-card p{font-size:10px}.place-card .detail-note{font-size:8px}.label{font-size:8px;padding:5px 7px}#toast{top:78px;max-width:90vw;white-space:nowrap;font-size:10px}#walk-controls{bottom:135px}body.walking .scene-caption{left:15px;right:auto}}@media(max-width:450px){.intro{width:166px;padding:13px}.intro h1{font-size:18px}.intro-text{font-size:8px}.intro .section-title{font-size:9px}.landmark{padding:8px 3px}.landmark .landmark-title{font-size:10px}.brand strong{font-size:12px}.brand small{letter-spacing:.3px}.view-tabs button{padding:9px 7px;font-size:9px}.light-options button{padding:7px 5px}.light-options button>span{font-size:18px}.light-options small{font-size:7px}.light-options button>div{font-size:9px}.utility{width:24px}.scene-caption{max-width:130px}.place-card{width:185px}.bottom-panel{padding:6px}.intro .model-note{font-size:6.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.loader-ring{animation:none}}@media(max-height:820px)and (min-width:761px){.place-card:not([hidden])~.minimap{display:none}}