/* Gate.io inspired theme — layout & tokens only, original branding */
/* Inter font-files missing; skip @import to avoid 404 */


html.gate-ui,
html.gate-ui body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ── 全站涨跌色：涨=实心绿+白字 / 跌=实心红+白字（首页·行情·合约等统一） ── */
html.gate-ui {
  --color-text-green: #17e6a1 !important;
  --color-text-red: #f6465d !important;
  --text-green: #17e6a1 !important;
  --text-red: #f6465d !important;
  --content-trade-buy: #17e6a1 !important;
  --content-trade-sell: #f6465d !important;
  --gate-up: #17e6a1;
  --gate-down: #f6465d;
}
html.gate-ui .price_up,
html.gate-ui .price_up uni-text,
html.gate-ui .price_up span,
html.gate-ui .text-green,
html.gate-ui .color-green,
html.gate-ui .buy-color,
html.gate-ui .gs-h-price i.up,
html.gate-ui .gs-native-rate.up {
  color: #17e6a1 !important;
  -webkit-text-fill-color: #17e6a1 !important;
}
html.gate-ui .price_down,
html.gate-ui .price_down uni-text,
html.gate-ui .price_down span,
html.gate-ui .text-red,
html.gate-ui .color-red,
html.gate-ui .sell-color,
html.gate-ui .gs-h-price i.down,
html.gate-ui .gs-native-rate.down {
  color: #f6465d !important;
  -webkit-text-fill-color: #f6465d !important;
}
/* 首页/行情/合约/交易：最新价涨绿 */
html.gate-ui .home .price_up,
html.gate-ui .store .price_up,
html.gate-ui .contract .price_up,
html.gate-ui .trade .price_up,
html.gate-ui .newContract .price_up {
  color: #17e6a1 !important;
  -webkit-text-fill-color: #17e6a1 !important;
}
html.gate-ui .home .price_down,
html.gate-ui .store .price_down,
html.gate-ui .contract .price_down,
html.gate-ui .trade .price_down,
html.gate-ui .newContract .price_down {
  color: #f6465d !important;
  -webkit-text-fill-color: #f6465d !important;
}
/* 实心底角标内文字保持白色 */
html.gate-ui .gs-h-price i.up,
html.gate-ui .gs-native-rate.up,
html.gate-ui .gs-home-metals .gs-h-price i.up {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #17e6a1 !important;
}
html.gate-ui .gs-h-price i.down,
html.gate-ui .gs-native-rate.down,
html.gate-ui .gs-home-metals .gs-h-price i.down {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #f6465d !important;
}
html.gate-ui .badge_up,
html.gate-ui .badge_width.badge_up,
html.gate-ui .bg-green,
html.gate-ui .bgGreen,
html.gate-ui .tag-box.bg-green,
html.gate-ui .btnBox.bgGreen,
html.gate-ui .btnBox.bg-green {
  background: #17e6a1 !important;
  background-color: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .badge_down,
html.gate-ui .badge_width.badge_down,
html.gate-ui .bg-red,
html.gate-ui .bgRed,
html.gate-ui .tag-box.bg-red,
html.gate-ui .btnBox.bgRed,
html.gate-ui .btnBox.bg-red {
  background: #f6465d !important;
  background-color: #f6465d !important;
  color: #fff !important;
}
html.gate-ui .badge_up uni-text,
html.gate-ui .badge_down uni-text,
html.gate-ui .badge_up span,
html.gate-ui .badge_down span,
html.gate-ui .badge_up .color-black,
html.gate-ui .badge_down .color-black,
html.gate-ui .tag-box.bg-green uni-text,
html.gate-ui .tag-box.bg-red uni-text,
html.gate-ui .tag-box.bg-green span,
html.gate-ui .tag-box.bg-red span,
html.gate-ui .bg-green uni-text,
html.gate-ui .bg-red uni-text,
html.gate-ui .bgGreen uni-text,
html.gate-ui .bgRed uni-text {
  color: #fff !important;
}
/* 合约 / 交易页涨跌标签 */
html.gate-ui .contract .tag-box.bg-green,
html.gate-ui .contract .bg-green,
html.gate-ui .trade .tag-box.bg-green,
html.gate-ui .trade .bg-green {
  background: #17e6a1 !important;
  background-color: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .contract .tag-box.bg-red,
html.gate-ui .contract .bg-red,
html.gate-ui .trade .tag-box.bg-red,
html.gate-ui .trade .bg-red {
  background: #f6465d !important;
  background-color: #f6465d !important;
  color: #fff !important;
}
/* 首页金属 / 原生涨跌角标也统一实心底 */
html.gate-ui .gs-h-price i.up,
html.gate-ui .gs-native-rate.up,
html.gate-ui .gs-home-metals .gs-h-price i.up {
  color: #fff !important;
  background: #17e6a1 !important;
}
html.gate-ui .gs-h-price i.down,
html.gate-ui .gs-native-rate.down,
html.gate-ui .gs-home-metals .gs-h-price i.down {
  color: #fff !important;
  background: #f6465d !important;
}

/* ── Design tokens (Gate.io official-inspired) ── */
html.gate-ui[data-theme="dark"],
html.gate-ui [data-theme="dark"] {
  --background-primary: #171a26 !important;
  --background-secondary: #1f2430 !important;
  --background-gray: #1f2430 !important;
  --color-gray-bg: #171a26 !important;
  --content-primary: #eaecef !important;
  --content-tertiary: #848e9c !important;
  --color-primary: #2354e6 !important;
  --border-strength-100: #2b3140 !important;
  --content-trade-buy: #17e6a1 !important;
  --content-trade-sell: #f6465d !important;
  --white: #171a26 !important;
  --black: #eaecef !important;
  --tabBarColor: #848e9c !important;
  --tabBarSelectedColor: #2354e6 !important;
  --tabBarBorderStyle: #2b3140 !important;
  --tabBarBackgroundColor: #171a26 !important;
  --text-green: #17e6a1 !important;
  --text-red: #f6465d !important;
  --color-text-green: #17e6a1 !important;
  --color-text-red: #f6465d !important;
  --gate-up: #17e6a1 !important;
  --gate-down: #f6465d !important;
}

html.gate-ui[data-theme="light"],
html.gate-ui [data-theme="light"] {
  --background-primary: #ffffff !important;
  --background-secondary: #f5f6fa !important;
  --background-gray: #f5f6fa !important;
  --color-gray-bg: #f5f6fa !important;
  --content-primary: #040404 !important;
  --content-tertiary: #848e9c !important;
  --color-primary: #2354e6 !important;
  --border-strength-100: #eef0f4 !important;
  /* Gate.io 涨跌色：涨 #17e6a1 / 跌 #f6465d（浅色主题同样） */
  --content-trade-buy: #17e6a1 !important;
  --content-trade-sell: #f6465d !important;
  --white: #ffffff !important;
  --black: #23262e !important;
  --tabBarColor: #848e9c !important;
  --tabBarSelectedColor: #2354e6 !important;
  --tabBarBorderStyle: #eef0f4 !important;
  --tabBarBackgroundColor: #ffffff !important;
  --text-green: #17e6a1 !important;
  --text-red: #f6465d !important;
  --color-text-green: #17e6a1 !important;
  --color-text-red: #f6465d !important;
  --gate-up: #17e6a1 !important;
  --gate-down: #f6465d !important;
}

/* ── Tab bar (Gate bottom nav) ── */
html.gate-ui .uni-tabbar {
  background: var(--tabBarBackgroundColor, #0b0e11) !important;
  border-top: 1px solid var(--tabBarBorderStyle, #2b2f36) !important;
  box-shadow: 0 -1px 0 rgba(0,0,0,.06) !important;
}
html.gate-ui .uni-tabbar__item {
  padding-top: 4px !important;
}
html.gate-ui .uni-tabbar__label {
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}
html.gate-ui .uni-tabbar__icon img {
  width: 22px !important;
  height: 22px !important;
}

/* ── Nav bars ── */
html.gate-ui .nav-bar,
html.gate-ui .fui-nav-bar {
  background: var(--background-primary) !important;
}
html.gate-ui .home .nav-bar-search {
  background: var(--background-secondary) !important;
  border: 1px solid var(--border-strength-100) !important;
  border-radius: 20px !important;
}

/* ── Home (Gate homepage feel) ── */
html.gate-ui .home .page_main .banner {
  border-radius: 12px !important;
  border: none !important;
  background: linear-gradient(135deg, #2354e6 0%, #1a3fb8 100%) !important;
  padding: 16px !important;
}
html.gate-ui .home .page_main .banner .left uni-text,
html.gate-ui .home .page_main .banner .left span {
  color: #fff !important;
}
html.gate-ui .home .page_main .menu .menu_item .imgBox {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: none !important;
  background: var(--background-secondary) !important;
}
html.gate-ui .home .page_main .menu .menu_item uni-text {
  font-size: 12px !important;
  color: var(--content-tertiary) !important;
  margin-top: 6px !important;
}
html.gate-ui .home .page_main .content_wrap .tab_box .tabActive {
  color: var(--content-primary) !important;
  font-weight: 700 !important;
  position: relative;
}
html.gate-ui .home .page_main .content_wrap .tab_box .tabActive::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-primary);
  border-radius: 1px;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--border-strength-100);
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .item_right .btnBox {
  border-radius: 4px !important;
  min-width: 72px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .item_right .bgGreen {
  background: #17e6a1 !important;
  background-color: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .item_right .bgRed {
  background: #f6465d !important;
  background-color: #f6465d !important;
  color: #fff !important;
}
/* 首页自选/涨幅/跌幅/成交额：涨跌幅徽章保持实心底+白字 */
html.gate-ui .home .badge_width,
html.gate-ui .home .badge_up,
html.gate-ui .home .badge_down {
  border-radius: 4px !important;
  font-weight: 600 !important;
  min-width: 72px !important;
  color: #fff !important;
}
html.gate-ui .home .badge_up,
html.gate-ui .home .badge_width.badge_up {
  background: #17e6a1 !important;
  background-color: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .home .badge_down,
html.gate-ui .home .badge_width.badge_down {
  background: #f6465d !important;
  background-color: #f6465d !important;
  color: #fff !important;
}
html.gate-ui .home .badge_up uni-text,
html.gate-ui .home .badge_down uni-text,
html.gate-ui .home .badge_up span,
html.gate-ui .home .badge_down span,
html.gate-ui .home .badge_up .color-black,
html.gate-ui .home .badge_down .color-black {
  color: #fff !important;
}
/* 首页成交额：浅色主题强制深色字；深色主题由 JS 按背景校正 */
html.gate-ui .home .list_wrap .list .item .item_right .fb,
html.gate-ui .home .list_wrap .list .item .item_right .ft26,
html.gate-ui .home .list_wrap .list .item .item_right > uni-text,
html.gate-ui .home .list_wrap .list .item .item_right .fb span,
html.gate-ui .home .list_wrap .list .item .item_right .ft26 span,
html.gate-ui .home .list_wrap .list .item .item_right > uni-text span,
html.gate-ui .home .list_wrap .list .item .item_right .gate-vol-num,
html.gate-ui .home .list_wrap .list .item .item_right .gate-vol-num span {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.gate-ui[data-theme="dark"] .home .list_wrap .list .item .item_right .gate-vol-num,
html.gate-ui[data-theme="dark"] .home .list_wrap .list .item .item_right .gate-vol-num span {
  color: #eaecef !important;
  -webkit-text-fill-color: #eaecef !important;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .img_left .item_row uni-image,
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .img_left .item_row .van-image,
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .img_left .item_row img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}

/* ── Market / Store (Gate markets list) ── */
html.gate-ui .store {
  background: var(--background-primary) !important;
}
html.gate-ui .store .nav-bar .nav-scroll .item {
  position: relative !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--content-tertiary) !important;
  padding-bottom: 8px !important;
}
html.gate-ui .store .nav-bar .nav-scroll .item .color-black {
  color: var(--content-primary) !important;
  font-weight: 700 !important;
}
/* item 是 inline-flex，普通 ::after 会跑到文字右侧；改为底部绝对定位下划线 */
html.gate-ui .store .nav-bar .nav-scroll .item .color-black::after {
  content: none !important;
  display: none !important;
}
html.gate-ui .store .nav-bar .nav-scroll .item:has(.color-black)::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 20px !important;
  height: 3px !important;
  margin: 0 !important;
  background: var(--color-primary, #2354e6) !important;
  border-radius: 2px !important;
  pointer-events: none !important;
}
html.gate-ui .store-container {
  border-radius: 0 !important;
}
html.gate-ui .store .card-list .coin-item {
  padding: 12px 15px !important;
  min-height: 64px !important;
}
html.gate-ui .store .coin-item .coin-list-icon,
html.gate-ui .store .coin-item .ci-single-wrap,
html.gate-ui .store .coin-item .ci-forex-wrap {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
}
html.gate-ui .store .coin-item-cell:last-child .tag-box {
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  min-width: 72px !important;
  color: #fff !important;
}
html.gate-ui .store .coin-item-cell:last-child .tag-box.bg-green,
html.gate-ui .store .tag-box.bg-green {
  background: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .store .coin-item-cell:last-child .tag-box.bg-red,
html.gate-ui .store .tag-box.bg-red {
  background: #f6465d !important;
  color: #fff !important;
}
html.gate-ui .store .tag-box.bg-green uni-text,
html.gate-ui .store .tag-box.bg-red uni-text,
html.gate-ui .store .tag-box.bg-green span,
html.gate-ui .store .tag-box.bg-red span {
  color: #fff !important;
}
html.gate-ui .store .card-list-item {
  border-radius: 8px !important;
  border: 1px solid var(--border-strength-100) !important;
}

/* ── Wallet (Gate assets) ── */
html.gate-ui .wallet .scroll-head .asset-val {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2354e6 0%, #1a3fb8 100%) !important;
  border: none !important;
}
html.gate-ui .wallet .scroll-head .asset-val .asset-val-row,
html.gate-ui .wallet .scroll-head .asset-val uni-text,
html.gate-ui .wallet .scroll-head .asset-val span {
  color: #fff !important;
}
html.gate-ui .wallet .fui-tabs__item {
  font-weight: 500 !important;
}
html.gate-ui .wallet .fui-tabs__selected-color {
  color: var(--color-primary) !important;
  font-weight: 700 !important;
}
html.gate-ui .wallet .menu-box {
  border-radius: 12px !important;
  background: var(--background-secondary) !important;
  margin: 12px 0 !important;
  overflow: hidden;
}

/* ── Contract (Gate futures) ── */
html.gate-ui .contract {
  background: var(--background-primary) !important;
}
html.gate-ui .contract .contract-body-kline {
  border-bottom: 8px solid var(--background-secondary) !important;
}
html.gate-ui .contract #kline {
  border-radius: 0 !important;
}
html.gate-ui .contract .fui-button,
html.gate-ui .contract uni-button[type="primary"] {
  border-radius: 4px !important;
}

/* Contract USDT-M coin drawer (fix black-on-black + search field) */
html.gate-ui .drawer,
html.gate-ui .uni-drawer__content .drawer {
  background: var(--background-primary) !important;
  color: var(--content-primary) !important;
}
html.gate-ui .drawer .color-black,
html.gate-ui .drawer .drawer-list-cell-item,
html.gate-ui .drawer .drawer-list-cell-item uni-text,
html.gate-ui .drawer .drawer-list-cell-item span,
html.gate-ui .drawer .drawer-title uni-text,
html.gate-ui .drawer .drawer-title span {
  color: var(--content-primary) !important;
}
html.gate-ui .drawer .color-gray,
html.gate-ui .drawer .drawer-desc-item uni-text,
html.gate-ui .drawer .drawer-desc-item span {
  color: var(--content-tertiary) !important;
}
html.gate-ui .drawer .drawer-search-box {
  background: var(--background-secondary) !important;
}
html.gate-ui .drawer .drawer-search-box uni-input,
html.gate-ui .drawer .drawer-search-box input {
  color: var(--content-primary) !important;
  background: transparent !important;
}
html.gate-ui .drawer .drawer-search-box .placeholder,
html.gate-ui .drawer .placeholder {
  color: var(--content-tertiary) !important;
}
html.gate-ui .drawer .drawer-tabs-item.bg-gray {
  background: var(--background-secondary) !important;
}
html.gate-ui .drawer .drawer-list-cell:active {
  background: var(--background-secondary) !important;
}
html.gate-ui .drawer .drawer-list-cell-item.gate-drawer-coin-row {
  display: flex !important;
  align-items: center !important;
}
html.gate-ui .drawer .gate-drawer-coin-icon,
html.gate-ui .drawer .gate-drawer-coin-ph {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 50% !important;
  margin-right: 8px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}
html.gate-ui .drawer .gate-drawer-coin-ph {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

/* ── Exchange / Transfer ── */
html.gate-ui .exchange ._exchange_box {
  border-radius: 12px !important;
  background: var(--background-secondary) !important;
  margin: 12px 15px !important;
  padding: 16px !important;
}

/* ── Coin icons (Gate circular style) ── */
html.gate-ui .ci-single,
html.gate-ui .ci-single-wrap img,
html.gate-ui .coin-list-icon {
  border-radius: 50% !important;
  object-fit: cover !important;
}
html.gate-ui .ci-placeholder {
  border-radius: 50% !important;
  font-weight: 700 !important;
}

/* ── Buttons & primary actions ── */
html.gate-ui .fui-button__primary,
html.gate-ui uni-button[type="primary"],
html.gate-ui .home .page_main .content_wrap .list_wrap .select uni-button {
  background: var(--color-primary) !important;
  border-radius: 4px !important;
}

/* ── Injected panels (gold/silver) ── */
html.gate-ui .gs-home-metals,
html.gate-ui .gs-metals-section,
html.gate-ui .gs-wallet-panel,
html.gate-ui .gs-exchange-panel {
  border-radius: 12px !important;
  border: 1px solid var(--border-strength-100) !important;
  background: var(--background-secondary) !important;
}
html.gate-ui .gs-native-rate.up,
html.gate-ui .gs-h-price i.up { color: #fff !important; background: #17e6a1 !important; }
html.gate-ui .gs-native-rate.down,
html.gate-ui .gs-h-price i.down { color: #fff !important; background: #f6465d !important; }
html.gate-ui .gs-native-tag,
html.gate-ui .gs-w-dir button.active,
html.gate-ui .gs-ex-dir button.active {
  color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  background: rgba(35, 84, 230, .1) !important;
}
html.gate-ui .gs-w-submit,
html.gate-ui .gs-ex-submit {
  background: var(--color-primary) !important;
  border-radius: 4px !important;
}

/* ── Brand logo slot ── */
html.gate-ui .gate-brand-logo {
  height: 24px;
  width: auto;
  display: block;
  color: var(--content-primary);
}
html.gate-ui .gate-home-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px 8px;
}
html.gate-ui .gate-home-header .gate-brand-logo {
  height: 22px;
}

/* ── Scroll & cards polish ── */
html.gate-ui ::-webkit-scrollbar { width: 0; height: 0; }
html.gate-ui .fui-tabs__scroll,
html.gate-ui .store-container-scrollview {
  -webkit-overflow-scrolling: touch;
}

/* ── Gate layout expansion: Home ── */
html.gate-ui .home {
  background: var(--background-primary) !important;
}
html.gate-ui .home .page_main {
  padding: 0 15px !important;
  box-sizing: border-box;
}
html.gate-ui .home .nav-bar {
  padding: 8px 15px !important;
}
html.gate-ui .home .nav-bar-search {
  height: 36px !important;
  background: var(--background-secondary) !important;
  border: 1px solid var(--border-strength-100) !important;
  border-radius: 18px !important;
}
html.gate-ui .home .page_main .menu {
  margin: 12px 0 4px !important;
}
html.gate-ui .home .page_main .menu .menu_item .imgBox {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: var(--background-secondary) !important;
}
html.gate-ui .home .page_main .content_wrap {
  margin-top: 8px !important;
}
html.gate-ui .home .page_main .content_wrap .tab_box {
  border-bottom: 1px solid var(--border-strength-100) !important;
  margin-bottom: 4px !important;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list_top {
  color: var(--content-tertiary) !important;
  font-size: 12px !important;
  padding: 8px 0 !important;
}
html.gate-ui .home .page_main .content_wrap .list_wrap .list .item .font-13.color-black {
  font-weight: 600 !important;
  color: var(--content-primary) !important;
}

/* ── Gate layout: Trade ── */
html.gate-ui .trade {
  background: var(--background-primary) !important;
}
html.gate-ui .trade .tag-box.bg-green,
html.gate-ui .trade .bg-green {
  background: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .trade .tag-box.bg-red,
html.gate-ui .trade .bg-red {
  background: #f6465d !important;
  color: #fff !important;
}
html.gate-ui .trade .price_up { color: #17e6a1 !important; }
html.gate-ui .trade .price_down { color: #f6465d !important; }

/* ── Gate layout: Contract buy/sell ── */
html.gate-ui .contract .fui-button.buy,
html.gate-ui .contract .btn-buy,
html.gate-ui .contract [class*="buy"] uni-button.bg-green,
html.gate-ui .trade .bg-green.fui-button {
  background: #17e6a1 !important;
  border-color: #17e6a1 !important;
  color: #fff !important;
}
html.gate-ui .contract .fui-button.sell,
html.gate-ui .contract .btn-sell,
html.gate-ui .contract [class*="sell"] uni-button.bg-red,
html.gate-ui .trade .bg-red.fui-button {
  background: #f6465d !important;
  border-color: #f6465d !important;
  color: #fff !important;
}
html.gate-ui .contract .contract-body-top,
html.gate-ui .contract .nav-bar {
  background: var(--background-primary) !important;
  border-bottom: 1px solid var(--border-strength-100) !important;
}

/* ── Gate layout: Wallet ── */
html.gate-ui .wallet {
  background: var(--color-gray-bg, var(--background-gray)) !important;
}
html.gate-ui .wallet .scroll-head .asset-val {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #2354e6 0%, #1a3fb8 55%, #1636a0 100%) !important;
  box-shadow: 0 8px 24px rgba(35, 84, 230, 0.25) !important;
}
html.gate-ui .wallet .menu-box .menu-item {
  border-bottom: 1px solid var(--border-strength-100) !important;
}

/* ── Gate layout: Store list polish ── */
html.gate-ui .store .nav-tab {
  border-bottom: 1px solid var(--border-strength-100) !important;
}
html.gate-ui .store .coin-item {
  border-bottom: 1px solid var(--border-strength-100) !important;
}
html.gate-ui .store .coin-item-cell .font-14.color-black {
  font-weight: 600 !important;
  color: var(--content-primary) !important;
}
html.gate-ui .store .coin-item-cell .color-gray,
html.gate-ui .store .coin-item-cell .font-12.color-gray {
  color: var(--content-tertiary) !important;
}

/* ── Gate bottom tabbar ── */
html.gate-ui .uni-tabbar,
html.gate-ui .uni-tabbar.uni-tabbar-bottom {
  background: var(--tabBarBackgroundColor) !important;
  border-top: 1px solid var(--tabBarBorderStyle) !important;
  backdrop-filter: saturate(1.2);
}
html.gate-ui .uni-tabbar__label {
  font-size: 10px !important;
  font-weight: 500 !important;
}
html.gate-ui .uni-tabbar__item.uni-tabbar__item--active .uni-tabbar__label,
html.gate-ui .uni-tabbar__item.uni-tabbar-item-active .uni-tabbar__label {
  color: #2354e6 !important;
  font-weight: 600 !important;
}

/* ── Inputs / search Gate capsule ── */
html.gate-ui input,
html.gate-ui uni-input {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
html.gate-ui .drawer .drawer-search-box,
html.gate-ui .store .nav-search {
  border-radius: 18px !important;
}

/* ── Home list: Gate ticker row ── */
html.gate-ui .home .list_wrap .list .item {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--border-strength-100, #2b3140) !important;
  align-items: center !important;
}
html.gate-ui .home .list_wrap .list .item .item_left .font-13,
html.gate-ui .home .list_wrap .list .item .item_left .font-14 {
  font-weight: 600 !important;
  color: var(--content-primary, #eaecef) !important;
}
html.gate-ui .home .list_wrap .list .item .item_center .price_up,
html.gate-ui .home .list_wrap .list .item .item_center .price_down {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
  font-size: 15px !important;
}
html.gate-ui .home .list_wrap .list .item .badge_up,
html.gate-ui .home .list_wrap .list .item .badge_down,
html.gate-ui .home .list_wrap .list .item .badge_width,
html.gate-ui .home .list_wrap .list .item .btnBox,
html.gate-ui .home .list_wrap .list .item .tag-box {
  min-width: 68px !important;
  height: 28px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
}

/* Store / market list badges match home */
html.gate-ui .store .badge_up,
html.gate-ui .store .badge_down,
html.gate-ui .store .badge_width,
html.gate-ui .store .btnBox.bgGreen,
html.gate-ui .store .btnBox.bgRed,
html.gate-ui .store .tag-box.bg-green,
html.gate-ui .store .tag-box.bg-red {
  min-width: 68px !important;
  height: 28px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
}

/* Coin icons: round Gate chip */
html.gate-ui .home .list_wrap .list .item img,
html.gate-ui .store .coin-list-icon,
html.gate-ui .store .ci-single,
html.gate-ui .drawer .drawer-list-cell img,
html.gate-ui .drawer .gate-drawer-coin-icon,
html.gate-ui .gate-fav-coin-icon {
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Home promo: full-width carousel */
html.gate-ui .gate-home-promo {
  margin: 8px 0 6px !important;
}
html.gate-ui .gate-home-promo .ghp-hero {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

/* Brand header strip */
html.gate-ui .gate-home-header {
  display: flex;
  align-items: center;
  padding: 4px 15px 2px;
}
html.gate-ui .gate-home-header .gate-brand-logo {
  height: 22px;
  width: auto;
  display: block;
}

/* Wallet currency dropdown — readable on dark theme */
html.gate-ui[data-theme="dark"] .fui-dropdown__menu-list,
html.gate-ui.theme-dark .fui-dropdown__menu-list {
  background: #1e2329 !important;
  border: 1px solid #2b3139 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html.gate-ui[data-theme="dark"] .fui-dropdown__menu-item,
html.gate-ui.theme-dark .fui-dropdown__menu-item {
  background: #1e2329 !important;
}
html.gate-ui[data-theme="dark"] .fui-ddm__item-text,
html.gate-ui.theme-dark .fui-ddm__item-text,
html.gate-ui[data-theme="dark"] .wallet .scroll-head .asset-val .fui-dropdown__menu-item uni-text,
html.gate-ui[data-theme="dark"] .wallet .scroll-head .asset-val .fui-dropdown__menu-item span,
html.gate-ui.theme-dark .wallet .scroll-head .asset-val .fui-dropdown__menu-item uni-text,
html.gate-ui.theme-dark .wallet .scroll-head .asset-val .fui-dropdown__menu-item span {
  color: #eaecef !important;
}