@font-face{font-family:LiuHuan;src:url(/fonts/liuhuan-subset.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}:root,[data-theme=light]{--bg-base: #f5f5f7;--bg-surface: rgba(255, 255, 255, .72);--bg-elevated: rgba(255, 255, 255, .85);--bg-input: rgba(0, 0, 0, .05);--bg-hover: rgba(0, 0, 0, .06);--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--text-inverse: #ffffff;--accent-primary: #0071e3;--accent-primary-bright: #0077ed;--accent-primary-glow: rgba(0, 113, 227, .28);--accent-secondary: #0071e3;--accent-secondary-bright: #0077ed;--accent-secondary-glow: rgba(0, 113, 227, .28);--accent-lavender: #af52de;--accent-mint: #28cd41;--accent-yellow: #ffcc00;--accent-red: #ff3b30;--accent-green: #28cd41;--accent-orange: #ff9500;--hairline: rgba(0, 0, 0, .12);--hairline-heavy: rgba(0, 0, 0, .22);--radius-sheet: 16px;--radius-card: 12px;--radius-item: 10px;--radius-pill: 980px;--shadow-sheet: 0 10px 40px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .1);--glow-pink: none;--glow-blue: none;--ease-kawaii: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-base: .32s;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei UI", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--bg-black: var(--bg-base);--panel-dark: var(--bg-surface);--border-gray: var(--hairline);--text-white: var(--text-primary);--text-gray: var(--text-secondary);--blue-accent: var(--accent-primary);--blue-hover: var(--accent-primary-bright);--red-accent: var(--accent-red);--green-accent: var(--accent-green);--yellow-accent:var(--accent-yellow);--accent-pink: var(--accent-primary);--accent-pink-bright: var(--accent-primary-bright);--accent-pink-glow: var(--accent-primary-glow);--accent-blue: var(--accent-primary);--accent-blue-bright: var(--accent-primary-bright);--accent-blue-glow: var(--accent-primary-glow);--accent-gold: var(--accent-orange);--accent-gold-bright: var(--accent-yellow);--accent-gold-glow: var(--accent-primary-glow);--ease-apple: var(--ease-kawaii);--ease-genshin: var(--ease-kawaii)}[data-theme=dark]{--bg-base: #000000;--bg-surface: rgba(28, 28, 30, .7);--bg-elevated: rgba(44, 44, 46, .75);--bg-input: rgba(255, 255, 255, .08);--bg-hover: rgba(255, 255, 255, .12);--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--text-tertiary: #6e6e73;--text-inverse: #1d1d1f;--accent-primary: #2997ff;--accent-primary-bright: #52a9ff;--accent-primary-glow: rgba(41, 151, 255, .3);--accent-secondary: #2997ff;--accent-secondary-bright: #52a9ff;--accent-secondary-glow: rgba(41, 151, 255, .3);--accent-lavender: #bf5af2;--accent-mint: #30d158;--accent-yellow: #ffd60a;--accent-red: #ff453a;--accent-green: #30d158;--accent-orange: #ff9f0a;--hairline: rgba(255, 255, 255, .14);--hairline-heavy: rgba(255, 255, 255, .22);--shadow-sheet: 0 10px 40px rgba(0, 0, 0, .6), 0 2px 4px rgba(0, 0, 0, .4);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .5);--glow-pink: none;--glow-blue: none}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:not(input):not(textarea){-webkit-user-select:none;user-select:none}html,body{height:100vh;width:100vw;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-display);font-size:15px;line-height:1.4;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-base);z-index:3000;transition:opacity var(--duration-base) var(--ease-kawaii)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-spinner{width:46px;height:46px;border:3px solid var(--hairline);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .9s linear infinite}.loading-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.02em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes kawaii-pulse{0%,to{opacity:1}50%{opacity:.6}}.status-indicator{position:fixed;left:22px;top:22px;z-index:1100;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--hairline);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-card)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-orange)}.status-dot.connected{background:var(--accent-green)}.status-dot.disconnected{background:var(--accent-red)}.radar-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-base)}.radar-container.sidebar-open{left:0}#radar-canvas{display:block}.map-zoom-controls{position:fixed;right:22px;top:22px;z-index:1100;display:flex;gap:6px;padding:5px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--hairline);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:var(--shadow-card)}.zoom-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--accent-primary);font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-kawaii),color var(--duration-fast) var(--ease-kawaii),transform var(--duration-fast) var(--ease-kawaii)}.zoom-btn:hover{background:var(--bg-hover);color:var(--accent-primary-bright);transform:scale(1.06)}.zoom-btn:active{transform:scale(.95)}@media (max-width: 640px){.status-indicator{left:12px;top:12px;padding:7px 12px;font-size:12px}.map-zoom-controls{right:12px;top:12px;padding:4px}.zoom-btn{width:34px;height:34px;font-size:18px}}