:root{--panel-bg: rgba(252, 253, 254, .92);--panel-border: #d8e0e8;--text: #33475b;--text-sub: #7c8ea0;--accent: #4a90d9;--accent-weak: #e3eefb;--danger: #d94a4a;--radius: 10px;--shadow: 0 4px 18px rgba(40, 60, 80, .12);font-size:14px}*{box-sizing:border-box}#ui{position:fixed;left:14px;top:14px;width:232px;max-height:calc(100vh - 28px);display:flex;flex-direction:column;gap:10px;z-index:20;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 12px}#ui .brand{padding:10px 12px}#ui .brand h1{font-size:16px;font-weight:600;margin:0;letter-spacing:1px}#ui .brand p{margin:3px 0 0;font-size:11px;color:var(--text-sub)}.row{display:flex;gap:6px}.row+.row{margin-top:6px}.btn{flex:1;border:1px solid var(--panel-border);background:#fff;color:var(--text);border-radius:8px;padding:7px 4px;font-size:12.5px;cursor:pointer;transition:all .15s;text-align:center;line-height:1.2}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.seg{display:flex;background:#eef2f6;border-radius:8px;padding:3px;gap:3px}.seg .btn{border:none;background:transparent;padding:6px 4px}.seg .btn.active{background:#fff;color:var(--accent);box-shadow:0 1px 4px #0000001a}.card h3{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-sub);letter-spacing:1px}#buildingList{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow-y:auto}#buildingList .btn{flex:0 0 calc(25% - 5px);padding:7px 2px}#floorBar{display:none;flex-wrap:wrap;gap:5px;max-height:148px;overflow-y:auto}#floorBar.show{display:flex}#floorBar .btn{flex:0 0 calc(25% - 4px);padding:6px 2px;font-size:12px}#floorBar .btn.basement{color:var(--danger);border-color:#eccaca}#floorBar .btn.basement.active{background:var(--danger);color:#fff;border-color:var(--danger)}#selInfo{font-size:12px;color:var(--text-sub);margin-bottom:8px;display:none}#selInfo b{color:var(--text);font-size:13px}#backBtn{display:none}#backBtn.show{display:block}#hint{position:fixed;right:14px;bottom:12px;z-index:20;font-size:11.5px;color:var(--text-sub);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:6px 10px;font-family:PingFang SC,sans-serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#photoOverlay{position:fixed;inset:0;z-index:60;background:#1e283473;display:none;align-items:center;justify-content:center}#photoOverlay.show{display:flex}#photoOverlay .box{background:#fdfdfe;border-radius:14px;padding:14px;max-width:min(520px,92vw);max-height:86vh;box-shadow:0 10px 40px #00000040;text-align:center}#photoOverlay img{max-width:100%;max-height:68vh;border-radius:8px}#photoOverlay .cap{margin-top:8px;font-size:13px;color:var(--text)}#photoOverlay .close{margin-top:10px;display:inline-block;padding:6px 18px;border-radius:8px;border:1px solid var(--panel-border);background:#fff;cursor:pointer;color:var(--text)}@media(max-width:620px){#ui{inset:auto 0 0;width:100%;max-height:58vh;padding:0 8px calc(8px + env(safe-area-inset-bottom));transform:translateY(-0px)}#ui.collapsed{transform:translateY(calc(100% - 46px))}#ui .handle{display:flex;justify-content:center;align-items:center;height:38px;margin:0 -4px 6px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);font-size:12px;color:var(--text-sub);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#ui .brand,#hint{display:none}#buildingList .btn{flex:0 0 calc(20% - 5px)}}@media(min-width:621px){#ui .handle{display:none}}