/* 平板适配 (768px+) 桌面端并排显示 */
@media (min-width: 768px) {
  .article-img {
        flex: 0 0 240px;
        height: 160px;}
    .article-card {
        padding: 24px;
        margin-bottom: var(--gap);}
}

/* 桌面端适配 (1024px+) */
@media (min-width: 1024px) {
  
    .article-img {
        flex: 0 0 280px;
        height: 180px;}
}

/* 超小屏适配 (320px以下) */
@media (max-width: 320px) {
   
    .article-img {
        height: 160px;}
}