
.custom-searchbar {
  --background: #f2f2f2; /* 设置搜索栏的背景色为灰色 */
  --border-width: 1px; /* 设置边框宽度 */
  --border-color: #ccc; /* 设置边框颜色 */
  --border-radius: 10px; /* 设置圆角半径 */
  --box-shadow: none; /* 去掉阴影 */
}

.custom-searchbar .searchbar-input {
  font-size: 14px; /* 设置字体大小 */
}



ion-avatar {
  width: 56px;
  height: 56px;
}

ion-item {
  --ion-item-background: transparent;
  --ion-item-text-transform: none;
}

ion-label h2 {
  font-size: 18px;
  font-weight: bold;
}

ion-label p {
  font-size: 14px;
  color: #888;
}
.header-md{
  box-shadow: none;
  border-bottom: 1px rgba(0,0,0,0.2) solid;
}
.custom-searchbar {
  --border-radius: 20px; /* 设置圆角大小 */
  --height: 10px; /* 设置搜索框高度 */
  // --box-shadow: none; /* 去掉阴影 */
  // border:#f0f0f0 8px solid;

  /* 可选：调整输入框内部的样式 */
  .searchbar-input {
    border-radius: var(--border-radius);
    height: var(--height);
    box-shadow: var(--box-shadow);
  }

  /* 可选：调整输入框外部的样式 */
  .searchbar-input-container {
    border-radius: var(--border-radius);
    height: var(--height);
    box-shadow: var(--box-shadow);
  }
}
ion-content {
  background-color: #f0f0f0; /* 设置整体背景色为白灰色 */
}

/* 如果想突出显示聊天框，可以为ion-item添加自定义样式 */
ion-item.chat-item {
  background-color: #ffffff; /* 设置聊天框的背景色为白色 */
  border-radius: 10px; /* 可选：设置聊天框的圆角 */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加轻微阴影增强立体感 */
}
// .toolbar-con