feat: 增加用户修改密码与管理员重置密码

index.html

@@ -50,6 +50,7 @@
         <span id="user-name">未登录</span>
         <button id="btn-settings" title="翻译设置">⚙️ 设置</button>
         <a id="admin-link" href="admin.html" style="display:none">用户管理</a>
+        <button id="btn-change-password" style="display:none" title="修改密码">🔑 修改密码</button>
         <button id="btn-logout" style="display:none">退出</button>
       </div>
     </aside>
@@ -155,6 +156,24 @@
     </div>
   </div>
 
+  <!-- Change password modal -->
+  <div id="password-modal-overlay">
+    <div id="password-modal-box">
+      <h3>修改密码</h3>
+      <label for="password-old">当前密码</label>
+      <input type="password" id="password-old" autocomplete="current-password">
+      <label for="password-new">新密码</label>
+      <input type="password" id="password-new" autocomplete="new-password">
+      <label for="password-confirm">确认新密码</label>
+      <input type="password" id="password-confirm" autocomplete="new-password">
+      <div id="password-msg"></div>
+      <div class="modal-actions">
+        <button class="btn-cancel" id="password-cancel">取消</button>
+        <button class="btn-confirm" id="password-save">确认修改</button>
+      </div>
+    </div>
+  </div>
+
   <script src="api.js"></script>
   <script src="db.js"></script>
   <script src="b1-vocab.js"></script>