
// .custom-toolbar{
//     background: #f7b824; 
//   }
  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;
    }
  }

  // svg {
  //   position: absolute; /* 或 relative */
  //   top: 50px;
  //   left: 50px;
   
  // }

  .svg-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    // height: 100vh; /* 设置容器高度为视口高度 */
  }

  .svg {
    margin: 20px 0;
  }

  .svg:first-child {
    margin-top: 20px; /* 调整第一个SVG与顶部的距离 */
  }

  .red-color {
    fill: red !important;
}