.auth-body{min-height:100dvh;margin:0;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--page-bg,#f6f7f9);color:var(--ink,#273246);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth-card{width:min(420px,100%);background:var(--theme-surface,#fff);border:1px solid var(--theme-line,#dfe5ee);border-radius:16px;padding:32px 28px 28px;box-shadow:var(--theme-shadow,0 12px 36px #18243b1a);position:relative}
.auth-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;margin-bottom:8px}
.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--action,var(--theme-accent,#315bea));color:#fff;width:36px;height:36px;border-radius:9px;position:relative;font-size:23px;font-weight:750;letter-spacing:-1px;line-height:1}
.brand-mark>span{width:5px;height:5px;background:#ffca66;border-radius:1px;position:absolute;right:5px;top:5px}
.brand-name{font-size:22px;font-weight:750;letter-spacing:-.6px}
.brand-name>span{font-weight:750}
.brand-domain{font:600 13px/1 system-ui;color:var(--theme-muted,#647084);letter-spacing:1px;margin-left:8px;vertical-align:2px}
.auth-toolbar{position:absolute;top:20px;right:20px}
.auth-toolbar .language-switch,.language-switch{font-size:13px;font-weight:650;color:var(--theme-accent,#315bea);text-decoration:none;padding:6px 8px;border-radius:6px}
.auth-toolbar .language-switch:hover{background:var(--theme-soft,#f2f5fa)}
.auth-card h1{margin:22px 0 8px;font-size:26px;letter-spacing:-.6px}
.auth-lead,.auth-help,.auth-footer,.auth-alt{color:var(--theme-muted,#647084);font-size:14px}
.auth-error{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:var(--danger-soft,#fdecee);color:#9b1c1c;border:1px solid #f3c4c4;font-size:14px}
html[data-theme="dark"] .auth-error{background:var(--danger-soft,#3d272c);color:var(--danger,#ffb5ad);border-color:#6a3a3a}
.auth-form{margin-top:20px;display:grid;gap:14px}
.auth-field{display:grid;gap:6px;font-size:14px;font-weight:600}
.auth-field small{font-weight:400;color:var(--theme-muted,#647084)}
.auth-field input{width:100%;box-sizing:border-box;border:1px solid var(--theme-line,#dfe5ee);border-radius:8px;padding:12px 13px;background:var(--theme-surface,#fff);color:inherit;font:inherit;font-weight:400}
.auth-field input:focus{outline:2px solid var(--theme-accent,#315bea);outline-offset:1px;border-color:var(--theme-accent,#315bea)}
.auth-password{display:flex;align-items:center;gap:8px}
.auth-password input{flex:1}
.auth-toggle{flex:none;border:0;background:transparent;color:var(--theme-accent,#315bea);font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:6px 4px;white-space:nowrap}
.auth-submit{margin-top:6px;width:100%;border:0;border-radius:8px;padding:13px 16px;background:var(--action,var(--theme-accent,#315bea));color:#fff;font:inherit;font-weight:650;cursor:pointer}
.auth-submit:hover{background:var(--action-hover,#2547c4)}
.auth-alt,.auth-footer{margin:16px 0 0}
.auth-alt a,.auth-footer a{color:var(--theme-accent,#315bea);text-decoration:none;font-weight:650}
.auth-help{margin:10px 0 0}
@media(max-width:480px){.auth-card{padding:26px 18px 22px;border-radius:14px}.auth-card h1{font-size:23px}}

/* Align the auth card with the shared type and radius language. */
.auth-body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;background:var(--page-bg,#f5f6f8);color:var(--ink,#111827)}
.auth-card{border-radius:16px;box-shadow:var(--shadow-md,0 8px 24px #10182814)}
.auth-card h1{letter-spacing:-.04em;font-weight:700}
.auth-field input{border-radius:8px;min-height:44px}
.auth-submit{border-radius:8px;font-weight:600;min-height:44px;transition:background .15s ease}
.auth-toolbar .language-switch{border:1px solid var(--theme-line,#e6eaf0);border-radius:8px;min-height:32px;display:inline-flex;align-items:center}