/* h9 login only. Reuse the live homepage palette without changing other pages. */
html body #app .login-page[data-v-d884a739] {
  background: var(--fcwl-page, #f7f7f9) !important;
  color: var(--fcwl-text, #303030) !important;
}

html body #app .login-page[data-v-d884a739]::before {
  background: linear-gradient(180deg, var(--fcwl-card, #fff), var(--fcwl-page, #f7f7f9)) !important;
}

html body #app .login-page[data-v-d884a739]::after {
  background: var(--fcwl-card, #fff) !important;
}

html body #app .login-page[data-v-d884a739] .login-brand-dynamic {
  color: var(--fcwl-text, #303030) !important;
}

html body #app .login-page[data-v-d884a739] .login-logo-mark {
  color: var(--fcwl-accent, #d8162f) !important;
  border-color: var(--fcwl-accent, #d8162f) !important;
  background: var(--fcwl-card, #fff) !important;
  text-shadow: none !important;
}

html body #app .login-page[data-v-d884a739] .login-welcome {
  color: var(--fcwl-text, #303030) !important;
  text-shadow: none !important;
}

html body #app .login-page[data-v-d884a739] .login-subtitle {
  color: #666 !important;
  opacity: 1 !important;
}

html body #app .login-page.wechat[data-v-d884a739] .wechat-tab,
html body #app .login-page.account[data-v-d884a739] .account-tab {
  background: var(--fcwl-card, #fff) !important;
  color: var(--fcwl-accent, #d8162f) !important;
}

html body #app .login-page.wechat[data-v-d884a739] .account-tab,
html body #app .login-page.account[data-v-d884a739] .wechat-tab,
html body #app .login-page[data-v-d884a739] .wechat-login-hotspot,
html body #app .login-page[data-v-d884a739] .account-login-hotspot {
  background: var(--fcwl-accent, #d8162f) !important;
  color: #fff !important;
}

html body #app .login-page[data-v-d884a739] .wechat-login-hotspot,
html body #app .login-page[data-v-d884a739] .account-login-hotspot {
  box-shadow: 0 10px 20px rgba(216, 22, 47, .18) !important;
}

html body #app .login-page[data-v-d884a739] .exact-input {
  background: var(--fcwl-card, #fff) !important;
  color: var(--fcwl-text, #303030) !important;
  caret-color: var(--fcwl-accent, #d8162f) !important;
  border-bottom-color: rgba(216, 22, 47, .18) !important;
}

html body #app .login-page[data-v-d884a739] .exact-input:focus {
  border-bottom-color: var(--fcwl-accent, #d8162f) !important;
}

html body #app .login-page[data-v-d884a739] .forget-hotspot,
html body #app .login-page[data-v-d884a739] .register-hotspot {
  color: var(--fcwl-accent, #d8162f) !important;
}

html body #app .login-page[data-v-d884a739] .wechat-login-hotspot::before,
html body #app .login-page[data-v-d884a739] .register-hotspot::before {
  color: var(--fcwl-text, #303030) !important;
}

html body #app .login-page[data-v-d884a739] .eye-hotspot {
  filter: grayscale(1);
}