/* jb698 底部导航：玻璃底 + 胶囊选中；图标由 nav-tint-jb698.js 换成官方 SVG */

.tabbar,
html.black-gold-theme .tabbar,
html.black-gold-theme body .tabbar {
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    rgba(64, 47, 71, 0.12),
    rgba(28, 4, 40, 0.12)
  ) !important;
  box-shadow: inset 0 0 0 min(0.267vw, 1.141px) hsla(0, 0%, 100%, 0.2) !important;
  -webkit-backdrop-filter: blur(min(6.667vw, 28.533px)) !important;
  backdrop-filter: blur(min(6.667vw, 28.533px)) !important;
  border-radius: min(7.467vw, 31.957px) !important;
  /* 内边距形成选中胶囊外圈空隙，勿再给 item 加 margin */
  padding: min(1.067vw, 4.565px) !important;
  height: min(14.933vw, 63.915px) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.tabbar .tabbar-item,
html.black-gold-theme .tabbar .tabbar-item {
  color: #ceced9 !important;
  background: transparent !important;
  margin: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  padding: 0 !important;
  border-radius: min(6.4vw, 27.392px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.tabbar .tabbar-item > span:not(.tab-icon),
html.black-gold-theme .tabbar .tabbar-item > span:not(.tab-icon) {
  color: rgba(186, 189, 255, 0.8) !important;
  font-size: min(2.667vw, 11.413px) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
}

.tabbar .tabbar-item.active,
html.black-gold-theme .tabbar .tabbar-item.active {
  color: #fff !important;
  background-color: hsla(0, 0%, 100%, 0.14) !important;
  border-radius: min(6.4vw, 27.392px) !important;
}

.tabbar .tabbar-item.active > span:not(.tab-icon),
html.black-gold-theme .tabbar .tabbar-item.active > span:not(.tab-icon) {
  color: #fff !important;
}

.tabbar .tabbar-item .tab-icon {
  width: min(5.333vw, 22.827px) !important;
  height: min(5.333vw, 22.827px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  flex: 0 0 auto !important;
}

.tabbar .tabbar-item .tab-icon img.jb-tab-icon,
.tabbar .tabbar-item .tab-icon .jb-tab-icon {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  object-fit: contain;
  pointer-events: none;
  filter: none !important;
  opacity: 1 !important;
}

/* 隐藏被替换前残留的 lucide svg（兜底） */
.tabbar .tabbar-item .tab-icon > svg {
  display: none !important;
}