.article-meta .publish-time {
    margin-right: 32px;
}
        .card-container {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            padding: 25px 0;
        }
        .card {
    border-radius: 15px;
    width: calc(22%);
    overflow: hidden;
    text-align: center;
    padding: 12px;
    transition: transform 0.3s;
        }
 @media (max-width: 768px) {
    .card {
        width: 100%; /* 在移动端设置宽度为100% */
    }
}       
        .card:hover {
            transform: translateY(-10px);
        }
.card-container img {
    border-radius: 15px;
}
.card-container p {
    font-size: smaller;
}
.card-container h3 {
    font-size: larger;
        padding-top: 15px;
}
        .card .view-count {
            font-size: 14px;
            color: #999;
        }
a.read-more {
    padding-top: 8px;
}