:root{color:#293e35;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#eef0e8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #b69057}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{transition:background .18s,box-shadow .18s}button:hover{filter:brightness(.98)}.app{flex-direction:column;height:100dvh;min-height:540px;display:flex;overflow:hidden}.topbar{z-index:4;background:#f6f5ee;border-bottom:1px solid #536f5520;flex:none;justify-content:space-between;align-items:center;height:86px;padding:0 36px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-size:18px;font-weight:650;display:flex}.brand img{width:39px;height:39px}.brand small{letter-spacing:2px;color:#7b897a;margin-top:5px;font-size:12px;font-weight:450;display:block}.city-name{align-items:center;gap:15px;font-size:19px;display:flex}.city-name strong{letter-spacing:4px;font-weight:550}.tiny-star{color:#8b9a74;font-size:24px}.city-sub{color:#8a9486;border-left:1px solid #bfc9b8;padding-left:16px;font-size:12px}.header-right{align-items:center;gap:22px;display:flex}.preview{letter-spacing:1px;color:#6c7964;align-items:center;gap:8px;font-size:12px;display:flex}.preview i,.location-chip i{background:#8ca47a;border-radius:50%;width:6px;height:6px;display:inline-block}.icon-button{color:#7f8a75;background:0 0;border:1px solid #cad1c0;border-radius:50%;width:29px;height:29px}.viewport{background:#dce3d4;flex:1;min-height:0;position:relative;overflow:hidden}.world{position:absolute;inset:0}.world canvas{touch-action:pinch-zoom;cursor:grab;width:100%;height:100%;display:block}.world canvas:active{cursor:grabbing}.world-labels{pointer-events:none;position:absolute;inset:0}.place-label{pointer-events:auto;white-space:nowrap;letter-spacing:.5px;background:#fffef0ed;border:1px solid #798d6240;border-radius:5px;align-items:center;gap:12px;padding:7px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 5px 15px #42543d12}.place-label:after{content:"";background:#fffef0;border-bottom:1px solid #798d6240;border-right:1px solid #798d6240;width:7px;height:7px;position:absolute;bottom:-5px;left:calc(50% - 4px);transform:rotate(45deg)}.place-label span{color:#9ca58d}.place-label.selected{color:#fffdf0;background:#365d48}.place-label.selected:after{background:#365d48}.scene-heading{pointer-events:none;text-shadow:0 2px 12px #edf0d7;position:absolute;top:33px;left:38px}.eyebrow{letter-spacing:2.5px;color:#6e826b;font-size:12px;font-weight:600}.scene-heading h1{letter-spacing:3px;margin:10px 0 4px;font-family:Noto Serif CJK SC,Songti SC,SimSun,serif;font-size:28px;font-weight:500;line-height:1.6}.scene-heading p{letter-spacing:1px;color:#6d7e68;margin:0;font-size:12px}.explore-nav{background:#f9f8eff2;border:1px solid #fff8;border-radius:12px;flex-direction:column;gap:3px;padding:7px;display:flex;position:absolute;top:170px;left:36px;box-shadow:0 10px 32px #5364400e}.explore-nav button{text-align:left;color:#7c8873;background:0 0;border-radius:7px;align-items:center;gap:12px;padding:13px 18px;font-size:13px;display:flex}.explore-nav button span{width:18px;font-size:20px;font-weight:400}.explore-nav button.active{color:#36553d;background:#e6eadb}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf9f1f5;border:1px solid #ffffffa8;border-radius:14px;padding:23px;box-shadow:0 12px 50px #354c3820}.panel h2{letter-spacing:1px;margin:12px 0;font-size:20px;font-weight:550}.panel p{color:#7b8475;font-size:13px;line-height:1.9}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin-bottom:0}.close{color:#8e9785;background:0 0;border-radius:50%;flex:none;width:28px;height:28px;font-size:23px}.building-card{width:300px;position:absolute;top:33px;right:32px}.building-card .panel-heading{margin-bottom:10px}.building-facts{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.building-facts span{color:#7a896f;background:#e9eddf;border-radius:4px;padding:6px 9px;font-size:12px}.primary{color:#f6f3de;background:#355c47;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;font-size:14px;display:flex}.primary:hover{background:#436b52}.muted{color:#919785!important;font-size:12px!important}.directory{flex-direction:column;width:370px;max-height:calc(100% - 235px);display:flex;position:absolute;top:170px;left:212px}.directory .panel-heading{margin-bottom:16px}.search{background:#eeeee3;border:1px solid #dfe3d4;border-radius:7px;outline:none;width:100%;padding:11px 13px;font-size:13px}.place-list{min-height:0;margin-top:12px;overflow-y:auto}.place-list button{text-align:left;background:0 0;border-bottom:1px solid #e2e6d9;align-items:center;gap:13px;width:100%;padding:14px 5px;display:flex}.place-list button>span:nth-child(2){flex:1}.place-list strong{font-size:14px;font-weight:550}.place-list small{color:#939b8b;margin-top:5px;font-size:12px;display:block}.place-icon{color:#889b7d;background:#e8eddd;border-radius:8px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.district-map{background:radial-gradient(at 65% 55%,#d7e3d3 0,#0000 65%);border-bottom:1px solid #d9dfcf;height:225px;min-height:225px;margin:0 -13px;position:relative}.district-map:before{content:"";background:linear-gradient(25deg,#0000 45%,#fff9 46% 47%,#0000 48%),linear-gradient(135deg,#0000 45%,#fff9 46% 47%,#0000 48%);border-radius:50%;position:absolute;inset:30px 18px}.district-map button{white-space:nowrap;color:#8b9880;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%)}.district-map button i{background:#a6b796;border:2px solid #f6f7ed;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #b9c3ac}.district-map .current{color:#365b3e;font-weight:600}.district-map .current i{background:#5e7d56;box-shadow:0 0 0 4px #95aa7630}.district-detail{overflow-y:auto}.district-detail h3{margin:16px 0 5px;font-size:17px}.district-detail dl{justify-content:space-between;display:flex}.district-detail dt{color:#8e9884;margin-bottom:7px;font-size:12px}.district-detail dd{margin:0;font-size:16px}.map-note{margin-bottom:0;font-size:12px!important}.floor-card{width:310px;position:absolute;top:33px;right:32px}.back{color:#68815f;background:0 0;padding:0 0 20px;font-size:13px}.floor-card label{color:#859276;margin-bottom:9px;font-size:12px;display:block}.floor-card select{background:#edf0e3;border:1px solid #d9e0cd;border-radius:5px;width:100%;max-width:100%;padding:10px}.help{z-index:5;width:325px;position:absolute;top:25px;right:35px}.help>.close{float:right}.compass{color:#6e8564;flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex;position:absolute;bottom:204px;right:37px}.compass i{font-size:26px;font-style:normal}.pan-pad{background:#f6f7e9d9;border:1px solid #fffff3bd;border-radius:50%;grid-template-rows:30px 30px 30px;grid-template-columns:31px 31px 31px;padding:5px;display:grid;position:absolute;bottom:86px;right:25px;box-shadow:0 8px 25px #53644012}.pan-pad button{color:#758669;background:0 0;border-radius:20px;font-size:18px}.pan-pad button:hover{background:#dfe7d0}.up{grid-area:1/2}.left{grid-area:2/1}.home{grid-area:2/2;font-size:30px!important}.right{grid-area:2/3}.down{grid-area:3/2}.view-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:22px;left:36px;right:36px}.location-chip{color:#7c8971;background:#f9f9eff0;border-radius:25px;align-items:center;gap:10px;padding:11px 17px;font-size:12px;display:flex;box-shadow:0 5px 25px #5364400d}.location-chip>span{color:#b8c0a9}.scale{color:#738469;text-align:center;min-width:100px;font-size:12px}.scale>i{border:1px solid #849478;border-top:0;width:100px;height:7px;margin-top:5px;display:block}footer{color:#8d9784;letter-spacing:1px;background:#f5f4ec;flex:none;justify-content:space-between;align-items:center;height:43px;padding:0 36px;font-size:12px;display:flex}.footer-dot{color:#bdc4b4;padding:0 10px}.loading,.view-error{z-index:7;color:#63805e;background:#e7eddd;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading-star{font-size:50px}.loading strong{letter-spacing:2px;font-size:20px;font-weight:500}.loading>span:last-child{color:#8b9a7e;font-size:13px}.loading button{color:#fff;background:#466e4f;border-radius:5px;padding:10px 20px}@media (min-width:1800px){.scene-heading{top:45px}.scene-heading h1{font-size:32px}.explore-nav,.directory{top:195px}}@media (max-width:900px){.topbar{height:72px;padding:0 20px}.city-sub{display:none}.brand{font-size:15px}.brand small{font-size:12px}.header-right{gap:10px}.scene-heading{top:24px;left:24px}.scene-heading h1{font-size:24px}.explore-nav{top:145px;left:24px}.directory{width:340px;max-height:calc(100% - 190px);top:145px;left:196px}.building-card,.floor-card{width:275px;right:20px}.view-bottom{left:22px;right:24px}footer{padding:0 22px}footer>span:first-child{display:none}footer>span:last-child{margin-left:auto}.help{right:20px}}@media (max-width:600px){.app{min-height:500px}.topbar{height:64px;padding:0 16px}.brand img{width:29px;height:29px}.brand{letter-spacing:1px;gap:8px;font-size:13px}.brand small{letter-spacing:1px;font-size:12px}.city-name{gap:7px;font-size:16px}.city-name strong{letter-spacing:2px}.tiny-star{font-size:18px}.preview{letter-spacing:0;font-size:12px}.header-right{gap:9px}.icon-button{display:none}.scene-heading{top:22px;left:20px}.eyebrow{font-size:12px}.scene-heading h1{letter-spacing:1px;max-width:88vw;font-size:21px}.scene-heading p{max-width:85vw;font-size:12px;line-height:1.7}.explore-nav{border-radius:10px;flex-direction:row;justify-content:space-around;padding:4px;inset:auto 12px 68px}.explore-nav button{flex-direction:column;gap:5px;padding:9px 7px;font-size:12px}.explore-nav button span{text-align:center;font-size:19px}.directory{width:auto;max-height:none;padding:17px;inset:120px 12px 147px}.directory h2{font-size:18px}.building-card,.floor-card{width:auto;max-height:calc(100% - 260px);padding:17px;inset:auto 12px 147px;overflow:auto}.building-card h2{margin:6px 0;font-size:18px}.building-card p{margin:6px 0}.building-facts{margin:10px 0}.building-card .panel-heading{margin-bottom:2px}.pan-pad{grid-template-rows:25px 25px 25px;grid-template-columns:25px 25px 25px;bottom:160px;right:15px}.building-card~.pan-pad,.floor-card~.pan-pad{display:none}.compass{bottom:262px;right:30px}.view-bottom{bottom:17px;left:13px;right:16px}.location-chip{gap:6px;max-width:calc(100% - 113px);padding:9px 11px;font-size:12px}.scale{font-size:12px}.place-label{padding:6px 9px;font-size:12px}.help{width:auto;top:120px;left:12px;right:12px}.district-map button{font-size:12px}.district-detail h3{margin-top:10px}.district-detail p{margin:7px 0;font-size:12px}.district-detail dl{margin:8px 0}.map-note{font-size:12px!important}footer{letter-spacing:0;height:32px;padding:0 14px;font-size:12px}.floor-card p{margin:8px 0;font-size:12px}.brand small{display:none}.city-name{gap:5px}.preview{font-size:12px}.tiny-star{display:none}.explore-nav button{font-size:12px}.location-chip{line-height:1.5}.location-chip>span{display:none}.scene-heading p{font-size:12px}.scene-heading .eyebrow{letter-spacing:1.5px}footer>span:last-child{font-size:12px}.district-map button{padding:4px;font-size:12px}.district-map{height:210px;min-height:210px}}.secondary{color:#57724f;text-align:left;background:#edf1e2;border:1px solid #cbd4be;border-radius:7px;width:100%;margin-bottom:10px;padding:11px 14px;font-size:14px}.space-inspector{border-top:1px solid #dce3d0;margin-top:12px;padding-top:14px}.floor-card{max-height:calc(100% - 118px);overflow-y:auto}.floor-stepper{background:#eef0e3;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:5px;display:flex}.floor-stepper button{background:0 0;padding:8px;font-size:12px}.floor-stepper button:disabled{opacity:.3}.floor-stepper span{color:#89967c;font-size:12px}.space-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-top:17px;display:flex}.space-toolbar h3{margin:0;font-size:14px;font-weight:550}.space-toolbar button{color:#7a9069;background:0 0;padding:6px 0;font-size:12px}.room-list{grid-template-columns:1fr 1fr;gap:7px;margin:9px 0;display:grid}.room-list button{text-align:left;background:#eeefe3;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:10px;display:flex}.room-list button.active{background:#e6e7d1;border-color:#c1a06a}.room-list strong{font-size:12px;font-weight:500}.room-list small{color:#94a085;margin-top:5px;font-size:12px;display:block}.room-route-symbol{color:#9caa89}.route-note{margin:9px 0!important;font-size:12px!important}.connector-list{flex-wrap:wrap;gap:6px;display:flex}.connector-list button{color:#788e68;background:#e7ecdb;border-radius:5px;gap:8px;padding:7px 10px;font-size:12px;display:flex}.connector-list .active{background:#e3d9bc}.route-summary{pointer-events:auto;color:#607354;background:#f9f7ebed;border:1px solid #fff9;border-radius:10px;align-items:center;gap:12px;padding:10px 13px;font-size:13px;display:flex;position:absolute;bottom:54px;left:0;box-shadow:0 8px 25px #54664315}.route-summary small{color:#9ba58c;margin-top:4px;font-size:12px;display:block}.route-summary button{color:#94a284;background:0 0;font-size:20px}.route-line{background:#cd9751;width:24px;height:3px;display:block}.room-label{box-shadow:none;background:#f7f4e4e6;padding:5px 8px;font-size:12px}.room-label span{display:none}@media (max-width:600px){.floor-card{max-height:none;top:128px;bottom:150px}.floor-card .back{padding-bottom:10px}.space-inspector{margin-top:7px;padding-top:8px}.space-toolbar{margin-top:9px}.room-list{gap:5px}.room-list button{padding:7px 9px}.floor-card .muted{font-size:12px}.route-summary{max-width:245px;font-size:12px;bottom:130px;left:0}.room-label{font-size:12px}.floor-card:has(.space-inspector)~.compass{display:none}}.space-details summary{cursor:pointer;justify-content:space-between;gap:8px;padding:14px 0 4px;font-size:13px;list-style:none;display:flex}.space-details summary::marker{content:""}.space-details summary span{color:#93a087;font-size:12px}.space-details[open] summary{border-bottom:1px solid #e2e7d9;padding-bottom:12px}.space-details .space-toolbar{margin-top:8px}@media (max-width:600px){.floor-card{max-height:calc(100% - 280px);top:auto}.floor-card:has(.space-details:not([open])){max-height:250px}.space-details summary{padding-top:10px}.route-summary{bottom:132px}}@media (min-width:601px){.floor-card~.pan-pad{right:360px}.floor-card~.compass{right:373px}}@media (max-width:600px){.floor-card:has(.space-details:not([open])){max-height:160px;padding:12px 16px}.floor-card:has(.space-details:not([open]))>label{display:none}.floor-card:has(.space-details:not([open]))>p{display:none}.floor-card:has(.space-details:not([open]))>.building-facts{display:none}.floor-card:has(.space-details:not([open])) .floor-stepper{display:none}.floor-card:has(.space-details:not([open])) .back{padding-bottom:8px}.floor-card:has(.space-details:not([open])) .space-inspector{border-top:0;margin-top:0;padding-top:0}.route-summary{gap:8px;max-width:calc(100% - 113px);padding:8px 10px;bottom:0}.route-summary small{display:none}.view-bottom:has(.route-summary) .location-chip{display:none}.view-bottom:has(.route-summary){justify-content:flex-end}}