:root {
  color-scheme: dark;
  --ns-bg: #080a0f;
  --ns-surface: #121620;
  --ns-surface-2: #191f2b;
  --ns-border: #2a3242;
  --ns-text: #f5f7fb;
  --ns-muted: #9aa4b2;
  --ns-accent: #e23b68;
  --ns-accent-2: #a855f7;
}

html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.uni-page-body {
  background: var(--ns-bg) !important;
  color: var(--ns-text) !important;
}

body {
  background-image:
    radial-gradient(circle at 15% -10%, rgba(226, 59, 104, .16), transparent 28rem),
    radial-gradient(circle at 100% 15%, rgba(168, 85, 247, .1), transparent 24rem) !important;
  background-attachment: fixed !important;
}

.tab-nav-plus-main,
.home-header,
.integal-mall-menu,
.integal-mall-menutop,
.box,
.bg-w,
.uni-list,
.uni-list-cell,
.cell,
.member-main,
.member-menu,
.order-main,
.integral-mall-coupon,
.integral-mall-couponyh,
.dialog-main,
.login-main {
  background-color: var(--ns-surface) !important;
  border-color: var(--ns-border) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

.list-cell,
.vipcard-con-box {
  background-color: var(--ns-surface) !important;
  color: var(--ns-text) !important;
  border-color: var(--ns-border) !important;
}

.vipcard-con-box {
  box-shadow: 0 12px 28px rgba(0, 0, 0, .2) !important;
}

.tab-nav-plus-main.fixed {
  background: rgba(18, 22, 32, .94) !important;
  border-bottom: 1px solid var(--ns-border) !important;
  backdrop-filter: blur(16px);
}

.home-header {
  background:
    linear-gradient(135deg, rgba(226, 59, 104, .19), rgba(168, 85, 247, .12)),
    var(--ns-surface) !important;
}

.home-mendian {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
}

.box {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .055) !important;
}

.cl-main,
.cl-default,
.tit,
uni-page-head .uni-page-head__title,
.uni-page-head__title {
  color: var(--ns-text) !important;
}

.cl-info,
.cl-info2 {
  color: #c4cad4 !important;
}

.cl-notice,
.cl-placeholder {
  color: var(--ns-muted) !important;
}

.cl-orange,
.cl-price,
.tit.on {
  color: var(--ns-accent) !important;
  border-color: var(--ns-accent) !important;
}

.bg-default {
  background: var(--ns-bg) !important;
}

.bd-left,
.bd-bottom,
.bd-top,
.uni-list-cell,
.cell {
  border-color: var(--ns-border) !important;
}

input,
textarea,
uni-input,
uni-textarea,
.uni-input-input,
.uni-textarea-textarea,
.sl-input {
  color: var(--ns-text) !important;
  background-color: var(--ns-surface-2) !important;
  border-color: var(--ns-border) !important;
}

input::placeholder,
textarea::placeholder,
.uni-input-placeholder,
.uni-textarea-placeholder {
  color: #737f91 !important;
}

button,
.btn-big,
.btn-mid,
.btn-small,
.button-login1 {
  border-color: transparent !important;
}

.btn-big:not(.plan),
.btn-mid:not(.plan),
.btn-small:not(.plan),
.button-login1 {
  background: linear-gradient(135deg, var(--ns-accent), #b62962) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(226, 59, 104, .24) !important;
}

.plan {
  background: transparent !important;
  color: var(--ns-accent) !important;
  border: 1px solid var(--ns-accent) !important;
}

uni-tabbar .uni-tabbar,
.uni-tabbar,
.uni-tabbar__bd {
  background: rgba(13, 16, 24, .96) !important;
  border-top-color: var(--ns-border) !important;
  backdrop-filter: blur(18px);
}

.uni-tabbar__label {
  color: var(--ns-muted) !important;
}

.uni-tabbar__item:nth-child(3) .uni-tabbar__label,
.uni-tabbar__item[aria-selected="true"] .uni-tabbar__label {
  color: var(--ns-accent) !important;
}

.uni-page-head,
uni-page-head {
  background-color: rgba(8, 10, 15, .96) !important;
  border-bottom-color: var(--ns-border) !important;
}

.uni-page-head-btn .uni-btn-icon,
.uni-page-head-hd {
  color: var(--ns-text) !important;
}

uni-modal .uni-modal,
.uni-modal,
uni-toast .uni-toast,
.uni-popup__wrapper {
  color: var(--ns-text) !important;
  background: var(--ns-surface-2) !important;
  border: 1px solid var(--ns-border) !important;
}

.uni-modal__title,
.uni-modal__bd {
  color: var(--ns-text) !important;
}

.uni-modal__btn_default {
  color: var(--ns-muted) !important;
}

.uni-modal__btn_primary {
  color: var(--ns-accent) !important;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background: #343d4e;
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  background: var(--ns-bg);
}