:root{
  --account-danger:#b54843;
  --account-danger-soft:#fff1ef;
  --account-line:rgba(16,45,38,.09);
  --account-field:#f4f6f4;
}
:root[data-zh-theme="dark"]{
  --account-danger:#f08a80;
  --account-danger-soft:rgba(240,138,128,.12);
  --account-line:rgba(220,232,225,.11);
  --account-field:#22342d;
}
.account-sheet{max-height:calc(100dvh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.account-operations{margin:24px -20px -4px;border-top:1px solid var(--account-line)}
.account-operation{position:relative;display:flex;width:100%;min-height:54px;align-items:center;padding:0 36px;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:500;text-align:left}
.account-operation+.account-operation::before{position:absolute;top:0;right:16px;left:16px;height:1px;background:var(--account-line);content:""}
.account-operation:active{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.account-operation.account-danger{color:var(--account-danger)}
.account-security-backdrop{position:fixed;z-index:180;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(11,25,20,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .22s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.account-security-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.security-sheet{width:min(100%,430px);max-height:88dvh;padding:20px 16px calc(18px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;border:0;border-radius:12px 12px 0 0;background:var(--surface);box-shadow:0 -14px 48px rgba(16,45,38,.2);transform:translateY(100%);transition:transform .24s ease-out;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.account-security-backdrop.open .security-sheet{transform:translateY(0)}
.delete-account-sheet{height:min(68dvh,650px);min-height:560px}
.security-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.security-head h2{margin:0;color:var(--ink);font-size:20px;line-height:1.25;font-weight:700}
.security-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.security-close{flex:0 0 auto;width:36px;height:36px;border:0;border-radius:12px;background:var(--account-field);color:var(--ink);font-size:22px;line-height:1}
.security-copy{margin:0 0 14px;color:var(--ink-soft);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.security-copy strong{display:block;margin-bottom:5px;color:var(--ink);font-size:14px;font-weight:600}
.security-copy.muted{color:var(--muted);font-size:12px}
.security-phone-note{margin:18px 0 12px;color:var(--ink);font-size:13px;font-weight:500}
.security-field{display:grid;gap:7px;margin-top:13px}
.security-field>span{padding-left:1px;color:var(--muted);font-size:12px;font-weight:500}
.security-input{width:100%;height:50px;padding:0 14px;border:1px solid var(--account-line);border-radius:12px;outline:0;background:var(--account-field);color:var(--ink);font-size:14px}
.security-input:focus{border-color:var(--ink-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 8%,transparent)}
.security-code-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:8px}
.security-send{height:50px;border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);border-radius:12px;background:transparent;color:var(--ink);font-size:13px;font-weight:500}
.security-send:disabled{opacity:.5}
.security-error{min-height:18px;margin:10px 1px 0;color:var(--account-danger);font-size:12px;line-height:1.45}
.security-primary,.security-danger-button{width:100%;min-height:50px;margin-top:10px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:15px;font-weight:600}
.security-danger-button{background:var(--account-danger);color:#fff}
.security-primary:disabled,.security-danger-button:disabled{background:#c8ccca;color:#f5f5f4;opacity:1}
:root[data-zh-theme="dark"] .security-primary:disabled,:root[data-zh-theme="dark"] .security-danger-button:disabled{background:#42504b;color:#87928e}
.account-confirm-backdrop{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:20px;background:rgba(11,25,20,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .2s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.account-confirm-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.account-confirm{width:min(100%,344px);padding:20px;border:1px solid var(--account-line);border-radius:12px;background:var(--surface);box-shadow:0 24px 64px rgba(0,0,0,.24);transform:scale(.97);transition:transform .18s ease}
.account-confirm-backdrop.open .account-confirm{transform:scale(1)}
.account-confirm h2{margin:0;color:var(--ink);font-size:18px;font-weight:650}
.account-confirm p{margin:10px 0 20px;color:var(--ink-soft);font-size:13px;line-height:1.65}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.confirm-actions button{min-height:44px;border:0;border-radius:12px;font-size:14px;font-weight:600}
.confirm-cancel{background:var(--account-field);color:var(--ink)}
.confirm-accept{background:var(--ink);color:#fff}
.confirm-accept.danger{background:var(--account-danger)}
.account-security-backdrop button:active,.account-confirm-backdrop button:active{transform:scale(.97)}
body.security-modal-open{overflow:hidden}
@media(max-height:700px){.delete-account-sheet{height:86dvh;min-height:0}}