body{background-color:#f8f8f8}.article-list .article-list-wrapper{display:flex;flex-wrap:wrap;gap:24px}.article-list .article-list-wrapper .article-item{transition:all .3s ease;box-shadow:0 0 10px #ccc;width:calc(100% / 4 - 24px * 3 / 4)}.article-list .article-list-wrapper .article-item:hover{transform:translate3d(0, -10px, 0)}.article-list .article-list-wrapper .article-item:hover img{transform:scale(1.1)}.article-list .article-list-wrapper .article-item:hover .title{color:var(--primary-color)}.article-list .article-list-wrapper .article-item .swiper-slide-link{display:block}.article-list .article-list-wrapper .article-item .image-wrapper{width:100%;aspect-ratio:3 / 2;overflow:hidden}.article-list .article-list-wrapper .article-item .image-wrapper img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.article-list .article-list-wrapper .article-item .content-wrapper{padding:24px}.article-list .article-list-wrapper .article-item .content-wrapper .desc{line-height:2;color:#666}.article-list .article-list-wrapper .article-item .content-wrapper .date{display:flex;align-items:center;color:#666}.article-list .article-list-wrapper .article-item .content-wrapper .date .iconfont{font-size:22px}.article-list .article-list-wrapper .article-item .content-wrapper .date span{margin-left:8px}@media screen and (max-width:992px){.article-list .article-list-wrapper .article-item{width:100%}.article-list .article-list-wrapper .article-item .content-wrapper{padding:12px}}