/* 
 * 底部导航修复样式
 * 修复安全区域和层级问题
 */

/* 确保页面内容不被底部导航遮挡 */
.page-body {
  padding-bottom: env(safe-area-inset-bottom);
}

/* 修复底部导航在不同设备上的显示问题 */
.u-tabbar--fixed {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: #fff;
}

/* 确保底部导航的安全区域填充 */
.u-tabbar__content {
  background: #fff;
  box-shadow: 0px -2px 4px 0px rgba(51, 51, 51, 0.08);
  border-top: 1rpx solid #f0f0f0;
}

/* 修复中心凸起按钮的层级问题 */
.tabbar-center-item {
  z-index: 10 !important;
}

/* 修复占位元素高度 */
.u-tabbar__placeholder {
  min-height: 50px;
}

/* 修复图标和文字样式 */
.u-tabbar-item__text {
  font-size: 12px !important;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.u-tabbar-item__icon {
  margin-bottom: 4px;
}

/* 适配 iPhone 底部安全区域 */
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .u-tabbar--fixed {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}