/* ============================================================
   潜龙八字 · 皮肤 08「slate」· patch.css
   ------------------------------------------------------------
   职责：把「苍岩石绿」的矿物感落到组件上（不动版式，EL-5）。
   三类事：① 细节小巧思（9 条）② 可视化增强（3 处）
           ③ 深化 D1–D8（261005 · 见文末第三段）

   本套的补丁必须**强化与 03「qing」的分野**：
     qing = 釉光 + 小圆角 + 柔影 + 留白从容（净·釉面）
     slate = 硬边 0px + 硬影 + 高密度 + 铁锈色带（糙·断面）

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

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

/* 巧思 1：卡片 = 一块岩片，靠**硬影**立起来（不是柔雾）。
   岩石之间没有渐变过渡，只有明确的投影。 */
[data-skin="slate"] .card{
  outline: 1px solid var(--line);
  outline-offset: -1px;

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

/* 巧思 2：卡片标题下压一条「地层线」——苔绿极细线，标记层位。 */
[data-skin="slate"] .card-title{
  border-bottom: 1px solid var(--brand);
}

/* 巧思 3：当前页签 = 苔绿实条（本套信息密度最高，靠实色块才能一眼定位）。 */
[data-skin="slate"] .tab.active{
  background: var(--brand);
  color: var(--surface);
}

/* 巧思 4：主按钮 = 苔绿实底 + 硬影（按下时位移 1px，模拟「压实」）。
   位移比变色更像物理反馈 —— 与岩石的「重」一致。 */
[data-skin="slate"] .primary-btn{
  background: var(--brand);
  color: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-skin="slate"] .primary-btn:active{
  transform: translateY(1px);
  box-shadow: none;
}

/* 巧思 5：表头 = 岩层分界线（底色块 + 苔绿下边线）。
   高密度场景下必须给表头明确的分界，否则扫读会串行。
   ⚠ 底色写 `background-color`（不是简写 `background`），以保留 D3-1 的下边线图层。 */
[data-skin="slate"] .pillars-table th{
  background-color: var(--surface-2);
}

/* 巧思 6：四柱干支字重 800 + 收紧行高 —— 矿物标本牌上的凿刻感靠字重。 */
[data-skin="slate"] .pillar .p-gan,
[data-skin="slate"] .pillar .p-zhi{
  font-weight: 800;
}

/* 巧思 7：聚焦环 = 苔绿硬环（方角跟着零圆角走）。 */
[data-skin="slate"] .tab:focus-visible,
[data-skin="slate"] .quick:focus-visible,
[data-skin="slate"] .tl-item:focus-visible,
[data-skin="slate"] .seg:focus-visible{
  outline: none;
  box-shadow: inset 0 0 0 2px var(--brand);
}

/* 巧思 8：滚动条 = 岩灰色硬条（无圆角，与石材一致）。 */
[data-skin="slate"] .tl-scroll::-webkit-scrollbar,
[data-skin="slate"] .detail-scroll::-webkit-scrollbar,
[data-skin="slate"] .ai-msgs::-webkit-scrollbar,
[data-skin="slate"] .rp-toc-side::-webkit-scrollbar{
  width: 10px; height: 10px;
}
[data-skin="slate"] .tl-scroll::-webkit-scrollbar-thumb,
[data-skin="slate"] .detail-scroll::-webkit-scrollbar-thumb,
[data-skin="slate"] .ai-msgs::-webkit-scrollbar-thumb,
[data-skin="slate"] .rp-toc-side::-webkit-scrollbar-thumb{
  background: var(--line-strong);
  border-radius: 0;
}
[data-skin="slate"] .tl-scroll::-webkit-scrollbar-track,
[data-skin="slate"] .detail-scroll::-webkit-scrollbar-track,
[data-skin="slate"] .ai-msgs::-webkit-scrollbar-track,
[data-skin="slate"] .rp-toc-side::-webkit-scrollbar-track{
  background: var(--surface-2);
}

/* 巧思 9：报告章序号 = 岩芯编号牌（实底 + 白字 + 零圆角）。 */
[data-skin="slate"] #page-report .rp-chapno{
  background: var(--brand);
  color: var(--surface);
  border-radius: 0;
}

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

/* 可视化 1：五行力量条 —— 段间**零缝隙**（本套是唯一不留缝的一套）。
   不留缝正是「整块岩石」的表达：色带直接相接，像矿物的色环。
   这是与另外八套最容易被忽略的差异点。 */
[data-skin="slate"] .wx-bar{
  background: transparent;
}
[data-skin="slate"] .wx-bar .wb-seg{ border-radius: 0; }

/* 可视化 2：五行图例的色点 = 方形矿粒（硬边，与零圆角一致）。 */
[data-skin="slate"] .wx-legend .wx-dot{
  border-radius: 0}

/* 可视化 3：十神档位条 —— 轨道走深灰岩、填充走苔绿，两者都是**实色硬块**。
   ★ 轨道 ::before、填充 ::after（::after 在上）；顺序颠倒会让填充被盖住。 */
[data-skin="slate"] .sh-card::before{
  background: var(--surface-3);
  border-radius: 0;
}
[data-skin="slate"] .sh-card::after{
  border-radius: 0;
}

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

   调性（方案 §四·五套调性词典）：**苍岩石绿 —— 岩板、苔痕、沉稳**。
     D1 卡片：岩面哑光 ＋ **石板拼缝**   D2 控件：方角石板、悬停**浮起**
     D3 表格：岩线表头、行底**页岩纹**   D4 可视化：岩绿刻度尺、苔色方印
     D5 时间轴：今位**苔环**（壳在机制层，3.6s / 42%）
     D7 体例：**无衬线 ＋ 紧字距**（9 套里唯一无衬线的一套）

   ⛔ 与四套已深化皮肤的分家（口令）：
     epic＝金**面** ｜ codex＝金**线** ｜ ink＝墨**笔** ｜ qing＝**釉**（开片＋釉白内圈）｜
     **slate＝岩（层理 ＋ 拼缝 ＋ 实块 ＋ 哑光 ＋ 硬影）**
   —— 前四者的材质是**金属／墨／釉**，本套是**石头**：
     ① **层理**（水平密纹）而非 qing 的开片（三向疏斜纹）—— 正交纹理 vs 斜向裂纹；
     ② **拼缝**（凹槽：上暗下亮）而非 qing 的双层口沿（彩线＋白线）；
     ③ 交互**浮起**（`translateY(-1px)` ＋ 硬影）而非 qing 的釉光（柔扩散、零位移）；
     ④ 选中态**实块**而非 qing 的细框；⑤ **零圆角** vs qing 小圆角；
     ⑥ **无衬线 ＋ 紧字距** vs 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="slate"]` 前缀（补丁契约门禁）。
   ✅ 可放心用的维度：color / background(-image/-size/-position/-repeat/-color) / box-shadow /
      outline / border-radius / **border-color（只改色）** / font-family / font-weight /
      letter-spacing / transform / transition ／ **`::before`／`::after` 整段豁免**（含其内尺寸）。
   ⚠ 已占槽位（本节绕开）：`.tl-item.now::before` —— **机制层** `css/fx-scan.css` 占用
      （「今」位扫描亮光 · 本套 3.6s／42%）⇒ 对「今」只碰**本体**与 `::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`）⇒ **改色**即可，⛔ 不再加背景线。
   ============================================================ */

/* ------------------------------------------------------------
   D1 · 卡片族 ——「岩面层理 ＋ 石板拼缝」
   ------------------------------------------------------------ */

/* D1-1 卡面：上缘一道「**石板拼缝**」（上暗下亮 ＝ 凿出的凹槽）＋ 通体**层理**（页岩的水平密纹）。
   ⚠ 纹理选择有讲究：**不用竖向纹理** —— 表格单元格底是透明的，竖向纹会从卡片透进表格，
     看起来像「列分隔线」，与「不加边」纪律冲突（本批首版即如此，真机看图后改为纯水平层理）。
   ⚠ 重写 `box-shadow` 时必须**保留巧思 1 的 `var(--shadow-md)`**（⛔ 不抹掉既有硬影）。 */
[data-skin="slate"] .card{
  background-image:
    linear-gradient(180deg, rgba(31, 39, 36, .055) 0 1px, rgba(255, 255, 255, .42) 1px 2px),
    repeating-linear-gradient(0deg, rgba(31, 39, 36, .024) 0 1px, transparent 1px 8px);
  background-repeat: no-repeat, repeat;
  background-position: left top, left top;
  background-size: 100% 2px, 100% 100%;
  box-shadow: inset 0 0 0 1px rgba(31, 39, 36, .06), var(--shadow-md);
  transition: box-shadow .16s ease;
}

/* D1-2 卡题下沿地层线：把巧思 2 的实线由**苔绿**降到「岩层分界」的沉色（改色）
   ＋ 石上凿字该有的**无衬线 ＋ 紧字距**（⛔ 收紧而非拉开 —— 拉开是 ink 的疏朗）。 */
[data-skin="slate"] .card-title{
  border-bottom-color: var(--line-strong);
  font-family: var(--font-sans);
  letter-spacing: -.01em;
}

/* D1-3 通用卡族同制：记录卡／病药卡／解读框／校准文档／用户信息条。
   层理只留**一层**（大面上两组会糊），＋ 硬内环（**重写** box-shadow，故用 inset 单层）。 */
[data-skin="slate"] .record-card,
[data-skin="slate"] .disease-card,
[data-skin="slate"] .reading-box,
[data-skin="slate"] .cali-doc,
[data-skin="slate"] .user-info{
  background-image: repeating-linear-gradient(0deg,
    rgba(31, 39, 36, .028) 0 1px, transparent 1px 8px);
  box-shadow: inset 0 0 0 1px var(--line);
}

/* D1-4 卡题左缘时间点：一枚**方矿粒**（零圆角 ＋ 硬内环，与可视化 2 同一语言） */
[data-skin="slate"] .tick{
  border-radius: 0;
  box-shadow: inset 0 0 0 1px rgba(31, 39, 36, .28);
}

/* ------------------------------------------------------------
   D2 · 控件族 ——「方角石板 ＋ 悬停浮起」
   ⛔ 本套交互反馈**用位移 ＋ 硬影**（＝石板被抬起），⛔ 不用柔光扩散（那是 qing 的釉光）。
   ------------------------------------------------------------ */

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

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

/* D2-3 悬停＝**浮起**：边转苔绿、字转苔绿、上抬 1px、压下一道硬影。
   ★ 「浮起」＝ `transform` ＋ 硬影（`--shadow-sm` 同族：小扩散高不透明度）——
     这是本套与 qing 釉光（柔扩散、零位移）的关键分野：石头会「被抬起来」，釉光只会「亮」。 */
[data-skin="slate"] .mini-btn:hover,
[data-skin="slate"] .iconbtn:hover,
[data-skin="slate"] .hamburger:hover,
[data-skin="slate"] .sb-toggle:hover,
[data-skin="slate"] .ai-close:hover,
[data-skin="slate"] .ai-clear:hover,
[data-skin="slate"] .dr-close:hover,
[data-skin="slate"] .btn-ghost:hover{
  border-color: var(--brand);
  color: var(--brand);
  background-color: var(--brand-soft);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(31, 39, 36, .18);
}

/* D2-4 主按钮：静置已是苔绿实底（巧思 4）；悬停**抬起**、加硬影（⛔ 不变色 —— 实底已够重） */
[data-skin="slate"] .primary-btn{
  border-radius: 0;
  transition: box-shadow .16s ease, transform .16s ease;
}
[data-skin="slate"] .primary-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(31, 39, 36, .24);
}

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

/* D2-6 分段项：未选中＝淡墨；悬停＝苔绿字；选中＝**苔绿实块 ＋ 白字**（本套是实块派，
   ⛔ 与 qing 的「细框不填底」正相反 —— 岩石上的分段像一枚压印上去的石片）。 */
[data-skin="slate"] .seg{
  color: var(--ink-3);
  background-color: transparent;
  border-radius: 0;
  transition: color .14s ease, background-color .14s ease, box-shadow .14s ease;
}
[data-skin="slate"] .seg:hover{
  color: var(--brand);
}
[data-skin="slate"] .seg.active{
  color: var(--surface);
  background-color: var(--brand);
  box-shadow: var(--shadow-sm);
}

/* D2-7 快捷胶囊：岩线边 ＋ 悬停浮起（`.quick` 基线有边框 ⇒ 只改色） */
[data-skin="slate"] .quick{
  border-color: var(--line-strong);
  color: var(--ink-2);
  border-radius: 0;
}
[data-skin="slate"] .quick:hover{
  border-color: var(--brand);
  color: var(--brand);
  background-color: var(--brand-soft);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(31, 39, 36, .18);
}

/* D2-8 页签：未选中＝淡墨，悬停＝苔绿（选中态见巧思 3 的实条） */
[data-skin="slate"] .tab{
  color: var(--ink-3);
  border-radius: 0;
  transition: color .14s ease;
}
[data-skin="slate"] .tab:hover{ color: var(--brand); }

/* ------------------------------------------------------------
   D3 · 表格族 ——「岩线表头 ＋ 行底页岩纹 ＋ 日柱苔绿实牌」
   ------------------------------------------------------------ */

/* D3-1 表头：底边一道**岩线**（`--line-strong`，比 qing 的釉线更沉、更「硬」）。
   ⚠ 本表 `border-collapse:collapse` ⇒ 单元格上 `box-shadow` 会被裁 ⇒ **走 background-image 下边线**。
   另加石上凿字该有的**无衬线 ＋ 紧字距**（⛔ 不加大）。 */
[data-skin="slate"] .pillars-table th{
  background-image: linear-gradient(90deg, var(--line-strong), var(--line-strong));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 1px;
  letter-spacing: -.01em;
  font-family: var(--font-sans);
  font-weight: 700;
}

/* D3-2 行分隔：一道**页岩纹**（极淡实线；⛔ 与 ink 的「飞白断笔」分家 —— 本套是**密实连续**，
   石头不飞白） */
[data-skin="slate"] .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 日柱铭牌：**苔绿淡底**（不是 qing 的瓷白、codex 的金箔）＋ 上下两道岩线。
   为何只做上下线：合并表内四周描边会与相邻单元重叠成双线，反而更脏。 */
[data-skin="slate"] .pillars-table td.col-day{        /* ★ 261005 收窄到 td —— 见 D3-补勘误 */
  background-color: var(--brand-soft);
  background-image:
    linear-gradient(90deg, var(--line-strong), var(--line-strong)),
    linear-gradient(90deg, var(--line-strong), var(--line-strong));
  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="slate"] .zg-item{
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--line);
}

/* D3-5 行名：苔绿凿字 ＋ **无衬线**（⛔ 不加字距 —— 呼应 D1-2「石上凿字不拉间距」） */
[data-skin="slate"] .row-name{
  color: var(--brand);
  font-family: var(--font-sans);
  letter-spacing: -.01em;
}

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

/* D3-补 · 日柱表头「苔绿实牌」（261005 勘误 · 修**既存缺陷**）
   ------------------------------------------------------------
   病因（实测）：**巧思 5**「表头铺岩层底色」写的是 `[data-skin="slate"] .pillars-table th`
     —— 特异性 (0,2,1)，与基线 `readability.css` 的 `.pillars-table th.col-day`
     「主色底 ＋ 白字」**(0,2,1) 打平**；而皮肤样式表**在最后加载**（index.html：skins 后于
     app/readability）⇒ **皮肤胜出** ⇒ 日柱表头的主色底被清成 `--surface-2`，**白字却留着**
     ⇒ 白字浅底（实测对比度 ≈1.1:1，**不可读**）。
   ⛔ 这是本套**原有**缺陷（早于本轮深化），非深化引入；因与深化同面，随批修掉并留痕
     （与 ink「D3-补」、qing「D3-3 收窄到 td」同一处理）。
   修法：给日柱表头一块**苔绿实牌 ＋ 白字** —— 正合本套「实块派」主张，与巧思 3／D2-6 的实块语言一致。
   ⚠ 底色写 `var(--brand)`（语义色，非中性值）—— 既保住白字对比度，也不触「语义底中性化」闸。 */
[data-skin="slate"] .pillars-table th.col-day{
  background: var(--brand);
  color: var(--surface);
}

/* ------------------------------------------------------------
   D4 · 数据可视化族 ——「岩绿刻度尺 ＋ 苔色方印」
   ------------------------------------------------------------ */

/* D4-1 S/A/B/C 徽标＝**方石印**：零圆角 ＋ 下沿硬影 ＋ 上沿一道亮棱（凿出的石印）。
   ⛔ 与已深化四套分家：epic 圆角实底铜印｜codex 方章＋暗金环｜ink 方角＋墨环｜
     qing 小圆角＋釉白环｜**slate 零圆角＋下硬影＋上亮棱**。 */
[data-skin="slate"] .grade{
  border-radius: 0;
  font-weight: 800;
  box-shadow: 0 1px 0 rgba(31, 39, 36, .22), inset 0 1px 0 rgba(255, 255, 255, .45);
}

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

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

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

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

/* D4-6 神煞 chip：岩线边 ＋ 悬停浮起（⛔ 本套不用金、不用柔光 hover） */
[data-skin="slate"] .ss-chip{ border-color: var(--line-strong); border-radius: 0; }
[data-skin="slate"] .ss-chip[data-ss]:hover{
  border-color: var(--brand);
  color: var(--brand);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(31, 39, 36, .18);
}

/* D4-7 季节条：顶线改苔绿岩线 ＋ 石面底（`.season-bar` 有 border-top ⇒ 只改色） */
[data-skin="slate"] .season-bar{
  border-top-color: var(--brand);
  background-color: var(--surface);
}

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

/* D4-9 五行图例色点：零圆角 ＋ 内环（数据编码仍靠色块，文字只是标签） */
[data-skin="slate"] .wx-legend .wx-dot{ box-shadow: inset 0 0 0 1px rgba(31, 39, 36, .18); }

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

/* D5-1 时间轴单元：岩线边 ＋ 零圆角（`.tl-item` 有 border-color ⇒ 只改色） */
[data-skin="slate"] .tl-item{
  border-color: var(--line);
  border-radius: 0;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
[data-skin="slate"] .tl-item:hover{
  border-color: var(--brand);
  transform: translateY(-1px);
  box-shadow: 0 2px 5px rgba(31, 39, 36, .16);
}

/* D5-2 「今」位＝**压实**：苔绿边 ＋ 一道**方角硬环**（外扩 2px，零柔化）＋ 内里一点苔光。
   ⛔ 与 epic（铜）／codex（金）／ink（墨）／qing（釉）四向分家：本套「今」是**被压实的石片**。
   ⛔ 只碰本体；扫描亮光由机制层 `::before` 给。 */
[data-skin="slate"] .tl-item.now{
  border-color: var(--brand);
  box-shadow: 0 0 0 2px var(--brand-glow),
              inset 0 0 10px rgba(44, 92, 63, .10);
}

/* D5-3 轴头／轴脚：轴头苔绿无衬线小字（紧字距），轴脚一道岩线（`.tl-foot` 有 border-top ⇒ 只改色） */
[data-skin="slate"] .tl-head{
  color: var(--brand);
  letter-spacing: -.01em;
  font-family: var(--font-sans);
}
[data-skin="slate"] .tl-foot{
  border-top-color: var(--line-strong);
  color: var(--ink-3);
}

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

/* D6-1 侧栏抽屉：右缘一道岩缝 ＋ 极淡层理（`#sbDrawer` 无边框 ⇒ inset） */
[data-skin="slate"] #sbDrawer{
  background-image: repeating-linear-gradient(0deg,
    rgba(31, 39, 36, .024) 0 1px, transparent 1px 9px);
  box-shadow: inset -1px 0 0 var(--line-strong);
}
[data-skin="slate"] .dr-title{
  color: var(--brand);
  letter-spacing: -.01em;
  font-family: var(--font-sans);
}

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

/* D6-3 遮罩：由黑改为**岩灰半透**（岩石的暗面是冷灰，不是黑） */
[data-skin="slate"] .scrim{
  background-color: rgba(18, 24, 21, .46);
}

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

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

/* ------------------------------------------------------------
   D7 · 文字体例族 ——「页头拼缝 ＋ 无衬线 ＋ 紧字距」
   ------------------------------------------------------------ */

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

/* D7-2 页头下沿「**石板拼缝**」：上沿一道暗槽 1px ＋ 下沿一道亮棱 1px ＝ 被凿开的一道缝。
   ⛔ 与 qing 的「双层口沿」（彩线＋白线）、ink 的「一笔墨」、codex 的「匀实金线」、
     dawn 的「晨光芒」四向分家：本套是**凹槽**（暗下亮 ＝ 凹；ping 是凸彩线）。
   ⚠ 高度写在 `::after` 上（伪元素整段豁免），⛔ 不碰 `.apphead` 自身尺寸。 */
[data-skin="slate"] .apphead::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: linear-gradient(180deg,
    rgba(31, 39, 36, .26) 0 1px, rgba(255, 255, 255, .55) 1px 2px);
  pointer-events: none;
}

/* D7-3 品牌字样：石上凿字的**无衬线 ＋ 紧字距**（⛔ 不动 font-size／line-height） */
[data-skin="slate"] .brand-name{
  font-family: var(--font-sans);
  letter-spacing: -.02em;
}
[data-skin="slate"] .brand-sub{
  color: var(--ink-3);
  letter-spacing: -.005em;
}
[data-skin="slate"] .apphead-ver{
  color: var(--brand);
  letter-spacing: -.005em;
}

/* D7-4 表单小标题：苔绿凿字 ＋ 无衬线 */
[data-skin="slate"] .form-title{
  color: var(--brand);
  letter-spacing: -.01em;
  font-family: var(--font-sans);
}

/* D7-5 古籍 · 参阅面板：章序号＝苔绿凿字 ＋ 小节标题无衬线，下沿用岩缝 */
[data-skin="slate"] .ss-no{
  color: var(--brand);
  letter-spacing: -.01em;
}
[data-skin="slate"] .ss-secH{
  color: var(--ink);
  letter-spacing: -.01em;
  font-family: var(--font-sans);
  border-bottom-color: var(--line-strong);
}

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

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

/* D8-2 特殊格局签：苔绿淡底 ＋ 苔绿细环 ＋ 零圆角 */
[data-skin="slate"] .pattern-special-chip{
  background-color: var(--brand-soft);
  border-radius: 0;
  box-shadow: inset 0 0 0 1px var(--brand);
}

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