:root{--panel-bg:#0d1117eb;--panel-border:#30363d;--panel-text:#e6edf3;--panel-muted:#8b949e;--accent:#58a6ff;--bg:#0d1117}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--panel-text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.app{position:fixed;inset:0}.canvas{position:absolute;inset:0}.canvas canvas{display:block}.site-header{box-sizing:border-box;background:var(--panel-bg);border:1px solid var(--panel-border);z-index:9;border-radius:8px;align-items:center;gap:10px;width:260px;padding:8px 14px;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 4px 20px #0006}.site-logo{color:#fff;background:linear-gradient(135deg,#58a6ff,#9b59b6);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-weight:700;display:inline-flex}.site-title{flex-direction:column;line-height:1.2;display:flex}.site-name{color:var(--panel-text);font-size:14px;font-weight:700}.site-sub{color:var(--panel-muted);font-size:11px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:10;border-radius:8px;width:260px;max-height:calc(100vh - 24px);padding:12px;font-size:13px;position:fixed;top:76px;left:12px;overflow:auto;box-shadow:0 4px 20px #0006}.panel h2{color:var(--accent);margin:0 0 8px;font-size:14px}.meridian-list{flex-direction:column;gap:2px;display:flex}.meridian-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;gap:7px;padding:3px 5px;display:flex}.meridian-item:hover{background:#161b22}.meridian-item input{accent-color:var(--accent);flex:none;margin:0}.swatch{border-radius:3px;flex:none;width:14px;height:14px;display:inline-block}.meridian-name{white-space:nowrap;flex:1}.separator{background:#30363d;height:1px;margin:10px 0}.row{gap:6px;margin-bottom:8px;display:flex}.btn{color:var(--panel-text);cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;flex:1;padding:7px 6px;font-size:12px;transition:background .2s,border-color .2s}.btn:hover{background:#30363d}.btn.active{background:#1f6feb;border-color:#388bfd}.rotate-btn{width:100%}.info-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-left:4px solid var(--accent);z-index:10;border-radius:8px;width:280px;max-height:calc(100vh - 24px);padding:14px;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 4px 20px #0006}.info-title{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.info-name{color:#fff;font-size:22px;font-weight:700}.info-seq{color:var(--panel-muted);font-size:12px}.info-meridian,.info-ap-title{margin-bottom:6px;font-size:14px;font-weight:600}.info-desc{color:var(--panel-text);margin:0 0 10px;font-size:12px;line-height:1.7}.info-aps{flex-direction:column;gap:1px;max-height:50vh;display:flex;overflow:auto}.info-ap-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 5px;font-size:12px;display:flex}.info-ap-item:hover{background:#161b22}.info-ap-item.active{background:#1f6feb33;outline:1px solid #388bfd}.info-ap-name{color:var(--panel-text)}.info-ap-coord{color:var(--panel-muted);white-space:nowrap;font-size:11px}.info-pos{color:var(--panel-muted);border-top:1px solid #30363d;padding-top:8px;font-size:11px}.loading{color:var(--panel-muted);z-index:20;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:8px 14px;font-size:13px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.loading.error{color:#f85149}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}