瀵嗙爜鐢熸垚鍣?- AI宸ュ叿绔?/title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet"> <style> body { background: #f0f2f5; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; } .navbar { background: #2c3e50; box-shadow: 0 2px 8px rgba(0,0,0,0.15); } .navbar-brand { font-weight: 700; color: #fff !important; } .nav-link { color: rgba(255,255,255,0.85) !important; transition: color .2s; } .nav-link:hover { color: #fff !important; } .card { border: none; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); } .card-header { background: #fff; border-bottom: 1px solid #eee; border-radius: 12px 12px 0 0 !important; font-weight: 600; } .password-display { font-family: "Consolas", "Fira Code", "Courier New", monospace; font-size: 1.4rem; letter-spacing: 2px; word-break: break-all; } .strength-bar { height: 8px; border-radius: 4px; transition: width .4s, background .4s; } .strength-0 { background: #dc3545; } .strength-1 { background: #fd7e14; } .strength-2 { background: #20c997; } .strength-3 { background: #198754; } .copy-btn { transition: all .2s; } .copy-btn:hover { transform: scale(1.05); } .history-item { font-family: "Consolas", monospace; font-size: 13px; padding: 4px 0; border-bottom: 1px solid #f0f0f0; cursor: pointer; } .history-item:hover { background: #f8f9fa; } .footer { text-align: center; padding: 20px; color: #999; font-size: 13px; margin-top: 40px; } .config-card { border-left: 4px solid #0d6efd; } .config-icon { width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; } .tip-box { background: #e7f5ff; border: 1px solid #d0ebff; border-radius: 8px; padding: 12px 16px; font-size: 13px; } .batch-card { border-left: 4px solid #6f42c1; } .batch-item { font-family: "Consolas", monospace; font-size: 13px; padding: 5px 8px; border-radius: 6px; cursor: pointer; transition: background .15s; } .batch-item:hover { background: #f0f0f5; } .batch-item.selected { background: #e9d5ff; border: 1px solid #9775fa; } .exclude-tag { display: inline-flex; align-items: center; gap: 4px; background: #fff0f0; border: 1px solid #ffb3b3; border-radius: 20px; padding: 2px 8px; font-size: 12px; color: #c62828; } .exclude-tag i { cursor: pointer; } .exclude-tag i:hover { color: #ff0000; } .badge-copy { cursor: pointer; transition: transform .15s; } .badge-copy:hover { transform: scale(1.08); } </style> </head> <body> <nav class="navbar navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="/aitools/"><i class="bi bi-robot me-1"></i>AI宸ュ叿绔?/a> <div class="navbar-nav ms-auto flex-row"> <a class="nav-link me-3" href="/aitools/"><i class="bi bi-house-door me-1"></i>杩斿洖棣栭〉</a> </div> </div> </nav> <div class="container py-4"> <h4 class="mb-1 fw-bold"><i class="bi bi-shield-lock text-primary me-2"></i>瀵嗙爜鐢熸垚鍣?/h4> <p class="text-muted mb-4" style="font-size:14px">鐢熸垚瀹夊叏闅忔満瀵嗙爜锛屾敮鎸佸绉嶅瓧绗︾被鍨嬩笌寮哄害妫€娴?/p> <div class="row g-4">  <div class="col-lg-5">  <div class="card mb-3"> <div class="card-header d-flex justify-content-between align-items-center"> <span><i class="bi bi-key text-warning me-2"></i>褰撳墠瀵嗙爜</span> <div> <button class="btn btn-outline-primary btn-sm me-1" id="btnRegenerate" title="閲嶆柊鐢熸垚"> <i class="bi bi-arrow-clockwise"></i> 鎹竴缁? </button> <button class="btn btn-primary btn-sm copy-btn" id="btnCopySingle" title="澶嶅埗褰撳墠瀵嗙爜"> <i class="bi bi-clipboard"></i> 澶嶅埗 </button> </div> </div> <div class="card-body text-center"> <div id="passwordDisplay" class="password-display text-dark mb-3" style="min-height:50px;word-break:break-all;">鈥?鐐瑰嚮涓婃柟銆岀敓鎴愬瘑鐮併€嶆寜閽?鈥?/div>  <div class="mb-2"> <div class="d-flex align-items-center justify-content-center gap-2 mb-1"> <div style="flex:1;background:#e9ecef;border-radius:4px;overflow:hidden;"> <div class="strength-bar" id="strengthBar" style="width:0%"></div> </div> <span class="fw-bold" id="strengthLabel" style="width:56px;text-align:right;"></span> </div> <div class="d-flex justify-content-between text-muted" style="font-size:11px;"> <span>寮?/span><span>涓?/span><span>寮?/span><span>鏋佸己</span> </div> </div> <div id="copyToast" style="display:none" class="alert alert-success py-1 px-3 mt-1 mb-0" style="font-size:13px;"><i class="bi bi-check-circle me-1"></i>宸插鍒跺埌鍓创鏉?/div> </div> </div>  <div class="card config-card mb-3"> <div class="card-header"> <i class="bi bi-rulers text-primary me-2"></i>瀵嗙爜闀垮害 </div> <div class="card-body"> <div class="d-flex align-items-center gap-3"> <input type="range" class="form-range flex-grow-1" id="lengthSlider" min="8" max="64" value="16"> <span class="badge bg-primary" id="lengthValue" style="font-size:1rem;min-width:50px;text-align:center;">16</span> </div> <div class="d-flex justify-content-between text-muted mt-1" style="font-size:12px;"> <span>8浣?/span><span>64浣?/span> </div> </div> </div>  <div class="card config-card mb-3"> <div class="card-header"> <i class="bi bi-type text-success me-2"></i>瀛楃绫诲瀷 </div> <div class="card-body"> <div class="form-check form-switch mb-3"> <input class="form-check-input" type="checkbox" id="optUppercase" checked> <label class="form-check-label d-flex align-items-center" for="optUppercase"> <span class="config-icon me-2" style="background:#fff3cd;color:#d39e00;">A</span> <div><strong>澶у啓瀛楁瘝</strong><br><small class="text-muted">A-Z锛堜笉鍚?O 绛夋槗娣锋穯瀛楃锛?/small></div> </label> </div> <div class="form-check form-switch mb-3"> <input class="form-check-input" type="checkbox" id="optLowercase" checked> <label class="form-check-label d-flex align-items-center" for="optLowercase"> <span class="config-icon me-2" style="background:#e2e3f0;color:#5a5f9a;">a</span> <div><strong>灏忓啓瀛楁瘝</strong><br><small class="text-muted">a-z锛堜笉鍚?l 绛夋槗娣锋穯瀛楃锛?/small></div> </label> </div> <div class="form-check form-switch mb-3"> <input class="form-check-input" type="checkbox" id="optNumbers" checked> <label class="form-check-label d-flex align-items-center" for="optNumbers"> <span class="config-icon me-2" style="background:#d1f2eb;color:#0d6efd;">0-9</span> <div><strong>鏁板瓧</strong><br><small class="text-muted">0-9锛堜笉鍚?0銆? 绛夋槗娣锋穯瀛楃锛?/small></div> </label> </div> <div class="form-check form-switch mb-2"> <input class="form-check-input" type="checkbox" id="optSymbols" checked> <label class="form-check-label d-flex align-items-center" for="optSymbols"> <span class="config-icon me-2" style="background:#fce4ec;color:#c62828;">!@#</span> <div><strong>鐗规畩瀛楃</strong><br><small class="text-muted">!@#$%^&*+-=?</small></div> </label> </div> <hr>  <div class="d-flex align-items-center justify-content-between mb-2"> <label class="form-label mb-0 fw-semibold" style="font-size:14px;"><i class="bi bi-slash-circle text-danger me-1"></i>鎺掗櫎浠ヤ笅瀛楃</label> <button class="btn btn-outline-secondary btn-sm" id="btnClearExclude" style="font-size:12px;">娓呯┖</button> </div> <div class="input-group mb-2"> <input type="text" class="form-control" id="excludeInput" placeholder="杈撳叆瑕佹帓闄ょ殑瀛楃锛屽锛?O1lI" style="font-size:13px;"> <button class="btn btn-outline-danger" id="btnAddExclude"><i class="bi bi-plus"></i></button> </div> <div id="excludeTags" class="d-flex flex-wrap gap-1" style="min-height:28px;"></div> </div> </div>  <div class="card batch-card mb-3"> <div class="card-header d-flex justify-content-between align-items-center"> <span><i class="bi bi-collection text-secondary me-2"></i>鎵归噺鐢熸垚</span> <button class="btn btn-outline-secondary btn-sm" id="btnCopyBatchAll" title="澶嶅埗鍏ㄩ儴"><i class="bi bi-clipboard-check"></i> 澶嶅埗鍏ㄩ儴</button> </div> <div class="card-body"> <div class="d-flex gap-2 mb-3"> <button class="btn btn-sm batch-btn" data-count="5" style="background:#f3f0ff;color:#6f42c1;border:1px solid #9775fa;">5涓?/button> <button class="btn btn-sm batch-btn" data-count="10" style="background:#f3f0ff;color:#6f42c1;border:1px solid #9775fa;">10涓?/button> <button class="btn btn-sm batch-btn" data-count="20" style="background:#f3f0ff;color:#6f42c1;border:1px solid #9775fa;">20涓?/button> <button class="btn btn-outline-secondary btn-sm" id="btnClearBatch"><i class="bi bi-trash"></i> 娓呯┖</button> </div> <div id="batchList" style="max-height:200px;overflow-y:auto;"> <div class="text-center text-muted py-3" style="font-size:13px;"><i class="bi bi-stack" style="font-size:1.2rem;"></i><p class="mt-1 mb-0">鐐瑰嚮涓婃柟鏁伴噺鎸夐挳锛屼竴娆＄敓鎴愬鏉″瘑鐮?/p></div> </div> </div> </div>  <button class="btn btn-primary w-100 py-2 fw-bold" id="btnGenerate" style="border-radius:10px;font-size:1.05rem;"> <i class="bi bi-magic me-1"></i>鐢熸垚瀵嗙爜 </button> </div>  <div class="col-lg-7">  <div class="card mb-3"> <div class="card-header"><i class="bi bi-graph-up text-info me-2"></i>瀵嗙爜寮哄害璇存槑</div> <div class="card-body"> <div class="row g-3"> <div class="col-md-3 text-center"> <div class="p-3 rounded-3" style="background:#fff5f5;border:1px solid #ffc9c9;"> <div class="mb-2"><i class="bi bi-dash-circle-fill" style="color:#dc3545;font-size:1.5rem;"></i></div> <div class="fw-bold mb-1" style="color:#dc3545;">寮?/div> <small class="text-muted">8-10浣?br>浠?-2绉嶅瓧绗?/small> </div> </div> <div class="col-md-3 text-center"> <div class="p-3 rounded-3" style="background:#fff9f0;border:1px solid #ffd8a8;"> <div class="mb-2"><i class="bi bi-circle-fill" style="color:#fd7e14;font-size:1.2rem;"></i></div> <div class="fw-bold mb-1" style="color:#fd7e14;">涓?/div> <small class="text-muted">11-15浣?br>2-3绉嶅瓧绗?/small> </div> </div> <div class="col-md-3 text-center"> <div class="p-3 rounded-3" style="background:#f0fff4;border:1px solid #b3e5b5;"> <div class="mb-2"><i class="bi bi-check-circle-fill" style="color:#20c997;font-size:1.5rem;"></i></div> <div class="fw-bold mb-1" style="color:#20c997;">寮?/div> <small class="text-muted">16-23浣?br>3绉嶄互涓婂瓧绗?/small> </div> </div> <div class="col-md-3 text-center"> <div class="p-3 rounded-3" style="background:#e8f4fd;border:1px solid #a2d2ff;"> <div class="mb-2"><i class="bi bi-shield-fill-check" style="color:#198754;font-size:1.5rem;"></i></div> <div class="fw-bold mb-1" style="color:#198754;">鏋佸己</div> <small class="text-muted">24浣嶄互涓?br>4绉嶅瓧绗﹀叏寮€</small> </div> </div> </div> </div> </div>  <div class="tip-box mb-3"> <div class="fw-bold mb-2"><i class="bi bi-shield-check text-primary me-1"></i>瀵嗙爜瀹夊叏寤鸿</div> <ul class="mb-0 ps-3" style="font-size:13px;line-height:1.9;"> <li>瀵嗙爜闀垮害鑷冲皯 <strong>12 浣?/strong>锛屾帹鑽?<strong>16 浣嶄互涓?/strong></li> <li>閬垮厤浣跨敤涓汉淇℃伅锛堢敓鏃ャ€佸鍚嶃€佹墜鏈哄彿锛?/li> <li>涓嶅悓缃戠珯浣跨敤涓嶅悓瀵嗙爜锛屾帹鑽愪娇鐢ㄥ瘑鐮佺鐞嗗櫒</li> <li>瀹氭湡鏇存崲閲嶈璐︽埛瀵嗙爜</li> <li>鍚敤鍙屽洜绱犺璇侊紙2FA锛夊姞鍥鸿处鎴峰畨鍏?/li> </ul> </div>  <div class="card"> <div class="card-header d-flex justify-content-between align-items-center"> <span><i class="bi bi-clock-history text-secondary me-2"></i>鏈鐢熸垚鍘嗗彶</span> <button class="btn btn-outline-secondary btn-sm" id="btnClearHistory"><i class="bi bi-trash"></i> 娓呯┖</button> </div> <div class="card-body p-0"> <div id="historyList" class="px-3 py-2" style="max-height:250px;overflow-y:auto;"> <div class="text-center text-muted py-4"><i class="bi bi-clock" style="font-size:1.5rem;"></i><p class="mt-2 mb-0" style="font-size:13px;">鐐瑰嚮銆岀敓鎴愬瘑鐮併€嶅悗灏嗚褰曞湪姝?/p></div> </div> </div> </div> </div> </div> </div> <div class="footer"> <i class="bi bi-shield-lock"></i> AI宸ュ叿绔?路瀵嗙爜鐢熸垚鍣?路绾墠绔伐鍏凤紝鏁版嵁涓嶄笂浼犳湇鍔″櫒 </div> <script> (function(){ var UPPERCASE_BASE = 'ABCDEFGHJKLMNPQRSTUVWXYZ'; var LOWERCASE_BASE = 'abcdefghjkmnpqrstuvwxyz'; var NUMBERS_BASE = '23456789'; var SYMBOLS_BASE = '!@#$%^&*+-=?'; var passwordDisplay = document.getElementById('passwordDisplay'); var strengthBar = document.getElementById('strengthBar'); var strengthLabel = document.getElementById('strengthLabel'); var lengthSlider = document.getElementById('lengthSlider'); var lengthValue = document.getElementById('lengthValue'); var optUppercase = document.getElementById('optUppercase'); var optLowercase = document.getElementById('optLowercase'); var optNumbers = document.getElementById('optNumbers'); var optSymbols = document.getElementById('optSymbols'); var excludeInput = document.getElementById('excludeInput'); var btnAddExclude = document.getElementById('btnAddExclude'); var btnClearExclude = document.getElementById('btnClearExclude'); var excludeTagsEl = document.getElementById('excludeTags'); var btnGenerate = document.getElementById('btnGenerate'); var btnRegenerate = document.getElementById('btnRegenerate'); var btnCopySingle = document.getElementById('btnCopySingle'); var btnCopyBatchAll = document.getElementById('btnCopyBatchAll'); var btnClearBatch = document.getElementById('btnClearBatch'); var btnClearHistory = document.getElementById('btnClearHistory'); var historyList = document.getElementById('historyList'); var batchList = document.getElementById('batchList'); var copyToast = document.getElementById('copyToast'); var excludedChars = new Set(); var history = []; var batchPasswords = []; var currentPassword = ''; function shuffle(arr) { for (var i = arr.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var tmp = arr[i]; arr[i] = arr[j]; arr[j] = tmp; } return arr; } function getCharSet(base) { var result = ''; for (var i = 0; i < base.length; i++) { var c = base.charAt(i); if (!excludedChars.has(c)) result += c; } return result; } function getCharSets() { var sets = []; if (optUppercase.checked) { var s = getCharSet(UPPERCASE_BASE); if (s) sets.push(s); } if (optLowercase.checked) { var s = getCharSet(LOWERCASE_BASE); if (s) sets.push(s); } if (optNumbers.checked) { var s = getCharSet(NUMBERS_BASE); if (s) sets.push(s); } if (optSymbols.checked) { var s = getCharSet(SYMBOLS_BASE); if (s) sets.push(s); } return sets; } function generatePassword() { var sets = getCharSets(); if (sets.length === 0) { passwordDisplay.textContent = '璇疯嚦灏戦€夋嫨涓€绉嶅瓧绗︾被鍨?; strengthBar.style.width = '0%'; strengthBar.className = 'strength-bar'; strengthLabel.textContent = ''; return null; } var len = parseInt(lengthSlider.value); var allChars = sets.join(''); if (!allChars) { passwordDisplay.textContent = '褰撳墠鎺掗櫎鍚庢棤鍙敤瀛楃锛岃璋冩暣鎺掗櫎鍒楄〃'; return null; } var password = ''; for (var i = 0; i < sets.length; i++) { password += sets[i].charAt(Math.floor(Math.random() * sets[i].length)); } for (var j = password.length; j < len; j++) { password += allChars.charAt(Math.floor(Math.random() * allChars.length)); } password = shuffle(password.split('')).join(''); return password; } function getStrengthLevel(password) { var len = password.length; var hasUpper = /[A-Z]/.test(password); var hasLower = /[a-z]/.test(password); var hasNum = /[0-9]/.test(password); var hasSym = /[!@#$%^&*+\-=?]/.test(password); var typeCount = [hasUpper, hasLower, hasNum, hasSym].filter(Boolean).length; var score = 0; if (len >= 8) score++; if (len >= 12) score++; if (len >= 16) score++; if (len >= 24) score++; score += typeCount; if (score <= 3) return 0; if (score <= 6) return 1; if (score <= 8) return 2; return 3; } var STRENGTH_CLASSES = ['strength-0','strength-1','strength-2','strength-3']; var STRENGTH_TEXTS = ['寮?,'涓?,'寮?,'鏋佸己']; var STRENGTH_WIDTHS = ['25%','50%','75%','100%']; var STRENGTH_COLORS = ['#dc3545','#fd7e14','#20c997','#198754']; function updateStrengthUI(password) { var lvl = getStrengthLevel(password); strengthBar.style.width = STRENGTH_WIDTHS[lvl]; strengthBar.className = 'strength-bar ' + STRENGTH_CLASSES[lvl]; strengthLabel.textContent = STRENGTH_TEXTS[lvl]; strengthLabel.style.color = STRENGTH_COLORS[lvl]; } function copyText(text, showToast) { showToast = showToast !== false; navigator.clipboard.writeText(text).catch(function(){ var ta = document.createElement('textarea'); ta.value = text; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); }); if (showToast) { copyToast.style.display = 'block'; setTimeout(function(){ copyToast.style.display = 'none'; }, 2500); } } function addToHistory(pwd) { var now = new Date(); var time = now.toLocaleTimeString('zh-CN',{hour:'2-digit',minute:'2-digit',second:'2-digit'}); history.unshift({pwd: pwd, time: time}); if (history.length > 20) history.pop(); renderHistory(); } function renderHistory() { if (history.length === 0) { historyList.innerHTML = '<div class="text-center text-muted py-4"><i class="bi bi-clock" style="font-size:1.5rem;"></i><p class="mt-2 mb-0" style="font-size:13px;">鐐瑰嚮銆岀敓鎴愬瘑鐮併€嶅悗灏嗚褰曞湪姝?/p></div>'; return; } var html = ''; for (var i = 0; i < history.length; i++) { var item = history[i]; html += '<div class="history-item d-flex justify-content-between align-items-center" data-pwd="' + item.pwd.replace(/"/g,'"') + '">'; html += '<span class="text-truncate flex-grow-1 me-2" style="font-family:monospace;">' + item.pwd + '</span>'; html += '<span class="text-muted badge-copy" title="鐐瑰嚮澶嶅埗" style="font-size:11px;flex-shrink:0;">' + item.time + ' <i class="bi bi-clipboard"></i></span>'; html += '</div>'; } historyList.innerHTML = html; } function addBatch(passwords) { for (var i = 0; i < passwords.length; i++) { batchPasswords.unshift(passwords[i]); } if (batchPasswords.length > 100) batchPasswords.length = 100; renderBatch(); } function renderBatch() { if (batchPasswords.length === 0) { batchList.innerHTML = '<div class="text-center text-muted py-3" style="font-size:13px;"><i class="bi bi-stack" style="font-size:1.2rem;"></i><p class="mt-1 mb-0">鐐瑰嚮涓婃柟鏁伴噺鎸夐挳锛屼竴娆＄敓鎴愬鏉″瘑鐮?/p></div>'; return; } var html = ''; for (var i = 0; i < batchPasswords.length; i++) { var lvl = getStrengthLevel(batchPasswords[i]); var color = STRENGTH_COLORS[lvl]; var lvlText = STRENGTH_TEXTS[lvl]; html += '<div class="batch-item d-flex justify-content-between align-items-center mb-1" data-pwd="' + batchPasswords[i].replace(/"/g,'"') + '">'; html += '<span style="font-family:monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;">' + batchPasswords[i] + '</span>'; html += '<span style="font-size:10px;padding:2px 6px;background:' + color + '22;color:' + color + ';border:1px solid ' + color + '55;border-radius:10px;flex-shrink:0;">' + lvlText + '</span>'; html += '<i class="bi bi-clipboard text-muted ms-1" style="font-size:12px;flex-shrink:0;cursor:pointer;" title="澶嶅埗姝ゅ瘑鐮?></i>'; html += '</div>'; } batchList.innerHTML = html; } function renderExcludeTags() { if (excludedChars.size === 0) { excludeTagsEl.innerHTML = '<span class="text-muted" style="font-size:12px;">鏆傛棤鎺掗櫎瀛楃</span>'; return; } var html = ''; var iter = excludedChars.values(); var val; while ((val = iter.next().value) !== undefined) { html += '<span class="exclude-tag"><i class="bi bi-x" data-char="' + val + '"></i>' + val + '</span> '; } excludeTagsEl.innerHTML = html; } function addExcludeChar(c) { if (!c) return; excludedChars.add(c.toUpperCase()); excludedChars.add(c.toLowerCase()); renderExcludeTags(); } function removeExcludeChar(c) { excludedChars.delete(c); excludedChars.delete(c.toUpperCase()); excludedChars.delete(c.toLowerCase()); renderExcludeTags(); } function doGenerate() { var pwd = generatePassword(); if (!pwd) return; currentPassword = pwd; passwordDisplay.textContent = pwd; updateStrengthUI(pwd); addToHistory(pwd); copyToast.style.display = 'none'; } function doBatchGenerate(count) { var passwords = []; for (var i = 0; i < count; i++) { var pwd = generatePassword(); if (pwd) passwords.push(pwd); } if (passwords.length > 0) { addBatch(passwords); currentPassword = passwords[0]; passwordDisplay.textContent = passwords[0]; updateStrengthUI(passwords[0]); addToHistory(passwords[0]); } copyToast.style.display = 'none'; } lengthSlider.addEventListener('input', function(){ lengthValue.textContent = this.value; }); btnGenerate.addEventListener('click', doGenerate); btnRegenerate.addEventListener('click', doGenerate); btnCopySingle.addEventListener('click', function(){ if (!currentPassword) return; copyText(currentPassword); }); btnAddExclude.addEventListener('click', function(){ var val = excludeInput.value.trim(); for (var i = 0; i < val.length; i++) addExcludeChar(val[i]); excludeInput.value = ''; excludeInput.focus(); }); excludeInput.addEventListener('keydown', function(e){ if (e.key === 'Enter') { e.preventDefault(); btnAddExclude.click(); } }); btnClearExclude.addEventListener('click', function(){ excludedChars.clear(); renderExcludeTags(); }); excludeTagsEl.addEventListener('click', function(e){ var icon = e.target.closest('i[data-char]'); if (icon) removeExcludeChar(icon.getAttribute('data-char')); }); document.querySelectorAll('.batch-btn').forEach(function(btn){ btn.addEventListener('click', function(){ var count = parseInt(this.getAttribute('data-count')); doBatchGenerate(count); }); }); btnClearBatch.addEventListener('click', function(){ batchPasswords = []; renderBatch(); }); btnCopyBatchAll.addEventListener('click', function(){ if (batchPasswords.length === 0) return; copyText(batchPasswords.join('\n')); var orig = copyToast.innerHTML; copyToast.innerHTML = '<i class="bi bi-check-circle me-1"></i>宸插鍒跺叏閮?' + batchPasswords.length + ' 鏉″瘑鐮?; copyToast.style.display = 'block'; setTimeout(function(){ copyToast.style.display = 'none'; copyToast.innerHTML = orig; }, 2500); }); btnClearHistory.addEventListener('click', function(){ history = []; renderHistory(); }); historyList.addEventListener('click', function(e){ var row = e.target.closest('.history-item'); if (!row) return; var pwd = row.getAttribute('data-pwd'); currentPassword = pwd; passwordDisplay.textContent = pwd; updateStrengthUI(pwd); copyText(pwd); }); batchList.addEventListener('click', function(e){ var row = e.target.closest('.batch-item'); if (!row) return; var pwd = row.getAttribute('data-pwd'); currentPassword = pwd; passwordDisplay.textContent = pwd; updateStrengthUI(pwd); if (e.target.closest('i')) { copyText(pwd); } }); renderExcludeTags(); doGenerate(); })(); </script> <footer style="text-align: center; padding: 20px; color: rgba(255,255,255,0.7); font-size: 0.85em; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.2);"> <a href="https://beian.miit.gov.cn/" target="_blank" style="color: rgba(255,255,255,0.7); text-decoration: none;">沪ICP备2025115552号-2</a> </footer> </body> </html>