feat(home): align stage cards across locales

docs/zh-cn/stage-0/0.1-learning-map/index.md

@@ -3,6 +3,12 @@ title: '从创意到 AI 产品 - Easy-Vibe 学习路线图'
 description: '学习 AI 编程完整路线图：从零基础到全栈开发。掌握 Vibe Coding、Claude Code、Cursor 等 AI IDE 工具，学会产品思维、全栈开发和 AI 能力集成。'
 ---
 
+<script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
+const relatedArticles = relatedArticlesMap['zh-cn/stage-0/0.1-learning-map'] ?? []
+</script>
+
 # 从创意到 AI 产品
 
 以前做软件，门槛很高：你要懂编程、懂算法，还得有几年的项目经验。
@@ -257,3 +263,9 @@ AI 时代，执行力和想法永远比技术更重要。
 # Reference
 
 - [南京大学 计算机科学与技术系 计算机系统基础 课程实验](https://nju-projectn.github.io/ics-pa-gitbook/ics2025/)
+
+<RelatedArticlesSection
+  title="接下来可以学什么"
+  description="按“从会用 AI 到会做产品”的路线，继续向前推进。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md

@@ -10,7 +10,11 @@
 </div>
 
 <script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
 const duration = '约 <strong>4 小时</strong>，可分多次完成'
+const relatedArticles =
+  relatedArticlesMap['zh-cn/stage-0/0.2-ai-capabilities-through-games'] ?? []
 </script>
 
 ## 本章导读
@@ -752,3 +756,9 @@ z.ai 的回复将会是这样的：
 - 便于系统集成：当模型输出符合预期格式时，更容易与后端程序、工作流或其他工具自动对接
 
 因此，在选择和评估一个大语言模型时，除了关注它是否聪明、知识覆盖是否广之外，还需要特别关注它的指令遵循能力。对于工业级应用来说，能否稳定而准确地执行指令，往往比偶尔给出一次惊艳回答更重要。
+
+<RelatedArticlesSection
+  title="继续学习"
+  description="从“游戏化体验”出发，推荐你继续进入本地开发与产品实践。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md

@@ -4,7 +4,11 @@
 ## 本章导读
 
 <script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
 const duration = '约 <strong>1 天</strong>，可分多次完成'
+const relatedArticles =
+  relatedArticlesMap['zh-cn/stage-1/1.1-introduction-to-ai-ide'] ?? []
 </script>
 
 <ChapterIntroduction :duration="duration" :tags="['本地开发环境搭建', 'IDE 与 AI IDE', '高效开发技巧']" coreOutput="1 个自创小游戏" expectedOutput="使用 Trae 产出">
@@ -748,6 +752,12 @@ AI 很认真地给了你一段代码，你也老老实实地复制进去了，
   </ol>
 </el-card>
 
+<RelatedArticlesSection
+  title="继续学习"
+  description="建议先进入原型实战，再逐步接入 AI 能力。"
+  :items="relatedArticles"
+/>
+
 # 附录
 
 <el-card id="appendix-nav" shadow="hover" style="margin-top: 40px; margin-bottom: 24px; border-left: 5px solid #E6A23C;">

docs/zh-cn/stage-1/1.2-building-prototype/index.md

@@ -4,7 +4,11 @@ description: '体验从业务分析到多页面产品原型实现的完整闭环
 ---
 
 <script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
 const duration = '约 <strong>8 小时</strong>'
+const relatedArticles =
+  relatedArticlesMap['zh-cn/stage-1/1.2-building-prototype'] ?? []
 </script>
 
 # 初级三：动手做出原型
@@ -593,3 +597,9 @@ AI 一般会输出一个 checklist，你可以根据结果思考是否需要继
 - 为某条内容任务自动生成文案初稿和多个标题备选
 - 根据任务描述自动生成配图草稿（文生图）
 - 对历史内容任务做自动归类和摘要，帮助你规划下一个活动的选题
+
+<RelatedArticlesSection
+  title="继续学习"
+  description="建议按“接入 AI 能力 → 完整项目闭环 → 设计工程化”顺序继续。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md

@@ -4,7 +4,11 @@ description: '在已有 Web 原型中接入真实的 AI 能力：理解 API 的
 ---
 
 <script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
 const duration = '约 <strong>1 天</strong>'
+const relatedArticles =
+  relatedArticlesMap['zh-cn/stage-1/1.3-integrating-ai-capabilities'] ?? []
 </script>
 
 # 初级四：为原型注入 AI 能力
@@ -796,3 +800,9 @@ Artificial Analysis 更适合把“效果 / 价格 / 速度”放在同一张表
 - 把内容策划、商品上架、数据分析等环节串联成一条完整的业务流程
 - 将本节课学到的 AI 能力（LLM 文案生成、文生图、图像编辑等）嵌入到实际业务节点中
 - 实现一个真正可用的"电商 AI 工作台"，而不是孤立的 demo
+
+<RelatedArticlesSection
+  title="相关文章"
+  description="从“单点 AI 能力”到“完整产品流程”的推荐学习路径。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-1/1.4-complete-project-practice/index.md

@@ -4,7 +4,11 @@ description: '走出 Demo 阶段，学习如何完善产品链路、构建逼真
 ---
 
 <script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
 const duration = '约 <strong>3 天</strong>'
+const relatedArticles =
+  relatedArticlesMap['zh-cn/stage-1/1.4-complete-project-practice'] ?? []
 </script>
 
 # 初级五：完整项目实战
@@ -289,3 +293,9 @@ export const mockProductTasks = [
 在接下来的 Stage 2 中，我们将深入更复杂的全栈开发，学习如何把这个原型变成一个真正能上线、有数据库、有用户系统的商业级应用。
 
 让我们在下一阶段见！
+
+<RelatedArticlesSection
+  title="继续进阶"
+  description="恭喜完成 Stage 1，下面这些章节可以帮助你进入工程化开发。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-2/frontend/2.0-lovart-assets/index.md

@@ -1,3 +1,9 @@
+<script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
+const relatedArticles = relatedArticlesMap['zh-cn/stage-2/frontend/2.0-lovart-assets'] ?? []
+</script>
+
 # 从 NanoBanana 出发，搭建自己的素材生产Agent
 
 ## 第 1 章：1 分钟生成第一份图片素材
@@ -935,3 +941,9 @@ Markdown 格式
 回头看，这条路其实并不复杂。想清楚你要解决的问题，把长文本交给语言模型去拆解，再把整理好的视觉意图交给绘图模型去呈现，最后把这一整套流程封装成一个属于你自己的小助手。到这里，你已经不只是“在用模型”，而是在搭建一套可以长期陪你工作的系统，而这，才是这套教程最想带给你的东西。
 
 但是你已经做的很棒啦！相信学到这里的你对Vibe Coding已经有初步的掌握了，给自己放个小假休息一下吧！
+
+<RelatedArticlesSection
+  title="相关文章"
+  description="如果你想把“素材生成”真正接入产品流程，可以继续学习这些章节。"
+  :items="relatedArticles"
+/>

docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/index.md

@@ -1,5 +1,11 @@
 # Figma 与 MasterGo 入门
 
+<script setup>
+import { relatedArticlesMap } from '@theme/data/relatedArticles'
+
+const relatedArticles = relatedArticlesMap['zh-cn/stage-2/frontend/2.1-figma-mastergo'] ?? []
+</script>
+
 ::: tip 🎯 核心问题
 **如何从零开始使用现代设计工具创建网页原型？**
 :::
@@ -289,3 +295,9 @@
 
 如果你在完成 [一起做霍格沃茨画像](../2.4-hogwarts-portraits/) 项目，可以先设计界面原型，再导出代码与 AI 对话功能结合。
 :::
+
+<RelatedArticlesSection
+  title="相关文章"
+  description="建议继续学习 UI 设计深化与设计转代码实战。"
+  :items="relatedArticles"
+/>