From d35cfb3402161e335a4ee87caedbcb23a464587c Mon Sep 17 00:00:00 2001
From: sanbuphy <physicoada@gmail.com>
Date: Mon, 12 Jan 2026 17:38:47 +0800
Subject: [PATCH] style(docs): adjust sidebar spacing and fix relative links

Update CSS selectors to be more specific and remove redundant parent selectors
Change absolute links to relative paths in index.md for better portability
---
 docs/.vitepress/theme/style.css | 14 +++++++-------
 docs/index.md                   |  8 ++++----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index b3fc1bb..ab27e8a 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -4,38 +4,38 @@
 }
 
 /* 减少一级标题（如"前端开发"）底部的间距 */
-.VPSidebar .VPSidebarItem.level-0 {
+.VPSidebarItem.level-0 {
   padding-bottom: 4px;
 }
 
 /* 减少一级标题文字与下方子菜单的间距 */
-.VPSidebar .VPSidebarItem.level-0 > .item {
+.VPSidebarItem.level-0 > .item {
   padding-bottom: 2px;
 }
 
 /* 调整子菜单项之间的间距 */
-.VPSidebar .VPSidebarItem.level-1 .item {
+.VPSidebarItem.level-1 .item {
   padding: 2px 0;
 }
 
 /* 针对可能存在的特定类名进行覆盖，确保紧凑 */
-.VPSidebar .VPSidebarGroup {
+.VPSidebarGroup {
   padding-top: 6px;
   padding-bottom: 6px;
 }
 
 /* 进一步压缩分组标题与第一项之间的间距 */
-.VPSidebar .VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
+.VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
   margin-top: -2px;
 }
 
 /* 压缩分组标题本身的行高 */
-.VPSidebar .VPSidebarItem.level-0 .text {
+.VPSidebarItem.level-0 .text {
   line-height: 1.3;
 }
 
 /* 压缩子项的行高 */
-.VPSidebar .VPSidebarItem.level-1 .text {
+.VPSidebarItem.level-1 .text {
   line-height: 1.4;
 }
 
diff --git a/docs/index.md b/docs/index.md
index 367df60..74fc0ce 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -39,25 +39,25 @@ features:
     <div class="stage-icon">🌱</div>
     <h3>Stage 0: 纯新手</h3>
     <p>适合产品、运营及非技术背景。通过做游戏理解 AI 编程逻辑，建立信心。</p>
-    <a href="/stage-0/0.1-learning-map/">查看详情 →</a>
+    <a href="./stage-0/0.1-learning-map/">查看详情 →</a>
   </div>
   <div class="stage-card">
     <div class="stage-icon">🎨</div>
     <h3>Stage 1: AI 产品经理</h3>
     <p>掌握 Vibe Coding 工作流。学会拆解需求，独立完成高保真 Web 应用原型。</p>
-    <a href="/stage-1/1.1-introduction-to-ai-ide/">查看详情 →</a>
+    <a href="./stage-1/1.1-introduction-to-ai-ide/">查看详情 →</a>
   </div>
   <div class="stage-card">
     <div class="stage-icon">💻</div>
     <h3>Stage 2: 初中级开发</h3>
     <p>深入全栈开发。前端组件化、数据库设计、后端 API 开发与部署上线。</p>
-    <a href="/project/chapter4/chapter4-lets-build-hogwarts-portraits">查看详情 →</a>
+    <a href="./stage-2/frontend/2.0-lovart-assets/">查看详情 →</a>
   </div>
   <div class="stage-card">
     <div class="stage-icon">🚀</div>
     <h3>Stage 3: 高级开发</h3>
     <p>构建复杂跨平台应用。微信小程序实战，挑战更高阶的 AI 原生应用开发。</p>
-    <a href="/stage-3/3.3-how-to-build-a-wechat-miniprogram/example1/index">查看详情 →</a>
+    <a href="./stage-3/core-skills/3.1-mcp-claudecode-skills/">查看详情 →</a>
   </div>
 </div>