:root{--bg:#dfe7ee;--panel:#ffffffd1;--stroke:#12263a1f;--text:#14202b;--dim:#5d7288;--accent:#0d7d8a;--shadow:0 16px 44px #1c304429}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#views,#labels{position:absolute;inset:0}#labels{pointer-events:none}#views canvas{display:block}#hud{pointer-events:none;position:absolute;top:24px;left:28px}#hud h1{letter-spacing:.05em;color:#0f1c27;text-shadow:0 1px 12px #ffffffe6;font-size:21px;font-weight:650}#hud p{color:#47607a;letter-spacing:.09em;margin-top:5px;font-size:12px}.stats{color:#5d7288;letter-spacing:.06em;gap:22px;margin-top:16px;font-size:10.5px;display:flex}.stats b{color:var(--accent);letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-top:3px;font-size:16px;font-weight:650;display:block}#panel{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);width:258px;max-height:calc(100vh - 48px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;display:flex;position:absolute;top:24px;right:24px;overflow:hidden}.panel-head{letter-spacing:.18em;color:#4a6076;border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:12px 15px;font-size:11px;font-weight:600;display:flex}.panel-head button{border:1px solid var(--stroke);color:#4a6076;cursor:pointer;background:#ffffff80;border-radius:6px;width:21px;height:21px;font-size:13px;line-height:1}.panel-head button:hover{background:#0d7d8a1f}#building-list{flex:0 auto;max-height:47vh;padding:6px;list-style:none;overflow-y:auto}#building-list::-webkit-scrollbar{width:6px}#building-list::-webkit-scrollbar-thumb{background:#1432462e;border-radius:3px}#building-list li{cursor:pointer;border-radius:8px;grid-template-columns:34px 1fr auto 20px;align-items:center;gap:9px;padding:7px 9px;transition:background .16s;display:grid}#building-list li:hover{background:#0d7d8a14}#building-list li.active{background:#0d7d8a24}#building-list .bid{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}#building-list .binfo{color:var(--dim);font-size:10px;line-height:1.5}#building-list .bh{color:#22384c;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.link-modes{color:var(--dim);align-items:center;gap:5px;padding:9px 12px 2px;font-size:11.5px;display:flex}.link-modes .lmlab{margin-right:auto}.link-modes .lm{color:var(--dim);font:inherit;cursor:pointer;background:#fff9;border:1px solid #14324624;border-radius:999px;padding:3px 8px;font-size:11px;transition:background .14s,color .14s,border-color .14s}.link-modes .lm:hover{color:var(--accent);border-color:#0d7d8a73}.link-modes .lm.active{background:var(--accent);border-color:var(--accent);color:#fff}.panel-foot{border-top:1px solid var(--stroke);background:#ffffff57;gap:7px;margin-top:auto;padding:11px 15px 13px;display:grid}.panel-foot label{color:#3f566c;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.panel-foot input{accent-color:var(--accent);cursor:pointer}.building-label{letter-spacing:.05em;color:#10222f;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#ffffffdb;border:1px solid #285a7838;border-radius:5px;padding:2.5px 7px;font-size:11px;font-weight:650;transform:translateY(-6px);box-shadow:0 3px 12px #142d4129}#hint{letter-spacing:.1em;color:#4a6076;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#fff9;border-radius:20px;padding:5px 14px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#loading{z-index:20;background:radial-gradient(circle at 50% 45%,#f2f7fb 0%,#c9d7e3 72%);place-content:center;justify-items:center;gap:16px;transition:opacity .6s;display:grid;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading p{letter-spacing:.16em;color:#4a6076;font-size:12px}.spinner{border:2px solid #0d7d8a2e;border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#floor-section{border-top:1px solid var(--stroke)}#floor-title{letter-spacing:.06em;color:var(--accent);font-size:10.5px;font-style:normal;font-weight:600}#floor-grid{grid-template-columns:repeat(6,1fr);gap:4px;max-height:30vh;padding:9px 11px 11px;display:grid;overflow-y:auto}#floor-grid::-webkit-scrollbar{width:6px}#floor-grid::-webkit-scrollbar-thumb{background:#1432462e;border-radius:3px}.floor-btn{white-space:nowrap;text-overflow:ellipsis;color:#42596e;border:1px solid var(--stroke);cursor:pointer;background:#ffffff8c;border-radius:5px;min-width:0;padding:5px 0;font-family:inherit;font-size:10.5px;font-weight:600;transition:all .14s;overflow:hidden}.floor-btn:hover{color:#0b6672;background:#0d7d8a1a}.floor-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.floor-btn.below{color:#8a7a52}.floor-btn.below.active{color:#fff;background:#a5824a;border-color:#a5824a}#pin-section{border-top:1px solid var(--stroke)}#pin-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:10.5px;font-style:normal;font-weight:700}#pin-list{max-height:18vh;padding:6px;list-style:none;overflow-y:auto}#pin-list:empty{display:none}.pin-item{cursor:pointer;color:#35506a;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:10.5px;display:flex}.pin-item:hover{background:#0d7d8a17}.pin-item .pid{color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.pin-item .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pin-item .pdel{color:#9aa8b3;cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px;font-size:13px;line-height:1}.pin-item .pdel:hover{color:#c0392b}#pin-empty{color:#7b8c9b;padding:4px 13px 12px;font-size:10px;line-height:1.6}#pin-empty kbd{color:#35506a;text-align:center;background:#14324614;border-radius:3px;min-width:15px;padding:1px 4px;font-family:inherit;font-size:9.5px;display:inline-block}#btn-add-pin{letter-spacing:.08em;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:7px;margin-top:3px;padding:8px 0;font-family:inherit;font-size:11.5px;font-weight:650;transition:all .16s}#btn-add-pin:hover:not(:disabled){background:#0a6b76}#btn-add-pin:disabled{cursor:not-allowed;background:#5d72884d}#btn-add-pin.on{background:#b0503f}#breadcrumb{color:#0b6672;pointer-events:auto;background:#ffffffc7;border:1px solid #0d7d8a47;border-radius:20px;align-items:center;gap:7px;margin-top:12px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}#breadcrumb[hidden],#crosshair[hidden],#walk-hint[hidden]{display:none}.pin-label{letter-spacing:.03em;color:#fff;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#0b6672eb;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:650;box-shadow:0 3px 10px #0a323c4d}@media (width<=780px){#panel{width:196px;top:16px;right:14px}#hud{top:16px;left:16px}#hud h1{font-size:16px}.stats{gap:14px}#floor-grid{grid-template-columns:repeat(4,1fr)}}body.floor-mode #building-list{max-height:22vh}#btn-overview{color:#0a6272;letter-spacing:.02em;cursor:pointer;background:#0d7d8a14;border:1px solid #0d7d8a59;border-radius:9px;margin:0 0 8px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}#btn-overview:hover{background:#0d7d8a29;border-color:#0d7d8a8c}#pin-hint[hidden]{display:none}#pin-hint{color:#14202b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;white-space:nowrap;background:#ffffffeb;border-radius:999px;padding:9px 16px;font-size:12px;position:fixed;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #14202b24}#pin-hint b{color:#b4571f;font-weight:700}#pin-hint{align-items:center;gap:10px;display:flex}.gizmo-modes{background:#14324614;border-radius:999px;padding:2px;display:inline-flex}.gm{font:inherit;color:#4a6076;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 12px;font-size:11.5px;transition:background .15s,color .15s}.gm:hover{color:var(--accent)}.gm.active{background:var(--accent);color:#fff}.hint-sep{color:#6d7f8f}#link-editor{border-top:1px solid #14324614;margin-top:2px;padding:2px 0 4px}#link-editor .panel-head{padding-top:6px}#link-list{max-height:15vh;padding:2px 10px;list-style:none;overflow-y:auto}.link-item{border-radius:6px;padding:1px 3px}.link-item:hover{background:#0d7d8a12}.link-item.on{background:#0d7d8a1a}.link-item label{cursor:pointer;align-items:center;gap:6px;padding:3px 2px;font-size:11px;display:flex}.link-item input{accent-color:var(--accent);margin:0}.link-item .lname{text-overflow:ellipsis;white-space:nowrap;color:#24384a;flex:1;overflow:hidden}.bname{cursor:text}.bname:hover{-webkit-text-decoration:underline dotted #0d7d8a99;text-decoration:underline dotted #0d7d8a99}.name-edit{width:100%;font:inherit;color:#14202b;border:1px solid var(--accent);background:#fff;border-radius:4px;outline:none;padding:1px 3px}.floor-edit{text-align:center;padding:0 1px}.link-item .ldir{color:var(--accent);cursor:pointer;font-variant-numeric:tabular-nums;background:#0d7d8a14;border:1px solid #0d7d8a59;border-radius:4px;flex:none;padding:3px 5px;font-size:9.5px;line-height:1}.link-item .ldir:disabled{opacity:.4;cursor:default;color:#93a3b1;background:0 0;border-color:#1432461f}.link-item .lmeta{color:#7b8c9b;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.link-empty{color:#8a9aa8;padding:4px 6px;font-size:10.5px}.pin-item .plink{color:var(--accent);background:#0d7d8a1f;border-radius:4px;flex:none;padding:1px 4px;font-size:10px}.pin-device{align-items:center;gap:7px;padding:2px 13px 7px;display:flex}.pin-device .pdlab{letter-spacing:.06em;color:#7b8c9b;flex:none;font-size:10px}#device-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.dev-btn{font:inherit;color:#405a72;cursor:pointer;background:#ffffffb3;border:1px solid #14324629;border-radius:7px;padding:5px 0;font-size:10.5px;transition:background .15s,color .15s,border-color .15s}.dev-btn:hover{background:#0d7d8a1a}.dev-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pname-edit{min-width:0;font:inherit;border:1px solid var(--accent);color:var(--text);background:#fff;border-radius:5px;outline:none;flex:1;padding:2px 5px;font-size:11.5px}.pin-item.active{background:#0d7d8a1f;border-radius:8px;outline:1px solid #0d7d8a59}.bedit,.pedit{width:20px;height:20px;color:var(--dim);cursor:pointer;opacity:.42;background:0 0;border:none;border-radius:5px;padding:0;font-size:11px;line-height:20px;transition:opacity .14s,background .14s,color .14s}#building-list li:hover .bedit,.pin-item:hover .pedit{opacity:.85}.bedit:hover,.pedit:hover{opacity:1;color:var(--accent);background:#0d7d8a24}#building-list li .bh{justify-self:end}.floor-btn{justify-content:center;align-items:center;gap:1px;padding-left:2px;padding-right:2px;display:flex;overflow:hidden}.floor-btn .flab{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.floor-btn .fpen{color:var(--accent);opacity:.5;flex:none;font-size:9px;line-height:1;transition:opacity .14s,color .14s}.floor-btn:hover .fpen{opacity:1}.floor-btn.active .fpen{color:#ffffffd9;opacity:1}.modal-mask{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#101c2657;justify-content:center;align-items:center;animation:.14s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:#fffffff7;border-radius:12px;width:min(340px,100vw - 48px);padding:18px 18px 14px;animation:.16s cubic-bezier(.2,.9,.3,1.2) pop;box-shadow:0 18px 48px #101c2642}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.97)}}.modal-title{color:#14202b;margin:0 0 4px;font-size:13px;font-weight:700}.modal-hint{color:var(--dim);margin:0 0 10px;font-size:10.5px}.modal-input{box-sizing:border-box;color:#14202b;background:#fff;border:1px solid #1432462e;border-radius:7px;outline:none;width:100%;margin:8px 0 14px;padding:8px 10px;font-family:inherit;font-size:13px}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d7d8a24}.modal-foot{justify-content:flex-end;gap:8px;display:flex}.mbtn{cursor:pointer;border:none;border-radius:7px;padding:6px 16px;font-family:inherit;font-size:12px}.mbtn.ghost{color:var(--dim);background:#14324612}.mbtn.ghost:hover{background:#1432461f}.mbtn.primary{background:var(--accent);color:#fff}.mbtn.primary:hover{background:#0a6a75}