/* Refined login and registration dialog. / 精简登录与注册弹窗的视觉层级。 */
#user-auth-modal{padding:24px 18px;background:rgba(24,31,57,.38);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#user-auth-modal .user-auth-dialog{width:min(100%,440px);padding:32px 28px 26px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:linear-gradient(155deg,var(--card,#fff) 65%,color-mix(in srgb,var(--theme-primary,#8098f9) 8%,var(--card,#fff)));box-shadow:0 28px 90px #17274c30;max-height:calc(100dvh - 48px);overflow:auto}
#user-auth-modal .user-auth-dialog:before{content:none;display:none}
#user-auth-modal .user-auth-dialog h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:0 42px 8px 0;color:var(--label,#17213d)}
#user-auth-modal .user-auth-dialog>p{font-size:13px;line-height:1.7;color:var(--label2,#7d8599);margin:0 0 24px}
#user-auth-modal .user-auth-close{top:22px;right:22px;width:32px;height:32px;background:var(--fill,#f1f3f9);border:0;color:var(--label2,#7f879c)}
#user-auth-modal .user-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;margin-bottom:24px;border-radius:14px;background:var(--fill,#eff1f8)}
#user-auth-modal .user-auth-tabs button{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--label2,#7c849a);font-size:14px;font-weight:600;box-shadow:none;cursor:pointer}
#user-auth-modal .user-auth-tabs button.active{background:var(--card,#fff);color:var(--theme-primary,#8098f9);box-shadow:0 2px 8px #2334560c}
#user-auth-modal .user-account-form{display:grid;gap:18px}
#user-auth-modal .user-account-form label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--label,#27314a)}
#user-auth-modal .user-account-form input{height:48px;min-height:48px;padding:0 14px;border:1px solid var(--sep-soft,#e6e9f2);border-radius:12px;background:var(--bg-elevated,var(--card,#fff));color:var(--label,#202b44);font-size:14px;box-shadow:none;transition:border-color .16s,box-shadow .16s}
#user-auth-modal input::placeholder{color:var(--label3,#a0a7b8);font-size:12px;font-weight:400}
#user-auth-modal input:focus{outline:none;border-color:var(--theme-primary,#8098f9);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary,#8098f9) 13%,transparent)}
#user-auth-modal .user-register-fields:not([hidden]){display:grid;gap:18px}
#user-auth-modal .user-register-fields[hidden]{display:none!important}
#user-auth-modal .user-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}
#user-auth-modal .user-code-row input{width:100%;min-width:0}
#user-auth-modal [data-send-code]{padding:0 8px;border:1px solid color-mix(in srgb,var(--theme-primary,#8098f9) 25%,transparent);border-radius:12px;background:color-mix(in srgb,var(--theme-primary,#8098f9) 8%,var(--card,#fff));color:var(--theme-primary,#8098f9);font-size:12px;font-weight:600;cursor:pointer}
#user-auth-modal [data-send-code]:disabled{opacity:.55;cursor:default}
#user-auth-modal .user-account-message{min-height:0;margin:0;font-size:12px;line-height:1.6;font-weight:400;color:var(--label2,#7b849b)}
#user-auth-modal .user-account-message:empty{display:none}
#user-auth-modal .user-account-actions{margin-top:4px;display:block}
#user-auth-modal .user-account-actions button{width:100%;min-height:48px;border:0;border-radius:13px;background:var(--theme-primary,#8098f9);color:#fff;font-size:15px;font-weight:650;box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary,#8098f9) 23%,transparent);cursor:pointer}
#user-auth-modal .user-account-actions button[hidden]{display:none!important}
#user-auth-modal .user-account-actions button:disabled{opacity:.6;cursor:wait}
@media(max-width:380px){#user-auth-modal .user-auth-dialog{padding:26px 20px 22px;border-radius:24px}#user-auth-modal .user-code-row{grid-template-columns:minmax(0,1fr) 100px}}