网格布局

// 窗口缩小时自适应，每个卡片始终充满布局区域
.card-list {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 18px;
    overflow: auto;
}