.star-rating {
  display: inline-flex;
  align-items: center;
  gap: 8rpx;
}

.stars {
  display: flex;
  gap: 4rpx;
}

.star {
  font-size: 28rpx;
  color: var(--gray-5);
  cursor: default;
}

.star.active {
  color: #FF8A00;
}

.star.half {
  position: relative;
  color: #FF8A00;
  overflow: hidden;
}

.rating-text {
  font-size: 24rpx;
  color: var(--gray-3);
}

.count-text {
  font-size: 22rpx;
  color: var(--gray-4);
}
