步骤流组件横版改竖版：一张卡一步，按顺序往下排

一句话结论：步骤流组件由横版改为竖版：每步一张卡片竖向堆叠，左侧圆形编号，高亮步骤跟随主题色；语法不变，旧文章自动按新版渲染。

更新了什么

步骤流（steps）组件此前是横版：每步一列、靠左右滑动查看，在手机上经常一屏只露出一半步骤。本次更新把组件改成了竖版卡片堆叠：

• 每个步骤一张独立卡片，竖向依次排列，从上往下即执行顺序；
• 每张卡片左侧是圆形编号，右侧为标题与描述；
• 高亮步骤（active）跟随当前模板主题色（边框 + 浅色背景），非高亮步骤为灰色；
• 组件文案从「左右滑动查看」同步改为「按顺序依次完成」。

语法不变

写法与之前完全一致：::: steps label="" title="" hint="" active="" 加 - 标题 | 描述 列表。旧文章不需要修改，重新渲染即自动变为竖版。

为什么改竖版

• 竖版布局不依赖横向滚动，在公众号里的兼容性更好；
• 步骤再多也是纵向延伸，读者不会漏看步骤。

常见问题

Q: 旧文章里的横版步骤流会变吗？

A: 会。组件语法完全兼容，旧文章重新渲染后自动使用新版竖版样式，不需要改写法。

Q: active 高亮步骤怎么设置？

A: 在 ::: steps 的 active 属性里填步骤序号，对应步骤会以当前模板主题色高亮显示。

Q: 为什么从横版改成竖版？

A: 横版依赖横向滑动，手机和公众号环境显示不稳定；竖版卡片不依赖横向滚动，兼容性更好，步骤顺序也更直观。

更多功能说明见图文编辑器Markdown版功能介绍，其他更新见更新日志。