修改自适应

backend/src/components/CommonAside.vue

@@ -574,11 +574,9 @@ h3 {
 }
 
 // 响应式设计
+// 注意：手机端（≤768px）侧栏的抽屉式布局由 Main.vue 统一控制（fixed 定位 + transform 动画），
+// 此处不要再对 .common-aside 设置 width，避免覆盖父级布局逻辑。
 @media (max-width: 768px) {
-  .common-aside {
-    width: 100% !important;
-  }
-
   :deep(.el-menu) {
     padding: 12px 4px;
   }

backend/src/components/CommonHeader.vue

@@ -484,6 +484,30 @@ onUnmounted(() => {
   }
 }
 
+// 手机端（≤768px）：隐藏左侧折叠按钮区（侧栏抽屉由 Main.vue 的 .mobile-menu-btn 控制）
+@media (max-width: 768px) {
+  .l-content {
+    display: none;
+  }
+
+  // 顶栏左侧为汉堡按钮预留空间，右侧收紧间距，避免空洞与拥挤
+  .header {
+    padding: 0 12px 0 60px;
+  }
+
+  .r-content {
+    gap: 10px;
+
+    .el-dropdown-link {
+      gap: 8px;
+
+      .user-name {
+        max-width: 72px;
+      }
+    }
+  }
+}
+
 .r-content {
   position: relative;
   // z-index: 1000;