/* 或使用 Swiper 提供的 CSS 变量 */
    .swiper-button-prev,
    .swiper-button-next {
        color: black;
        --swiper-navigation-size: 30px;  /* 直接控制箭头尺寸 */
        font-weight: bold;
    }



.swiper{

    --swiper-pagination-color: #333333;
  }




 /* 为特定的 Swiper 容器添加自定义类名 */
   .custom-swiper-container {
        width: 60%;
        margin-left: 20%;
    }
    /* 针对特定 Swiper 的幻灯片设置样式 */
   .custom-swiper-container .swiper-slide {
      transition: 300ms;
      transform: scale(0.8);
    }
    /* 激活的幻灯片和复制的激活幻灯片缩放为 1.1 */
   .custom-swiper-container .swiper-slide-active,
   .custom-swiper-container .swiper-slide-duplicate-active {
      transform: scale(1.05);
    }




/* 为特定的 Swiper 容器添加自定义类名 */
.custom-swiper-container-3 {
    width: 100%;
/*    height: 500px;*/
    height: 36vw;
    margin-left: 0%;
}
/* 针对特定 Swiper 的幻灯片设置样式 */
.custom-swiper-container-3 .swiper-slide {
    transition: 300ms;
    transform: scale(0.8);
    position: relative;
}
/* 激活的幻灯片和复制的激活幻灯片缩放为 1.1 */
.custom-swiper-container-3 .swiper-slide-active,
.custom-swiper-container-3 .swiper-slide-duplicate-active {
    transform: scale(1.05);
}
.slide-content {
    position: relative;
}
.text-overlay {
    position: absolute;
    top: 10px; /* 根据需要调整位置 */
    left: 10px; /* 根据需要调整位置 */
    color: white;
    z-index: 1;
    font-size: 15px;
    padding: 10px;
}
.black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
    z-index: 0;
}
.slide-logo {
    position: absolute;
    top: 80%; /* 根据需要调整位置 */
    left: 10%;
    width: 25%;
    max-width: 150px; /* 根据需要调整 logo 大小 */
    z-index: 1;
}