/* ═══════════════════════════════════════════════════════════
   设计令牌 —— 深色控制台配色
   链路用固定色，保证四条链在任何页面都能一眼区分
   ═══════════════════════════════════════════════════════════ */
:root {
  /* 底色层次：越往上越亮 */
  --bg-0: #0b0d10;
  --bg-1: #11141a;
  --bg-2: #171b23;
  --bg-3: #1e232d;
  --bg-hover: #232935;

  /* 描边 */
  --line: #262c38;
  --line-soft: #1c212b;

  /* 文字 */
  --fg-0: #e9edf3;
  --fg-1: #aab3c2;
  --fg-2: #6f7a8d;
  --fg-3: #4a5464;

  /* 主色 */
  --accent: #4c8dff;
  --accent-dim: #2b5fc4;
  --accent-soft: rgba(76, 141, 255, 0.12);

  /* 语义色 */
  --ok: #2fbf71;
  --ok-soft: rgba(47, 191, 113, 0.13);
  --warn: #e2a33c;
  --warn-soft: rgba(226, 163, 60, 0.13);
  --err: #e5484d;
  --err-soft: rgba(229, 72, 77, 0.13);
  --info: #4c8dff;
  --info-soft: rgba(76, 141, 255, 0.13);

  /* ── 四条链路固定色 ── */
  --ds: #4c8dff;          /* DarkSword  iOS 18 主力 */
  --ds-soft: rgba(76, 141, 255, 0.14);
  --b9: #2fbf71;          /* B9         iOS 18 辅助 */
  --b9-soft: rgba(47, 191, 113, 0.14);
  --c10: #b06bff;         /* C10        iOS 19+ */
  --c10-soft: rgba(176, 107, 255, 0.14);
  --coruna: #e2a33c;      /* Coruna     iOS 13-17 */
  --coruna-soft: rgba(226, 163, 60, 0.14);

  /* 尺寸 */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 13px;
  --sidebar-w: 214px;
  --topbar-h: 52px;

  /* 字体 */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 12px 40px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-0);
  background: var(--bg-0);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: var(--accent-soft); color: #fff; }

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: #2b3240;
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: #3a4354; background-clip: padding-box; }

button, input, select, textarea { font: inherit; color: inherit; }

/* ── 链路色工具类 ── */
.ch-DarkSword { --ch: var(--ds); --ch-soft: var(--ds-soft); }
.ch-B9 { --ch: var(--b9); --ch-soft: var(--b9-soft); }
.ch-C10 { --ch: var(--c10); --ch-soft: var(--c10-soft); }
.ch-Coruna { --ch: var(--coruna); --ch-soft: var(--coruna-soft); }