/* 1. 重置全局默认样式，避免浏览器自带边距影响 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.mySwiper {
  width: 100vw; /* 宽度强制等于浏览器可视区域 */
  height: auto;
  overflow: hidden;
  padding: 0;
  border: 0;
  /* 确保容器在最上层，无定位冲突 */
  position: relative;
  z-index: 1;
}

/* 2. 处理Swiper内部容器，强制填满父元素 */
.mySwiper .swiper-container,
.mySwiper .swiper-wrapper,
.mySwiper .swiper-slide {
  width: 100% !important; /* 强制继承父容器宽度 */
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3. 图片强制填满宽度，完整显示 */
.mySwiper img {
  width: 100vw !important; /* 无视原始尺寸，强制等于浏览器宽度 */
  height: auto !important; /* 高度按比例自适应，不拉伸 */
  display: block !important; /* 消除图片底部默认空白 */
  object-fit: cover; /* 若图片比例与浏览器不匹配，优先填满宽度（轻微裁剪高度，保证宽度无留白） */
  /* 若必须完全不裁剪，用contain，但可能上下留白：object-fit: contain; */
}


.swiper-pagination-bullet {
  width: 50px !important;
  height: 5px !important;
  border-radius: 0 !important;
}