@taloswork/ose-shared 0.1.1 → 0.1.3

package/skills/document/layouts/toc-panel.tpl

@@ -1,9 +1,9 @@
 <!-- layouts/toc-panel — structure-only. role=toc. 左大标题+插图 / 右深色面板目录. rows.entries{name,desc} — 3–5 chapters spread down the panel. -->
 <section class="slide" data-layout="toc-panel" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div>
- <div class="toc-topbar" style="position:absolute;left:80px;right:80px;top:34px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700"><span class="toc-brand">{{brand1|公司名称}}</span><span class="toc-brand">{{brand2|战略评审}}</span><span class="toc-brand">{{brand3|2026-03-15}}</span></div>
- <div class="surface" style="position:absolute;left:96px;top:150px;width:300px;height:280px;display:flex;align-items:center;justify-content:center;border-radius:var(--card-radius)"><span class="surface-label" style="font-size:14px">插图占位</span></div>
- <h1 class="cover-title" style="position:absolute;left:92px;top:456px;font-size:76px;line-height:1.02;letter-spacing:-1px">{{title|目录}}</h1>
+ <div class="toc-topbar" style="position:absolute;left:80px;right:80px;top:34px;display:flex;justify-content:space-between;align-items:center;font-size:calc(15px * var(--type-scale,1));font-weight:700"><span class="toc-brand">{{brand1|公司名称}}</span><span class="toc-brand">{{brand2|战略评审}}</span><span class="toc-brand">{{brand3|2026-03-15}}</span></div>
+ <div class="surface" style="position:absolute;left:calc(96px * var(--space-scale,1));top:150px;width:300px;height:280px;display:flex;align-items:center;justify-content:center;border-radius:var(--card-radius)"><span class="surface-label" style="font-size:calc(14px * var(--type-scale,1))">插图占位</span></div>
+ <h1 class="cover-title" style="position:absolute;left:calc(92px * var(--space-scale,1));top:456px;font-size:calc(76px * var(--type-scale,1));line-height:1.02;letter-spacing:-1px">{{title|目录}}</h1>
  <div class="panel" style="position:absolute;left:700px;right:80px;top:96px;bottom:56px;border-radius:var(--card-radius);padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between">
-   {{#entries}}<div class="panel-item"><div class="panel-item-title" style="font-size:30px;font-weight:800;letter-spacing:.5px">{{name|占位章节}}</div><p class="panel-item-desc" style="font-size:19px;margin-top:8px">{{desc|简述本节要讨论的内容。}}</p></div>{{/entries}}
+   {{#entries}}<div class="panel-item"><div class="panel-item-title" style="font-size:calc(30px * var(--type-scale,1));font-weight:800;letter-spacing:.5px">{{name|占位章节}}</div><p class="panel-item-desc" style="font-size:calc(19px * var(--type-scale,1));margin-top:8px">{{desc|简述本节要讨论的内容。}}</p></div>{{/entries}}
  </div>
 </section>

package/skills/document/layouts/toc.tpl

@@ -1,4 +1,4 @@
 <!-- layouts/toc — structure-only (paint via styles/<skin>/skin.css). data-layout drives P1/P2/P3 + dedup. -->
-<section class="slide" data-layout="toc" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|目录 · CONTENTS}}</span></div><h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:52px;letter-spacing:-.4px">{{title|目录}}</h2>
- <div class="toc-grid" style="position:absolute;left:96px;right:96px;top:290px;display:grid;grid-template-columns:1fr 1fr;gap:0 72px"><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:32px;font-weight:700">01</span><div><div class="toc-title" style="font-size:22px;font-weight:600">{{item1_title|章节标题}}</div><div class="toc-desc" style="font-size:14px;margin-top:5px">{{item1_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:32px;font-weight:700">02</span><div><div class="toc-title" style="font-size:22px;font-weight:600">{{item2_title|章节标题}}</div><div class="toc-desc" style="font-size:14px;margin-top:5px">{{item2_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:32px;font-weight:700">03</span><div><div class="toc-title" style="font-size:22px;font-weight:600">{{item3_title|章节标题}}</div><div class="toc-desc" style="font-size:14px;margin-top:5px">{{item3_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:32px;font-weight:700">04</span><div><div class="toc-title" style="font-size:22px;font-weight:600">{{item4_title|章节标题}}</div><div class="toc-desc" style="font-size:14px;margin-top:5px">{{item4_desc|一句概述}}</div></div></div></div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div></section>
+<section class="slide" data-layout="toc" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:calc(96px * var(--space-scale,1));top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:calc(13px * var(--type-scale,1));letter-spacing:.28em">{{eyebrow|目录 · CONTENTS}}</span></div><h2 class="deck-title" style="position:absolute;left:calc(92px * var(--space-scale,1));top:158px;font-size:calc(52px * var(--type-scale,1));letter-spacing:-.4px">{{title|目录}}</h2>
+ <div class="toc-grid" style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));top:290px;display:grid;grid-template-columns:1fr 1fr;gap:0 72px"><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:calc(32px * var(--type-scale,1));font-weight:700">01</span><div><div class="toc-title" style="font-size:calc(22px * var(--type-scale,1));font-weight:600">{{item1_title|章节标题}}</div><div class="toc-desc" style="font-size:calc(14px * var(--type-scale,1));margin-top:5px">{{item1_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:calc(32px * var(--type-scale,1));font-weight:700">02</span><div><div class="toc-title" style="font-size:calc(22px * var(--type-scale,1));font-weight:600">{{item2_title|章节标题}}</div><div class="toc-desc" style="font-size:calc(14px * var(--type-scale,1));margin-top:5px">{{item2_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:calc(32px * var(--type-scale,1));font-weight:700">03</span><div><div class="toc-title" style="font-size:calc(22px * var(--type-scale,1));font-weight:600">{{item3_title|章节标题}}</div><div class="toc-desc" style="font-size:calc(14px * var(--type-scale,1));margin-top:5px">{{item3_desc|一句概述}}</div></div></div><div class="toc-item" style="display:flex;gap:22px;align-items:baseline;padding:22px 0"><span class="toc-num" style="font-size:calc(32px * var(--type-scale,1));font-weight:700">04</span><div><div class="toc-title" style="font-size:calc(22px * var(--type-scale,1));font-weight:600">{{item4_title|章节标题}}</div><div class="toc-desc" style="font-size:calc(14px * var(--type-scale,1));margin-top:5px">{{item4_desc|一句概述}}</div></div></div></div>
+<div class="rule rule-foot" style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1));letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1))">{{pageno|01}}</div></section>

package/skills/document/layouts/transition.tpl

@@ -1,2 +1,2 @@
 <!-- layouts/transition — structure-only. role=transition. reuse across chapter breaks. -->
-<section class="slide" data-layout="transition" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div style="position:absolute;left:0;right:0;top:264px;text-align:center"><span class="eyebrow-row" style="display:inline-flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.34em">{{eyebrow|NEXT · 下一章}}</span></span></div><h2 class="ending-title" style="position:absolute;left:0;right:0;top:302px;text-align:center;font-size:120px;letter-spacing:-2px">{{number|02}}</h2><div class="section-desc" style="position:absolute;left:0;right:0;top:492px;text-align:center;font-size:22px;font-weight:600">{{title|下一章标题}}</div></section>
+<section class="slide" data-layout="transition" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div style="position:absolute;left:0;right:0;top:264px;text-align:center"><span class="eyebrow-row" style="display:inline-flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:calc(13px * var(--type-scale,1));letter-spacing:.34em">{{eyebrow|NEXT · 下一章}}</span></span></div><h2 class="ending-title" style="position:absolute;left:0;right:0;top:302px;text-align:center;font-size:calc(120px * var(--type-scale,1));letter-spacing:-2px">{{number|02}}</h2><div class="section-desc" style="position:absolute;left:0;right:0;top:492px;text-align:center;font-size:calc(22px * var(--type-scale,1));font-weight:600">{{title|下一章标题}}</div></section>

package/skills/document/layouts/two-kpi.tpl

@@ -1,4 +1,4 @@
 <!-- layouts/two-kpi — structure-only variant (paint via skin). -->
-<section class="slide" data-layout="two-kpi" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|KEY METRICS}}</span></div><h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|两个关键指标}}</h2>
- <div style="position:absolute;left:96px;right:96px;top:320px;display:grid;grid-template-columns:1fr 1fr;gap:40px"><div class="kpi" style="position:relative;padding-left:22px"><span class="accent-bar" style="position:absolute;left:0;top:10px;width:5px;height:120px"></span><div class="kpi-num" style="font-size:132px;font-weight:800;line-height:1">{{kpi1_num|585}}<span class="stat-unit" style="font-size:44px">{{kpi1_unit| 单位}}</span></div><p class="kpi-label" style="font-size:16px;margin-top:12px">{{kpi1_label|指标一说明,给上下文}}</p></div><div class="kpi" style="position:relative;padding-left:22px"><span class="accent-bar" style="position:absolute;left:0;top:10px;width:5px;height:120px"></span><div class="kpi-num" style="font-size:132px;font-weight:800;line-height:1">{{kpi2_num|92}}<span class="stat-unit" style="font-size:44px">{{kpi2_unit| %}}</span></div><p class="kpi-label" style="font-size:16px;margin-top:12px">{{kpi2_label|指标二说明,给上下文}}</p></div></div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div></section>
+<section class="slide" data-layout="two-kpi" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:calc(96px * var(--space-scale,1));top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:calc(13px * var(--type-scale,1));letter-spacing:.28em">{{eyebrow|KEY METRICS}}</span></div><h2 class="deck-title" style="position:absolute;left:calc(92px * var(--space-scale,1));top:158px;font-size:calc(48px * var(--type-scale,1));letter-spacing:-.4px">{{title|两个关键指标}}</h2>
+ <div style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));top:320px;display:grid;grid-template-columns:1fr 1fr;gap:40px"><div class="kpi" style="position:relative;padding-left:22px"><span class="accent-bar" style="position:absolute;left:0;top:10px;width:5px;height:120px"></span><div class="kpi-num" style="font-size:calc(132px * var(--type-scale,1));font-weight:800;line-height:1">{{kpi1_num|585}}<span class="stat-unit" style="font-size:calc(44px * var(--type-scale,1))">{{kpi1_unit| 单位}}</span></div><p class="kpi-label" style="font-size:calc(16px * var(--type-scale,1));margin-top:12px">{{kpi1_label|指标一说明,给上下文}}</p></div><div class="kpi" style="position:relative;padding-left:22px"><span class="accent-bar" style="position:absolute;left:0;top:10px;width:5px;height:120px"></span><div class="kpi-num" style="font-size:calc(132px * var(--type-scale,1));font-weight:800;line-height:1">{{kpi2_num|92}}<span class="stat-unit" style="font-size:calc(44px * var(--type-scale,1))">{{kpi2_unit| %}}</span></div><p class="kpi-label" style="font-size:calc(16px * var(--type-scale,1));margin-top:12px">{{kpi2_label|指标二说明,给上下文}}</p></div></div>
+<div class="rule rule-foot" style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1));letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1))">{{pageno|01}}</div></section>

package/skills/document/layouts/type-specimen.tpl

@@ -1,18 +1,18 @@
 <!-- layouts/type-specimen — structure-only (paint via skin). 品牌手册"字体规范":左 大 Aa 范样 + 字体名 + 字重梯度;右 标题/正文范样 + 字符集. 全部复用既有 class(.deck-title 衬线大字 / .card-body / .surface / .rule). data-layout drives P1/P2/P3 + dedup. -->
 <section class="slide" data-layout="type-specimen" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div>
-<div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|TYPOGRAPHY}}</span></div>
-<h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|字体规范}}</h2>
+<div class="eyebrow-row" style="position:absolute;left:calc(96px * var(--space-scale,1));top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:calc(13px * var(--type-scale,1));letter-spacing:.28em">{{eyebrow|TYPOGRAPHY}}</span></div>
+<h2 class="deck-title" style="position:absolute;left:calc(92px * var(--space-scale,1));top:158px;font-size:calc(48px * var(--type-scale,1));letter-spacing:-.4px">{{title|字体规范}}</h2>
 <!-- left: Aa specimen -->
-<div class="surface" style="position:absolute;left:96px;top:264px;width:520px;bottom:92px;padding:36px 40px;display:flex;flex-direction:column;justify-content:center"><div class="deck-title" style="font-size:168px;line-height:.9;">{{specimen|Aa}}</div><div class="deck-title" style="font-size:24px;margin-top:22px">{{font_name|占位字体 · 衬线标题}}</div><div class="surface-label" style="font-size:14px;margin-top:8px;letter-spacing:.08em">{{weights|Regular · Medium · Bold}}</div></div>
+<div class="surface" style="position:absolute;left:calc(96px * var(--space-scale,1));top:264px;width:520px;bottom:92px;padding:36px 40px;display:flex;flex-direction:column;justify-content:center"><div class="deck-title" style="font-size:calc(168px * var(--type-scale,1));line-height:.9;">{{specimen|Aa}}</div><div class="deck-title" style="font-size:calc(24px * var(--type-scale,1));margin-top:22px">{{font_name|占位字体 · 衬线标题}}</div><div class="surface-label" style="font-size:calc(14px * var(--type-scale,1));margin-top:8px;letter-spacing:.08em">{{weights|Regular · Medium · Bold}}</div></div>
 <!-- right: samples -->
-<div style="position:absolute;left:660px;right:96px;top:274px">
-  <div class="surface-label" style="font-size:12px;letter-spacing:.2em">{{heading_label|HEADING · 标题}}</div>
-  <div class="deck-title" style="font-size:40px;margin-top:6px">{{heading_sample|优雅、克制、有呼吸感}}</div>
+<div style="position:absolute;left:660px;right:calc(96px * var(--space-scale,1));top:274px">
+  <div class="surface-label" style="font-size:calc(12px * var(--type-scale,1));letter-spacing:.2em">{{heading_label|HEADING · 标题}}</div>
+  <div class="deck-title" style="font-size:calc(40px * var(--type-scale,1));margin-top:6px">{{heading_sample|优雅、克制、有呼吸感}}</div>
   <div class="rule" style="height:1px;margin:22px 0"></div>
-  <div class="surface-label" style="font-size:12px;letter-spacing:.2em">{{body_label|BODY · 正文}}</div>
-  <p class="card-body" style="font-size:16px;line-height:1.8;margin-top:8px">{{body_sample|正文使用无衬线体,行距宽松、字重规整,保证长段落的可读性。标题用衬线、正文用无衬线,层级清晰,替换为真实内容。}}</p>
+  <div class="surface-label" style="font-size:calc(12px * var(--type-scale,1));letter-spacing:.2em">{{body_label|BODY · 正文}}</div>
+  <p class="card-body" style="font-size:calc(16px * var(--type-scale,1));line-height:1.8;margin-top:8px">{{body_sample|正文使用无衬线体,行距宽松、字重规整,保证长段落的可读性。标题用衬线、正文用无衬线,层级清晰,替换为真实内容。}}</p>
   <div class="rule" style="height:1px;margin:22px 0"></div>
-  <div class="card-body" style="font-size:22px;letter-spacing:.04em">{{charset|A B C D E F G a b c d e f g 0 1 2 3 4 5 6 7 8 9}}</div>
+  <div class="card-body" style="font-size:calc(22px * var(--type-scale,1));letter-spacing:.04em">{{charset|A B C D E F G a b c d e f g 0 1 2 3 4 5 6 7 8 9}}</div>
 </div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div>
+<div class="rule rule-foot" style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1));letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1))">{{pageno|01}}</div>
 </section>

package/skills/document/layouts/versus.tpl

@@ -1,4 +1,4 @@
 <!-- layouts/versus — structure-only variant (paint via skin). reuses class contract, no skin change. -->
-<section class="slide" data-layout="versus" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:96px;top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:13px;letter-spacing:.28em">{{eyebrow|BEFORE / AFTER}}</span></div><h2 class="deck-title" style="position:absolute;left:92px;top:158px;font-size:48px;letter-spacing:-.4px">{{title|改造前后对比}}</h2>
- <div class="card" style="position:absolute;left:96px;top:300px;width:472px;height:300px;padding:34px;display:flex;flex-direction:column;justify-content:center"><div class="card-title" style="font-size:20px;font-weight:700">{{before_title|改造前}}</div><div class="kpi-num" style="font-size:72px;font-weight:800;line-height:1.1;margin-top:10px">{{before_num|T+1}}</div><p class="card-body" style="font-size:15px;margin-top:8px">{{before_body|报表时效,人工汇总。}}</p></div><div class="step-circle" style="position:absolute;left:50%;top:410px;transform:translateX(-50%);width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;z-index:2">VS</div><div class="card cmp-col--rec" style="position:absolute;right:96px;top:300px;width:472px;height:300px;padding:34px;display:flex;flex-direction:column;justify-content:center"><div class="card-title" style="font-size:20px;font-weight:700">{{after_title|改造后}}</div><div class="kpi-num" style="font-size:72px;font-weight:800;line-height:1.1;margin-top:10px">{{after_num|分钟级}}</div><p class="card-body" style="font-size:15px;margin-top:8px">{{after_body|实时计算,自动刷新。}}</p></div>
-<div class="rule rule-foot" style="position:absolute;left:96px;right:96px;bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:96px;bottom:17px;font-size:12px;letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:96px;bottom:17px;font-size:12px">{{pageno|01}}</div></section>
+<section class="slide" data-layout="versus" style="position:relative;width:1280px;height:720px;overflow:hidden"><div class="slide-backdrop"></div><div class="eyebrow-row" style="position:absolute;left:calc(96px * var(--space-scale,1));top:132px;display:flex;align-items:center;gap:14px"><span class="accent-bar" style="width:30px;height:1px;display:inline-block"></span><span class="eyebrow" style="font-size:calc(13px * var(--type-scale,1));letter-spacing:.28em">{{eyebrow|BEFORE / AFTER}}</span></div><h2 class="deck-title" style="position:absolute;left:calc(92px * var(--space-scale,1));top:158px;font-size:calc(48px * var(--type-scale,1));letter-spacing:-.4px">{{title|改造前后对比}}</h2>
+ <div class="card" style="position:absolute;left:calc(96px * var(--space-scale,1));top:300px;width:472px;height:300px;padding:34px;display:flex;flex-direction:column;justify-content:center"><div class="card-title" style="font-size:calc(20px * var(--type-scale,1));font-weight:700">{{before_title|改造前}}</div><div class="kpi-num" style="font-size:calc(72px * var(--type-scale,1));font-weight:800;line-height:1.1;margin-top:10px">{{before_num|T+1}}</div><p class="card-body" style="font-size:calc(15px * var(--type-scale,1));margin-top:8px">{{before_body|报表时效,人工汇总。}}</p></div><div class="step-circle" style="position:absolute;left:50%;top:410px;transform:translateX(-50%);width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(24px * var(--type-scale,1));font-weight:700;z-index:2">VS</div><div class="card cmp-col--rec" style="position:absolute;right:calc(96px * var(--space-scale,1));top:300px;width:472px;height:300px;padding:34px;display:flex;flex-direction:column;justify-content:center"><div class="card-title" style="font-size:calc(20px * var(--type-scale,1));font-weight:700">{{after_title|改造后}}</div><div class="kpi-num" style="font-size:calc(72px * var(--type-scale,1));font-weight:800;line-height:1.1;margin-top:10px">{{after_num|分钟级}}</div><p class="card-body" style="font-size:calc(15px * var(--type-scale,1));margin-top:8px">{{after_body|实时计算,自动刷新。}}</p></div>
+<div class="rule rule-foot" style="position:absolute;left:calc(96px * var(--space-scale,1));right:calc(96px * var(--space-scale,1));bottom:40px;height:1px"></div><div class="deck-footer" style="position:absolute;left:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1));letter-spacing:.1em">{{footer|报告标题 / 章节}}</div><div class="deck-pageno" style="position:absolute;right:calc(96px * var(--space-scale,1));bottom:17px;font-size:calc(12px * var(--type-scale,1))">{{pageno|01}}</div></section>

package/skills/document/motion/README.md

@@ -0,0 +1,11 @@
+# motion —— 族的动画预设
+
+每族一份 `<id>.json`：`transition`（页面切换）+ `entrance`（按页面 role 分组的入场序列）。
+`deck-build` 填槽时按 role 注入 `data-anim*` / `data-transition*`；deck.html 里已有的
+同名属性优先，不被覆盖。
+
+**motion 是可选的** —— 没有预设文件的族不注入任何动画，与 `data-anim` 默认全关一致。
+现有 13 个 skin 在 P0 不配 motion（保证行为零变化），P2 补齐。
+
+效果集必须与 `packages/core/src/document/pptx-anim.ts` 一致：
+fade · fade-up · float · appear · fly-up · fly-down · fly-left · fly-right

package/skills/document/packs/README.md

@@ -0,0 +1,9 @@
+# packs —— 模板包（pack）
+
+pack = 实现完整 class 契约的 `pack.css` **加上**一组包专属签名版式。
+
+因为 `pack.css` 实现了契约，共享 `layouts/` 的全部结构版式在包内天然可用；
+包自带的 `layouts/<id>.tpl` 与共享同名时**包内优先**（同名遮蔽）。
+
+目录结构见 `docs/superpowers/specs/2026-09-01-ppt-tpl-prod-design.md` §5.3。
+P0 不产出任何 pack；首批 2 个包在 P1 落地。

package/skills/document/styles/README.md

@@ -1,9 +1,14 @@
 # Skin catalog (styles) — pick ONE per deck
 
+**族名单的真源是 `catalog.json`**（groups + entries），本文件是人读的说明；新增族
+两边都要更新。`verify-catalog.mjs` **不读本文件** —— 它比对的是 `catalog.json`
+与磁盘（样图/CSS/motion 是否存在、`styles/<id>` 目录有没有漏登记、oneliner 有没有
+超长），所以"目录建了但没登记"抓得住，"登记了但本 README 忘了写"抓不住，只能靠人。
+
 A **skin** = the paint (colors + fonts + design tokens) applied to structure-only
 `layouts/*.tpl` at render time via `--style <name>`. Pick ONE skin for the whole
 deck by vibe/scenario; never mix. Each skin fully defines the class contract, so any
-of the 54 layouts renders in any skin.
+layout renders in any skin — see `layouts/README.md` for the current count and index.
 
 `html2pptx deck.html out.pptx --style <name> [--backdrop <variant>]`
 
@@ -11,17 +16,17 @@ of the 54 layouts renders in any skin.
 
 | skin | light/dark | 适用场景 | signature |
 |---|---|---|---|
-| **cool** ⭐默认 | dark | 科技 · 发布 · pitch · 主题演讲 | 深蓝 + 蓝青辉光 + 玻璃卡 + 4色 ramp |
-| **black-gold** | dark | 金融 · 年报 · 路演 · 奢侈品 · 高端商务 | 纯黑 + 金辉光 + 衬线;金曲线仅封面 |
-| **apple** | dark | 产品发布 · 主题演讲 · 极简演示 | 纯黑舞台 + 超大留白 + 单色白层级 |
-| **olive-gold** | dark | 高端 · 证书 · 招商 · 品牌 | 深橄榄金 + 亮金 + 奶白粗体 |
-| **mckinsey** | light | 咨询 · 战略汇报 · 评审 · 董事会 | 白底藏青 + 克制蓝 + **蓝方块序号卡** |
-| **anthropic** | light | AI/产品 · 研究分享 · 人文品牌 | 奶油 + 赤陶珊瑚 + Georgia 衬线 |
-| **branding** | light | 品牌手册 · 可持续 · 美妆 · 零售 · 极简 | 暖米底 + 鼠尾草/薄荷绿 + 优雅衬线标题 |
-| **hand-drawn** | light | 创意 · 头脑风暴 · 教学 · 工作坊 | 纸感 + 马克笔色 + **手绘歪框卡** |
-| **mono** | light | 极简 · 高端 · 设计 · 单色报告 | 纯白 + 黑灰明度层级 + 细线 + 大留白 |
-| **ivory-gold** | light | 奢华极简 · 品牌手册 · 路演 · 高端零售 | 奶油底 + 青铜金 Anton 粗体大写标题(标题=accent)+ **黑色反色区块**(`.slide-inverse`) |
-| **cinereel** | dark | 影视 · 创意作品集 · 音乐/传媒行业 · 幕后花絮 | 黑底/照片底 + 白色 Anton 粗体大写(无色相)+ **常驻胶片取景框**(顶/底黑遮幅条,每页恒定)+ 浅灰面板反色(`.slide-inverse`) |
+| **cool** ⭐默认 | dark | 科技 · 发布 · pitch · 主题演讲 | 深蓝 + 蓝青辉光 + 玻璃卡 + **Sora** 几何无衬线 + **右上仪表刻度尺** |
+| **black-gold** | dark | 金融 · 年报 · 路演 · 奢侈品 · 高端商务 | 纯黑 + 金辉光 + **Bodoni Moda** 高反差 didone + **双线证书内框** |
+| **apple** | dark | 产品发布 · 主题演讲 · 极简演示 | 纯黑舞台 + 最大留白(`--space-scale:1.22`)+ **Manrope** + **底部地平线与反射** |
+| **olive-gold** | dark | 高端 · 证书 · 招商 · 品牌 | 深橄榄金 + 亮金 + **Marcellus** 古典罗马体 + **四角雕版角标** |
+| **mckinsey** | light | 咨询 · 战略汇报 · 评审 · 董事会 | 白底藏青 + **IBM Plex Sans** + 最高信息密度(`--space-scale:0.86`)+ **顶部实心页眉条与档案标签** |
+| **anthropic** | light | AI/产品 · 研究分享 · 人文品牌 | 奶油 + 赤陶珊瑚 + **Fraunces** 有机衬线 + **右侧边注竖线** |
+| **branding** | light | 品牌手册 · 可持续 · 美妆 · 零售 · 极简 | 暖米底 + 鼠尾草绿 + **Cormorant Garamond** + **左侧装订书脊带** |
+| **hand-drawn** | light | 创意 · 头脑风暴 · 教学 · 工作坊 | 纸感 + 马克笔色 + **Gochi Hand** 手写体(已 bake)+ **手绘歪框卡** |
+| **mono** | light | 极简 · 高端 · 设计 · 单色报告 | 纯白 + 黑灰明度层级 + **Archivo** + **印刷裁切框与四角对位十字** |
+| **ivory-gold** | light | 奢华极简 · 品牌手册 · 路演 · 高端零售 | 奶油底 + 青铜金 **Anton** 粗体大写标题(标题=accent)+ **黑色反色区块**(`.slide-inverse`) |
+| **cinereel** | dark | 影视 · 创意作品集 · 音乐/传媒行业 · 幕后花絮 | 黑底/照片底 + 白色超浓缩粗体大写(Big Shoulders Display,无色相)+ 几何无衬线正文(Jost)+ **常驻胶片取景框**(顶/底黑遮幅条,每页恒定)+ 浅灰面板反色(`.slide-inverse`) |
 | **magazine-ink** | light | 人文分享 · 行业观察 · 商业发布 · 杂志感演讲 | 瓷白底 + 靛蓝 Noto Serif SC 衬线大标题 + 无衬线正文 + 等宽元数据 + 无阴影无卡片盒(纯发丝线分隔)+ 巨幅淡墨水印章节号 |
 | **swiss-grid** | light | 科技产品 · 数据汇报 · 设计/工程分享 · 年度总结 | 全无衬线 + 克莱因蓝单色高亮 + 极致字号反差(标题细/KPI 粗)+ 零阴影零圆角零渐变 + 点阵网格底纹 |
 
@@ -39,6 +44,22 @@ padding of your own:
   `cinereel` → **黑白胶片 · 影视创意** · `magazine-ink` → **瓷白靛蓝 · 杂志人文** ·
   `swiss-grid` → **克莱因蓝白 · 瑞士国际**
 
+## 皮肤靠什么区分(不只是配色)
+
+三条正交的轴。只改配色的皮肤会和别的皮肤长得一样 —— 加皮肤时三条都要想过:
+
+1. **字体** — 每个皮肤的 `--font-head`/`--font-body` 组合都是唯一的,并且 CJK 首选也
+   分了宋体系/黑体系/楷体系(纯拉丁字体对中文 deck 不起作用,只有 CJK 栈能拉开中文观感)。
+   非系统字体必须在 `assets/fonts/fonts.json` 里登记;**衬线/展示字体还必须 bake**,否则
+   只在预览里生效、进不了交付的 pptx(见 deck-design.md § Fonts)。
+2. **结构签名** — `backdrop.html` 里一个有边界的标记:页眉条、裁切框、书脊带、四角角标、
+   刻度尺、地平线。这是 layout 之外唯一能引入**结构**差异的地方,也是同质化最容易发生的
+   环节 —— 弥散的渐变光晕换到别的皮肤上没人看得出,不算签名。
+3. **排版节奏** — `--space-scale` / `--type-scale`。`layouts/*.tpl` 的字号与页边距都写成
+   `calc(N * var(--…-scale,1))`,所以皮肤可以在不碰任何 layout 的前提下定义自己的疏密。
+   当前跨度:`mckinsey` 0.86(董事会材料的信息密度)→ `apple` 1.22(发布会舞台的留白)。
+   **改动后必须跑 deck-qa** —— 缩放会重排文字,过大就 off-canvas。
+
 ## Backdrop variants
 
 Every skin ships its own signature `styles/<skin>/backdrop.html`. Beyond that,
@@ -81,9 +102,9 @@ generations of the same skin don't all look identical. Pass `--backdrop
 
 Add a skin = **one `styles/<name>/skin.css`** defining the full class contract
 (+ optional `backdrop.html`). The `deck-layouts` guard checks every skin paints the
-contract. All 54 layouts get the new skin for free. Build a skin from a reference
-image: sample its palette → fill the token/class contract (mirror an existing skin
-of the same light/dark polarity).
+contract. Every layout in `layouts/README.md` gets the new skin for free. Build a
+skin from a reference image: sample its palette → fill the token/class contract
+(mirror an existing skin of the same light/dark polarity).
 
 Chart color: `stats-chart` fills its bars from **`--chart-1`** (substituted into the
 `__CHART1__` placeholder), NOT the raw `--accent` — accent is tuned as a text/hairline

package/skills/document/styles/_contract-defaults.css

@@ -0,0 +1,55 @@
+/* styles/_contract-defaults.css — 扩展契约的中性兜底实现。
+   注入顺序：SKELETON_CSS → 本文件 → styles/<id>/skin.css | packs/<id>/pack.css
+   皮肤/包可以覆写其中任意一条；不覆写就拿到这里的中性版本。
+   目的：扩展契约从"改 N 个皮肤"降为"改这一个文件"，让 promote-layout 反向通道跑得起来。
+   规则：只能引用已有 token（--accent/--title/--body/--muted/--hair/--c1..--c4/--card-radius），
+   一个裸十六进制都不许有 —— deck-layouts.test.ts 会断言。
+
+   **加一条声明之前必读（属性粒度，不是选择器粒度）**：
+   "所有皮肤都定义了这个选择器，所以兜底是惰性的" —— 这个推理只在选择器粒度成立。
+   CSS 是逐**属性**层叠的：皮肤在 `.panel` 上只写了 `background`，兜底里的 `border`
+   照样会落到它头上。而且皮肤常常把颜色写在更具体的作用域里（比如
+   `.steps .step:nth-child(n) .step-circle`），那条规则在没有 `.steps` 祖先的版式里
+   （icon-row）根本不匹配，兜底的 `color` 就会赢。
+   所以本文件只保留"没有任何现役皮肤会被它改变观感"的属性。逐属性实测（每条声明单独
+   注入，与不注入逐字节比对 PNG）后删掉的四条，括号内是实测受影响的组合数：
+     .dt-head 的 font-family（7/13 —— anthropic/black-gold/branding/cinereel/hand-drawn/
+       ivory-gold/olive-gold 的 data-table 表头字体会从正文体翻成展示体：cinereel
+       Jost→Big Shoulders Display、anthropic 无衬线→Fraunces 衬线、hand-drawn
+       Comic Sans→Gochi Hand，肉眼可辨。只有 magazine-ink 自己写了 font-family，
+       其余五个族的正文体与展示体恰好同族才没变）；
+     .step-circle 的 color（39/78 —— 皮肤只在 `.steps .step:nth-child(n) .step-circle`
+       作用域里定色，icon-row/steps-vertical/versus 没有 .steps 祖先，13 个族全中）；
+     .panel 的 border（21/26 —— 多数皮肤只写 background/box-shadow）；
+       同一条规则里的 border-radius 实测 0/26，但一个既无边框又无底色的盒子谈不上圆角，
+       所以一并去掉，不留没有意义的声明；
+     .cmp-col--rec 的 box-shadow（4/39 —— cinereel 与 magazine-ink 没写）。
+   保留下来的 `.cmp-col--rec{border}` 实测 0/39：没写 border 的 swiss-grid 在自己的
+   `.cmp-col` 规则里定了边（同特异性、位置在后），仍然赢过兜底。
+   改完必须重跑 `node scripts/deck-fidelity.mjs`（它现在会注入本文件，此前不注入，
+   所以这个文件曾经完全在像素闸门的视野之外），并按
+   `.claude/skills/ppt-tpl-prod/SKILL.md`"改 _contract-defaults.css"一节做
+   注入/不注入的对照渲染 —— deck-fidelity 的 32x18 签名对这类细微改动不够敏感。 */
+
+/* compare */
+.cmp-col--rec{border:1px solid var(--accent)}
+/* process */
+.step-circle{background:transparent;border:1px solid var(--hair);font-family:var(--font-head)}
+/* toc */
+.toc-num{color:var(--muted);font-family:var(--font-head)}
+/* surfaces */
+.surface{background:transparent;border:1px solid var(--hair);border-radius:var(--card-radius,4px)}
+.panel{background:transparent}
+/* timeline */
+.tl-date{color:var(--title);font-family:var(--font-head)}
+/* concept hub */
+.hub-center{background:transparent;border:1px solid var(--accent);color:var(--title)}
+/* image overlays — 压在图/scrim 上,与皮肤明暗无关 */
+.scrim{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%)}
+.overlay-title{color:rgba(255,255,255,1)}
+/* data table */
+.dt-head{color:var(--title);border-bottom:1px solid var(--hair)}
+/* figures */
+.gantt-bar{background:var(--c1)}
+.map-pin{background:var(--accent)}
+.ring-fill{stroke:var(--accent)}

package/skills/document/styles/anthropic/backdrop.html

@@ -1 +1,5 @@
 <div style="position:absolute;inset:0;background:radial-gradient(46% 60% at 88% 8%,__ACCENT__24,transparent 60%),radial-gradient(40% 52% at 8% 96%,__ACCENT__14,transparent 64%)"></div><div class="bd-arc" style="position:absolute;left:0;right:0;height:120px;top:var(--bd-arc-y,540px);pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 1280 120" preserveAspectRatio="none"><defs><linearGradient id="arc" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="__ACCENT__" stop-opacity=".12"/><stop offset=".5" stop-color="__ACCENT__" stop-opacity=".34"/><stop offset="1" stop-color="__ACCENT__" stop-opacity=".12"/></linearGradient><filter id="arcb"><feGaussianBlur stdDeviation="1.4"/></filter></defs><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width="1.6" filter="url(#arcb)"/><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width=".7"/></svg></div>
+<!-- signature: the margin rule — a scholar's side-note line with an accent tick. -->
+<div style="position:absolute;right:58px;top:104px;bottom:104px;width:1px;background:var(--hair);pointer-events:none"></div>
+<div style="position:absolute;right:46px;top:104px;width:26px;height:2px;background:var(--accent);pointer-events:none"></div>
+<div style="position:absolute;right:46px;bottom:104px;width:26px;height:2px;background:var(--hair);pointer-events:none"></div>

package/skills/document/styles/anthropic/skin.css

@@ -1,11 +1,14 @@
 /* styles/anthropic — 温暖人文:奶油底 + 赤陶(clay)珊瑚 + Georgia 衬线标题 + 土系 ramp + 软卡。
    皮肤层:定义 layouts/*.tpl 用到的全部语义 class。换 skin 只换这一个文件。 */
 :root{
+  /* 排版节奏 — layouts 的字号与页边距都写成 calc(N * var(--…-scale,1)),
+     所以皮肤可以在不碰任何 layout 的前提下定义自己的疏密。研究分享:呼吸感。 */
+  --space-scale:1.05; --type-scale:1.0;
   --accent:#CC785C; --c1:#CC785C; --c2:#7C9082; --c3:#BD5D3E; --c4:#B7A99A; --chart-1:#C4785C;
   --title:#191919; --body:#514B3F; --muted:#6B6558; --foot:#9A917F;
   --hair:#DDD6C7; --card-radius:12px;
-  --font-head:Georgia,'Songti SC','Times New Roman',serif;
-  --font-body:'Helvetica Neue','PingFang SC','Hiragino Sans GB',sans-serif;
+  --font-head:'Fraunces','Iowan Old Style','Songti SC','Noto Serif SC','Source Han Serif SC',serif;
+  --font-body:'Public Sans','PingFang SC','Noto Sans SC','Hiragino Sans GB',sans-serif;
   /* theme-compat vars: SKELETON_CSS's section.slide h1/h2/h3 + section.slide out-specify
      the skin's .cover-title/.slide, so titles/body fall back to these — define them so
      --style alone fully colors the deck. */
@@ -18,7 +21,11 @@
 .deck-header,.deck-footer,.deck-pageno{color:var(--muted)}
 .rule{background:var(--hair)} .rule-foot{background:#E7E1D3}
 .eyebrow{color:var(--accent);font-weight:700} .accent-bar{background:var(--accent);border-radius:1px}
-.deck-title,.cover-title,.section-title,.ending-title{color:var(--title);font-family:var(--font-head);font-weight:700}
+/* This skin's identity IS this face — a didone/garalde/roman falling back to the
+   system serif reads as a different deck entirely. Bake the display classes so the
+   audience sees it; body copy stays native (editable/searchable). See
+   deck-design.md § Fonts for why bundling alone doesn't reach the native text layer. */
+.deck-title,.cover-title,.section-title,.ending-title{color:var(--title);font-family:var(--font-head);font-weight:700;--talos-bake:1}
 .cover-sub,.ending-sub,.section-desc{color:var(--muted)}
 /* soft warm card + earthy ramp */
 .card{border-radius:var(--card-radius);background:#FAF8F2;border:1px solid var(--hair);box-shadow:0 10px 28px rgba(80,55,30,.07);overflow:hidden}
@@ -35,19 +42,19 @@
 .cmp-col--rec .cmp-v{color:var(--accent)}
 .cmp-badge{background:var(--accent);color:#FBF6EF;font-family:var(--font-body)}
 /* kpi / big-stat */
-.kpi-num,.stat-num{color:var(--title);font-family:var(--font-head)} .kpi-label{color:var(--muted)}
+.kpi-num,.stat-num{color:var(--title);font-family:var(--font-head);--talos-bake:1} .kpi-label{color:var(--muted)}
 .stat-unit{color:var(--accent)} .stat-lead{color:var(--title)} .stat-note{color:var(--body)}
 /* steps */
 .step-line{background:var(--hair)}
-.step-circle{background:#F6F1E7;border:1px solid var(--hair);box-shadow:0 10px 24px rgba(80,55,30,.06);font-family:var(--font-head)}
+.step-circle{background:#F6F1E7;border:1px solid var(--hair);box-shadow:0 10px 24px rgba(80,55,30,.06);font-family:var(--font-head);--talos-bake:1}
 .steps .step:nth-child(4n+1) .step-circle{color:var(--c1)} .steps .step:nth-child(4n+2) .step-circle{color:var(--c2)} .steps .step:nth-child(4n+3) .step-circle{color:var(--c3)} .steps .step:nth-child(4n+4) .step-circle{color:var(--c4)}
 .step-tag,.step-body{color:var(--muted)} .step-title{color:var(--title)}
 /* toc */
 .toc-item{border-top:1px solid var(--hair)} .toc-grid .toc-item:nth-child(1){border-top-color:var(--accent)} .toc-grid .toc-item:nth-child(2){border-top-color:var(--c2)}
-.toc-grid .toc-item:nth-child(1) .toc-num{color:var(--accent)} .toc-grid .toc-item:nth-child(2) .toc-num{color:var(--c2)} .toc-num{color:var(--foot);font-family:var(--font-head)}
+.toc-grid .toc-item:nth-child(1) .toc-num{color:var(--accent)} .toc-grid .toc-item:nth-child(2) .toc-num{color:var(--c2)} .toc-num{color:var(--foot);font-family:var(--font-head);--talos-bake:1}
 .toc-title{color:var(--title)} .toc-desc{color:var(--muted)}
 /* section ghost + surface */
-.section-ghost{color:transparent;-webkit-text-stroke:1px rgba(204,120,92,.20);font-family:var(--font-head)}
+.section-ghost{color:transparent;-webkit-text-stroke:1px rgba(204,120,92,.20);font-family:var(--font-head);--talos-bake:1}
 .surface{background:#F6F1E7;border:1px solid var(--hair);border-radius:12px} .surface-label{color:var(--muted)}
 .ending-contact{color:var(--muted)}
 
@@ -56,7 +63,7 @@
 .overlay-sub{color:rgba(255,255,255,.82)}
 /* batch-5 layouts: timeline / concept-hub / cover-image */
 .tl-dot{background:var(--accent);border-radius:50%}
-.tl-date{color:var(--accent);font-family:var(--font-head)}
+.tl-date{color:var(--accent);font-family:var(--font-head);--talos-bake:1}
 .tl-title{color:var(--title)} .tl-desc{color:var(--muted)}
 .hub-center{border-radius:50%;border:2px solid var(--accent)}
 .hub-title{color:var(--accent)}

package/skills/document/styles/apple/backdrop.html

@@ -1 +1,4 @@
-<div style="position:absolute;inset:0;background:radial-gradient(70% 50% at 50% -12%,rgba(255,255,255,.07),transparent 55%),radial-gradient(130% 90% at 50% 128%,rgba(0,0,0,.42),transparent 48%)"></div><div class="bd-arc" style="position:absolute;left:0;right:0;height:120px;top:var(--bd-arc-y,540px);pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 1280 120" preserveAspectRatio="none"><defs><linearGradient id="arc" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="__ACCENT__" stop-opacity=".12"/><stop offset=".5" stop-color="__ACCENT__" stop-opacity=".34"/><stop offset="1" stop-color="__ACCENT__" stop-opacity=".12"/></linearGradient><filter id="arcb"><feGaussianBlur stdDeviation="1.4"/></filter></defs><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width="1.6" filter="url(#arcb)"/><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width=".7"/></svg></div><svg style="position:absolute;inset:0;width:100%;height:100%;opacity:.02;mix-blend-mode:screen;pointer-events:none"><filter id="bdap"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(#bdap)"/></svg>
+<div style="position:absolute;inset:0;background:radial-gradient(70% 50% at 50% -12%,rgba(255,255,255,.07),transparent 55%),radial-gradient(130% 90% at 50% 128%,rgba(0,0,0,.42),transparent 48%)"></div><div class="bd-arc" style="position:absolute;left:0;right:0;height:120px;top:var(--bd-arc-y,540px);pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 1280 120" preserveAspectRatio="none"><defs><linearGradient id="arc" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="__ACCENT__" stop-opacity=".12"/><stop offset=".5" stop-color="__ACCENT__" stop-opacity=".34"/><stop offset="1" stop-color="__ACCENT__" stop-opacity=".12"/></linearGradient><filter id="arcb"><feGaussianBlur stdDeviation="1.4"/></filter></defs><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width="1.6" filter="url(#arcb)"/><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width=".7"/></svg></div><svg style="position:absolute;inset:0;width:100%;height:100%;opacity:.02;mix-blend-mode:screen;pointer-events:none"><filter id="bdap"><feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(#bdap)"/></svg>
+<!-- signature: the keynote stage — one hairline horizon with a faint floor reflection. -->
+<div style="position:absolute;left:0;right:0;bottom:96px;height:112px;pointer-events:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 14%,transparent))"></div>
+<div style="position:absolute;left:0;right:0;bottom:96px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55"></div>

package/skills/document/styles/apple/skin.css

@@ -1,11 +1,14 @@
 /* styles/apple — keynote 舞台:纯黑底 + 超大留白 + 近白单色层级(无彩色 accent,靠字号/明度分层)。
    皮肤层:定义 layouts/*.tpl 用到的全部语义 class。换 skin 只换这一个文件。 */
 :root{
+  /* 排版节奏 — layouts 的字号与页边距都写成 calc(N * var(--…-scale,1)),
+     所以皮肤可以在不碰任何 layout 的前提下定义自己的疏密。发布会舞台:超大留白,标题略放。 */
+  --space-scale:1.22; --type-scale:1.04;
   --accent:#F5F5F7; --c1:#F5F5F7; --c2:#C7C7CC; --c3:#98989D; --c4:#636366; --chart-1:#6E6E73;
   --title:#F5F5F7; --body:#A1A1A6; --muted:#86868B; --foot:#636366;
   --hair:rgba(255,255,255,.09); --card-radius:20px;
-  --font-head:'Helvetica Neue','SF Pro Display','PingFang SC','Hiragino Sans GB',sans-serif;
-  --font-body:'Helvetica Neue','SF Pro Text','PingFang SC',sans-serif;
+  --font-head:'Manrope','PingFang SC','Noto Sans SC','Hiragino Sans GB',sans-serif;
+  --font-body:'Manrope','PingFang SC','Noto Sans SC','Hiragino Sans GB',sans-serif;
   /* theme-compat vars: SKELETON_CSS targets section.slide h1/h2/h3 + section.slide
      (specificity 0,1,2 / 0,1,1) which out-specify the skin's .cover-title/.slide, so
      titles/body fall back to these. Define them so --style alone fully colors the deck. */

package/skills/document/styles/black-gold/backdrop.html

@@ -1 +1,4 @@
 <div class="bd-arc" style="position:absolute;left:0;right:0;height:120px;top:var(--bd-arc-y,540px);pointer-events:none"><svg width="100%" height="100%" viewBox="0 0 1280 120" preserveAspectRatio="none"><defs><linearGradient id="arc" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="__ACCENT__" stop-opacity=".12"/><stop offset=".5" stop-color="__ACCENT__" stop-opacity=".34"/><stop offset="1" stop-color="__ACCENT__" stop-opacity=".12"/></linearGradient><filter id="arcb"><feGaussianBlur stdDeviation="1.4"/></filter></defs><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width="1.6" filter="url(#arcb)"/><path d="M-40 100 C 360 22,920 22,1320 100" fill="none" stroke="url(#arc)" stroke-width=".7"/></svg></div><svg style="position:absolute;inset:0;width:100%;height:100%;opacity:.045;mix-blend-mode:overlay;pointer-events:none"><filter id="bgn"><feTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(#bgn)"/></svg>
+<!-- signature: the certificate — a double rule inside the trim, bond-paper convention. -->
+<div style="position:absolute;inset:26px;border:1px solid var(--accent);opacity:.38;pointer-events:none"></div>
+<div style="position:absolute;inset:33px;border:1px solid var(--hair);pointer-events:none"></div>

package/skills/document/styles/black-gold/skin.css

@@ -1,10 +1,13 @@
 /* styles/black-gold — 纯黑 + 金辉光 + 衬线 + 单色金 ramp。复用同一套 layouts。 */
 :root{
+  /* 排版节奏 — layouts 的字号与页边距都写成 calc(N * var(--…-scale,1)),
+     所以皮肤可以在不碰任何 layout 的前提下定义自己的疏密。年报:庄重的边距。 */
+  --space-scale:1.1; --type-scale:1.0;
   --accent:#D4AF37; --c1:#D4AF37; --c2:#E7C08A; --c3:#C9A24B; --c4:#F5D98B; --chart-1:#B8912C;
   --title:#F6E8C2; --body:#b3a887; --muted:#8a7f63; --foot:#6a614a;
   --hair:rgba(212,175,55,.16); --card-radius:16px;
-  --font-head:'Georgia','Times New Roman','Songti SC','Noto Serif SC',serif;
-  --font-body:'Georgia','Songti SC',serif;
+  --font-head:'Bodoni Moda','Didot','Songti SC','Noto Serif SC','Source Han Serif SC',serif;
+  --font-body:'Lora','Songti SC','Noto Serif SC','Source Han Serif SC',serif;
   /* theme-compat vars: SKELETON_CSS's section.slide h1/h2/h3 + section.slide out-specify
      the skin's .cover-title/.slide, so titles/body fall back to these — define them so
      --style alone fully colors the deck (else headings render dark on the dark bg). */
@@ -18,7 +21,11 @@
 .deck-header,.deck-footer,.deck-pageno{color:var(--muted)}
 .rule{background:var(--hair)} .rule-foot{background:rgba(212,175,55,.10)}
 .eyebrow{color:var(--accent)} .accent-bar{background:var(--accent);border-radius:1px}
-.deck-title,.cover-title,.section-title,.ending-title{color:var(--title);font-family:var(--font-head);font-weight:700}
+/* This skin's identity IS this face — a didone/garalde/roman falling back to the
+   system serif reads as a different deck entirely. Bake the display classes so the
+   audience sees it; body copy stays native (editable/searchable). See
+   deck-design.md § Fonts for why bundling alone doesn't reach the native text layer. */
+.deck-title,.cover-title,.section-title,.ending-title{color:var(--title);font-family:var(--font-head);font-weight:700;--talos-bake:1}
 .cover-sub,.ending-sub,.section-desc{color:var(--body)}
 .card{border-radius:var(--card-radius);background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(212,175,55,.015));border:1px solid rgba(212,175,55,.20);box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
 .card-idx{color:var(--muted)} .card-body{color:var(--body)}
@@ -32,16 +39,16 @@
 .cmp-title{color:var(--title)} .cmp-k{color:var(--muted)} .cmp-v{color:var(--title)}
 .cmp-col--rec .cmp-v{color:var(--accent)}
 .cmp-badge{background:var(--accent);color:#241a04}
-.kpi-num,.stat-num{color:var(--title);font-family:var(--font-head)} .kpi-label{color:var(--muted)}
+.kpi-num,.stat-num{color:var(--title);font-family:var(--font-head);--talos-bake:1} .kpi-label{color:var(--muted)}
 .stat-unit{color:var(--accent)} .stat-lead{color:var(--title)} .stat-note{color:var(--body)}
 .step-line{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}
-.step-circle{background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(212,175,55,.015));border:1px solid rgba(212,175,55,.22);box-shadow:0 20px 44px rgba(0,0,0,.5);font-family:var(--font-head)}
+.step-circle{background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(212,175,55,.015));border:1px solid rgba(212,175,55,.22);box-shadow:0 20px 44px rgba(0,0,0,.5);font-family:var(--font-head);--talos-bake:1}
 .steps .step:nth-child(4n+1) .step-circle{color:var(--c1)} .steps .step:nth-child(4n+2) .step-circle{color:var(--c2)} .steps .step:nth-child(4n+3) .step-circle{color:var(--c3)} .steps .step:nth-child(4n+4) .step-circle{color:var(--c4)}
 .step-tag,.step-body{color:var(--muted)} .step-title{color:var(--title)}
 .toc-item{border-top:1px solid var(--hair)} .toc-grid .toc-item:nth-child(1){border-top-color:var(--c1)} .toc-grid .toc-item:nth-child(2){border-top-color:var(--c2)}
-.toc-grid .toc-item:nth-child(1) .toc-num{color:var(--c1)} .toc-grid .toc-item:nth-child(2) .toc-num{color:var(--c2)} .toc-num{color:var(--foot);font-family:var(--font-head)}
+.toc-grid .toc-item:nth-child(1) .toc-num{color:var(--c1)} .toc-grid .toc-item:nth-child(2) .toc-num{color:var(--c2)} .toc-num{color:var(--foot);font-family:var(--font-head);--talos-bake:1}
 .toc-title{color:var(--title)} .toc-desc{color:var(--muted)}
-.section-ghost{color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.16);font-family:var(--font-head)}
+.section-ghost{color:transparent;-webkit-text-stroke:1px rgba(212,175,55,.16);font-family:var(--font-head);--talos-bake:1}
 .surface{background:rgba(212,175,55,.04);border:1px solid rgba(212,175,55,.20);border-radius:16px} .surface-label{color:var(--muted)}
 .ending-contact{color:var(--muted)}
 
@@ -50,7 +57,7 @@
 .overlay-sub{color:rgba(255,255,255,.82)}
 /* batch-5 layouts: timeline / concept-hub / cover-image (added classes) */
 .tl-dot{background:var(--accent);border-radius:50%}
-.tl-date{color:var(--accent);font-family:var(--font-head)}
+.tl-date{color:var(--accent);font-family:var(--font-head);--talos-bake:1}
 .tl-title{color:var(--title)} .tl-desc{color:var(--muted)}
 .hub-center{border-radius:50%;border:2px solid var(--accent)}
 .hub-title{color:var(--accent)}

package/skills/document/styles/branding/backdrop.html

@@ -1 +1,5 @@
 <div style="position:absolute;inset:0;background:radial-gradient(50% 64% at 92% 4%,rgba(122,154,114,.11),transparent 58%),radial-gradient(44% 54% at 4% 98%,rgba(183,156,110,.07),transparent 62%)"></div><svg width="1280" height="720" viewBox="0 0 1280 720" style="position:absolute;inset:0" preserveAspectRatio="none"><defs><linearGradient id="brl" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#7A9A72" stop-opacity="0"/><stop offset=".5" stop-color="#7A9A72" stop-opacity=".26"/><stop offset="1" stop-color="#7A9A72" stop-opacity="0"/></linearGradient></defs><path d="M-40 150 C 380 92,880 128,1330 44" fill="none" stroke="url(#brl)" stroke-width=".7"/></svg><svg style="position:absolute;inset:0;width:100%;height:100%;opacity:.04;mix-blend-mode:multiply;pointer-events:none"><filter id="brn"><feTurbulence type="fractalNoise" baseFrequency=".82" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(#brn)"/></svg>
+<!-- signature: the brand-book spine — a bound left edge with its fold rule. -->
+<div style="position:absolute;left:0;top:0;bottom:0;width:30px;background:var(--accent);opacity:.15;pointer-events:none"></div>
+<div style="position:absolute;left:30px;top:0;bottom:0;width:1px;background:var(--hair);pointer-events:none"></div>
+<div style="position:absolute;left:0;top:64px;width:30px;height:44px;background:var(--accent);opacity:.5;pointer-events:none"></div>