.tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  background: #FFFDF8;
  border-top: 1rpx solid #E9DDD0;
  padding: 10rpx 20rpx calc(12rpx + env(safe-area-inset-bottom));
  box-sizing: border-box;
}
.tab {
  flex: 1;
  min-width: 0;
  min-height: 92rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rpx;
  padding: 4rpx 0;
  color: #8B827B;
}
.tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88rpx;
  height: 54rpx;
  border-radius: 32rpx;
  background: transparent;
  transition: background-color .18s ease;
}
.tab-icon image { width: 48rpx; height: 48rpx; }
.tab-label { font-size: 23rpx; line-height: 1.4; letter-spacing: 1rpx; }
.active { color: #B74768; }
.active .tab-icon { background: #F4E2E3; }
.active .tab-label { font-weight: 600; }
.tab-pressed .tab-icon { background: #F3EBE1; }