*{box-sizing:border-box!important;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;background-color:#fff;overflow-x:hidden!important;margin:0!important;padding:0!important;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}#app{min-height:100vh;width:100vw;min-width:90vw;background-color:#7c3aed;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}.container{width:100%;max-width:100%;margin:0;padding:20px;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}@media(max-width:290px){.container{padding:16px 25px 32px!important}}@media(min-width:291px)and (max-width:640px){.container{padding:16px 20px 32px!important;width:100%!important;max-width:100%!important}}@media(min-width:641px)and (max-width:768px){.container{width:100vw!important;max-width:100vw!important;padding:24px 40px 40px!important;margin:0 auto}.page-header,.security-certification,.verification-info,.security-tips,.technical-info,section,article{width:100%!important;max-width:100%!important}.cert-grid,.tips-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}}@media(min-width:769px)and (max-width:1024px){.container{width:99%!important;max-width:99%!important;padding:24px 32px 40px!important;margin:0 auto}.cert-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:18px!important}}@media(min-width:1025px)and (max-width:1440px){.container{width:98%!important;max-width:98%!important;padding:32px 40px 48px!important;margin:0 auto}.cert-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:20px!important}}@media(min-width:1441px){.container{width:80vw!important;max-width:95%!important;padding:32px 48px 48px!important;margin:0 auto}.cert-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:24px!important}}.page-header,.security-certification,.verification-info,.security-tips,.technical-info,main>div,section,article{width:100%;box-sizing:border-box}.page-header h1{font-size:clamp(22px,5vw,36px);font-weight:800;margin:0 0 20px;background:linear-gradient(135deg,#1e3a8a,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;text-align:center;width:100%}.security-certification h2{font-size:clamp(20px,4vw,28px);font-weight:700;color:#0f172a;margin:0 0 24px;text-align:center;width:100%}.cert-grid,.tips-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px;width:100%}.cert-card,.tip-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;width:100%;box-shadow:0 2px 8px #0000000d}.cert-card:hover,.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cert-card h3,.tip-card h3{font-size:clamp(16px,3vw,20px);font-weight:700;color:#1e40af;margin:0 0 12px}.cert-card p,.tip-card p{font-size:clamp(14px,2.5vw,16px);color:#475569;line-height:1.6;margin:0}.verification-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-bottom:32px;width:100%}.verification-info h4{font-size:clamp(16px,3vw,20px);font-weight:700;color:#0369a1;margin:0 0 16px}.verification-info p{font-size:clamp(14px,2.5vw,16px);color:#0c4a6e;margin:0 0 16px;line-height:1.6}.verification-info ul{margin:0;padding-left:20px;color:#0c4a6e}.verification-info li{font-size:clamp(13px,2vw,15px);margin-bottom:8px}.security-tips h2{font-size:clamp(20px,4vw,28px);font-weight:700;color:#0f172a;margin:0 0 24px;text-align:center}.technical-info h2{font-size:clamp(20px,4vw,28px);font-weight:700;color:#0f172a;margin:0 0 24px}.tech-content{font-size:clamp(14px,2.5vw,16px);color:#475569;line-height:1.6}.tech-content p{margin:0 0 16px}.tech-content ul{margin:0 0 16px;padding-left:20px}.tech-content li{margin-bottom:8px}.tech-content strong{color:#1e40af}footer{margin-top:auto;padding-top:32px;text-align:center;width:100%}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}@media(max-width:640px){.footer-links{flex-direction:column;gap:8px}.separator{display:none}}.footer-link{color:#3b82f6;text-decoration:none;transition:color .2s ease;font-size:clamp(12px,2.5vw,14px)}.footer-link:hover{color:#1e40af;text-decoration:underline}.separator{color:#cbd5e1;font-size:14px}.copyright{font-size:clamp(12px,2.5vw,14px);color:#64748b;margin-top:8px}@media(prefers-color-scheme:dark){#app{background:linear-gradient(135deg,#0f172a,#1e293b)}.page-header h1{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.security-certification h2,.security-tips h2,.technical-info h2{color:#f8fafc}.cert-card,.tip-card,.verification-info{background:#1e293be6;border-color:#475569;color:#cbd5e1}.cert-card h3,.tip-card h3{color:#60a5fa}.cert-card p,.tip-card p,.tech-content{color:#94a3b8}.verification-info{background:#1e293be6;border-color:#475569}.verification-info h4{color:#e0f2fe}.verification-info p,.verification-info li{color:#bae6fd}.footer-link{color:#60a5fa}.footer-link:hover{color:#93c5fd}.copyright{color:#94a3b8}.separator{color:#64748b}}.lang-switcher{position:fixed;top:16px;right:16px;z-index:9999;width:auto}.lang-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600;color:#1e40af;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .2s ease;outline:none;user-select:none}.lang-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #0000001f}.lang-btn:active{transform:scale(.98)}.lang-emoji{font-size:16px;line-height:1}.lang-name{white-space:nowrap}.lang-arrow{width:14px;height:14px;color:#64748b;transition:transform .2s ease}.lang-dropdown-open .lang-arrow{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000001a;list-style:none;padding:8px 0;margin:0;overflow-y:auto;max-height:300px;z-index:9999}.lang-option{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:#0f172a;cursor:pointer;transition:background .2s ease}.lang-option:hover{background:#f0f9ff}.lang-option.active{background:#e0f2fe;color:#1e40af;font-weight:600}.lang-option-emoji{font-size:16px;line-height:1;min-width:20px;text-align:center}@media(max-width:640px){.lang-switcher{top:12px;right:12px}.lang-btn{padding:6px 10px;font-size:12px}.lang-name{display:none}.lang-dropdown{width:180px;right:0;top:calc(100% + 4px)}.lang-option{padding:6px 12px;font-size:13px}}@media(max-width:290px){.lang-dropdown{width:160px}}@media(prefers-color-scheme:dark){.lang-btn{background:#1e293b;border-color:#475569;color:#dbeafe}.lang-btn:hover{background:#334155;border-color:#60a5fa}.lang-arrow{color:#94a3b8}.lang-dropdown{background:#1e293b;border-color:#475569}.lang-option{color:#cbd5e1}.lang-option:hover{background:#0f172a}.lang-option.active{background:#1e40af;color:#fff}}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-8px)}.fade-enter-active,.fade-leave-active{transition:all .2s ease}.text-center{text-align:center!important}.w-100{width:100%!important}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}[data-v-dabfee1e],[data-v-dabfee1e]:before,[data-v-dabfee1e]:after{box-sizing:border-box}.generator-wrap[data-v-dabfee1e]{min-height:auto;height:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:16px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.generator-container[data-v-dabfee1e]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;height:100%}.generator-card[data-v-dabfee1e]{width:100%;max-width:100%;background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 24px #00000014,0 6px 12px #0000000a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);overflow:hidden;margin:0}.card-header[data-v-dabfee1e]{margin-bottom:24px}.title[data-v-dabfee1e]{font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px}.card-subtitle[data-v-dabfee1e]{color:#64748b;font-size:14px;font-weight:500}.password-display[data-v-dabfee1e]{margin-bottom:20px;width:100%}.password-box[data-v-dabfee1e]{width:100%;overflow:hidden}.password-field[data-v-dabfee1e]{position:relative;width:100%;margin-bottom:16px}.password-input[data-v-dabfee1e]{width:100%;padding:14px 16px;font-size:18px;font-family:JetBrains Mono,Cascadia Code,monospace;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#0f172a;transition:all .3s ease;letter-spacing:1px;text-align:center;display:block;box-sizing:border-box}.password-input[data-v-dabfee1e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.password-input[data-v-dabfee1e]::placeholder{color:#94a3b8}.password-actions[data-v-dabfee1e]{display:flex;gap:12px;margin:16px 0 20px;width:100%}.action-btn[data-v-dabfee1e]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;min-height:48px;box-sizing:border-box;white-space:nowrap}.action-btn[data-v-dabfee1e]:hover:not(:disabled){border-color:#3b82f6;background:#f8fafc;color:#3b82f6;transform:translateY(-1px)}.action-btn.active[data-v-dabfee1e]{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.active[data-v-dabfee1e]:hover{background:#2563eb;border-color:#2563eb}.action-btn.regenerate[data-v-dabfee1e]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#bae6fd;color:#0369a1}.action-btn.regenerate[data-v-dabfee1e]:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.action-btn.disabled[data-v-dabfee1e]{opacity:.5;cursor:not-allowed}.action-btn.disabled[data-v-dabfee1e]:hover{border-color:#e2e8f0;background:#fff;color:#475569;transform:none}.action-icon[data-v-dabfee1e]{width:20px;height:20px;flex-shrink:0}.strength-indicator[data-v-dabfee1e]{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0;width:100%;box-sizing:border-box}.strength-header[data-v-dabfee1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.strength-label[data-v-dabfee1e]{font-size:14px;font-weight:600;color:#475569}.strength-value[data-v-dabfee1e]{font-size:14px;font-weight:700;padding:4px 12px;border-radius:20px;color:#fff}.strength-bar[data-v-dabfee1e]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:12px;width:100%}.strength-fill[data-v-dabfee1e]{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:4px}.strength-info[data-v-dabfee1e]{display:flex;justify-content:space-between;font-size:12px;color:#64748b;font-weight:500;width:100%}.strength-tip[data-v-dabfee1e]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;font-size:14px;color:#0369a1;border-left:4px solid #0ea5e9;margin-top:20px;width:100%;box-sizing:border-box}.tip-icon[data-v-dabfee1e]{width:20px;height:20px;flex-shrink:0;color:#0ea5e9}.settings-card[data-v-dabfee1e]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 24px #00000014,0 6px 12px #0000000a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);height:auto;overflow:auto;margin:0;max-height:calc(100vh - 100px);scrollbar-width:thin;scrollbar-color:#3b82f6 #f1f5f9;position:relative}.settings-card[data-v-dabfee1e]::-webkit-scrollbar{width:6px}.settings-card[data-v-dabfee1e]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.settings-card[data-v-dabfee1e]::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.settings-card[data-v-dabfee1e]::-webkit-scrollbar-thumb:hover{background:#2563eb}.scroll-hint[data-v-dabfee1e]{position:sticky;bottom:0;left:0;width:100%;padding:8px 0;background:linear-gradient(to top,rgba(255,255,255,.95),transparent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#3b82f6;opacity:0;transition:opacity .3s ease;pointer-events:none}.settings-card:has(::-webkit-scrollbar-thumb) .scroll-hint[data-v-dabfee1e],.settings-card:not(:empty) .scroll-hint[data-v-dabfee1e]{opacity:1}.scroll-hint-icon[data-v-dabfee1e]{width:14px;height:14px;animation:bounce-dabfee1e 1.5s infinite}@keyframes bounce-dabfee1e{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.settings-panel[data-v-dabfee1e]{position:sticky;top:24px;min-width:300px;height:auto}.batch-settings[data-v-dabfee1e]{border-top:1px solid #e2e8f0;padding-top:20px;margin-top:16px!important}.batch-generate-btn[data-v-dabfee1e]{width:100%;padding:14px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:12px;box-shadow:0 4px 12px #0ea5e940}.batch-generate-btn[data-v-dabfee1e]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e959;background:linear-gradient(135deg,#0284c7,#0369a1)}.settings-title[data-v-dabfee1e]{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 24px}.setting-group[data-v-dabfee1e]{margin:16px 0}.setting-label[data-v-dabfee1e]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.char-options[data-v-dabfee1e]{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.char-checkbox[data-v-dabfee1e]{display:inline-flex;align-items:center;cursor:pointer;font-size:13px;color:#555;transition:all .2s ease}.char-checkbox__input[data-v-dabfee1e]{width:16px;height:16px;margin:0 6px 0 0;accent-color:#3b82f6;cursor:pointer}.char-checkbox__icon[data-v-dabfee1e]{display:inline-block;width:20px;height:20px;margin:0 6px 0 2px;line-height:20px;text-align:center;font-weight:600;color:#666}.char-checkbox__label[data-v-dabfee1e]{display:flex;align-items:center}.char-checkbox__count[data-v-dabfee1e]{margin-left:4px;font-size:12px;color:#999}.char-checkbox__input:checked+.char-checkbox__icon[data-v-dabfee1e]{color:#3b82f6}.char-checkbox__input:checked~.char-checkbox__label[data-v-dabfee1e]{color:#3b82f6;font-weight:500}.char-checkbox__input:checked~.char-checkbox__label .char-checkbox__count[data-v-dabfee1e]{color:#60a5fa}.char-checkbox[data-v-dabfee1e]:hover,.char-checkbox:hover .char-checkbox__icon[data-v-dabfee1e]{color:#3b82f6}@media(max-width:480px){.char-options[data-v-dabfee1e]{gap:10px 15px}.char-checkbox[data-v-dabfee1e]{font-size:12px}.char-checkbox__icon[data-v-dabfee1e]{width:18px;height:18px;line-height:18px}}.setting-header[data-v-dabfee1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%}.setting-label[data-v-dabfee1e]{font-size:14px;font-weight:600;color:#475569}.setting-value[data-v-dabfee1e]{font-size:16px;font-weight:700;color:#3b82f6}.length-control[data-v-dabfee1e]{margin-bottom:8px;width:100%}.length-slider[data-v-dabfee1e]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#e2e8f0,#3b82f6);border-radius:4px;outline:none;margin:0;box-sizing:border-box}.length-slider[data-v-dabfee1e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #3b82f6;cursor:pointer;box-shadow:0 2px 8px #3b82f64d;transition:all .2s ease}.length-slider[data-v-dabfee1e]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f666}.length-marks[data-v-dabfee1e]{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-top:4px;width:100%}.char-option.active .char-icon[data-v-dabfee1e]{color:#1d4ed8}.char-label[data-v-dabfee1e]{font-size:13px;font-weight:600;color:#475569;margin-bottom:4px}.char-count[data-v-dabfee1e]{font-size:11px;color:#64748b;font-weight:500}.special-input[data-v-dabfee1e]{width:100%;padding:12px 16px;font-size:15px;font-family:monospace;border:2px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#0f172a;transition:all .3s ease;margin-bottom:8px;box-sizing:border-box}.special-input[data-v-dabfee1e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.generate-btn[data-v-dabfee1e]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;margin-top:8px;box-shadow:0 4px 12px #667eea4d;box-sizing:border-box}.generate-btn[data-v-dabfee1e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-btn[data-v-dabfee1e]:active{transform:translateY(0)}.btn-icon[data-v-dabfee1e]{width:20px;height:20px}.stats-card[data-v-dabfee1e]{max-width:1200px;margin:16px auto 0;background:#fff;border-radius:16px;padding:20px;display:flex;justify-content:center;gap:40px;box-shadow:0 8px 16px #0000000d,0 4px 8px #00000005;box-sizing:border-box;overflow:hidden}.stats-item[data-v-dabfee1e]{display:flex;flex-direction:column;align-items:center;gap:8px}.stats-value[data-v-dabfee1e]{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats-label[data-v-dabfee1e]{font-size:14px;color:#64748b;font-weight:500}.stats-divider[data-v-dabfee1e]{width:1px;background:linear-gradient(to bottom,transparent,#e2e8f0,transparent)}.toast[data-v-dabfee1e]{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:14px 20px;background:#fff;border-radius:12px;box-shadow:0 16px 32px #00000026,0 8px 16px #0000001a;display:flex;align-items:center;gap:12px;font-weight:500;z-index:1000;min-width:280px;max-width:90%;box-sizing:border-box}.toast.success[data-v-dabfee1e]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast.error[data-v-dabfee1e]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-icon[data-v-dabfee1e]{width:20px;height:20px;flex-shrink:0}.weak[data-v-dabfee1e]{background:linear-gradient(135deg,#ef4444,#dc2626)}.medium[data-v-dabfee1e]{background:linear-gradient(135deg,#f59e0b,#d97706)}.strong[data-v-dabfee1e]{background:linear-gradient(135deg,#10b981,#059669)}.excellent[data-v-dabfee1e]{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.perfect[data-v-dabfee1e]{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.toast-slide-enter-active[data-v-dabfee1e],.toast-slide-leave-active[data-v-dabfee1e]{transition:all .5s cubic-bezier(.4,0,.2,1)}.toast-slide-enter-from[data-v-dabfee1e],.toast-slide-leave-to[data-v-dabfee1e]{opacity:0;transform:translate(-50%) translateY(20px)}.template-grid[data-v-dabfee1e]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.template-option[data-v-dabfee1e]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#f8fafc}.template-option[data-v-dabfee1e]:hover{border-color:#cbd5e1;background:#f1f5f9;transform:translateY(-1px)}.template-option.active[data-v-dabfee1e]{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.template-name[data-v-dabfee1e]{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:4px}.template-desc[data-v-dabfee1e]{display:block;font-size:11px;color:#64748b;line-height:1.2}.batch-settings[data-v-dabfee1e]{border-top:1px solid #e2e8f0;padding-top:20px}.batch-generate-btn[data-v-dabfee1e]{width:100%;padding:12px 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:12px;box-shadow:0 2px 8px #0ea5e933}.batch-generate-btn[data-v-dabfee1e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d;background:linear-gradient(135deg,#0284c7,#0369a1)}.batch-panel[data-v-dabfee1e]{max-width:1200px;margin:20px auto 0;width:100%}.batch-card[data-v-dabfee1e]{width:100%;background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 24px #00000014,0 6px 12px #0000000a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.duplicate-alert[data-v-dabfee1e]{font-size:13px;color:#e64340;padding:6px 8px;background:#fef0f0;border-radius:6px;margin-top:8px}.batch-actions[data-v-dabfee1e]{padding:16px 20px;border-bottom:1px solid #eee;display:flex;gap:10px;flex-wrap:wrap}.action-btn[data-v-dabfee1e]{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#f8f9fa;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.primary[data-v-dabfee1e]{background:#3b82f6;color:#fff;border-color:#3b82f6}.action-btn.warning[data-v-dabfee1e]{background:#f59e0b;color:#fff;border-color:#f59e0b}.action-btn.sm[data-v-dabfee1e]{padding:4px 8px;font-size:12px}.action-btn[data-v-dabfee1e]:disabled{opacity:.6;cursor:not-allowed}.action-btn[data-v-dabfee1e]:hover:not(:disabled){opacity:.9}.action-btn.primary[data-v-dabfee1e]:hover:not(:disabled){background:#2563eb}.action-btn.warning[data-v-dabfee1e]:hover:not(:disabled){background:#d97706}.batch-password-list[data-v-dabfee1e]{padding:20px;display:flex;flex-direction:column;gap:10px}.batch-password-item[data-v-dabfee1e]{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;background:#f8f9fa}.batch-idx[data-v-dabfee1e]{font-size:14px;color:#666;min-width:24px;text-align:right}.batch-password-input[data-v-dabfee1e]{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;outline:none}.batch-actions[data-v-dabfee1e]{display:flex;gap:12px;margin:16px 0 24px;flex-wrap:wrap}.batch-password-list[data-v-dabfee1e]{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.batch-password-item[data-v-dabfee1e]{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.batch-idx[data-v-dabfee1e]{font-size:12px;color:#64748b;font-weight:600;min-width:24px;text-align:center}.batch-password-input[data-v-dabfee1e]{flex:1;padding:8px 12px;font-size:14px;font-family:JetBrains Mono,monospace;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#0f172a;outline:none}.action-btn.sm[data-v-dabfee1e]{padding:6px 12px;font-size:12px;min-height:auto;flex:0 0 auto;width:auto}.fade-enter-active[data-v-dabfee1e],.fade-leave-active[data-v-dabfee1e]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-dabfee1e]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-dabfee1e]{opacity:0;transform:translateY(-10px)}@media(max-width:1024px){.generator-container[data-v-dabfee1e]{grid-template-columns:1fr;gap:20px}.settings-panel[data-v-dabfee1e]{position:static}.generator-wrap[data-v-dabfee1e]{padding:16px 12px}.batch-card[data-v-dabfee1e]{padding:20px}}@media(max-width:768px){.generator-wrap[data-v-dabfee1e]{padding:16px 10px}.generator-card[data-v-dabfee1e],.settings-card[data-v-dabfee1e]{padding:20px}.title[data-v-dabfee1e]{font-size:22px}.password-input[data-v-dabfee1e]{font-size:16px;padding:12px 14px}.password-actions[data-v-dabfee1e]{flex-direction:column;gap:10px}.action-btn[data-v-dabfee1e]{width:100%;justify-content:center;padding:12px 16px}.char-grid[data-v-dabfee1e],.template-grid[data-v-dabfee1e]{grid-template-columns:1fr}.stats-card[data-v-dabfee1e]{flex-direction:column;gap:20px;padding:16px;margin-top:16px}.stats-divider[data-v-dabfee1e]{height:1px;width:100%}.toast[data-v-dabfee1e]{min-width:250px;bottom:24px;padding:12px 16px;font-size:14px}.batch-actions[data-v-dabfee1e]{flex-direction:column}.batch-password-item[data-v-dabfee1e]{flex-direction:column;gap:8px}.batch-idx[data-v-dabfee1e]{align-self:flex-start}.batch-password-input[data-v-dabfee1e],.action-btn.sm[data-v-dabfee1e]{width:100%}}@media(max-width:480px){.generator-wrap[data-v-dabfee1e]{padding:12px 8px}.generator-card[data-v-dabfee1e],.settings-card[data-v-dabfee1e]{padding:16px 14px;border-radius:16px;margin:0}.title[data-v-dabfee1e]{font-size:20px}.password-input[data-v-dabfee1e]{font-size:15px;padding:10px 12px}.action-btn[data-v-dabfee1e]{min-height:44px;font-size:13px}.strength-tip[data-v-dabfee1e]{flex-direction:column;text-align:center;gap:8px;padding:12px;margin-top:16px}.stats-value[data-v-dabfee1e]{font-size:24px}.stats-card[data-v-dabfee1e]{padding:14px 12px;gap:16px;margin-top:12px}.batch-card[data-v-dabfee1e]{padding:16px 14px;border-radius:16px}.batch-password-list[data-v-dabfee1e]{max-height:300px}@media(max-width:290px){.generator-wrap[data-v-dabfee1e]{padding:8px 4px}.generator-card[data-v-dabfee1e],.settings-card[data-v-dabfee1e],.batch-card[data-v-dabfee1e]{padding:12px 8px}.stats-card[data-v-dabfee1e]{margin-top:8px;padding:10px 8px}}}@media(prefers-color-scheme:dark){.generator-wrap[data-v-dabfee1e]{background:linear-gradient(135deg,#0f172a,#1e293b)}.generator-card[data-v-dabfee1e],.settings-card[data-v-dabfee1e],.stats-card[data-v-dabfee1e],.batch-card[data-v-dabfee1e]{background:#1e293be6;border-color:#4755694d;color:#f1f5f9}.password-input[data-v-dabfee1e],.special-input[data-v-dabfee1e],.batch-password-input[data-v-dabfee1e]{background:#1e293b;border-color:#475569;color:#f1f5f9}.password-input[data-v-dabfee1e]:focus,.special-input[data-v-dabfee1e]:focus,.batch-password-input[data-v-dabfee1e]:focus{background:#0f172a}.action-btn[data-v-dabfee1e]{background:#1e293b;border-color:#475569;color:#cbd5e1}.action-btn[data-v-dabfee1e]:hover:not(:disabled){background:#334155;border-color:#3b82f6;color:#60a5fa}.action-btn.active[data-v-dabfee1e]{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.regenerate[data-v-dabfee1e]{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#dbeafe}.strength-indicator[data-v-dabfee1e]{background:#1e293b;border-color:#475569}.strength-tip[data-v-dabfee1e]{background:linear-gradient(135deg,#164e63,#0c4a6e);color:#bae6fd;border-left-color:#0ea5e9}.char-option[data-v-dabfee1e],.template-option[data-v-dabfee1e]{border-color:#475569;background:#1e293b;color:#cbd5e1}.char-option[data-v-dabfee1e]:hover,.template-option[data-v-dabfee1e]:hover{border-color:#64748b}.char-option.active[data-v-dabfee1e],.template-option.active[data-v-dabfee1e]{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.char-icon[data-v-dabfee1e],.template-name[data-v-dabfee1e]{color:#cbd5e1}.char-option.active .char-icon[data-v-dabfee1e]{color:#60a5fa}.char-label[data-v-dabfee1e],.template-desc[data-v-dabfee1e],.setting-label[data-v-dabfee1e],.strength-label[data-v-dabfee1e]{color:#cbd5e1}.stats-label[data-v-dabfee1e]{color:#94a3b8}.batch-password-item[data-v-dabfee1e]{background:#1e293b;border-color:#475569}.batch-idx[data-v-dabfee1e]{color:#94a3b8}.batch-generate-btn[data-v-dabfee1e]{background:linear-gradient(135deg,#0c4a6e,#0891b2)}.batch-generate-btn[data-v-dabfee1e]:hover{background:linear-gradient(135deg,#0891b2,#0e7490)}}.page-header[data-v-dabfee1e]{margin-bottom:32px;text-align:center;width:100%!important;padding:0 4px!important}.intro[data-v-dabfee1e]{margin:0 auto 24px;color:#475569;line-height:1.7;font-size:clamp(13px,3vw,15px);max-width:100%!important;width:100%!important;padding:0 4px!important}.highlight[data-v-dabfee1e]{background:linear-gradient(120deg,#e0f2fe,#dbeafe);padding:2px 6px!important;border-radius:6px;font-weight:600;color:#1e40af;white-space:nowrap}.trust-badges[data-v-dabfee1e]{display:flex;justify-content:center;gap:8px!important;flex-wrap:wrap;margin-top:24px;padding:0 4px!important;width:100%!important}.security-tips[data-v-dabfee1e]{margin-top:48px!important;width:100%!important}.tip-card[data-v-dabfee1e]{background:#fff;border-radius:16px;padding:20px 8px!important;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;width:100%!important}.tip-card[data-v-dabfee1e]:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.tip-number[data-v-dabfee1e]{font-size:clamp(24px,6vw,32px);font-weight:800;color:#e2e8f0;margin-bottom:12px;line-height:1;padding:0 4px!important}.technical-info[data-v-dabfee1e]{margin-top:48px!important;background:#fff;border-radius:20px;padding:20px 8px!important;box-shadow:0 4px 20px #0000000f;width:100%!important}.tech-content[data-v-dabfee1e]{font-size:clamp(13px,2.5vw,15px);color:#475569;line-height:1.7;padding:0 4px!important;width:100%!important}.page-footer[data-v-dabfee1e]{margin-top:64px!important;font-size:clamp(12px,2.5vw,14px);color:#64748b;text-align:center;border-top:1px solid #e2e8f0;padding:32px 4px 16px!important;width:100%!important}.footer-content[data-v-dabfee1e]{max-width:100%!important;margin:0 auto!important;width:100%!important}.footer-links[data-v-dabfee1e]{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:8px!important;flex-wrap:wrap;width:100%!important}.features span[data-v-dabfee1e]{margin-right:1rem}.features span[data-v-dabfee1e]:last-child{margin-right:0}.security-status[data-v-dabfee1e]{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px;font-size:12px;line-height:1.4}.status-item[data-v-dabfee1e]{display:flex;align-items:center}.status[data-v-dabfee1e]{padding:4px 8px;border-radius:6px;font-weight:500;white-space:nowrap}.status.checking[data-v-dabfee1e]{color:#6b7280;background:#f3f4f6}.status.safe[data-v-dabfee1e]{color:#065f46;background:#ecfdf5}.status.danger[data-v-dabfee1e]{color:#7f1d1d;background:#fef2f2}.status.strong[data-v-dabfee1e]{color:#064e3b;background:#d1fae5}.status.weak[data-v-dabfee1e]{color:#92400e;background:#fffbeb}@media(prefers-color-scheme:dark){.status.checking[data-v-dabfee1e]{background:#1f2937;color:#9ca3af}.status.safe[data-v-dabfee1e]{background:#10b98126;color:#6ee7b7}.status.danger[data-v-dabfee1e]{background:#ef444426;color:#fca5a5}.status.strong[data-v-dabfee1e]{background:#10b98133;color:#a7f3d0}.status.weak[data-v-dabfee1e]{background:#f59e0b33;color:#fde68a}}.security-status[data-v-dabfee1e]{margin-top:6px;font-size:12px}.status[data-v-dabfee1e]{display:inline-block;padding:2px 6px;border-radius:4px;font-weight:500;margin-right:4px}.status.checking[data-v-dabfee1e]{color:#6b7280}.status.safe[data-v-dabfee1e]{color:#065f46}.status.danger[data-v-dabfee1e]{color:#7f1d1d}.status.strong[data-v-dabfee1e]{color:#047857}.status.weak[data-v-dabfee1e]{color:#b91c1c}.status.degraded[data-v-dabfee1e]{color:#92400e}.strength-fill.degraded[data-v-dabfee1e]{background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 6px,transparent 6px,transparent 12px);filter:saturate(.7)}.strength-fill.compromised-fill[data-v-dabfee1e]{background-color:#7f1d1d!important;background-image:none}.batch-highlight[data-v-dabfee1e]{border-radius:10px;outline:2px dashed #3b82f6;outline-offset:4px;box-shadow:0 4px 12px #3b82f633;transition:box-shadow .3s ease,outline .3s ease}