.service-first-tab.data-v-f72b1a12 {
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4rpx 10rpx rgba(0,0,0,0.05);
}


/* 反圆角 */


/* .service-first-tab::after {
  content: '';
  position: absolute;

  left: 0;
  width: 100%;
  height: 40rpx;
  background: #fafafa;
  border-top-left-radius: 30rpx;
  border-top-right-radius: 30rpx;
} */
.tab-scroll.data-v-f72b1a12 {
  width: 100%;
  white-space: nowrap;
}
.tab-container.data-v-f72b1a12 {
  display: flex;
  padding: 0 30rpx;
  gap: 60rpx;
}
.tab-item.data-v-f72b1a12 {
  display: flex;
  flex-direction: column;
  align-items: center;
 /* padding: 0 20rpx; */
  /* height: 88rpx; */
  justify-content: center;
  position: relative;
}


/* 非激活色：使用CSS变量 --inactive-color */
.tab-text.data-v-f72b1a12 {
  font-size: 30rpx;
  color: var(--inactive-color); 
  transition: color 0.2s;
}


/* 激活色：使用CSS变量 --active-color */
.tab-item.active .tab-text.data-v-f72b1a12 {
  color: var(--active-color); 
  font-weight: 500;
}


/* 下划线颜色：与激活色一致，使用 --active-color */
.tab-active-indicator.data-v-f72b1a12 {
  position: absolute;
  bottom: 0;
  width: 32rpx;
  height: 6rpx; /* 可关联 indicatorHeight props，见延伸优化 */
  background-color: var(--active-color); 
  border-radius: 10rpx;
  transition: all 0.2s;
}