/**
 * 登录页面样式
 */

body {
  background: linear-gradient(135deg, #e0f2fe 0%, #ddd6fe 50%, #fce7f3 100%);
}

.login-card-header {
  background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 50%, #10b981 100%);
  position: relative;
  overflow: hidden;
}

.login-card-header::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  top: -50px;
  left: -50px;
}

.login-card-header::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  bottom: -40px;
  right: -40px;
}

/* 移动端优化 */
@media (max-width: 640px) {
  body {
    padding: 0.75rem !important;
  }

  .login-card-header {
    height: 80px !important;
  }

  .login-card-header i {
    font-size: 2rem !important;
  }

  .login-title {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
  }

  .login-card-content {
    padding: 1.25rem !important;
  }

  .login-input {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    font-size: 0.9rem !important;
  }

  .login-label {
    font-size: 0.8rem !important;
    margin-bottom: 0.375rem !important;
  }

  .form-group {
    margin-bottom: 0.875rem !important;
  }

  .login-btn {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    font-size: 0.9rem !important;
  }

  #captchaDisplay {
    min-width: 85px !important;
    height: 38px !important;
    font-size: 1rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .captcha-hint {
    display: none;
  }
}