From d122ee7fb55a0a00e193575bf3fc7f4b0ff96630 Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Thu, 26 Feb 2026 14:23:33 +0800
Subject: [PATCH] =?UTF-8?q?ui:=20=E4=B8=AA=E4=BA=BA=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E9=80=80=E5=87=BA=E6=8C=89=E9=92=AE=E6=8F=90=E5=8D=87=E5=8F=AF?=
 =?UTF-8?q?=E8=A7=81=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 顶部导航栏右侧新增退出按钮，无需滚到页面底部
- 底部退出按钮从灰色文字链接改为带边框的圆角按钮
---
 src/app/profile/page.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 93aefdb..c4afcde 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -273,7 +273,14 @@ export default function ProfilePage() {
         >
           <ArrowLeft size={20} />
         </button>
-        <h1 className="text-base font-bold text-white">个人中心</h1>
+        <h1 className="flex-1 text-base font-bold text-white">个人中心</h1>
+        <button
+          onClick={handleLogout}
+          className="flex items-center gap-1.5 rounded-full bg-surface px-3 py-1.5 text-xs font-medium text-muted ring-1 ring-border transition-colors hover:text-rose-400 active:bg-elevated"
+        >
+          <LogOut size={13} />
+          退出
+        </button>
       </nav>
 
       <div className="mx-auto max-w-sm px-5">
@@ -666,9 +673,9 @@ export default function ProfilePage() {
         >
           <button
             onClick={handleLogout}
-            className="flex items-center gap-1.5 text-xs font-medium text-muted transition-colors hover:text-rose-400"
+            className="flex items-center justify-center gap-2 rounded-xl bg-surface px-6 py-2.5 text-sm font-medium text-rose-400/80 ring-1 ring-border transition-colors hover:bg-elevated hover:text-rose-400"
           >
-            <LogOut size={13} />
+            <LogOut size={14} />
             退出登录
           </button>
         </motion.div>