diff --git a/src/layouts/views/MixLayout.vue b/src/layouts/views/MixLayout.vue
index c84f05e2..007016fa 100644
--- a/src/layouts/views/MixLayout.vue
+++ b/src/layouts/views/MixLayout.vue
@@ -139,6 +139,11 @@ console.log("🎨 MixLayout rendered");
       width: $sidebar-width; // 默认宽度：显示logo+文字
       height: 100%;
 
+      // 小屏设备：只显示logo，使用收缩宽度
+      @media (max-width: 767px) {
+        width: $sidebar-width-collapsed; // 只显示logo：54px
+      }
+
       :deep(.logo) {
         height: 100%;