/*
 * 设计令牌 —— 全部取自 design/pc/*.jpg 的实测值，不是估的。
 * 取值方法见 docs/02-页面复刻规范.md §2「怎么从设计稿取数」。
 * 改这里之前先回设计稿量一遍，别凭印象调。
 *
 * --s 是全局缩放系数（无单位数），由 common.html 内联脚本按视口写入。
 * 禁用 JS 时退回 1。见 docs/14-前台布局与响应式决策.md。
 */
@property --s { syntax: "<number>"; initial-value: 1; inherits: true; }
@property --hs { syntax: "<number>"; initial-value: 1; inherits: true; }

:root {
  --s: 1;
  /* PC 页头独立倍率。≥950 为 1；640–949 由 common.html 写成 视口/950。移动端不用。 */
  --hs: 1;
  /* 阅读页 PC 下限的共用倍率，默认 1。仅简介 / 支持 / 新闻在 html:not([data-layout=mobile]) 里改写。
     营销页不要动这个值。见 docs/14。 */
  --type-boost: 1;
  --hairline: 1px;
  /* 品牌色：全站只有一个蓝、一个绿。
     实测来源：服务页 tab 选中块、订单查询按钮、首页运单条，三处取样都是 #0064B4。 */
  --brand: #0064b4;
  --brand-dark: #00559b;
  --accent: #58c220;

  /* 中性色 */
  --ink: #333333;        /* 正文 */
  --ink-soft: #666666;   /* 次要说明 */
  /* T-40 / Q29：原 #b2b2b2 对白底仅 ~2.1:1，不达 WCAG AA。#767676 ≈ 4.54:1。 */
  --ink-mute: #767676;
  --line: #e5e5e5;

  /* 底色 */
  --bg-page: #f1f6fc;    /* 浅色区通用底 */
  --bg-white: #ffffff;
  --bg-panel: #ebedef;   /* FAQ 折叠头 */
  --navy: #00123a;       /* 首页「服务网络范围」满铺底色；= 地图右侧带开阔洋主色（直方图众数 rgb0,18,58）。
                            旧值 #011541 取自左缘列均值，被含陆地亮行拉高，宽屏大边距一露就比暗洋浅一档（ΔB≈7）显缝。
                            左缘洋色均值≈#01123b 与本值近似，一色可同匹左右缘。 */
  --footer-bg: #1c1c1c;
  --footer-line: #505050;

  /* 版心。设计稿基准宽 1920。
     实测得到三种宽度，不要合并：
       1200 —— 新闻列表、FAQ、订单查询、企业文化、合作案例
       1400 —— 页脚、联系办公点、关于历程轴、首页运单条左缘
       1680 —— 服务页 tab 条、首页主营业务卡片 */
  --container: 1200px;
  --container-mid: 1400px;
  --container-wide: 1680px;
  --gutter: 24px;

  /* 页头：实测白色条高 82px，logo 左边距 40px */
  --header-h: 82px;
  --header-pad-x: 40px;
  --nav-gap: 64px;
  --nav-size: 18px;

  --radius: 4px;
  --radius-lg: 8px;

  /* 蓝绿双线区块标题：1920 稿 36；375 稿 20（第六轮用户指定，覆盖原先移动实测 24）。
     中间宽走 --s / zoom，不另写 clamp。 */
  --section-title-size: 36px;
}

/* 停用 2026-09-01：双稿改造后不再有中间过渡档，见 docs/14。Q25 作废。
   复活时把条件改回 (min-width: 769px) and (max-width: 1040px)，
   并注意现行分界是 639/640，769/1040 这两个数需要重算。 */
@media not all {
  :root { --header-h: 64px; }
}

/* PC 页头高度/边距/导航字号跟 --hs，不跟内容 --s。移动稿仍用下面的成稿值。 */
html:not([data-layout="mobile"]) {
  --header-h: calc(82px * var(--hs));
  --header-pad-x: calc(40px * var(--hs));
  --nav-gap: calc(64px * var(--hs));
  --nav-size: calc(18px * var(--hs));
}

html[data-layout="mobile"] {
  --header-h: 56px;
  --header-pad-x: 16px;
  --gutter: 16px;
  --section-title-size: 20px;
}