.content {
    width: 80%;
    margin: 0 auto;
}

.content .daily-saying {
    color: var(--text-color-2);
    text-align: center;
    font-family: '宋体';
    margin-bottom: 50px;
}

.works ul {
    display: grid;
    justify-content: center;
    gap: 100px;
    grid-template-columns: repeat(5, 1fr);
}

@media screen and (max-width: 1024px) {
    .works ul {
        grid-template-columns: repeat(3, 1fr);
        text-align: center;
    }
}