/* King6 premium visual system. Loaded after the compiled UniApp styles. */
:root,
html[data-front-theme="aurora"] {
  --k6-bg: #050d18;
  --k6-bg-2: #071827;
  --k6-surface: rgba(9, 25, 43, .78);
  --k6-surface-strong: rgba(13, 34, 57, .92);
  --k6-surface-soft: rgba(255, 255, 255, .075);
  --k6-text: #f7fbff;
  --k6-muted: #a6b8cb;
  --k6-line: rgba(151, 191, 229, .2);
  --k6-primary: #4edfc0;
  --k6-primary-2: #6e7cff;
  --k6-on-primary: #05241e;
  --k6-success: #34d399;
  --k6-danger: #ff6b7a;
  --k6-vip: #e9cd7b;
  --k6-glow: rgba(78, 223, 192, .25);
  --k6-shadow: 0 26px 80px rgba(0, 0, 0, .46);
}

html[data-front-theme="pearl"] {
  --k6-bg: #eef4ff;
  --k6-bg-2: #dce8ff;
  --k6-surface: rgba(255, 255, 255, .78);
  --k6-surface-strong: rgba(255, 255, 255, .95);
  --k6-surface-soft: rgba(37, 99, 235, .065);
  --k6-text: #10233f;
  --k6-muted: #5e7390;
  --k6-line: rgba(49, 91, 155, .17);
  --k6-primary: #2864e8;
  --k6-primary-2: #7c3aed;
  --k6-on-primary: #fff;
  --k6-success: #0f9f6e;
  --k6-danger: #dc4257;
  --k6-vip: #b5892d;
  --k6-glow: rgba(40, 100, 232, .2);
  --k6-shadow: 0 28px 74px rgba(45, 73, 125, .18);
}

html[data-front-theme="obsidian"] {
  --k6-bg: #080807;
  --k6-bg-2: #16130e;
  --k6-surface: rgba(24, 21, 16, .82);
  --k6-surface-strong: rgba(28, 25, 20, .95);
  --k6-surface-soft: rgba(216, 180, 107, .09);
  --k6-text: #fffaf0;
  --k6-muted: #b6aa92;
  --k6-line: rgba(222, 194, 133, .2);
  --k6-primary: #d8b46b;
  --k6-primary-2: #f1dfad;
  --k6-on-primary: #171006;
  --k6-success: #b8d889;
  --k6-danger: #f07e78;
  --k6-vip: #f1d389;
  --k6-glow: rgba(216, 180, 107, .22);
  --k6-shadow: 0 28px 82px rgba(0, 0, 0, .58);
}

html, body, uni-page-body, #app {
  color: var(--k6-text);
  font-family: Inter, "SF Pro Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background: var(--k6-bg);
}

body, uni-view, uni-text, uni-button, uni-input, input, textarea {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body, p, span, uni-text, input, textarea {
  user-select: text;
}

button, uni-button, .start-page__button, .login-card__button,
.login-card__tab, .home-menu, .exchange-card__button,
.password-form__submit, .bind-address-page__submit, .withdraw-page__submit {
  user-select: none;
}

*:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--k6-primary) 70%, white) !important;
  outline-offset: 3px !important;
}

/* Reusable brand lockup injected by king6-theme.js */
.king6-brand-lockup {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--k6-text);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -.4px;
}

.king6-brand-lockup img {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 30px var(--k6-glow);
}

.king6-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 4px;
}

.king6-trust-chip {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--k6-line);
  background: var(--k6-surface-soft);
  color: var(--k6-muted);
  font-size: 11px;
  font-weight: 600;
  backdrop-filter: blur(14px);
}

/* Start page */
.start-page {
  background: radial-gradient(circle at 20% 12%, var(--k6-glow), transparent 35%), var(--k6-bg) !important;
}

.start-page__video {
  filter: saturate(.9) contrast(1.07) brightness(.84);
  transform: scale(1.02);
}

.start-page__mask {
  background:
    linear-gradient(180deg, rgba(3, 9, 16, .16) 0%, rgba(3, 10, 18, .28) 36%, var(--k6-bg) 112%),
    radial-gradient(circle at 60% 28%, transparent 0, rgba(0, 0, 0, .2) 64%) !important;
}

html[data-front-theme="pearl"] .start-page__mask {
  background: linear-gradient(180deg, rgba(6, 19, 41, .15) 0%, rgba(238, 244, 255, .12) 45%, var(--k6-bg) 112%) !important;
}

.start-page__lang {
  top: calc(22px + env(safe-area-inset-top)) !important;
  right: 24px !important;
  padding: 9px 13px !important;
  border: 1px solid var(--k6-line) !important;
  border-radius: 999px !important;
  color: #f8fbff !important;
  background: rgba(4, 14, 26, .34) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}

.start-page__content {
  width: min(92%, 620px) !important;
  padding: 96px 26px 38px !important;
  gap: 0 !important;
  justify-content: center !important;
}

.start-page__content > .king6-brand-lockup {
  position: absolute;
  top: calc(21px + env(safe-area-inset-top));
  left: 24px;
}

.start-page .king6-brand-lockup {
  color: #fff;
}

.start-page .king6-trust-chip {
  color: rgba(255,255,255,.86);
  border-color: rgba(255,255,255,.22);
  background: rgba(4,14,26,.34);
}

.start-page__slogan {
  margin-top: 4px !important;
  color: var(--k6-primary) !important;
  font-size: clamp(12px, 3.1vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
}

.start-page__count {
  margin-top: 16px !important;
  color: #fff !important;
  font-size: clamp(42px, 12vw, 76px) !important;
  line-height: .98 !important;
  letter-spacing: -2.8px !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 12px 45px rgba(0, 0, 0, .5);
}

html[data-front-theme="pearl"] .start-page__slogan,
html[data-front-theme="pearl"] .start-page__desc,
html[data-front-theme="pearl"] .start-page__points {
  color: #f5f9ff !important;
}

.start-page__date {
  margin-top: 11px !important;
  color: rgba(255, 255, 255, .92) !important;
  font-weight: 700 !important;
}

.start-page__points {
  margin-top: 24px !important;
  color: rgba(255, 255, 255, .9) !important;
  line-height: 1.85 !important;
  font-size: clamp(14px, 3.6vw, 17px) !important;
}

.start-page__desc {
  max-width: 520px;
  margin-top: 23px !important;
  color: rgba(255, 255, 255, .82) !important;
  line-height: 1.6 !important;
}

.start-page__button {
  min-width: 220px !important;
  margin-top: 22px !important;
  padding: 18px 27px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--k6-primary) 60%, white) !important;
  background: linear-gradient(135deg, var(--k6-primary), var(--k6-primary-2)) !important;
  color: var(--k6-on-primary) !important;
  font-weight: 800 !important;
  letter-spacing: .25px;
  box-shadow: 0 18px 42px var(--k6-glow) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.start-page__button:hover {
  transform: translateY(-2px) scale(1.01);
  filter: brightness(1.06);
  box-shadow: 0 22px 52px var(--k6-glow) !important;
}

/* Login and registration */
.login-page {
  background: var(--k6-bg) !important;
}

.login-page__video {
  filter: saturate(.86) brightness(.74) contrast(1.08);
}

.login-page__mask {
  background:
    radial-gradient(circle at 20% 14%, var(--k6-glow), transparent 36%),
    linear-gradient(180deg, rgba(2, 8, 16, .24), var(--k6-bg) 110%) !important;
}

.login-page__lang {
  color: #fff !important;
  border: 1px solid var(--k6-line) !important;
  border-radius: 999px !important;
  padding: 9px 13px !important;
  background: rgba(3, 13, 24, .32) !important;
  backdrop-filter: blur(16px);
}

.login-page__content {
  width: min(100%, 520px) !important;
  padding: 78px 20px 34px !important;
}

.login-card {
  width: min(100%, 450px) !important;
  padding: 25px !important;
  border: 1px solid var(--k6-line) !important;
  border-radius: 26px !important;
  background: var(--k6-surface) !important;
  color: var(--k6-text) !important;
  backdrop-filter: blur(26px) saturate(1.18);
  box-shadow: var(--k6-shadow) !important;
}

.login-card > .king6-brand-lockup {
  justify-content: center;
  margin: 0 0 19px;
}

.login-card__tabs {
  padding: 4px !important;
  border-radius: 14px !important;
  background: var(--k6-surface-soft) !important;
  border: 1px solid var(--k6-line);
}

.login-card__tab {
  min-height: 43px !important;
  border-radius: 11px !important;
  color: var(--k6-muted) !important;
  font-weight: 700 !important;
  z-index: 1;
}

.login-card__tab.is-active {
  color: var(--k6-on-primary) !important;
}

.login-card__tab-slider {
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--k6-primary), var(--k6-primary-2)) !important;
  box-shadow: 0 10px 26px var(--k6-glow) !important;
}

.login-card__title {
  color: var(--k6-text) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.5px;
}

.login-card__field {
  min-height: 54px !important;
  margin-top: 13px !important;
  border: 1px solid var(--k6-line) !important;
  border-radius: 14px !important;
  background: var(--k6-surface-soft) !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.login-card__field:focus-within {
  border-color: var(--k6-primary) !important;
  background: color-mix(in srgb, var(--k6-surface-soft) 78%, var(--k6-primary)) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--k6-primary) 17%, transparent) !important;
}

.login-card__input,
.login-card__country-code,
.login-card__country-arrow,
.login-card__lock,
.login-card__eye {
  color: var(--k6-text) !important;
}

.login-card__input::placeholder,
.login-card__forgot {
  color: var(--k6-muted) !important;
}

.login-card__button {
  min-height: 54px !important;
  margin-top: 20px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, var(--k6-primary), var(--k6-primary-2)) !important;
  color: var(--k6-on-primary) !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 38px var(--k6-glow) !important;
}

/* Signed-in application */
.home-page {
  color: var(--k6-text) !important;
  background: var(--k6-bg) !important;
}

.home-page__video {
  filter: saturate(.78) brightness(.52) contrast(1.08);
}

.home-page__shade {
  background:
    radial-gradient(circle at 82% 12%, var(--k6-glow), transparent 36%),
    linear-gradient(180deg, rgba(1, 6, 13, .25), var(--k6-bg) 80%) !important;
}

.home-page__topbar {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px clamp(18px, 4vw, 36px) !important;
}

.home-menu {
  border: 1px solid var(--k6-line) !important;
  border-radius: 14px !important;
  color: var(--k6-text) !important;
  background: var(--k6-surface) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
}

.home-menu__dot {
  background: var(--k6-primary) !important;
  box-shadow: 0 0 14px var(--k6-primary);
}

.home-page__content {
  width: min(100% - 28px, 1120px) !important;
  margin: 0 auto !important;
  padding: 22px 0 62px !important;
}

.home-hero,
.exchange-card,
.withdraw-balance-card,
.profile-card,
.membership-card,
.record-card,
.bind-address-card,
.certificate-card {
  border: 1px solid var(--k6-line) !important;
  border-radius: 22px !important;
  background: var(--k6-surface) !important;
  color: var(--k6-text) !important;
  backdrop-filter: blur(22px);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .2) !important;
}

.home-hero__title,
.exchange-card__value,
.withdraw-balance-card__amount {
  color: var(--k6-text) !important;
  font-variant-numeric: tabular-nums;
}

.home-hero__strong,
.exchange-card__remaining,
.home-drawer__vip {
  color: var(--k6-primary) !important;
}

.home-hero__paragraph,
.exchange-card__label,
.withdraw-balance-card__label,
.withdraw-balance-card__tip {
  color: var(--k6-muted) !important;
}

.exchange-card {
  padding: clamp(20px, 4vw, 30px) !important;
}

.exchange-card__row {
  border-color: var(--k6-line) !important;
}

.exchange-card__button,
.exchange-order-panel__submit,
.password-form__submit,
.bind-address-page__submit,
.withdraw-page__submit {
  border-radius: 14px !important;
  border-color: var(--k6-line) !important;
  font-weight: 800 !important;
}

.exchange-card__button--primary,
.exchange-order-panel__submit,
.password-form__submit,
.bind-address-page__submit,
.withdraw-page__submit {
  background: linear-gradient(135deg, var(--k6-primary), var(--k6-primary-2)) !important;
  color: var(--k6-on-primary) !important;
  box-shadow: 0 15px 36px var(--k6-glow) !important;
}

.exchange-card__button--plain {
  color: var(--k6-text) !important;
  background: var(--k6-surface-soft) !important;
}

.exchange-order-panel,
.home-drawer,
.customer-panel,
.app-popup {
  border: 1px solid var(--k6-line) !important;
  background: var(--k6-surface-strong) !important;
  color: var(--k6-text) !important;
  backdrop-filter: blur(28px);
  box-shadow: var(--k6-shadow) !important;
}

.home-drawer__profile {
  background: linear-gradient(135deg, var(--k6-surface-soft), transparent) !important;
  border-color: var(--k6-line) !important;
}

.home-drawer__balance,
.home-drawer__shortcut,
.home-drawer__link,
.home-drawer__score {
  border-color: var(--k6-line) !important;
  background: var(--k6-surface-soft) !important;
  color: var(--k6-text) !important;
}

.home-drawer__shortcut:hover,
.home-drawer__link:hover {
  border-color: var(--k6-primary) !important;
  background: color-mix(in srgb, var(--k6-surface-soft) 84%, var(--k6-primary)) !important;
}

.home-drawer__progress-fill,
.exchange-order-panel__progress-active {
  background: linear-gradient(90deg, var(--k6-primary), var(--k6-primary-2)) !important;
}

.customer-service-button {
  width: 54px !important;
  height: 54px !important;
  right: 20px !important;
  bottom: calc(20px + env(safe-area-inset-bottom)) !important;
  border: 1px solid color-mix(in srgb, var(--k6-primary) 70%, white) !important;
  background: linear-gradient(135deg, var(--k6-primary), var(--k6-primary-2)) !important;
  box-shadow: 0 17px 42px var(--k6-glow) !important;
  transition: transform .2s ease;
}

.customer-service-button:hover {
  transform: translateY(-3px) scale(1.03);
}

@media (min-width: 900px) {
  .start-page__content {
    align-items: flex-start !important;
    text-align: left !important;
    margin-left: max(7vw, 56px) !important;
  }
  .start-page__content > .king6-brand-lockup {
    left: 0;
  }
  .king6-trust-row {
    justify-content: flex-start;
  }
  .start-page__button {
    align-self: flex-start;
  }
  .login-page__content {
    margin-left: auto;
    margin-right: max(7vw, 70px);
  }
}

@media (max-width: 520px) {
  .start-page__content {
    justify-content: flex-start !important;
    padding-top: 126px !important;
  }
  .start-page__count {
    font-size: clamp(40px, 11vw, 54px) !important;
  }
  .start-page__points {
    margin-top: 18px !important;
    line-height: 1.68 !important;
  }
  .start-page__desc {
    margin-top: 17px !important;
  }
  .start-page__button {
    width: 100% !important;
    margin-top: 17px !important;
  }
  .login-card {
    padding: 21px 18px !important;
    border-radius: 22px !important;
  }
  .home-page__content {
    width: min(100% - 20px, 1120px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .start-page__video, .login-page__video, .home-page__video {
    display: none !important;
  }
}