基本完成初步框架

app/components/AppSidebar.vue

@@ -26,7 +26,7 @@
           <NuxtLink to="/"
             class="flex items-center px-4 py-2 text-sm font-medium rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 hover:shadow-sm transition-all duration-200"
             :class="{
-              'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 shadow-sm':
+              ' text-blue-600 dark:text-blue-400 ':
                 $route.path === '/',
             }">
             <Icon name="lucide-home" class="text-primary mr-2" size="20" />
@@ -38,10 +38,10 @@
         </div>
 
         <!-- 分隔线 -->
-        <div class="mt-4 uppercase tracking-wider border-t border-gray-200 dark:border-gray-700 w-3/5 mx-5" />
+        <div class="mt-4 uppercase tracking-wider border-t border-gray-200 dark:border-gray-700 w-7/9 mx-5" />
 
         <!-- 文档目录导航 -->
-        <div class="mt-6 flex items-center justify-start pl-8 w-4/5">
+        <div class="mt-6 flex items-center justify-start pl-4 w-full">
             <UContentNavigation highlight :navigation="navigation" color="primary" type="single" variant="pill" />
         </div>
       </div>