:root{--bg:#f4f6f8;--text:#172033;--muted:#667085;--line:#e5e7eb;--green:#40d486;--cyan:#24c6dc;--yellow:#facc15;--orange:#fb923c;--purple:#a855f7;--pink:#ec4899;--gray:#d1d5db;--detail-width:420px;--detail-height:390px;--map-scale:1}@font-face{font-family:Zpix;src:url(/fonts/zpix-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;border-radius:0!important}html,body,#root{width:100%;height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Zpix,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}button,input,select{font-family:Zpix,Microsoft YaHei,system-ui,sans-serif;font-size:inherit}::placeholder{font-family:Zpix,Microsoft YaHei,system-ui,sans-serif}button{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--bg);width:100vw;height:100vh;position:relative;overflow:hidden}.map-pane{top:0;left:0;right:calc(var(--detail-width) + 8px);flex-direction:column;min-width:0;transition:right .2s;display:flex;position:absolute;bottom:0;overflow:hidden}.detail-collapsed .map-pane{right:0}.topbar{background:#fff;flex:none;grid-template-columns:minmax(220px,1fr) minmax(220px,320px);align-items:center;gap:12px;padding:10px 14px 8px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-icon{width:30px;height:30px;image-rendering:pixelated;background:#22c55e;flex:none}.brand h1{letter-spacing:0;margin:0;font-size:clamp(16px,1.65vw,22px);font-weight:400;line-height:1.15}.filters{justify-content:flex-end;align-items:center;gap:8px;display:flex}.searchbar{background:#f1f3f5;border:1px solid #d1d5db;flex:220px;align-items:center;gap:8px;min-width:200px;max-width:320px;padding:7px 10px;display:flex}.searchbar input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-family:Zpix,Microsoft YaHei,system-ui,sans-serif}select,input{background:#f1f3f5;outline:0;padding:10px 12px}.map-stage{flex:auto;place-items:center;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.map-scale-box{width:calc(820px * var(--map-scale));height:calc(720px * var(--map-scale));z-index:2;position:relative}.map-canvas{width:820px;height:720px;transform:scale(var(--map-scale));transform-origin:0 0;position:absolute;top:0;left:0}.block{cursor:pointer;width:74px;height:74px;image-rendering:pixelated;box-shadow:none;-webkit-user-select:none;user-select:none;color:#111;border:0;outline:0;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s,filter .12s;display:flex;position:absolute}.block:after{content:"";pointer-events:none;position:absolute;inset:0}.block:hover:after{outline:4px solid #111}.block.active{z-index:10;transform:scale(1.08)}.block.active:after{outline:4px solid #111}.block.dim{filter:grayscale(.85)opacity(.35)}.block b{font-size:22px;font-weight:950;line-height:1}.block span{white-space:nowrap;margin-top:6px;font-size:14px;font-weight:900}.green{background:var(--green)}.cyan{background:var(--cyan)}.yellow{background:var(--yellow)}.orange{background:var(--orange)}.purple{background:var(--purple)}.pink{background:var(--pink)}.gray{background:var(--gray);color:#667085}.split-divider{top:0;right:var(--detail-width);z-index:48;cursor:col-resize;background:0 0;border:0;width:8px;height:100vh;padding:0;position:fixed}.detail-collapsed .split-divider{display:none}.app-shell.is-resizing,.app-shell.is-resizing *{-webkit-user-select:none;user-select:none}.detail-pane{z-index:50;width:var(--detail-width);background:#fff;flex-direction:column;height:100vh;transition:transform .2s;display:flex;position:fixed;top:0;right:0;overflow:visible;transform:translate(0)}.detail-collapsed .detail-pane{transform:translate(100%)}.detail-toggle{z-index:60;color:#fff;cursor:pointer;background:#111827;border:0;place-items:center;width:36px;height:44px;padding:0;display:grid;position:absolute;top:50%;left:-36px;transform:translateY(-50%)}.detail-toggle:hover{color:#111827;background:#22c55e}.detail-toggle svg{display:block}.detail-content{background:#fff;flex-direction:column;min-width:0;height:100%;display:flex}.drawer-handle{display:none}.detail-head{flex:none;padding:16px}.detail-head h2{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.detail-body{flex:auto;min-height:0;padding:16px 22px 22px;overflow:auto}.cards{gap:12px;display:grid}.card{background:#fff;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.avatar-wrap{color:#fff;background:0 0;place-items:center;width:54px;height:54px;font-weight:950;display:grid;overflow:hidden}.avatar-wrap img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.avatar-fallback{color:#fff;background:#22c55e;place-items:center;width:100%;height:100%;font-weight:950;display:none}.card-main{min-width:0}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card h3{margin:0 0 6px;font-size:16px;line-height:1.35}.school-line{color:var(--muted);align-items:center;gap:6px;margin:7px 0;line-height:1.55;display:flex}.qq-line{color:#374151;margin-top:8px;font-size:16px}.qq-line strong{color:#374151}.empty{color:var(--muted);text-align:center;background:#f8fafc;padding:22px;line-height:1.7}.site-disclaimer{z-index:1;color:#9ca3af;pointer-events:none;background:0 0;max-width:min(520px,100vw - 28px);padding:6px 10px;font-size:12px;font-weight:700;position:fixed;bottom:12px;left:14px}@media (width<=900px){.map-pane{right:0}.topbar{padding:10px 10px 8px;display:block}.brand{align-items:center;gap:8px}.brand-icon{width:28px;height:28px}.brand h1{font-size:18px;line-height:1.15}.filters{justify-content:stretch;margin-top:8px}.searchbar{flex-basis:100%;min-width:100%;max-width:none;padding:7px 10px}.map-stage{padding:10px}.split-divider{display:none}.detail-pane{width:auto;height:var(--detail-height);max-height:calc(100vh - 80px);inset:auto 10px 0;transform:translateY(0)}.detail-collapsed .detail-pane{transform:translateY(100%)}.drawer-handle{cursor:ns-resize;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;height:28px;display:flex}.drawer-handle span{background:#cbd5e1;width:48px;height:5px}.detail-toggle{width:44px;height:36px;top:-36px;left:auto;right:0;transform:none}.detail-head{padding:12px 16px}.detail-head h2{font-size:18px}.detail-body{padding:12px 14px 18px}.site-disclaimer{max-width:calc(100vw - 20px);font-size:11px;bottom:10px;left:10px}}@media (width<=520px){.topbar{padding:12px}.brand h1{font-size:20px}.map-stage{padding:8px}.detail-pane{left:8px;right:8px}.card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px}.avatar-wrap{width:48px;height:48px}.card-head{display:block}}