le-wechat-article v1.5.1：版式基线落地——①开篇轻量化：四张封面卡（暖橙/摸鱼绿/摸鱼票据/橄榄）瘦身为导语条，去大字主标题/头图/公司落款（公众号后台已承担），补齐「导语与外标题错层」文案策略；②侧边距：微信 App 自带边距为主边距，HTML 每侧合计 ≤16px（容器/模块 ≤6px、卡片 10~14px、嵌套 ≤12px），全 7 主题合计 156 处收紧，正文列宽占屏 69~76%→80%+；③字号阶梯整体 +1（≥12px 全升 414 处：正文 15→16px、moyu 系 14→15px，≤11px 装饰微标不动）；ENGINE 新增「版式基线」三铁律（v1.5.1）+ theme-generator 生成钩子，未来新主题强制合规；新增暖橙主题 theme-warm-orange（36 组件，含预览资产）并入主题库，SKILL.md 主题计数 6→7；topic-facts 补「超级 AI 妈妈」客户事实卡
This commit is contained in:
leroy
@@ -30,11 +30,11 @@
|
||||
极浅灰底： #FAFAFA（引用块 / 目录卡 / 提示块，正文底保持纯白）
|
||||
纯白底： #FFFFFF
|
||||
强调色（暖橙）： #F97316（全篇 ≤3 处，仅用于锚点点睛）
|
||||
正文字号： 15px（不可改）
|
||||
正文字号： 16px（不可改）
|
||||
行高： 1.8
|
||||
字间距： 0.3px
|
||||
最大宽度： 677px
|
||||
内容区边距： 0 10px（左右各 10px）
|
||||
内容区边距： 0 4px（模块边距，卡片侧边 10~12px）
|
||||
章节间距： 56px（后续章节 margin-top）
|
||||
```
|
||||
|
||||
@@ -63,16 +63,16 @@
|
||||
> - 纯白底 + 上下各 1px 石墨极细线框定 + 大号金句，无色块、无阴影、无圆角，完全依靠细线与留白产生质感
|
||||
|
||||
```html
|
||||
<section style="margin:10px 10px 40px;padding:32px 24px 24px;border-top:1px solid #E4E4E7;border-bottom:1px solid #E4E4E7;background:#FFFFFF;">
|
||||
<section style="margin:10px 4px 40px;padding:28px 14px 20px;border-top:1px solid #E4E4E7;border-bottom:1px solid #E4E4E7;background:#FFFFFF;">
|
||||
<p style="font-size:11px;color:#A1A1AA;letter-spacing:2px;margin:0 0 18px;font-weight:400;">
|
||||
<span leaf="">QUOTE</span>
|
||||
</p>
|
||||
<p style="font-size:18px;font-weight:700;color:#27272A;margin:0 0 8px;line-height:1.7;letter-spacing:0.5px;">
|
||||
<p style="font-size:19px;font-weight:700;color:#27272A;margin:0 0 8px;line-height:1.7;letter-spacing:0.5px;">
|
||||
<span leaf="">{{金句前段}}</span>
|
||||
<span style="border-bottom:2px solid #52525B;"><span leaf="">{{石墨下划线关键词}}</span></span>
|
||||
<span leaf="">{{金句收尾}}</span>
|
||||
</p>
|
||||
<p style="text-align:right;font-size:12px;color:#A1A1AA;margin:16px 0 0;letter-spacing:1px;">
|
||||
<p style="text-align:right;font-size:13px;color:#A1A1AA;margin:16px 0 0;letter-spacing:1px;">
|
||||
<span leaf="">—— {{作者名，未知则删整行}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -87,22 +87,22 @@
|
||||
> 3 个及以上章节时生成。上方极细线 + 极浅灰底，石墨灰编号 + 深炭标题，纯灰阶无橙色，大留白。展示**精选 3 个核心看点**，不是全量章节列表。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px 40px;">
|
||||
<section style="padding:0 8px 40px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 16px;letter-spacing:2px;">
|
||||
<span leaf="">本文看点</span>
|
||||
</p>
|
||||
<section style="display:flex;justify-content:space-between;">
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 12px 16px;margin-right:8px;">
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 10px 16px;margin-right:8px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;font-weight:500;margin:0 0 8px;letter-spacing:1px;"><span leaf="">01</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点一}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点一}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 12px 16px;margin-right:8px;">
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 10px 16px;margin-right:8px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;font-weight:500;margin:0 0 8px;letter-spacing:1px;"><span leaf="">02</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点二}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点二}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 12px 16px;">
|
||||
<section style="flex:1;background:#FAFAFA;border-top:1px solid #E4E4E7;padding:18px 10px 16px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;font-weight:500;margin:0 0 8px;letter-spacing:1px;"><span leaf="">03</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点三}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0;line-height:1.5;"><span leaf="">{{看点三}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
@@ -115,7 +115,7 @@
|
||||
> 无渐变、无颜色变化，单纯 1px 横向石墨极细线，两侧超大留白，呼吸感即来自此。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px;">
|
||||
<section style="padding:0 8px;">
|
||||
<section style="height:1px;background:#E4E4E7;margin:0;">
|
||||
<span leaf=""><br></span>
|
||||
</section>
|
||||
@@ -129,16 +129,16 @@
|
||||
> 核心特征：极大号石墨灰水印数字（作为背景层视觉锚）+ 英文小标签 + 深炭标题 + 底部 1px 细线。编号大字非常"现代极简"。第一章 `margin-top:16px`，后续章节 `margin-top:56px`。
|
||||
|
||||
```html
|
||||
<section style="margin-top:56px;margin-bottom:32px;padding:0 10px;">
|
||||
<section style="margin-top:56px;margin-bottom:32px;padding:0 8px;">
|
||||
<section style="position:relative;padding-bottom:20px;border-bottom:1px solid #E4E4E7;">
|
||||
<p style="font-size:48px;font-weight:900;color:#E4E4E7;margin:0;line-height:1;letter-spacing:-2px;">
|
||||
<p style="font-size:49px;font-weight:900;color:#E4E4E7;margin:0;line-height:1;letter-spacing:-2px;">
|
||||
<span leaf="">01</span>
|
||||
</p>
|
||||
<section style="margin-top:-8px;">
|
||||
<p style="font-size:10px;color:#A1A1AA;font-weight:500;letter-spacing:3px;margin:0 0 6px;text-transform:uppercase;">
|
||||
<span leaf="">{{ENGLISH TAG}}</span>
|
||||
</p>
|
||||
<h3 style="font-size:20px;font-weight:800;color:#27272A;margin:0;letter-spacing:0.5px;line-height:1.4;">
|
||||
<h3 style="font-size:21px;font-weight:800;color:#27272A;margin:0;letter-spacing:0.5px;line-height:1.4;">
|
||||
<span leaf="">{{中文章节标题}}</span>
|
||||
</h3>
|
||||
</section>
|
||||
@@ -152,7 +152,7 @@
|
||||
**结语章节变体**（编号用 `∞` 替代数字，契合极简的无限循环意象，英文标签用 `THE END` / `EPILOGUE`）：
|
||||
|
||||
```html
|
||||
<p style="font-size:48px;font-weight:900;color:#E4E4E7;margin:0;line-height:1;letter-spacing:-2px;">
|
||||
<p style="font-size:49px;font-weight:900;color:#E4E4E7;margin:0;line-height:1;letter-spacing:-2px;">
|
||||
<span leaf="">∞</span>
|
||||
</p>
|
||||
```
|
||||
@@ -168,7 +168,7 @@
|
||||
**基础段落**：
|
||||
|
||||
```html
|
||||
<p style="margin-bottom:22px;font-size:15px;line-height:1.8;text-align:justify;color:#52525B;letter-spacing:0.3px;">
|
||||
<p style="margin-bottom:22px;font-size:16px;line-height:1.8;text-align:justify;color:#52525B;letter-spacing:0.3px;">
|
||||
<span leaf="">{{正文内容}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -176,7 +176,7 @@
|
||||
**带关键词下划线标记的段落**（推荐默认）：
|
||||
|
||||
```html
|
||||
<p style="margin-bottom:22px;font-size:15px;line-height:1.8;text-align:justify;color:#52525B;letter-spacing:0.3px;">
|
||||
<p style="margin-bottom:22px;font-size:16px;line-height:1.8;text-align:justify;color:#52525B;letter-spacing:0.3px;">
|
||||
<span leaf="">{{前半句}}</span>
|
||||
<span style="border-bottom:2px solid #52525B;font-weight:600;color:#27272A;"><span leaf="">{{需要强调的关键短语}}</span></span>
|
||||
<span leaf="">{{后半句}}</span>
|
||||
@@ -192,7 +192,7 @@
|
||||
> `###` 子标题用石墨左竖条 + 深炭标题，**不套用组件 5 的水印编号章节样式**（水印编号只给 `##`）。竖条 3px 石墨灰，贴合极简气质。
|
||||
|
||||
```html
|
||||
<p style="font-size:15px;font-weight:800;color:#27272A;margin:28px 0 14px;padding-left:12px;border-left:3px solid #52525B;line-height:1.4;">
|
||||
<p style="font-size:16px;font-weight:800;color:#27272A;margin:28px 0 14px;padding-left:12px;border-left:3px solid #52525B;line-height:1.4;">
|
||||
<span leaf="">{{子标题}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -222,7 +222,7 @@
|
||||
### 7b. 极浅灰底深炭字标签（核心概念，每篇 2~4 个）
|
||||
|
||||
```html
|
||||
<span style="background:#F4F4F5;color:#27272A;padding:2px 7px;border-radius:3px;font-weight:700;font-size:14px;"><span leaf="">关键词标签</span></span>
|
||||
<span style="background:#F4F4F5;color:#27272A;padding:2px 7px;border-radius:3px;font-weight:700;font-size:15px;"><span leaf="">关键词标签</span></span>
|
||||
```
|
||||
|
||||
### 7c. 极浅灰背景高亮（次要关键词）
|
||||
@@ -252,7 +252,7 @@
|
||||
### 7g. 行内代码
|
||||
|
||||
```html
|
||||
<span style="background:#F4F4F5;color:#27272A;padding:2px 6px;border-radius:4px;font-family:'SF Mono',Consolas,Monaco,monospace;font-size:14px;"><span leaf="">code</span></span>
|
||||
<span style="background:#F4F4F5;color:#27272A;padding:2px 6px;border-radius:4px;font-family:'SF Mono',Consolas,Monaco,monospace;font-size:15px;"><span leaf="">code</span></span>
|
||||
```
|
||||
|
||||
---
|
||||
@@ -264,8 +264,8 @@
|
||||
> 左侧 3px 石墨灰竖条 + 大留白 + 深炭字，无底色，靠竖条与缩进建立层级，呼吸感极强。
|
||||
|
||||
```html
|
||||
<section style="border-left:3px solid #52525B;padding:16px 0 16px 24px;margin:0 10px 28px;">
|
||||
<p style="font-size:16px;font-weight:700;color:#27272A;margin:0;line-height:1.7;letter-spacing:0.5px;">
|
||||
<section style="border-left:3px solid #52525B;padding:16px 0 16px 24px;margin:0 4px 28px;">
|
||||
<p style="font-size:17px;font-weight:700;color:#27272A;margin:0;line-height:1.7;letter-spacing:0.5px;">
|
||||
<span leaf="">「{{核心观点或关键金句}}」</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -276,11 +276,11 @@
|
||||
> 极浅灰底 + 1px 细线边框，用于展示 Prompt、引用内容、示例等较长内容。
|
||||
|
||||
```html
|
||||
<section style="background:#FAFAFA;border:1px solid #E4E4E7;padding:20px 22px;margin:0 10px 28px;">
|
||||
<section style="background:#FAFAFA;border:1px solid #E4E4E7;padding:20px 14px;margin:0 4px 28px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 8px;letter-spacing:2px;font-weight:500;">
|
||||
<span leaf="">REFERENCE</span>
|
||||
</p>
|
||||
<p style="font-size:15px;color:#3F3F46;margin:0;line-height:1.8;text-align:justify;">
|
||||
<p style="font-size:16px;color:#3F3F46;margin:0;line-height:1.8;text-align:justify;">
|
||||
{{引用内容，可含 7d 石墨下划线等内联样式}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -291,8 +291,8 @@
|
||||
> 极细辅助灰竖条 + 小号文字，用于轻量旁注、作者旁白，不抢主文视觉。
|
||||
|
||||
```html
|
||||
<section style="border-left:2px solid #E4E4E7;padding:12px 0 12px 20px;margin:0 10px 24px;">
|
||||
<p style="font-size:13px;color:#A1A1AA;margin:0;line-height:1.8;text-align:justify;">
|
||||
<section style="border-left:2px solid #E4E4E7;padding:12px 0 12px 20px;margin:0 4px 24px;">
|
||||
<p style="font-size:14px;color:#A1A1AA;margin:0;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">{{轻量旁注内容}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -303,7 +303,7 @@
|
||||
> 上下 1px 细线 + 居中深炭字，用于章节之间的过渡金句。
|
||||
|
||||
```html
|
||||
<p style="font-size:15px;margin:0 10px 24px;text-align:center;color:#27272A;font-weight:700;letter-spacing:1px;border-top:1px solid #E4E4E7;border-bottom:1px solid #E4E4E7;padding:14px 10px;">
|
||||
<p style="font-size:16px;margin:0 4px 24px;text-align:center;color:#27272A;font-weight:700;letter-spacing:1px;border-top:1px solid #E4E4E7;border-bottom:1px solid #E4E4E7;padding:14px 10px;">
|
||||
<span leaf="">{{居中金句}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -317,8 +317,8 @@
|
||||
> 石墨竖条 + 深炭文字，无背景色，极简提醒。
|
||||
|
||||
```html
|
||||
<section style="border-left:3px solid #27272A;padding:14px 0 14px 22px;margin:0 10px 24px;">
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0;line-height:1.8;">
|
||||
<section style="border-left:3px solid #27272A;padding:14px 0 14px 22px;margin:0 4px 24px;">
|
||||
<p style="font-size:15px;font-weight:700;color:#27272A;margin:0;line-height:1.8;">
|
||||
<span leaf="">{{重要提示或核心结论}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -329,8 +329,8 @@
|
||||
> 橙色竖条 + 深炭文字，无背景色，是橙色在正文中最自然的出现方式。
|
||||
|
||||
```html
|
||||
<section style="border-left:3px solid #F97316;padding:14px 0 14px 22px;margin:0 10px 24px;">
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0;line-height:1.8;">
|
||||
<section style="border-left:3px solid #F97316;padding:14px 0 14px 22px;margin:0 4px 24px;">
|
||||
<p style="font-size:15px;font-weight:700;color:#27272A;margin:0;line-height:1.8;">
|
||||
<span leaf="">{{最需要引起注意的内容}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -341,11 +341,11 @@
|
||||
> 极浅灰底 + 顶部深炭细线 + 多行内容，适合提示内容较多时。
|
||||
|
||||
```html
|
||||
<section style="background:#FAFAFA;border-top:2px solid #27272A;padding:18px 22px;margin:0 10px 24px;">
|
||||
<section style="background:#FAFAFA;border-top:2px solid #27272A;padding:18px 14px;margin:0 4px 24px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 10px;letter-spacing:2px;font-weight:500;">
|
||||
<span leaf="">NOTE</span>
|
||||
</p>
|
||||
<p style="font-size:14px;color:#52525B;margin:0;line-height:1.8;">
|
||||
<p style="font-size:15px;color:#52525B;margin:0;line-height:1.8;">
|
||||
<span leaf="">{{较多的提示内容}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -363,9 +363,9 @@
|
||||
<section style="margin-bottom:22px;">
|
||||
<section style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">
|
||||
<span style="display:inline-block;background:#27272A;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:0.5px;"><span leaf="">STEP 01</span></span>
|
||||
<span style="font-size:15px;font-weight:800;color:#27272A;"><span leaf="">{{步骤标题}}</span></span>
|
||||
<span style="font-size:16px;font-weight:800;color:#27272A;"><span leaf="">{{步骤标题}}</span></span>
|
||||
</section>
|
||||
<p style="font-size:15px;margin:0 0 16px;color:#52525B;line-height:1.8;text-align:justify;">
|
||||
<p style="font-size:16px;margin:0 0 16px;color:#52525B;line-height:1.8;text-align:justify;">
|
||||
{{步骤内容}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -379,7 +379,7 @@
|
||||
<section style="margin-bottom:22px;">
|
||||
<section style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">
|
||||
<span style="display:inline-block;background:#27272A;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:0.5px;"><span leaf="">SKILL 1</span></span>
|
||||
<span style="font-size:15px;font-weight:800;color:#27272A;"><span leaf="">{{名称}}</span></span>
|
||||
<span style="font-size:16px;font-weight:800;color:#27272A;"><span leaf="">{{名称}}</span></span>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -389,8 +389,8 @@
|
||||
### 10c. tool-card（工具 / 条目说明卡，极简线框版）
|
||||
|
||||
```html
|
||||
<section style="border:1px solid #E4E4E7;padding:16px 20px;margin:0 10px 24px;">
|
||||
<p style="font-size:14px;color:#52525B;margin:0;line-height:1.8;">
|
||||
<section style="border:1px solid #E4E4E7;padding:16px 14px;margin:0 4px 24px;">
|
||||
<p style="font-size:15px;color:#52525B;margin:0;line-height:1.8;">
|
||||
{{条目说明内容}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -405,16 +405,16 @@
|
||||
```html
|
||||
<section style="margin-bottom:24px;">
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">1</span></span>
|
||||
<p style="font-size:15px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">1</span></span>
|
||||
<p style="font-size:16px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">2</span></span>
|
||||
<p style="font-size:15px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">2</span></span>
|
||||
<p style="font-size:16px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">3</span></span>
|
||||
<p style="font-size:15px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#27272A;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">3</span></span>
|
||||
<p style="font-size:16px;color:#52525B;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -424,9 +424,9 @@
|
||||
```html
|
||||
<section style="margin-bottom:14px;">
|
||||
<p style="margin:0 0 6px;">
|
||||
<span style="display:inline-block;font-size:14px;font-weight:700;color:#27272A;background:#F4F4F5;padding:3px 10px;border-radius:999px;"><span style="display:inline-block;width:6px;height:6px;background:#52525B;border-radius:50%;margin-right:5px;vertical-align:middle;"><span leaf=""><br></span></span><span leaf="">{{要点标题}}</span></span>
|
||||
<span style="display:inline-block;font-size:15px;font-weight:700;color:#27272A;background:#F4F4F5;padding:3px 10px;border-radius:999px;"><span style="display:inline-block;width:6px;height:6px;background:#52525B;border-radius:50%;margin-right:5px;vertical-align:middle;"><span leaf=""><br></span></span><span leaf="">{{要点标题}}</span></span>
|
||||
</p>
|
||||
<p style="font-size:14px;color:#71717A;margin:0;line-height:1.7;text-align:justify;">
|
||||
<p style="font-size:15px;color:#71717A;margin:0;line-height:1.7;text-align:justify;">
|
||||
<span leaf="">{{要点说明}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -441,8 +441,8 @@
|
||||
<section style="width:2px;background:#E4E4E7;flex:1;margin-top:4px;min-height:44px;"><span leaf=""><br></span></section>
|
||||
</section>
|
||||
<section style="flex:1;padding-bottom:12px;">
|
||||
<p style="margin:0 0 6px;font-size:15px;font-weight:800;color:#27272A;"><span leaf="">{{节点标题}}</span></p>
|
||||
<p style="font-size:15px;margin:0;color:#52525B;line-height:1.8;text-align:justify;">{{节点内容}}</p>
|
||||
<p style="margin:0 0 6px;font-size:16px;font-weight:800;color:#27272A;"><span leaf="">{{节点标题}}</span></p>
|
||||
<p style="font-size:16px;margin:0;color:#52525B;line-height:1.8;text-align:justify;">{{节点内容}}</p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -456,13 +456,13 @@
|
||||
### 两列数据卡（极简线框版）
|
||||
|
||||
```html
|
||||
<section style="display:flex;margin:0 10px 28px;">
|
||||
<section style="flex:1;border:1px solid #E4E4E7;padding:22px 16px;margin-right:8px;text-align:center;">
|
||||
<p style="font-size:32px;font-weight:900;color:#27272A;margin:0 0 6px;line-height:1;letter-spacing:-1px;"><span leaf="">{{数字}}</span></p>
|
||||
<section style="display:flex;margin:0 4px 28px;">
|
||||
<section style="flex:1;border:1px solid #E4E4E7;padding:22px 12px;margin-right:8px;text-align:center;">
|
||||
<p style="font-size:33px;font-weight:900;color:#27272A;margin:0 0 6px;line-height:1;letter-spacing:-1px;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0;letter-spacing:1px;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;border:1px solid #E4E4E7;padding:22px 16px;text-align:center;">
|
||||
<p style="font-size:32px;font-weight:900;color:#27272A;margin:0 0 6px;line-height:1;letter-spacing:-1px;"><span leaf="">{{数字}}</span></p>
|
||||
<section style="flex:1;border:1px solid #E4E4E7;padding:22px 12px;text-align:center;">
|
||||
<p style="font-size:33px;font-weight:900;color:#27272A;margin:0 0 6px;line-height:1;letter-spacing:-1px;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0;letter-spacing:1px;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
@@ -471,21 +471,21 @@
|
||||
### 三列要点卡（顶部细线版）
|
||||
|
||||
```html
|
||||
<section style="display:flex;margin:0 10px 28px;">
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 12px 16px;margin-right:8px;">
|
||||
<section style="display:flex;margin:0 4px 28px;">
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 10px 16px;margin-right:8px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 8px;letter-spacing:1px;font-weight:500;"><span leaf="">01</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:12px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:13px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 12px 16px;margin-right:8px;">
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 10px 16px;margin-right:8px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 8px;letter-spacing:1px;font-weight:500;"><span leaf="">02</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:12px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:13px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 12px 16px;">
|
||||
<section style="flex:1;border-top:2px solid #27272A;padding:18px 10px 16px;">
|
||||
<p style="font-size:11px;color:#A1A1AA;margin:0 0 8px;letter-spacing:1px;font-weight:500;"><span leaf="">03</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:12px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#27272A;margin:0 0 6px;line-height:1.4;"><span leaf="">{{要点标题}}</span></p>
|
||||
<p style="font-size:13px;color:#71717A;margin:0;line-height:1.6;"><span leaf="">{{要点说明}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -493,8 +493,8 @@
|
||||
### 表格（真实数据表用）
|
||||
|
||||
```html
|
||||
<section style="margin:0 10px 24px;overflow-x:auto;">
|
||||
<table style="width:100%;border-collapse:collapse;font-size:14px;">
|
||||
<section style="margin:0 4px 24px;overflow-x:auto;">
|
||||
<table style="width:100%;border-collapse:collapse;font-size:15px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="background:#27272A;color:#fff;font-weight:700;padding:8px 12px;text-align:left;"><span leaf="">{{列标题}}</span></th>
|
||||
@@ -544,7 +544,7 @@
|
||||
> 极简线框图片容器，无圆角、无阴影，1px 细线边框延续几何极简语言。
|
||||
|
||||
```html
|
||||
<section style="border:1px solid #E4E4E7;padding:4px;margin:0 10px 12px;">
|
||||
<section style="border:1px solid #E4E4E7;padding:4px;margin:0 4px 12px;">
|
||||
<section style="margin:0;overflow:hidden;">
|
||||
<span leaf=""><img src="{{图片URL}}" style="max-width:100%;height:auto;display:block;margin:0 auto;"></span>
|
||||
</section>
|
||||
@@ -554,7 +554,7 @@
|
||||
带说明文字时，图片容器 `margin-bottom` 改 `8px`，其后加：
|
||||
|
||||
```html
|
||||
<p style="font-size:12px;color:#A1A1AA;text-align:center;margin:0 10px 28px;letter-spacing:0.5px;">
|
||||
<p style="font-size:13px;color:#A1A1AA;text-align:center;margin:0 4px 28px;letter-spacing:0.5px;">
|
||||
<span leaf="">— {{图片说明}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -568,7 +568,7 @@ GIF 动图角标改极简描边胶囊：边框与字色用石墨主色 `#52525B`
|
||||
> 纯几何，1px 细线 + 居中 "END" 字样，石墨灰，简洁收尾。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px;">
|
||||
<section style="padding:0 8px;">
|
||||
<section style="text-align:center;margin:0 0 36px;">
|
||||
<section style="display:flex;align-items:center;justify-content:center;">
|
||||
<span style="height:1px;width:48px;background:#E4E4E7;margin-right:16px;"><span leaf=""><br></span></span>
|
||||
@@ -586,12 +586,12 @@ GIF 动图角标改极简描边胶囊：边框与字色用石墨主色 `#52525B`
|
||||
> 固定签名文案以正文段落形式呈现；有个人名片 / 引导图素材才放图，无素材整块删。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px 24px;">
|
||||
<section style="padding:0 8px 24px;">
|
||||
<section style="border-top:1px solid #E4E4E7;padding-top:28px;">
|
||||
<p style="margin-bottom:16px;font-size:15px;line-height:1.8;color:#52525B;text-align:justify;">
|
||||
<p style="margin-bottom:16px;font-size:16px;line-height:1.8;color:#52525B;text-align:justify;">
|
||||
<span leaf="">我是 {{作者名}}，{{一句话简介，如：热衷于分享 AI 观察与干货}}。</span>
|
||||
</p>
|
||||
<p style="margin-bottom:0;font-size:15px;line-height:1.8;color:#52525B;text-align:justify;">
|
||||
<p style="margin-bottom:0;font-size:16px;line-height:1.8;color:#52525B;text-align:justify;">
|
||||
<span leaf="">如果你觉得今天这篇有收获，欢迎</span>
|
||||
<strong style="color:#27272A;"><span leaf="">点赞、在看、转发</span></strong>
|
||||
<span leaf="">三连，我们下篇见。</span>
|
||||
|
||||
Reference in New Issue
Block a user