ion-content {
    --background: #f9f9f9; // 设置背景颜色
  
    .book-card {
      margin: 10px; // 确保卡片之间有间距
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      background: white;
      padding: 15px;
      transition: transform 0.2s;
  
      &:hover {
        transform: scale(1.02); // 悬停时放大效果
      }
  
      ion-card-header {
        background: #e0e0e0; // 卡片头部背景
        border-radius: 8px 8px 0 0;
        padding: 10px;
      }
  
      ion-card-title {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0;
        text-align: center; // 居中标题
      }
  
      p {
        color: gray;
        margin: 0;
        text-align: center; // 居中内容
      }
    }
  
    ion-segment {
      margin: 10px 0; // 设置 segment 的上下边距
    }
  }