/* 轮播图 */
  /* 轮播容器 */
        .timeline-swiper {
            width: 100%;
            /* max-width: 1200px; */
            margin: 50px auto;
            padding: 0 20px;
        }

        /* Slide卡片样式 */
        .swiper-slide {
           /* width: calc((100% - 40px) / 3); */
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            overflow: hidden;
            transition: transform 0.5s ease, opacity 0.5s ease;
        }
        .swiper-slide-active { transform: scale(1); opacity: 1; }
        .swiper-slide-prev, .swiper-slide-next { transform: scale(0.92); opacity: 0.85; }

        /* 卡片内容布局 */
        .card-swiper { display: flex;}

        .card-content { flex: 1; display: flex; flex-direction: column; justify-content: center;  background-color: #F7F9FAFF;padding-left: 10px; }
        .card-year { font-size: 40px; color: #0C3EB9FF; margin-bottom: 15px; font-weight: 600; }
        .card-desc { font-size: 18px; color: #767676FF; line-height: 1.6; }
        .card-img { flex: 1; width: 500px; }
        .card-img img { width: 100%; height: 100%; object-fit: cover; }

        /* ------------------------------ 核心：底部指示器（时间轴）样式 ------------------------------ */
        .timeline-pagination {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            margin-top: 40px;
            padding: 20px 0;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .timeline-pagination::-webkit-scrollbar {
            display: none;
        }

        /* 时间轴背景（灰色条） */
        .timeline-pagination::before {
            background-color: #EFEFF2FF;
            border-radius: 9px;
            content: "";
            height: 18px;
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            z-index: 0;
        }

        /* 1. 指示器项基础样式（未选中状态） */
        .timeline-pagination .swiper-pagination-bullet {
            position: relative;
            width: 60px;
            height: 80px;
            background: transparent;
            border-radius: 0;
            cursor: pointer;
            margin: 0 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
        }

        /* 1.1 未选中：蓝色边框圆点（时间轴中心） */
        .timeline-pagination .black-dot {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 2px solid #0B3DB9;
            border-radius: 50%;
            height: 18px;
            width: 18px;
            transition: opacity 0.6s ease-out;
            z-index: 1;
        }
        
        

        /* 1.2 未选中：年份文字（时间轴正下方） */
        .timeline-pagination .year {
            font-size: 24px;
            color: #232323; 
            font-weight: bold;
            position: absolute;
            top: calc(50% + 0.225rem + 10px); 
            left: 50%;
            transform: translateX(-50%);
            transition: font-size 0.6s ease-out, 
                        color 0.6s ease-out, 
                        top 0.6s ease-out, 
                        transform 0.6s ease-out;
            z-index: 9;
        }
        .swiper-pagination-bullet{
            opacity: 1;
        }
        /* 2. 指示器项伪元素（未选中：隐藏） */
        .timeline-pagination .swiper-pagination-bullet::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 70px;
            height: 70px;
            background-color: #b5c4ea;
            border-radius: .6rem;
            transform: translate(-50%, -50%) rotate(0deg) scale(0);
            opacity: 0;
            transition: transform 0.6s ease-out, opacity 0.6s ease-out;
            z-index: -1;
        }

        .timeline-pagination .swiper-pagination-bullet::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 70px;
            height: 70px;
            background: #0C3EB9;
            border-radius: .6rem;
            transform: translate(-50%, -50%) rotate(0deg) scale(0);
            opacity: 0;
            transition: transform 0.6s ease-out, opacity 0.6s ease-out;
            z-index: -1;
        }

        /* 3. 选中状态：优化层级与透明度 */
        .timeline-pagination .swiper-pagination-bullet-active {
            z-index: 2;
        }
        .timeline-pagination .swiper-pagination-bullet-active .black-dot {
            opacity: 0;
        }

        .timeline-pagination .swiper-pagination-bullet-active .year {
            font-size: 18px;
            color: #fff;
            font-weight: bold;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 3;
        }

        .timeline-pagination .swiper-pagination-bullet-active::before {
            transform: translate(-50%, -50%) rotate(45deg) scale(1);
            opacity: 1;
            z-index: 1;
        }

        .timeline-pagination .swiper-pagination-bullet-active::after {
            transform: translate(-50%, -50%) rotate(70deg) scale(1);
            opacity: 1;
            z-index: 1;
        }

       
        /* 移动端适配 */
        @media (max-width: 768px) {
            .timeline-swiper {
                padding: 0 10px;
            }
            
            .swiper-slide {
                width: calc((100% - 20px) / 2);
            }
            
            .card-swiper{
                /* height: 400px; */
                flex-direction: column;
            }
            .card-swiper .card-img img{
                /* height: 235px; */
            }
            .timeline-pagination .year {
                font-size: 16px;
            }
            .card-img {
                min-width: 100%;
                max-height: 235px;
            }
            .card-content{
                /* height: 260px; */
            }
              .card-img img { width: 100%; height: 100%; object-fit: cover; }
            .timeline-pagination {
                padding: 15px 0;
                margin-top: 60px;
            }
            
            .timeline-pagination .swiper-pagination-bullet {
                width: 50px;
                height: 70px;
                margin: 0 20px;
            }
            
            .timeline-pagination .swiper-pagination-bullet-active .year {
                font-size: 16px;
            }

            .timeline-pagination .swiper-pagination-bullet::before {
          
                width: 50px;
                height: 50px;
        
        }

        .timeline-pagination .swiper-pagination-bullet::after {
        
            width: 50px;
            height: 50px;
           
        }
        .card-content{
            padding: 30px 20px;
        }
         .card-content { 
            height: 205px;
            flex: none;
        }
             .card-desc { font-size: 16px; }
        }

/* 轮播图end */