* { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
            
            
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .container {
            width: 100%;
            max-width: 1500px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
        }

        /* ===== Swiper 区域 ===== */
        .swiper {
            width: 100%;
            padding-top: 1px;
            padding-bottom: 40px;
        }

        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 420px;
            height: 300px;
            border-radius: 12px;
            overflow: hidden;
        }
         .swiper-slide1 {
            background-position: center;
            background-size: cover;
           width: 420px;
            height: 569px;
            border-radius: 12px;
            overflow: hidden;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            /* height: 100%; */
            /* object-fit: cover; */
        }

        /* coverflow 阴影美化 */
        .swiper-slide-shadow-left,
        .swiper-slide-shadow-right {
            background: rgba(0,0,0,0.15) !important;
        }

        /* ===== 图片下方文字 ===== */
        .slide-caption {
            text-align: center;
            min-height: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .slide-caption .caption-title {
            font-size: 20px;
            font-weight: 600;
            color: #333;
            letter-spacing: 0.04em;
            transition: opacity 0.35s ease, transform 0.35s ease;
        }

        .slide-caption .caption-sub {
            font-size: 14px;
            color: #888;
            margin-top: 4px;
            transition: opacity 0.35s ease 0.08s, transform 0.35s ease 0.08s;
        }

        .slide-caption.fade-out .caption-title,
        .slide-caption.fade-out .caption-sub {
            opacity: 0;
            transform: translateY(6px);
        }

        .slide-caption.fade-in .caption-title,
        .slide-caption.fade-in .caption-sub {
            opacity: 1;
            transform: translateY(0);
        }

        /* ===== 分页点 ===== */
        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background: #ccc;
            opacity: 1;
            transition: all 0.3s ease;
        }

        .swiper-pagination-bullet-active {
            background: #2196F3;
            width: 22px;
            border-radius: 4px;
        }

        /* ===== 导航箭头 ===== */
        .swiper-button-next,
        .swiper-button-prev {
            color: #666;
            transition: color 0.2s ease;
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            color: #2196F3;
        }

        /* ===== 响应式 ===== */