.article-list{background-color:#f6f6f6}.article-list .article-list-wrapper{display:flex;flex-wrap:wrap;gap:24px}.article-list .article-list-wrapper .article-item{width:calc(100% / 3 - 24px * 2 / 3)}.article-list .article-list-wrapper .article-item .image-wrapper{aspect-ratio:4 / 3;overflow:hidden}.article-list .article-list-wrapper .article-item .image-wrapper img{width:100%;height:100%;transition:all .6s ease;object-fit:contain}.article-list .article-list-wrapper .article-item .content{background-color:#fff;color:#000;padding:24px}.article-list .article-list-wrapper .article-item:hover .image-wrapper img{transform:scale(1.05)}.article-list .article-list-wrapper .article-item:hover .content .title{color:var(--primary-color)}@media screen and (max-width:992px){.article-list .article-list-wrapper{gap:16px}.article-list .article-list-wrapper .article-item{width:100%}.article-list .article-list-wrapper .article-item .content{padding:12px}}