body{
    background: #F9FAFD;
    }
    .bannerSwipperBox{
        height: 285px;
    }
    .mainWrapper{
        min-height: 83vh;
    }
    .swiper{
        height: 100%;
    }
    .swiper-slide a{
        background-size: cover !important;
    }
    .container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 60px 20px 0 20px;
        position: relative;
    }
    .container-title{
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 44px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 45px;
    text-align: center;
    }
    /* 标签切换样式 */
    .tab-container {
        margin-bottom: 40px;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 5px;
    }
    
    .tab-list {
        display: flex;
        list-style: none;
        justify-content:space-between ;
    }
    
    .tab-li {
        padding: 20px 0px;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 20px;
        color: rgba(56, 56, 56, 1);
    }
    
    .tab-li:hover {
        color: rgba(26, 70, 214, 1);
    }
    
    .tab-li.active {
        color: rgba(26, 70, 214, 1);
        font-weight: 500;
    }
    
    .tab-li.active::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: rgba(26, 70, 214, 1);
        border-radius: 4px;
    }
    
    
    /* 走马灯容器 */
    .carousel-container {
        position: relative;
        overflow: hidden;
        padding-bottom: 95px;
        
    }
    
    .carousel {
        display: flex;
        transition: transform 0.5s ease;
    }
    
    .carousel-item {
        flex: 0 0 calc(100% / 3);
        padding:0 20px;
        display: flex;
        flex-direction: column;
    }
    
    .carousel .carousel-item:first-child{
        padding-left: 0;
    }
    .carousel .carousel-item:last-child{
        padding-left: 0;
    }
    /* 活动卡片 */
    .activity-card {
        background-color: #FFFFFF;
        border-radius: 0px 0px 7px 7px;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        border: 1px solid rgba(166, 166, 166, 1);
        /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    /* .activity-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    } */
    
    .activity-img {
        width: 100%;
        height: 310px;
        object-fit: cover;
    }
    
    .activity-content {
        padding: 20px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    
    .activity-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 28px;
    color: rgba(56, 56, 56, 1);
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 56px; /* 两行文字的高度 (line-height * 2) */
    height: 56px;
    }
    
    .activity-time {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26.06px;
    color: rgba(166, 166, 166, 1);
    }
    
    .view-detail-btn {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26.06px;
    color: rgba(56, 56, 56, 1);
    }
    .view-detail-btn:hover{
        color: rgba(56, 56, 56, 1); 
    }
    /* 走马灯指示点 */
    .carousel-dots {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    
    .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd;
        margin: 0 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    .dot.active {
        background-color: #3498db;
        transform: scale(1.2);
    }
    
    /* 新闻列表 */
    .news-list {
        position: relative;      /* 作为伪元素的定位基准 */
        background: transparent; /* 自身背景透明，让伪元素的白色背景透出 */
        z-index: 1;
        padding-top: 60px;
       
      }
      
      .news-list::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;              /* 高度撑满整个 .news-list（包括内边距） */
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;           /* 宽度占满整个视口 */
        background-color: #ffffff; /* 纯白背景 */
        z-index: -1;            /* 置于内容下方，不遮挡新闻条目 */
        pointer-events: none;   /* 允许鼠标/触摸事件穿透到内容 */
      }
    .news-item {
        display: flex;
        padding: 20px 10px;
        border-bottom: 1px solid rgba(229, 229, 229, 1);
        transition: all 0.3s;
        cursor: pointer;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .news-item:first-child{
        border-top: 1px solid #e0e0e0;
    }
    .news-item:hover {
        background-color: #f9f9f9;
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    }
    .news-date {
        display: flex;
        flex-direction: column;
        padding-right: 25px;
        color: #000000;
    }
    
    .date-day {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 5px;
    }
    
    .date-month-year {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 19px;
    color: rgba(166, 166, 166, 1);
    border: 1px solid rgba(166, 166, 166, 1);
    text-align: center;
    width: 48px;
    height: 21px;
    }
    .news-separator{
        width: 40px;
        height: 1px;
        background: rgba(166, 166, 166, 1);
        margin-top: 15px;
        margin-right: 35px;
    }
    .news-content {
        flex: 1;
        padding-right: 35px;
    }
    
    .news-title {
        margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(0, 0, 0, 1);
    
    
    }
    
    .news-subtitle {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(166, 166, 166, 1);
    display: block;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 52px; /* 两行文字的高度 (line-height * 2) */
    height: 52px;
    
    }
    .news-time{
        display: none;  
font-weight: 400;
font-size: 12px;
line-height: 100%;
color: rgba(128, 128, 128, 1);

    }
    .news-cover {
        width: 300px;
        height: 165px;
        background: rgba(204, 204, 204, 1);
        overflow: hidden;
        transition: transform 0.3s;
    }
    
    .news-cover:hover {
        transform: scale(1.05);
    }
    
    .news-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* 新增加载状态样式 */
                .loading-container {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 40px;
                    color: #666;
                }
                .error-container {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 40px;
                    color: #e53935;
                    flex-direction: column;
                }
                .retry-btn {
                    margin-top: 10px;
                    padding: 8px 16px;
                    background: #4299e1;
                    color: white;
                    border: none;
                    border-radius: 4px;
                    cursor: pointer;
                }
                .retry-btn:hover {
                    background: #3182ce;
                }
                .news-item:last-child{
                    margin-bottom: 0;
                }
                /* 新增分页样式 */
                .pagination-container {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 50px 0 80px 0;
                    position: relative;      /* 作为伪元素的定位基准 */
                    background: transparent; /* 自身背景透明，让伪元素的白色背景透出 */
                    z-index: 1;
                }
                .pagination-container::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    bottom: 0;              /* 高度撑满整个 .news-list（包括内边距） */
                    left: 50%;
                    transform: translateX(-50%);
                    width: 100vw;           /* 宽度占满整个视口 */
                    background-color: #ffffff; /* 纯白背景 */
                    z-index: -1;            /* 置于内容下方，不遮挡新闻条目 */
                    pointer-events: none;   /* 允许鼠标/触摸事件穿透到内容 */
                  }
                .pagination {
                    display: flex;
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }
                .page-item {
                    margin: 0 4px;
                }
                .page-link {
                    display: block;
                    padding: 8px 12px;
                    border: 1px solid #ddd;
                    background-color: white;
                    color: rgba(166, 166, 166, 1);
                    text-decoration: none;
                    cursor: pointer;
                    min-width: 36px;
                    text-align: center;
                    transition: all 0.3s;
                }
                .page-link:hover {
                    border-color: rgba(26, 70, 214, 1);
                    color:rgba(26, 70, 214, 1);
                }
                .page-item.active .page-link {
                    background: rgba(26, 70, 214, 1);
                    color: white;
                    border-color: #4299e1;
                }
                .page-item.disabled .page-link {
                    color: rgba(166, 166, 166, 1);
                    pointer-events: none;
                }
                .pagination-info {
                    margin-left: 20px;
                    color: #666;
                    font-size: 14px;
                }
                .container .search-wrapper{
                    position: absolute;
                    top: -110px;
                    left: 0;
                    width: 100%;
                    z-index: 10;
                }
                .search-container {
                    
                    display: flex;
                    justify-content: center;
                }
        
                .search-input {
                    padding: 15px 30px;
                    border: 1px solid #ddd;
                    border-radius: 5px 0px 0px 5px;
                    background: rgba(245, 245, 245, 1);
                    width: 550px;
                    height: 61px;
                    font-size: 18px;
                    transition: border-color 0.3s;
                }
        
                .search-input:focus {
                    outline: none;
                    border-color: rgba(26, 70, 214, 1);
                }
                .mobile-search-icon {
                    display: none;
                    background: none;
                    border: none;
                    padding: 0;
                    cursor: pointer;
                }
                .search-button {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: white;
                    border: none;
                    border-radius: 5px;
                    width: 152px;
                    background: rgba(26, 70, 214, 1);
                    cursor: pointer;
                    font-size: 16px;
                    transition: background-color 0.3s;
                }
        
                .search-button:hover {
                    background-color: rgba(19, 55, 168, 1);
                }
        
                /* --- 新增无结果提示样式 --- */
                .no-results-container {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: 60px 20px;
                    color: #666;
                    text-align: center;
                    min-height: 600px;
                }
        
                .no-results-icon {
                    font-size: 50px;
                    color: #ccc;
                    margin-bottom: 20px;
                }
        
                .no-results-text {
                    font-size: 18px;
                    margin-bottom: 10px;
                }
        
                .no-results-subtext {
                    font-size: 14px;
                    color: #999;
                }
                .category-intro {
                    margin-bottom: 45px;
                    padding: 0;
                  }
                  .category-intro-title {
                    width: 100%;
                    margin-bottom: 45px;
                    font-size: 26px;
                    font-weight: 500;
                    letter-spacing: 0px;
                    line-height: 37px;
                    color: rgba(26, 70, 214, 1);
                    text-align: center;
                    position: relative;
                  }
                  .category-intro-title::after {
                    content: "。";              
                    display: inline-block;
                    font-size: 30px;          
                    color: rgba(26, 70, 214, 1);
                    line-height: 1;            
                    vertical-align: super;      
                    margin-left: 4px;           
                    font-weight: 400;
                    transform: translateY(-0.15em) translateX(0.05em); 
                    user-select: none;        
                    speak: none;
                }
                .category-intro-content{
                    display: flex;
                    justify-content: space-between;
                    gap: 23px;
                }
                  .category-intro-img {
                    width: 685px;
                    height: 400px;
                    border-radius: 9px;
                    object-fit: cover;
                    flex-shrink: 0;
                  }
                  
                  .category-intro-text {
                    flex: 1;
                  }
                  .category-intro-desc {
                    font-size: 18px;
                    font-weight: 500;
                    letter-spacing: 0px;
                    line-height: 35px;
                    color: rgba(0, 0, 0, 1);
                  }
    /* 响应式设计 */
@media (max-width: 1024px) {
    body{
        background: #F3F8FF;
    }
    .bannerSwipperBox{
        display: none;
    }
    .container{
        padding: 62px 20px 0px 20px;
        
    }
    .container-title{
        display: none;
    }
    .tab-container{
        border: none;
        margin-bottom: 15px;
    }
    .tab-list{
        overflow-x: auto;
        white-space: nowrap;
        background: transparent;
        gap: 25px;
    }
    .tab-list::-webkit-scrollbar {
        display: none; /* 隐藏滚动条 */
    }
    .tab-li{
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px; 
        color: rgba(128, 128, 128, 1);
    }
    
    .tab-li.active{ 
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
    }
    .tab-li.active::after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%);
        width: 20px;
        height: 2px;
        background: linear-gradient(90deg, rgba(8, 111, 255, 0) 0%, #086FFF 100%);
        border-radius: 0;
        z-index: 999;
    }
    .carousel-container{
        margin-bottom: 15px;
        /* 手机版改为可横向滚动 */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* 平滑滚动 */
        padding-bottom: 10px; /* 给滚动条留空间 */
    }
    .carousel-container::-webkit-scrollbar {
        display: none;
    }
    .carousel-container::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05);
        border-radius: 2px;
    }
    .carousel-container::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 2px;
    }
    .carousel{
        /* 手机版取消transform动画，使用原生滚动 */
        display: flex;
        flex-wrap: nowrap;
        transition: none;
        transform: none !important; /* 覆盖JS设置的transform */
        width: auto; /* 让内容撑开宽度 */
        gap: 12px; /* 项目之间的间距 */
    }
    .carousel-item{
        width: 164px;
        height: 236px;
        flex: 0 0 auto; /* 防止项目被压缩 */
        padding: 0; /* 移除padding，用gap控制间距 */
    }
    .activity-card{
        border-radius: 4px;
        border: none;
        width: 100%;
        height: 100%;
    }
    .activity-img{
        width: 100%;
        height: 150px;
        flex-shrink: 0;
    }
    .activity-content{
        padding: 14px 7px 10px 7px;
    }
    .activity-title{    
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: rgba(255, 255, 255, 1);
        margin-top: 0px;
        margin-bottom: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 34px;
        height: 34px;
    }
    .activity-time{
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
        color: rgba(255, 255, 255, 0.5);
    }
    .view-detail-btn{
        display: none;
    }
    /* 隐藏指示点，因为现在使用滚动而不是轮播 */
    .carousel-dots {
        display: none !important;
    }
    .news-list{
        border-top: none;
        border-radius: 4px;
        padding: 12px;
    }
    .news-item {
        padding: 0;
    }
    .news-item:first-child{
      padding-top: 10px;
    }
    .news-date{
        display: none;
    }
    .news-separator{
        display: none;
    }
    .news-content {
        padding: 0;
        margin-bottom: 15px;
    }
    .news-title{
        margin-bottom: 14px;
        font-weight: 500;
        font-size: 15px;
        line-height: 17px;
        color: rgba(51, 51, 51, 1);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 34px;
        height: 34px;
    }
    .news-subtitle{
        display: none;
    }
    .news-time{
        display: inline-block;
    }
    .news-cover{
        flex-shrink: 0;
        margin-left: 9px;
        width: 110px;
        height: 74px;
        border-radius: 4px;
    }
    .container .search-wrapper{
        position: static;
        border: none;
        margin-top: 15px;
    }
    .search-container {
        position: relative;
    }
    .search-input {
        width: 100%;
        height: 32px;
        background-color: #FFFFFF;
        border-radius: 100px;
        padding: 5px 35px 5px 15px;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0px;
border: none;

    }
    .search-input::placeholder{
        color: rgba(151, 151, 151, 1);
    }
    .search-button{
        display: none;
    }
    .mobile-search-icon {
        display: block;
        position: absolute;
        right: 15px; /* 与输入框右边距对齐 */
        top: 50%;
        width: 16px;
        height: 16px;
        transform: translateY(-50%); /* 垂直居中 */
    }
    .mobile-search-icon img{
        width: 100%;
        height: 100%;
    }
    .category-intro {
        margin-bottom: 20px;
        padding: 10px 0;
      }
    .category-intro-content{
        flex-direction: column;
    }
      .category-intro-img {
        width: 100%;
        height: 180px;
      }
    
      .category-intro-title {
        font-size: 16px;
        margin-bottom: 10px;
      }
      .category-intro-title::after{
        font-size: 15px;
      }
      .category-intro-desc {
        font-size: 14px;
        line-height: 1.6;
      }
      .pagination-container{
        padding: 20px 0px 30px 0px;
      }
}
    
    @media (max-width: 768px) {
        
        
        
        
         .page-link {
                        padding: 6px 10px;
                        min-width: 32px;
                    }
                    .page-item {
                        margin: 0 2px;
                    }
                    .pagination-info {
                        margin-left: 15px;
                        font-size: 13px;
                    }
    }
    
    @media (max-width: 576px) {
        
    }
    
    /* 分隔线 */
    .divider {
        height: 1px;
        background-color: #e0e0e0;
        margin: 30px 0;
    }
    
    
    .highlight {
        color: #e74c3c;
        font-weight: 600;
    }