.security-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(10,17,12,.72);backdrop-filter:blur(10px)}
.security-dialog{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #314036;border-radius:20px;background:#f7f9f6;box-shadow:0 34px 100px rgba(0,0,0,.34)}
.security-head{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:start;padding:26px 28px 23px;color:#f5f8f5;background:#172019}
.security-seal{width:56px;height:56px;display:grid;place-items:center;border:1px solid #6f8174;border-radius:17px;color:#172019;background:var(--lime);font-size:22px;font-weight:900}
.security-head span{color:#a9b7ac;font-size:9px;font-weight:800;letter-spacing:.14em}.security-head h1{margin:7px 0 6px;font-size:22px;letter-spacing:-.03em}.security-head p{margin:0;color:#b8c2ba;font-size:11px;line-height:1.55}.security-head>button{width:38px;height:38px;border:1px solid #3a493e;border-radius:10px;color:#dce5de;background:#222d25;font-size:22px;cursor:pointer}
.security-start,.security-enrollment,.security-recovery{padding:26px 28px 28px}.security-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;padding:0;list-style:none}.security-steps li{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:11px;border:1px solid #dce3dc;border-radius:12px;color:#7a857c;background:#fff}.security-steps li>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf1ed;font-size:11px}.security-steps span,.security-steps small{display:block}.security-steps span{font-size:11px;font-weight:800}.security-steps small{margin-top:3px;font-size:9px;font-weight:400}.security-steps li.active{border-color:#8ca491;color:#234f35}.security-steps li.active>b{color:#fff;background:var(--green)}
.security-notice{margin-bottom:18px;padding:16px 17px;border-left:4px solid var(--lime);background:#eaf0e9}.security-notice b{font-size:12px}.security-notice p{margin:5px 0 0;color:#647067;font-size:10px;line-height:1.6}.security-primary,.security-secondary{min-height:44px;padding:0 18px;border-radius:10px;font-weight:800;cursor:pointer}.security-primary{border:1px solid var(--green);color:#fff;background:var(--green)}.security-secondary{border:1px solid #cfd8d0;color:#334239;background:#fff}.security-primary:disabled,.security-secondary:disabled{opacity:.5;cursor:wait}
.secret-ticket{position:relative;display:grid;grid-template-columns:1fr auto;gap:9px 12px;margin-bottom:20px;padding:20px;border:1px dashed #9cac9f;border-radius:14px;background:#fff}.secret-ticket:before,.secret-ticket:after{content:"";position:absolute;top:50%;width:14px;height:28px;border-radius:14px;background:#f7f9f6;transform:translateY(-50%)}.secret-ticket:before{left:-8px;border-right:1px dashed #9cac9f}.secret-ticket:after{right:-8px;border-left:1px dashed #9cac9f}.secret-ticket>span{grid-column:1/-1;color:#647267;font-size:9px;font-weight:800;letter-spacing:.1em}.secret-ticket strong{align-self:center;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:.08em}.secret-ticket button,.secret-ticket a{display:grid;place-items:center;min-height:38px;padding:0 12px;border:1px solid #d3dcd4;border-radius:9px;color:#315940;background:#f8faf8;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.secret-ticket small{grid-column:1/-1;color:#7b867e;font-size:9px}
#mfa-enable-form{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:end}#mfa-enable-form label{display:grid;gap:7px}#mfa-enable-form label span{font-size:10px;font-weight:800}#mfa-enable-form input{height:44px;padding:0 13px;border:1px solid #cbd5cc;border-radius:10px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:19px;letter-spacing:.2em}#mfa-enable-form .form-error{grid-column:1/-1}#mfa-enable-form button{height:44px}
.recovery-title span{color:#477156;font-size:9px;font-weight:900;letter-spacing:.15em}.recovery-title h2{margin:7px 0 5px;font-size:22px}.recovery-title p{margin:0;color:#6b766e;font-size:11px;line-height:1.55}.security-recovery ol{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:20px 0;padding:0;border:1px solid #cfd8d0;border-radius:14px;background:#fff;list-style:none;counter-reset:recovery}.security-recovery li{counter-increment:recovery;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 15px;border-bottom:1px dashed #dce3dc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.06em}.security-recovery li:nth-child(odd){border-right:1px dashed #dce3dc}.security-recovery li:nth-last-child(-n+2){border-bottom:0}.security-recovery li:before{content:counter(recovery,decimal-leading-zero);color:#8a968c;font-size:9px}.security-recovery>button{width:100%;margin-top:9px}
.security-status{display:flex;align-items:flex-start;gap:15px;margin:28px;padding:20px;border:1px solid #bfd0c2;border-radius:14px;background:#edf5ee}.security-status>i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--green);font-style:normal;font-weight:900}.security-status b,.security-status p,.security-status small{display:block}.security-status b{font-size:14px}.security-status p{margin:5px 0;color:#58665c;font-size:11px}.security-status small{color:#748077;font-size:9px}
.security-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.security-inline-action{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0 13px;border:1px solid #9cb3a1;border-radius:9px;color:#28583a;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.security-rotation{padding:26px 28px 28px}.rotation-warning{position:relative;padding:20px;border:1px dashed #a5b3a7;border-radius:14px;background:#fff}.rotation-stamp{position:absolute;right:18px;top:18px;padding:4px 7px;border:1px solid #bdcbc0;border-radius:5px;color:#738077;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;transform:rotate(-3deg)}.rotation-warning span{color:#477156;font-size:9px;font-weight:900;letter-spacing:.14em}.rotation-warning h2{margin:7px 0 6px;font-size:21px}.rotation-warning p{max-width:520px;margin:0;color:#68746b;font-size:11px;line-height:1.6}#mfa-rotation-form{display:grid;gap:11px;margin-top:18px}#mfa-rotation-form label{display:grid;gap:7px}#mfa-rotation-form label span{font-size:10px;font-weight:800}#mfa-rotation-form input{height:44px;padding:0 13px;border:1px solid #cbd5cc;border-radius:10px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.06em}.rotation-actions{display:flex;justify-content:flex-end;gap:9px}.rotation-actions button{min-width:132px}
.security-replacement{padding:26px 28px 28px}.replacement-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin-bottom:21px}.replacement-route span{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #d7dfd8;border-radius:12px;color:#77827a;background:#fff}.replacement-route span>b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#506057;background:#edf1ed;font-size:12px}.replacement-route span>small{font-size:10px}.replacement-route span.active{border-color:#8da691;color:#214e34}.replacement-route span.active>b{color:#fff;background:var(--green)}.replacement-route>i{position:relative;min-width:74px;color:#7d8880;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;text-transform:uppercase}.replacement-route>i:before,.replacement-route>i:after{content:"";position:absolute;top:50%;width:14px;border-top:1px dashed #9fad9f}.replacement-route>i:before{right:100%}.replacement-route>i:after{left:100%}.replacement-copy{margin-bottom:17px;padding:0 2px}.replacement-copy span{color:#477156;font-size:9px;font-weight:900;letter-spacing:.14em}.replacement-copy h2{margin:7px 0 6px;font-size:21px}.replacement-copy p{margin:0;color:#68746b;font-size:11px;line-height:1.6}.replacement-form{display:grid;gap:11px}.replacement-form label{display:grid;gap:7px}.replacement-form label span{font-size:10px;font-weight:800}.replacement-form input{height:44px;padding:0 13px;border:1px solid #cbd5cc;border-radius:10px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.06em}
@media(max-width:720px){.security-overlay{padding:0;place-items:stretch}.security-dialog{width:100%;max-height:100vh;border:0;border-radius:0}.security-head{grid-template-columns:46px 1fr auto;padding:20px 16px}.security-seal{width:46px;height:46px;border-radius:14px}.security-head h1{font-size:19px}.security-start,.security-enrollment,.security-recovery,.security-rotation,.security-replacement{padding:20px 16px}.security-steps{grid-template-columns:1fr}.secret-ticket{grid-template-columns:1fr}.secret-ticket button,.secret-ticket a{grid-column:1}.security-recovery ol{grid-template-columns:1fr}.security-recovery li:nth-child(odd){border-right:0}.security-recovery li:nth-last-child(2){border-bottom:1px dashed #dce3dc}#mfa-enable-form{grid-template-columns:1fr}#mfa-enable-form button{width:100%}.rotation-stamp{position:static;display:inline-block;margin-bottom:14px}.rotation-actions{display:grid;grid-template-columns:1fr}.rotation-actions button{width:100%}.replacement-route{grid-template-columns:1fr}.replacement-route>i{min-height:18px;display:grid;place-items:center}.replacement-route>i:before,.replacement-route>i:after{top:50%;width:calc(50% - 52px)}.replacement-route>i:before{right:calc(50% + 52px)}.replacement-route>i:after{left:calc(50% + 52px)}.security-inline-actions{display:grid;grid-template-columns:1fr}.security-inline-action{justify-content:center;min-height:44px}.topbar #mfa-security{margin-left:0;font-size:0}.topbar #mfa-security:after{content:"安全";font-size:11px}}
@media(prefers-reduced-motion:reduce){.security-overlay{backdrop-filter:none}}