/* ===== 页面布局：多个轮播纵向排列 ===== */
        .page {
           max-width: 2000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
        }

        /* ===== 每个轮播容器 ===== */
        .swiper-container {
			
            position: relative;
            width: 100%;
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
            padding: 10px 10px 10px;
            overflow: hidden;    margin-top: 1.5rem;
        }

        /* ===== 可选标题 ===== */
        .swiper-title {
            font-size: 18px;
            font-weight: 600;
            color: #1e293b;
            margin-bottom: 16px;
            padding-left: 6px;
            letter-spacing: 0.3px;
        }
        .swiper-title small {
            font-weight: 400;
            color: #94a3b8;
            font-size: 14px;
            margin-left: 10px;
        }

        /* ===== 滑动轨道 ===== */
        .swiper-track {
            overflow: hidden;
            border-radius: 14px;
        }
        .swiper-wrapper {
            display: flex;
            transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            will-change: transform;
        }

        /* ===== 幻灯片 ===== */
        .swiper-slide {
             /* flex: 0 0 calc(50% - 12px); */
    flex: 0 0 calc(100% - 0px);
	flex: 0 0 calc(100% - 0px);
    min-width: 0;
    margin: 0 0px;
    border-radius: 14px;
    overflow: hidden;
    box-sizing: border-box;
    /* aspect-ratio: 1; */
    /* background: #e8ecf1; */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s;
        }
        .swiper-slide:hover {
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
        }
        .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s;
        }
        .swiper-slide:hover img {
            transform: scale(1.03);
        }

        /* ===== 导航箭头（绝对定位在容器内） ===== */
        .swiper-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 44px;
            height: 44px;
            border: none;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(6px);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #2d3748;
            transition: all 0.25s;
            z-index: 10;
            user-select: none;
        }
        .swiper-btn:hover:not(:disabled) {
            background: #fff;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
            transform: translateY(-50%) scale(1.06);
        }
        .swiper-btn:disabled {
            opacity: 0.3;
            cursor: not-allowed;
            background: rgba(255, 255, 255, 0.6);
        }
        .swiper-btn-prev {
            left: 8px;
        }
        .swiper-btn-next {
            right: 8px;
        }
        .swiper-btn svg {
            width: 22px;
            height: 22px;
            fill: currentColor;
            display: block;
        }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .swiper-container {
                padding: 16px 12px 12px;
            }
            .swiper-slide {
                flex: 0 0 calc(100% - 0px);
    min-width: 0;
                /*margin: 0 4px;
                aspect-ratio: 3 / 2;*/
            }
            .swiper-btn {
                width: 36px;
                height: 36px;
            }
            .swiper-btn svg {
                width: 18px;
                height: 18px;
            }
            .swiper-btn-prev {
                left: 4px;
            }
            .swiper-btn-next {
                right: 4px;
            }
            .swiper-title {
                font-size: 16px;
            }
        }
        @media (max-width: 480px) {
            .swiper-container {
                padding: 10px 6px 10px;
            }
            .swiper-slide {
               flex: 0 0 calc(100% - 0px);
    min-width: 0;
               /* margin: 0 3px;
                aspect-ratio: 1 / 1;*/
            }
            .swiper-btn {
                width: 30px;
                height: 30px;
            }
            .swiper-btn svg {
                width: 14px;
                height: 14px;
            }
            .swiper-btn-prev {
                left: 0px;
            }
            .swiper-btn-next {
                right: 0px;
            }
            .swiper-title {
                font-size: 14px;
            }
        }
		@media (min-width: 2400px) and (max-width: 3500px) {
			
			.event-display {
  /* 不要写 max-width:xxxx */
}
.event-item {
  flex:0 0 100%;
  min-width:0;
  /* 不要加max-width */
}
.swiper-container {
  width:100% !important;
  /* 不要加max-width */
        min-width: 1772px;
}
.swiper-slide img {
  width:100%;
  height:auto;
  /* 可以保留max-width:100%，这条只是不超出父级，不会主动限制上限 */
}
			}