/* 轮播容器样式 */
.carousel {
  position: relative;
  width: calc(100% - 32px);
  margin: 0 auto;
  overflow: hidden;
  touch-action: pan-y; /* 允许垂直滚动，防止冲突 */
  user-select: none; /* 防止鼠标拖拽时选中内容 */
  margin-top: 12px;
  border-radius: 8px;
}

/* 轮播图片列表 */
.carousel-images {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

/* 每张图片样式 */
.carousel-images img {
  width: 100%;
  height: auto;
  flex-shrink: 0;
}

/* 指示点 */
.carousel-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.dot {
  width: 8px;
  height: 8px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #333;
}

.dot.active {
  background-color: white;
  color: #000;
}