From 45b7ca00d1dcc364e3b3c69cf989c2600081ff2c Mon Sep 17 00:00:00 2001
From: seaislee1209 <seaislee129@gmail.com>
Date: Mon, 16 Mar 2026 17:15:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AF=86=E7=A0=81=E5=BC=B9=E7=AA=97?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AF=B9=E9=BD=90=20ConfirmModal=20=E8=A7=84?=
 =?UTF-8?q?=E8=8C=83=20(v0.9.4)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

背景 #16161e、圆角 var(--radius-card)、输入框 var(--color-bg-page)、
按钮 8px 圆角、onMouseDown 防拖拽误关、z-index 300

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/pages/ProfilePage.module.css | 34 +++++++++++++---------------
 web/src/pages/ProfilePage.tsx        |  4 ++--
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/web/src/pages/ProfilePage.module.css b/web/src/pages/ProfilePage.module.css
index 2c30a56..7cbaf16 100644
--- a/web/src/pages/ProfilePage.module.css
+++ b/web/src/pages/ProfilePage.module.css
@@ -391,23 +391,23 @@
   }
 }
 
-/* Password Modal */
+/* Password Modal — aligned with ConfirmModal / TeamsPage modal */
 .modalOverlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  z-index: 300;
 }
 
 .modal {
-  background: var(--color-bg-card);
+  background: #16161e;
   border: 1px solid var(--color-border-card);
-  border-radius: 12px;
+  border-radius: var(--radius-card);
   padding: 24px;
-  width: 380px;
+  width: 400px;
   max-width: 90vw;
 }
 
@@ -419,26 +419,25 @@
 }
 
 .formGroup {
-  margin-bottom: 14px;
+  margin-bottom: 16px;
 }
 
 .formLabel {
   display: block;
-  font-size: 12px;
   color: var(--color-text-secondary);
+  font-size: 13px;
   margin-bottom: 6px;
 }
 
 .formInput {
   width: 100%;
   padding: 8px 12px;
-  background: rgba(255, 255, 255, 0.04);
+  background: var(--color-bg-page);
   border: 1px solid var(--color-border-card);
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--color-text-primary);
-  font-size: 13px;
+  font-size: 14px;
   outline: none;
-  transition: border-color 0.2s;
   box-sizing: border-box;
 }
 
@@ -454,30 +453,29 @@
 
 .modalActions {
   display: flex;
-  gap: 10px;
+  gap: 8px;
   justify-content: flex-end;
   margin-top: 20px;
 }
 
 .cancelBtn {
-  padding: 6px 16px;
+  padding: 8px 16px;
   background: transparent;
   border: 1px solid var(--color-border-card);
-  border-radius: 6px;
+  border-radius: 8px;
   color: var(--color-text-secondary);
   font-size: 13px;
   cursor: pointer;
 }
 
 .saveBtn {
-  padding: 6px 16px;
+  padding: 8px 16px;
   background: var(--color-primary);
   border: none;
-  border-radius: 6px;
+  border-radius: 8px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
-  transition: opacity 0.2s;
 }
 
 .saveBtn:disabled {
diff --git a/web/src/pages/ProfilePage.tsx b/web/src/pages/ProfilePage.tsx
index 2c8ea69..1cb45c7 100644
--- a/web/src/pages/ProfilePage.tsx
+++ b/web/src/pages/ProfilePage.tsx
@@ -241,8 +241,8 @@ export function ProfilePage() {
       </div>
 
       {pwModalOpen && (
-        <div className={styles.modalOverlay} onClick={() => setPwModalOpen(false)}>
-          <div className={styles.modal} onClick={(e) => e.stopPropagation()}>
+        <div className={styles.modalOverlay} onMouseDown={(e) => { if (e.target === e.currentTarget) setPwModalOpen(false); }}>
+          <div className={styles.modal}>
             <h3 className={styles.modalTitle}>修改密码</h3>
             <div className={styles.formGroup}>
               <label className={styles.formLabel}>旧密码</label>