/**
 * 用户端自适应补丁（覆盖 Vue scoped 样式，后于 index-9c6a1a41.css 加载）
 */
:root {
  --app-tabbar-h: 50px;
  --app-tabbar-fab-overhang: 30px;
  --app-scroll-bottom: calc(
    var(--app-tabbar-h) + var(--app-tabbar-fab-overhang) + env(safe-area-inset-bottom, 0px)
  );
}

html,
body,
#app {
  height: 100%;
}

.home[data-v-f3db0315] {
  min-height: 100%;
  min-height: 100dvh;
}

.home .views[data-v-f3db0315] {
  padding-bottom: var(--app-scroll-bottom);
  -webkit-overflow-scrolling: touch;
}

/* 底部 TabBar */
.tabbar[data-v-f0e108ce] {
  padding-bottom: env(safe-area-inset-bottom, 0px);
  min-height: calc(var(--app-tabbar-h) + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
}

.tabbar-item[data-v-f0e108ce] p {
  max-width: 100%;
  padding: 0 2px;
  line-height: 1.15;
  box-sizing: border-box;
}

.tabbar-item .trade-icon[data-v-f0e108ce] {
  z-index: 999;
}

@media (max-width: 390px) {
  :root {
    --app-compact-pad: 10px;
    --app-compact-gap: 10px;
    --app-compact-fs-sm: 11px;
    --app-compact-fs-base: 12px;
    --app-compact-fs-title: clamp(15px, 4.2vw, 18px);
  }

  .tabbar-item[data-v-f0e108ce] p {
    font-size: 9px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .tabbar-item .trade-icon[data-v-f0e108ce] {
    width: 52px;
    height: 52px;
    top: -26px;
  }

  /* 余额与交易大数字 */
  .home .header-wrap .balance .my-balance .num[data-v-cc3ca457],
  .mine-wrap .other .tab-wrap .balance .my-balance .num[data-v-36048206] {
    font-size: clamp(20px, 6.5vw, 26px);
  }

  .mine-wrap .user-wrap .balance-wrap .balance .num[data-v-eb22aff2] {
    font-size: clamp(22px, 7vw, 30px);
  }

  .mine-wrap .other .tab-wrap .order-wrap .header .header-item .num[data-v-eb22aff2],
  .mine-wrap
    .other
    .tab-wrap
    .order-wrap
    .order-info
    .info-item
    p[data-v-eb22aff2]:first-child {
    font-size: clamp(18px, 5.5vw, 30px);
  }

  /* 充值/提现副标题隐藏，避免挤占主标题 */
  .home .tab-list .tab-item .info .sub-title[data-v-cc3ca457] {
    display: none;
  }

  /* 首页紧凑 */
  .home .header-wrap[data-v-cc3ca457] {
    padding: 0 var(--app-compact-pad) var(--app-compact-pad);
  }

  .home .header-wrap .header-title h1[data-v-cc3ca457] {
    font-size: var(--app-compact-fs-title);
  }

  .home .header-wrap .header-title p[data-v-cc3ca457],
  .home .header-wrap .balance .my-balance .title[data-v-cc3ca457] {
    font-size: var(--app-compact-fs-base);
  }

  .home .header-wrap .balance .info .info-item .num[data-v-cc3ca457] {
    font-size: clamp(14px, 4vw, 16px);
  }

  .home .header-wrap .balance .info .info-item .text[data-v-cc3ca457] {
    font-size: var(--app-compact-fs-sm);
  }

  .home .header-wrap .nav-bar .left[data-v-cc3ca457],
  .home .header-wrap .nav-bar .right[data-v-cc3ca457] {
    width: 64px;
    flex: 0 1 auto;
    min-width: 0;
  }

  .home .grid-wrap[data-v-cc3ca457] {
    padding: var(--app-compact-pad);
    grid-gap: var(--app-compact-gap);
  }

  .home .grid-wrap .grid-item[data-v-cc3ca457] {
    height: auto;
    min-height: 76px;
  }

  .home .grid-wrap .grid-item p[data-v-cc3ca457] {
    font-size: clamp(11px, 3vw, 14px);
  }

  .home .tab-list[data-v-cc3ca457] {
    padding: var(--app-compact-pad);
  }

  .home .tab-list .tab-item[data-v-cc3ca457] {
    height: auto;
    min-height: 60px;
    padding: 8px 4px;
  }

  .rank .tabs .tabs-item[data-v-71ffc1fc],
  .rank .rank-list .rank-item .info .title[data-v-71ffc1fc] {
    font-size: var(--app-compact-fs-base);
  }

  /* 我的页紧凑 */
  .mine-wrap .user-wrap[data-v-36048206] {
    height: auto;
    min-height: 180px;
  }

  .mine-wrap .user-wrap .user-info .info .nickname[data-v-36048206] {
    font-size: clamp(15px, 4vw, 18px);
  }

  .mine-wrap .other .tab-wrap[data-v-36048206] {
    padding: 0 var(--app-compact-pad) 80px;
  }

  .mine-wrap .other .tab-wrap .grid-wrap .grid-item[data-v-36048206] {
    height: auto;
    min-height: 72px;
    padding: 4px 2px;
  }

  .mine-wrap .other .tab-wrap .grid-wrap .grid-item img[data-v-36048206] {
    width: 28px;
    height: 28px;
  }

  .mine-wrap .other .tab-wrap .grid-wrap .grid-item p[data-v-36048206] {
    font-size: var(--app-compact-fs-sm);
  }

  /* 交易页紧凑 */
  .mine-wrap .user-wrap .balance-wrap[data-v-eb22aff2] {
    padding: var(--app-compact-pad);
    margin-top: 20px;
  }

  .mine-wrap .other .tab-wrap[data-v-eb22aff2] {
    padding: var(--app-compact-pad);
  }

  .mine-wrap .other .tab-wrap .order-wrap .header .header-item .title[data-v-eb22aff2],
  .mine-wrap .other .tab-wrap .order-wrap .order-info .info-item p[data-v-eb22aff2]:last-child,
  .mine-wrap .other .tab-wrap .balance-info .info-item p[data-v-eb22aff2]:last-child {
    font-size: var(--app-compact-fs-sm);
  }

  /* 订单页紧凑 */
  .order-wrap .tab-wrap .tab-item[data-v-7f1b3078] {
    font-size: var(--app-compact-fs-base);
  }

  .order-wrap .list .list-item[data-v-7f1b3078] {
    padding: 8px;
  }

  .order-wrap .list .list-item .header[data-v-7f1b3078],
  .order-wrap .list .list-item .goods-wrap .title[data-v-7f1b3078],
  .order-wrap .list .list-item .price-wrap[data-v-7f1b3078] {
    font-size: clamp(11px, 3vw, 14px);
  }
}

@media (max-width: 360px) {
  :root {
    --app-compact-pad: 8px;
    --app-compact-gap: 8px;
    --app-compact-fs-sm: 10px;
    --app-compact-fs-base: 11px;
    --app-tabbar-h: 48px;
    --app-tabbar-fab-overhang: 24px;
  }

  .tabbar[data-v-f0e108ce] {
    height: var(--app-tabbar-h);
    min-height: calc(var(--app-tabbar-h) + env(safe-area-inset-bottom, 0px));
  }

  .tabbar-item .trade-icon[data-v-f0e108ce] {
    width: 48px;
    height: 48px;
    top: -24px;
  }

  .home .grid-wrap .grid-item[data-v-cc3ca457] {
    min-height: 72px;
  }
}

/* 首页充值/提现 */
.home .tab-list .tab-item[data-v-cc3ca457] {
  min-width: 0;
}

.home .tab-list .tab-item img[data-v-cc3ca457] {
  width: clamp(32px, 10vw, 44px);
  height: clamp(32px, 10vw, 44px);
  margin-right: clamp(8px, 2vw, 15px);
  flex-shrink: 0;
}

.home .tab-list .tab-item .info[data-v-cc3ca457] {
  min-width: 0;
  flex: 1;
}

.home .tab-list .tab-item .info .title[data-v-cc3ca457] {
  font-size: clamp(12px, 3.2vw, 14px);
  word-break: keep-all;
}

/* 订单页 */
.order-wrap[data-v-7f1b3078] {
  padding-bottom: var(--app-scroll-bottom);
  box-sizing: border-box;
}

/* 交易页（mine-wrap + eb22aff2） */
.mine-wrap[data-v-eb22aff2] .other[data-v-eb22aff2] {
  padding-bottom: var(--app-scroll-bottom);
  box-sizing: border-box;
}
