/* 隐藏非激活幻灯片 */
.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-duplicate) {
  opacity: 0 !important;
  pointer-events: none;
}

/* 外层容器 */
.swiper-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* 主轮播区域 */
.swiper {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* 图片样式 */
.swiper-slide img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

/* 分页器容器定位 */
.pagination-container {
  position: absolute;
  bottom: 40px; /* 调整位置，避免遮挡描述文字 */
  width: 100%;
  z-index: 10;
}

.swiper-pagination {
  position: relative;
  bottom: auto;
  text-align: center;
}

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: rgba(255,255,255,1);
  margin: 0 8px !important;
  transition: all 0.3s;
}

.swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
}

/* 描述文字样式 */
.swiper-slide {
  position: relative;
}

.description {
  position: absolute;
  bottom: 10px; /* 距离底部 10px */
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5); /* 半透明背景提升可读性 */
  padding: 5px;
  font-size: 14px;
  z-index: 11; /* 确保高于分页器 */
}

/* 移动端适配：屏幕宽度小于等于 768px */
@media (max-width: 768px) {
  .swiper-container {
    max-width: 100%;
  }

  .swiper-slide img {
    height: 300px; /* 移动端减小图片高度 */
  }

  .description {
    font-size: 12px;
    bottom: 5px; /* 上移避免遮挡 */
  }

  .pagination-container {
    bottom: 25px; /* 分页器上移 */
  }
}