/* ============================================================
   招聘雷达 · 全站「精密仪表」设计令牌（theme.css）
   在各页自身 <style> 之后加载，把旧 token 名重映射到新调色，
   全局统一字体/配色/去渐变，不改各页结构、不丢功能。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Spline+Sans+Mono:wght@400;500;600;700&display=swap');

:root {
  /* 新 token（前向兼容） */
  --surface: #ffffff; --surface-2: #f1f3f6;
  --ink: #14161c; --ink-2: #464b57; --ink-3: #6b7180;
  --line: #e5e7ec; --line-2: #eef0f4;
  --accent: #4f46e5; --accent-ink: #4338ca; --accent-wash: #eef0fe; --live: #059669;
  --panel: #111318; --panel-2: #171a21; --panel-ink: #f4f5f8; --panel-ink-2: #a5abbb; --panel-line: rgba(255,255,255,.09);

  /* 旧 token 重映射 → 仪表调 */
  --bg: #f7f8fa; --bg-2: #f1f3f6;
  --card: #ffffff; --card-solid: #ffffff; --card-2: #f1f3f6;
  --border: #e5e7ec; --border-strong: rgba(20,22,28,.10);
  --text: #14161c; --text-soft: #464b57; --text-faint: #6b7180;
  --accent-2: #6366f1; --accent-3: #818cf8;
  --accent-grad: #4f46e5;      /* 去多段渐变 → 单色 */
  --hero-grad: #111318;        /* 深色仪表面板 */
  --mesh-grad: none;
  --shadow-sm: 0 1px 2px rgba(20,22,28,.04);
  --shadow: 0 4px 12px -4px rgba(20,22,28,.10);
  --shadow-md: 0 6px 20px -8px rgba(20,22,28,.13);
  --shadow-lg: 0 12px 30px -14px rgba(20,22,28,.16);
  --shadow-xl: 0 20px 44px -18px rgba(20,22,28,.20);
  --glow-indigo: 0 0 0 transparent; --glow-pink: 0 0 0 transparent;
}
[data-theme="dark"] {
  --surface: #131519; --surface-2: #1a1d23;
  --ink: #f1f2f6; --ink-2: #a7adbb; --ink-3: #6d7383;
  --line: rgba(255,255,255,.09); --line-2: rgba(255,255,255,.055);
  --accent: #818cf8; --accent-ink: #a5b0ff; --accent-wash: rgba(129,140,248,.13); --live: #34d399;
  --panel: #101218; --panel-2: #161921; --panel-line: rgba(255,255,255,.08);

  --bg: #0a0b0f; --bg-2: #0f1116;
  --card: #131519; --card-solid: #131519; --card-2: #1a1d23;
  --border: rgba(255,255,255,.09); --border-strong: rgba(255,255,255,.13);
  --text: #f1f2f6; --text-soft: #a7adbb; --text-faint: #6d7383;
  --accent-2: #a78bfa; --accent-3: #818cf8;
  --accent-grad: #818cf8; --hero-grad: #101218; --mesh-grad: none;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow: 0 4px 12px -4px rgba(0,0,0,.5);
  --shadow-md: 0 6px 20px -8px rgba(0,0,0,.55);
  --shadow-lg: 0 12px 30px -14px rgba(0,0,0,.6);
  --shadow-xl: 0 20px 44px -18px rgba(0,0,0,.65);
  --glow-indigo: 0 0 0 transparent; --glow-pink: 0 0 0 transparent;
}

/* 字体统一 */
body {
  font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background-image: none !important;   /* 抹掉 mesh 固定背景 */
  background-attachment: scroll !important;
}
.mono, [class*="mono"], .salary-cell, .tab-count, .stat .num, .data-table td .salary-cell {
  font-family: "Spline Sans Mono", ui-monospace, monospace;
}

/* 抹掉各页遗留的多段渐变横幅 → 深色仪表面板 */
.header-grad, .hero, .t-header, .page-hero, .banner-grad {
  background: var(--panel) !important;
  color: var(--panel-ink) !important;
  box-shadow: none !important;
}
.header-grad *, .hero *, .t-header * { text-shadow: none !important; }

/* 玻璃拟态收敛（保留必要处，去装饰性 blur） */
.snapshot-bar, .stat, .feature, .feature-card, .icon-btn, .hover-tab, .hover-panel,
.filter-block, .kpi, .card, .glass { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* 渐变文字 → 单色（去 slop） */
.salary-cell { -webkit-text-fill-color: var(--live) !important; background: none !important; color: var(--live) !important; }
