html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  background: #07090d !important;
  color: #eef2ff !important;
}

body,
uni-page-body {
  background-image:
    radial-gradient(circle at top right, rgba(212, 175, 55, 0.16), transparent 22%),
    radial-gradient(circle at bottom left, rgba(44, 92, 197, 0.14), transparent 28%),
    linear-gradient(180deg, #0b0d12 0%, #06070a 100%) !important;
}

view,
div,
uni-view,
uni-scroll-view,
scroll-view {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

img,
uni-image,
.banner-img,
.headImage,
.imgview,
.imgviews,
.img-nav3,
.img-nav3-n,
.img-nav3-n2 {
  border-radius: 14px !important;
}

img {
  object-fit: cover;
}

input,
textarea,
select,
.uni-input-input,
.uni-easyinput__content,
.uni-searchbar__box,
.uni-searchbar__box-search-input {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #f5f7ff !important;
  border-color: rgba(212, 175, 55, 0.18) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(212, 219, 235, 0.38) !important;
}

.white-card,
.asset-card,
.form-card,
.auth-box,
.trade-container,
.price-display,
.order-card,
.coin-list,
.gainers-section,
.notice-strip,
.sort-bar,
.market-card,
.banner-card,
.content-div + div,
.single-info,
.single-info-one,
.even-commodity,
.has-shadow,
.has-radius {
  background: linear-gradient(180deg, rgba(20, 23, 30, 0.98), rgba(11, 13, 18, 0.98)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34) !important;
}

.page-wrap[data-v-227fe3c0],
.assets-page[data-v-2063aad5],
.market-page[data-v-4fa2e7f8],
.lever-page[data-v-33a334b6],
.login-page[data-v-09b14f70],
.login-page[data-v-5d76a09b] {
  background: transparent !important;
}

.nav-bar[data-v-227fe3c0],
.assets-header[data-v-2063aad5],
.market-navbar[data-v-4fa2e7f8],
.header[data-v-33a334b6],
.glass-container[data-v-09b14f70],
.glass-container[data-v-5d76a09b] {
  background: transparent !important;
}

.hero-section[data-v-227fe3c0],
.assets-header[data-v-2063aad5],
.market-navbar[data-v-4fa2e7f8],
.header[data-v-33a334b6] {
  background:
    radial-gradient(circle at top right, rgba(212, 175, 55, 0.14), transparent 26%),
    linear-gradient(180deg, rgba(18, 21, 29, 0.96), rgba(9, 11, 15, 0.96)) !important;
}

.nav-title[data-v-227fe3c0],
.hero-logo[data-v-227fe3c0],
.assets-nav-title[data-v-2063aad5],
.assets-total[data-v-2063aad5],
.gainers-title[data-v-4fa2e7f8],
.coin-name[data-v-227fe3c0],
.coin-price[data-v-227fe3c0],
.coin-name[data-v-4fa2e7f8],
.coin-price[data-v-4fa2e7f8],
.page-title[data-v-09b14f70],
.page-title[data-v-5d76a09b],
.form-title[data-v-09b14f70],
.form-title[data-v-5d76a09b],
.section-title[data-v-227fe3c0] uni-text,
.section-title[data-v-33a334b6],
.assets-label[data-v-2063aad5],
.card-title[data-v-2063aad5],
.assets-title[data-v-2063aad5] {
  color: #f7f9ff !important;
}

.quick-label[data-v-227fe3c0],
.notice-text[data-v-227fe3c0],
.coin-pair[data-v-227fe3c0],
.coin-vol[data-v-227fe3c0],
.coin-cny[data-v-227fe3c0],
.gainer-quote[data-v-4fa2e7f8],
.gainer-cny[data-v-4fa2e7f8],
.notice-strip-text[data-v-4fa2e7f8],
.coin-pair[data-v-4fa2e7f8],
.coin-vol[data-v-4fa2e7f8],
.coin-cny[data-v-4fa2e7f8],
.asset-full-name[data-v-2063aad5],
.asset-frozen[data-v-2063aad5],
.gray7[data-v-33a334b6],
.gray7[data-v-5d76a09b],
.muted[data-v-09b14f70],
.login-footer uni-text[data-v-09b14f70],
.register-footer[data-v-5d76a09b],
.input-group .input-label[data-v-09b14f70],
.input-group .input-label[data-v-5d76a09b] {
  color: #95a0b6 !important;
}

.section-title .title-bar[data-v-227fe3c0],
.title-dot[data-v-2063aad5],
.mnav-tab-active[data-v-4fa2e7f8]::after,
.tab-active[data-v-227fe3c0]::after {
  background-color: #d4af37 !important;
}

.card-more[data-v-2063aad5],
.blueColor[data-v-5d76a09b],
.link-orange[data-v-09b14f70],
.link-orange[data-v-5d76a09b],
.sort-active[data-v-4fa2e7f8] {
  color: #d4af37 !important;
}

.market-tabs[data-v-227fe3c0],
.sort-bar[data-v-4fa2e7f8],
.card-header[data-v-2063aad5],
.notice-bar[data-v-227fe3c0],
.notice-strip[data-v-4fa2e7f8],
.trade-tabs[data-v-33a334b6],
.order-list-tabs[data-v-33a334b6] {
  background: rgba(14, 17, 24, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.tab-item[data-v-227fe3c0],
.sort-item[data-v-4fa2e7f8],
.mnav-tab[data-v-4fa2e7f8],
.auth-tab[data-v-09b14f70],
.auth-tab[data-v-5d76a09b] {
  color: #95a0b6 !important;
}

.tab-active[data-v-227fe3c0],
.sort-active[data-v-4fa2e7f8],
.mnav-tab-active[data-v-4fa2e7f8],
.auth-tab.active[data-v-09b14f70],
.auth-tab.active[data-v-5d76a09b] {
  color: #f7f9ff !important;
}

.auth-tabs[data-v-09b14f70],
.auth-tabs[data-v-5d76a09b],
.login-tabs[data-v-09b14f70] {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.auth-tab.active[data-v-09b14f70],
.auth-tab.active[data-v-5d76a09b],
.login-tabs .tab-active[data-v-09b14f70] {
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.24), rgba(104, 80, 18, 0.32)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.btn-white[data-v-227fe3c0],
.action-btn.btn-primary[data-v-2063aad5],
.primary-btn[data-v-09b14f70],
.primary-btn[data-v-5d76a09b],
.login-btn[data-v-09b14f70],
.register-btn[data-v-5d76a09b],
.index-btn,
button,
.uni-button,
uni-button button {
  background: linear-gradient(180deg, #f1d77d 0%, #d4af37 56%, #a97e16 100%) !important;
  color: #101216 !important;
  border: none !important;
  box-shadow: 0 12px 28px rgba(212, 175, 55, 0.22) !important;
}

.btn-outline[data-v-227fe3c0],
.action-btn.btn-outline[data-v-2063aad5] {
  background: rgba(255, 255, 255, 0.02) !important;
  color: #eef2ff !important;
  border: 1px solid rgba(212, 175, 55, 0.26) !important;
  box-shadow: none !important;
}

.quick-icon-wrap[data-v-227fe3c0],
.asset-icon[data-v-2063aad5],
.web3-entry[data-v-2063aad5],
.nav-cs-btn[data-v-227fe3c0],
.lang-badge[data-v-227fe3c0] {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.quick-icon[data-v-227fe3c0] {
  filter: brightness(1.08) sepia(1) hue-rotate(355deg) saturate(0.8) !important;
}

.func-orange[data-v-227fe3c0] {
  background: linear-gradient(135deg, #3f2a13, #db973d) !important;
  box-shadow: 0 12px 30px rgba(192, 126, 33, 0.28) !important;
}

.func-teal[data-v-227fe3c0] {
  background: linear-gradient(135deg, #0d4a54, #11d3c6) !important;
  box-shadow: 0 12px 30px rgba(17, 211, 198, 0.18) !important;
}

.banner-card[data-v-227fe3c0],
.banner[data-v-227fe3c0] {
  overflow: hidden !important;
  border-radius: 18px !important;
}

.banner-img[data-v-227fe3c0] {
  filter: saturate(1.04) contrast(1.04) brightness(0.96);
}

.notice-bar[data-v-227fe3c0],
.notice-strip[data-v-4fa2e7f8] {
  backdrop-filter: blur(10px) !important;
}

.market-card[data-v-227fe3c0],
.coin-list[data-v-4fa2e7f8],
.asset-card[data-v-2063aad5] {
  overflow: hidden !important;
}

.coin-row[data-v-227fe3c0],
.coin-row[data-v-4fa2e7f8],
.asset-row[data-v-2063aad5] {
  background: transparent !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.coin-row[data-v-227fe3c0]:active,
.coin-row[data-v-4fa2e7f8]:active,
.asset-row[data-v-2063aad5]:active {
  background: rgba(255, 255, 255, 0.03) !important;
}

.change-badge[data-v-227fe3c0],
.change-badge[data-v-4fa2e7f8] {
  min-width: 96px !important;
  width: auto !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

.badge-green[data-v-227fe3c0],
.badge-green[data-v-4fa2e7f8] {
  background: linear-gradient(180deg, #18c98d, #0f9f6e) !important;
  box-shadow: 0 10px 20px rgba(17, 201, 141, 0.18) !important;
}

.badge-red[data-v-227fe3c0],
.badge-red[data-v-4fa2e7f8] {
  background: linear-gradient(180deg, #ff6d76, #e54856) !important;
  box-shadow: 0 10px 20px rgba(255, 109, 118, 0.16) !important;
}

.assets-actions[data-v-2063aad5] {
  gap: 12px !important;
}

.action-btn[data-v-2063aad5] {
  border-radius: 14px !important;
  font-size: 24rpx !important;
}

.asset-icon[data-v-2063aad5] {
  color: #d4af37 !important;
  font-weight: 800 !important;
}

.card-title .title-dot[data-v-2063aad5] {
  width: 8rpx !important;
  height: 28rpx !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f1d77d, #d4af37) !important;
}

.assets-header[data-v-2063aad5] .header-arc,
.hero-arc[data-v-227fe3c0] {
  background: #07090d !important;
}

.trade-container[data-v-33a334b6],
.order-list-section[data-v-33a334b6],
.price-display[data-v-33a334b6],
.order-card[data-v-33a334b6],
.duration-item[data-v-33a334b6],
.amount-item[data-v-33a334b6] {
  background: linear-gradient(180deg, rgba(20, 23, 30, 0.98), rgba(11, 13, 18, 0.98)) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.duration-item.active[data-v-33a334b6],
.amount-item.active[data-v-33a334b6] {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: rgba(212, 175, 55, 0.34) !important;
}

.duration-item.active .ft14[data-v-33a334b6],
.blue4[data-v-33a334b6],
.blue[data-v-33a334b6],
.orange[data-v-33a334b6] {
  color: #d4af37 !important;
  border-color: #d4af37 !important;
}

.input-card[data-v-09b14f70],
.input-card[data-v-5d76a09b],
.input-wrap[data-v-09b14f70],
.input-wrap[data-v-5d76a09b] {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.back-icon[data-v-09b14f70],
.back-icon[data-v-5d76a09b] {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer-links .link-text[data-v-09b14f70],
.blueColor[data-v-5d76a09b] {
  color: #d4af37 !important;
}

.uni-modal .uni-modal,
.uni-actionsheet .uni-actionsheet__action,
.uni-actionsheet .uni-actionsheet__menu {
  background: linear-gradient(180deg, rgba(22, 25, 33, 0.98), rgba(11, 13, 18, 0.98)) !important;
  color: #eef2ff !important;
}

.uni-modal .uni-modal__title,
.uni-modal .uni-modal__btn_primary,
.uni-actionsheet .uni-actionsheet__cell {
  color: #f7f9ff !important;
}

.uni-modal .uni-modal__bd,
.uni-actionsheet .uni-actionsheet__title {
  color: #95a0b6 !important;
}

uni-tabbar,
uni-tabbar .uni-tabbar,
.uni-tabbar {
  background: linear-gradient(180deg, rgba(15, 18, 24, 0.96), rgba(8, 10, 14, 0.99)) !important;
  backdrop-filter: blur(18px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 -14px 32px rgba(0, 0, 0, 0.35) !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  min-height: 58px !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
  z-index: 99999 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.uni-tabbar__bd,
uni-tabbar .uni-tabbar__bd {
  width: 100% !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  min-height: 58px !important;
}

.uni-tabbar__item,
uni-tabbar .uni-tabbar__item,
.uni-tabbar .uni-tabbar__item {
  display: flex !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 8px 0 6px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.uni-tabbar .uni-tabbar__label,
.uni-tabbar .uni-tabbar__icon,
.uni-tabbar .uni-tabbar__iconfont,
uni-tabbar .uni-tabbar__label,
uni-tabbar .uni-tabbar__icon,
uni-tabbar .uni-tabbar__iconfont {
  color: rgba(226, 232, 245, 0.58) !important;
}

.uni-tabbar .uni-tabbar__item .uni-tabbar__label[style*="#ff"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__label[style*="rgb(255"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__icon[style*="#ff"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__iconfont[style*="#ff"] {
  color: #3b82f6 !important;
}

#app,
uni-app,
uni-page-wrapper,
uni-page-body {
  padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
}

.uni-swiper-dot {
  background: rgba(255, 255, 255, 0.24) !important;
}

.uni-swiper-dot-active {
  background: #d4af37 !important;
}

/* Second-pass polish */

.main-content[data-v-227fe3c0],
.assets-content[data-v-2063aad5] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.white-card[data-v-227fe3c0],
.asset-card[data-v-2063aad5],
.market-card[data-v-227fe3c0],
.banner-card[data-v-227fe3c0],
.trade-container[data-v-33a334b6],
.price-display[data-v-33a334b6],
.auth-box[data-v-09b14f70],
.auth-box[data-v-5d76a09b] {
  border-radius: 20px !important;
}

.hero-section[data-v-227fe3c0] {
  padding: 18px 22px 46px !important;
}

.hero-logo[data-v-227fe3c0] {
  font-size: 40px !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}

.hero-sub[data-v-227fe3c0] {
  color: rgba(230, 236, 246, 0.78) !important;
}

.hero-btns[data-v-227fe3c0] {
  gap: 12px !important;
}

.btn-white[data-v-227fe3c0],
.btn-outline[data-v-227fe3c0] {
  min-width: 108px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.quick-nav[data-v-227fe3c0] {
  padding: 24px 10px 22px !important;
}

.quick-item[data-v-227fe3c0] {
  gap: 8px !important;
}

.quick-icon-wrap[data-v-227fe3c0] {
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 0 !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.quick-label[data-v-227fe3c0] {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #b6c0d1 !important;
}

.func-module[data-v-227fe3c0] {
  padding: 24px 20px 22px !important;
}

.func-grid[data-v-227fe3c0] {
  gap: 12px !important;
}

.func-card[data-v-227fe3c0] {
  min-height: 118px !important;
  border-radius: 16px !important;
  padding: 20px 16px !important;
}

.func-name[data-v-227fe3c0] {
  font-size: 18px !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

.func-desc[data-v-227fe3c0] {
  font-size: 13px !important;
  opacity: 0.84 !important;
}

.banner-card[data-v-227fe3c0] {
  background: rgba(12, 15, 20, 0.94) !important;
}

.banner-swiper[data-v-227fe3c0] {
  height: 148px !important;
}

.banner-img[data-v-227fe3c0] {
  height: 148px !important;
}

.notice-bar[data-v-227fe3c0] {
  height: 40px !important;
  padding: 0 14px !important;
}

.notice-text[data-v-227fe3c0],
.notice-strip-text[data-v-4fa2e7f8] {
  font-size: 13px !important;
  color: #a9b2c2 !important;
}

.market-tabs[data-v-227fe3c0] .tab-item[data-v-227fe3c0],
.sort-item[data-v-4fa2e7f8] {
  font-size: 13px !important;
  font-weight: 600 !important;
}

.list-header[data-v-227fe3c0],
.list-header[data-v-4fa2e7f8] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.coin-row[data-v-227fe3c0],
.coin-row[data-v-4fa2e7f8] {
  padding: 16px 18px !important;
}

.coin-icon[data-v-227fe3c0],
.coin-icon[data-v-4fa2e7f8] {
  width: 34px !important;
  height: 34px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 5px !important;
}

.coin-name[data-v-227fe3c0],
.coin-name[data-v-4fa2e7f8] {
  font-size: 16px !important;
}

.coin-pair[data-v-227fe3c0],
.coin-pair[data-v-4fa2e7f8] {
  font-size: 12px !important;
}

.coin-vol[data-v-227fe3c0],
.coin-vol[data-v-4fa2e7f8],
.coin-cny[data-v-227fe3c0],
.coin-cny[data-v-4fa2e7f8] {
  font-size: 12px !important;
}

.coin-price[data-v-227fe3c0],
.coin-price[data-v-4fa2e7f8] {
  font-size: 18px !important;
}

.change-badge[data-v-227fe3c0],
.change-badge[data-v-4fa2e7f8] {
  min-width: 78px !important;
  font-size: 14px !important;
  padding: 8px 10px !important;
}

.assets-header[data-v-2063aad5] {
  padding: 82px 20px 42px !important;
}

.assets-title-row[data-v-2063aad5] {
  margin-bottom: 6px !important;
}

.assets-total[data-v-2063aad5] {
  font-size: 34px !important;
  line-height: 1.1 !important;
  margin-bottom: 12px !important;
}

.web3-entry[data-v-2063aad5] {
  padding: 7px 14px !important;
  border-radius: 999px !important;
}

.assets-actions[data-v-2063aad5] {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.action-btn[data-v-2063aad5] {
  height: 40px !important;
  min-width: 0 !important;
  line-height: 40px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 0 8px !important;
}

.asset-row[data-v-2063aad5] {
  padding: 16px 18px !important;
}

.asset-icon[data-v-2063aad5] {
  width: 38px !important;
  height: 38px !important;
  font-size: 13px !important;
  border-radius: 12px !important;
}

.asset-name[data-v-2063aad5],
.asset-amount[data-v-2063aad5] {
  font-size: 16px !important;
}

.asset-full-name[data-v-2063aad5],
.asset-frozen[data-v-2063aad5] {
  font-size: 12px !important;
}

.market-navbar-inner[data-v-4fa2e7f8],
.nav-inner[data-v-227fe3c0] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.mnav-tab[data-v-4fa2e7f8] {
  padding: 12px 16px !important;
}

.gainers-section[data-v-4fa2e7f8] {
  padding: 16px 18px 18px !important;
}

.gainers-title[data-v-4fa2e7f8] {
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

.gainer-base[data-v-4fa2e7f8] {
  font-size: 15px !important;
}

.gainer-change[data-v-4fa2e7f8] {
  font-size: 14px !important;
}

.search-bar[data-v-4fa2e7f8],
.sort-bar[data-v-4fa2e7f8],
.notice-strip[data-v-4fa2e7f8] {
  border-radius: 16px !important;
}

.trade-container[data-v-33a334b6] {
  padding: 20px !important;
}

.price-display[data-v-33a334b6] {
  padding: 22px 18px !important;
}

.duration-selector[data-v-33a334b6],
.amount-selector[data-v-33a334b6] {
  gap: 10px !important;
}

.duration-item[data-v-33a334b6],
.amount-item[data-v-33a334b6] {
  border-radius: 14px !important;
}

.auth-box[data-v-09b14f70],
.auth-box[data-v-5d76a09b] {
  padding: 26px 20px !important;
}

.logo-wrapper[data-v-09b14f70],
.logo-wrapper[data-v-5d76a09b] {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.brand-logo[data-v-09b14f70],
.brand-logo[data-v-5d76a09b] {
  width: 150px !important;
  height: auto !important;
  filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.24));
}

.input-form .input-card[data-v-09b14f70],
.input-form .input-card[data-v-5d76a09b] {
  height: 52px !important;
  border-radius: 14px !important;
}

.input-form .input-card uni-input[data-v-09b14f70],
.input-form .input-card uni-input[data-v-5d76a09b] {
  font-size: 15px !important;
}

.input-form .primary-btn[data-v-09b14f70],
.input-form .primary-btn[data-v-5d76a09b] {
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 999px !important;
}

.uni-tabbar .uni-tabbar__label,
.uni-tabbar .uni-tabbar__icon,
.uni-tabbar .uni-tabbar__iconfont,
uni-tabbar .uni-tabbar__label,
uni-tabbar .uni-tabbar__icon,
uni-tabbar .uni-tabbar__iconfont {
  font-size: 11px !important;
}

.uni-tabbar__item {
  padding-top: 6px !important;
}

.uni-tabbar__item .uni-tabbar__icon,
.uni-tabbar__item .uni-tabbar__iconfont,
.uni-tabbar__item img,
.uni-tabbar__item uni-image {
  transition: all 0.22s ease !important;
}

.uni-tabbar__item .uni-tabbar__icon,
.uni-tabbar__item .uni-tabbar__iconfont {
  color: #7f8899 !important;
  opacity: 0.9 !important;
}

.uni-tabbar .uni-tabbar__item .uni-tabbar__label[style*="#ff"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__label[style*="rgb(255"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__icon[style*="#ff"],
.uni-tabbar .uni-tabbar__item .uni-tabbar__iconfont[style*="#ff"] {
  color: #d4af37 !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.14) !important;
}

.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__label,
.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__icon,
.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__iconfont,
.uni-tabbar__item.active .uni-tabbar__label,
.uni-tabbar__item.active .uni-tabbar__icon,
.uni-tabbar__item.active .uni-tabbar__iconfont {
  color: #d4af37 !important;
  opacity: 1 !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.14) !important;
}

.uni-tabbar__item.uni-tabbar__item_on,
.uni-tabbar__item.active {
  position: relative !important;
}

.uni-tabbar__item.uni-tabbar__item_on::after,
.uni-tabbar__item.active::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 4px !important;
  transform: translateX(-50%) !important;
  width: 20px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #b8860b 0%, #f3d67a 55%, #d4af37 100%) !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.28) !important;
}

.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__label,
.uni-tabbar__item.active .uni-tabbar__label {
  color: #f1d57a !important;
  font-weight: 600 !important;
}

.uni-tabbar__item img,
.uni-tabbar__item uni-image {
  opacity: 0.78 !important;
  filter: grayscale(1) brightness(1.45) contrast(0.9) !important;
  transform: scale(1) !important;
}

.uni-tabbar__item.uni-tabbar__item_on img,
.uni-tabbar__item.uni-tabbar__item_on uni-image,
.uni-tabbar__item.active img,
.uni-tabbar__item.active uni-image {
  opacity: 1 !important;
  filter: sepia(1) saturate(4.8) hue-rotate(358deg) brightness(1.02) contrast(1.08) !important;
  transform: scale(1.08) !important;
}

.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__icon,
.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__iconfont,
.uni-tabbar__item.active .uni-tabbar__icon,
.uni-tabbar__item.active .uni-tabbar__iconfont {
  color: #f1d57a !important;
  text-shadow: 0 0 14px rgba(212, 175, 55, 0.22) !important;
  transform: scale(1.06) !important;
}

.uni-tabbar__item .uni-tabbar__label {
  color: #a7afbd !important;
  letter-spacing: 0 !important;
}

.uni-tabbar__item.uni-tabbar__item_on .uni-tabbar__label,
.uni-tabbar__item.active .uni-tabbar__label {
  color: #f1d57a !important;
}

/* Refine bottom tabbar layout for a cleaner premium composition */
uni-tabbar,
uni-tabbar .uni-tabbar,
.uni-tabbar {
  min-height: 64px !important;
}

.uni-tabbar__bd,
uni-tabbar .uni-tabbar__bd {
  min-height: 64px !important;
  align-items: center !important;
}

.uni-tabbar__item,
uni-tabbar .uni-tabbar__item,
.uni-tabbar .uni-tabbar__item {
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 0 8px !important;
}

.uni-tabbar__item .uni-tabbar__bd,
uni-tabbar .uni-tabbar__item .uni-tabbar__bd {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 46px !important;
}

.uni-tabbar__item .uni-tabbar__icon,
.uni-tabbar__item .uni-tabbar__iconfont,
.uni-tabbar__item img,
.uni-tabbar__item uni-image {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  display: block !important;
}

.uni-tabbar__item .uni-tabbar__label,
uni-tabbar .uni-tabbar__item .uni-tabbar__label {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

.uni-tabbar__item.uni-tabbar__item_on::after,
.uni-tabbar__item.active::after {
  bottom: 3px !important;
  width: 24px !important;
}

.market-tabs[data-v-227fe3c0] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.market-tabs .tab-item[data-v-227fe3c0] {
  padding: 14px 0 12px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.market-card .coin-vol[data-v-227fe3c0],
.market-card .coin-cny[data-v-227fe3c0] {
  font-size: 11px !important;
}

.tranbom[data-v-33a334b6] {
  color: #8e98ad !important;
  border-bottom-color: transparent !important;
}

.blue4[data-v-33a334b6] {
  color: #f3d67a !important;
  border-color: #d4af37 !important;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.12) !important;
}

.blue4[data-v-33a334b6],
.blue4[data-v-33a334b6] * {
  color: #f3d67a !important;
}

.tranbom[data-v-33a334b6] {
  position: relative !important;
  min-width: 72px !important;
  text-align: center !important;
}

.blue4[data-v-33a334b6]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -2px !important;
  transform: translateX(-50%) !important;
  width: 26px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #b8860b 0%, #f3d67a 50%, #d4af37 100%) !important;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.26) !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content,
.header-left[data-v-33a334b6] .uni-drawer-content .uni-scroll-view,
.header-left[data-v-33a334b6] .uni-drawer-content .uni-scroll-view-content,
.header-left[data-v-33a334b6] .uni-drawer-content .uni-scroll-view-content-vertical {
  background: #101319 !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content [style*="background:#FFFFFF"],
.header-left[data-v-33a334b6] .uni-drawer-content [style*="background:#fff"] {
  background: #101319 !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content [style*="border-bottom:1px solid #232834"] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content [style*="color:#f5f7fb"],
.header-left[data-v-33a334b6] .uni-drawer-content [style*="color:#fff"] {
  color: #f7f9ff !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content [style*="color:#8b93a6"] {
  color: #95a0b6 !important;
}

.header-left[data-v-33a334b6] .uni-drawer-content [style*="background:#111318"] {
  background: #131722 !important;
}