/* ==========================================================================
 * GEO 纠错监测平台 · Design Tokens —— 科技蓝 风格（blue → cyan）
 * 品牌调性：明亮、专业、有科技感的蓝
 * ========================================================================== */
:root {
  /* 品牌色 · 主蓝 */
  --av-accent:        #2563eb;
  --av-accent-hover:  #1d4ed8;
  --av-accent-press:  #1e40af;
  --av-accent-soft:   #eaf1ff;
  --av-accent-border: #c7d7fe;
  --av-accent-ink:    #1e40af;
  /* 招牌渐变：蓝 → 淡蓝（全站仅蓝 + 淡蓝 + 白） */
  --av-accent-grad:   linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);
  --av-accent-grad2:  linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);

  /* 表面 · 近白微冷灰 */
  --av-canvas:        #f7f9fc;
  --av-surface:       #FFFFFF;
  --av-surface-2:     #f5f7fb;
  --av-surface-3:     #eef2f8;

  /* 文字 · 近黑 + 深藏蓝 */
  --av-ink-1: #0b1220;
  --av-ink-2: #1a2540;
  --av-ink-3: #3a4256;
  --av-ink-4: #8b94a7;

  /* 线条 · 极浅冷灰 */
  --av-line-1: #e7ebf2;
  --av-line-2: #f0f3f8;
  --av-line-3: #d3dae6;

  /* 状态（全站仅蓝系：深=强调 / 中=提醒 / 亮=达成，淡蓝底） */
  --av-success:      #3b82f6;
  --av-success-soft: #eaf1ff;
  --av-warning:      #2563eb;
  --av-warning-soft: #e5edff;
  --av-danger:       #1d4ed8;
  --av-danger-soft:  #dbe6ff;
  --av-info:         #60a5fa;
  --av-info-soft:    #eaf3ff;

  /* 类目辅助 · 蓝色阶（深→浅，全站仅蓝系） */
  --av-cat-1: #1e40af;
  --av-cat-2: #2563eb;
  --av-cat-3: #3b82f6;
  --av-cat-4: #60a5fa;
  --av-cat-5: #93c5fd;
  --av-cat-6: #bfdbfe;

  /* 阴影 · 中性 + 蓝晕 */
  --av-shadow-sm: 0 1px 2px rgba(11,18,32,.05), 0 1px 3px rgba(11,18,32,.04);
  --av-shadow-md: 0 6px 18px -8px rgba(11,18,32,.16), 0 2px 6px -2px rgba(11,18,32,.06);
  --av-shadow-lg: 0 18px 40px -18px rgba(11,18,32,.24);
  --av-shadow-acc: 0 8px 22px -10px rgba(37,99,235,.45);
  --av-ring:     0 0 0 3px rgba(37,99,235,.16);

  /* 圆角 */
  --av-radius-sm: 8px;
  --av-radius:    12px;
  --av-radius-lg: 16px;
  --av-radius-xl: 20px;

  /* 间距 */
  --av-sp-1: 4px;  --av-sp-2: 8px;  --av-sp-3: 12px; --av-sp-4: 16px;
  --av-sp-5: 20px; --av-sp-6: 24px; --av-sp-8: 32px; --av-sp-10: 40px;

  /* 字体 */
  --av-font:      -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", sans-serif;
  --av-font-num:  "Bahnschrift", "DIN Alternate", "Segoe UI", Consolas, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--av-font);
  color: var(--av-ink-1);
  background:
    radial-gradient(1200px 700px at 8% -10%, rgba(59,130,246,.08), transparent 60%),
    radial-gradient(900px 600px at 100% 100%, rgba(96,165,250,.10), transparent 60%),
    var(--av-canvas);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}