.auth-gate {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #eef1f7;
  background:
    radial-gradient(circle at 18% 12%, rgba(167, 102, 139, .26), transparent 34%),
    radial-gradient(circle at 86% 84%, rgba(78, 116, 153, .2), transparent 38%),
    #0d1015;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.auth-card { width: min(460px, 100%); padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: rgba(23,27,35,.94); box-shadow: 0 30px 90px rgba(0,0,0,.48); backdrop-filter: blur(28px); }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:28px; }
.auth-brand > span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:linear-gradient(145deg,#d07da2,#728db8); font-weight:800; }
.auth-brand div { display:flex; flex-direction:column; }
.auth-brand strong { font-size:15px; }
.auth-brand small, .auth-intro small { color:#8f98aa; font-size:9px; letter-spacing:.17em; }
.auth-intro h1 { margin:8px 0 10px; font-size:30px; line-height:1.15; }
.auth-intro p { margin:0 0 24px; color:#aeb5c3; line-height:1.65; font-size:14px; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:5px; margin-bottom:20px; border-radius:14px; background:#11151b; }
.auth-tabs button { border:0; border-radius:10px; padding:10px; color:#8992a2; background:transparent; cursor:pointer; }
.auth-tabs button.active { color:#fff; background:#282e39; box-shadow:0 4px 14px rgba(0,0,0,.24); }
.auth-form { display:none; gap:14px; }
.auth-form.active { display:grid; }
.auth-form label { display:grid; gap:7px; color:#b8bfcc; font-size:12px; }
.auth-form input { width:100%; box-sizing:border-box; border:1px solid #343b48; border-radius:12px; padding:12px 13px; color:#fff; outline:none; background:#141820; }
.auth-form input:focus { border-color:#a46c8d; box-shadow:0 0 0 3px rgba(164,108,141,.13); }
.auth-code-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.auth-code-row button { border:1px solid #434a58; border-radius:12px; padding:0 13px; color:#e7e9ee; background:#242a34; cursor:pointer; }
.auth-primary { margin-top:4px; border:0; border-radius:13px; padding:13px; color:#fff; font-weight:700; background:linear-gradient(135deg,#bd6f96,#7188b3); cursor:pointer; }
.auth-primary:disabled { opacity:.55; cursor:wait; }
.mock-code-note { min-height:18px; margin:-5px 0 0; color:#8e97a8; font-size:11px; }
.mock-code-note strong { color:#f0b9d2; font-size:14px; letter-spacing:.16em; }
.auth-error { min-height:20px; margin:15px 0 0; color:#ff9f9f; font-size:12px; }
.auth-footnote { margin:10px 0 0; color:#70798a; font-size:10px; line-height:1.5; }
.account-chip { position:fixed; right:18px; bottom:14px; z-index:9000; display:flex; align-items:center; gap:10px; padding:7px 8px 7px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#cbd0da; background:rgba(18,22,29,.88); box-shadow:0 8px 30px rgba(0,0,0,.25); backdrop-filter:blur(18px); font:11px Inter,"PingFang SC",sans-serif; }
.account-chip button { border:0; border-radius:999px; padding:6px 9px; color:#979faf; background:#2a303a; cursor:pointer; font-size:10px; }
@media (max-width:600px) { .auth-gate{padding:12px}.auth-card{padding:24px 20px;border-radius:22px}.auth-intro h1{font-size:26px}.account-chip{right:10px;bottom:8px} }