.page-title {
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
        color: #333;
    }

    .intro-text {
        font-size: 16px;
        color: #555;
        text-align: center;
        max-width: 800px;
        margin: 0 auto 40px auto;
        line-height: 1.7;
    }

    .news-grid {
        display: grid;
        /* PC端默认显示3列 */
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .news-card {
        background-color: #fff;
        border: 1px solid #eee;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .news-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }
    
    .news-card-link {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .news-card img {
        width: 100%;
        height: 200px; 
        object-fit: cover;
        display: block;
    }

    .news-card-content {
        padding: 20px;
    }

    .news-card-title {
        font-size: 18px;
        font-weight: bold;
        color: #0B3861;
        margin: 0 0 10px 0;
        /* 多行文字溢出显示省略号 */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 44px; /* 约等于2行文字的高度，防止卡片高度不一 */
    }

    .news-card-summary {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
        margin-bottom: 15px;
        /* 多行文字溢出显示省略号 */
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 66px; /* 约等于3行文字的高度 */
    }

    .news-card-meta {
        font-size: 12px;
        color: #999;
    }

    /* 响应式设计 */
    @media (max-width: 992px) {
        /* 在平板等中等屏幕上，仍然保持3列 */
        .news-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        /* 移动端一行显示2个，符合49.5%的分布要求 */
        .news-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 15px; /* 在移动端可以适当减小间距 */
        }
        .news-card img {
        width: 100%;
        height: 100px; 
        object-fit: cover;
        display: block;
    }
        .news-card-title {
            font-size: 16px;
            min-height: 38px;
        }

        .news-card-summary {
            font-size: 13px;
            -webkit-line-clamp: 2;
             min-height: 40px;
        }
        
        .news-card-content {
            padding: 15px;
        }
    }

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}