body{background-color:#f8f8f8}.article-list{padding:80px 0;background-color:#f8f8f8}.article-list .article-list-wrapper{display:flex;flex-wrap:wrap;gap:24px}.article-list .article-list-wrapper .article-item{position:relative;width:calc(100% / 3 - 16px);background-color:#fff}.article-list .article-list-wrapper .article-item .article-link{display:block}.article-list .article-list-wrapper .article-item .article-link .photo{width:100%;aspect-ratio:16 / 9;overflow:hidden}.article-list .article-list-wrapper .article-item .article-link .photo img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.article-list .article-list-wrapper .article-item .article-link .photo img:hover{transform:scale(1.2)}.article-list .article-list-wrapper .article-item .article-link .article-content{padding:24px;display:flex;overflow:hidden}.article-list .article-list-wrapper .article-item .article-link .article-content .date{width:100px;padding-right:24px;display:flex;flex-shrink:0;flex-direction:column;justify-content:center;align-items:center;color:#999}.article-list .article-list-wrapper .article-item .article-link .article-content .text{width:calc(100% - 100px)}.article-list .article-list-wrapper .article-item .article-link .article-content .text p{line-height:1.5;color:#999}.article-list .article-list-wrapper .article-item:hover .article-link .article-content .date,.article-list .article-list-wrapper .article-item:hover .article-link .article-content .text{color:var(--primary-color)}@media screen and (max-width:992px){.article-list{padding:24px 0}.article-list .article-list-wrapper .article-item{width:100%}.article-list .article-list-wrapper .article-item .article-link .article-content{padding:12px;padding-left:6px}.article-list .article-list-wrapper .article-item .article-link .article-content .date{width:70px;padding-right:12px}.article-list .article-list-wrapper .article-item .article-link .article-content .text{width:calc(100% - 70px)}}