diff --git a/src/views/chat/ChatInterface.vue b/src/views/chat/ChatInterface.vue
index e50fcc7..a43edff 100644
--- a/src/views/chat/ChatInterface.vue
+++ b/src/views/chat/ChatInterface.vue
@@ -75,7 +75,6 @@
         class="new-chat-btn" 
         @click="chatStore.startNewChat" 
         :disabled="newChatButtonsDisabled"
-        :icon="Plus"
       >
         新会话
       </el-button>
@@ -773,17 +772,39 @@ onUnmounted(() => {
     --el-button-active-bg-color: #e9ecef;
     --el-button-active-border-color: #c0c4cc;
     --el-button-active-text-color: #303133;
-    padding: 0 12px;
-
-    .el-icon {
-      font-size: 14px;
-      margin-right: 2px;
-      position: relative;
-      top: -1px;
+    padding: 0 16px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    height: 40px;
+    transition: all 0.3s;
+    
+    &:hover {
+      background-color: var(--el-button-hover-bg-color);
+      border-color: var(--el-button-hover-border-color);
+      color: var(--el-button-hover-text-color);
+    }
+    
+    &:active {
+      background-color: var(--el-button-active-bg-color);
+      border-color: var(--el-button-active-border-color);
+      color: var(--el-button-active-text-color);
+    }
+    
+    &.is-disabled {
+      background-color: #f5f5f5 !important;
+      border-color: #dcdfe6 !important;
+      color: #999 !important;
+      cursor: not-allowed;
     }
   }
 }
 
+:deep(.el-button.new-chat-btn > span) {
+  margin-left: 0 !important;
+}
+
 :deep(.el-button--primary) {
   --el-button-bg-color: #07c160;
   --el-button-border-color: #07c160;
@@ -809,6 +830,11 @@ onUnmounted(() => {
   .input-area {
     padding: 12px;
     gap: 8px;
+    
+    .new-chat-btn {
+      padding: 0 12px;
+      min-width: 70px;
+    }
   }
 
   :deep(.el-button) {