.account-security{--paper:#f5f6ef;--card:#fffef9;--ink:#1d352b;--muted:#52665c;--line:#d6dfd4;--accent:#245d43;--field:#f7f8f3;margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,"Microsoft YaHei",sans-serif}
html[data-theme="dark"] .account-security{--paper:#101d17;--card:#192b22;--ink:#edf4e9;--muted:#bacfbe;--line:#3a5242;--accent:#bde394;--field:#10231b;color-scheme:dark}
.account-security *{box-sizing:border-box}.account-security [hidden]{display:none!important}
.account-security a{color:inherit;text-underline-offset:4px}.security-nav{display:flex;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100% - 840px)/2));background:#10251e;color:#ecf4df;border-bottom:1px solid #385344}.security-nav a:first-child{font-weight:800;letter-spacing:2px;text-decoration:none}
.account-security main{max-width:800px;margin:auto;padding:44px 24px 72px}.security-heading{margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent)}.account-security h1{font-size:clamp(28px,6vw,38px);line-height:1.3;margin:8px 0}.account-security h2{font-size:20px;margin:0 0 10px}.account-security h3{font-size:15px;margin:0 0 8px}.account-security p{color:var(--muted);margin:8px 0 18px}.security-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.security-tabs a{padding:10px 0;text-decoration:none}.security-tabs a[aria-current="page"]{border-bottom:3px solid var(--accent);font-weight:750}
.security-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:28px;margin:20px 0;box-shadow:0 6px 24px #10251e06}.account-banner,.card-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.account-banner{color:var(--muted)}.account-banner strong{color:var(--ink);overflow-wrap:anywhere}.card-title h2{margin:0}.badge{font-size:12px;border:1px solid var(--line);padding:3px 10px;border-radius:20px;color:var(--accent)}
.account-security label{display:grid;gap:7px;font-weight:600;margin:16px 0;min-width:0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-security input,.account-security textarea{width:100%;min-width:0;font:inherit;font-weight:400;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:12px;outline-offset:3px}.account-security input::placeholder{color:var(--muted)}.account-security button,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #245d43;border-radius:8px;background:#245d43;color:#fff;font:600 14px/1.5 inherit;padding:11px 18px;cursor:pointer;text-decoration:none}.account-security button{font-family:inherit}.account-security button.secondary{background:var(--field);color:var(--ink);border-color:var(--line)}.account-security :is(button,input,textarea,a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.account-security button:disabled{opacity:.55;cursor:wait}.button-row{display:flex;gap:12px;flex-wrap:wrap}.account-security .form-status:empty{display:none}.account-security .form-status{color:#a33b30;overflow-wrap:anywhere}html[data-theme="dark"] .account-security .form-status{color:#ffb6a7}.account-security .help{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.account-security .help p{margin-bottom:0;font-size:14px}.account-security details{margin:12px 0}.account-security summary{cursor:pointer;color:var(--muted)}#generatedCode{font-family:ui-monospace,monospace;overflow-wrap:anywhere;resize:vertical;margin:8px 0 16px}#codeResult{padding-top:20px}
.account-security button,.account-security .button-link{font:600 14px/1.5 system-ui,"Microsoft YaHei",sans-serif}
.email-address{overflow-wrap:anywhere;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--field)}
.recovery-methods{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.account-security .recovery-methods button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.email-code-row{display:flex;gap:12px;align-items:end}.email-code-row label{flex:1}.email-code-row button{margin-bottom:16px;flex-shrink:0}.account-security #emailSendStatus{font-size:14px;overflow-wrap:anywhere}
@media(max-width:520px){.email-code-row{display:block}.recovery-methods{flex-wrap:nowrap}.recovery-methods button{padding:10px 8px}.email-code-row button{margin-bottom:4px}}
@media(max-width:520px){.account-security main{padding:28px 16px 48px}.security-card{padding:20px 16px}.field-pair{grid-template-columns:1fr;gap:0}.field-pair label{margin:8px 0}.security-nav{padding:16px}.account-security button,.button-link{width:100%}}
.account-security .email-blocked{margin:18px 0;padding:16px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:var(--field);color:var(--ink)}.account-security .email-blocked p{margin:8px 0 14px;color:var(--ink)}.account-security button:disabled{cursor:not-allowed}.account-security input:disabled{opacity:.65;cursor:not-allowed}
.account-security .form-status.status-success,html[data-theme="dark"] .account-security .form-status.status-success{color:var(--accent)}
.account-security #bindTarget,.account-security #emailDeliveryHint{overflow-wrap:anywhere}.account-security .email-expiry{font-size:13px;margin-top:-8px}.account-security #emailResult{margin:16px 0 0}.account-security #emailResult:empty{display:none}.account-security #emailEdit{margin-top:2px}