:root {
  --lz-auth-overlay: transparent;
  --lz-auth-surface: rgb(255 255 255 / 97%);
  --lz-auth-surface-soft: #f8fafc;
  --lz-auth-control: #ffffff;
  --lz-auth-control-hover: #f1f5f9;
  --lz-auth-border: #dbe3ee;
  --lz-auth-border-strong: #cbd5e1;
  --lz-auth-text: #0f172a;
  --lz-auth-text-secondary: #475569;
  --lz-auth-text-muted: #64748b;
  --lz-auth-accent: #0284c7;
  --lz-auth-accent-contrast: #ffffff;
  --lz-auth-accent-soft: rgb(2 132 199 / 10%);
  --lz-auth-accent-border: rgb(2 132 199 / 30%);
  --lz-auth-focus-ring: rgb(2 132 199 / 14%);
  --lz-auth-divider: rgb(100 116 139 / 18%);
  --lz-auth-shadow: 0 24px 72px rgb(15 23 42 / 20%);
  --lz-auth-logo-shadow: 0 10px 24px rgb(2 132 199 / 16%);
  --lz-auth-close-surface: #f8fafc;
  --lz-auth-modal-width: 406px;
  --lz-auth-modal-radius: 18px;
  --lz-auth-control-height: 42px;
  --lz-auth-control-radius: 10px;
  --lz-auth-close-size: 32px;
  --lz-auth-logo-size: 48px;
  --lz-auth-page-gutter: 16px;
  --lz-auth-panel-gutter: 22px;
  --lz-auth-layer: 100220;
  --lz-auth-feedback-layer: 100221;
  --lz-auth-social-button-size: 46px;
  --lz-auth-social-icon-size: 44px;
  --lz-auth-social-glyph-size: 27px;
  --lz-auth-social-radius: 50%;
  --lz-auth-captcha-width: 104px;
  --lz-auth-captcha-height: 38px;
  --lz-auth-captcha-radius: 8px;
  --lz-auth-captcha-padding: 2px;
}

:root[data-theme="dark"],
:root.home-force-dark {
  --lz-auth-overlay: transparent;
  --lz-auth-surface: #05070d;
  --lz-auth-surface-soft: #0b1018;
  --lz-auth-control: #070b12;
  --lz-auth-control-hover: #101721;
  --lz-auth-border: rgb(148 163 184 / 18%);
  --lz-auth-border-strong: rgb(148 163 184 / 30%);
  --lz-auth-text: #f8fafc;
  --lz-auth-text-secondary: #b4bfce;
  --lz-auth-text-muted: #8792a3;
  --lz-auth-accent: #38bdf8;
  --lz-auth-accent-contrast: #04111f;
  --lz-auth-accent-soft: rgb(56 189 248 / 8.5%);
  --lz-auth-accent-border: rgb(56 189 248 / 30%);
  --lz-auth-focus-ring: rgb(56 189 248 / 12%);
  --lz-auth-divider: rgb(148 163 184 / 14%);
  --lz-auth-shadow: 0 28px 90px rgb(0 0 0 / 58%);
  --lz-auth-logo-shadow: 0 10px 24px rgb(56 189 248 / 18%);
  --lz-auth-close-surface: #101721;
}

.jn-auth-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--lz-auth-layer);
  display: grid;
  place-items: center;
  overflow-y: auto;
  padding: var(--lz-auth-page-gutter);
  background: var(--lz-auth-overlay);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-sizing: border-box;
}

.jn-auth-overlay[hidden],
.jn-auth-modal.replica-login-modal [hidden],
.replica-login-modal .jn-code-row[hidden] {
  display: none;
}

.jn-auth-modal.replica-login-modal {
  position: relative;
  width: min(var(--lz-auth-modal-width), calc(100vw - (var(--lz-auth-page-gutter) * 2)));
  max-height: calc(100vh - (var(--lz-auth-page-gutter) * 2));
  max-height: calc(100svh - (var(--lz-auth-page-gutter) * 2));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--lz-auth-border);
  border-radius: var(--lz-auth-modal-radius);
  padding: 0 0 var(--lz-auth-panel-gutter);
  background: var(--lz-auth-surface);
  box-shadow: var(--lz-auth-shadow);
  color: var(--lz-auth-text);
  color-scheme: inherit;
  box-sizing: border-box;
}

.replica-login-modal .jn-modal-close {
  position: absolute;
  top: var(--lz-auth-page-gutter);
  right: var(--lz-auth-page-gutter);
  z-index: 1;
  display: grid;
  width: var(--lz-auth-close-size);
  height: var(--lz-auth-close-size);
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--lz-auth-border);
  border-radius: var(--lz-auth-control-radius);
  padding: 0;
  background: var(--lz-auth-close-surface);
  color: transparent;
  -webkit-text-fill-color: transparent;
  box-shadow: none;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  transition: background var(--lz-duration-fast, 160ms) var(--lz-ease-standard, ease), border-color var(--lz-duration-fast, 160ms) var(--lz-ease-standard, ease), transform var(--lz-duration-fast, 160ms) var(--lz-ease-standard, ease);
}

.replica-login-modal .jn-modal-close::before,
.replica-login-modal .jn-modal-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 2px;
  border-radius: var(--lz-radius-pill, 999px);
  background: var(--lz-auth-text-muted);
  transform: translate(-50%, -50%) rotate(45deg);
}

.replica-login-modal .jn-modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.replica-login-modal .jn-modal-close:hover {
  border-color: var(--lz-auth-border-strong);
  background: var(--lz-auth-control-hover);
  transform: translateY(-1px);
}

.replica-login-modal .jn-modal-close:hover::before,
.replica-login-modal .jn-modal-close:hover::after {
  background: var(--lz-auth-text);
}

.replica-login-modal .jn-modal-close:focus-visible,
.replica-login-modal :is(button, input, a):focus-visible {
  outline: 2px solid var(--lz-auth-accent);
  outline-offset: 2px;
}

.replica-login-modal .jn-auth-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 28px calc(var(--lz-auth-panel-gutter) + var(--lz-auth-close-size)) 8px;
  background: transparent;
  color: var(--lz-auth-text);
  text-align: center;
}

.replica-login-modal .jn-auth-logo img {
  display: block;
  width: var(--lz-auth-logo-size);
  height: var(--lz-auth-logo-size);
  border: 0;
  border-radius: var(--lz-auth-control-radius);
  padding: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(var(--lz-auth-logo-shadow));
  object-fit: contain;
  box-sizing: border-box;
}

.replica-login-modal .jn-auth-logo span {
  display: block;
  color: var(--lz-auth-text);
  -webkit-text-fill-color: var(--lz-auth-text);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
}

.replica-login-modal .jn-auth-subtitle {
  width: 100%;
  margin: 0;
  padding: 0 var(--lz-auth-panel-gutter) 16px;
  background: transparent;
  color: var(--lz-auth-text-muted);
  -webkit-text-fill-color: var(--lz-auth-text-muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  box-sizing: border-box;
}

.replica-login-modal .jn-auth-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 var(--lz-auth-panel-gutter) 14px;
  border: 0;
  border-bottom: 1px solid var(--lz-auth-divider);
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.replica-login-modal .jn-auth-tabs[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.replica-login-modal .jn-auth-tabs[data-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.replica-login-modal .jn-auth-tabs button {
  position: relative;
  display: inline-flex;
  min-width: 0;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 0;
  padding: 0 8px;
  background: transparent;
  color: var(--lz-auth-text-muted);
  -webkit-text-fill-color: currentColor;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  transition: none;
}

.replica-login-modal .jn-auth-tabs button::after {
  content: "";
  position: absolute;
  right: 16%;
  bottom: -1px;
  left: 16%;
  height: 2px;
  border-radius: 999px 999px 0 0;
  background: var(--lz-auth-accent);
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: center;
  transition: none;
}

.replica-login-modal .jn-auth-tabs button:hover,
.replica-login-modal .jn-auth-tabs button:focus-visible {
  color: var(--lz-auth-text-secondary);
  -webkit-text-fill-color: currentColor;
}

.replica-login-modal .jn-auth-tabs button:focus-visible {
  outline: 2px solid var(--lz-auth-focus-ring);
  outline-offset: -3px;
}

.replica-login-modal .jn-auth-tabs button[aria-selected="true"] {
  background: transparent;
  color: var(--lz-auth-accent);
  -webkit-text-fill-color: currentColor;
}

.replica-login-modal .jn-auth-tabs button[aria-selected="true"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.replica-login-modal .jn-auth-tab-icon {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.replica-login-modal .jn-auth-form {
  display: block;
  padding: 0 var(--lz-auth-panel-gutter);
  background: transparent;
  color: var(--lz-auth-text);
}

.replica-login-modal .jn-auth-form label {
  display: block;
  min-width: 0;
  margin-bottom: 12px;
}

.replica-login-modal .jn-auth-form span {
  display: block;
  margin-bottom: 6px;
  color: var(--lz-auth-text-secondary);
  -webkit-text-fill-color: var(--lz-auth-text-secondary);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.replica-login-modal .jn-auth-form input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
  height: var(--lz-auth-control-height);
  min-height: var(--lz-auth-control-height);
  border: 1px solid var(--lz-auth-border);
  border-radius: var(--lz-auth-control-radius);
  padding: 0 12px;
  background: var(--lz-auth-control);
  color: var(--lz-auth-text);
  -webkit-text-fill-color: var(--lz-auth-text);
  caret-color: var(--lz-auth-accent);
  box-shadow: none;
  outline: none;
  font: inherit;
  font-size: 13px;
  box-sizing: border-box;
}

.replica-login-modal .jn-auth-form input:not([type="checkbox"]):not([type="radio"])::placeholder {
  color: var(--lz-auth-text-muted);
  -webkit-text-fill-color: var(--lz-auth-text-muted);
  opacity: 1;
}

.replica-login-modal .jn-auth-form input:not([type="checkbox"]):not([type="radio"]):focus {
  border-color: var(--lz-auth-accent);
  box-shadow: 0 0 0 3px var(--lz-auth-focus-ring);
}

.replica-login-modal .jn-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 108px;
  align-items: end;
  gap: 8px;
  margin-bottom: 12px;
  background: transparent;
}

.replica-login-modal .jn-code-row label {
  align-self: end;
  margin-bottom: 0;
}

.replica-login-modal .jn-code-row label span {
  display: none;
}

.replica-login-modal .jn-code-row button,
.replica-login-modal .jn-auth-submit {
  height: var(--lz-auth-control-height);
  min-height: var(--lz-auth-control-height);
  border-radius: var(--lz-auth-control-radius);
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
  box-sizing: border-box;
}

.replica-login-modal .jn-code-row button {
  border: 1px solid var(--lz-auth-accent-border);
  padding: 0 8px;
  background: var(--lz-auth-accent-soft);
  color: var(--lz-auth-accent);
  -webkit-text-fill-color: var(--lz-auth-accent);
  white-space: nowrap;
}

.replica-login-modal .jn-auth-submit {
  width: 100%;
  border: 1px solid var(--lz-auth-accent);
  padding: 0 12px;
  background: var(--lz-auth-accent);
  color: var(--lz-auth-accent-contrast);
  -webkit-text-fill-color: var(--lz-auth-accent-contrast);
}

.replica-login-modal .jn-code-row button:hover {
  border-color: var(--lz-auth-accent);
  background: var(--lz-auth-control-hover);
}

.replica-login-modal .jn-auth-submit:hover {
  filter: brightness(1.04);
}

.replica-login-modal :is(.jn-code-row button, .jn-auth-submit):disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label.jn-agree {
  display: grid;
  max-width: 100%;
  grid-template-columns: 14px max-content;
  align-items: center;
  justify-content: center;
  gap: var(--lz-space-2);
  margin: var(--lz-space-3) auto 0;
  color: var(--lz-auth-text-muted);
  font-size: var(--lz-font-size-xs);
  line-height: var(--lz-line-height-tight);
  text-align: left;
}

body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label.jn-agree input[type="checkbox"] {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  align-self: center;
  margin: 0;
  padding: 0;
  accent-color: var(--lz-auth-accent);
  appearance: auto;
  -webkit-appearance: auto;
  box-shadow: none;
  transform: none;
}

body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label.jn-agree span {
  display: inline;
  margin: 0;
  color: var(--lz-auth-text-muted);
  -webkit-text-fill-color: var(--lz-auth-text-muted);
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  white-space: nowrap;
}

body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label.jn-agree a {
  display: inline;
  color: var(--lz-auth-accent);
  -webkit-text-fill-color: var(--lz-auth-accent);
  line-height: inherit;
  text-decoration: none;
  vertical-align: baseline;
}

.replica-login-modal .jn-third-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px var(--lz-auth-panel-gutter) 10px;
  color: var(--lz-auth-text-muted);
  -webkit-text-fill-color: var(--lz-auth-text-muted);
  font-size: 11px;
  line-height: 1.2;
}

.replica-login-modal .jn-third-title::before,
.replica-login-modal .jn-third-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: var(--lz-auth-divider);
}

.replica-login-modal .jn-third-grid.jn-third-reserved {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lz-space-5,20px);
  padding: 0 var(--lz-auth-panel-gutter);
}

body.public-home .jn-auth-overlay .replica-login-modal .jn-third-grid.jn-third-reserved{background:transparent;background-image:none;border-color:transparent;box-shadow:none;filter:none;backdrop-filter:none}

.replica-login-modal .jn-social-login-btn {
  display: grid;
  width: var(--lz-auth-social-button-size);
  height: var(--lz-auth-social-button-size);
  min-width: var(--lz-auth-social-button-size);
  min-height: var(--lz-auth-social-button-size);
  max-width: var(--lz-auth-social-button-size);
  max-height: var(--lz-auth-social-button-size);
  flex: 0 0 var(--lz-auth-social-button-size);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: var(--lz-auth-social-radius);
  background: transparent;
  color: var(--lz-auth-text);
  box-shadow: none;
  text-decoration: none;
  transition: transform var(--lz-duration-fast, 160ms) var(--lz-ease-standard, ease), opacity var(--lz-duration-fast, 160ms) var(--lz-ease-standard, ease);
}

.replica-login-modal .jn-social-login-btn:hover {
  background: transparent;
  opacity: 0.92;
  transform: scale(1.06);
}

.replica-login-modal .jn-social-login-btn.is-disabled {
  cursor: not-allowed;
  opacity: var(--lz-opacity-disabled);
}

.replica-login-modal .jn-social-login-btn.is-disabled:hover {
  opacity: var(--lz-opacity-disabled);
  transform: none;
}

.replica-login-modal .jn-social-login-icon {
  display: grid;
  width: var(--lz-auth-social-icon-size);
  height: var(--lz-auth-social-icon-size);
  min-width: var(--lz-auth-social-icon-size);
  min-height: var(--lz-auth-social-icon-size);
  max-width: var(--lz-auth-social-icon-size);
  max-height: var(--lz-auth-social-icon-size);
  flex: 0 0 var(--lz-auth-social-icon-size);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: var(--lz-auth-social-radius);
  padding: 0;
  background: transparent;
  box-shadow: none;
  clip-path:circle(50% at 50% 50%);
}

.replica-login-modal .jn-social-login-icon::before {
  content: none;
}

.replica-login-modal .jn-social-login-icon svg,
.replica-login-modal .jn-social-login-icon img {
  display: block;
  overflow: visible;
  border-radius: 0;
  object-fit: contain;
  clip-path: none;
}

.replica-login-modal .jn-social-login-icon.is-qq{background:var(--lz-social-qq-background)}
.replica-login-modal .jn-social-login-icon.is-wechat,.replica-login-modal .jn-social-login-icon.is-wx{background:var(--lz-social-wechat-background)}
.replica-login-modal .jn-social-login-icon.is-qq img,
.replica-login-modal .jn-social-login-icon.is-wechat img,
.replica-login-modal .jn-social-login-icon.is-wx img{width:var(--lz-auth-social-glyph-size);height:var(--lz-auth-social-glyph-size)}

.replica-login-modal .jn-auth-required {
  display: none;
}

@media (max-width: 520px) {
  :root {
    --lz-auth-page-gutter: 12px;
    --lz-auth-panel-gutter: 18px;
    --lz-auth-logo-size: 44px;
  }

  .replica-login-modal .jn-auth-logo {
    padding-top: 24px;
  }

  .replica-login-modal .jn-auth-logo span {
    font-size: 20px;
  }

  .replica-login-modal .jn-auth-subtitle {
    padding-bottom: 14px;
    font-size: 12px;
  }

  .replica-login-modal .jn-code-row {
    grid-template-columns: minmax(0, 1fr) 104px;
  }
}

@media (max-width: 340px) {
  :root {
    --lz-auth-page-gutter: 8px;
    --lz-auth-panel-gutter: 14px;
  }

  .replica-login-modal .jn-auth-tabs button {
    padding-inline: 3px;
    font-size: 11px;
  }

  .replica-login-modal .jn-code-row {
    grid-template-columns: minmax(0, 1fr) 96px;
    gap: 6px;
  }
}

.security-check-layer {
  position: fixed;
  inset: 0;
  z-index: var(--lz-auth-feedback-layer);
  display: grid;
  place-items: center;
  padding: var(--lz-auth-page-gutter);
  background: rgb(2 6 23 / 72%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.security-check {
  width: min(320px, calc(100vw - (var(--lz-auth-page-gutter) * 2)));
  border: 1px solid var(--lz-auth-border);
  border-radius: var(--lz-auth-modal-radius);
  padding: 18px;
  background: var(--lz-auth-surface);
  box-shadow: var(--lz-auth-shadow);
  color: var(--lz-auth-text);
}

.security-check h3 {
  margin: 0 0 6px;
  color: var(--lz-auth-text);
  font-size: 17px;
  line-height: 1.25;
}

.security-check p {
  margin: 0 0 14px;
  color: var(--lz-auth-text-muted);
  font-size: 12px;
  line-height: 1.6;
}

.security-code-box {
  display: grid;
  height: 48px;
  place-items: center;
  overflow: hidden;
  margin-bottom: 12px;
  border: 1px solid var(--lz-auth-border);
  border-radius: var(--lz-auth-control-radius);
  padding: var(--lz-auth-captcha-padding);
  background: var(--lz-auth-control);
}

.security-code-image {
  display: block;
  width: 128px;
  max-width: 100%;
  height: 44px;
  border-radius: calc(var(--lz-auth-control-radius) - var(--lz-auth-captcha-padding));
  object-fit: contain;
}

.security-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 74px;
  gap: 8px;
}

.security-code-row input,
.security-code-row button {
  height: 40px;
  border-radius: var(--lz-auth-control-radius);
}

.security-code-row input {
  border: 1px solid var(--lz-auth-border);
  padding: 0 12px;
  background: var(--lz-auth-control);
  color: var(--lz-auth-text);
  font: 800 14px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.security-code-row button {
  border: 1px solid var(--lz-auth-accent-border);
  background: var(--lz-auth-accent-soft);
  color: var(--lz-auth-accent);
  font-weight: 900;
  cursor: pointer;
}

.security-code-row button:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.security-status {
  min-height: 18px;
  margin-top: 10px;
  color: var(--lz-auth-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.security-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

.security-actions button {
  border: 0;
  padding: 4px 0;
  background: transparent;
  color: var(--lz-auth-accent);
  font-weight: 800;
  cursor: pointer;
}

.notice,
.toast-container,
.toast {
  display: none;
}

.front-auth-code {
  display: grid;
  gap: 6px;
  margin: 0 0 8px;
}

.front-auth-code[hidden] {
  display: none;
}

.front-auth-code-title {
  color: var(--lz-auth-text-muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.3;
}

.front-auth-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--lz-auth-captcha-width);
  align-items: center;
  gap: 8px;
}

.front-auth-code-row input {
  height: var(--lz-auth-captcha-height);
  min-height: var(--lz-auth-captcha-height);
  border-radius: var(--lz-auth-control-radius);
  padding: 0 14px;
  text-align: left;
  letter-spacing: 0;
}

.front-auth-code-box,
.front-auth-code-row button.front-auth-code-box {
  display: grid;
  width: var(--lz-auth-captcha-width);
  height: var(--lz-auth-captcha-height);
  min-height: var(--lz-auth-captcha-height);
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--lz-auth-border-strong);
  border-radius: var(--lz-auth-captcha-radius);
  padding: var(--lz-auth-captcha-padding);
  background: var(--lz-auth-control);
  box-shadow: none;
  color: var(--lz-auth-text-secondary);
  cursor: pointer;
  user-select: none;
}

.front-auth-code-box:hover {
  border-color: var(--lz-auth-accent-border);
  background: var(--lz-auth-control-hover);
}

.front-auth-code-digits {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--lz-auth-text-secondary);
  font: 800 15px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 1px;
  text-align: center;
}

.front-auth-code-digits img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--lz-auth-captcha-radius) - var(--lz-auth-captcha-padding));
  object-fit: contain;
}

.front-auth-code-row button:disabled,
.front-auth-code-refresh:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.front-auth-code small {
  display: none;
}

.front-auth-code[data-auth-state="checking"] .front-auth-code-box {
  opacity: .72;
}

.front-auth-code[data-auth-state="passed"] .front-auth-code-box {
  border-color: var(--lz-auth-accent-border);
}

.front-auth-code[data-auth-state="failed"] .front-auth-code-box {
  border-color: var(--lz-auth-border-strong);
  animation: frontAuthShake .22s ease 1;
}

.front-auth-inline-tip{position:fixed;left:var(--auth-tip-left,50%);top:var(--auth-tip-top,14px);transform:translateX(-50%);z-index:var(--lz-auth-feedback-layer);min-height:30px;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;width:max-content;max-width:min(310px,calc(100vw - 28px));padding:7px 8px 7px 9px;border-radius:8px;border:1px solid rgba(245,158,11,.24);border-left:3px solid #f59e0b;background:rgba(17,24,39,.96);color:#f8fafc;font-size:11.5px;font-weight:800;line-height:1.25;text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;animation:frontAuthTipIn .16s ease-out both}
  .front-auth-inline-tip[hidden]{display:none}
  .front-auth-inline-tip.is-warning,.front-auth-inline-tip.is-error,.front-auth-inline-tip.is-info{border-color:rgba(245,158,11,.24);border-left-color:#f59e0b;color:#f8fafc}
  .front-auth-tip-icon{width:16px;height:16px;min-width:16px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(245,158,11,.16);color:#fbbf24;font-size:11px;font-weight:950;line-height:1}
  .front-auth-tip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;-webkit-text-fill-color:currentColor}
  .front-auth-tip-close{width:18px;height:18px;min-width:18px;margin-left:1px;padding:0;border:0;border-radius:5px;background:transparent;color:#9ca3af;-webkit-text-fill-color:#9ca3af;font-size:15px;line-height:18px;cursor:pointer;box-shadow:none}
  .front-auth-tip-close:hover{background:rgba(255,255,255,.08);color:#fff;-webkit-text-fill-color:#fff}
  .front-auth-inline-tip{min-height:26px;justify-content:center;gap:0;max-width:min(286px,calc(100vw - 28px));padding:7px 12px;border-radius:7px;border:1px solid rgba(56,189,248,.26);background:linear-gradient(180deg,rgba(10,16,29,.96),rgba(5,8,15,.96));color:#dff6ff;font-size:11px;font-weight:760;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.03) inset;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .front-auth-inline-tip.is-warning,.front-auth-inline-tip.is-error,.front-auth-inline-tip.is-info{border-color:rgba(56,189,248,.26);color:#dff6ff}
  .front-auth-tip-icon,.front-auth-tip-close{display:none}
  .front-auth-tip-text{text-align:center}
  html.jn-light-mode body.public-home .front-auth-inline-tip,html[data-theme="light"] body.public-home .front-auth-inline-tip,body.public-home.jn-light-mode .front-auth-inline-tip,body.public-home[data-theme="light"] .front-auth-inline-tip{background:linear-gradient(180deg,rgba(10,16,29,.96),rgba(5,8,15,.96));color:#dff6ff;border-color:rgba(56,189,248,.26);box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.03) inset}
  html.jn-light-mode body.public-home .front-auth-tip-icon,html[data-theme="light"] body.public-home .front-auth-tip-icon,body.public-home.jn-light-mode .front-auth-tip-icon,body.public-home[data-theme="light"] .front-auth-tip-icon,html.jn-light-mode body.public-home .front-auth-tip-close,html[data-theme="light"] body.public-home .front-auth-tip-close,body.public-home.jn-light-mode .front-auth-tip-close,body.public-home[data-theme="light"] .front-auth-tip-close{display:none}
  body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label:not(.jn-agree)>span,html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label:not(.jn-agree)>span,html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form label:not(.jn-agree)>span,body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-auth-form label:not(.jn-agree)>span,body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-auth-form label:not(.jn-agree)>span,body.public-home .jn-auth-overlay .replica-login-modal .front-auth-code-title,html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .front-auth-code-title,html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .front-auth-code-title,body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .front-auth-code-title,body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .front-auth-code-title{color:var(--lz-auth-text-muted);-webkit-text-fill-color:var(--lz-auth-text-muted);font-weight:760}
  body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form .front-auth-code>span.front-auth-code-title,html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form .front-auth-code>span.front-auth-code-title,html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-auth-form .front-auth-code>span.front-auth-code-title,body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-auth-form .front-auth-code>span.front-auth-code-title,body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-auth-form .front-auth-code>span.front-auth-code-title{color:var(--lz-auth-text-muted);-webkit-text-fill-color:var(--lz-auth-text-muted);font-weight:760}
  body.public-home .jn-auth-overlay .replica-login-modal .jn-agree span,html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-agree span,html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-agree span,body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-agree span,body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-agree span{color:var(--lz-auth-text-muted);-webkit-text-fill-color:var(--lz-auth-text-muted)}
  body.public-home .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title,html.jn-light-mode body.public-home .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title,html[data-theme="light"] body.public-home .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title,body.public-home.jn-light-mode .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title,body.public-home[data-theme="light"] .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title{color:var(--lz-auth-text-muted);-webkit-text-fill-color:var(--lz-auth-text-muted)}
  body.public-home .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title::before,body.public-home .jn-auth-overlay .jn-auth-modal.replica-login-modal div.jn-third-title::after{background:var(--lz-auth-border)}
  body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]),html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]),html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]),body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]),body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"]){background:var(--lz-auth-control);color:var(--lz-auth-text-secondary);-webkit-text-fill-color:var(--lz-auth-text-secondary);border-color:var(--lz-auth-border);box-shadow:none}
  body.public-home .jn-auth-overlay .replica-login-modal input:not([type="checkbox"]):not([type="radio"])::placeholder{color:var(--lz-auth-text-muted);-webkit-text-fill-color:var(--lz-auth-text-muted)}
  body.public-home .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code],html.jn-light-mode body.public-home .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code],html[data-theme="light"] body.public-home .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code],body.public-home.jn-light-mode .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code],body.public-home[data-theme="light"] .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code]{background:var(--lz-auth-control);background-image:none;border:1px solid var(--lz-auth-border);color:var(--lz-auth-text-secondary);-webkit-text-fill-color:var(--lz-auth-text-secondary);box-shadow:none}
  body.public-home .jn-auth-overlay .replica-login-modal .jn-code-row button[data-send-code]:hover{background:var(--lz-auth-control-hover);border-color:var(--lz-auth-border-strong);color:var(--lz-auth-text);-webkit-text-fill-color:var(--lz-auth-text)}
  @keyframes frontAuthShake{0%,100%{transform:translateX(0)}33%{transform:translateX(-3px)}66%{transform:translateX(3px)}}@keyframes frontAuthTipIn{from{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
  @media(max-width:620px){.jn-auth-modal.replica-login-modal{width:min(372px,calc(100vw - 20px));max-height:calc(100svh - 20px)}.replica-login-modal .jn-auth-logo{padding:22px 18px 8px}.replica-login-modal .jn-auth-logo img{width:42px;height:42px}.replica-login-modal .jn-auth-logo span{font-size:20px;line-height:22px}.replica-login-modal .jn-auth-subtitle{padding:0 18px 12px;font-size:11.8px}.replica-login-modal .jn-auth-tabs{margin:0 14px 9px}.replica-login-modal .jn-auth-tabs button{height:38px;min-height:38px;gap:5px;padding:0 4px;font-size:10.8px}.replica-login-modal .jn-auth-tab-icon{width:15px;height:15px;flex-basis:15px}.replica-login-modal .jn-auth-form{padding:0 14px}.replica-login-modal .jn-auth-form input,.replica-login-modal .jn-code-row button{height:var(--lz-auth-control-height);min-height:var(--lz-auth-control-height)}.replica-login-modal .jn-code-row{grid-template-columns:minmax(0,1fr) 86px;gap:6px}.replica-login-modal .jn-auth-submit{height:var(--lz-auth-control-height);min-height:var(--lz-auth-control-height)}.replica-login-modal .jn-third-title{margin:8px 14px 7px}.replica-login-modal .jn-third-grid.jn-third-reserved{padding:0 14px;gap:var(--lz-space-5,20px);grid-template-columns:repeat(2,minmax(0,1fr))}.replica-login-modal .jn-third-grid.jn-third-reserved[data-count="1"]{grid-template-columns:1fr}}
  @media(max-width:370px){.jn-auth-modal.replica-login-modal{width:calc(100vw - 12px);max-height:calc(100svh - 12px)}.replica-login-modal .jn-auth-tabs button{gap:4px;padding:0 2px;font-size:10.2px}.replica-login-modal .jn-auth-tab-icon{width:14px;height:14px;flex-basis:14px}.replica-login-modal .jn-third-grid.jn-third-reserved{grid-template-columns:1fr}}

html.home-force-dark,html.home-force-dark body.public-home{background:#050816;color:#f8fafc;color-scheme:dark}
  html.home-force-dark body.public-home :is(.enterprise-alert-layer,.customer-modal-overlay,.account-bind-overlay,.security-check-layer){background:rgba(0,0,0,.72);background-image:none;color:#f8fafc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  html.home-force-dark body.public-home :is(.enterprise-alert,.jn-auth-modal,.replica-login-modal,.customer-modal,.replica-customer-modal,.account-bind-modal,.security-check){background:#05070d;background-image:linear-gradient(180deg,#090d16,#05070d);color:#f8fafc;border-color:rgba(148,163,184,.18);box-shadow:0 28px 90px rgba(0,0,0,.58);color-scheme:dark}
  html.home-force-dark body.public-home :is(.enterprise-alert h3,.jn-auth-modal h1,.jn-auth-modal h2,.jn-auth-modal h3,.jn-auth-logo span,.customer-modal h1,.customer-modal h2,.customer-modal h3,.account-bind-modal h1,.account-bind-modal h2,.account-bind-modal h3,.account-bind-modal strong,.account-bind-modal label){color:#f8fafc;-webkit-text-fill-color:currentColor}
  html.home-force-dark body.public-home :is(.enterprise-alert p,.jn-auth-modal p,.jn-auth-modal span,.jn-auth-modal label,.jn-auth-subtitle,.jn-agree,.jn-third-title,.jn-forgot,.customer-modal p,.customer-modal em,.account-bind-modal p,.account-bind-modal span){color:#94a3b8;-webkit-text-fill-color:currentColor}
  html.home-force-dark body.public-home :is(.front-auth-inline-tip,.jn-modal-close,.customer-modal-close,.jn-code-row button,.jn-captcha,.bind-skip){background:#101721;background-image:none;color:#d5dde8;-webkit-text-fill-color:currentColor;border-color:rgba(148,163,184,.22);box-shadow:none}
  html.home-force-dark body.public-home :is(.jn-auth-submit,.replica-customer-modal .service-actions-single a){background:rgba(56,189,248,.085);background-image:none;border-color:rgba(56,189,248,.30);color:#dff6ff;-webkit-text-fill-color:#dff6ff;box-shadow:none}
