/* The standalone account flow continues the original orchid / rose palette. */
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid {
  background: #fbfafe;
  color-scheme: light;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .app-dialog-mask {
  overflow: hidden;
  background: #fbfafe;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-account-page='standalone'] .account-dialog .app-dialog-mask::before {
  content: '';
  position: absolute;
  inset: -3%;
  background: radial-gradient(ellipse at 24% 18%,#e9ddf8,transparent 58%),radial-gradient(ellipse at 82% 74%,#fae8f1,transparent 62%) center 40% / cover no-repeat;
  opacity: .5;
  animation: mystic-login-cosmos 24s ease-in-out infinite alternate;
}
html[data-account-page='standalone'] .account-dialog .app-dialog-mask::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bda4d837, #bda4d837 48%, #fbfafee6),
    radial-gradient(ellipse at 50% 42%, #bda4d837 0%, #bda4d837 48%, transparent 85%);
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-page-close {
  position: fixed;
  top: max(22px, env(safe-area-inset-top));
  right: max(26px, env(safe-area-inset-right));
  z-index: 130;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #7959bc;
  background: transparent;
  border: 0;
  border-radius: 50%;
  text-decoration: none;
  transition: color .2s, background .2s;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-page-close:hover {
  color: #7959bc;
  background: #7959bc0c;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-page-close:focus-visible {
  outline: 2px solid #7959bc;
  outline-offset: 3px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view] {
  padding: 0;
  place-items: stretch;
  height: var(--tianji-visual-viewport-height, 100vh);
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view] .account-dialog-surface {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 84px 28px 42px;
  border: 0;
  border-radius: 0;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  scrollbar-color: #7959bc66 transparent;
  transform: none;
}
html[data-account-page='standalone'] .account-dialog .account-dialog-surface::before {
  display: none;
}
html[data-account-page='standalone'] .mystic-login-content {
  flex: 0 0 auto;
  width: min(440px, 100%);
  margin: auto;
  animation: mystic-login-arrive .7s ease-out both;
}
html[data-account-page='standalone'] .mystic-login-brand {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 23px;
  margin-bottom: 25px;
  border-bottom: 1px solid #7959bc1c;
  color: #7959bc;
}
html[data-account-page='standalone'] .mystic-login-wordmark {
  font: 400 40px/1.15 'Ma Shan Zheng', 'Noto Serif SC', 'Songti SC', serif;
  letter-spacing: .06em;
}
html[data-account-page='standalone'] .mystic-login-signature {
  display: grid;
  gap: 7px;
  color: #736b83;
  font: 10px/1.4 'Noto Serif SC', 'Songti SC', serif;
  letter-spacing: .23em;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .app-dialog-head {
  margin-bottom: 0;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .dialog-kicker {
  color: #736b83;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .18em;
  margin-bottom: 10px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .app-dialog-head h3 {
  color: #2b263d;
  font-family: 'Noto Serif SC', 'Songti SC', serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.45;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog #accountSignedOut {
  margin-top: 22px;
  gap: 23px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding: 4px;
  gap: 4px;
  border: 1px solid #7959bc20;
  border-radius: 11px;
  background: #bda4d837;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-auth-tabs > button {
  min-height: 43px;
  padding: 8px;
  color: #736b83;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02em;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  transition: color .2s, background .2s, border-color .2s;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-auth-tabs > button.active {
  color: #7959bc;
  border-color: #7959bc27;
  background: linear-gradient(120deg, #bda4d837, #bda4d837);
  box-shadow: inset 0 1px 0 #ffffff09;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .account-auth-fields {
  gap: 18px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-field > :is(span, label) {
  color: #514a63;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .06em;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-field input {
  min-height: 52px;
  padding: 13px 15px;
  border: 1px solid #7959bc2c;
  border-radius: 10px;
  color: #2b263d;
  background: #bda4d837;
  box-shadow: inset 0 1px 4px #3e28670d;
  font-size: 15px;
  font-weight: 400;
  caret-color: #7959bc;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-input-shell input {
  padding-right: 68px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-field input::placeholder {
  color: #786e87;
  font-size: 13px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-field input:focus {
  outline: none;
  border-color: #7959bc91;
  background: #faf7fd;
  box-shadow: 0 0 0 3px #3e286704;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .dialog-primary-btn {
  min-height: 51px;
  border: 1px solid #7959bc7a;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(115deg, #8860c4, #7952b8);
  box-shadow: inset 0 1px 0 #ffffff77, 0 5px 18px #3e286716;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  transition: transform .2s, box-shadow .2s, filter .2s;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .dialog-primary-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  background: linear-gradient(115deg, #7952b8, #6845ac);
  box-shadow: inset 0 1px 0 #ffffff77, 0 7px 22px #3e28671e;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .dialog-primary-btn:active:not(:disabled) {
  transform: translateY(0);
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog:has(#accountPasswordLoginRow:not([hidden])) #btnAccountRequestCode {
  color: #7959bc;
  border-color: #7959bc3d;
  background: #bda4d837;
  box-shadow: inset 0 1px 0 #ffffff08;
  font-weight: 500;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog:has(#accountPasswordLoginRow:not([hidden])) #btnAccountRequestCode:hover:not(:disabled) {
  background: #bda4d837;
  border-color: #7959bc70;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog :is(button, summary):focus-visible {
  outline: 2px solid #7959bc;
  outline-offset: 3px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .account-page-policy {
  border: 1px solid #7959bc14;
  border-radius: 10px;
  background: #bda4d82e;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .account-page-policy summary {
  padding: 11px 12px;
}
html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .account-sync-status {
  color: #736b83;
}
html[data-account-page='standalone'] .account-sync-status:empty {
  display: none;
}
html[data-account-page='standalone'] .account-dialog[data-view='success'] .mystic-login-brand {
  display: none;
}
@keyframes mystic-login-cosmos {
  from { transform: scale(1); }
  to { transform: scale(1.04); }
}
@keyframes mystic-login-arrive {
  from { opacity: 0; translate: 0 10px; }
  to { opacity: 1; translate: 0 0; }
}
@media (max-width: 620px), (hover: none) and (pointer: coarse) {
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view] {
    padding: 0;
  }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-page-close {
    top: max(12px, env(safe-area-inset-top));
    right: max(14px, env(safe-area-inset-right));
  }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view] .account-dialog-surface {
    padding: max(78px, calc(env(safe-area-inset-top) + 66px)) max(28px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));
  }
  html[data-account-page='standalone'] .mystic-login-content {
    margin-block: 0 auto;
  }
  html[data-account-page='standalone'] .mystic-login-brand {
    margin-bottom: 23px;
    padding-bottom: 21px;
  }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog .app-dialog-head h3 {
    font-size: 25px;
  }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-field input {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view] .account-dialog-surface { padding-inline: 22px; }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog[data-view='auth'] .account-auth-tabs > button { font-size: 12px; }
}
html[data-account-page='standalone'].mobile-keyboard-open body.tianji-mystic.tianji-orchid .account-dialog[data-view] {
  padding: 0;
}
html[data-account-page='standalone'].mobile-keyboard-open body.tianji-mystic.tianji-orchid .account-dialog[data-view] .account-dialog-surface {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-top: max(62px, calc(env(safe-area-inset-top) + 48px));
  border: 0;
  border-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
  html[data-account-page='standalone'] .account-dialog .app-dialog-mask::before,
  html[data-account-page='standalone'] .mystic-login-content {
    animation: none;
  }
  html[data-account-page='standalone'] body.tianji-mystic.tianji-orchid .account-dialog :is(button, input, .account-page-close) {
    transition: none;
  }
}