diff --git a/src/layouts/base-layout/base-layout-sider.vue b/src/layouts/base-layout/base-layout-sider.vue
index 495a5e6..189fe55 100644
--- a/src/layouts/base-layout/base-layout-sider.vue
+++ b/src/layouts/base-layout/base-layout-sider.vue
@@ -15,8 +15,8 @@ function convertRoutesToMenuOptions(routes: RouteRecordNormalized[]): MenuOption
       if (!route.name || route.meta?.hidden === true || route.meta?.layout === false) {
         return false;
       }
-      // 过滤掉根路径和通配符路径
-      if (route.path === '/' || route.path.includes('*')) {
+      // 过滤掉通配符路径
+      if (route.path.includes('*')) {
         return false;
       }
       return true;
@@ -31,8 +31,8 @@ function convertRoutesToMenuOptions(routes: RouteRecordNormalized[]): MenuOption
       key: route.path,
     };
 
-    // 如果只有一级路径，直接添加到根菜单
-    if (pathSegments.length === 1) {
+    // 如果是根路径或只有一级路径，直接添加到根菜单
+    if (pathSegments.length === 0 || pathSegments.length === 1) {
       rootMenus.push(menuOption);
       menuMap.set(route.path, menuOption);
     } else {
diff --git a/src/layouts/base-layout/base-layout.vue b/src/layouts/base-layout/base-layout.vue
index 30f805d..7b530dc 100644
--- a/src/layouts/base-layout/base-layout.vue
+++ b/src/layouts/base-layout/base-layout.vue
@@ -18,11 +18,7 @@ const appStore = useAppStore();
       </div>
     </template>
     <template #sider>
-      <div
-        class="bg-purple-100/28 dark:bg-purple-900/28 text-purple-900 dark:text-purple-100 h-full overflow-hidden"
-      >
-        <BaseLayoutSider />
-      </div>
+      <BaseLayoutSider />
     </template>
     <div class="bg-yellow-100/28 dark:bg-yellow-900/28 text-yellow-900 dark:text-yellow-100 p-4">
       4#GlobalMenu
diff --git a/src/pages/page/deep/deep.page.vue b/src/pages/page/deep/deep.page.vue
new file mode 100644
index 0000000..889edb6
--- /dev/null
+++ b/src/pages/page/deep/deep.page.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>deep</div>
+</template>
diff --git a/src/pages/page/deep/deep2.page.vue b/src/pages/page/deep/deep2.page.vue
new file mode 100644
index 0000000..13c0db1
--- /dev/null
+++ b/src/pages/page/deep/deep2.page.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>deep2</div>
+</template>
diff --git a/typed-router.d.ts b/typed-router.d.ts
index 24c65d7..6d6f43f 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -44,6 +44,20 @@ declare module 'vue-router/auto-routes' {
       Record<never, never>,
       | never
     >,
+    'PageDeepDeep': RouteRecordInfo<
+      'PageDeepDeep',
+      '/page/deep/deep',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    'PageDeepDeep2': RouteRecordInfo<
+      'PageDeepDeep2',
+      '/page/deep/deep2',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
     'PageDemoApi': RouteRecordInfo<
       'PageDemoApi',
       '/page/demo-api',
@@ -89,6 +103,18 @@ declare module 'vue-router/auto-routes' {
       views:
         | never
     }
+    'src/pages/page/deep/deep.page.vue': {
+      routes:
+        | 'PageDeepDeep'
+      views:
+        | never
+    }
+    'src/pages/page/deep/deep2.page.vue': {
+      routes:
+        | 'PageDeepDeep2'
+      views:
+        | never
+    }
     'src/pages/page/demo-api.page.vue': {
       routes:
         | 'PageDemoApi'