/* ============================================================
   潜龙八字 · 皮肤 03「qing」· patch.css
   ------------------------------------------------------------
   职责：把「青瓷天青」的釉面感落到组件上（不动版式，EL-5）。
   两类事：① 细节小巧思（本套 9 条）② 可视化增强（3 处）

   本套与 08「slate 苍岩石绿」都浅、都带绿，补丁必须**强化分野**：
     slate = 硬边 0px + 硬影 + 高密度 + 苔绿实块（糙·断面）
     qing  = 小圆角 + 柔影 + 留白从容 + 靛青细线（净·釉面）

   ⛔ 不含栅格 / 间距阶 / 模块秩序（归 css/layout-v3.css）。
   ⛔ 只消费 var(--*)；不新增令牌；无强制优先声明；无断点型媒体查询。
   ⛔ 类名取自真实样式表；注释内不写块注释结束符号片段（硬教训 10）。
   ============================================================ */

/* ------------------------------------------------------------
   一 · 细节小巧思（9 条）
   ------------------------------------------------------------ */

/* 巧思 1：卡片 = 一片釉面，只留**一圈细口沿**（1px --line）+ 淡影。
   釉面的特征是「边清而影淡」：边界必须干净，体积感却很轻 ——
   所以既不用粗边（那是 slate），也不用重影（那是 dawn）。 */
[data-skin="qing"] .card{
  outline: 1px solid var(--line);
  outline-offset: -1px;

  box-shadow: var(--shadow-md);
}

/* 巧思 2：卡片标题下压一条**靛青细线** —— 瓷器的口沿线。 */
[data-skin="qing"] .card-title{
  border-bottom: 1px solid var(--brand-soft);
}

/* 巧思 3：当前页签 = 靛青细框 + 靛青字（**不填实底**）。
   青瓷是「净」的，实色块会显闷；用一圈细框 + 主色字，像瓷器上一道刻痕。 */
[data-skin="qing"] .tab.active{
  background: var(--brand-soft);
  color: var(--brand);
  box-shadow: inset 0 0 0 1px var(--brand);
}

/* 巧思 4：主按钮 = 靛青实底 + 极淡影（釉面按钮不该有重投影）。
   按下时加深，不做位移 —— 瓷器是硬的，位移会显得「软」。 */
[data-skin="qing"] .primary-btn{
  background: var(--brand);
  color: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-skin="qing"] .primary-btn:active{
  background: var(--brand-deep);
  box-shadow: none;
}

/* 巧思 5：表头 = 无底色 + **靛青下边线**（青瓷的净，首先体现在「不铺底」）。 */
[data-skin="qing"] .pillars-table th{
  background: transparent}

/* 巧思 6：四柱干支字重 800、行高 1.08，且**不加字距** ——
   瓷器上的字是刻的，刻字不会拉开间距（拉开字距是印刷品的语言，属于 07）。 */
[data-skin="qing"] .pillar .p-gan,
[data-skin="qing"] .pillar .p-zhi{
  font-weight: 800;
}

/* 巧思 7：聚焦环 = 靛青柔环 + 一圈釉白。双层环正是「釉下有一层白胎」的暗示，
   同时双层能保证在任何底色上都看得见（单环在 --surface 上会偏淡）。 */
[data-skin="qing"] .tab:focus-visible,
[data-skin="qing"] .quick:focus-visible,
[data-skin="qing"] .tl-item:focus-visible,
[data-skin="qing"] .seg:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand-glow);
}

/* 巧思 8：滚动条 = 细青条 + **透明轨道**（青瓷的净不容轨道色块）。 */
[data-skin="qing"] .tl-scroll::-webkit-scrollbar,
[data-skin="qing"] .detail-scroll::-webkit-scrollbar,
[data-skin="qing"] .ai-msgs::-webkit-scrollbar,
[data-skin="qing"] .rp-toc-side::-webkit-scrollbar{
  width: 8px; height: 8px;
}
[data-skin="qing"] .tl-scroll::-webkit-scrollbar-thumb,
[data-skin="qing"] .detail-scroll::-webkit-scrollbar-thumb,
[data-skin="qing"] .ai-msgs::-webkit-scrollbar-thumb,
[data-skin="qing"] .rp-toc-side::-webkit-scrollbar-thumb{
  background: var(--line-strong);
  border-radius: 4px;
}
[data-skin="qing"] .tl-scroll::-webkit-scrollbar-track,
[data-skin="qing"] .detail-scroll::-webkit-scrollbar-track,
[data-skin="qing"] .ai-msgs::-webkit-scrollbar-track,
[data-skin="qing"] .rp-toc-side::-webkit-scrollbar-track{
  background: transparent;
}

/* 巧思 9：报告章序号 = 靛青细框圆牌（金字实底属于 01 与 09，本套只描边）。 */
[data-skin="qing"] #page-report .rp-chapno{
  background: transparent;
  color: var(--brand);
  box-shadow: inset 0 0 0 1px var(--brand);
  border-radius: 4px;
}

/* ------------------------------------------------------------
   二 · 可视化增强（3 处）
   ------------------------------------------------------------ */

/* 可视化 1：五行力量条 —— 段间留 3px **釉白缝**（区分更清楚，且不破坏净度）。
   ★ 缝色用 --surface（近白釉面），不是 --bg：底是冷青的，用底作缝会显脏。 */
[data-skin="qing"] .wx-bar{
  background: transparent;
}
[data-skin="qing"] .wx-bar .wb-seg{ border-radius:var(--r-sm); }

/* 可视化 2：五行图例的色点 = 小圆点 + **釉白内圈**（像釉里的一颗气泡）。 */
[data-skin="qing"] .wx-legend .wx-dot{
  border-radius:var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--surface)}

/* 可视化 3：十神档位条 —— 轨道走极淡青、填充走靛青，两端小圆角。
   ★ 绘制顺序：轨道 ::before、填充 ::after（::after 画在 ::before 之上）
     —— 反过来会让填充永远被盖住（本项目已踩过的坑）。 */
[data-skin="qing"] .sh-card::before{
  background: var(--surface-3);
  border-radius: 4px;
}
[data-skin="qing"] .sh-card::after{
  border-radius: 4px;
}

/* ============================================================
   三 · 深化（261005 · 依《261005-付费7套皮肤深化方案（施工级）》§三 D1–D8）
   ------------------------------------------------------------
   为何要深化：本套此前只有「一 · 细节小巧思 9 条 ＋ 二 · 可视化 3 处」＝ 20 条规则、
   ~11 个组件族；而 04 epic 456 条 / 183 族、05 nova 379 条 / 158 族 ——
   并排时 qing 显得「只有配色、没有工艺」。本节按 D1–D8 把釉面工艺补齐。

   调性（方案 §四·五套调性词典）：**青瓷天青 —— 天青釉、开片细纹**。
     D1 卡片：釉面细描边 ＋ **开片**    D2 控件：圆润方角、釉色填充、悬停**釉光**
     D3 表格：表头**釉线**、行底瓷白      D4 可视化：青瓷刻度尺、釉色档位
     D5 时间轴：今位**釉光**（壳在机制层，3.8s / 44%）
     D7 体例：**衬线 ＋ 微正字距**

   ⛔ 与同族浅色皮肤的分家（官方注释已给定分野，本节把它**落成可判读的差异**）：
     slate ＝ 硬边 0px ＋ 硬影 ＋ 高密度 ＋ 苔绿**实块**（糙·断面）
     qing  ＝ 小圆角 ＋ 柔影 ＋ 留白从容 ＋ 靛青**细线**（净·釉面）
   与已深化的两套亦分家：epic＝金**面** ｜ codex＝金**线** ｜ ink＝墨**笔** ｜
     **qing＝釉（开片 + 釉白内圈）** —— 前三套都在「金属／墨」，本套是**非金属的釉**。

   ⛔ 五条硬约束（方案 §三）
     ① 尺寸一律不动（padding/margin/gap/width/height/font-size/line-height/box-sizing/flex
        ＋ **border 宽度**，全在 `test_skin_geometry_parity` 冻结面内）；
     ② 要「加粗线／加边」一律改 **inset box-shadow** 或 **background-image**；
     ③ 颜色不得单独承载信息（语义色只作细边；文字仍走墨色）；
     ④ 无 `!important`；⑤ 每条规则必带 `[data-skin="qing"]` 前缀（补丁契约门禁）；
     ⑥ 本文件**不新增自定义属性**（沿用既有契约：只消费 var(--*)）。
   ✅ 可放心用的维度：color / background(-image/-size/-position/-repeat/-color) / box-shadow /
      outline / border-radius / **border-color（只改色）** / font-family / font-weight /
      letter-spacing / transition ／ **`::before`／`::after` 整段豁免**（含其内尺寸）。
   ⚠ 已占槽位（本节绕开）：`.tl-item.now::before` —— **机制层** `css/fx-scan.css` 占用
      （「今」位扫描亮光 · 本套 3.8s／44%）⇒ 对「今」只碰**本体**与 `::after`。
   ⚠ 无边框声明的类（实测）：`.band-pill`／`.xing-tag`／`.six-chip`／`.zg-item`／`.col-day`／
      `.user-info`／`.reading-box`／`.ql-tip-x`（`border:0`）／`.ai-send`（`border:none`）／
      `.wx-item`（仅 outline）／`.sheet`（仅 outline）⇒ ⛔ **不写 border-color**，改 inset／background-image。
   ⚠ `.card` 的 `box-shadow` 属**巧思 1**（`var(--shadow-md)`）⇒ 深化若需加内环，须**整条重写**并保留原值。
   ⚠ `.card-title` 基线已有 `border-bottom`（巧思 2，色 `--brand-soft`）⇒ **改色**即可，⛔ 不再加背景线。
   ============================================================ */

/* ------------------------------------------------------------
   D1 · 卡片族 ——「釉面 ＋ 开片 ＋ 双层口沿」
   ------------------------------------------------------------ */

/* D1-1 卡面：**开片**（青瓷特有的釉面裂纹）＋ 内圈**釉白**（「釉下白胎」）。
   开片用三层**不同角度**的极细斜纹叠加 —— 单层是条纹，三层才是「裂」。
   ⚠ 重写 `box-shadow` 时必须**保留巧思 1 的 `var(--shadow-md)`**（⛔ 不抹掉既有柔影）。 */
[data-skin="qing"] .card{
  background-image:
    repeating-linear-gradient(58deg,  rgba(29, 101, 119, .050) 0 1px, transparent 1px 27px),
    repeating-linear-gradient(-34deg, rgba(29, 101, 119, .036) 0 1px, transparent 1px 35px),
    repeating-linear-gradient(11deg,  rgba(29, 101, 119, .026) 0 1px, transparent 1px 47px);
  box-shadow: inset 0 0 0 1px var(--surface), var(--shadow-md);
  transition: box-shadow .18s ease;
}

/* D1-2 卡题下沿口沿线：把巧思 2 的淡线提到「釉线」的深度（改色）＋ 瓷器该有的衬线与**微正**字距。
   ⚠ 「微正」＝ 小到 .03em —— 本套是 9 套里**字距最克制**的一套（对比 ink 的 .18em 疏朗）。 */
[data-skin="qing"] .card-title{
  border-bottom-color: var(--brand-soft);
  font-family: var(--font-serif);
  letter-spacing: .03em;
}

/* D1-3 通用卡族同制：记录卡／病药卡／解读框／校准文档／用户信息条。
   开片只留**一层**（大面上三层会糊），＋ 釉白内环（后三者无边框 ⇒ 一律 inset）。 */
[data-skin="qing"] .record-card,
[data-skin="qing"] .disease-card,
[data-skin="qing"] .reading-box,
[data-skin="qing"] .cali-doc,
[data-skin="qing"] .user-info{
  background-image: repeating-linear-gradient(62deg,
    rgba(29, 101, 119, .032) 0 1px, transparent 1px 31px);
  box-shadow: inset 0 0 0 1px var(--surface);
}

/* D1-4 卡题左缘时间点：釉里一颗**气泡**（小圆 ＋ 釉白内圈，与可视化 2 同一语言） */
[data-skin="qing"] .tick{
  border-radius: var(--r-pill);
  box-shadow: inset 0 0 0 1px var(--surface);
}

/* ------------------------------------------------------------
   D2 · 控件族 ——「圆润方角 ＋ 釉色填充 ＋ 悬停釉光」
   ⛔ 本套交互反馈**不用位移**、不用硬影 —— 瓷器是硬的，只变**釉光**。
   ------------------------------------------------------------ */

/* D2-1 次按钮系：釉线边（只改色）＋ 墨字 ＋ 小圆角，静置透明 */
[data-skin="qing"] .mini-btn,
[data-skin="qing"] .iconbtn,
[data-skin="qing"] .hamburger,
[data-skin="qing"] .sb-toggle,
[data-skin="qing"] .ai-close,
[data-skin="qing"] .ai-clear,
[data-skin="qing"] .dr-close,
[data-skin="qing"] .skin-pick{
  border-color: var(--line-strong);
  color: var(--ink-2);
  background-color: transparent;
  border-radius: var(--r-sm);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

/* D2-2 `.btn-ghost` 基线**有**边框（`1px solid var(--line-strong)`）⇒ 只改色，⛔ 不重复 inset */
[data-skin="qing"] .btn-ghost{
  border-color: var(--line-strong);
  color: var(--ink-2);
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

/* D2-3 悬停＝**釉光**：边转靛青、字转靛青、底起一层极淡釉色，外圈再泛一圈柔光。
   ★ 「釉光」＝ 用 `box-shadow` 的**柔扩散**（无位移、无硬边）—— 这是本套与 slate 硬影的关键分野。 */
[data-skin="qing"] .mini-btn:hover,
[data-skin="qing"] .iconbtn:hover,
[data-skin="qing"] .hamburger:hover,
[data-skin="qing"] .sb-toggle:hover,
[data-skin="qing"] .ai-close:hover,
[data-skin="qing"] .ai-clear:hover,
[data-skin="qing"] .dr-close:hover,
[data-skin="qing"] .btn-ghost:hover{
  border-color: var(--brand);
  color: var(--brand);
  background-color: var(--brand-soft);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

/* D2-4 主按钮：静置已是靛青实底（巧思 4）；悬停加一层**釉光**，⛔ 不做位移 */
[data-skin="qing"] .primary-btn{
  transition: background-color .18s ease, box-shadow .18s ease;
}
[data-skin="qing"] .primary-btn:hover{
  box-shadow: 0 0 0 3px var(--brand-soft), var(--shadow-sm);
}

/* D2-5 分段控件：外框釉细环（⛔ `.segmented` 存在 `border:none` 变体 ⇒ 统一走 inset）＋ 小圆角 */
[data-skin="qing"] .segmented{
  background-color: transparent;
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

/* D2-6 分段项：未选中＝淡墨；悬停＝靛青 ＋ 釉色；选中＝**釉色填充 ＋ 靛青细框**（同巧思 3 的刻痕语言，
   ⛔ 不填靛青实底 —— 青瓷是「净」的，实色块会闷）。 */
[data-skin="qing"] .seg{
  color: var(--ink-3);
  background-color: transparent;
  border-radius: var(--r-sm);
  transition: color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
[data-skin="qing"] .seg:hover{
  color: var(--brand);
  background-color: var(--brand-soft);
}
[data-skin="qing"] .seg.active{
  color: var(--brand);
  background-color: var(--brand-soft);
  box-shadow: inset 0 0 0 1px var(--brand);
}

/* D2-7 快捷胶囊：靛青边 ＋ 悬停釉光（`.quick` 基线有边框 ⇒ 只改色） */
[data-skin="qing"] .quick{
  border-color: var(--line-strong);
  color: var(--ink-2);
  border-radius: var(--r-sm);
}
[data-skin="qing"] .quick:hover{
  border-color: var(--brand);
  color: var(--brand);
  background-color: var(--brand-soft);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

/* D2-8 页签：未选中＝淡墨，悬停＝靛青（选中态见巧思 3 的刻痕框） */
[data-skin="qing"] .tab{
  color: var(--ink-3);
  transition: color .16s ease;
}
[data-skin="qing"] .tab:hover{ color: var(--brand); }

/* ------------------------------------------------------------
   D3 · 表格族 ——「表头釉线 ＋ 行底瓷白」
   ------------------------------------------------------------ */

/* D3-1 表头：底边一道**靛青釉线**。
   ⚠ 本表 `border-collapse:collapse` ⇒ 单元格上 `box-shadow` 会被裁 ⇒ **走 background-image 下边线**。
   另加瓷器刻字该有的**微正**字距（⛔ 不加大 —— 大是 ink 的疏朗）与衬线。 */
[data-skin="qing"] .pillars-table th{
  background-image: linear-gradient(90deg, var(--brand-soft), var(--brand-soft));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
  letter-spacing: .03em;
  font-family: var(--font-serif);
  font-weight: 700;
}

/* D3-2 行分隔：一道极淡釉线（⛔ 与 ink 的「飞白断笔」分家 —— 本套是**连续但极淡**，净） */
[data-skin="qing"] .qz-table td{
  background-image: linear-gradient(90deg, var(--line), var(--line));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
}

/* D3-3 日柱铭牌：**瓷白底**（不是 ink 的淡墨、也不是 codex 的金箔）＋ 上下两道靛青细线。
   为何只做上下线：合并表内四周描边会与相邻单元重叠成双线，反而更脏。 */
[data-skin="qing"] .pillars-table td.col-day{        /* ★ 261005 收窄到 td —— 见文末勘误 */
  background-color: var(--surface);
  background-image:
    linear-gradient(90deg, var(--brand-soft), var(--brand-soft)),
    linear-gradient(90deg, var(--brand-soft), var(--brand-soft));
  background-repeat: no-repeat, no-repeat;
  background-position: left top, left bottom;
  background-size: 100% 1px, 100% 1px;
}

/* D3-4 藏干：小圆角 ＋ 釉白内环（`.zg-item` 无边框 ⇒ inset） */
[data-skin="qing"] .zg-item{
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--surface);
}

/* D3-5 行名：靛青刻字 ＋ 衬线（⛔ 不加字距 —— 呼应巧思 6「刻字不拉间距」） */
[data-skin="qing"] .row-name{
  color: var(--brand);
  font-family: var(--font-serif);
}

/* D3-6 通览表表头（`qz-table` 与 `pillars-table` 同制，色更深一档以区分主次） */
[data-skin="qing"] .qz-table th{
  background-image: linear-gradient(90deg, var(--brand-glow), var(--brand-glow));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
  letter-spacing: .03em;
}

/* ------------------------------------------------------------
   D4 · 数据可视化族 ——「青瓷刻度尺 ＋ 釉色档位」
   ------------------------------------------------------------ */

/* D4-1 S/A/B/C 徽标＝**釉白内圈 ＋ 小圆角**（＝一件小瓷片）。
   ⛔ 与已深化三套分家：epic 圆角实底铜印｜codex 方章＋暗金环｜ink 方角＋墨环｜**qing 小圆角＋釉白环**。 */
[data-skin="qing"] .grade{
  border-radius: var(--r-sm);
  font-weight: 800;
  box-shadow: inset 0 0 0 1px var(--surface);
}

/* D4-2 力量条外框：靛青釉细环 ＋ 小圆角（段间釉白缝见巧思 可视化 1） */
[data-skin="qing"] .wx-bar{
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

/* D4-3 五行图例条目／月令块：瓷面小牌（`.wx-item` 无边框 ⇒ inset） */
[data-skin="qing"] .wx-item,
[data-skin="qing"] .wx-season{
  background-color: var(--surface);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--line);
}

/* D4-4 统计胶囊：釉线边 ＋ 略沉瓷底（`.stat-pill` 基线有边框 ⇒ 只改色） */
[data-skin="qing"] .stat-pill{
  border-color: var(--line-strong);
  background-color: var(--surface-2);
}

/* D4-5 档位／星曜／六亲小签：小圆角 ＋ 釉白内环（三者基线均无边框 ⇒ inset） */
[data-skin="qing"] .band-pill,
[data-skin="qing"] .xing-tag,
[data-skin="qing"] .six-chip{
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--surface);
}

/* D4-6 神煞 chip：靛青边 ＋ 悬停釉光（⛔ 本套不用金、不用墨块 hover） */
[data-skin="qing"] .ss-chip{ border-color: var(--line-strong); }
[data-skin="qing"] .ss-chip[data-ss]:hover{
  border-color: var(--brand);
  color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

/* D4-7 季节条：顶线改靛青釉线 ＋ 瓷底（`.season-bar` 有 border-top ⇒ 只改色） */
[data-skin="qing"] .season-bar{
  border-top-color: var(--brand-soft);
  background-color: var(--surface);
}

/* D4-8 十神档位条：外框釉环（导轨/填充见巧思 可视化 3） */
[data-skin="qing"] .sh-card{
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--line);
}

/* D4-9 五行图例文字：靛青刻字（数据编码仍靠色条，文字只是标签） */
[data-skin="qing"] .wx-legend .wx-dot{ box-shadow: inset 0 0 0 1px var(--surface); }

/* ------------------------------------------------------------
   D5 · 运岁时间轴族 ——「釉面单元 ＋ 今位釉光」
   ⚠⛔ `.tl-item.now::before` 归机制层（扫描亮光 · 本套 3.8s／44%），该槽位**不可碰**。
   ------------------------------------------------------------ */

/* D5-1 时间轴单元：釉线边 ＋ 小圆角（`.tl-item` 有 border-color ⇒ 只改色） */
[data-skin="qing"] .tl-item{
  border-color: var(--line);
  border-radius: var(--r-sm);
  transition: border-color .16s ease, box-shadow .16s ease;
}
[data-skin="qing"] .tl-item:hover{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}

/* D5-2 「今」位＝**釉光**：靛青边 ＋ 外圈柔釉光 ＋ 内里一点瓷白。
   ⛔ 与 epic（铜）／codex（金）／ink（墨）四向分家：本套「今」是**最亮的一层釉**。
   ⛔ 只碰本体；扫描亮光由机制层 `::before` 给。 */
[data-skin="qing"] .tl-item.now{
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft),
              inset 0 0 12px rgba(251, 254, 254, .55);
}

/* D5-3 轴头／轴脚：轴头靛青衬线小字（微正字距），轴脚一道釉线（`.tl-foot` 有 border-top ⇒ 只改色） */
[data-skin="qing"] .tl-head{
  color: var(--brand);
  letter-spacing: .05em;
  font-family: var(--font-serif);
}
[data-skin="qing"] .tl-foot{
  border-top-color: var(--line-strong);
  color: var(--ink-3);
}

/* ------------------------------------------------------------
   D6 · 抽屉／浮层族 ——「釉面抽屉 ＋ 瓷面浮层」
   ⛔ 两处纪律：浮层底色一律走令牌；⛔ 不动定位与层级；⛔ 不加 transform。
   ------------------------------------------------------------ */

/* D6-1 侧栏抽屉：右缘一道靛青釉线 ＋ 极淡开片（`#sbDrawer` 无边框 ⇒ inset） */
[data-skin="qing"] #sbDrawer{
  background-image: repeating-linear-gradient(62deg,
    rgba(29, 101, 119, .030) 0 1px, transparent 1px 33px);
  box-shadow: inset -1px 0 0 var(--line-strong);
}
[data-skin="qing"] .dr-title{
  color: var(--brand);
  letter-spacing: .08em;
  font-family: var(--font-serif);
}

/* D6-2 弹层：瓷面 ＋ 釉细环（`.sheet` 仅 outline、无边框 ⇒ inset） */
[data-skin="qing"] .sheet{
  background-color: var(--surface);
  border-radius: var(--r-lg);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

/* D6-3 遮罩：由黑改为**青灰半透**（青瓷的暗面是青灰，不是黑） */
[data-skin="qing"] .scrim{
  background-color: rgba(16, 43, 51, .42);
}

/* D6-4 名词解释／提示：同制（`.ql-term` 有 border-bottom ⇒ 只改色；`.ql-tip-x` 为 `border:0` ⇒ inset） */
[data-skin="qing"] .ql-term{
  color: var(--brand);
  border-bottom-color: var(--brand-soft);
}
[data-skin="qing"] .ql-tip-x{
  background-color: var(--surface-2);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--line-strong);
}

/* D6-5 AI 面板：消息卡＝瓷面，输入框＝釉细环，发送钮＝釉线（`.ai-send` 为 `border:none` ⇒ inset） */
[data-skin="qing"] .ai-msg{
  border-color: var(--line);
  background-color: var(--surface-2);
}
[data-skin="qing"] .ai-input{
  border-color: var(--line-strong);
  background-color: var(--surface);
}
[data-skin="qing"] .ai-send{
  color: var(--brand);
  background-color: transparent;
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--brand);
  transition: background-color .16s ease, box-shadow .16s ease;
}
[data-skin="qing"] .ai-send:hover{
  background-color: var(--brand-soft);
  box-shadow: inset 0 0 0 1px var(--brand), 0 0 0 3px var(--brand-soft);
}

/* ------------------------------------------------------------
   D7 · 文字体例族 ——「双层口沿 ＋ 衬线 ＋ 微正字距」
   ------------------------------------------------------------ */

/* D7-1 页头定位（供下方 ::after；`.apphead` 基线为 flex、无 sticky ⇒ 安全）＋ 下沿线转釉线 */
[data-skin="qing"] .apphead{
  position: relative;
  border-bottom-color: var(--brand-soft);
}

/* D7-2 页头下沿「**双层口沿**」：靛青 1px ＋ 其下一道釉白 1px ＝「釉下白胎」。
   ⛔ 是巧思 7（双层聚焦环）同一语言的复用；与 epic 断续錾痕／codex 金细线／ink 墨笔四向分家。
   ⚠ 高度写在 `::after` 上（伪元素整段豁免），⛔ 不碰 `.apphead` 自身尺寸。 */
[data-skin="qing"] .apphead::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(180deg,
    rgba(29, 101, 119, .34) 0 1px, rgba(251, 254, 254, .92) 1px 2px);
  pointer-events: none;
}

/* D7-3 品牌字样：瓷器落款该有的衬线与**微正**字距（⛔ 不动 font-size／line-height） */
[data-skin="qing"] .brand-name{
  font-family: var(--font-serif);
  letter-spacing: .08em;
}
[data-skin="qing"] .brand-sub{
  color: var(--ink-3);
  letter-spacing: .04em;
}
[data-skin="qing"] .apphead-ver{
  color: var(--brand);
  letter-spacing: .06em;
}

/* D7-4 表单小标题：靛青刻字 ＋ 衬线 */
[data-skin="qing"] .form-title{
  color: var(--brand);
  letter-spacing: .06em;
  font-family: var(--font-serif);
}

/* D7-5 古籍 · 参阅面板：章序号＝靛青细框（同巧思 9 的圆牌语言）＋ 小节标题靛青衬线 */
[data-skin="qing"] .ss-no{
  color: var(--brand);
  letter-spacing: .04em;
}
[data-skin="qing"] .ss-secH{
  color: var(--ink);
  letter-spacing: .05em;
  font-family: var(--font-serif);
  border-bottom-color: var(--brand-soft);
}

/* ------------------------------------------------------------
   D8 · 状态语义族 ——「语义色只作细边／细字，主体仍是墨」
   ⛔ 纪律：颜色不得单独承载信息（方案 §三 硬约束 ③）。
   ------------------------------------------------------------ */

/* D8-1 格局变更胶囊：语义色入**边**。
   ⛔ 不重设 `color` —— 该胶囊基线自带**浅色底**（`.good`/`.mid` 为 `#e8f4ea`/`#f4ecde`），
     强行改文字色会在**深色皮肤**上造成浅字浅底（261005 实测 codex r=1.01）。文字色归基线。 */
[data-skin="qing"] .pattern-chg-pill{
  border-color: var(--warn);
}

/* D8-2 特殊格局签：靛青釉底 ＋ 靛青细环 ＋ 小圆角 */
[data-skin="qing"] .pattern-special-chip{
  background-color: var(--brand-soft);
  border-radius: var(--r-sm);
  box-shadow: inset 0 0 0 1px var(--brand);
}

/* D8-3 依据行／六亲时机：降为注脚淡墨（信息密度靠体例，不靠颜色） */
[data-skin="qing"] .basis{ color: var(--ink-3); }
[data-skin="qing"] .six-timing{ color: var(--ink-3); }

/* ------------------------------------------------------------
   D3-补 · 日柱表头「釉青实牌」（261009 · 显式化 · 消「层叠巧合」）
   ------------------------------------------------------------
   实测（261009 · CDP 探针）：本套日柱表头**现状正确** —— 底 = `var(--brand)`（釉青 #1d6577）、
     字 = 白，对比度 **6.60:1** ✅。
   ⚠ 但**成因是层叠巧合**：本套「巧思 5 · 表头不铺底」写的是
     `[data-skin="qing"] .pillars-table th{background:transparent}` **(0,2,1)**，
     与基线 `app.css` 的 `.pillars-table th.col-day{background:var(--brand)}` **(0,2,1) 打平**；
     而 **`app.css` 加载序（index.html:31）晚于本 patch（index.html:29）** ⇒ **基线胜** ⇒
     日柱表头**保住**了主色牌。
   ⇒ 这是「**巧合正确**」：加载序一变动（app.css 前移／本 patch 后移）即退化为「白字透底」
     （在浅色卡上 ≈ 不可读 —— 即 ink 曾患之病，见 ink.patch.css D3-补）。
   ⇒ 故**显式写死**：本套调性是「釉」，日柱表头就该是一块**釉青实牌 ＋ 釉白字**
     （与 dawn/slate 同法、与 ink「墨块纸白」同理 —— 五套对齐）。
   ⛔ 底色写**语义令牌** `var(--brand)`（非中性值）⇒ 不触「语义底中性化」闸。
   ------------------------------------------------------------ */
[data-skin="qing"] .pillars-table th.col-day{
  background: var(--brand);
  color: var(--surface);
}