Reframe homepage paths as purpose-led cards

CHANGELOG.md

@@ -8,6 +8,7 @@ All notable project-level changes are documented here. Content pages retain thei
 
 #### Changed
 
+- Reorganised the bilingual homepage guide paths into four purpose-led groups with responsive cards, numbered section cues, accessible landmarks, and a visually distinct but explicitly non-endorsing third-party resources group.
 - Expanded the bilingual AI Task Brief and AI Learning Log into a governed workflow covering evaluation sets, human gates, data retention, cost, model scope, source verification, failure rollback, handover, independent production, speed debt, and delayed transfer.
 - Connected the AI work papers through the glossary and regression coverage so a model response cannot masquerade as a verified deliverable or independent learning.
 - Rebuilt the bilingual Learning Principles chapter and English Diagnostic around real deliveries, first-version conditions, error diagnosis, targeted repair, feedback uptake, performance-adjusted spacing, recovery and capacity modes, cross-session state, AI boundaries, and one-condition transfer.

README.md

@@ -41,19 +41,39 @@ AI 正在让答案变得前所未有地廉价。几秒钟里，我们可以得
 - **个人经验**：保留故事的温度，不把一条人生路径冒充成普遍规律；
 - **待验证假设**：允许想象进入讨论，但必须交给下一轮行动检验。
 
-<div class="guide-paths">
-  <a class="guide-path" href="./docs/templates/learning-state.md"><strong>终身学习系统</strong>从真实问题、当前基线和最小任务出发，让每轮学习都能被继续、复测与迁移。</a>
-  <a class="guide-path" href="./docs/threads/part-3/1-ai-learning.md"><strong>使用 AI 学习一切</strong>让 AI 帮助提问、研究和反馈，同时把事实核验与最终判断留在人手中。</a>
-  <a class="guide-path" href="./docs/threads/part-3/2-ai-development-and-resource-layer.md"><strong>AI 项目与资源层创业</strong>从需求、原型、代码和测试走向模型接入、治理、企业交付与商业验证。</a>
-  <a class="guide-path" href="./docs/threads/part-1/0-cefr.md"><strong>基础能力：英语</strong>用英语连接全球知识、技术文档与国际 AI 工具，以可理解度而不是口音相似度进入跨文化协作。</a>
-  <a class="guide-path" href="./docs/threads/part-1/grammar.md"><strong>语法基础与真实表达</strong>不从背完整规则开始，而从时间、责任、条件与确定性是否被听清开始，用一项高影响结构完成十四天复测。</a>
-  <a class="guide-path" href="./docs/threads/part-1/6-writing.md"><strong>写作与异步交付</strong>保留无辅助初稿、事实来源和修改理由，让邮件、报告、决定与交接在作者离线后仍然可用。</a>
-  <a class="guide-path" href="./docs/threads/part-1/8-job-search-english.md"><strong>海外求职与远程协作</strong>把岗位描述拆成招聘沟通、项目说明、陌生追问和异步写作，用真实样本判断这一场面试还缺什么。</a>
-  <a class="guide-path" href="./docs/threads/part-4/family-learning.md"><strong>家庭与中学生学习</strong>让孩子参与定义目标，让家长保护环境、隐私与安全，用十四天证据替代监控、代做和焦虑加码。</a>
-  <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI 中转推荐：biezou.com</strong>官网公开定位为统一 AI API 网关与管理面板；这是第三方可选入口，使用前请自行核对服务条款、价格、隐私与可用性。</a>
-  <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI 资源 TG 频道：OpenHuge_ai</strong>一个用于发现 AI 资源的第三方 Telegram 频道推荐；频道内容、外链与可用性会变化，使用前请自行核对来源、隐私、版权与安全风险。</a>
-  <a class="guide-path" href="./docs/threads/part-2/my-story.md"><strong>人生复盘与恢复</strong>承认失败和代价，在失序之后重新建立判断、秩序与行动。</a>
-  <a class="guide-path" href="./docs/projects.md"><strong>作者项目与现实实践</strong>公开关联、用途、更新时间和非赞助关系，让信任不必靠猜。</a>
+<div class="guide-paths" aria-label="阅读路径">
+  <section class="guide-path-group" aria-labelledby="guide-foundation">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">01</span><h2 id="guide-foundation">建立基础</h2><p>先把问题、语言和每日动作放到同一张地图上。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./docs/templates/learning-state.md"><strong>终身学习系统</strong>从真实问题、当前基线和最小任务出发，让每轮学习都能被继续、复测与迁移。</a>
+      <a class="guide-path" href="./docs/threads/part-1/0-cefr.md"><strong>基础能力：英语</strong>用英语连接全球知识、技术文档与国际 AI 工具，以可理解度而不是口音相似度进入跨文化协作。</a>
+      <a class="guide-path" href="./docs/threads/part-1/grammar.md"><strong>语法基础与真实表达</strong>不从背完整规则开始，而从时间、责任、条件与确定性是否被听清开始，用一项高影响结构完成十四天复测。</a>
+      <a class="guide-path" href="./docs/threads/part-1/6-writing.md"><strong>写作与异步交付</strong>保留无辅助初稿、事实来源和修改理由，让邮件、报告、决定与交接在作者离线后仍然可用。</a>
+    </div>
+  </section>
+  <section class="guide-path-group" aria-labelledby="guide-amplify">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">02</span><h2 id="guide-amplify">借工具放大能力</h2><p>让 AI 加速提问和验证，但把判断、测试与责任留在人手中。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./docs/threads/part-3/1-ai-learning.md"><strong>使用 AI 学习一切</strong>让 AI 帮助提问、研究和反馈，同时把事实核验与最终判断留在人手中。</a>
+      <a class="guide-path" href="./docs/threads/part-3/2-ai-development-and-resource-layer.md"><strong>AI 项目与资源层创业</strong>从需求、原型、代码和测试走向模型接入、治理、企业交付与商业验证。</a>
+    </div>
+  </section>
+  <section class="guide-path-group" aria-labelledby="guide-life">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">03</span><h2 id="guide-life">进入真实生活</h2><p>把学习带进工作、家庭、关系和作者正在承担的现实。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./docs/threads/part-1/8-job-search-english.md"><strong>海外求职与远程协作</strong>把岗位描述拆成招聘沟通、项目说明、陌生追问和异步写作，用真实样本判断这一场面试还缺什么。</a>
+      <a class="guide-path" href="./docs/threads/part-4/family-learning.md"><strong>家庭与中学生学习</strong>让孩子参与定义目标，让家长保护环境、隐私与安全，用十四天证据替代监控、代做和焦虑加码。</a>
+      <a class="guide-path" href="./docs/threads/part-2/my-story.md"><strong>人生复盘与恢复</strong>承认失败和代价，在失序之后重新建立判断、秩序与行动。</a>
+      <a class="guide-path" href="./docs/projects.md"><strong>作者项目与现实实践</strong>公开关联、用途、更新时间和非赞助关系，让信任不必靠猜。</a>
+    </div>
+  </section>
+  <section class="guide-path-group guide-path-group-external" aria-labelledby="guide-external">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">04</span><h2 id="guide-external">第三方资源</h2><p>可选的外部入口，不等于本书或作者的安全、质量与合规背书。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI 中转推荐：biezou.com</strong>官网公开定位为统一 AI API 网关与管理面板；这是第三方可选入口，使用前请自行核对服务条款、价格、隐私与可用性。</a>
+      <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI 资源 TG 频道：OpenHuge_ai</strong>一个用于发现 AI 资源的第三方 Telegram 频道推荐；频道内容、外链与可用性会变化，使用前请自行核对来源、隐私、版权与安全风险。</a>
+    </div>
+  </section>
 </div>
 
 ## 书稿主线

docs/.vitepress/theme/styles.css

@@ -114,29 +114,95 @@
 }
 
 .vp-doc .guide-paths {
+  display: grid;
+  gap: 18px;
+  margin: 28px 0 36px;
+}
+
+.vp-doc .guide-path-group {
+  padding: 18px;
+  border: 1px solid var(--vp-c-divider);
+  border-radius: 16px;
+  background: linear-gradient(145deg, var(--vp-c-bg-soft), var(--vp-c-bg));
+}
+
+.vp-doc .guide-path-group-heading {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: 10px;
+  align-items: baseline;
+  margin-bottom: 12px;
+}
+
+.vp-doc .guide-path-group-heading h2 {
+  margin: 0;
+  font-size: 1.15rem;
+  line-height: 1.35;
+  color: var(--vp-c-text-1);
+}
+
+.vp-doc .guide-path-group-heading p {
+  grid-column: 2;
+  margin: 4px 0 0;
+  color: var(--vp-c-text-2);
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.vp-doc .guide-path-kicker {
+  color: var(--vp-c-brand-1);
+  font-family: var(--vp-font-family-mono);
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+}
+
+.vp-doc .guide-path-group-items {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
-  margin: 24px 0 32px;
+  gap: 10px;
 }
 
 .vp-doc .guide-path {
+  display: block;
   border: 1px solid var(--vp-c-divider);
   border-radius: 8px;
-  padding: 16px;
+  padding: 14px 15px;
   color: var(--vp-c-text-1);
   text-decoration: none;
+  font-size: 14px;
+  line-height: 1.7;
+  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
 }
 
 .vp-doc .guide-path:hover {
   border-color: var(--vp-c-brand-1);
   background: var(--vp-c-brand-soft);
+  transform: translateY(-1px);
+}
+
+.vp-doc .guide-path:focus-visible {
+  outline: 2px solid var(--vp-c-brand-1);
+  outline-offset: 3px;
 }
 
 .vp-doc .guide-path strong {
   display: block;
   margin-bottom: 6px;
   color: var(--vp-c-brand-1);
+  font-size: 15px;
+  line-height: 1.45;
+}
+
+.vp-doc .guide-path-group-external {
+  border-color: var(--vp-c-divider);
+  border-color: color-mix(in srgb, var(--vp-c-brand-1) 34%, var(--vp-c-divider));
+  background: linear-gradient(145deg, var(--vp-c-brand-soft), var(--vp-c-bg));
+}
+
+.vp-doc .guide-path-group-external .guide-path-kicker,
+.vp-doc .guide-path-group-external .guide-path strong {
+  color: var(--vp-c-warning-1, #9a6700);
 }
 
 .vp-doc .latest-updates {
@@ -228,6 +294,16 @@
   }
 
   .vp-doc .guide-paths {
+    gap: 14px;
+    margin-top: 22px;
+  }
+
+  .vp-doc .guide-path-group {
+    padding: 14px;
+    border-radius: 12px;
+  }
+
+  .vp-doc .guide-path-group-items {
     grid-template-columns: 1fr;
   }
 
@@ -242,6 +318,10 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .vp-doc .guide-path {
+    transition: none;
+  }
+
   .reading-progress-value {
     transition: none;
   }

docs/README.md

@@ -41,19 +41,39 @@ AI 正在让答案变得前所未有地廉价。几秒钟里，我们可以得
 - **个人经验**：保留故事的温度，不把一条人生路径冒充成普遍规律；
 - **待验证假设**：允许想象进入讨论，但必须交给下一轮行动检验。
 
-<div class="guide-paths">
-  <a class="guide-path" href="./templates/learning-state"><strong>终身学习系统</strong>从真实问题、当前基线和最小任务出发，让每轮学习都能被继续、复测与迁移。</a>
-  <a class="guide-path" href="./threads/part-3/1-ai-learning"><strong>使用 AI 学习一切</strong>让 AI 帮助提问、研究和反馈，同时把事实核验与最终判断留在人手中。</a>
-  <a class="guide-path" href="./threads/part-3/2-ai-development-and-resource-layer"><strong>AI 项目与资源层创业</strong>从需求、原型、代码和测试走向模型接入、治理、企业交付与商业验证。</a>
-  <a class="guide-path" href="./threads/part-1/0-cefr"><strong>基础能力：英语</strong>用英语连接全球知识、技术文档与国际 AI 工具，以可理解度而不是口音相似度进入跨文化协作。</a>
-  <a class="guide-path" href="./threads/part-1/grammar"><strong>语法基础与真实表达</strong>不从背完整规则开始，而从时间、责任、条件与确定性是否被听清开始，用一项高影响结构完成十四天复测。</a>
-  <a class="guide-path" href="./threads/part-1/6-writing"><strong>写作与异步交付</strong>保留无辅助初稿、事实来源和修改理由，让邮件、报告、决定与交接在作者离线后仍然可用。</a>
-  <a class="guide-path" href="./threads/part-1/8-job-search-english"><strong>海外求职与远程协作</strong>把岗位描述拆成招聘沟通、项目说明、陌生追问和异步写作，用真实样本判断这一场面试还缺什么。</a>
-  <a class="guide-path" href="./threads/part-4/family-learning"><strong>家庭与中学生学习</strong>让孩子参与定义目标，让家长保护环境、隐私与安全，用十四天证据替代监控、代做和焦虑加码。</a>
-  <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI 中转推荐：biezou.com</strong>官网公开定位为统一 AI API 网关与管理面板；这是第三方可选入口，使用前请自行核对服务条款、价格、隐私与可用性。</a>
-  <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI 资源 TG 频道：OpenHuge_ai</strong>一个用于发现 AI 资源的第三方 Telegram 频道推荐；频道内容、外链与可用性会变化，使用前请自行核对来源、隐私、版权与安全风险。</a>
-  <a class="guide-path" href="./threads/part-2/my-story"><strong>人生复盘与恢复</strong>承认失败和代价，在失序之后重新建立判断、秩序与行动。</a>
-  <a class="guide-path" href="./projects"><strong>作者项目与现实实践</strong>公开关联、用途、更新时间和非赞助关系，让信任不必靠猜。</a>
+<div class="guide-paths" aria-label="阅读路径">
+  <section class="guide-path-group" aria-labelledby="guide-foundation">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">01</span><h2 id="guide-foundation">建立基础</h2><p>先把问题、语言和每日动作放到同一张地图上。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./templates/learning-state"><strong>终身学习系统</strong>从真实问题、当前基线和最小任务出发，让每轮学习都能被继续、复测与迁移。</a>
+      <a class="guide-path" href="./threads/part-1/0-cefr"><strong>基础能力：英语</strong>用英语连接全球知识、技术文档与国际 AI 工具，以可理解度而不是口音相似度进入跨文化协作。</a>
+      <a class="guide-path" href="./threads/part-1/grammar"><strong>语法基础与真实表达</strong>不从背完整规则开始，而从时间、责任、条件与确定性是否被听清开始，用一项高影响结构完成十四天复测。</a>
+      <a class="guide-path" href="./threads/part-1/6-writing"><strong>写作与异步交付</strong>保留无辅助初稿、事实来源和修改理由，让邮件、报告、决定与交接在作者离线后仍然可用。</a>
+    </div>
+  </section>
+  <section class="guide-path-group" aria-labelledby="guide-amplify">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">02</span><h2 id="guide-amplify">借工具放大能力</h2><p>让 AI 加速提问和验证，但把判断、测试与责任留在人手中。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./threads/part-3/1-ai-learning"><strong>使用 AI 学习一切</strong>让 AI 帮助提问、研究和反馈，同时把事实核验与最终判断留在人手中。</a>
+      <a class="guide-path" href="./threads/part-3/2-ai-development-and-resource-layer"><strong>AI 项目与资源层创业</strong>从需求、原型、代码和测试走向模型接入、治理、企业交付与商业验证。</a>
+    </div>
+  </section>
+  <section class="guide-path-group" aria-labelledby="guide-life">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">03</span><h2 id="guide-life">进入真实生活</h2><p>把学习带进工作、家庭、关系和作者正在承担的现实。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="./threads/part-1/8-job-search-english"><strong>海外求职与远程协作</strong>把岗位描述拆成招聘沟通、项目说明、陌生追问和异步写作，用真实样本判断这一场面试还缺什么。</a>
+      <a class="guide-path" href="./threads/part-4/family-learning"><strong>家庭与中学生学习</strong>让孩子参与定义目标，让家长保护环境、隐私与安全，用十四天证据替代监控、代做和焦虑加码。</a>
+      <a class="guide-path" href="./threads/part-2/my-story"><strong>人生复盘与恢复</strong>承认失败和代价，在失序之后重新建立判断、秩序与行动。</a>
+      <a class="guide-path" href="./projects"><strong>作者项目与现实实践</strong>公开关联、用途、更新时间和非赞助关系，让信任不必靠猜。</a>
+    </div>
+  </section>
+  <section class="guide-path-group guide-path-group-external" aria-labelledby="guide-external">
+    <div class="guide-path-group-heading"><span class="guide-path-kicker">04</span><h2 id="guide-external">第三方资源</h2><p>可选的外部入口，不等于本书或作者的安全、质量与合规背书。</p></div>
+    <div class="guide-path-group-items">
+      <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI 中转推荐：biezou.com</strong>官网公开定位为统一 AI API 网关与管理面板；这是第三方可选入口，使用前请自行核对服务条款、价格、隐私与可用性。</a>
+      <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI 资源 TG 频道：OpenHuge_ai</strong>一个用于发现 AI 资源的第三方 Telegram 频道推荐；频道内容、外链与可用性会变化，使用前请自行核对来源、隐私、版权与安全风险。</a>
+    </div>
+  </section>
 </div>
 
 ## 书稿主线

docs/en/README.md

@@ -41,19 +41,27 @@ It also keeps three kinds of claim separate:
 - **Personal experience** keeps its warmth without pretending to be a universal prescription;
 - **Hypotheses** may enter the conversation, but the next experiment must test them.
 
-<div class="guide-paths">
-  <a class="guide-path" href="./templates/learning-state"><strong>Lifelong Learning System</strong>Begin with a real problem, a current baseline, and a minimum task so each cycle can continue, be retested, and transfer.</a>
-  <a class="guide-path" href="./threads/part-3/1-ai-learning"><strong>Learn Anything with AI</strong>Use AI for questions, research, and feedback while keeping fact-checking and final judgment in human hands.</a>
-  <a class="guide-path" href="./threads/part-3/2-ai-development-and-resource-layer"><strong>AI Projects and Resource-layer Business</strong>Move from requirements, prototypes, code, and tests to model access, governance, enterprise delivery, and business validation.</a>
-  <a class="guide-path" href="./threads/part-1/0-cefr"><strong>Foundation: English</strong>Use English to reach global knowledge, technical documentation, and international AI tools, entering cross-cultural work through intelligibility rather than accent similarity.</a>
-  <a class="guide-path" href="./threads/part-1/grammar"><strong>Grammar for Real Expression</strong>Begin with whether time, responsibility, condition, and certainty are understood, then retest one high-impact structure for fourteen days instead of memorising every rule first.</a>
-  <a class="guide-path" href="./threads/part-1/6-writing"><strong>Writing and Asynchronous Delivery</strong>Preserve an unaided draft, fact sources, and revision reasons so email, reports, decisions, and handovers remain usable when the author is offline.</a>
-  <a class="guide-path" href="./threads/part-1/8-job-search-english"><strong>Global Job Search and Remote Work</strong>Turn a job description into recruiter communication, project explanation, unfamiliar follow-ups, and asynchronous writing, then use real samples to locate the next gap.</a>
-  <a class="guide-path" href="./threads/part-4/family-learning"><strong>Family and Middle-School Learning</strong>Let the learner help define the goal while adults protect environment, privacy, and safety; use fourteen days of evidence instead of surveillance or substituted work.</a>
-  <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI Relay Recommendation: biezou.com</strong>The official site describes a unified AI API gateway and admin dashboard. Treat it as an optional third-party entry point and verify terms, pricing, privacy, and availability before use.</a>
-  <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI Resources on Telegram: OpenHuge_ai</strong>A third-party Telegram channel for discovering AI resources. Channel posts, outbound links, and availability can change; verify sources, privacy, copyright, and security risks before use.</a>
-  <a class="guide-path" href="./threads/part-2/my-story"><strong>Life Review and Recovery</strong>Acknowledge failure and cost, then rebuild judgment, order, and action after disruption.</a>
-  <a class="guide-path" href="./projects"><strong>Author Projects and Practice</strong>Make affiliations, purpose, update dates, and non-sponsorship visible so trust does not depend on guesswork.</a>
+<div class="guide-paths" aria-label="Reading paths">
+  <section class="guide-path-group" aria-labelledby="guide-foundation"><div class="guide-path-group-heading"><span class="guide-path-kicker">01</span><h2 id="guide-foundation">Build the Foundation</h2><p>Put the problem, language, and daily action on one map.</p></div><div class="guide-path-group-items">
+    <a class="guide-path" href="./templates/learning-state"><strong>Lifelong Learning System</strong>Begin with a real problem, a current baseline, and a minimum task so each cycle can continue, be retested, and transfer.</a>
+    <a class="guide-path" href="./threads/part-1/0-cefr"><strong>Foundation: English</strong>Use English to reach global knowledge, technical documentation, and international AI tools, entering cross-cultural work through intelligibility rather than accent similarity.</a>
+    <a class="guide-path" href="./threads/part-1/grammar"><strong>Grammar for Real Expression</strong>Begin with whether time, responsibility, condition, and certainty are understood, then retest one high-impact structure for fourteen days instead of memorising every rule first.</a>
+    <a class="guide-path" href="./threads/part-1/6-writing"><strong>Writing and Asynchronous Delivery</strong>Preserve an unaided draft, fact sources, and revision reasons so email, reports, decisions, and handovers remain usable when the author is offline.</a>
+  </div></section>
+  <section class="guide-path-group" aria-labelledby="guide-amplify"><div class="guide-path-group-heading"><span class="guide-path-kicker">02</span><h2 id="guide-amplify">Amplify Ability with Tools</h2><p>Let AI accelerate questions and verification while people keep judgment, testing, and responsibility.</p></div><div class="guide-path-group-items">
+    <a class="guide-path" href="./threads/part-3/1-ai-learning"><strong>Learn Anything with AI</strong>Use AI for questions, research, and feedback while keeping fact-checking and final judgment in human hands.</a>
+    <a class="guide-path" href="./threads/part-3/2-ai-development-and-resource-layer"><strong>AI Projects and Resource-layer Business</strong>Move from requirements, prototypes, code, and tests to model access, governance, enterprise delivery, and business validation.</a>
+  </div></section>
+  <section class="guide-path-group" aria-labelledby="guide-life"><div class="guide-path-group-heading"><span class="guide-path-kicker">03</span><h2 id="guide-life">Enter Real Life</h2><p>Carry learning into work, family, relationships, and the author's responsibilities.</p></div><div class="guide-path-group-items">
+    <a class="guide-path" href="./threads/part-1/8-job-search-english"><strong>Global Job Search and Remote Work</strong>Turn a job description into recruiter communication, project explanation, unfamiliar follow-ups, and asynchronous writing, then use real samples to locate the next gap.</a>
+    <a class="guide-path" href="./threads/part-4/family-learning"><strong>Family and Middle-School Learning</strong>Let the learner help define the goal while adults protect environment, privacy, and safety; use fourteen days of evidence instead of surveillance or substituted work.</a>
+    <a class="guide-path" href="./threads/part-2/my-story"><strong>Life Review and Recovery</strong>Acknowledge failure and cost, then rebuild judgment, order, and action after disruption.</a>
+    <a class="guide-path" href="./projects"><strong>Author Projects and Practice</strong>Make affiliations, purpose, update dates, and non-sponsorship visible so trust does not depend on guesswork.</a>
+  </div></section>
+  <section class="guide-path-group guide-path-group-external" aria-labelledby="guide-external"><div class="guide-path-group-heading"><span class="guide-path-kicker">04</span><h2 id="guide-external">Third-party Resources</h2><p>Optional external entry points, not safety, quality, or compliance endorsements by this book or its author.</p></div><div class="guide-path-group-items">
+    <a class="guide-path" href="https://biezou.com/" target="_blank" rel="noopener noreferrer"><strong>AI Relay Recommendation: biezou.com</strong>The official site describes a unified AI API gateway and admin dashboard. Treat it as an optional third-party entry point and verify terms, pricing, privacy, and availability before use.</a>
+    <a class="guide-path" href="https://t.me/OpenHuge_ai" target="_blank" rel="noopener noreferrer"><strong>AI Resources on Telegram: OpenHuge_ai</strong>A third-party Telegram channel for discovering AI resources. Channel posts, outbound links, and availability can change; verify sources, privacy, copyright, and security risks before use.</a>
+  </div></section>
 </div>
 
 ## Book Structure

tests/site.spec.mjs

@@ -1144,6 +1144,30 @@ test("home pages link to the reader guide", async ({ page }) => {
   );
 });
 
+test("home guide paths are grouped by purpose and keep third-party resources distinct", async ({ page }) => {
+  await page.goto("./");
+  const zhGroups = page.locator("main .guide-path-group");
+  await expect(zhGroups).toHaveCount(4);
+  await expect(zhGroups.nth(0).getByRole("heading", { level: 2, name: "建立基础" })).toBeVisible();
+  await expect(zhGroups.nth(1).getByRole("heading", { level: 2, name: "借工具放大能力" })).toBeVisible();
+  await expect(zhGroups.nth(2).getByRole("heading", { level: 2, name: "进入真实生活" })).toBeVisible();
+  await expect(zhGroups.nth(3).getByRole("heading", { level: 2, name: "第三方资源" })).toBeVisible();
+  await expect(zhGroups.nth(0).locator(".guide-path")).toHaveCount(4);
+  await expect(zhGroups.nth(1).locator(".guide-path")).toHaveCount(2);
+  await expect(zhGroups.nth(2).locator(".guide-path")).toHaveCount(4);
+  await expect(zhGroups.nth(3).locator(".guide-path")).toHaveCount(2);
+  await expect(zhGroups.nth(3)).toHaveClass(/guide-path-group-external/);
+
+  await page.goto("./en/");
+  const enGroups = page.locator("main .guide-path-group");
+  await expect(enGroups).toHaveCount(4);
+  await expect(enGroups.nth(0).getByRole("heading", { level: 2, name: "Build the Foundation" })).toBeVisible();
+  await expect(enGroups.nth(1).getByRole("heading", { level: 2, name: "Amplify Ability with Tools" })).toBeVisible();
+  await expect(enGroups.nth(2).getByRole("heading", { level: 2, name: "Enter Real Life" })).toBeVisible();
+  await expect(enGroups.nth(3).getByRole("heading", { level: 2, name: "Third-party Resources" })).toBeVisible();
+  await expect(enGroups.nth(3)).toHaveClass(/guide-path-group-external/);
+});
+
 test("home pages expose biezou as a bounded external AI reference", async ({ page }) => {
   await page.goto("./");
   const zhBiezou = page.locator('a[href="https://biezou.com/"]').first();