/* club-mirror: 用户端底部导航 + 首页 topbar 比例修复 */

/* ========== 底部 TabBar：图标容器与图标尺寸对齐 ========== */
.tabbar[data-v-4ef92fc4] {
  align-items: stretch;
}

.tabbar[data-v-4ef92fc4] .tab {
  justify-content: center;
  min-height: 3.75rem;
  padding: 0.375rem 0 0.25rem;
  box-sizing: border-box;
}

.tabbar[data-v-4ef92fc4] .icon-wrap {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  overflow: visible;
  flex-shrink: 0;
}

.tabbar[data-v-4ef92fc4] .icon {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.tabbar[data-v-4ef92fc4] .icon-wrap.center {
  width: 2.75rem;
  height: 2.75rem;
  margin-top: -0.5rem;
}

.tabbar[data-v-4ef92fc4] .icon-wrap.center .icon {
  width: 1.625rem;
  height: 1.625rem;
}

.tabbar[data-v-4ef92fc4] .icon-wrap.center-float {
  width: 2.375rem;
  height: 2.375rem;
  margin-top: -0.25rem;
}

.tabbar[data-v-4ef92fc4] .text {
  margin-top: 0.125rem;
  line-height: 1.2;
}

/* ========== 首页 topbar：logo / 搜索 / 客服按钮统一高度 ========== */
.page.pc-main-page .topbar[data-v-6edea820],
.page.gradient-bg.pc-main-page .topbar {
  align-items: center;
}

.page.pc-main-page .title_logo[data-v-6edea820],
.page.gradient-bg.pc-main-page .title_logo {
  height: 2.125rem;
  min-width: 0;
  display: flex;
  align-items: center;
}

.page.pc-main-page .title-logo-img[data-v-6edea820],
.page.gradient-bg.pc-main-page .title-logo-img {
  height: 2.125rem;
  width: auto;
  max-width: 4.75rem;
  display: block;
  object-fit: contain;
}

.page.pc-main-page .search[data-v-6edea820],
.page.gradient-bg.pc-main-page .search {
  height: 2.125rem;
}

.page.pc-main-page .topbar-kf-btn[data-v-6edea820],
.page.gradient-bg.pc-main-page .topbar-kf-btn {
  width: 2.125rem;
  height: 2.125rem;
}

/* ========== PC 宽屏：顶栏导航 + 首页 topbar 间距 ========== */
@media screen and (min-width: 1024px) {
  .tabbar[data-v-4ef92fc4] {
    align-items: center;
  }

  .tabbar[data-v-4ef92fc4] .tab {
    min-height: 44px;
    padding: 0 14px;
  }

  .tabbar[data-v-4ef92fc4] .icon-wrap,
  .tabbar[data-v-4ef92fc4] .icon-wrap.center,
  .tabbar[data-v-4ef92fc4] .icon-wrap.center-float {
    width: 22px;
    height: 22px;
    margin: 0;
  }

  .tabbar[data-v-4ef92fc4] .icon {
    width: 22px;
    height: 22px;
  }

  .tabbar[data-v-4ef92fc4] .pc-brand-logo {
    width: 38px;
    height: 38px;
    object-fit: contain;
  }

  .tabbar[data-v-4ef92fc4] .pc-brand-title {
    line-height: 1.2;
  }

  .pc-main-page .topbar[data-v-6edea820] {
    margin-top: 12px;
    margin-bottom: 12px;
    height: 72px;
    gap: 16px;
  }

  .pc-main-page .search[data-v-6edea820] {
    height: 44px;
  }

  .pc-main-page .topbar-kf-btn[data-v-6edea820] {
    width: 44px;
    height: 44px;
  }

  .pc-main-page .scroll[data-v-6edea820] {
    height: calc(100vh - var(--pc-header-height, 72px) - 96px);
  }
}