/* ================= 问鼎 · WorkLabs 通用设计基线与量化语义体系 ================= */
:root {
  /* 基础背景与面板卡片 */
  --bg: #0b1220;
  --panel: #111a2c;
  --panel-2: #16223a;
  --panel-hover: #1c2b48;
  --card: #111a2c;
  --card-soft: #16223a;
  --card-hover: #1c2b48;

  /* 边框与分割线 */
  --line: rgba(148, 173, 214, 0.14);
  --border: rgba(148, 173, 214, 0.12);
  --border-highlight: rgba(245, 166, 35, 0.35);

  /* 文字层级色阶 */
  --text: #e8eefb;
  --text-dim: #8fa3c3;
  --text-faint: #5f7396;

  /* 品牌与强调色 */
  --accent: #f5a623;
  --accent-soft: rgba(245, 166, 35, 0.14);

  /* 行情涨跌与系统状态色 */
  --up: #ff5d5d;
  --down: #17c98f;
  --ok: #2fd189;
  --danger: #ff4757;

  /* 量化多空博弈语义色 */
  --bull: #2fd189;
  --bull-bg: rgba(47, 209, 137, 0.1);
  --bull-border: rgba(47, 209, 137, 0.28);
  --bear: #ff4757;
  --bear-bg: rgba(255, 71, 87, 0.1);
  --bear-border: rgba(255, 71, 87, 0.28);
  --warn: #ff9800;
  --warn-bg: rgba(255, 152, 0, 0.1);
  --warn-border: rgba(255, 152, 0, 0.28);
  --blue: #3890ff;
  --blue-bg: rgba(56, 144, 255, 0.1);
  --blue-border: rgba(56, 144, 255, 0.28);
  --purple: #a855f7;
  --purple-bg: rgba(168, 85, 247, 0.1);
  --purple-border: rgba(168, 85, 247, 0.28);
}

/* 基础重置 */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: radial-gradient(1200px 500px at 50% -10%, #14203a 0%, var(--bg) 55%);
  color: var(--text);
  font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 等宽金融数字 */
.num {
  font-variant-numeric: tabular-nums;
  font-family: Bahnschrift, "DIN Alternate", Consolas, "Segoe UI", sans-serif;
}