feat: update zh-cn appendix index to match latest sidebar structure

- Reorganize content into 9 major categories matching config.mjs sidebar
- Add all NavCard entries for each section with proper descriptions
- Categories: 计算机基础, 开发工具, 浏览器与前端, 后端, 数据, 架构, 运维, AI, 工程素养
- Total 80+ articles now properly linked with card-based layout

docs/zh-cn/appendix/index.md

@@ -1,175 +1,555 @@
 # 附录
 
-欢迎来到**附录**部分！这是一个人工智能基础和全栈开发基础的集合，是你学习旅程中的重要参考库。
+本附录涵盖从计算机基础到工程素养的完整知识体系，是你学习旅程中的重要参考库。
 
 ## 内容分类
 
-### AI 基础
+### 一、计算机是怎么回事
 
-了解人工智能的核心概念、发展历程和前沿技术原理：
+从晶体管到操作系统，深入了解计算机如何工作：
 <NavGrid>
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/prompt-engineering/"
+    href="/zh-cn/appendix/1-computer-fundamentals/transistor-to-cpu"
-    title="提示工程"
+    title="从晶体管到 CPU"
-    description="掌握与 AI 高效对话的艺术，释放大模型的潜力"
+    description="理解计算机最底层的硬件逻辑，从晶体管开关到 CPU 指令执行"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/ai-history"
+    href="/zh-cn/appendix/1-computer-fundamentals/operating-systems"
-    title="AI 发展史"
+    title="操作系统"
-    description="回顾 AI 发展的关键里程碑，理解技术演进轨迹"
+    description="进程管理、内存管理、文件系统——操作系统的核心职责"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/llm-principles"
+    href="/zh-cn/appendix/1-computer-fundamentals/data-encoding-storage"
-    title="大语言模型"
+    title="数据的编码、存储与传输"
-    description="深入浅出地解释大语言模型（LLM）的工作原理及应用"
+    description="二进制、字符编码、数据压缩与网络传输基础"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/multimodal-models"
+    href="/zh-cn/appendix/1-computer-fundamentals/computer-networks"
-    title="多模态大模型"
+    title="网络：两台电脑如何对话"
-    description="探索能够处理图像、音频等多种数据模态的先进模型"
+    description="从网线到互联网，理解网络通信的底层原理"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/image-generation"
+    href="/zh-cn/appendix/1-computer-fundamentals/data-structures"
-    title="AI 图像生成原理"
+    title="数据结构"
-    description="揭示 AI 图像生成的底层逻辑和技术实现"
+    description="数组、链表、树、图——组织数据的基本方式"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/speech-synthesis-recognition"
+    href="/zh-cn/appendix/1-computer-fundamentals/algorithm-thinking"
-    title="AI 音频模型"
+    title="算法思维入门"
-    description="了解 AI 在语音合成、识别和音乐生成中的应用"
+    description="排序、搜索、递归——解决问题的思维框架"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/context-engineering"
+    href="/zh-cn/appendix/1-computer-fundamentals/programming-languages"
-    title="上下文工程"
+    title="编程语言图谱"
-    description="学习如何优化上下文管理，提升 AI 任务的长程连贯性"
+    description="从汇编到高级语言，理解编程语言的演进与分类"
   />
   <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/ai-agents"
+    href="/zh-cn/appendix/1-computer-fundamentals/type-systems-compilers"
-    title="Agent 智能体"
+    title="类型系统与编译原理入门"
-    description="探索具有自主决策和执行能力的 AI 智能体架构"
+    description="静态类型 vs 动态类型，编译器如何理解你的代码"
-  />
-  <NavCard
-    href="/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary"
-    title="AI 能力词典"
-    description="AI 领域常用术语和核心概念的快速参考手册"
   />
 </NavGrid>
 
-### 前端基础
+### 二、开发环境与工具
 
-夯实前端开发的技术根基：
+掌握现代软件开发必备的命令行、Git、编辑器等工具：
 <NavGrid>
   <NavCard
-    href="/zh-cn/appendix/3-browser-and-frontend/html-css-layout"
+    href="/zh-cn/appendix/2-development-tools/ide-basics"
-    title="HTML/CSS/JS 基础"
+    title="集成开发环境 (IDE) 基础"
-    description="构建网页的三大支柱，前端开发入门必修"
+    description="VS Code、Cursor、Trae——选择适合你的开发工具"
   />
   <NavCard
-    href="/zh-cn/appendix/3-browser-and-frontend/frontend-frameworks"
+    href="/zh-cn/appendix/2-development-tools/command-line-shell"
-    title="前端框架演进"
+    title="命令行与 Shell 脚本"
-    description="了解前端技术栈的演进历程，把握技术发展趋势"
+    description="终端操作、Shell 命令、脚本自动化"
   />
   <NavCard
-    href="/zh-cn/appendix/3-browser-and-frontend/web-performance"
+    href="/zh-cn/appendix/2-development-tools/editors-and-ai"
-    title="前端性能优化"
+    title="编辑器与 AI 编程助手"
-    description="学习提升网页加载速度和交互流畅度的关键策略"
+    description="AI 时代的编辑器使用方式与效率提升技巧"
   />
   <NavCard
-    href="/zh-cn/appendix/3-browser-and-frontend/graphics-animation"
+    href="/zh-cn/appendix/2-development-tools/git-version-control"
-    title="Canvas 2D 基础"
+    title="Git：代码的时光机"
-    description="掌握 Canvas 绑图 API，实现炫酷的图形和动画效果"
+    description="版本控制、分支管理、团队协作"
   />
   <NavCard
-    href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os"
+    href="/zh-cn/appendix/2-development-tools/environment-path"
-    title="浏览器工作原理"
+    title="环境变量与 PATH"
-    description="全链路分析浏览器渲染页面的完整过程"
+    description="理解系统环境配置，解决「命令找不到」问题"
+  />
+  <NavCard
+    href="/zh-cn/appendix/2-development-tools/ports-localhost"
+    title="端口与 localhost"
+    description="理解网络端口、本地开发服务器与端口冲突"
+  />
+  <NavCard
+    href="/zh-cn/appendix/2-development-tools/ssh-authentication"
+    title="SSH 与密钥认证"
+    description="远程登录、密钥管理、安全连接"
+  />
+  <NavCard
+    href="/zh-cn/appendix/2-development-tools/package-managers"
+    title="包管理器"
+    description="npm、pip、cargo——依赖管理的艺术"
   />
   <NavCard
     href="/zh-cn/appendix/2-development-tools/debugging-art/"
-    title="浏览器开发者工具"
+    title="调试的艺术"
-    description="熟练使用开发者工具，高效定位和解决前端问题"
+    description="断点调试、日志分析、问题定位方法论"
+  />
+  <NavCard
+    href="/zh-cn/appendix/2-development-tools/regex"
+    title="正则表达式"
+    description="模式匹配、文本处理的利器"
   />
 </NavGrid>
 
-### 后端基础
+### 三、浏览器与前端
 
-掌握后端开发的核心概念：
+全面了解浏览器原理、JavaScript、前端框架和工程化实践：
 <NavGrid>
   <NavCard
-    href="/zh-cn/appendix/4-server-and-backend/backend-layered-architecture"
+    href="/zh-cn/appendix/3-browser-and-frontend/javascript-deep-dive"
-    title="后端架构演进"
+    title="JavaScript 语言深入"
-    description="从单体到微服务，探索后端架构的演进之路"
+    description="闭包、原型链、异步——JS 核心概念解析"
   />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/typescript"
+    title="TypeScript：给 JS 加上类型系统"
+    description="类型安全、接口定义、泛型编程"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/frontend-frameworks"
+    title="前端框架对比"
+    description="React / Vue / Svelte / Angular——选择适合你的框架"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os"
+    title="浏览器是一个操作系统"
+    description="进程模型、资源管理、安全沙箱"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os-rendering"
+    title="浏览器渲染管道"
+    description="DOM、CSSOM、布局、绘制——页面是如何渲染的"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/html-css-layout"
+    title="HTML / CSS 布局体系"
+    description="盒模型、Flexbox、Grid——现代布局方案"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/javascript-runtime"
+    title="JavaScript 运行时"
+    description="事件循环、任务队列、微任务与宏任务"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/frontend-framework-nature"
+    title="前端框架的本质"
+    description="响应式原理、虚拟 DOM、组件化思想"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/state-management"
+    title="状态管理哲学"
+    description="Redux、MobX、Zustand——状态管理的演进"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/routing-navigation"
+    title="路由与导航"
+    description="SPA 路由原理、历史模式与哈希模式"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/graphics-animation"
+    title="图形与动画"
+    description="Canvas / SVG / WebGL——Web 图形技术全景"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/realtime-communication"
+    title="实时通信"
+    description="WebSocket / SSE——实时数据推送方案"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/web-performance"
+    title="网页性能的度量与优化"
+    description="Core Web Vitals、性能监控、优化策略"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/frontend-engineering"
+    title="前端工程化全貌"
+    description="构建工具、模块化、代码规范"
+  />
+  <NavCard
+    href="/zh-cn/appendix/3-browser-and-frontend/a11n-i18n"
+    title="无障碍与国际化"
+    description="让 Web 对所有人都友好"
+  />
+</NavGrid>
+
+### 四、服务器与后端
+
+深入后端开发、API 设计、认证授权、缓存和消息队列等核心技术：
+<NavGrid>
   <NavCard
     href="/zh-cn/appendix/4-server-and-backend/backend-languages"
-    title="后端编程语言"
+    title="后端语言对比"
-    description="比较主流后端语言的特点和适用场景，选择最佳技术栈"
+    description="Node.js / Go / Java / Rust——选择适合的后端技术栈"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/client-languages"
+    title="客户端语言对比"
+    description="Swift / Kotlin / Dart——移动端开发语言选择"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/cross-platform"
+    title="跨平台方案对比"
+    description="React Native / Flutter / Electron / Tauri——一套代码多端运行"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/http-protocol"
+    title="HTTP 协议"
+    description="请求方法、状态码、头部、HTTPS"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/request-journey"
+    title="一个请求的完整旅程"
+    description="从浏览器输入 URL 到服务器响应的全链路分析"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/web-frameworks"
+    title="Web 框架的本质"
+    description="路由、中间件、请求处理——框架做了什么"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/api-design"
+    title="API 设计哲学"
+    description="REST / GraphQL / gRPC——选择合适的 API 风格"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/api-intro"
+    title="API 入门"
+    description="接口设计基础、请求响应格式、错误处理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/serialization"
+    title="序列化与数据格式"
+    description="JSON / Protobuf / MessagePack——数据传输格式选择"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/auth-authorization"
+    title="认证与授权体系"
+    description="JWT、OAuth、Session——身份验证方案"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/concurrency-async"
+    title="并发、异步与多线程"
+    description="并发模型、异步编程、线程安全"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/caching"
+    title="缓存的层次与策略"
+    description="浏览器缓存、CDN、Redis——多级缓存架构"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/message-queues"
+    title="消息队列与事件驱动"
+    description="Kafka、RabbitMQ——解耦与异步处理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/async-task-queues"
+    title="异步任务队列"
+    description="Celery、Bull——后台任务处理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/rate-limiting-backpressure"
+    title="限流与背压控制"
+    description="保护系统免受过载冲击"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/search-engines"
+    title="搜索引擎原理"
+    description="Elasticsearch、全文检索、倒排索引"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/file-storage"
+    title="文件存储与对象存储"
+    description="本地存储、S3、OSS——文件管理方案"
+  />
+  <NavCard
+    href="/zh-cn/appendix/4-server-and-backend/backend-layered-architecture"
+    title="后端分层架构"
+    description="Controller / Service / Repository——代码组织之道"
+  />
+</NavGrid>
+
+### 五、数据
+
+从 SQL 到数据治理，全面掌握数据处理和分析技能：
+<NavGrid>
+  <NavCard
+    href="/zh-cn/appendix/5-data/sql"
+    title="SQL"
+    description="查询、连接、聚合——数据库查询语言基础"
   />
   <NavCard
     href="/zh-cn/appendix/5-data/database-fundamentals"
     title="数据库原理"
-    description="理解数据库核心原理，掌握数据存储与检索的艺术"
+    description="索引、事务、查询优化——深入理解数据库"
   />
   <NavCard
-    href="/zh-cn/appendix/4-server-and-backend/caching"
+    href="/zh-cn/appendix/5-data/data-models"
-    title="系统缓存设计"
+    title="数据模型全景"
-    description="学习缓存策略，提升系统高并发处理能力"
+    description="文档 / 图 / 时序 / 向量——NoSQL 数据库分类"
-  />
-  <NavCard
-    href="/zh-cn/appendix/4-server-and-backend/message-queues"
-    title="消息队列设计"
-    description="掌握消息队列在解耦和削峰填谷中的关键作用"
-  />
-  <NavCard
-    href="/zh-cn/appendix/4-server-and-backend/auth-authorization"
-    title="认证授权原理与实践"
-    description="构建安全的身份认证和权限管理系统"
   />
   <NavCard
     href="/zh-cn/appendix/5-data/data-tracking"
-    title="数据埋点设计"
+    title="数据埋点与用户行为采集"
-    description="科学设计数据埋点，为产品决策提供数据支撑"
+    description="事件设计、数据采集、埋点方案"
   />
   <NavCard
-    href="/zh-cn/appendix/7-infrastructure-and-operations/incident-response"
+    href="/zh-cn/appendix/5-data/data-analysis"
-    title="线上运维"
+    title="数据分析基础"
-    description="掌握系统部署、监控和故障排查的运维技能"
+    description="统计方法、指标体系、漏斗分析"
+  />
+  <NavCard
+    href="/zh-cn/appendix/5-data/ab-testing"
+    title="A/B 测试与实验驱动"
+    description="实验设计、样本量、显著性检验"
+  />
+  <NavCard
+    href="/zh-cn/appendix/5-data/data-visualization"
+    title="数据可视化与仪表盘"
+    description="图表选择、可视化设计、仪表盘搭建"
+  />
+  <NavCard
+    href="/zh-cn/appendix/5-data/data-governance"
+    title="数据治理与数据质量"
+    description="数据标准、数据质量、元数据管理"
   />
 </NavGrid>
 
-### 通用技能
+### 六、架构与系统设计
 
-软件开发的基础知识：
+学习微服务架构、分布式系统和系统设计方法论：
 <NavGrid>
   <NavCard
-    href="/zh-cn/appendix/4-server-and-backend/api-intro"
+    href="/zh-cn/appendix/6-architecture-and-system-design/monolith-to-microservices"
-    title="API 基础"
+    title="从单体到微服务的演进"
-    description="API 接口设计与开发的基础知识"
+    description="何时拆分、如何拆分、拆分后的挑战"
   />
   <NavCard
-    href="/zh-cn/appendix/2-development-tools/ide-basics"
+    href="/zh-cn/appendix/6-architecture-and-system-design/distributed-systems"
-    title="IDE 基础"
+    title="分布式系统的挑战"
-    description="了解集成开发环境（IDE）的内部工作机制"
+    description="CAP 定理、一致性、分布式事务"
   />
   <NavCard
-    href="/zh-cn/appendix/2-development-tools/command-line-shell"
+    href="/zh-cn/appendix/6-architecture-and-system-design/high-availability"
-    title="终端基础"
+    title="高可用与容灾"
-    description="掌握基本的命令行终端操作，提升开发效率"
+    description="故障转移、异地多活、灾难恢复"
   />
   <NavCard
-    href="/zh-cn/appendix/2-development-tools/git-version-control"
+    href="/zh-cn/appendix/6-architecture-and-system-design/system-design-methodology"
-    title="Git 详解"
+    title="系统设计方法论"
-    description="深入理解 Git 版本控制原理和高级用法"
+    description="需求分析、容量估算、架构权衡"
+  />
+</NavGrid>
+
+### 七、基础设施与运维
+
+掌握容器化、Kubernetes、CI/CD、云平台和监控告警：
+<NavGrid>
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/linux-basics"
+    title="Linux 基础"
+    description="文件系统、权限管理、常用命令"
   />
   <NavCard
-    href="/zh-cn/appendix/1-computer-fundamentals/computer-networks"
+    href="/zh-cn/appendix/7-infrastructure-and-operations/docker-containers"
-    title="计算机网络"
+    title="Docker 容器化"
-    description="网络协议和通信原理的基础知识"
+    description="镜像、容器、Dockerfile——应用容器化"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/kubernetes"
+    title="Kubernetes 编排"
+    description="Pod、Service、Deployment——容器编排平台"
   />
   <NavCard
     href="/zh-cn/appendix/7-infrastructure-and-operations/ci-cd"
-    title="部署与上线"
+    title="CI / CD 自动化"
-    description="应用部署和发布的完整流程与最佳实践"
+    description="持续集成、持续部署、自动化流水线"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/dns-https"
+    title="域名、DNS 与 HTTPS"
+    description="域名解析、SSL 证书、HTTPS 配置"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/load-balancing-gateway"
+    title="负载均衡与网关"
+    description="Nginx、HAProxy——流量分发与负载均衡"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/gateway-proxy"
+    title="网关与反向代理"
+    description="API 网关、反向代理、请求转发"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-platforms"
+    title="云平台实战"
+    description="AWS、阿里云、腾讯云——云服务选型"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-iam"
+    title="IAM 权限管理"
+    description="云上权限模型、角色管理、最小权限原则"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-storage-cdn"
+    title="对象存储与 CDN"
+    description="S3、OSS、CDN 加速——静态资源管理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/infrastructure-as-code"
+    title="基础设施即代码"
+    description="Terraform、Pulumi——用代码管理基础设施"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/monitoring-logging"
+    title="监控、日志与告警"
+    description="Prometheus、Grafana、ELK——可观测性体系"
+  />
+  <NavCard
+    href="/zh-cn/appendix/7-infrastructure-and-operations/incident-response"
+    title="故障排查与应急响应"
+    description="故障定位、根因分析、应急预案"
+  />
+</NavGrid>
+
+### 八、人工智能
+
+从 AI 历史到 Agent 智能体，全面了解人工智能技术：
+<NavGrid>
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/ai-history"
+    title="AI 简史与核心概念"
+    description="从图灵测试到大模型，AI 发展的关键里程碑"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/neural-networks"
+    title="神经网络与深度学习"
+    description="神经元、反向传播、深度学习基础"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/transformer-attention"
+    title="Transformer 与注意力机制"
+    description="现代大模型的核心架构"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/llm-principles"
+    title="大语言模型的工作原理"
+    description="GPT、Claude——LLM 如何理解和生成文本"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/prompt-engineering"
+    title="提示词工程"
+    description="设计有效的提示词，释放 AI 潜力"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/context-engineering"
+    title="上下文工程"
+    description="管理上下文窗口，优化长文本处理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/multimodal-models"
+    title="多模态模型"
+    description="视觉 / 音频 / 视频——多模态 AI 能力"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/image-generation"
+    title="图像生成原理"
+    description="Diffusion、GAN——AI 绘画背后的技术"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/speech-synthesis-recognition"
+    title="语音合成与识别"
+    description="TTS、ASR——语音 AI 技术原理"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/embedding-vector-retrieval"
+    title="Embedding 与向量检索"
+    description="文本向量化、向量数据库、语义搜索"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/rag"
+    title="RAG 架构"
+    description="检索增强生成——让 AI 拥有知识库"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/ai-agents"
+    title="AI Agent 与工具调用"
+    description="自主决策、工具使用、任务规划"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/ai-protocols"
+    title="AI 协议"
+    description="MCP 等协议——AI 工具互操作标准"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/model-finetuning-deployment"
+    title="模型微调与部署"
+    description="LoRA、量化、模型部署实践"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/ai-native-app-design"
+    title="AI 原生应用设计"
+    description="设计以 AI 为核心的应用体验"
+  />
+  <NavCard
+    href="/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary"
+    title="AI 能力词典"
+    description="AI 领域常用术语和核心概念速查"
+  />
+</NavGrid>
+
+### 九、工程素养
+
+提升代码质量、测试策略、设计模式和工程实践能力：
+<NavGrid>
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/code-quality-refactoring"
+    title="代码质量与重构"
+    description="代码异味、重构手法、整洁代码"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/testing-strategies"
+    title="测试策略"
+    description="单元测试、集成测试、E2E 测试——测试金字塔"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/design-patterns"
+    title="设计模式"
+    description="创建型、结构型、行为型——经典设计模式"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/security-thinking"
+    title="安全思维与攻防基础"
+    description="常见漏洞、安全编码、防御策略"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/technical-writing"
+    title="技术文档写作"
+    description="README、API 文档、技术方案——写作技巧"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/open-source-collaboration"
+    title="开源协作"
+    description="GitHub 工作流、PR 规范、社区参与"
+  />
+  <NavCard
+    href="/zh-cn/appendix/9-engineering-excellence/technology-selection"
+    title="技术选型方法论"
+    description="如何评估和选择适合的技术方案"
   />
 </NavGrid>