.swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background-color: rgba(255, 255, 255, 0.5);
   opacity: 1;
 }

 .swiper-pagination-bullet-active {
   background-color: #fff;
 }

 /* 主轮播图导航按钮样式 */
 .swiper-button-next,
 .swiper-button-prev {
   color: white;
   background-color: rgba(255, 255, 255, 0.75);
   width: 50px;
   height: 50px;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   z-index: 10;
   cursor: pointer;
   top: 50%;
   transform: translateY(-50%);
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
   font-size: 20px;
   font-weight: bold;
   color: #000;
 }

 .swiper-button-next {
   right: 20px;
 }

 .swiper-button-prev {
   left: 20px;
 }

 /* 多视口效果 */
 .preview-swiper {
   height: 580px;
   overflow: hidden;
   /* padding-left: 40px;
   padding-right: 40px; */
 }

 .preview-swiper .swiper-slide {
   /* width: 1000px; */
   /* 设置固定宽度 */
   opacity: 0.5;
   transition: all 0.3s ease;
 }

 .preview-swiper .swiper-slide-active {
   opacity: 1;
 }

 .preview-swiper .swiper-slide-prev,
 .preview-swiper .swiper-slide-next {
   opacity: 0.7;
 }

 /* 预览轮播图导航按钮样式 */
 .preview-next,
 .preview-prev {
   color: white;
   background-color: rgba(255, 255, 255, 0.75);
   width: 40px;
   height: 40px;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   cursor: pointer;
 }

 .preview-next:after,
 .preview-prev:after {
   font-size: 18px;
   font-weight: bold;
   color: #000;
 }

 .preview-next {
   right: 20px;
 }

 .preview-prev {
   left: 20px;
 }

 /* 幻灯片内容覆盖 */
 .preview-slide-content {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
   color: white;
   transform: translateY(0);
   /* padding: 50px; */
   /* transform: translateY(100%); */
   /* transition: transform 0.3s ease; */
 }

 .preview-swiper .swiper-slide-active .preview-slide-content {
   /* transform: translateY(0); */
 }

 /* 分页器点的样式 */
 .preview-swiper-container .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background-color: #dfdfdf;
   opacity: 1;
   margin: 0 5px;
 }

 .preview-pagination {
   position: relative;
   bottom: auto;
   margin-top: 20px;
   /* 距离上方内容的距离 */
   text-align: center;
   /* 居中显示 */
 }

 .preview-swiper-container .swiper-pagination-bullet-active {
   background-color: #7bc611;
 }

 /* 玻璃虚化效果样式 */
 .glass-overlay {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   z-index: 39;
   /* 比导航低，比内容高 */
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.3s ease, visibility 0.3s ease;
   pointer-events: none;
 }

 .glass-overlay.active {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
 }

 /* 阻止下拉菜单激活时的页面滚动 */
 body.no-scroll {
   overflow: hidden;
 }

 /* 当下拉菜单激活时，给网站内容添加模糊效果 */
 body.dropdown-active .mainSwiper,
 body.dropdown-active .preview-swiper-container,
 body.dropdown-active .mx-auto.px-10.mt-2.mb-4,
 body.dropdown-active footer,
 body.dropdown-active .fixed.bottom-0 {
   filter: blur(5px);
   transition: filter 0.3s ease;
 }

 /* 确保下拉菜单不模糊 */
 nav,
 .shared-dropdown-container,
 .dropdown-content,
 .dropdown-content.active {
   filter: none !important;
 }

 /* 响应式调整 */
 @media (max-width: 1024px) {

   .main-next,
   .main-prev {
     display: none;
   }

   .preview-next,
   .preview-prev {
     display: none;
   }

   /* 移动端调整玻璃效果 */
   body.dropdown-active .mainSwiper,
   body.dropdown-active .preview-swiper-container,
   body.dropdown-active .mx-auto.px-10.mt-2.mb-4,
   body.dropdown-active footer,
   body.dropdown-active .fixed.bottom-0 {
     filter: blur(3px);
   }
 }

 .swiper-button-disabled {
   opacity: 0 !important;
 }