.home {
  
  ion-card {
    margin-bottom: 20px;

    ion-card-header {
      font-weight: bold;
    }

    ion-button {
      margin-bottom: 10px;

      // ion-icon {
      //   margin-end: 8px;
      // }
    }
  }

  ion-fab-button {
    --background: #3880ff;
    --background-activated: #3171e0;
  }
}


.carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.slide {
  display: inline-block;
  opacity: 0;
  transition: transform 1s, opacity 1s;
}

.slide.active {
  opacity: 1;
}

.slide img {
  width: 100%;
  height: 300px; // 轮播图高度
  object-fit: cover;
}

.slide img {
  width: 100%;
  height: 300px; // 轮播图高度
  object-fit: cover;
}