#app .registerVersion3.router {
  background-color: var(--abg-ink) !important;
  background-image:
    radial-gradient(ellipse at 50% 0, var(--border-subtle), transparent 48%),
    linear-gradient(180deg, var(--bg-primary), var(--card-bg-deep) 72%) !important;
  color: var(--abg-gold) !important;
}

#app .registerVersion3.router .header {
  position: relative;
  background: linear-gradient(90deg, var(--card-bg-deep), var(--header-bg)) !important;
  border-bottom: 1px solid var(--abg-line);
  color: var(--abg-gold) !important;
}

#app .registerVersion3.router .header .van-icon {
  color: var(--abg-cream-gold) !important;
}

#app .registerVersion3.router .registerVersion3-form::before {
  content: "";
  display: block;
  width: min(62vw, 220px);
  aspect-ratio: 1955 / 768;
  margin: 0 auto 16px;
  background: url("/static/img/kaiyun-gold-logo.webp") center / contain no-repeat;
  filter: drop-shadow(0 4px 12px var(--border-subtle));
}

#app .loginVersion3-form > img:first-child {
  width: min(62vw, 220px) !important;
  height: auto !important;
  max-height: 88px;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px var(--border-subtle));
}

#app .registerVersion3.router .registerVersion3-form-group > label {
  color: var(--abg-cream-gold) !important;
  font-weight: 600;
}

#app .registerVersion3.router .van-cell {
  background: linear-gradient(135deg, var(--card-bg), var(--card-bg-deep)) !important;
  border: 1px solid var(--gold-border) !important;
  border-radius: 8px !important;
}

#app .registerVersion3.router .van-cell::after {
  display: none;
}

#app .registerVersion3.router .van-field__control,
#app .registerVersion3.router select,
#app .registerVersion3.router option {
  background-color: transparent !important;
  color: var(--abg-gold) !important;
}

#app .registerVersion3.router .van-field__control::placeholder {
  color: var(--text-muted) !important;
}

#app .registerVersion3.router .van-cell--required::before,
#app .registerVersion3.router .van-field__label--required::before {
  color: var(--warning) !important;
}

#app .registerVersion3.router .submitBtn {
  border: 1px solid var(--gold-highlight) !important;
  border-radius: 26px !important;
}

#app .registerVersion3.router img {
  filter: invert(0.92) hue-rotate(180deg);
  border-radius: 4px;
}
