/* ============================================================
   设计系统 v3 —— 全站唯一真源
   品牌色取自 Logo：#348CFF（主） / #66D694（辅）
   本文件必须在旧样式表之后、页面级 v3 样式之前加载。
   ============================================================ */
:root{
  /* ---------- 品牌主色 ---------- */
  --brand-50:#EAF3FF; --brand-100:#B8D8FF; --brand-400:#5BA3FF;
  --brand-500:#348CFF; --brand-600:#1A6FE0; --brand-700:#15539F;
  /* ---------- 品牌辅色 ---------- */
  --accent-50:#E6F7EE; --accent-400:#66D694; --accent-600:#2FA96B;
  /* ---------- 中性色阶 ---------- */
  --ink-900:#0F172A; --ink-700:#374151; --ink-500:#6B7280; --ink-400:#9CA3AF;
  --surface:#FFFFFF; --canvas:#F7F9FC;
  --line:#E9EDF3; --line-strong:#D8DDE6;
  /* ---------- 圆角 ---------- */
  --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:22px;
  /* ---------- 间距（只允许这几档） ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px;
  /* ---------- 阴影与缓动 ---------- */
  --shadow-sm:0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 16px rgba(15,23,42,.08);
  --shadow-lg:0 18px 44px rgba(15,23,42,.10);
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ---------- 价格红橙（全站所有金额统一用） ---------- */
  --price:#F04E23; --price-deep:#C53A11; --price-soft:#FFF1EB;
  /* ---------- 布局：外壳宽度与自适应留白 ---------- */
  --shell:1200px;
  --gutter:max(24px, calc((100% - var(--shell)) / 2));

  /* ---------- 旧变量名重映射：让历史样式自动升级到新配色 ---------- */
  --bg:#F7F9FC;
  --text:#0F172A;
  --muted:#6B7280;
  --blue:#348CFF;
  --blue-soft:#EAF3FF;
  --green:#2FA96B;
  --red:#D64545;
  --orange:var(--price);
  --radius:16px;
  --shadow:0 18px 44px rgba(15,23,42,.10);
}

/* ---------- 全局字体与排版 ---------- */
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{letter-spacing:-.02em}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}