@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap";:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#243036;background:#202b30;font-synthesis:none;--rail:300px;--ink:#202b30;--paper:#f7f7f0;--muted:#758087;--yellow:#e8c56a;--line:#dce0da;--serif:"Noto Serif SC","Songti SC",serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button,a{touch-action:manipulation}button{transition:background .18s,color .18s,box-shadow .18s}button:hover{background:#85908418}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b69031;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:32px;height:32px;display:grid;place-items:center;font-size:21px;border-radius:50%;flex-shrink:0}#scene,#labels{position:fixed;inset:0 0 0 var(--rail)}#scene canvas{display:block;cursor:grab;touch-action:none}#labels{pointer-events:none;z-index:2}.explorer{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:8;background:var(--ink);color:#ecede5;display:flex;flex-direction:column;border-right:1px solid #121e24;box-shadow:8px 0 28px #17272d0d;padding:0 20px}.brand{display:flex;align-items:center;gap:14px;min-height:92px;flex-shrink:0}.brand-mark{display:block;position:relative;width:34px;height:40px;color:var(--yellow)}.brand-mark i{position:absolute;border:1px solid currentColor;inset:2px 0}.brand-mark i:nth-child(2){inset:9px 7px}.brand-mark i:nth-child(3){inset:-3px 16px;border-width:0 1px 0 0}.brand strong{font-family:var(--serif);font-size:23px;letter-spacing:2px;font-weight:500}.brand strong>span{font-family:PingFang SC,sans-serif;font-size:12px;font-weight:400;letter-spacing:1px;margin-left:12px;border-left:1px solid #657075;padding-left:12px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#8d9b9f;margin-top:8px}.section-label{font-size:10px;letter-spacing:1.2px;color:#9facad;display:flex;justify-content:space-between}.territory{flex-shrink:0;padding:17px 0 19px;border-top:1px solid #465259;border-bottom:1px solid #465259}.map-card{display:flex;align-items:center;width:100%;height:144px;text-align:left;padding:3px 0 4px;gap:10px;border-radius:4px}.map-card:hover{background:#ffffff05}.map-card svg{width:145px;height:130px;flex-shrink:0}.map-cross{fill:none;stroke:#566468;stroke-width:.5;stroke-dasharray:2 4}#mini-ring{fill:#afbdba0c;stroke:#9eafad;stroke-width:1.1}#mini-position{fill:var(--yellow);stroke:#202b30;stroke-width:1.5}#mini-landmarks circle{fill:#a7b8b7}.map-summary{display:flex;flex-direction:column;gap:10px}.map-summary>strong{font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:1px}.map-summary>span{font:10px SFMono-Regular,Consolas,monospace;color:#a5b1b4;white-space:nowrap}.map-summary b{font-weight:400;color:var(--yellow);font-size:17px}.map-summary small{font-size:9px;color:#a5b1b4;margin-top:2px}.map-card.active #mini-ring{stroke:var(--yellow)}.region-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px}.region-bar button{display:flex;align-items:center;gap:10px;padding:10px 9px;background:#29363c;border:1px solid #4b595f66;border-radius:4px;text-align:left;min-width:0}.region-bar button>span{font-size:11px;white-space:nowrap}.region-bar button small{display:block;color:#87989c;font-size:8px;margin-top:4px}.region-bar .icon{width:22px;height:22px;color:#a9b9b9}.region-bar button:hover{background:#35454b;border-color:#7e8e90}.region-bar button.active{border-color:var(--yellow);background:#e8c56a0d;color:var(--yellow)}.region-bar button.active .icon{color:var(--yellow)}.place-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 13px;flex-shrink:0}#place-count{font:10px SFMono-Regular,monospace;color:#9facad}.search{display:flex;align-items:center;gap:9px;background:#152228;border:1px solid #455359;border-radius:4px;padding:9px 10px;flex-shrink:0}.search .icon{width:15px;height:15px;color:#92a2a6}.search input{width:100%;min-width:0;color:#edf0e9;border:0;background:none;font-size:11px;outline:none}.search:focus-within{border-color:var(--yellow)}.search input::placeholder{color:#8b9b9f}.search kbd{font:10px monospace;color:#8b9b9f;border:1px solid #4a575c;border-radius:3px;padding:1px 4px}.place-filters{display:flex;gap:16px;flex-shrink:0;margin-top:10px;padding-bottom:1px;border-bottom:1px solid #465259}.place-filters button{font-size:10px;padding:9px 0 10px;color:#92a1a5;border-bottom:2px solid transparent}.place-filters button[aria-pressed=true]{color:var(--yellow);border-bottom-color:var(--yellow)}#landmarks{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#617078 #202b30;padding:5px 0}.landmark{width:100%;display:flex;gap:13px;align-items:center;position:relative;text-align:left;padding:13px 9px;border-radius:4px;margin:2px 0;color:#dce2dc;min-height:58px}.landmark .num{font:10px SFMono-Regular,monospace;color:#809499;align-self:flex-start;margin-top:2px}.landmark .name{font-size:12px;line-height:1.4;min-width:0}.landmark small{display:block;font-size:9px;color:#8d9fa3;margin-top:5px;font-weight:400}.landmark .arrow{margin-left:auto;font-size:15px;color:#819496;flex-shrink:0}.landmark:hover{background:#34434a}.landmark.active{background:var(--yellow);color:#263239}.landmark.active .num,.landmark.active small,.landmark.active .arrow{color:#4f554b}.explorer-foot{flex-shrink:0;padding:17px 0 19px;border-top:1px solid #465259;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px;color:#99aaad}.explorer-foot b{font-weight:400;font-family:monospace}.explorer-foot i{display:inline-block;width:4px;height:4px;background:var(--yellow);border-radius:50%;margin-right:6px}.explorer-foot button{font-size:9px;padding:4px;color:#d1d9d3}#empty{font-size:11px;color:#bbc5c3;line-height:1.8;padding:10px 0;flex:1}#close-navigation,#navigation-toggle,#nav-scrim{display:none}.map-header{position:fixed;left:calc(var(--rail) + 28px);right:24px;top:22px;z-index:4;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.map-header>*{pointer-events:auto}.view-location{display:flex;align-items:center;gap:13px;background:#f7f7f0f5;border:1px solid #fff6;box-shadow:0 4px 18px #1f343408;border-radius:5px;padding:11px 14px;min-height:45px}.city-name{font-size:12px;color:#758181}.breadcrumb-divider{color:#acb4ac;font-size:13px}.view-location h1{font-size:13px;line-height:1.4;font-weight:500;margin:0}.live{font:9px monospace;padding:3px 4px;border:1px solid #9ea99a;border-radius:2px;color:#68766a;margin-left:4px}#help{background:var(--paper);border:1px solid #bbc4b94d;font:17px Georgia,serif;width:34px;height:34px}.map-tools{position:fixed;right:24px;top:91px;display:flex;flex-direction:column;z-index:5;padding:3px;background:var(--paper);border:1px solid #c6cec26e;border-radius:6px;box-shadow:0 5px 25px #1f34340c}.map-tools>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:45px;height:55px;border-radius:4px;font-size:9px}.map-tools>button+button{border-top:1px solid var(--line)}.map-tools>button[aria-expanded=true]{background:var(--ink);color:var(--yellow)}.tool-panel{position:fixed;top:91px;right:88px;width:228px;background:var(--paper);padding:17px 18px;border:1px solid #c6cec26e;border-radius:6px;box-shadow:0 12px 45px #1c303326;z-index:6}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;margin-bottom:10px}.panel-heading .icon-button{width:23px;height:23px;color:#7f8b87;font-size:19px}.tool-panel>label{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;cursor:pointer}.tool-panel input{accent-color:#33494a;width:14px;height:14px;margin:0}.tool-panel>button{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:7px;padding:12px 0;width:100%;text-align:left}.tool-panel>button[aria-pressed=true]{color:#947320}.height-control{margin-top:15px;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.height-control select{font-size:10px;background:#e9eee5;border:1px solid #c8d1c4;border-radius:3px;padding:7px 4px;color:#425246;width:125px}#quality-legend{margin-top:12px;font-size:9px;line-height:2;color:#758087}#quality-legend span{display:block}#quality-legend i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:1px}.time-controls{display:flex;gap:7px}.time-controls button{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;padding:10px 5px;font-size:10px;border:1px solid var(--line);border-radius:4px}.time-controls button[aria-pressed=true]{border-color:#46574d;background:#e2e8da}.time-controls i{width:24px;height:24px;border-radius:50%;display:block}.day-swatch{background:#dddfc1;border:4px solid #eceaca}.sunset-swatch{background:#d49965;border:4px solid #e3bf8d}.night-swatch{background:#2c424d;border:4px solid #607783}#detail{position:fixed;left:calc(var(--rail) + 28px);bottom:103px;width:min(530px,calc(100vw - var(--rail) - 125px));max-height:calc(100dvh - 230px);overflow:auto;padding:20px 22px;background:var(--paper);border:1px solid #fff9;border-top:3px solid var(--ink);border-radius:5px;z-index:4;box-shadow:0 12px 50px #142e2e20;animation:detail-enter .22s ease-out}.detail-heading{display:flex;align-items:flex-start;gap:14px}#detail-number{font:32px Georgia,serif;color:#9aa99a;line-height:1.2}#detail-type{font-size:9px;color:#818d82;letter-spacing:1px}#detail h2{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.4;margin:4px 0}#detail-en{font:8px SFMono-Regular,monospace;letter-spacing:.6px;color:#8a948a}#close-detail{margin:-5px -8px 0 auto;color:#7e8a82}#detail-description{font-size:11px;line-height:1.8;margin:14px 0;color:#61705f}.detail-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.detail-provenance{min-width:0;line-height:1.7}.coordinates{font:9px SFMono-Regular,Consolas,monospace;color:#758271;margin-bottom:7px}.model-note{font-size:8px;color:#8b9484;display:inline-block;margin-right:8px}.detail-provenance a{font-size:9px;text-decoration:underline;text-decoration-color:#c6d0be;text-underline-offset:3px;margin-right:9px;display:inline-block;color:#566950}#closeup{flex-shrink:0;background:var(--ink);color:#eff0e1;border-radius:4px;padding:12px 14px;font-size:11px;display:flex;gap:20px}#closeup:hover{background:#3d5357}.map-footer{position:fixed;left:calc(var(--rail) + 28px);right:24px;bottom:37px;display:flex;align-items:center;gap:15px;justify-content:space-between;pointer-events:none;z-index:5}.map-footer>*{pointer-events:auto}.view-controls,.zoom{display:flex;align-items:center;padding:4px;background:var(--paper);border:1px solid #c6cec26e;border-radius:5px;box-shadow:0 4px 20px #2439340c}.view-controls button{padding:10px 12px;font-size:11px;display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:3px}.view-controls .icon{width:17px;height:17px}.control-divider{width:1px;height:18px;background:var(--line)}#tour[aria-pressed=true]{color:#856617;background:#e8c56a3b}.zoom button{width:35px;height:35px;font-size:20px;border-radius:3px}.zoom #north{font:11px monospace;width:48px;border-right:1px solid var(--line);border-radius:0}.zoom #north span{margin-left:6px;color:#768771}.navigation-hint{font-size:9px;color:#697665;pointer-events:none;flex:1;text-align:center;white-space:nowrap}.attribution{position:fixed;bottom:13px;left:calc(var(--rail) + 28px);right:24px;z-index:3;font-size:8px;color:#697763;display:flex;justify-content:space-between;gap:10px}.attribution a{text-underline-offset:2px;text-decoration:underline;text-decoration-color:#9ca78e}.landmark-label{position:absolute;top:0;left:0;white-space:nowrap;will-change:transform;pointer-events:none}.landmark-label button{pointer-events:auto;font-size:10px;background:#f7f7f0f2;border:1px solid #b2bdab;padding:7px 10px;border-radius:3px;box-shadow:0 3px 9px #26372b0b;transform:translate(-50%,-100%)}.landmark-label.active button{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.landmark-label button:before{content:"";position:absolute;bottom:-6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#637b63}.landmark-label.active button:before{background:#202b30}#loading{position:fixed;inset:0;background:#202b30;color:#e7eddf;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}.loading-grid{font-size:54px;font-weight:300;color:var(--yellow)}#loading h2{font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:3px;margin:23px 0 10px}#loading p{font-size:11px;color:#92a5a4}#loading>div{width:170px;height:2px;background:#61787550;margin-top:20px}#progress{height:100%;width:3%;background:var(--yellow);display:block;transition:width .3s}.done{opacity:0;pointer-events:none}#toast{position:fixed;bottom:106px;left:calc(var(--rail) + (100vw - var(--rail))/2);transform:translate(-50%,10px);padding:12px 20px;z-index:12;font-size:11px;color:#eef0df;background:#263c3df5;border:1px solid #667a68;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;max-width:min(500px,80vw);text-align:center;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%)}dialog{width:min(590px,90vw);max-height:85dvh;overflow:auto;border:1px solid #c4cebe;padding:34px;background:var(--paper);color:#33423b;border-radius:7px;box-shadow:0 20px 120px #21382330}dialog::backdrop{background:#15282d88;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:14px;top:11px;font-size:23px}dialog .eyebrow{font-size:9px;letter-spacing:1.5px;color:#758479}dialog h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:15px 0 20px}dialog p,dialog li{font-size:12px;line-height:1.9;color:#65745f}dialog a{color:#7c6b30;text-decoration:underline;text-underline-offset:3px}dialog table{width:100%;border-collapse:collapse;font-size:11px;margin:20px 0}dialog td,dialog th{padding:9px 5px;border-bottom:1px solid var(--line);text-align:left;font-weight:400}dialog th{color:#83907a;font-size:10px}@keyframes detail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body[data-time=night]{--paper:#273b3f;--line:#4a5b58;color:#dce4d5}body[data-time=night] .view-location{background:#273b3ff5;border-color:#4a5b58}body[data-time=night] .view-location .city-name,body[data-time=night] .live,body[data-time=night] .navigation-hint,body[data-time=night] .attribution{color:#b7c5b7}body[data-time=night] #detail-description,body[data-time=night] .coordinates,body[data-time=night] #detail-en,body[data-time=night] #detail-type,body[data-time=night] .model-note,body[data-time=night] .detail-provenance a{color:#b0bfa9}body[data-time=night] #detail{border-color:#4a5b58;border-top-color:var(--yellow)}body[data-time=night] .height-control select{background:#344a4c;color:#dae3d0}body[data-time=night] .time-controls button[aria-pressed=true]{background:#4a5d58;border-color:#a5b693}body[data-time=night] .landmark-label button{background:#273b3ff5;border-color:#728776;color:#d9e2d0}body[data-time=night] .landmark-label.active button{color:var(--yellow);background:#182a2f}body[data-time=night] dialog{color:#e3e9d9}body[data-time=night] dialog p,body[data-time=night] dialog li{color:#b4c2ab}body[data-time=night] dialog a{color:var(--yellow)}@media(max-height:850px)and (min-width:761px){.brand{min-height:76px}.territory{padding:13px 0}.map-card{height:119px}.map-card svg{width:130px;height:113px}.region-bar button{padding:8px}.place-heading{margin-top:16px;margin-bottom:11px}.landmark{min-height:55px;padding:10px 8px}.explorer-foot{padding:11px 0}.navigation-hint{display:none}}@media(max-height:670px)and (min-width:761px){.map-card{height:84px}.map-card svg{height:80px}.map-summary>strong{font-size:14px}.map-summary{gap:5px}.map-summary small,.region-bar button small{display:none}.region-bar .icon{width:18px;height:18px}.brand{min-height:64px}.place-heading{margin-top:12px}.landmark{min-height:48px}.landmark small{margin-top:3px}}@media(min-width:1600px){:root{--rail:324px}.explorer{padding:0 24px}.brand{min-height:102px}.map-card{height:160px}.map-card svg{width:154px;height:143px}.region-bar button{padding:12px 10px}.landmark{min-height:64px}.landmark .name{font-size:13px}}@media(max-width:1100px){.navigation-hint{display:none}#detail{width:calc(100vw - var(--rail) - 56px)}}@media(max-width:760px){:root{--rail:0px}.explorer{width:min(320px,calc(100vw - 35px));transform:translate(-100%);transition:transform .22s ease;z-index:11;padding:0 20px;visibility:hidden}.explorer .brand{min-height:78px}.brand strong{font-size:21px}.brand strong>span{font-size:11px;margin-left:8px;padding-left:8px}.brand small{font-size:7px}.brand-mark{width:29px;height:34px}.brand-mark i:nth-child(3){left:14px;right:14px}.explorer .territory{padding-top:12px;padding-bottom:12px}.explorer .map-card{height:112px}.explorer .map-card svg{width:130px;height:108px}.explorer .region-bar button{padding:8px}.place-heading{margin-top:16px}.explorer-foot{padding:12px 0}.landmark{min-height:54px;padding:10px 8px}.map-header{top:15px;left:15px;right:15px}.view-location{padding:7px 11px;gap:9px;min-height:42px}.view-location h1{font-size:12px;max-width:175px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.city-name,.live{display:none}#navigation-toggle{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 0}#navigation-toggle .icon{width:16px;height:16px}#close-navigation{display:grid;position:absolute;top:7px;right:3px;font-size:18px;color:#91a4a7;width:23px;height:23px}#nav-scrim{display:block;position:fixed;inset:0;background:#13232a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}body[data-navigation=open] .explorer{visibility:visible;transform:translate(0)}.map-tools{right:15px;top:78px}.map-tools>button{width:40px;height:50px}.map-tools .icon{width:18px;height:18px}.tool-panel{top:78px;right:71px;width:225px}.map-footer{left:15px;right:15px;bottom:39px;gap:8px}.view-controls button{padding:10px 8px;font-size:10px;gap:6px}.zoom button{width:29px}.zoom #north{width:41px}.zoom #north span{margin-left:3px}.attribution{left:15px;right:15px;bottom:12px;font-size:7px;flex-wrap:wrap;gap:4px}.attribution span{font-size:7px}#detail{left:15px;right:15px;bottom:100px;width:auto;padding:15px 16px;max-height:calc(100dvh - 290px)}#detail h2{font-size:20px}#detail-number{font-size:27px}.detail-heading{gap:11px}#detail-description{margin:11px 0;font-size:10px}#detail-en{font-size:7px}.detail-bottom{gap:8px;align-items:flex-start}#closeup{font-size:10px;gap:10px;padding:11px 10px}.coordinates,.detail-provenance a{font-size:8px}.model-note{font-size:7px;display:block}.landmark-label button{font-size:9px;padding:6px 8px}#toast{bottom:96px;max-width:calc(100vw - 40px);width:max-content;font-size:10px}dialog{padding:26px 20px}dialog h2{font-size:22px}dialog table{font-size:10px}}@media(max-width:760px)and (max-height:650px){.explorer .map-card{height:75px}.explorer .map-card svg{height:72px}.map-summary small,.explorer .region-bar button small{display:none}.explorer .brand{min-height:62px}.place-heading{margin:10px 0}.explorer-foot{padding:8px 0}.landmark{min-height:46px}.place-filters button{padding:6px 0}#detail{max-height:calc(100dvh - 190px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}