/* login 页面私有样式（token/公共组件见 ../tokens|base|components.css） */

  body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }

  .login-card { background: var(--surface); border-radius: var(--radius-l); padding: 40px 36px; width: 360px; max-width: 92vw; }
  .login-card .brand { font-size: 17px; font-weight: 700; margin-bottom: 4px; }
  .login-card .brand span { font-weight: 300; color: var(--fg2); }
  .login-card .desc { font-size: 12px; color: var(--fg3); margin-bottom: 24px; }

  .login-card input[type="password"] {
    width: 100%; padding: 10px 14px; font-size: 14px; font-family: inherit;
    border: 1px solid var(--line); border-radius: var(--radius-m); outline: none;
    background: var(--bg); color: var(--fg); transition: border-color var(--t-fast);
  }
  .login-card input[type="password"]:focus { border-color: var(--fg2); background: var(--surface); }

  .login-card .btn-login {
    width: 100%; margin-top: 14px; padding: 10px 0; font-size: 14px;
    border-radius: var(--radius-m); border: none; cursor: pointer; font-family: inherit;
    background: var(--fg); color: var(--fg-invert); font-weight: 600; transition: background var(--t-fast);
  }
  .login-card .btn-login:hover { background: var(--fg-hover); }
  .login-card .btn-login:disabled { background: var(--fg3); cursor: not-allowed; }

  .login-card .err { display: none; margin-top: 12px; font-size: 12px; color: var(--danger-text); background: var(--danger-bg); border: 1px solid var(--danger-line); border-radius: var(--radius-s); padding: 8px 12px; }
  .login-card .err.show { display: block; }