:root {
  /* 白蓝主题 */
  --bg: #eef3fb;
  --bg-2: #e2ebf7;
  --panel: #ffffff;
  --panel-2: #f3f7fd;
  --border: #d5e1f2;
  --text: #1b2a41;
  --muted: #6b7f9e;
  --accent: #2563eb;      /* 主蓝 */
  --accent-soft: #dbeafe;
  --ok: #16a34a;
  --warn: #d97706;
  --danger: #dc2626;
  --shadow: 0 6px 20px rgba(37, 99, 235, .08);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  background: linear-gradient(160deg, var(--bg), var(--bg-2));
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-tap-highlight-color: transparent;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  color: inherit;
}

.status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--muted);
  transition: background .3s;
}
.status-dot.online { background: var(--ok); }
.status-dot.offline { background: var(--danger); }