/* 登录 / 初始化页。用和主应用同一套色彩变量。 */
.gate{
  min-height:100vh;display:grid;place-items:center;padding:24px;
  background:var(--bg);
}
.gate-card{
  width:min(420px,100%);background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:34px 32px 28px;box-shadow:var(--shadow-2);
}
.gate-brand{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;
  color:var(--accent-ink);margin-bottom:20px;
}
.gate-card h1{
  margin:0 0 8px;font-size:24px;font-weight:660;letter-spacing:-.016em;color:var(--ink);
}
.gate-sub{margin:0 0 22px;font-size:13.5px;color:var(--ink-3);line-height:1.7;}
.gate-card .fl{display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);font-weight:640;margin-bottom:5px;}
.gate-card input,.gate-card select{
  width:100%;font:inherit;font-size:14px;padding:9px 12px;border-radius:8px;
  border:1px solid var(--line-2);background:var(--surface);color:var(--ink);
}
.gate-code{
  font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:19px !important;letter-spacing:.18em;text-align:center;text-transform:uppercase;
}
.gate-go{width:100%;margin-top:18px;padding:10px;font-size:14px;border-radius:9px;}
.gate-go:disabled{opacity:.6;}
.gate-note{
  margin:18px 0 0;font-size:11.5px;color:var(--ink-4);line-height:1.8;
  padding-top:16px;border-top:1px solid var(--line);
}
.gate-note b{color:var(--ink-3);}
.gate-err{
  margin-top:14px;font-size:12.5px;color:var(--bad);background:var(--bad-wash);
  border:1px solid color-mix(in srgb,var(--bad) 28%,transparent);
  border-radius:8px;padding:9px 12px;display:none;line-height:1.7;
}
.gate-err.on{display:block;}
.f2{display:grid;grid-template-columns:1fr auto;gap:12px;}