/* 各页面公共页面样式补充 */

/* 登录页面 */
.card--login {
  text-align: center;
  max-width: 360px;
  margin: auto;
}

.card--login h1 {
  color: var(--color-primary);
  margin-bottom: var(--space-2);
}

.card--login .subtitle {
  color: var(--color-text-secondary);
  margin-bottom: var(--space-5);
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.login-form input {
  padding: var(--space-4);
  font-size: 16px;
}

.login-error {
  color: var(--color-danger);
  font-size: var(--font-size-sm);
  margin: 0;
  text-align: left;
  padding-left: var(--space-1);
}

.login-hint {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
}

#login-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 480px) {
  .card--login {
    padding: var(--space-5) var(--space-4);
  }
}