: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.ttf) format("truetype");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{margin:0;overflow:hidden;font-family:Zpix,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg)}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{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg)}.map-pane{position:absolute;top:0;left:0;right:calc(var(--detail-width) + 8px);bottom:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;transition:right .2s ease}.detail-collapsed .map-pane{right:0}.topbar{flex:0 0 auto;padding:10px 14px 8px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,320px);gap:12px;align-items:center;background:#fff}.brand{min-width:0;display:flex;align-items:center;gap:10px}.brand-icon{flex:0 0 auto;width:30px;height:30px;background:#22c55e;image-rendering:pixelated}.brand h1{margin:0;font-size:clamp(16px,1.65vw,22px);line-height:1.15;font-weight:400;letter-spacing:0}.filters{display:flex;gap:8px;align-items:center;justify-content:flex-end}.searchbar{flex:1 1 220px;min-width:200px;max-width:320px;display:flex;align-items:center;gap:8px;background:#f1f3f5;border:1px solid #d1d5db;padding:7px 10px}.searchbar input{width:100%;border:0;outline:0;background:transparent;padding:0;min-width:0;color:var(--text);font-family:Zpix,Microsoft YaHei,system-ui,sans-serif}select,input{background:#f1f3f5;padding:10px 12px;outline:0}.map-stage{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;display:grid;place-items:center;padding:16px}.map-scale-box{width:calc(820px * var(--map-scale));height:calc(720px * var(--map-scale));position:relative;z-index:2}.map-canvas{position:absolute;left:0;top:0;width:820px;height:720px;transform:scale(var(--map-scale));transform-origin:top left}.block{position:absolute;width:74px;height:74px;border:0;outline:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;image-rendering:pixelated;box-shadow:none;transition:transform .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none;color:#111}.block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.block:hover:after{outline:4px solid #111}.block.active{transform:scale(1.08);z-index:10}.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{margin-top:6px;font-size:14px;font-weight:900;white-space:nowrap}.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{position:fixed;top:0;right:var(--detail-width);z-index:48;width:8px;height:100vh;border:0;padding:0;cursor:col-resize;background:transparent}.detail-collapsed .split-divider{display:none}.app-shell.is-resizing,.app-shell.is-resizing *{-webkit-user-select:none;user-select:none}.detail-pane{position:fixed;right:0;top:0;z-index:50;width:var(--detail-width);height:100vh;background:#fff;display:flex;flex-direction:column;overflow:visible;transform:translate(0);transition:transform .2s ease}.detail-collapsed .detail-pane{transform:translate(100%)}.detail-toggle{position:absolute;left:-36px;top:50%;z-index:60;width:36px;height:44px;transform:translateY(-50%);border:0;background:#111827;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.detail-toggle:hover{background:#22c55e;color:#111827}.detail-toggle svg{display:block}.detail-content{min-width:0;height:100%;display:flex;flex-direction:column;background:#fff}.drawer-handle{display:none}.detail-head{flex:0 0 auto;padding:16px}.detail-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.detail-body{flex:1 1 auto;min-height:0;padding:16px 22px 22px;overflow:auto}.cards{display:grid;gap:12px}.card{background:#fff;padding:14px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:start}.avatar-wrap{width:54px;height:54px;background:transparent;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:950}.avatar-wrap img{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.avatar-fallback{width:100%;height:100%;display:none;place-items:center;background:#22c55e;color:#fff;font-weight:950}.card-main{min-width:0}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.card h3{margin:0 0 6px;font-size:16px;line-height:1.35}.school-line{margin:7px 0;color:var(--muted);line-height:1.55;display:flex;gap:6px;align-items:center}.qq-line{margin-top:8px;color:#374151;font-size:16px}.qq-line strong{color:#374151}.empty{background:#f8fafc;padding:22px;color:var(--muted);text-align:center;line-height:1.7}.site-disclaimer{position:fixed;left:14px;bottom:12px;z-index:1;max-width:min(520px,calc(100vw - 28px));padding:6px 10px;background:transparent;color:#9ca3af;font-size:12px;font-weight:700;pointer-events:none}@media (max-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{margin-top:8px;justify-content:stretch}.searchbar{flex-basis:100%;min-width:100%;max-width:none;padding:7px 10px}.map-stage{padding:10px}.split-divider{display:none}.detail-pane{left:10px;right:10px;top:auto;bottom:0;width:auto;height:var(--detail-height);max-height:calc(100vh - 80px);transform:translateY(0)}.detail-collapsed .detail-pane{transform:translateY(100%)}.drawer-handle{display:flex;align-items:center;justify-content:center;height:28px;border:0;background:transparent;cursor:ns-resize;touch-action:none}.drawer-handle span{width:48px;height:5px;background:#cbd5e1}.detail-toggle{left:auto;right:0;top:-36px;width:44px;height:36px;transform:none}.detail-head{padding:12px 16px}.detail-head h2{font-size:18px}.detail-body{padding:12px 14px 18px}.site-disclaimer{left:10px;bottom:10px;font-size:11px;max-width:calc(100vw - 20px)}}@media (max-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}}