ion-toolbar {
  --background: #3880ff;
}

ion-label h2 {
  font-weight: bold;
}

ion-label p {
  color: gray;
}

ion-searchbar {
  margin: 10px;
}

ion-row {
  margin-top: 20px;
}

.scroll-container {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
}

.scroll-content {
  display: inline-flex;
}

ion-card {
  display: flex;
  align-items: center;
  padding: 10px;
  margin: 10px 0;
}

ion-avatar {
  margin-right: 15px;
}

ion-card-content {
  flex: 1;
}

// .card-image {
//   width: 100px;  /* 增大头像宽度 */
//   height: 100px; /* 增大头像高度 */
//   border-radius: 50%;
//   object-fit: cover;
// }

ion-item.recommended-player-card {
  --background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 15px 0; /* 增加卡片之间的间距 */
  padding: 15px; /* 增加卡片内部的间距 */
  display: flex;
  align-items: center;
}

// ion-item.recommended-player-card ion-avatar {
//   margin-right: 20px; /* 增加头像与内容之间的间距 */
// }

// ion-item.recommended-player-card ion-avatar img {
//   width: 100px; /* 增大头像宽度 */
//   height: 100px; /* 增大头像高度 */
//   border-radius: 50%;
//   object-fit: cover;
// }

// ion-item.recommended-player-card ion-label {
//   flex: 1;
//   font-size: 1.2em; /* 增大字体尺寸 */
// }

ion-item.recommended-player-card ion-label h2 {
  margin: 0;
  font-size: 1.5em; /* 增大标题字体尺寸 */
}

// ion-item.recommended-player-card ion-label p {
//   margin: 5px 0 0;
//   font-size: 1.2em; /* 增大内容字体尺寸 */
// }

.more-button {
  margin: 20px 0;
  --background: #3880ff;
  --color: white;
}