.main-blog {
  background-color: rgb(var(--color-background));
}

.main-blog__container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* .main-blog__list {
  --gap: 22px;
} */

.main-blog__title {
  color: rgba(var(--color-text));
}


/* 外层列表 */
.main-blog__list {
  display: grid;
  grid-template-columns:  repeat(2, 1fr);
  gap: 22px;
}


/* 每个 li 不需要特殊样式，靠里面的卡片撑开 */
.main-blog__list li {
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
    .main-blog__list{
        grid-template-columns: 1fr; /* 移动端一行 1 个 */
        gap: 15px;
    }
  }