feat(captive): 密码框增加眼睛图标切换可见性

Made-with: Cursor

lib/captive-server.js

@@ -164,6 +164,10 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;b
 label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#555}
 input{width:100%;padding:12px;border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}
 input:focus{border-color:#4a6cf7}
+.pw-wrap{position:relative}
+.pw-wrap input{padding-right:42px}
+.pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#aaa;line-height:1;font-size:18px;user-select:none}
+.pw-eye:hover{color:#555}
 .field{margin-bottom:16px}
 .wifi-list{max-height:220px;overflow-y:auto;border:1.5px solid #ddd;border-radius:8px;margin-bottom:16px}
 .wifi-item{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:13px;transition:background .15s}
@@ -212,7 +216,10 @@ input:focus{border-color:#4a6cf7}
 
   <div class="field" style="margin-top:16px">
     <label for="password">密码</label>
+    <div class="pw-wrap">
       <input type="password" id="password" placeholder="WiFi 密码（开放网络留空）">
+      <span class="pw-eye" id="pwEye" onclick="togglePw()">👁</span>
+    </div>
   </div>
 
   <button class="btn" id="connectBtn" onclick="doConnect()">连接</button>
@@ -222,6 +229,7 @@ input:focus{border-color:#4a6cf7}
 <script>
 function $(id){return document.getElementById(id)}
 function setStatus(msg,type){var s=$('status');s.textContent=msg;s.className='status '+type}
+function togglePw(){var i=$('password');var show=i.type==='password';i.type=show?'text':'password';$('pwEye').style.opacity=show?'1':'0.4'}
 
 function signalBars(pct){
   var bars=[4,7,10,14];