/* v66 · 更直观、按需操作的账户安全中心 */
.security-overview,.security-editor{color:#344055}
.security-overview{display:grid;gap:18px}
.security-overview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 2px 2px}
.security-overview-head span,.security-editor header small{color:#71809a;font-size:12px;font-weight:700;letter-spacing:.08em}
.security-overview-head h3,.security-editor header h3{margin:5px 0 7px;font-size:24px;line-height:1.2;color:#27344b}
.security-overview-head p,.security-editor header p{margin:0;color:#8792a5;font-size:13px;line-height:1.75}
.security-score{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 13px;border-radius:999px;font-size:12px}
.security-score i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;font-style:normal}
.security-score.complete{background:#ecfbf1;color:#209456}.security-score.complete i{background:#37bd70}
.security-score.attention{background:#fff5e6;color:#b7791f}.security-score.attention i{background:#eda841}
.security-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.security-action-card{position:relative;display:flex;min-height:330px;padding:30px 26px 24px;overflow:hidden;flex-direction:column;align-items:center;text-align:center;border:1px solid #e3e8f0;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 12px 35px rgba(43,62,94,.08)}
.security-action-card:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#5f89ff,#62c9d5);content:""}
.security-action-card.needs-attention:before{background:linear-gradient(90deg,#f0b548,#f38c5d)}
.security-corner{position:absolute;top:13px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#55c970;color:#fff;box-shadow:0 3px 10px rgba(55,187,105,.3);font-size:13px;font-style:normal}
.needs-attention .security-corner{background:#eea63d}
.security-card-icon{display:grid;place-items:center;width:92px;height:92px;margin:5px 0 8px;border-radius:28px;background:#eff5ff;color:#4c7ff1}
.security-card-icon svg,.security-editor-icon svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.security-status{display:inline-flex;margin-top:1px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700}.security-status.is-ready{background:#ecfaf1;color:#269854}.security-status.is-warning{background:#fff3e2;color:#b97719}
.security-action-card h3{margin:10px 0 7px;color:#2d394e;font-size:19px}.security-action-card p{min-height:44px;margin:0;color:#8b95a7;font-size:12px;line-height:1.75}
.security-action-card>button{width:100%;height:45px;margin-top:auto;border:1px solid #cfd7e5;border-radius:11px;background:#fff;color:#344055;font-weight:700;transition:.18s ease}
.security-action-card>button i{margin-left:4px;font-style:normal}.security-action-card>button:hover{border-color:#5a7dea;background:#5a7dea;color:#fff;box-shadow:0 8px 18px rgba(73,105,205,.22);transform:translateY(-1px)}
.security-friendly-tip{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #dfe8f6;border-radius:14px;background:#f5f8fd}.security-friendly-tip>i{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:#e5edff;color:#5475d8;font-size:11px;font-style:normal;font-weight:800}.security-friendly-tip div{display:grid;gap:3px}.security-friendly-tip b{font-size:12px}.security-friendly-tip span{color:#7e8aa0;font-size:11px;line-height:1.6}
.security-editor{max-width:650px;margin:0 auto}.security-back{margin:0 0 14px;padding:7px 0;border:0;background:transparent;color:#65748f;font-size:12px}.security-back:hover{color:#4f73df}
.security-editor>header{display:flex;align-items:center;gap:17px;margin-bottom:18px;padding:20px 22px;border:1px solid #e1e7f0;border-radius:18px;background:linear-gradient(135deg,#f5f8ff,#fff)}
.security-editor-icon{display:grid;place-items:center;flex:0 0 70px;height:70px;border-radius:20px;background:#e9f1ff;color:#4b7dec}.security-editor-icon svg{width:48px;height:48px}
.security-editor-form{display:grid;gap:16px;padding:23px;border:1px solid #e2e7ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(42,58,87,.06)}
.security-editor-form>label{display:grid;gap:7px;color:#59677c;font-size:12px;font-weight:700}.security-editor-form input,.security-editor-form select{width:100%;height:44px;padding:0 12px;border:1px solid #dbe1eb;border-radius:11px;background:#fff;color:#334057;outline:0;transition:.18s}.security-editor-form input:focus,.security-editor-form select:focus{border-color:#6b8beb;box-shadow:0 0 0 3px rgba(91,124,227,.12)}
.security-password-field{position:relative}.security-password-field input{padding-right:58px}.security-password-field button{position:absolute;top:5px;right:5px;height:34px;padding:0 10px;border:0;border-radius:8px;background:#f0f3f8;color:#68758a;font-size:11px}.security-password-field button:hover{background:#e4eaff;color:#4b6ed1}
.security-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:center}.security-strength i{height:4px;border-radius:4px;background:#e5e9f0}.security-strength small{grid-column:1/-1;color:#929cad;font-size:10px;font-weight:400}.security-strength[data-score="1"] i:nth-child(1){background:#ef6a65}.security-strength[data-score="2"] i:nth-child(-n+2){background:#e8aa3d}.security-strength[data-score="3"] i:nth-child(-n+3){background:#60b982}.security-strength[data-score="4"] i{background:#38aa6b}
.security-field-hint{color:#909bad;font-size:10px;font-weight:400}.security-field-hint[data-state="success"]{color:#2b9a5d}.security-field-hint[data-state="error"]{color:#d75a5a}
.security-editor-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:3px;padding-top:15px;border-top:1px solid #edf0f4}.security-editor-form footer button{height:42px;padding:0 20px;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#59667a;font-weight:700}.security-editor-form footer button.primary{border-color:#5877df;background:#5877df;color:#fff}.security-editor-form footer button:disabled{cursor:wait;opacity:.65}
.dark-mode .security-overview,.dark-mode .security-editor{color:#e8edf5}.dark-mode .security-overview-head h3,.dark-mode .security-editor header h3,.dark-mode .security-action-card h3{color:#f2f5fa}.dark-mode .security-overview-head p,.dark-mode .security-editor header p,.dark-mode .security-action-card p{color:#aab4c3}
.dark-mode .security-action-card,.dark-mode .security-editor-form{border-color:#3b4658;background:linear-gradient(180deg,#2b3442,#252e3b);box-shadow:none}.dark-mode .security-editor>header{border-color:#3b4658;background:linear-gradient(135deg,#303b4c,#252e3b)}.dark-mode .security-card-icon,.dark-mode .security-editor-icon{background:#334463;color:#7fa5ff}.dark-mode .security-action-card>button,.dark-mode .security-editor-form footer button{border-color:#4a5669;background:#303a49;color:#e3e8f0}.dark-mode .security-friendly-tip{border-color:#3c4a61;background:#2c3747}.dark-mode .security-friendly-tip span{color:#b4becc}.dark-mode .security-editor-form input,.dark-mode .security-editor-form select{border-color:#485467;background:#222b37;color:#edf1f6}.dark-mode .security-password-field button{background:#394454;color:#d1d8e3}.dark-mode .security-editor-form footer{border-color:#3e4858}
@media(max-width:760px){.security-card-grid{grid-template-columns:1fr}.security-action-card{min-height:300px}.security-overview-head{align-items:flex-start;flex-direction:column}.security-score{align-self:flex-start}.security-editor>header{align-items:flex-start}.security-editor-icon{flex-basis:58px;height:58px}.security-editor-icon svg{width:40px;height:40px}.security-editor-form{padding:18px}.security-editor-form footer button{flex:1;padding:0 10px}}