/* 自定义 tabBar 脱离文档流，fixed 在底部；
   各 tab 页需自备底部占位（见 home / aichat / mine 的底部留白），否则内容会被盖住 */
.tab-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  padding: 12rpx 0 calc(12rpx + env(safe-area-inset-bottom));
  background: #FFFFFF;
  /* 与各页 --line 保持同一档（#ECE3D6）：tabBar 是独立组件，读不到 page 上的 CSS 变量，只能硬编码 */
  border-top: 2rpx solid #ECE3D6;
}

.tab-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 位图图标（AI客服）：与 t-icon 的 44rpx 视觉尺寸对齐 */
.tab-icon-img {
  width: 44rpx;
  height: 44rpx;
}

.tab-text {
  margin-top: 6rpx;
  /* 与全局约束一致：中文正文不小于 24rpx(12px) */
  font-size: 24rpx;
  line-height: 1;
  color: #7A7068;
}

.tab-item.is-active .tab-text {
  color: #C2410C;
  font-weight: 600;
}