/* ==========================================================
管店宝官网 · 设计令牌 Design Tokens v2.1 · 2026-10-03
----------------------------------------------------------
本文件是全站**唯一的颜色 + 让位声明源**。新增页面请引用这里的变量，
不要再手写 hex / 数字 —— 2026-10-03 第 2 轮已把散落各处的品牌橙
（#FF7C1C / #C25200 / #B34700 / #9C4200，曾分散在 12 个 CSS 里）
与「给固定导航让位」的 152/104 全部换成这里的变量。
改品牌色或改导航让位，**只改本文件**，全站同步。
第 2.5 轮（同日）又合并掉 6 个「近似橙」：
#ba4f00(186,79,0) → --brand-800（Δ 不可见）
#b54d00(181,77,0) → --brand-900（Δ 不可见）
#a34700(163,71,0) → --brand-900（Δ 不可见；白字 6.07→6.58 反升）
#8f3900(143,57,0) → --brand-900（Δ 轻微；米色底 6.89→5.94 仍达标）
#E86A0A(232,106,10)→ --brand-700（Δ 可见：回顶按钮悬停底变深，箭头对比 3.40 仍 ≥3:1）
第 6 轮（同日·深夜）按用户拍板再并最后 4 组，橙系至此全部归位：
#6e2e00(110,46,0) → --brand-900（--link-hover-color 链接悬停；白底对比 10.22→6.58，仍远超 4.5）
#FF5A00(255,90,0) → --brand-500（资讯刊头插画图形；该图内原本就并存 #FF7C1C，并后归一）
⚠️ 唯一的例外：图中承载白字的那块胶囊底用 --brand-700
（白字压 500 只有 2.58:1，压 700 是 4.67:1）
#EA580C(234,88,12) → --brand-700（插画里 10px 小字；白底 3.56→4.67，反而从不达标变达标）
#FF9A4D(255,154,77) → --brand-500（深色页脚悬停/焦点描边；压 #2E1F14 为 6.17 ✓）
⇒ 全站品牌橙只剩 --brand-500 / 600 / 700 / 800 / 900 五档。
⚠️ 以下颜色**刻意保留、不要合并**（与品牌橙无关，是框架语义色）：
#ffc107 / #fd7e14 Bootstrap 语义色（warning 黄 / 框架 orange 变量）
#66320b / #664d03 Bootstrap 派生的 emphasis 色（棕黄）
本文件只声明 :root 自定义属性，**不产生任何具体选择器规则**，
因此引入顺序不影响效果（放任意一条 CSS 前后都可）。
引入位置：各页第一条 之前（全站统一）。
例外（写死是唯一办法，不支持 var()）：
1. ：全站 94 处写死 #FF7C1C，改品牌色要跟着改。
2. SVG 呈现属性：fill="var(--x)" **不生效**，属性失效会掉回黑色。
要用变量请写 style="fill: var(--x)" 或走 CSS 规则。
========================================================== */
:root{
/* ---------- 品牌色阶 ---------- */
--brand-500:#FF7C1C; /* 主色：橙带底、强调色（白字压它只有 2.58:1，不可承载白字）*/
--brand-600:#FF9C00; /* 固定导航光晕 */
--brand-700:#C25200; /* 深色承载面：可压白字（4.63:1，正文级达标）*/
--brand-800:#B34700; /* 浅底上的橙字 / 链接 / 图标（白底 5.50:1、#FFF4E8 底 5.07:1、#FFF1E5 底 4.97:1）*/
--brand-900:#9C4200; /* 米灰底上的链接 */
/* ---------- 中性 / 文字 ---------- */
--ink-900:#2E1F14; /* 棕黑：页脚底、深色区文字 */
--ink-800:#3D2B1F; /* 长文正文 */
--ink-600:#6B5B4D; /* 米灰底次要文字 */
--surface-1:#FFFFFF;
--surface-2:#F5F2F0; /* 米灰板块底（替代 HTML 里内联的 rgb(245,242,240)）*/
--line-1:#F1E5D8; /* 米色分隔线 */
--line-2:#E8E2DA;
/* ---------- 品牌橙带上的文字（2026-10-03 第 1 轮）----------
底色 #FF7C1C 不动，把上面的白字换成深棕系。
原方案 白字 #FFFFFF = 2.58:1 ✗（低于正文 4.5 / 大字号 3.0 双线，
最低到 2.0:1）。改后实测（相对 #FF7C1C 底）：
--on-brand 6.16:1 ✓ 正文与大字号双线都过（H1 / 大标题）
--on-brand-strong 5.81:1 ✓（可点链接）
--on-brand-muted 5.00:1 ✓（导语、meta、当前页 等小字也过 4.5）
分隔符 "›" 属装饰图形，不受 4.5 约束，单独用 --on-brand-line。 */
--on-brand:#2E1F14;
--on-brand-strong:#38220F;
--on-brand-muted:#4A2A12;
--on-brand-line:rgba(46,31,20,.45);
/* ---------- 字体栈（2026-10-03 第 6 轮新增）----------
站内默认字体栈是 "Poppins"(拉丁/数字) + 中文字体兜底：
数字走 Poppins、汉字走 PingFang，二者字面高度与重心不同，
所以「25+万」「200+ 城市」这类数字紧邻汉字的串会看着「不齐」。
--font-cjk-num 去掉 Poppins，让数字也用中文字形 —— 同族即齐平。
⚠️ 只给「大号统计数字 / 首屏大标题」用，**不要给正文和导语用**：
正文里的数字是正常西文排印，换掉会让小字整体观感变化，
属于「全站视觉变更」，用户拍板范围只到「最显眼的大数字」。
⚠️ 含英文单词的元素慎用（会让 SaaS / iOS 这类词也失去 Poppins 字形）。 */
--font-cjk-num:"PingFang SC", "Microsoft YaHei", "Odoo Unicode Support Noto", "Hiragino Sans GB", sans-serif;
/* ---------- 固定导航「让位」空白（第 2 轮启用）----------
导航实际高度约 107px、固定悬浮；页面首屏必须自行留出顶部空白，
否则内容会被导航压住。这个值**只能放宽、不能收紧**（历史上被误收两次）。
两个值分开放，是为了不再出现「同一个变量在不同断点自动变值」的陷阱：
--nav-offset 宽屏让位值（≥992px 用）
--nav-offset-sm 窄屏让位值（各页在自己的媒体查询里显式选用）
注意：不同频道的降档断点本来就不一样（多数页 767.98px、活动模板页 991.98px），
所以这里**不做**自动降档，由每个页面显式选，免得 A 页的断点污染 B 页。 */
--nav-offset:152px;
--nav-offset-sm:104px;
--nav-height:107px;
/* ---------- 频道头字号阶梯（2026-10-04 用户拍板）----------
背景：资讯刊头字号经 7 轮「加大10px试试」式微调，H1 落在 32–50px 流动值，
badge 13px 与导语 15px 只差 2px、tab 与导语同大小——「大小都是随便的感觉」。
定一条 1.25 倍递增的标题阶梯，频道头只用其中四档，写死不流动：
--fs-eyebrow 12px 眉题（badge，大写+字距，明显小于正文退成标签）
--fs-tab 18px 频道子 tab（20261004 由 14px 定档 18px，用户实测「正好」）
--fs-lead 15px 导语/正文辅文（= 站内既有正文标准 .9375rem，收进来只为引用统一）
--fs-hero 32px 频道头 H1 手机档
--fs-hero-xl 48px 频道头 H1 桌面档（≥992px；≈原 50px 流动顶值，观感无差）
--fs-hero-sub 20px 头图副题/导语行（20261004 三修新增）：案例页副题、资讯刊头导语、
faq/联系我们头图副题（.contact-hero-sub）统一引用此档。
⚠️ 20261004 二修：资讯刊头桌面档应观众要求覆写为 4.5rem(72px) 对齐首页/关于我们 hero 基类值
（见 gdbkhal.css）—— 阶梯档 48px 保留备用；其它频道头要动字号仍引用这套变量。 */
--fs-eyebrow:.75rem;
--fs-tab:1.125rem;
--fs-lead:.9375rem;
--fs-hero:2rem;
--fs-hero-xl:3rem;
--fs-hero-sub:1.25rem;
/* ---------- 正文标题阶梯（2026-10-04 全站统一 · 用户拍板「以首页为准」）----------
背景：首页 tuike.css 曾在 ≥1200px 把 .hN-fs 整档覆写，比其余 88 页大 1~1.5px
—— 同一个类名、同样的小标题，在不同频道不是一个字号；且同一套 .hN-fs
在 5 个 base 里各存一份，改字号要改 5 处、漏一处就分叉（首页的分叉就是这么来的）。
用户拍板：以首页那套（阅读体验优先）为全站基准，各频道 base 的**桌面落点**
一律引用这里，此后改字号只改本文件。
⚠️ 只统一「≥1200px 桌面落点」。移动端的 calc()+vw 渐进值仍留在各自 base，未动。
⚠️ 名字别与上面的「频道头字号阶梯」混：这里的 --fs-prose-lead(18px) 是**正文 .lead**；
上面的 --fs-lead(15px) 是**频道头导语**（写死小字）。两者用途不同。 */
--fs-display-2:4.5rem; /* 72px 页面 hero 大标题 */
--fs-display-3:4.125rem; /* 66px 首屏大数字 */
--fs-display-4:3.5rem; /* 56px */
--fs-h1:2.8125rem; /* 45px */
--fs-h2:2.4375rem; /* 39px 板块标题 */
--fs-h3:1.9375rem; /* 31px 卡片/小节标题（站内用得最多的一档）*/
--fs-h4:1.5rem; /* 24px 卡片标题 / 标语 */
--fs-h5:1.25rem; /* 20px 小标题 */
--fs-h6:1rem; /* 16px 辅助说明 */
--fs-prose-lead:18px; /* 正文导语 .lead（比正文大一号）*/
}