:root {
  color: #17271f;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

.login-content {
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 32px 24px !important;
  background: #f4f7f5 !important;
}

.login-panel {
  width: 432px !important;
  max-width: calc(100vw - 48px) !important;
  margin: 0 !important;
  border: 1px solid #dfe5e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 32px rgb(20 54 38 / 9%) !important;
}

.login-form {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  padding: 36px 40px 32px !important;
}

.login-logo-box,
#footer,
.github-corner {
  display: none !important;
}

.login-form form {
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
}

.login-form .ant-form-item {
  margin-bottom: 18px;
}

.login-form .ant-input-affix-wrapper,
.login-form .ant-input,
.login-form .ant-select-selector {
  border-color: #cbd5d0 !important;
  border-radius: 5px !important;
}

.login-form .ant-input-affix-wrapper {
  min-height: 44px;
  padding: 5px 12px;
}

.login-form .ant-input {
  min-height: 42px;
}

.login-form .ant-input-affix-wrapper:focus,
.login-form .ant-input-affix-wrapper-focused,
.login-form .ant-input:focus {
  border-color: #2d7a58 !important;
  box-shadow: 0 0 0 2px rgb(45 122 88 / 12%) !important;
}

.login-form .site-form-item-icon {
  color: #708078;
}

.login-form .login-button {
  height: 44px;
  border-radius: 5px;
  background: #246b4a;
  box-shadow: none;
  font-weight: 600;
}

.login-form .login-button:hover,
.login-form .login-button:focus {
  background: #1d5b3f !important;
}

.login-form .signin-methods {
  margin: 0 0 20px;
}

.login-form .ant-tabs-nav::before {
  border-bottom-color: #e3e8e5;
}

.login-form .ant-tabs-tab {
  padding: 6px 8px;
}

.login-form .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #246b4a !important;
}

.login-form .ant-tabs-ink-bar {
  background: #246b4a !important;
}

@media screen and (max-width: 560px) {
  .login-content {
    padding: 16px !important;
  }

  .login-panel {
    max-width: 100% !important;
  }

  .login-form {
    padding: 30px 24px 26px !important;
  }
}