ion-card {
  text-align: center;
}
// ion-toolbar{
//   text-align: center;
//   background:#D2B48C;
// }
ion-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

ion-icon {
  font-size: 2em;
  margin-bottom: 0.5em;
}
// .custom-toolbar{
//   background: #f7b824; /* 设置ion-toolbar背景颜色为#FCE8B9 */
// }
ion-toolbar{
  --background:#faf8ec; /* 设置ion-toolbar背景颜色为#faf8ec */
  
}
ion-searchbar.custom-searchbar {
  padding-top: 30px;
  --background: #ffffff; /* 设置搜索框内部背景颜色为白色 */
  // background:#faf8ec;

  margin: 0%;
  padding-bottom: 10px;
}

ion-segment {

  ion-segment-button::part(indicator-background) {
    background: #dbab56;
  }
  
  /* Material Design styles */
  ion-segment-button.md::part(native) {
    color: #000;
  }
  
  .segment-button-checked.md::part(native) {
    color: #dbab56;
  }
  
  ion-segment-button.md::part(indicator-background) {
    height: 4px;
  }
  
  /* iOS styles */
  ion-segment-button.ios::part(native) {
    color: #dbab56;
  }
  
  .segment-button-checked.ios::part(native) {
    color: #fff;
  }
  
  ion-segment-button.ios::part(indicator-background) {
    border-radius: 20px;
  }
}

ion-card {
  max-width: 90%; /* 设置卡片最大宽度为屏幕宽度的80% */
  margin: 20px auto;
}

img {
  width: 100%; /* 图片宽度设置为父元素宽度的100% */
  height: auto;
}
ion-card {
  margin: 10px;
  padding: 10px;
}

ion-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ion-card-title strong {
  margin-right: 10px;
}

ion-card-subtitle {
  font-size: 0.85em;
  color: #666;
}

p {
  white-space: pre-wrap; /* Preserve line breaks in the poem content */
}

ion-card-content {
  position: relative; /* 使子元素可以相对于卡片内容定位 */
  padding-bottom: 50px; /* 增加底部内边距 */
}

/* 图标容器样式 */
.icon-container {
  position: absolute; /* 绝对定位相对于卡片内容 */
  left: 0; /* 定位到左下角 */
  bottom: 0; /* 定位到底部 */
  display: flex; /* 使用 Flexbox 布局 */
  align-items: center; /* 垂直居中对齐图标 */
  justify-content: center; /* 水平居中对齐图标 */
  gap: 10px; /* 图标之间的间隔 */
  padding: 5px; /* 给图标添加一些内边距 */
}

/* 可以为图标添加一些样式，如大小和颜色 */
ion-icon {
  font-size: 20px; /* 图标大小 */
  color: #666; /* 图标颜色 */
}