/* ============================================================
   蓝区官网 · 全局设计规范 v2（2026-10-27）
   字体方案与「线上合伙人招募」页一致：
   · 标题/品牌感文字 → Noto Serif SC（思源宋体，设计感）
   · 正文 → Noto Sans SC（思源黑体，清爽易读）
   ============================================================ */

/* 字体加载（Google Fonts，与招募页同源） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root {
  /* 品牌色变量（供后续统一引用，当前不强改页面颜色） */
  --bq-blue: #2563eb;
  --bq-blue-deep: #1e3a5f;
  --bq-ink: #111827;
  --bq-gray: #6b7280;
  --bq-line: #e5e7eb;

  /* 全站统一字体：标题宋体 / 正文思源黑体 */
  --bq-font-serif: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
  --bq-font: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC',
    'HarmonyOS Sans SC', 'MiSans', 'Microsoft YaHei', sans-serif;
  --bq-font-num: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
}

/* ---------- 字体与渲染 ---------- */
html {
  -webkit-text-size-adjust: 100%;
}
body,
button, input, select, textarea {
  font-family: var(--bq-font) !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 标题统一思源宋体（与招募页品牌字一致，字重 900 的气场） */
h1, h2, h3 {
  font-family: var(--bq-font-serif) !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}
h4, h5, h6 {
  font-family: var(--bq-font-serif) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

code, kbd, pre, samp {
  font-family: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, 'PingFang SC', monospace;
}

/* ---------- 排版基线（轻量，仅兜底） ---------- */
body {
  line-height: 1.6;
  color: var(--bq-ink);
}

/* 数字与英文展示：表格数字统一等宽感 */
.tabular, td.num, .spec-value {
  font-variant-numeric: tabular-nums;
}

/* ---------- 交互细节统一 ---------- */
::selection {
  background: rgba(37, 99, 235, 0.18);
}
a { -webkit-tap-highlight-color: rgba(37, 99, 235, 0.12); }
:focus-visible {
  outline: 2px solid var(--bq-blue);
  outline-offset: 2px;
}
img, video { max-width: 100%; }

/* ---------- 移动端 ---------- */
@media (max-width: 760px) {
  h1, h2, h3 { letter-spacing: 0; }
}
