/* 轮播样式 */
.hero-banner .carousel {
  padding: 20px 0;
}

.hero-banner .carousel-item {
  transition: transform 0.6s ease-in-out;
}

.hero-banner .carousel-control-prev,
.hero-banner .carousel-control-next {
  width: 5%;
  opacity: 0.8;
}

.hero-banner .carousel-control-prev-icon,
.hero-banner .carousel-control-next-icon {
  width: 2rem;
  height: 2rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.hero-banner .carousel-indicators {
  bottom: -30px;
}

.hero-banner .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 5px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-banner .carousel-indicators button.active {
  background-color: #007bff;
}