.article-left{
    width: 70%;
}
.article-left .article-list {
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr); !* 一行三列，每列等宽 *!*/
    /*gap: 20px; !* 设置网格间隙 *!*/
}
.article-item{
    display: inline-block;
    width: 31.33%;
    vertical-align: top;
    margin-bottom: 20px;
}
.article-item:nth-child(3n-1){
    margin: 0 20px;
}
.article-item-img{
    height: 188px;
}
.article-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 关键属性：裁剪填充，保持比例 */
    object-position: center; /* 裁剪时居中显示 */
}

.article-right{
    width: calc(30% - 32px);
}
.article-small-item:first-child{
    margin-top: 12px;
}
.article-small-item:not(:first-child){
    margin-top: 20px;
}
.article-small-item{

}
.article-small-img{
    width: 29.83%;
    height: 70px;

}
.article-small-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;  /* 关键属性：裁剪填充，保持比例 */
    object-position: center; /* 裁剪时居中显示 */
}