横向卡片列表滑动后停不整齐，用 scroll-snap 吸附

容器加 scroll-snap-type，子项加 scroll-snap-align。

用 x mandatory 必定停在整卡位置，proximity 靠近时才吸附。

卡片有外边距或容器有内边距时，用 scroll-padding 校正吸附点。

内容总宽不足一屏时 mandatory 会跳位，场景改用 proximity。

.list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 16px;      /* 与容器 padding 对齐 */
  -webkit-overflow-scrolling: touch;
}
.list > .card {
  flex: 0 0 240px;
  scroll-snap-align: start;
  scroll-margin-inline: 16px;       /* 需要偏移时用，按需保留 */
}