/* Load last. Colors only: retain the existing web two-tab / native one-tab layout. */
html body #app .login-page {
  background: #fff !important;
  color: #243b37 !important;
}

html body #app .login-page::before {
  background: linear-gradient(180deg, #008174 0, #008174 164px, #00c8b3 220px, #d8f7f1 100%) !important;
}

html body #app .login-page::after {
  background: #fff !important;
}

html body #app .login-page .login-welcome,
html body #app .login-page .login-subtitle {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body #app .login-page.wechat .wechat-tab,
html body #app .login-page.account .account-tab {
  background: #fff !important;
  color: #008174 !important;
  border-color: #00c8b3 !important;
  box-shadow: none !important;
}

html body #app .login-page.wechat .account-tab,
html body #app .login-page.account .wechat-tab {
  background: #008174 !important;
  color: #fff !important;
  border-color: #008174 !important;
  box-shadow: none !important;
}

html body #app .login-page.wechat .wechat-tab::after,
html body #app .login-page.account .account-tab::before {
  background: #fff !important;
  box-shadow: 0 2px 0 #fff !important;
}

html body #app .login-page .wechat-login-hotspot,
html body #app .login-page .account-login-hotspot {
  background: #008174 !important;
  color: #fff !important;
  border-color: #008174 !important;
  box-shadow: 0 10px 20px rgba(0, 129, 116, .18) !important;
}

html body #app .login-page .wechat-login-hotspot:active,
html body #app .login-page .account-login-hotspot:active {
  background: #006b60 !important;
  border-color: #006b60 !important;
}

html body #app .login-page .wechat-login-hotspot::before {
  color: #36635c !important;
}

html body #app .login-page .forget-hotspot,
html body #app .login-page .register-hotspot {
  background: transparent !important;
  color: #008174 !important;
  box-shadow: none !important;
}

html body #app .login-page .register-hotspot::before {
  color: #536b65 !important;
}

html body #app .login-page .exact-input {
  background: #fff !important;
  color: #243b37 !important;
  border-color: rgba(0, 129, 116, .25) !important;
  caret-color: #008174 !important;
}

html body #app .login-page .exact-input::placeholder {
  color: #6c7d78 !important;
}

html body #app .login-page .exact-input:focus {
  border-color: #00c8b3 !important;
  box-shadow: 0 2px 0 #00c8b3 !important;
}

html body #app .login-page .tab-hotspot:focus-visible,
html body #app .login-page .wechat-login-hotspot:focus-visible,
html body #app .login-page .account-login-hotspot:focus-visible,
html body #app .login-page .forget-hotspot:focus-visible,
html body #app .login-page .register-hotspot:focus-visible,
html body #app .login-page .eye-hotspot:focus-visible {
  outline: 2px solid #008174 !important;
  outline-offset: 3px !important;
}