diff --git a/biji-qianduan/src/assets/styles/mobile.css b/biji-qianduan/src/assets/styles/mobile.css
index 2c4f357..d4c3f61 100644
--- a/biji-qianduan/src/assets/styles/mobile.css
+++ b/biji-qianduan/src/assets/styles/mobile.css
@@ -6,14 +6,13 @@
   .home-page.is-mobile .sidebar {
     position: absolute;
     z-index: 1001;
-    transition: transform 0.3s ease;
     height: 100%;
-    transform: translateX(-100%);
     background-color: #fff; /* 确保侧边栏有背景色 */
+    overflow: hidden; /* 避免内容在折叠过程中溢出 */
   }
 
   .home-page.is-mobile .sidebar:not(.is-collapsed) {
-    transform: translateX(0);
+    /* No transform needed, width is controlled by component */
   }
 
   .home-page.is-mobile .content {
diff --git a/biji-qianduan/src/components/home/SidebarMenu.vue b/biji-qianduan/src/components/home/SidebarMenu.vue
index fd9692c..b098f76 100644
--- a/biji-qianduan/src/components/home/SidebarMenu.vue
+++ b/biji-qianduan/src/components/home/SidebarMenu.vue
@@ -164,7 +164,7 @@ const renderMenu = (item) => {
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(10px);
   border-right: 1px solid rgba(0, 0, 0, 0.05);
-  transition: width var(--transition-duration) ease;
+  transition: width 0.3s ease; /* Apply transition to width */
   display: flex;
   flex-direction: column;
 }