/* 主题 ① 极简科技蓝白 — 与首页 brand.css 色板对齐（2026-09-17） */
body.theme-blue {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Inter, sans-serif;
  --maxw: 1160px;
  --gutter: 18px;
  --header-h: 64px;
  --radius: 14px;
  --radius-sm: 10px;
  --grid-gap: 18px;

  --bg: #f7fbff;
  --surface: #ffffff;
  --text: #102746;
  --muted: #51657d;
  --heading: #102746;
  --border: #d8e6f7;
  --link: #0969da;
  --link-hover: #0550ae;

  --accent: #0969da;
  --accent-ink: #ffffff;

  --header-bg: rgba(255, 255, 255, 0.92);
  --header-blur: blur(12px);
  --nav-hover-bg: rgba(9, 105, 218, 0.08);
  --nav-active-bg: rgba(9, 105, 218, 0.12);
  --shadow-md: 0 12px 40px rgba(16, 39, 70, 0.08);

  --hero-title: #102746;
  --hero-lead: #51657d;
  --hero-strong: #102746;

  --tag-border: #dbe7f4;
  --tag-bg: #ffffff;
  --tag-text: #47617e;
  --code-bg: #eef5fc;

  --callout-border: #b3d4f5;
  --callout-bg: #e8f4ff;
  --callout-text: #1a3a52;
  --callout-strong: #0969da;
  --callout-code-bg: rgba(255, 255, 255, 0.85);
  --callout-code-text: #0b3d91;

  --card-border: #dce6f2;
  --card-bg: #ffffff;
  --card-shadow: 0 4px 20px rgba(16, 39, 70, 0.06);

  --codeblock-border: #1a3a52;
  --codeblock-bg: #0f2744;
  --codeblock-text: #e8f1f8;

  --footer-bg: #ffffff;
  --footer-text: #61748b;
  --footer-heading: #102746;
  --footer-link: #61748b;

  --alert-error-bg: #fef2f2;
  --alert-error-text: #991b1b;
  --alert-error-border: #fecaca;
  --alert-ok-bg: #ecfdf5;
  --alert-ok-text: #065f46;
  --alert-ok-border: #a7f3d0;
}

body.theme-blue .hero.hero-surface {
  background:
    radial-gradient(ellipse at 90% 10%, #dfecff, transparent 55%),
    linear-gradient(180deg, #f7fbff, #fff);
  border-bottom: 1px solid var(--border);
}

body.theme-blue .hero h1 {
  letter-spacing: -0.04em;
  line-height: 1.12;
}

body.theme-blue .hero .lead,
body.theme-blue .hero .sub {
  color: var(--hero-lead);
}

body.theme-blue .section-alt {
  background: #f4f8fd;
}