.carousel-container {
  width: 100%;
  overflow: hidden;
}

.carousel {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden; /* 禁止垂直滚动 */
  scroll-snap-type: x mandatory; /* 必须的水平滚动 */
  -webkit-overflow-scrolling: touch; /* 兼容iOS的滚动效果 */
  scrollbar-width: none; /* 隐藏滚动条 Firefox */
  -ms-overflow-style: none; /* 隐藏滚动条 IE/Edge */
}

.carousel::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 Chrome/Safari */
}

.card {
  flex: 0 0 auto;
  width: 40%; /* 缩短卡片长度 */
  height: 150px; /* 调整卡片高度 */
  margin-right: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  scroll-snap-align: start; /* 开始对齐滚动 */
}

.carousel-content {
  display: flex;
  flex-wrap: nowrap; /* 防止换行 */
  scroll-snap-type: x mandatory; /* 必须的水平滚动 */
}

.custom-card {
  width: 100%; /* 设置每个 ion-card 的宽度为100% */
  height: 100%; /* 设置每个 ion-card 的高度为100% */
}
.custom-header {
  padding-bottom: 1px; /* 调整ion-card-header底部内边距 */
}
