.news-archive{
    width:100%;
}

.news-card-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:30px;
}

.news-card{
    display:flex;
    flex-direction:column;
    height:100%;
    border:1px solid #e3ecf3;
    background:#ffffff;
    box-shadow:0 12px 28px rgba(11, 56, 92, .06);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.news-card:hover{
    transform:translateY(-4px);
    border-color:#bfd7e8;
    box-shadow:0 18px 36px rgba(11, 56, 92, .1);
}

.news-card__thumb{
    display:block;
    aspect-ratio: 16 / 10;
    overflow:hidden;
    background:#f3f6f8;
}

.news-card__thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.news-card:hover .news-card__thumb img{
    transform:scale(1.04);
}

.news-card__body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:22px 22px 24px;
}

.news-card__meta{
    font-size:13px;
    line-height:1.6;
    color:#8a95a0;
}

.news-card__title{
    margin-top:10px;
    color:#1f1f1f;
    font-size:20px;
    line-height:1.6;
    font-weight:700;
    text-decoration:none;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.news-card:hover .news-card__title{
    color:#0070b2;
}

.news-card__desc{
    margin:12px 0 0;
    color:#5f6b76;
    font-size:14px;
    line-height:1.9;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.news-card__more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    min-width:110px;
    height:40px;
    margin-top:18px;
    padding:0 20px;
    border:1px solid #cfd8df;
    border-radius:30px;
    color:#4f5e69;
    font-size:14px;
    text-decoration:none;
    box-sizing:border-box;
    transition:all .2s ease;
}

.news-card__more:hover,
.news-card:hover .news-card__more{
    border-color:#0070b2;
    color:#0070b2;
}

.lists_page{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:42px 0 0;
}

.lists_page a,
.lists_page span,
.lists_page .thisclass{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 10px;
    border:1px solid #d9e2ea;
    border-radius:6px;
    background:#ffffff;
    color:#5a6772;
    font-size:14px;
    line-height:38px;
    text-decoration:none;
    box-sizing:border-box;
    transition:all .2s ease;
}

.lists_page a:hover{
    border-color:#0070b2;
    color:#0070b2;
}

.lists_page .thisclass{
    background:#0070b2;
    border-color:#0070b2;
    color:#ffffff;
}

@media screen and (min-width:641px) and (max-width:1500px){
    .news-card-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:24px;
    }
}

@media screen and (max-width:640px){
    .news-card-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .news-card__body{
        padding:18px 18px 20px;
    }

    .news-card__title{
        font-size:18px;
    }

    .news-card__desc{
        margin-top:10px;
        font-size:13px;
        line-height:1.8;
        -webkit-line-clamp:2;
    }

    .news-card__more{
        min-width:104px;
        height:36px;
        margin-top:16px;
        font-size:13px;
    }

    .lists_page{
        gap:6px;
        margin-top:30px;
    }

    .lists_page a,
    .lists_page span,
    .lists_page .thisclass{
        min-width:32px;
        height:32px;
        padding:0 8px;
        font-size:13px;
        line-height:32px;
    }
}