base-paint 0.3.13 → 0.3.15

package/dist/style.js

@@ -1,1372 +1,8 @@
-/** base-paint/style：样式唯一真相源。
+/** **薄转出**（目录化批次⑥之后本件不再住实现）。
  *
- * 红线：样式只抖 render——改样式只改本文件，link-core/combos/单品包
- * 禁止自带样式常量。类名前缀统一 STYLE_PREFIX，token 表冻结。
- *
- * 本文件同时是 **#75 共享样式资产的唯一产出者**（契约 §3.2／§6.2）：
- * `buildStyleSheet()` 产出的 `css` 即 `<!--SHARED-CSS-->` 的填充物
- * （`input.assets.sharedCssText`，契约 `docs/base-paint-contract.md:163`）。
- * 逐条纪律（契约行号）：
- * - `:root` 的 11 个 token 逐值取 `CSS_VAR_TOKENS`（doc:273-289），**不自造第二份表**（doc:303）；
- * - 8 个样式区取 `CONTROL_STYLE_SECTIONS` 闭集（doc:295），类名自动加 `prefix`；
- * - 产出**不含** `STYLE_FORBIDDEN_TOKENS`（Q14）、**不含**深色区（doc:292）；
- * - `charts` 区文本**复用** `charts.ts` 的唯一产出者 `chartsCss`，**不得重述**（#78 结论）；
- * - 与既有 `STYLE_TOKENS`（9 个深色 JS token）**并存**、语义互不覆盖（doc:293）；
- * - `extraCss` 末尾**原样追加**、**不按技能名分支**（doc:299-300），并执行**三禁强制**
- *   （`:root` 改写／Q14 禁入项／深色区 → 抛不导出的 `StyleSheetError`；D3 修订见 §8.11）。
+ *  为什么留着：`src/blocks.ts`／`src/contract.ts`／`src/docShell.ts`／`src/help.ts` 与
+ *  `src/components/controls/helpers-meta.ts` 按 `./style.js`（各级相对路径）取件，
+ *  其中两件在并行席位的在途写集里；`dist/style.js` 也是既有产物路径。出口名与改前逐名相同（6 个）。
+ *  实现住 `src/components/style/**`；等引用迁走即可删本件。
  */
-import { chartsCss } from './charts.js';
-import { BODY_FONT_STACK } from './font.js';
-import { ACTION_BAR_DEFAULTS, TOAST_DEFAULTS } from './spec/index.js';
-import { CONTROL_STYLE_SECTIONS, CSS_VAR_TOKENS, STYLE_FORBIDDEN_TOKENS, STYLE_SHEET_ID } from './spec/style.js';
-export const STYLE_PREFIX = 'ilife-';
-export const STYLE_VERSION = '0.1.0';
-export const STYLE_TOKENS = Object.freeze({
-    radius: 8,
-    gap: 8,
-    fontSize: 13,
-    fg: '#e6edf3',
-    muted: '#8b8b95',
-    accent: '#c084fc',
-    danger: '#f85149',
-    border: '#2a2d35',
-    bg: '#16181d',
-});
-/** 类名拼接（自动加前缀，falsy 跳过）。 */
-export function cx(...names) {
-    return names.filter((n) => typeof n === 'string' && n.length > 0).map((n) => STYLE_PREFIX + n).join(' ');
-}
-/** 取 token（样式消费唯一入口，换肤时单点改）。 */
-export function token(name) {
-    return String(STYLE_TOKENS[name]);
-}
-/* ── #75 共享样式资产（契约 §3.2／§6.2） ───────────────────────────────── */
-/** 换行（仓库口径：`String.fromCharCode(10)`，不写字面 `\n`）。 */
-const LF = String.fromCharCode(10);
-/** 样式区名 → kebab 类名根（`actionBar` → `action-bar`）。
- *  **只用于生成注释头**：真实类名恒取各控件产出器里的字面量（见各区注释），
- *  区名 kebab 与类名根并非一一对应（如 `copyButton` 的类名根是 `copy-btn`、
- *  `emptyState` 是 `empty`、`errorReceipt` 是 `error`）——**不得**用本函数臆造类名。 */
-function sectionSlug(section) {
-    return section.replace(/[A-Z]/g, (ch) => '-' + ch.toLowerCase());
-}
-/** `:root` 的 11 个冻结 token 块：逐值取 `CSS_VAR_TOKENS`，顺序即常量声明序。
- *  形态与契约 doc:276-288 的 CSS 块一致（`name + ': ' + value` 带空格）。 */
-function rootBlock() {
-    const lines = [':root {'];
-    for (const name of Object.keys(CSS_VAR_TOKENS)) {
-        lines.push('  ' + name + ': ' + CSS_VAR_TOKENS[name] + ';');
-    }
-    lines.push('}');
-    return lines.join(LF);
-}
-/** 页级基础（非控件区）：**本票不产**。
- *  裁定 R7／施工单 B-D2(a)：共享页面模板／KPI／表格／回到顶部等**无闭集归属**的样式归 #104
- *  （区块组件 owner），#75 只产 11 token ＋ 8 个闭集样式区；`extraCss` 语义被
- *  契约 doc:299-300 限死（只许技能作用域 token 覆盖块），**不得**塞共享页面模板的样式。 */
-/** 主色 alpha 派生（`ghostBorderAlpha` 等）：RGB 与 `--blue` 同源（`#007aff`）。
- *  这是**派生字面量**、不是第二份 token 表（不新增 token 名，doc:299）。 */
-const BLUE_RGB = '0, 122, 255';
-/** 焦点环（视觉尺 H-20 强制项）：`:focus-visible` 覆盖全部可交互控件。 */
-function focusRing(selector) {
-    return selector + ':focus-visible {' + LF + '  outline: 2px solid var(--blue);' + LF + '  outline-offset: 2px;' + LF + '}';
-}
-/** 各区 CSS 文本（闭集 `CONTROL_STYLE_SECTIONS` 的**唯一**实现处）。
- *  每区的类名逐条来自产出器实测（注释里给 `file:line`），**不许臆造未被使用的类名**。 */
-const SECTION_BUILDERS = {
-    /** toast —— 类名产出者：`src/controls.ts` 的 `renderToast`（静态）与 `buildSharedHelpersJs`
-     *  的 `feedback()`（helpers 运行时）；两侧结构**同构**（`.toast` > `.toast-body` >
-     *  `.toast-title-row` ＋ 可选 detail；`.toast-close` 在 body 之外）。 */
-    toast: (p) => [
-        '.' + p + 'toast-stack {',
-        '  position: fixed;',
-        '  left: 50%;',
-        '  bottom: calc(24px + env(safe-area-inset-bottom, 0px));',
-        '  transform: translateX(-50%);',
-        '  z-index: 9999;',
-        '  display: flex;',
-        '  flex-direction: column;',
-        '  align-items: center;',
-        '  gap: ' + TOAST_DEFAULTS.gapPx + 'px;',
-        '  max-width: calc(100vw - 32px);',
-        '  pointer-events: none;',
-        '}',
-        // W1（返修第二轮）：此处原有 `flex-wrap: wrap` 是**权宜补丁**（helpers 运行时 DOM 缺 body 包裹
-        // 时靠换行分层，代价是把关闭按钮挤到第三行）。根因已由 `controls.ts` 的结构对齐修掉
-        // （helpers 与静态产出器／旧层同构：`icon? + .toast-body(> .toast-title-row + detail) + .toast-close`），
-        // 补丁一并删除 → 关闭按钮与标题恒同行。
-        // 卡面色（2026-09-12 用户裁定改用**老技能**版）：深色毛玻璃，逐值取自
-        // 老仓 `公共组件/assets/base.js:75` 的 `.hm-toast` 串——底色 rgba(28,28,30,.94)、
-        // 毛玻璃 blur(20px) saturate(180%)、主字 #f0f0f0、投影 0 10px 32px rgba(0,0,0,.32)
-        // ＋ 0 0 0 .5px rgba(255,255,255,.08) inset（原样的「无描边、靠内影收边」）。
-        // 几何（圆角 14px／内距 13-14-16／min 300／max 480／gap 12）与老仓逐值相同，本次不动。
-        // 取字面量而非 token：本卡是**深色面**，不随浅色 token 变——这是本次的唯一例外，记账见
-        // `docs/visual-spec-blocks.md` §B-12 的 2026-09-12 裁定行。
-        '.' + p + 'toast {',
-        '  display: flex;',
-        '  align-items: flex-start;',
-        '  gap: 12px;',
-        '  box-sizing: border-box;',
-        '  min-width: 300px;',
-        '  max-width: 480px;',
-        '  padding: 13px 14px 13px 16px;',
-        '  border-radius: 14px;',
-        '  background: rgba(28, 28, 30, .94);',
-        '  -webkit-backdrop-filter: blur(20px) saturate(180%);',
-        '  backdrop-filter: blur(20px) saturate(180%);',
-        '  color: #f0f0f0;',
-        '  box-shadow: 0 10px 32px rgba(0, 0, 0, .32), 0 0 0 .5px rgba(255, 255, 255, .08) inset;',
-        // #567 J4（§5.2 正文 13 吸收 13／12.5）。
-        '  font-size: 13px;',
-        '  line-height: 1.4;',
-        '  font-feature-settings: "tnum";',
-        '  pointer-events: auto;',
-        '  animation: ' + p + 'toast-in .22s cubic-bezier(.34, 1.56, .64, 1) both;',
-        '}',
-        // 入场动效（W4）：旧层 `.hm-toast{opacity:0;transform:scale(.9)}` ＋ `.hm-toast.show{…}`
-        // （`base.js:75`）依赖 JS 加类，新控制器**不加 `.show`**（`ToastController.show` 是方法名，非类）
-        // → 改为 **CSS-only** `@keyframes` ＋ `animation`，**不依赖任何 JS 加类**，且默认可见。
-        '@keyframes ' + p + 'toast-in {',
-        '  from {',
-        '    opacity: 0;',
-        '    transform: scale(.9) translateY(4px);',
-        '  }',
-        '  to {',
-        '    opacity: 1;',
-        '    transform: none;',
-        '  }',
-        '}',
-        // 失败态：老仓没有卡面描边，失败由「❌ 图标 ＋ danger 徽章」承担；深色面上改由
-        // **内影那条 0.5px 细线换成功色系的红**来点一句（不新增描边、不改底色）。
-        '.' + p + 'toast-danger {',
-        '  box-shadow: 0 10px 32px rgba(0, 0, 0, .32), 0 0 0 .5px rgba(255, 59, 48, .45) inset;',
-        '}',
-        '.' + p + 'toast-icon {',
-        '  flex: 0 0 auto;',
-        '  padding-top: 1px;',
-        // #567 J4（§5.2 标题 18 吸收 17／18／20／22）：装饰字形 20→18。
-        '  font-size: 18px;',
-        '  line-height: 1;',
-        '}',
-        // body 是 toast 的**唯一**内容列（静态产出器与 helpers 运行时同构，见 `controls.ts`
-        // `TOAST_BODY_CLASS`）：`flex: 1 1 auto` 让它吃掉剩余宽度并内部换行，
-        // 关闭按钮因此恒与标题同行（W1 判据 `rt_close_top === rt_title_top`）。
-        '.' + p + 'toast-body {',
-        '  flex: 1 1 auto;',
-        '  min-width: 0;',
-        '}',
-        '.' + p + 'toast-title-row {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  align-items: center;',
-        '  gap: 8px;',
-        '}',
-        '.' + p + 'toast-title {',
-        '  margin-bottom: 2px;',
-        '  color: #fff;',
-        // #567 J4（§5.2 正文 13 吸收 13／12.5）。
-        '  font-size: 13px;',
-        '  font-weight: 600;',
-        '  line-height: 1.4;',
-        '}',
-        // 运行时详情（helpers 产出 `.ilife-toast-title-detail`，在 `.ilife-toast-body` 内）：
-        // 与静态侧 `.ilife-toast-detail` **同排版**；此前的 `flex: 1 1 100%` 权宜补丁已随结构对齐删除。
-        '.' + p + 'toast-title-detail {',
-        '  color: #c8c8cc;',
-        '  font-size: 11px;',
-        '  font-weight: 400;',
-        '  line-height: 1.5;',
-        '}',
-        '.' + p + 'toast-chip {',
-        '  flex-shrink: 0;',
-        '  padding: 2px 8px;',
-        '  border-radius: 999px;',
-        '  background: rgba(255, 255, 255, .12);',
-        '  color: #c8c8cc;',
-        // #567 J4（§5.2 下限 11：10／10.5／11 一律抬到 11）。
-        '  font-size: 11px;',
-        '  font-weight: 700;',
-        '  letter-spacing: .02em;',
-        '  line-height: 1.6;',
-        '}',
-        '.' + p + 'toast-chip-ok {',
-        '  background: rgba(52, 199, 89, .18);',
-        '  color: #4dd96b;',
-        '}',
-        '.' + p + 'toast-chip-warn {',
-        '  background: rgba(255, 149, 0, .18);',
-        '  color: #ffb340;',
-        '}',
-        '.' + p + 'toast-chip-danger {',
-        '  background: rgba(255, 59, 48, .18);',
-        '  color: #ff6961;',
-        '}',
-        '.' + p + 'toast-count {',
-        '  flex-shrink: 0;',
-        '  padding: 2px 8px;',
-        '  border-radius: 8px;',
-        '  background: rgba(255, 255, 255, .08);',
-        '  color: #c8c8cc;',
-        // #567 J4（§5.2 下限 11）。
-        '  font-size: 11px;',
-        '  font-weight: 700;',
-        '  font-variant-numeric: tabular-nums;',
-        '}',
-        '.' + p + 'toast-detail {',
-        '  color: #c8c8cc;',
-        '  font-size: 11px;',
-        '  line-height: 1.5;',
-        '}',
-        '.' + p + 'toast-lines {',
-        '  color: #c8c8cc;',
-        '  font-size: 11px;',
-        '  line-height: 1.55;',
-        '  white-space: pre-wrap;',
-        '}',
-        '.' + p + 'toast-code {',
-        '  margin: 6px 0 0;',
-        '  padding: 8px 10px;',
-        '  border-radius: 8px;',
-        '  background: rgba(0, 0, 0, .32);',
-        '  color: #aeb0b8;',
-        '  font-family: "SF Mono", monospace;',
-        // #567 J4（§5.2 下限 11）。
-        '  font-size: 11px;',
-        '  line-height: 1.5;',
-        '  white-space: pre-wrap;',
-        '  max-height: 140px;',
-        '  overflow: auto;',
-        '}',
-        '.' + p + 'toast-act {',
-        '  margin: 0;',
-        '  padding: 2px 4px;',
-        '  border: 0;',
-        '  background: none;',
-        '  color: #4dd96b;',
-        '  font-family: inherit;',
-        '  font-size: 11px;',
-        '  font-weight: 600;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'toast-act:active {',
-        '  opacity: .7;',
-        '}',
-        '.' + p + 'toast-close {',
-        '  flex-shrink: 0;',
-        '  margin: 0 0 0 6px;',
-        '  padding: 5px 9px;',
-        '  border: 0;',
-        '  border-radius: 8px;',
-        '  background: rgba(255, 255, 255, .10);',
-        '  color: #34c759;',
-        '  font-family: inherit;',
-        // #567 J4（§5.2 下限 11）。
-        '  font-size: 11px;',
-        '  font-weight: 500;',
-        '  white-space: nowrap;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        focusRing('.' + p + 'toast-act'),
-        focusRing('.' + p + 'toast-close'),
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'toast-stack {',
-        '    left: 12px;',
-        '    right: 12px;',
-        '    transform: none;',
-        '    align-items: stretch;',
-        '  }',
-        '  .' + p + 'toast {',
-        '    min-width: 0;',
-        '    max-width: none;',
-        '  }',
-        '}',
-    ].join(LF),
-    /** actionBar —— 类名产出者 `src/controls.ts:649-695`（`action-bar`／`action-row`／
-     *  `action-row-ghost`／`action-btn`／`action-btn-<kind>`）。 */
-    actionBar: (p) => [
-        '.' + p + 'action-bar {',
-        '  display: flex;',
-        '  flex-direction: column;',
-        '  gap: 8px;',
-        '  box-sizing: border-box;',
-        '  margin: 12px 0;',
-        // 旧层冻结值（旧 `base.css:81-91`）。≤552 的窄档内容列不到 520px 时这条不生效；
-        // 553–820 的内容列已超 520px（820 实测内容列 780px），须由下方 641 档放开（#427 实测）。
-        '  max-width: 520px;',
-        '}',
-        // #238（用户 2026-09-13 二次裁定「两个按钮平分宽度」）＋ #427 中档修正：
-        // 桌面与中档**铺满内容列**，动作条里的整行
-        // （`.action-row-ghost` 的 `repeat(2, minmax(0, 1fr))`）随之按内容列平分——两颗按钮各占一半。
-        // 放开位取 641（`blocks.ts:1899` 与 `helpShell` 640 档同源的桌面侧补集，不新增断点值；
-        // 原 821 位在 641–820 留出 260px 空白，KPI 栅格同档已铺满 780px，见 #427 缺口 1），
-        // 故 ≤640 的窄档逐像素不动、≥641 与改前 821 档同为 `max-width: none`（≥821 零变）。
-        '@media (min-width: 641px) {',
-        '  .' + p + 'action-bar {',
-        '    max-width: none;',
-        '  }',
-        '}',
-        '.' + p + 'action-row {',
-        '  display: grid;',
-        '  grid-template-columns: repeat(' + ACTION_BAR_DEFAULTS.evenRowPairs + ', minmax(0, 1fr));',
-        '  gap: 8px;',
-        '}',
-        '.' + p + 'action-row-ghost {',
-        // 复制按钮那一行**平分整行**（#247 用户 2026-09-12 返修）：两列而不是单列——单列只在「一行一颗」时
-        // 才好看，一旦有第二颗（复制数据 ＋ 复制日志）就变成「一颗铺满、一颗缩成内容宽」。列数取冻结
-        // `ACTION_BAR_DEFAULTS.evenRowPairs`（既有「偶数一行 2 个」的口径，不是新拍的数字）。
-        '  grid-template-columns: repeat(' + ACTION_BAR_DEFAULTS.evenRowPairs + ', minmax(0, 1fr));',
-        '}',
-        // #249：窄屏那档菜单**以整行做锚点**（同档 `copyButton` 区把包裹层改成 `position: static`）——
-        // 行盒＝内容宽，菜单 `left:0; right:0` 落进去就恒在视口内，与那颗按钮落在左格还是右格无关。
-        // 只在窄屏挂，桌面档的锚点仍是包裹层（菜单贴按钮右缘，用户已验收的样子不动）。
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'action-row-ghost {',
-        '    position: relative;',
-        '  }',
-        '}',
-        // **#654 后续（负责人 2026-09-16 第二次验收，口径变更）**：#427 的「≤640 单列」**撤回**。
-        // 负责人明确「底部应该是并排的两颗：复制数据 ＋ 复制日志」，且同仓参考页（`D:\ilife-验收` 根下
-        // 01～05，已验收）**在 390 档也是两列并排** ⇒ ghost 行**各宽档恒两列平分**（回到 #247 口径）。
-        // 390 档两列各约 175px 偏窄，由「必须并排」这条更高的要求承担（负责人裁定）。
-        // 原规则 `@media (max-width:640px){ .…action-row-ghost{ grid-template-columns: minmax(0,1fr) } }`
-        // 已删；`page-finish-427.test.mjs` 的对应断言已按新口径改钉（改成「不许再有单列覆盖」）。
-        // #654：ghost 行**只有一颗真按钮**时，让它在整行轨道里铺满——#336 当年靠「补一颗禁用态假按钮」
-        // 凑第二格，为的就是保这个几何（不占半格、也不缩成内容宽）；现在列数跟着颗数走，假控件不再需要
-        // （负责人 2026-09-16 验收：读页面底部那颗点不动的「复制日志」是缺陷）。
-        '.' + p + 'action-row-ghost-single > .' + p + 'copy-btn {',
-        '  grid-column: 1 / -1;',
-        '}',
-        '.' + p + 'action-btn {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
-        '  padding: 0 16px;',
-        '  border: 1px solid transparent;',
-        '  border-radius: 999px;',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '  font-family: inherit;',
-        '  font-size: ' + ACTION_BAR_DEFAULTS.fontSizePx + 'px;',
-        '  font-weight: ' + ACTION_BAR_DEFAULTS.fontWeight + ';',
-        '  line-height: 1;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'action-btn-primary {',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '}',
-        '.' + p + 'action-btn-red {',
-        '  background: #ff3b30;',
-        '  color: var(--card);',
-        '}',
-        '.' + p + 'action-btn-ghost {',
-        '  border-color: rgba(' + BLUE_RGB + ', ' + ACTION_BAR_DEFAULTS.ghostBorderAlpha + ');',
-        '  background: var(--card);',
-        '  color: var(--blue2);',
-        '}',
-        // #733：`disabled`（「标记」而非「可点控件」）的样式。**改前本区没有这一条**——
-        //   而 `.copy-btn` 那边早就有（浅底 ＋ `--fg3` 字 ＋ `cursor: not-allowed`，见 `copyButton` 区）。
-        //   动作条这一条按同一套值对齐，两处读起来是同一档「不可点」。取既有 `--soft`／`--line`／`--fg3`，
-        //   零新色值；只在本区加，不动任何既有选择器。
-        '.' + p + 'action-btn[disabled],',
-        '.' + p + 'action-btn:disabled {',
-        '  opacity: 1;',
-        '  border-color: var(--line);',
-        '  background: var(--soft);',
-        '  color: var(--fg3);',
-        '  cursor: not-allowed;',
-        '}',
-        // #179 触控目标：窄屏按钮抬到 44px。**#525 起两个宽档同值**（`minHeightPx` 40 → 44，见
-        // `spec/controls.ts`）；本条留在这里只为不动既有选择器与既有媒体查询。
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'action-btn {',
-        '    min-height: 44px;',
-        '  }',
-        '}',
-        focusRing('.' + p + 'action-btn'),
-    ].join(LF),
-    copyButton: (p) => [
-        '.' + p + 'copy-btn {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  gap: 6px;',
-        '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
-        '  padding: 0 14px;',
-        '  border: 1px solid transparent;',
-        '  border-radius: 999px;',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '  font-family: inherit;',
-        '  font-size: ' + ACTION_BAR_DEFAULTS.fontSizePx + 'px;',
-        '  font-weight: ' + ACTION_BAR_DEFAULTS.fontWeight + ';',
-        '  line-height: 1;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease;',
-        '}',
-        '.' + p + 'copy-btn-primary {',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '}',
-        '.' + p + 'copy-btn-ghost {',
-        '  border-color: rgba(' + BLUE_RGB + ', ' + ACTION_BAR_DEFAULTS.ghostBorderAlpha + ');',
-        '  background: var(--card);',
-        // #179 对比度：ghost 按钮是 12px 小字，`--blue` 在白底上 4.02:1 不到 AA 的 4.5:1
-        // → 换同族深一档的 `--blue2`（5.6:1）。实心按钮（白字压 `--blue`）不在本页，另账见交付报告。
-        '  color: var(--blue2);',
-        '}',
-        '.' + p + 'copy-btn-wide {',
-        '  width: 100%;',
-        '}',
-        '.' + p + 'copy-btn:active {',
-        '  transform: scale(.96);',
-        '}',
-        // W3（H-16 双反馈的 CSS 侧）：复制成功态变绿。规格 `docs/visual-spec-help.md:195,197`
-        // 「按钮变绿进入 `copied` 态并跑 450ms 弹簧动画」；弹簧 = 基础 `transition: transform .45s
-        // cubic-bezier(.34, 1.56, .64, 1)`（B1 `benchmark-visual-spec.md:279,645`），本节只补**变绿**。
-        // 类名由**运行时**添加（`copied`，非 `ilife-` 前缀 → 不占样式区命名空间）；
-        // 本票**不改** helpers 的复制反馈行为，移交落点见契约 §8.11.1 FX-75-11。
-        '.' + p + 'copy-btn.copied {',
-        '  border-color: var(--ok);',
-        '  background: var(--ok);',
-        '  color: var(--card);',
-        '}',
-        // **禁用态必须看得出来**（#525 收口 · 两处公共债之一）：读页面没有写库日志，复制区按 #336
-        // 自动补的那颗「复制日志」带 `disabled` 属性、可**从 #336 起就没有任何置灰规则**——看着与
-        // 旁边那颗能点的按钮一模一样（`t524-改前读数.md` §7.1 第 3 条只核了属性、没核观感）。
-        //
-        // **#525 第二轮返修（禁用态只看得见、读不清）**：上一版照 HELP 页 `button.copy:disabled`
-        // 取 `opacity:.45` 压**整颗**按钮，实测有效文字色被混成 `#91b9e9` 压白底，对比度只有
-        // **2.03:1**（`.scratch/t525c/before.json`；读法＝把 opacity 混进底色后按 WCAG 相对亮度算）——
-        // 连 AA 大字的 3:1 都不到，等于把「禁用」写成了「看不清」。
-        // 改法＝**不压整颗**，改三处、各自都是一个信号：① 文字色换 `--fg3`；② 底压成 `--soft`；
-        // ③ 描边降到 `--line`（「蓝＝可点」这条信号只留在可点态）。`opacity` 恒 1（不继承、不叠乘）。
-        // 2.03 → 3.47 的两行读数落 `.scratch/t525c/disabled-contrast.json`，探针 `.scratch/t525c/probe.mjs` 可复跑。
-        '.' + p + 'copy-btn[disabled],',
-        '.' + p + 'copy-btn:disabled {',
-        '  opacity: 1;',
-        '  border-color: var(--line);',
-        '  background: var(--soft);',
-        '  color: var(--fg3);',
-        '  cursor: not-allowed;',
-        '}',
-        '.' + p + 'copy-btn[disabled]:active,',
-        '.' + p + 'copy-btn:disabled:active {',
-        '  transform: none;',
-        '}',
-        // #179 触控目标：窄屏按钮抬到 44px。**#525 起这条在两个宽档上是同一个值**（`minHeightPx`
-        // 由 40 提到 44，见 `spec/controls.ts`）——留在这里是为了不动既有选择器与既有媒体查询；
-        // 桌面档不再是 40px。
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'copy-btn {',
-        '    min-height: 44px;',
-        '  }',
-        '}',
-        // ── 复制数据的三格式菜单（#247，2026-09-12 用户裁定「恢复老仓原样」）───────────────
-        // 逐值取自老仓 `卡路里/templates/crud_receipt.html`（可点版本 `2262fee1~1`）的 `.fmt-menu`／
-        // `.fmt-item`／`.fmt-item:hover`／`.fmt-item span` 四串；老仓的 `--border`／`--soft` 分别
-        // 对到本仓的 `--line`／`--soft`。**复用本区命名空间**（`CONTROL_STYLE_SECTIONS` 是冻结闭集，
-        // 不新增第 9 个区）；类名不对 `copy-btn` 用前缀相似的名字（`.copy-menu-btn` 会被
-        // `.copy-btn` 的规则一并命中，多出一圈胶囊底），故开合器只带 `copy-btn copy-btn-ghost` 两颗类。
-        // **偏离 1 处（记账）**：菜单圆角取 **14px**（老仓是 12px）——#89 R-9 的 H-10 把
-        // 全部非图表 CSS 的 `border-radius` 钉在 `{8px,14px,20px,999px,50%}`，12px 会让你越出闭集；
-        // 14px 是本仓既有卡片圆角（toast 同值），几何其余逐值不动（`bottom`／`right`／`min-width`／
-        // `max-width`／`padding`／投影／项内距与字号全取老仓）。
-        '.' + p + 'copy-menu-wrap {',
-        // 宽度**跟着轨道走**（#247 用户 2026-09-12 返修）：复制数据与复制日志在 ghost 行里**平分整行**
-        // （各占一格，见 `.action-row-ghost` 的两列），两颗宽高一致——不再出现「一颗铺满一行、一颗缩成
-        // 内容宽」的一胖一瘦。故这里**不写** `justify-self: start`（那会让本层缩成内容宽、连带按钮也缩）。
-        '  position: relative;',
-        '  display: flex;',
-        '  align-items: center;',
-        '  width: 100%;',
-        '}',
-        // 开合器按钮铺满自己那一格：菜单的 `right: 0` 才贴着按钮右缘（== 格子右缘），两格时居中偏右。
-        '.' + p + 'copy-menu-wrap > .' + p + 'copy-btn {',
-        '  width: 100%;',
-        '}',
-        // **#525 第二轮·三角用 CSS 画**（用户裁定第 5 条：符号顶替了设计）：
-        // 可见文字里的 `▾` 已从 `controls.ts` 的 `copyMenuHtml` 删掉（那句「可以选格式」改住 `aria-label`），
-        // 这里用 `border` 拼一个向下的小三角 ＋ `rotate(180deg)` 做开合态——**一个字符都不打**，
-        // 也就不会被字体／读屏／抓取器当成内容。画的规矩：零宽零高的盒子靠 `border-top` 出形，
-        // `margin-left: 6px` 与基础的 `gap: 6px` 同值（文字与三角的间距连两处取值都不新造）。
-        // 开合态由运行时加的 `.copy-menu-open` 落色（与菜单同一个类，不新增第二个开关）。
-        '.' + p + 'copy-menu-wrap > .' + p + 'copy-btn::after {',
-        '  content: "";',
-        '  width: 0;',
-        '  height: 0;',
-        '  margin-left: 6px;',
-        '  border-left: 4px solid transparent;',
-        '  border-right: 4px solid transparent;',
-        '  border-top: 5px solid currentColor;',
-        '  transition: transform .16s ease-out;',
-        '}',
-        '.copy-menu-open.' + p + 'copy-menu-wrap > .' + p + 'copy-btn::after {',
-        '  transform: rotate(180deg);',
-        '}',
-        '.' + p + 'copy-menu {',
-        '  position: absolute;',
-        '  bottom: calc(100% + 8px);',
-        '  right: 0;',
-        '  z-index: 20;',
-        '  min-width: 200px;',
-        // 浮层开合走 opacity（不是 `display`／`hidden`）：一是 CSS 过渡不被跳过，二是开合不重排整页。
-        // 关着时同时收掉命中，免得看不见的菜单项还能被点到；`visibility` 可过渡 ⇒ 收起仍有淡出。
-        '  box-sizing: border-box;',
-        '  max-width: calc(100vw - 32px);',
-        '  padding: 6px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 14px;',
-        '  background: var(--card);',
-        '  box-shadow: 0 8px 24px rgba(0, 0, 0, .14);',
-        '  opacity: 0;',
-        '  visibility: hidden;',
-        '  pointer-events: none;',
-        '  transition: opacity .16s ease-out, visibility .16s ease-out;',
-        '}',
-        // 开着的那条：`copy-menu-open` 是**运行时**加的类（与 #121 的 `copied` 同口径——类名不加
-        // `ilife-` 前缀，故不占样式区命名空间，也不作为 `ilife-` 类名进跨文件检查）；选择器把裸类
-        // 排在**前**面，这样从 CSS 里扫出来的 `ilife-` 类名仍只有 `ilife-copy-menu`（T10 ② 认得出产出者）。
-        '.copy-menu-open.' + p + 'copy-menu {',
-        '  opacity: 1;',
-        '  visibility: visible;',
-        '  pointer-events: auto;',
-        '}',
-        '.' + p + 'copy-menu-item {',
-        // #152 返修：补最小高——老仓 `.fmt-item` 只写 `padding:10px 12px` ＋ 13px 字，算出来 37px，
-        // 低于本仓同区复制按钮的冻结最小值（`spec/controls.ts:308` 的 44px，#525 由 40 改到 44）。44 不另写一个数，
-        // 引用同一个定义地；窄屏那档仍由下面的 `min-height:44px` 托底（老仓 `.fmt-item` 是 36px）。
-        '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
-        '  display: flex;',
-        '  justify-content: space-between;',
-        '  gap: 14px;',
-        '  width: 100%;',
-        '  padding: 10px 12px;',
-        '  border: none;',
-        '  border-radius: 8px;',
-        '  background: none;',
-        '  color: var(--fg);',
-        '  font-family: inherit;',
-        '  font-size: 13px;',
-        '  text-align: left;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'copy-menu-item:hover {',
-        '  background: var(--soft);',
-        '}',
-        // 标签（格式键）：显式一条——省得继承菜单项的既有值，也让「CSS 里每个类名都有产出者、
-        // 每个产出类名都有 CSS」这条跨文件检查两面都成立（`style.test.mjs` T10）。
-        '.' + p + 'copy-menu-item > .' + p + 'copy-menu-label {',
-        '  color: var(--fg);',
-        '  font-size: 13px;',
-        '}',
-        // 用途提示：老仓是 `.fmt-item span`（后代选择器，两项 span 都染 11px 灰）；本仓显式给类名，
-        // 标签那半仍取 13px／`--fg`（上一条）。选择器用 `>` ——本仓跨文件交叉检查按**整段选择器**比对。
-        // **返修**：字色由 `--fg3`（#86868b）改为 `--fg2`（#6e6e73）——11px 属正文，AA 要 4.5:1，
-        // 前者对白卡片仅 3.62:1、后者 5.07:1；与同批「12px ＋ `--fg3`」那 7 处改用的是同一个做法（#152）。
-        '.' + p + 'copy-menu-item > .' + p + 'copy-menu-hint {',
-        '  color: var(--fg2);',
-        '  font-size: 11px;',
-        '  white-space: nowrap;',
-        '}',
-        // #179 触控目标：窄屏菜单项抬到 44px（与复制按钮同一口径；老仓 `.fmt-item` 是 36px 上下）。
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'copy-menu-item {',
-        '    min-height: 44px;',
-        '  }',
-        // 窄屏改**贴按钮算**（老仓那句「右对齐视口内,手机不超界」的落法）：桌面档按钮靠左，200px 的菜单
-        // 贴按钮会有一半越到屏幕左外；窄屏按钮在右半格，故改成
-        // 「宽 = 视口 − 左右各 16px、右缘贴按钮右缘」——既恒在视口内，又跟着按钮（滚动时不漂、不挡按钮），
-        // 也不会像 `position: fixed` 那样把浮层钉在视口底、压住别的正文。
-        //
-        // **#249 修正**：原先「宽 = 视口 − 32px ＋ 右缘贴按钮」只在按钮位于**右格**时成立；复制数据排在
-        // 复制日志前头（`renderActionBar` 的 ghost 行顺序），窄屏上它在**左格**，菜单右缘贴左格右缘 ⇒
-        // 菜单左缘跑到视口外 167px（390 实测 x=-167，三项的格式名全看不见）。修法：窄屏把锚点从**包裹层**
-        // 换成**整行**（行在这一档挂 `position: relative`，见 `actionBar` 区）；菜单 `left:0; right:0`
-        // 就落在行盒（＝内容宽 358）里，按钮在哪一格都在视口内，且仍是「跟着按钮走」的绝对定位浮层。
-        '  .' + p + 'copy-menu-wrap {',
-        '    position: static;',
-        '  }',
-        '  .' + p + 'copy-menu {',
-        '    left: 0;',
-        '    right: 0;',
-        '    width: auto;',
-        '    min-width: 0;',
-        '    max-width: none;',
-        '  }',
-        '}',
-        focusRing('.' + p + 'copy-btn'),
-    ].join(LF),
-    /** statusBadge —— 类名产出者 `controls.ts:702-707`。
-     *  **逐值对齐施工单 B §1.4**：`gap:6px;padding:6px 14px;font-size:13px;font-weight:600;
-     *  border-radius:999px;width:fit-content`。四组底色／字色**逐值取旧 `.hm-status.{ok,warn,danger,empty}`**
-     *  （`公共组件/assets/base.css:225-228`；旧值清单亦见施工单 B `:253`）——**实色**背景，非 alpha：
-     *  ok `#e6f7ec`／`#1f8c3d`、warn `#fff5e0`／`#a25b00`、danger `#fff0ee`／`#a83228`、
-     *  empty `#f0f0f3`／`var(--fg2)`（empty 字色旧层 `base.css:228` 为 `#6e6e73`＝`--fg2` 解析值，底色为实色 `#f0f0f3`）。
-     *  **返修 W2**：上一轮误用 `#1f8f3d`／`#b25000`（全仓无出处）＋ 12% alpha 底色，且注释谎称「沿用旧值」
-     *  → 已改回旧逐值，注释与实现一致（非 token 硬编码色按 D-5 以 CSS 常量实施，不新增 token 名）。 */
-    statusBadge: (p) => [
-        '.' + p + 'status-badge {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  gap: 6px;',
-        '  padding: 6px 14px;',
-        '  border-radius: 999px;',
-        '  background: var(--soft);',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '  font-weight: 600;',
-        '  line-height: 1.6;',
-        '  width: fit-content;',
-        '}',
-        '.' + p + 'status-badge-ok {',
-        '  background: #e6f7ec;',
-        '  color: #1f8c3d;',
-        '}',
-        '.' + p + 'status-badge-warn {',
-        '  background: #fff5e0;',
-        '  color: #a25b00;',
-        '}',
-        '.' + p + 'status-badge-danger {',
-        '  background: #fff0ee;',
-        '  color: #a83228;',
-        '}',
-        '.' + p + 'status-badge-empty {',
-        '  background: #f0f0f3;',
-        '  color: var(--fg2);',
-        '}',
-    ].join(LF),
-    emptyState: (p) => [
-        '.' + p + 'empty {',
-        '  padding: 48px 20px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 20px;',
-        '  background: var(--card);',
-        '  text-align: center;',
-        '  color: var(--fg2);',
-        '}',
-        '.' + p + 'empty-icon {',
-        // #567 J4（§5.2 大数 28 吸收 26／28／32／40）：装饰图标 40→28。
-        '  font-size: 28px;',
-        '  line-height: 1.2;',
-        '  opacity: .5;',
-        '}',
-        '.' + p + 'empty-text {',
-        '  margin-top: 8px;',
-        '  color: var(--fg);',
-        // #567 J4（§5.2 标题 18 吸收 17／18／20／22）。
-        '  font-size: 18px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'empty-hint {',
-        '  margin-top: 4px;',
-        '  color: var(--fg3);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'empty-action {',
-        '  margin-top: 16px;',
-        '}',
-    ].join(LF),
-    /** errorReceipt —— 类名产出者 `src/controls.ts:763-765`。
-     *  **类名撞车处置（裁定 R6／施工单 B-R4）**：`ilife-error` 亦由
-     *  `packages/skill-calorie/src/render/html.ts:254`（`cx('error')`，语义为「错误页正文」）产出，
-     *  故容器规则**不得**用裸 `.ilife-error` 选择器（会污染 calorie 错误页）；改用
-     *  `:has(> .ilife-error-title)` 精确限定「本组件自己的类组合」——
-     *  calorie 的 `ilife-error` 节点无该子元素，**不命中**。 */
-    errorReceipt: (p) => [
-        '.' + p + 'error:has(> .' + p + 'error-title) {',
-        '  margin: 12px 0;',
-        '  padding: 20px 22px;',
-        '  border: 1px solid rgba(255, 59, 48, .28);',
-        '  border-radius: 14px;',
-        '  background: rgba(255, 59, 48, .06);',
-        '  color: var(--fg);',
-        '}',
-        '.' + p + 'error-title {',
-        '  margin-bottom: 14px;',
-        '  color: #a83228;',
-        '  font-size: 15px;',
-        '  font-weight: 700;',
-        '}',
-        // **旧层两行 grid 语义对齐**（施工单 B §1.6 要求「等价」）：旧层 `.hm-actions`
-        // `{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:0 auto}`（`base.css:81-91`，
-        // 其中 `max-width:520px;margin:0 auto` 在 **`:87-89`**）＋ `.hm-error .hm-actions{margin-top:0}` 与
-        // 相邻 `+ .hm-actions{margin-top:14px}`（两行之间的竖向间距 14px）。
-        // A2 返修项⑤实测旧实现 retry 独占 1352px、两个 ghost 仅 78px（单 flex 行）→ 改为
-        // grid 2 列（列数取 `ACTION_BAR_DEFAULTS.evenRowPairs`）＋ `.ilife-copy-btn-wide` 跨全列。
-        // **返修 W5**：上一轮漏了 `max-width:520px;margin:0 auto`（实测 retry 1352／ghost 672，
-        // 旧应为 520／256）→ 本节补上；两行间距由 `gap:8px` 改为 `row-gap:14px;column-gap:8px`
-        // 以逐值对齐旧层 `+.hm-actions{margin-top:14px}`。
-        '.' + p + 'error-actions {',
-        '  display: grid;',
-        '  grid-template-columns: repeat(' + ACTION_BAR_DEFAULTS.evenRowPairs + ', minmax(0, 1fr));',
-        '  row-gap: 14px;',
-        '  column-gap: 8px;',
-        '  max-width: 520px;',
-        '  margin-left: auto;',
-        '  margin-right: auto;',
-        '}',
-        '.' + p + 'error-actions > .' + p + 'copy-btn-wide {',
-        '  grid-column: 1 / -1;',
-        '}',
-        '@media (max-width: ' + TOAST_DEFAULTS.mobileMaxPx + 'px) {',
-        '  .' + p + 'error:has(> .' + p + 'error-title) {',
-        '    padding: 16px 14px;',
-        '  }',
-        '}',
-    ].join(LF),
-    /** charts —— **复用** `src/charts.ts` 的唯一产出者 `chartsCss`（#78 结论；重述即 S1）。 */
-    charts: (p) => chartsCss(p),
-    /** helpShell —— 类名产出者 `src/help.ts:380-599`（`cls()` ＝ `ilife-help-shell-<suffix>`）
-     *  ＋ `src/controls.ts` 的 `buildSharedHelpersJs`（#88 S4 运行时注入：卡级复制按钮／搜索／高亮／
-     *  回到顶部——后缀同一命名空间，T11 按既有 `cls()` 实参前缀归属）。 */
-    helpShell: (p) => [
-        '.' + p + 'help-shell {',
-        '  display: block;',
-        '  max-width: 960px;',
-        '  margin: 0 auto;',
-        '  padding: 32px 20px 80px;',
-        '  color: var(--fg);',
-        // H-06 正文栈（唯一真相源 `src/font.ts` 的 BODY_FONT_STACK，首位 "SF Pro Display"；不新增 token 名，等宽栈不动）。
-        '  font-family: ' + BODY_FONT_STACK + ';',
-        '  font-feature-settings: "tnum";',
-        '}',
-        '.' + p + 'help-shell-hero {',
-        '  margin-bottom: 20px;',
-        '}',
-        '.' + p + 'help-shell-eyebrow {',
-        '  margin: 0;',
-        '  color: var(--blue);',
-        '  font-size: 12px;',
-        '  font-weight: 600;',
-        '  letter-spacing: .08em;',
-        '  text-transform: uppercase;',
-        '}',
-        '.' + p + 'help-shell-title {',
-        '  margin: 6px 0 0;',
-        '  font-size: 32px;',
-        '  font-weight: 700;',
-        '  letter-spacing: -.4px;',
-        '  line-height: 1.2;',
-        '}',
-        '.' + p + 'help-shell-subtitle {',
-        '  margin: 6px 0 0;',
-        '  color: var(--fg2);',
-        '  font-size: 15px;',
-        '}',
-        '.' + p + 'help-shell-lead {',
-        '  margin: 4px 0 0;',
-        '  color: var(--fg3);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-init {',
-        '  padding: 16px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 20px;',
-        '  background: var(--card);',
-        '}',
-        '.' + p + 'help-shell-init-title {',
-        '  margin: 0;',
-        '  font-size: 17px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-init-subtitle {',
-        '  margin: 4px 0 0;',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-init-prompt {',
-        '  margin: 8px 0 0;',
-        '  padding: 12px;',
-        '  border-radius: 8px;',
-        '  background: var(--soft);',
-        '  color: var(--fg2);',
-        '  font-family: "SF Mono", monospace;',
-        '  font-size: 12px;',
-        '  line-height: 1.55;',
-        '  white-space: pre-wrap;',
-        '  overflow-x: auto;',
-        '}',
-        '.' + p + 'help-shell-init-steps {',
-        '  margin: 8px 0 0;',
-        '  padding-left: 20px;',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-init-step {',
-        '  margin: 2px 0;',
-        '}',
-        '.' + p + 'help-shell-tab-bar {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  gap: 8px;',
-        '  margin: 16px 0;',
-        '}',
-        '.' + p + 'help-shell-tab {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  gap: 6px;',
-        '  padding: 6px 14px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 999px;',
-        '  background: var(--card);',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '  font-weight: 600;',
-        '  cursor: pointer;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'help-shell-tab-icon {',
-        '  font-size: 14px;',
-        '}',
-        '.' + p + 'help-shell-tab-input {',
-        '  position: absolute;',
-        '  width: 1px;',
-        '  height: 1px;',
-        '  margin: -1px;',
-        '  padding: 0;',
-        '  border: 0;',
-        '  overflow: hidden;',
-        '  clip: rect(0 0 0 0);',
-        '  white-space: nowrap;',
-        '}',
-        '.' + p + 'help-shell-pages {',
-        '  display: block;',
-        '}',
-        '.' + p + 'help-shell-page {',
-        '  display: block;',
-        '}',
-        '.' + p + 'help-shell-page-body {',
-        '  display: none;',
-        '}',
-        '.' + p + 'help-shell-tab-input:checked + .' + p + 'help-shell-page-body {',
-        '  display: block;',
-        '}',
-        '.' + p + 'help-shell-grid {',
-        '  display: grid;',
-        '  grid-template-columns: repeat(2, minmax(0, 1fr));',
-        '  gap: 12px;',
-        '}',
-        '.' + p + 'help-shell-card {',
-        '  display: block;',
-        '  padding: 14px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 14px;',
-        '  background: var(--card);',
-        '  box-shadow: var(--shadow);',
-        '}',
-        '.' + p + 'help-shell-card-top {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  align-items: center;',
-        '  gap: 8px;',
-        '}',
-        '.' + p + 'help-shell-card-title {',
-        '  margin: 8px 0 0;',
-        '  font-size: 17px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-chip {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  padding: 1px 8px;',
-        '  border-radius: 999px;',
-        '  background: var(--soft);',
-        '  color: var(--blue2);',
-        '  font-size: 11px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-badge {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  padding: 1px 8px;',
-        '  border-radius: 999px;',
-        '  background: var(--soft);',
-        '  color: var(--fg2);',
-        '  font-size: 11px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-badge-dev {',
-        '  background: rgba(255, 149, 0, .12);',
-        '  color: #b25000;',
-        '}',
-        '.' + p + 'help-shell-cli {',
-        '  display: block;',
-        '  margin-top: 6px;',
-        '  color: var(--fg3);',
-        '  font-family: "SF Mono", monospace;',
-        '  font-size: 11.5px;',
-        '}',
-        '.' + p + 'help-shell-fields {',
-        '  margin: 8px 0 0;',
-        '  padding: 0;',
-        '  list-style: none;',
-        '}',
-        '.' + p + 'help-shell-field {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  gap: 6px;',
-        '  padding: 6px 0;',
-        '  border-top: 1px solid var(--line);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-field:first-child {',
-        '  border-top: 0;',
-        '}',
-        '.' + p + 'help-shell-field-label {',
-        '  color: var(--fg2);',
-        '}',
-        '.' + p + 'help-shell-field-value {',
-        '  color: var(--fg);',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-field-hint {',
-        '  color: var(--fg3);',
-        '}',
-        '.' + p + 'help-shell-field-required {',
-        '  color: #c0392b;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-sheet {',
-        '  margin-top: 10px;',
-        '  border-top: 1px solid var(--line);',
-        '}',
-        '.' + p + 'help-shell-sheet-summary {',
-        '  padding: 8px 0;',
-        '  color: var(--blue);',
-        '  font-size: 13px;',
-        '  font-weight: 600;',
-        '  cursor: pointer;',
-        '  touch-action: manipulation;',
-        '  list-style: none;',
-        '}',
-        '.' + p + 'help-shell-sheet-summary::-webkit-details-marker {',
-        '  display: none;',
-        '}',
-        '.' + p + 'help-shell-sheet-summary::after {',
-        '  content: "▾";',
-        '  display: inline-block;',
-        '  margin-left: 6px;',
-        '  transition: transform .15s ease;',
-        '}',
-        '.' + p + 'help-shell-sheet[open] > .' + p + 'help-shell-sheet-summary::after {',
-        '  transform: rotate(180deg);',
-        '}',
-        '.' + p + 'help-shell-sheet-body {',
-        '  padding-bottom: 4px;',
-        '}',
-        '.' + p + 'help-shell-prompt {',
-        '  margin: 0;',
-        '  padding: 12px;',
-        '  border-radius: 8px;',
-        '  background: var(--soft);',
-        '  color: var(--fg2);',
-        '  font-family: "SF Mono", monospace;',
-        '  font-size: 12px;',
-        '  line-height: 1.55;',
-        '  white-space: pre-wrap;',
-        '  overflow-x: auto;',
-        '}',
-        '.' + p + 'help-shell-actions {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  gap: 8px;',
-        '  margin-top: 10px;',
-        '}',
-        '.' + p + 'help-shell-btn {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  min-height: ' + ACTION_BAR_DEFAULTS.minHeightPx + 'px;',
-        '  padding: 0 14px;',
-        '  border: 1px solid transparent;',
-        '  border-radius: 999px;',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '  font-family: inherit;',
-        '  font-size: ' + ACTION_BAR_DEFAULTS.fontSizePx + 'px;',
-        '  font-weight: ' + ACTION_BAR_DEFAULTS.fontWeight + ';',
-        '  line-height: 1;',
-        // #121：H-16「跑 450ms 弹簧动画」——弹簧口径**逐字复用** `copyButton` 基础（B1
-        // `benchmark-visual-spec.md:279,645`：`transform .45s cubic-bezier(.34,1.56,.64,1)`），
-        // 不新增机制、不新增关键帧；按下态同 `.ilife-copy-btn:active`（scale .96）。
-        '  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'help-shell-btn:active {',
-        '  transform: scale(.96);',
-        '}',
-        '.' + p + 'help-shell-btn-prompt,',
-        '.' + p + 'help-shell-btn-wakeWord,',
-        '.' + p + 'help-shell-btn-params {',
-        '  background: var(--blue);',
-        '  color: var(--card);',
-        '}',
-        // #121（H-16 双反馈的 CSS 侧补面）：HELP 速查台的复制按钮是 helpShell 命名空间（静态三目标
-        // `.ilife-help-shell-btn-*` ＋ 运行时注入的 `.ilife-help-shell-card-copy`），**不含** `.ilife-copy-btn`
-        // → #75 的 `.ilife-copy-btn.copied` 命中不到。此处按同一成功色 token `--ok` 补 `copied` 态，
-        // 类名逐字 `copied`（运行时加，非 `ilife-` 前缀 → 不占样式区命名空间）。
-        '.' + p + 'help-shell-btn.copied,',
-        '.' + p + 'help-shell-card-copy.copied {',
-        '  border-color: var(--ok);',
-        '  background: var(--ok);',
-        '  color: var(--card);',
-        '}',
-        focusRing('.' + p + 'help-shell-btn'),
-        '.' + p + 'help-shell-subgroup {',
-        '  margin-top: 12px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 14px;',
-        '  background: var(--card);',
-        '}',
-        '.' + p + 'help-shell-subgroup-summary {',
-        '  display: flex;',
-        '  align-items: center;',
-        '  gap: 8px;',
-        '  padding: 10px 14px;',
-        '  font-size: 14px;',
-        '  font-weight: 600;',
-        '  cursor: pointer;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'help-shell-count {',
-        '  color: var(--fg3);',
-        '  font-size: 12px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-subgroup-body {',
-        '  padding: 0 14px 14px;',
-        '}',
-        '.' + p + 'help-shell-about-sec {',
-        '  margin-top: 20px;',
-        '}',
-        '.' + p + 'help-shell-about-head {',
-        '  margin: 0 0 8px;',
-        '  font-size: 17px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-about-list {',
-        '  margin: 0;',
-        '  padding: 0;',
-        '  list-style: none;',
-        '}',
-        '.' + p + 'help-shell-about-row {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  gap: 8px;',
-        '  padding: 8px 0;',
-        '  border-top: 1px solid var(--line);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-about-row:first-child {',
-        '  border-top: 0;',
-        '}',
-        '.' + p + 'help-shell-about-label {',
-        '  color: var(--fg2);',
-        '}',
-        '.' + p + 'help-shell-about-value {',
-        '  color: var(--fg);',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-about-note {',
-        '  margin: 8px 0 0;',
-        '  color: var(--fg3);',
-        '  font-size: 13px;',
-        '}',
-        '.' + p + 'help-shell-meta {',
-        '  margin-top: 20px;',
-        '}',
-        '.' + p + 'help-shell-meta-block {',
-        '  margin-top: 16px;',
-        '}',
-        '.' + p + 'help-shell-meta-title {',
-        '  margin: 0 0 8px;',
-        '  font-size: 17px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-meta-html {',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '}',
-        // ── #88 S4：helpers 运行时注入面（`src/controls.ts` 的 `buildSharedHelpersJs`）──────────
-        // 类名后缀与 `src/help.ts` 的 `cls()` 同一命名空间（T11 归属由既有实参前缀承担）；
-        // 只用 11 个冻结 token，不新增 token、不越区、不走技能侧 `extraCss`。
-        '.' + p + 'help-shell-tab-search {',
-        '  display: flex;',
-        '  flex-wrap: wrap;',
-        '  align-items: center;',
-        '  gap: 8px;',
-        '  margin: 0 0 16px;',
-        '}',
-        '.' + p + 'help-shell-tab-search-input {',
-        '  flex: 1 1 200px;',
-        '  min-width: 0;',
-        '  min-height: 36px;',
-        '  padding: 0 14px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 999px;',
-        '  background: var(--card);',
-        '  color: var(--fg);',
-        '  font-family: inherit;',
-        '  font-size: 13px;',
-        '}',
-        focusRing('.' + p + 'help-shell-tab-search-input'),
-        '.' + p + 'help-shell-tab-search-clear {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  width: 28px;',
-        '  height: 28px;',
-        '  padding: 0;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 50%;',
-        '  background: var(--card);',
-        '  color: var(--fg2);',
-        '  font-family: inherit;',
-        '  font-size: 12px;',
-        '  line-height: 1;',
-        '  cursor: pointer;',
-        '  touch-action: manipulation;',
-        '}',
-        focusRing('.' + p + 'help-shell-tab-search-clear'),
-        '.' + p + 'help-shell-page-hitcount {',
-        '  color: var(--fg2);',
-        '  font-size: 13px;',
-        '  font-weight: 600;',
-        '}',
-        '.' + p + 'help-shell-card-copy {',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  margin-left: auto;',
-        '  min-height: 28px;',
-        '  padding: 0 12px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 999px;',
-        '  background: var(--card);',
-        '  color: var(--blue);',
-        '  font-family: inherit;',
-        '  font-size: 12px;',
-        '  font-weight: 600;',
-        '  line-height: 1;',
-        // #121：弹簧口径同 `copyButton` 基础（H-16「450ms 弹簧」），成功态 `.copied` 见上方 helpShell 区。
-        '  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), background-color .2s ease;',
-        '  cursor: pointer;',
-        '  -webkit-tap-highlight-color: transparent;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'help-shell-card-copy:active {',
-        '  transform: scale(.96);',
-        '}',
-        focusRing('.' + p + 'help-shell-card-copy'),
-        '.' + p + 'help-shell-card-mark {',
-        '  padding: 0 2px;',
-        // H-10：`4px` ∉ {8,14,20,999px,50%} → 取集合内最近的 `8px`（D-5：CSS 常量直写，不新增 token 名）。
-        '  border-radius: 8px;',
-        '  background: var(--soft);',
-        '  color: var(--blue2);',
-        '  font-weight: 600;',
-        '}',
-        // 搜索态：未命中卡片／子功能组整块隐藏（`hidden` 属性会被本区 `display:block` 覆盖，
-        // 故用类名而非属性；类名同样由 helpers 以 `className` 字符串增删，不依赖 `classList`）。
-        '.' + p + 'help-shell-card-hidden {',
-        '  display: none;',
-        '}',
-        '.' + p + 'help-shell-subgroup-hidden {',
-        '  display: none;',
-        '}',
-        '.' + p + 'help-shell-field-input {',
-        '  flex: 1 1 120px;',
-        '  min-width: 0;',
-        '  min-height: 32px;',
-        '  padding: 0 10px;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 8px;',
-        '  background: var(--card);',
-        '  color: var(--fg);',
-        '  font-family: inherit;',
-        '  font-size: 13px;',
-        '}',
-        focusRing('.' + p + 'help-shell-field-input'),
-        // 回到顶部（视觉尺 H-19：42px 圆形、fixed bottom/right 24px、初始 opacity:0 ＋
-        // pointer-events:none，scrollY>400 加 `-show`；点击平滑回顶由 helpers 承担）。
-        '.' + p + 'help-shell-btn-backtop {',
-        '  position: fixed;',
-        '  right: 24px;',
-        '  bottom: 24px;',
-        '  display: inline-flex;',
-        '  align-items: center;',
-        '  justify-content: center;',
-        '  width: 42px;',
-        '  height: 42px;',
-        '  padding: 0;',
-        '  border: 1px solid var(--line);',
-        '  border-radius: 50%;',
-        '  background: var(--card);',
-        '  color: var(--fg);',
-        '  font-family: inherit;',
-        '  font-size: 18px;',
-        '  font-weight: 600;',
-        '  line-height: 1;',
-        '  box-shadow: var(--shadow);',
-        '  opacity: 0;',
-        '  pointer-events: none;',
-        '  transition: opacity .2s ease;',
-        '  z-index: 9998;',
-        '  cursor: pointer;',
-        '  touch-action: manipulation;',
-        '}',
-        '.' + p + 'help-shell-btn-backtop-show {',
-        '  opacity: 1;',
-        '  pointer-events: auto;',
-        '}',
-        focusRing('.' + p + 'help-shell-btn-backtop'),
-        '@media (max-width: 640px) {',
-        '  .' + p + 'help-shell {',
-        '    padding: 20px 16px 60px;',
-        '  }',
-        '  .' + p + 'help-shell-title {',
-        '    font-size: 26px;',
-        '  }',
-        '  .' + p + 'help-shell-grid {',
-        '    grid-template-columns: minmax(0, 1fr);',
-        '  }',
-        '}',
-        '@media (max-width: 400px) {',
-        '  .' + p + 'help-shell-tab-bar {',
-        '    gap: 6px;',
-        '  }',
-        '}',
-        '@media (prefers-reduced-motion: reduce) {',
-        '  .' + p + 'copy-btn {',
-        '    transition: none;',
-        '  }',
-        '  .' + p + 'copy-btn:active {',
-        '    transform: none;',
-        '  }',
-        // W4：入场动效在 reduced-motion 下**归零**（含动画本身，不只是时长）。
-        '  .' + p + 'toast {',
-        '    animation: none;',
-        '  }',
-        // #88 S4：回到顶部按钮的透明度过渡同样归零（H-20 覆盖全部可交互控件）。
-        '  .' + p + 'help-shell-btn-backtop {',
-        '    transition: none;',
-        '  }',
-        // #121：helpShell 复制按钮新增的弹簧过渡同样归零（口径同上一行）。
-        '  .' + p + 'help-shell-btn,',
-        '  .' + p + 'help-shell-card-copy {',
-        '    transition: none;',
-        '  }',
-        '  .' + p + 'help-shell-btn:active,',
-        '  .' + p + 'help-shell-card-copy:active {',
-        '    transform: none;',
-        '  }',
-        '}',
-    ].join(LF),
-};
-/** 闭集漂移 fail-fast（与 `src/help.ts:90-93` 同口径）：`CONTROL_STYLE_SECTIONS`
- *  新增区名而本文件未补实现时，**导入即报错**，不会静默产出缺区样式表。 */
-for (const section of CONTROL_STYLE_SECTIONS) {
-    if (SECTION_BUILDERS[section] === undefined) {
-        throw new Error('base-paint/style：CONTROL_STYLE_SECTIONS 闭集缺样式区实现（' + section + '）');
-    }
-}
-/** 缺省前缀（`StyleSheetInput.prefix` 非法时回落，见 `normalizePrefix`）。 */
-function normalizePrefix(input) {
-    const prefix = input === undefined || input === null ? undefined : input.prefix;
-    return typeof prefix === 'string' && prefix !== '' ? prefix : STYLE_PREFIX;
-}
-/** `extraCss` 违规错误：**不导出**（与 #74 `TemplateError`／#76 `bad-input` 同口径——
- *  冻结面 `SPEC_FROZEN_SURFACE` 无该运行时条目，调用方按 `name`／`code` 判定）。
- *  code 三值 = 契约 doc:299-300 三条「不得」的落点：
- *  `extra-css-root`（改写基础 `:root`）／`extra-css-forbidden-token`（Q14 禁入项）／
- *  `extra-css-dark-scheme`（深色区选择器，doc:292）。 */
-class StyleSheetExtraCssError extends Error {
-    code;
-    constructor(code, message) {
-        super(message);
-        this.name = 'StyleSheetError';
-        this.code = code;
-    }
-}
-/** CSS 块注释剥除（`/* … *\/` → 空格）：**判定前先剥注释**——注释里的 `:root`／`--pink` 只是说明文字，
- *  不是「改写基础／引入禁入项」；反之注释**不能**藏住真实声明（`/*c*\/:root{}` 剥后仍命中）。 */
-function stripCssComments(css) {
-    return css.replace(/\/\*[\s\S]*?\*\//g, ' ');
-}
-/** **token 边界**匹配（返修 W6）：`--pink` 只匹配完整自定义属性名，`--pinkish`／`--pink-2` **不**命中
- *  （旧实现 `includes(forbidden)` 会把 `--pinkish` 误拦）。边界 = 前一个字符非 `[A-Za-z0-9_-]`、
- *  后一个字符非 `[A-Za-z0-9_-]`。 */
-function hasBoundedToken(text, token) {
-    const escaped = token.replace(/[.*+?^${}()|[\]\\-]/g, '\\$&');
-    return new RegExp('(^|[^A-Za-z0-9_-])' + escaped + '(?![A-Za-z0-9_-])').test(text);
-}
-/** `extraCss` 三禁强制（**编排者返修裁定：D3 修订**，见契约 §8.11）。
- *
- *  理由：契约 doc:299-300 的三条「不得」（不得改写基础值／不得引入 Q14 禁入项／不得引入深色区）
- *  此前**无任何落点**（D3 原裁定「不校验、纯调用方责任」）→ 本票补最小强制：
- *  - (a) 含 `:root` 选择器 → 改写基础；
- *  - (b) 含 `STYLE_FORBIDDEN_TOKENS`（`--r-xl`／`--pink`）；
- *  - (c) 含深色区选择器（`[data-theme`／`prefers-color-scheme: dark`）。
- *  命中**任一**即抛错；**合法技能作用域覆盖块**（`.ilife-<skill>{--blue:…}`）照常通过。
- *  **返修 W6（误拦两面）**：① 判定前先 `stripCssComments()`（注释里的 `:root` 不再误拦）；
- *  ② 禁入 token 改**边界匹配**（`--pinkish` 不再误拦）。**漏拦面**同时登记于契约 §8.11：
- *  三禁仍是**文本级**判定（不解析 CSS AST），`html{--blue:…}` 这类等价改写仍属调用方责任。
- *  **未知 token 名不强制**（契约未冻结 token 名闭集的判定方式 → 保持调用方责任，记账见 §8.11）。 */
-function assertExtraCss(extraCss) {
-    if (extraCss === '')
-        return;
-    const code = stripCssComments(extraCss);
-    // `:root` 是伪类名（CSS 伪类名大小写不敏感）→ 用 `/i` 拦住 `:ROOT` 之类的等价写法。
-    if (/:root(?![A-Za-z0-9_-])/i.test(code)) {
-        throw new StyleSheetExtraCssError('extra-css-root', 'buildStyleSheet: extraCss 不得改写基础（命中 `:root` 选择器）；技能主题只许用 `.ilife-<skill>` 作用域覆盖块（契约 doc:299）');
-    }
-    for (const forbidden of STYLE_FORBIDDEN_TOKENS) {
-        if (hasBoundedToken(code, forbidden)) {
-            throw new StyleSheetExtraCssError('extra-css-forbidden-token', 'buildStyleSheet: extraCss 不得引入 Q14 禁入 token（命中 ' + forbidden + '，契约 doc:292）');
-        }
-    }
-    if (/\[\s*data-theme/i.test(code) || /prefers-color-scheme\s*:\s*dark/i.test(code)) {
-        throw new StyleSheetExtraCssError('extra-css-dark-scheme', 'buildStyleSheet: extraCss 不得引入深色区选择器（命中 `[data-theme` 或 `prefers-color-scheme: dark`，契约 doc:292）');
-    }
-}
-/** 冻结签名：`buildStyleSheet(input?: StyleSheetInput): StyleSheetOutput`。
- *
- *  **同源**：不按技能名分支；任何技能主题差异只能来自调用方显式传入的 `extraCss`（doc:300）。
- *  `extraCss` **末尾原样追加**（不加工、不转义）；并执行**三禁强制**（D3 修订，见 `assertExtraCss`）：
- *  命中 `:root`／`STYLE_FORBIDDEN_TOKENS`／深色区任一 → 抛不导出的 `StyleSheetError`（带 `code`）。 */
-export const buildStyleSheet = (input) => {
-    const prefix = normalizePrefix(input);
-    const extraCss = input === undefined || input === null || input.extraCss === undefined ? '' : String(input.extraCss);
-    assertExtraCss(extraCss);
-    const parts = [
-        '/* base-paint 共享样式资产 · ' + STYLE_SHEET_ID + ' · v' + STYLE_VERSION + ' */',
-        rootBlock(),
-    ];
-    for (const section of CONTROL_STYLE_SECTIONS) {
-        parts.push('/* ' + sectionSlug(section) + ' */');
-        parts.push(SECTION_BUILDERS[section](prefix));
-    }
-    if (extraCss !== '')
-        parts.push(extraCss);
-    return Object.freeze({
-        css: parts.join(LF),
-        tokens: Object.freeze(Object.keys(CSS_VAR_TOKENS)),
-        prefix,
-        version: STYLE_VERSION,
-    });
-};
-//# sourceMappingURL=style.js.map
+export * from './components/style/index.js';