/* 移动端响应式 - 登录页面 */
@media only screen and (max-width: 768px) {
  .login-card {
    width: 90% !important;
    min-height: auto !important;
    flex-direction: column !important;
  }
  .card-left {
    padding: 32px 24px !important;
  }
  .card-left .main-title {
    font-size: 20px !important;
  }
  .card-left .main-desc {
    font-size: 13px !important;
    margin-bottom: 20px !important;
  }
  .card-left .feature-list {
    display: none !important;
  }
  .card-right {
    width: 100% !important;
    padding: 32px 24px !important;
  }
  .card-right .form-title {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 480px) {
  .login-page {
    padding: 16px !important;
    box-sizing: border-box !important;
  }
  .login-card {
    width: 100% !important;
    max-width: 400px !important;
    border-radius: 8px !important;
  }
  .card-left {
    padding: 24px 20px !important;
  }
  .card-right {
    padding: 24px 20px !important;
  }
  .card-right .form-title {
    font-size: 18px !important;
  }
  .card-right .form-subtitle {
    font-size: 12px !important;
    margin-bottom: 20px !important;
  }
  .card-right .captcha-row {
    flex-wrap: wrap !important;
  }
  .card-right .captcha-row .el-input {
    width: 100% !important;
    flex: none !important;
  }
  .card-right .captcha-row .captcha-img {
    width: 100% !important;
    height: 48px !important;
    margin-top: 8px !important;
  }
  .card-right .login-btn {
    height: 48px !important;
    font-size: 15px !important;
    letter-spacing: 4px !important;
  }
}