/* Minimal responsive auth styles — 极简、轻量、适配移动与桌面 */
:root{
  --bg:#ffffff;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#111827;
  --accent-2:#2563eb;
  --text:#0f172a;
  --radius:12px;
  --input-bg:#f8fafc;
  --input-border:#e6edf3;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.auth-viewport{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius);box-shadow:0 8px 30px rgba(16,24,40,0.06);padding:20px}
.auth-card h2{margin:0 0 8px;font-size:20px;font-weight:700}
.auth-card p.lead{margin:0 0 16px;color:var(--muted)}
.form-row{margin-bottom:12px}
.form-row label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}
.form-row input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);font-size:15px}
.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px}
.btn{padding:10px 14px;border-radius:10px;border:0;background:var(--accent);color:#fff;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid var(--input-border);color:var(--text)}
.small-link{display:block;margin-top:12px;text-align:center;color:var(--muted);font-size:14px;text-decoration:none}

@media (max-width:520px){
  .auth-card{padding:16px;border-radius:10px}
  .form-actions{flex-direction:column}
  .btn{width:100%}
}