style(docs): improve typography and layout consistency

- Standardize font sizes and line heights across docs
- Add ChapterIntroduction component for consistent chapter headers
- Fix markdown formatting and whitespace issues
- Improve code block and table styling
- Add font size and line height controls to layout

docs/stage-3/cross-platform/3.3-wechat-miniprogram/index.md

@@ -1,4 +1,5 @@
 # 如何构建一个最简单的微信小程序
+
 # 1. 什么是微信小程序和微信小程序开发
 
 在这篇教程中，我们将完整跑通一条闭环：从脑海中的一个想法，到在微信里可以搜索、可以扫码打开的真实小程序。
@@ -105,7 +106,7 @@
 
 ![](images/image6.png)
 
- **接着安装 HBuilderX** 。访问 https://www.dcloud.io/hbuilderx.html ，选择对应操作系统的发行包下载。HBuilderX 的包体非常小，启动速度也很快。安装完成后，你可以先熟悉一下它的界面，不需要深入研究功能；在后面的章节中，我们会用它来创建一个 uni-app 小程序模板，作为整个项目的起点。
+**接着安装 HBuilderX** 。访问 https://www.dcloud.io/hbuilderx.html ，选择对应操作系统的发行包下载。HBuilderX 的包体非常小，启动速度也很快。安装完成后，你可以先熟悉一下它的界面，不需要深入研究功能；在后面的章节中，我们会用它来创建一个 uni-app 小程序模板，作为整个项目的起点。
 
 ![](images/image7.png)
 
@@ -197,7 +198,7 @@ AI 完成第一轮开发之后，代码已经落在项目里了，但这时候
 
 这就是 vibecoding 的优势所在：你不必自己去翻代码，查找事件绑定的位置、计算坐标的逻辑，而是直接把想法告诉 AI。例如，你可以在 Trae 的对话框里这样描述：
 
-  把按键换成摇杆控制，并且用户松开摇杆时蛇保持同方向移动，直到用户再次松开摇杆。
+把按键换成摇杆控制，并且用户松开摇杆时蛇保持同方向移动，直到用户再次松开摇杆。
 
 只要你把需求讲得足够清楚，AI 会自动定位到对应界面和逻辑文件，替你完成控件样式、交互绑定和方向处理等改动。
 
@@ -211,13 +212,13 @@ AI 完成第一轮开发之后，代码已经落在项目里了，但这时候
 
 AI 生成的版本不一定一开始就完美。有时候你会遇到这些情况：
 
-* 运行时报错，小程序无法正常打开；
-* 功能大致正确，但细节和你想象的不太一样；
-* 界面可以用，但你觉得还可以更好看或更顺手。
+- 运行时报错，小程序无法正常打开；
+- 功能大致正确，但细节和你想象的不太一样；
+- 界面可以用，但你觉得还可以更好看或更顺手。
 
 在这些时候，不需要自己钻进代码里盲改，而是可以把遇到的问题直接用自然语言重新描述给 Trae 中的 AI 助手，例如：
 
-  现在摇杆控制已经生效了，但有时候蛇会突然停止不动，请帮我检查当前实现哪里有问题。 或者： 现在游戏可以玩，但界面有点拥挤，我希望在手机上显示时上下留出更多空白。请你帮我调整布局。
+现在摇杆控制已经生效了，但有时候蛇会突然停止不动，请帮我检查当前实现哪里有问题。 或者： 现在游戏可以玩，但界面有点拥挤，我希望在手机上显示时上下留出更多空白。请你帮我调整布局。
 
 AI 会根据你当前的项目状态和描述，给出修改建议并直接应用在代码里。如果修改之后结果更糟或方向不对，你依然可以使用回退，把工程恢复到前一个稳定版本，再换一种说法尝试。
 
@@ -229,10 +230,10 @@ AI 会根据你当前的项目状态和描述，给出修改建议并直接应
 
 经过一轮又一轮的 **自然语言叙述 → AI 修改 → 在微信开发者工具中预览 → 继续对话微调** ，我最终得到的是这样一个成品：
 
-* 有完整的游戏页面；
-* 蛇可以顺畅移动并吃到食物；
-* 支持摇杆控制；
-* 在小程序模拟器中可以顺利运行。
+- 有完整的游戏页面；
+- 蛇可以顺畅移动并吃到食物；
+- 支持摇杆控制；
+- 在小程序模拟器中可以顺利运行。
 
 最终开发成品如下：