ion-content {
  height: calc(100vh - 121px) !important;
}

.foodContent {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.roleCard {
  margin: 0;
}

.metadata-end-wrapper {
  position: absolute;
  top: 3px;
  inset-inline-end: 3px;
  font-size: 0.6rem;
  display: flex;
  align-items: center;
}

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

.carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* 隐藏滚动条 Firefox */
  -ms-overflow-style: none; /* 隐藏滚动条 IE/Edge */
  -webkit-overflow-scrolling: touch; /* 兼容iOS的滚动效果 */
}

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

.card {
  flex: 0 0 auto;
  width: 200px;
  height: 200px;
  margin-right: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.carousel-content {
  display: flex;
  flex-wrap: nowrap; /* 防止换行 */
}
.custom-card {
  width: 100%; /* 设置每个 ion-card 的宽度为100% */
  height: 50%; /* 设置每个 ion-card 的高度为100% */
}