/* CSS Grid 4列布局 - 总宽度1200px - 无边框版 */

.grid-4-1200 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto 30px;
}

.grid-list {
    list-style: none;
    display: contents;
    padding: 0;
    margin: 0;
}

.grid-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .grid-link:hover {
        transform: translateY(-8px);
    }

.grid-img-box {
    height: 270px;
    background: #f8f9fa;
    overflow: hidden;
}

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

.grid-link:hover .grid-img {
    transform: scale(1.15);
}