ion-item {
  background: rgba(18, 10, 0, 0.996); /* 列表项背景为半透明白色 */
  margin-bottom: 10px; /* 列表项之间的间距 */
  padding: 0.5px; /* 内边距 */
}

ion-avatar {
  width: 50px; /* 头像宽度 */
  height: 50px; /* 头像高度 */
}

ion-avatar img {
  width: 100%; /* 让图片填满头像 */
  height: auto; /* 保持图片比例 */
}

ion-searchbar {
  padding: 10px; /* 内边距 */
  border-radius: 20px; /* 圆角 */
  font-size: 16px; /* 字体大小 */
}

/* 按钮颜色为暖色系 */
.customer-service-button,
ion-item ion-button {
  --background: #f9dd94; /* 浅粉色，作为示例的暖色系 */
  --color: #FFFFFF; /* 白色文本 */
  box-shadow: none; /* 移除按钮的阴影 */
  font-size: 15px; /* 增大字体大小 */
  margin-top: 8px; /* 上间距，仅在需要时添加 */
  text-transform: none; /* 按钮文字不变形 */
  height: 40px; /* 按钮高度 */
}

/* 整体ion-content背景 */
ion-content {
  --background: url('https://nova-cloud.obs.cn-south-1.myhuaweicloud.com/storage/aigc/imagine/4RHC2Jhp2l-0.png') no-repeat fixed!important;
  --background-size: cover; /* 使背景图片覆盖整个屏幕 */
}