From eaac9b54527cae12b87fdc4bf989a0ff7082e49e Mon Sep 17 00:00:00 2001
From: sanbuphy <physicoada@gmail.com>
Date: Mon, 12 Jan 2026 21:07:35 +0800
Subject: [PATCH] fix: force update css priority for sidebar

---
 docs/.vitepress/config.mjs      | 50 +--------------------------------
 docs/.vitepress/theme/style.css | 27 +++++++++---------
 2 files changed, 15 insertions(+), 62 deletions(-)

diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs
index ec225c4..a9dbecd 100644
--- a/docs/.vitepress/config.mjs
+++ b/docs/.vitepress/config.mjs
@@ -5,55 +5,7 @@ export default defineConfig({
   title: 'Easy-Vibe Tutorial',
   description: 'Easy-Vibe 中文实战课 - 零基础学会用 AI 干实际工作',
   head: [
-    ['link', { rel: 'icon', href: '/logo.png' }],
-    [
-      'style',
-      {},
-      `
-        :root {
-          --vp-sidebar-nav-section-gap: 8px;
-        }
-        .VPSidebarItem.level-0 {
-          padding-bottom: 4px !important;
-        }
-        .VPSidebarItem.level-0 > .item {
-          padding-bottom: 2px !important;
-        }
-        .VPSidebarItem.level-1 .item,
-        .VPSidebarItem.level-2 .item,
-        .VPSidebarItem.level-3 .item,
-        .VPSidebarItem.level-4 .item {
-          padding-top: 2px !important;
-          padding-bottom: 2px !important;
-          min-height: 24px !important;
-        }
-        .VPSidebarGroup {
-          padding-top: 6px !important;
-          padding-bottom: 6px !important;
-        }
-        .VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
-          margin-top: -2px !important;
-        }
-        .VPSidebarItem.level-0 .text {
-          line-height: 1.3 !important;
-        }
-        .VPSidebarItem.level-1 .text,
-        .VPSidebarItem.level-2 .text,
-        .VPSidebarItem.level-3 .text {
-          line-height: 1.4 !important;
-          padding: 0 !important;
-        }
-        .VPSidebarItem .VPLink {
-          padding-top: 2px !important;
-          padding-bottom: 2px !important;
-          min-height: auto !important;
-        }
-        .VPSidebarItem .item {
-          padding-top: 2px !important;
-          padding-bottom: 2px !important;
-        }
-      `
-    ]
+    ['link', { rel: 'icon', href: '/logo.png' }]
   ],
   themeConfig: {
     logo: '/logo.png',
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 918fbe0..89ff818 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -1,54 +1,55 @@
 :root {
+  /* Easy-Vibe Theme Fix v2025-01-12 */
   /* 调整侧边栏分组之间的间距 */
   --vp-sidebar-nav-section-gap: 8px;
 }
 
 /* 减少一级标题（如"前端开发"）底部的间距 */
-.VPSidebarItem.level-0 {
+html .VPSidebarItem.level-0 {
   padding-bottom: 4px !important;
 }
 
 /* 减少一级标题文字与下方子菜单的间距 */
-.VPSidebarItem.level-0 > .item {
+html .VPSidebarItem.level-0 > .item {
   padding-bottom: 2px !important;
 }
 
 /* 调整子菜单项之间的间距 - 针对所有层级 */
-.VPSidebarItem.level-1 .item,
-.VPSidebarItem.level-2 .item,
-.VPSidebarItem.level-3 .item,
-.VPSidebarItem.level-4 .item {
+html .VPSidebarItem.level-1 .item,
+html .VPSidebarItem.level-2 .item,
+html .VPSidebarItem.level-3 .item,
+html .VPSidebarItem.level-4 .item {
   padding-top: 2px !important;
   padding-bottom: 2px !important;
   min-height: 24px !important; /* 强制减小最小高度 */
 }
 
 /* 针对可能存在的特定类名进行覆盖，确保紧凑 */
-.VPSidebarGroup {
+html .VPSidebarGroup {
   padding-top: 6px !important;
   padding-bottom: 6px !important;
 }
 
 /* 进一步压缩分组标题与第一项之间的间距 */
-.VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
+html .VPSidebarItem.level-0 + .VPSidebarItem.level-1 {
   margin-top: -2px !important;
 }
 
 /* 压缩分组标题本身的行高 */
-.VPSidebarItem.level-0 .text {
+html .VPSidebarItem.level-0 .text {
   line-height: 1.3 !important;
 }
 
 /* 压缩子项的行高 */
-.VPSidebarItem.level-1 .text,
-.VPSidebarItem.level-2 .text,
-.VPSidebarItem.level-3 .text {
+html .VPSidebarItem.level-1 .text,
+html .VPSidebarItem.level-2 .text,
+html .VPSidebarItem.level-3 .text {
   line-height: 1.4 !important;
   padding: 0 !important; /* 移除文字本身的内边距 */
 }
 
 /* 强制链接本身没有额外的边距 */
-.VPSidebarItem .VPLink {
+html .VPSidebarItem .VPLink {
   padding-top: 2px !important;
   padding-bottom: 2px !important;
   min-height: auto !important;