@charset "utf-8";
/* ==========================================================================
   暖流 V5 · 冷色系统一（岚蓝 / Periwinkle Blue）2026-10-29
   本文件最后加载，负责三件事：① 冷色族色相 ② soft 区块层次 ③ 橙色小字对比度

   ── 为什么要动色相 ─────────────────────────────────────────────────────
   旧站冷色集中在 H197–204°，那是"青蓝"（cyan-blue），叠在浅底上读起来发绿。
   新基调 #F7FAFF 的色相是 H220°，两者相差 16–23°，大面积同框时字与底各走一边，
   就是丽丽说的"蓝色偏绿、不匹配"。宁德时代那套（#001E5A / #0028AA）落在 H220–230，
   也是同一个道理：偏紫的蓝才和橙色成对比，偏青的蓝会和橙色互相排斥。

   ── 新阶梯（只改色相，保留明度与饱和度关系，因此对比度几乎不变）──────────
   浅色底 / 描边 / 光晕   H220   与 #F7FAFF 同相，是"同一个白的不同浓度"
   中调 / 图形 / 箭头     H222
   深调 / 正文 / 标题     H224   —— 偏紫而不偏青，压在浅底上不发绿
   品牌亮蓝（技术标签、链接）H224 · S≤72   也就是下面的 --c-accent-* 三档

   全站 1493 处冷色（CSS 615 + 内联 SVG + 22 个插画 SVG）已按此归并。
   橙色族 #F08300 与其深浅变体全程未动；照片不做色相处理（见文末说明）。
   ========================================================================== */

:root{
  /* ---- 文字三阶 ---- */
  --c-ink:#1a284d;      /* 区块标题   H224 S50 L20  · 对 #f7faff 13.8:1 */
  --c-ink-2:#3b486d;    /* 次级标题   H224 S30 L33  · 8.6:1 */
  --c-ink-3:#5a698c;    /* 正文/说明  H222 S22 L45  · 5.2:1 */

  /* ---- 冷色强调（技术标签、链接、图形线）---- */
  --c-accent:#1643c0;     /* 技术名/链接   H224 S79 L42  · 7.7:1 */
  --c-accent-soft:#264cb6;/* 反馈行文字     H224 S65 L43  · 7.2:1 */
  --c-accent-line:#7692d2;/* 箭头、连线     H222 S51 L64 */
  --c-accent-edge:#b7c9ed;/* 标签描边       H220 S60 L82 */

  /* ---- 浅色面 ---- */
  --c-bg-soft:#f7faff;  /* 区块底：用户指定，同时是整套冷色的锚点 */
  --c-bg-blue:#edf1fa;  /* 卡片浅底 */
  --c-hairline:rgba(26,40,77,.06); /* 分区 hairline：线用墨蓝不用灰，叠在蓝底上不脏 */
}

/* ---- soft 区块：底色 + 上下 hairline ---------------------------------- */
/* #f7faff 明度 98.4，与纯白只差 1.6 个 L 值；原来靠 ΔL≈3.9 撑出来的分区层次会塌，
   补一道 1px 墨蓝细线把层次找回来，比把底色重新压深更通透。 */
body.v5-site .section.soft{
  background:#f7faff;
  background-image:linear-gradient(90deg,rgba(26,40,77,.06),rgba(26,40,77,.06));
  background-repeat:no-repeat;
  background-size:100% 1px;
  background-position:0 0;
  box-shadow:0 1px 0 rgba(26,40,77,.06);
}

/* 首页「技术方法」段用的是独立类名，同样处理 */
body.v5-site .home-tech-method{
  background:#f7faff !important;
  box-shadow:inset 0 1px 0 rgba(26,40,77,.06),inset 0 -1px 0 rgba(26,40,77,.06);
}

/* 深色区块里不要这道线（底色不是浅蓝，加了会露出白边） */
body.v5-site .section.soft.is-dark,
body.v5-site .section.dark{ box-shadow:none; }

/* ---- 橙色小字：把标签级橙色压深半档 ------------------------------------ */
/* #c8790f 在 #f7faff 上只有 3.24:1，13px 小字读着发虚。压到 #B85F00 → 4.29:1，
   仍是暖流橙族（H33），不发褐。品牌橙 #F08300 继续只用于图形和实心按钮。 */
body.v5-site .sec-head .eyebrow,
body.v5-site .eyebrow{ color:#B85F00; }

/* 深色底上的 eyebrow 反过来，保持浅橙（否则看不见） */
body.v5-site .section.dark .eyebrow,
body.v5-site .wf-dark .eyebrow{ color:#F5A24A; }

/* ---- 说明：照片与位图不做色相处理 --------------------------------------
   首屏、产品/关于/技术横幅是照片与渲染图，里面的水色、天光、建筑玻璃是场景本身的
   物理颜色。把它们调成紫蓝会读成"加过滤镜的照片"，反而不真。所以只统一 UI 层，
   照片保留自然色 —— 这也是宁德时代的做法：品牌蓝只管界面，图里该多青就多青。 */