.swiper-container-wrapper {
  width: 100%; /* 你希望一排顯示三張卡片的總寬度 */
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 8rem;
  margin-top: 2.5625rem;
  max-width: 100dvw;
}

.swiper-container-wrapper {
  width: calc(32.375rem * 3 - 6.5625rem); /* 卡片寬度 * 3 + 間距 * 2 */
  margin: 0 auto;
  overflow: hidden;
  /* max-width: 80%; */
}
.swiper-container-wrapper .swiper {
  /* width: 80%; */
  /* max-width: 1140px; */
  padding-top: 70px;
}

.swiper-container-wrapper .swiper-wrapper {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.swiper-container-wrapper .swiper-slide-prev,
.swiper-slide-next {
  z-index: 1;
  position: relative;
}
.swiper-slide-prev::before,
.swiper-slide-next::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  pointer-events: none;
}

.swiper-container-wrapper .swiper-slide-active {
  z-index: 10;
  transform: scale(1.05);
  transform: translateY(-3.5rem) !important; /* 往上移動 20px */
}

/* 🔽 把箭頭移到底部並置中 */
.swiper-container-wrapper .swiper-button-next,
.swiper-button-prev {
  position: absolute;
  bottom: 10px;
  top: auto;
  width: 6.25rem;
  height: 6.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent; /* 隱藏預設箭頭 */
}
.swiper-button-prev {
  left: 10px;
  background-image: url('../image/ai-view-cta-01.png');
}
.swiper-button-prev:hover {
  background-image: url('../image/ai-view-cta-03.png');
}

.swiper-button-next {
  right: 10px;
  background-image: url('../image/ai-view-cta-02.png');
}
.swiper-button-next:hover {
  background-image: url('../image/ai-view-cta-04.png');
}
.swiper-container-wrapper .swiper-button-prev {
  left: 50%;
  transform: translateX(-6.25rem); /* 左邊往左一點 */
}

.swiper-container-wrapper .swiper-button-next {
  left: 50%;
  transform: translateX(1.25rem); /* 右邊往右一點 */
}

.swiper-container-wrapper .swiper-slide {
  color: #000;
  font-size: 1.5rem;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 41.9375rem;
  width: 32.375rem;
}
.swiper-container-wrapper .swiper-slide img {
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.mySwiper2 .swiper-slide {
  opacity: 0;
  pointer-events: none;
}
.mySwiper2 .swiper-slide-active,
.mySwiper2 .swiper-slide-next,
.mySwiper2 .swiper-slide-prev {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 768px) {
  .swiper-container-wrapper {
    width: 100dvw;
    max-width: 100dvw;
  }
  .swiper-container-wrapper .swiper-slide {
    height: auto;
  }
}
@media (max-width: 480px) {
  .swiper-container-wrapper {
    width: 100dvw;
    max-width: 100dvw;
  }
  .swiper-container-wrapper .swiper-slide {
    width: 33.3%;
    max-width: 100%;
    height: 57.9375rem;
  }
}
@media (max-width: 400px) {
  .swiper-container-wrapper {
    width: 100dvw;
    max-width: 100dvw;
  }
  .swiper-container-wrapper .swiper-slide {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}