/* ══════════════════════════════════════════════════════════════════
   emph-r15.css — 第 15 轮:点题句立一个层级 + 分印退回卡片

   为什么有这个文件
   ─────────────────
   委托人 2026-09-23 的三条原话:

     1「官網有些字和描述是不是可以設計和突出一下,讓描述有重點感 ——
        比如關於我們 · 這件事說得清嗎?」
     2「運營模式 · 分界原則的排版有問題」
     3「支付能力,那幾個描述的插圖都是隨意毫無相關的」

   ── 第 1 条:站上根本没有「点题句」这一层 ──────────────────────

   实测渲染后的字号阶梯(1440 宽,深色版,下同):

       节标题 h2 ............................ 36   / 700
       节内小标题 .subhead .................. 26.3 / 700
       节导语 .body.lead .................... 21   / 400
       点题句 .pivot(全站 6 处)............ 20   / 600   ← 比导语还小
       卡片标题 .split__label / .card h3 .... 20   / 600   ← 与点题句同级

   点题句是每一节的落点(「流程可以自动,责任不行。」「本地的判断,在本地做出」
   「能力越强,边界越要写在前面」…),却比它上面的导语更小,且和卡片标题一模一样。
   版面上它不是一个层级,所以读起来「没有重点感」——她说的是对的。

   ⚠️ 这个 bug **在 about 页那一句上已经修过一次了**,只是没修到 .pivot。
      pages-v1.css:421 `.quote--creed` 的注释逐字如下:

        「这是整页的落点,Yannie 要的是『字号放大』。第一版借 --fs-h3(20px)
          反而比它上面的小标题『我们相信』(26px)还小,读出来是附注不是结论。」

      而 site.css:1126 的 `.pivot` 至今写着 `font-size: var(--fs-h3)` —— 同一个
      毛病,同一个根因,漏了另一半。所以这里**不另发明尺寸**,直接沿用
      .quote--creed 已经定过的那把尺 clamp(24px, 1.1rem + 0.8vw, 30px),
      落在小标题 26 与节标题 36 之间。.pivot 原有的上下两条细线与居中不动 ——
      那个器物本身是对的,只是字太小撑不住它。

   ── 她点名的那一句 ────────────────────────────────────────────

   about#vision 结尾:

     <p class="body lead">这不是品牌口号。…背后的同一个问题:这件事,说得清楚吗?</p>

   四句话挤在同一个 18px/400 的段里,承上的三句和落点的那一句字形完全相同。
   冒号已经把它引出来了,版面却没接住。这一轮把那一句拆成自己的一行 .ask。
   全站扫过一遍,正文里以问号收尾的落点句**只有这一处**(判据:对 7 个 html
   正则取 <p class="body|body lead|split__body"> 的纯文本,筛末字为 ? / ?)——
   所以 .ask 这一层只用在这里,不是撒下去的新装饰。

   .ask 的器物要和邻居区分得开:上方那句 .quote--creed 是「左侧一条蓝杠」,
   .pivot 是「上下两条细线 + 居中」,所以 .ask 取第三种:**只在上方一条细线**,
   左对齐,字号插在正文 18 与 creed 29 之间。

   ── 第 3 条:分印(.ovp-imp)是卡片器物,被贴到行上了 ────────────

   overprint-r11.css 对分印的口径写得很直白:
     「分印**不拉伸去铺满卡片**,而是固定 208px 压在卡片右下角」
     「材料从卡片的**右下角**渗进来」
   —— 它按定义是一个**卡片**器物:图固定 240×90,靠右下角,靠 mask 从右下渗入。

   实测全站 65 个分印,按父容器宽高比一刀两断,且和 class 完全重合:

       卡型(她从没抱怨过) 42 个   .card / .deflist__item / .usp__item / .tenet
                                   宽高比 1.31 ~ 2.55
       行型(出问题的)     23 个   .split__item / .qa__item / .row
                                   宽高比 4.64 ~ 14.91

   在 1136×121 的一行里,这枚 240 宽的角标孤零零挂在最右边,离它该修饰的文案
   八百多像素,和那行字没有任何关系 —— 这正是她说的「隨意毫無相關」。
   careers#who 的行只有 76px 高,90 高的图还会被切掉一截。
   **而且 services#payments 那五行只用了两种母题**(第 1/2/4 行一种,第 3/5 行
   另一种),所以「都是直接套用同一個」在行级这一层是**字面属实**的
   (模块级那一层不属实,我 09-23 上午已经如实说过)。

   处理:行型的 23 个撤掉。不给行另画一套 —— 76~121px 高的一行里放不下有含义的
   图,硬放就还是贴纸。撤掉之后 services#payments 会没有任何插图,所以
   **另给它补一张照自己文案画的模块插图**(emph-r15.js),与 r14 那七处同口径。

   ── 顺带:四个类漏在分印的压暗表外 ─────────────────────────────

   overprint-r11.css 里 `.ovp-imp` 有一张压暗表,把各部件压到 0.055~0.30。
   实测渲染后的真实不透明度:

       表内(正常)  ovp-node-2 .20  ovp-rule-2 .17  ovp-ghost .10
                     ovp-raster-2 .08  ovp-edge-2 .26  ovp-tab-2 .22
                     ovp-plane .046  ovp-plane-2 .07
       表外(漏网)  ovp-rule .54   ovp-edge .50   ovp-node .54
                     ovp-strand-2 .345

   漏网的四个按基色原样画,比同袍亮 2~10 倍。她截图里那道「很响的蓝色折线」
   就是 ovp-strand-2 —— 它该在 .08~.20 这一带,实际画在 .345。
   (另有 ovp-ground 计算值 fill:1,但它 display:none、包围盒 0×0,**没有被画出来**,
    不算缺陷 —— 这条是我特地去验过才敢写的。)

   撤掉行型之后还剩 42 个卡型分印,这四个类在其中照样用到,所以压暗表要补齐。

   整轮回退 = 删掉 7 个 HTML head 里引用本文件与 emph-r15.js 的两行,
   再把三处 HTML 改回去(见 改动说明 的「非增量改动」一节)。
   ══════════════════════════════════════════════════════════════════ */

/* ── 1 · 点题句:沿用 .quote--creed 已经定过的尺 ────────────────── */
.pivot {
  font-size: clamp(24px, 1.1rem + 0.8vw, 30px);
  line-height: 1.45;
  letter-spacing: -.01em;
}

/* ── 2 · 埋在正文里的落点句 ─────────────────────────────────────
   只在上方一条细线 + 左对齐,和 .quote--creed(左蓝杠)、.pivot(上下线居中)
   三者互不撞脸。 */
.ask {
  max-inline-size: var(--measure);
  margin-block: var(--s-6) 0;
  padding-block-start: var(--s-4);
  border-block-start: 1px solid var(--c-divider);
  font-size: clamp(21px, 1rem + 0.55vw, 25px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -.01em;
  color: var(--c-text);
}
[data-theme="dark"] .ask {
  border-block-start-color: color-mix(in srgb, var(--c-border-strong) 34%, transparent);
}

/* ── 3 · 分印退回卡片:行型父容器里的撤掉 ───────────────────────── */
.split__item .ovp-imp,
.qa__item    .ovp-imp,
.row         .ovp-imp { display: none; }

/* ── 4 · 补齐 .ovp-imp 的压暗表 ─────────────────────────────────
   取值对齐表内同类:实线走 rule-2/edge-2 那一档,牵引线走 raster~ghost 那一档。 */
.ovp-imp .ovp-rule,
.ovp-imp .ovp-edge,
.ovp-imp .ovp-node     { stroke-opacity: .17; }
.ovp-imp .ovp-strand-2 { stroke-opacity: .12; }

[data-theme="dark"] .ovp-imp .ovp-rule,
[data-theme="dark"] .ovp-imp .ovp-edge,
[data-theme="dark"] .ovp-imp .ovp-node     { stroke-opacity: .22; }
[data-theme="dark"] .ovp-imp .ovp-strand-2 { stroke-opacity: .16; }