#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?v=20261030-brand1") 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;
}

/* 注册/登录页主按钮：暗色底 + 金色字，避免白底或金底金字看不清 */
#app .registerVersion3.router .submitBtn,
#app .loginVersion3.router .submitBtn,
#app .registerVersion3-form .submitBtn,
#app .loginVersion3-form .submitBtn {
  background: linear-gradient(135deg, #2a2418, #1c1811) !important;
  border: 1px solid rgba(212, 178, 106, 0.75) !important;
  color: #f0d79b !important;
  font-weight: 700 !important;
}

#app .registerVersion3.router .submitBtn:active,
#app .loginVersion3.router .submitBtn:active {
  background: linear-gradient(135deg, #3a3122, #241d14) !important;
  color: #ffe9b8 !important;
}

/* 币种/区号用的是原生 <select>，弹层由系统绘制：color-scheme 让它变成暗色，
   否则下拉菜单会是白底（黑字看不清） */
#app select,
#app .select,
#app select.select {
  color-scheme: dark !important;
  color: #f0d79b !important;
  background-color: #1b1c22 !important;
}

#app select option {
  background-color: #14151b !important;
  color: #f0d79b !important;
}

#app select optgroup {
  background-color: #14151b !important;
  color: #f0d79b !important;
}