From 2a7f362c88e1990be6426281d6ef91df0acaecc8 Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Sun, 26 Apr 2026 10:24:39 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=BB=BA=E5=AF=B9=E8=AF=9D?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=A7=BB=E5=88=B0=E5=8E=86=E5=8F=B2=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E9=A1=B6=E9=83=A8=E5=8F=B3=E4=BE=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/app.js    |  8 +++-----
 www/style.css | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/www/app.js b/www/app.js
index d674b4e..fd34aa7 100644
--- a/www/app.js
+++ b/www/app.js
@@ -68,14 +68,12 @@ function showConversationList() {
           <span class="logo">🤖</span>
           <h1>AI助手</h1>
         </div>
+        <button class="new-chat-btn-header" id="newChatBtn" title="新建对话">
+          <svg viewBox="0 0 24 24" width="20" height="20"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+        </button>
       </header>
       
       <div class="list-content">
-        <button class="new-chat-btn" id="newChatBtn">
-          <svg viewBox="0 0 24 24" width="20" height="20"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
-          新建对话
-        </button>
-        
         <div class="conversation-list" id="conversationList">
           ${conversations.length === 0 
             ? '<div class="empty-list">暂无对话记录</div>'
diff --git a/www/style.css b/www/style.css
index 18b3636..c1a716a 100644
--- a/www/style.css
+++ b/www/style.css
@@ -72,6 +72,30 @@ body {
   overflow-y: auto;
 }
 
+/* Header 中的新建对话按钮 */
+.new-chat-btn-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: rgba(255,255,255,0.2);
+  border: none;
+  border-radius: 10px;
+  color: white;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.new-chat-btn-header:hover {
+  background: rgba(255,255,255,0.3);
+}
+
+.new-chat-btn-header:active {
+  transform: scale(0.95);
+}
+
+/* 原样式保留（备用） */
 .new-chat-btn {
   display: flex;
   align-items: center;