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>