diff --git a/chat_web_front/src/views/reading/index.vue b/chat_web_front/src/views/reading/index.vue
index 2daafaa..b5b62d9 100644
--- a/chat_web_front/src/views/reading/index.vue
+++ b/chat_web_front/src/views/reading/index.vue
@@ -6,7 +6,10 @@
         <div class="left-header">
           <div class="left-title">文件管理</div>
           <div class="left-actions">
-            <img src="@/assets/images/reading/create.png" alt="新建" title="新建文件夹" class="action-icon" @click="createFolder()">
+            <div class="create-folder-btn" @click="createFolder()" title="新建文件夹">
+              <img src="@/assets/images/reading/create.png" alt="">
+              <span>新建</span>
+            </div>
             <span class="collapse-btn" title="收起" @click="leftCollapsed = true">«</span>
           </div>
         </div>
@@ -736,8 +739,14 @@ onMounted(async () => {
     padding: 14px 12px 6px 16px;
     .left-title { font-weight: bold; font-size: 15px; color: #000; }
     .left-actions {
-      display: flex; align-items: center; gap: 8px;
-      .action-icon { width: 18px; height: 18px; cursor: pointer; opacity: 0.7; &:hover { opacity: 1; } }
+      display: flex; align-items: center; gap: 6px;
+      .create-folder-btn {
+        display: flex; align-items: center; gap: 3px;
+        padding: 3px 10px; border-radius: 4px;
+        background: #004EA0; color: #fff; font-size: 12px; cursor: pointer;
+        img { width: 14px; height: 14px; filter: brightness(10); }
+        &:hover { background: #003d80; }
+      }
       .collapse-btn { font-size: 14px; cursor: pointer; color: #999; padding: 2px 4px; border-radius: 4px; &:hover { background: #F0F4FF; color: #004EA0; } }
     }
   }