.searchbar {
  --background: #ffffff;
  --ion-color-primary: #3880ff;
}
ion-header {
  background-color: #5c97ff;
  color: white;
}

ion-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.user-info {
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #f8fafc, #58f083);
  padding: 10px;
  border-radius: 8px;
}

.user-avatar {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.user-avatar img.avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.user-name {
  font-size: 24px; /* 增大字体 */
  font-weight: bold;
  color: #3880ff;
  margin-left: 10px;
}

.loading-spinner {
  display: block;
  margin: 50px auto;
  animation: spin 2s linear infinite;
}

.message-card {
  margin: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #f9f9f9;
  transition: transform 0.2s;
  cursor: pointer; /* 添加鼠标指针样式 */
  width: 100%; /* 确保卡片宽度一致 */
}

.message-card:hover {
  transform: scale(1.03);
}

.message-card ion-card-header {
  background: #e7effb;
  padding: 15px; /* 增大内边距 */
  border-radius: 10px 10px 0 0;
}

.message-card ion-card-title {
  font-size: 20px; /* 增大字体 */
  font-weight: bold;
  display: flex;
  align-items: center;
}

.toggle-icon {
  margin-left: auto;
  font-size: 24px; /* 增大切换图标 */
}

.message-card ion-card-content p {
  margin: 10px 0; /* 增大间距 */
  font-size: 16px; /* 增大字体 */
}

.card-text {
  font-size: 16px; /* 增大字体 */
}

.message-text {
  font-size: 16px; /* 增大字体 */
}

.no-data {
  text-align: center;
  margin-top: 50px;
  color: gray;
  font-size: 18px; /* 增大字体 */
}

.no-data-icon {
  font-size: 60px; /* 增大图标 */
  color: #888;
}

.error-message {
  text-align: center;
  margin-top: 50px;
  color: red;
  font-size: 18px; /* 增大字体 */
}

/* 放大所有咨询相关图标，并保持相同大小 */
.consultation-icon {
  font-size: 40px; /* 设置更大的字体大小 */
  margin-right: 12px; /* 增大图标间距 */
  color: #3880ff;
}

/* 对话消息样式 */
.conversation-message {
  display: flex;
  align-items: center;
  margin-top: 10px; /* 增大间距 */
}

.conversation-message p {
  margin: 0;
  padding: 8px 12px; /* 增大内边距 */
  border-radius: 5px;
  font-size: 16px; /* 增大字体 */
}

.user-message p {
  background-color: #e1f5fe; /* 病人消息背景色 */
}

.assistant-message p {
  background-color: #ffe0b2; /* 医生消息背景色 */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}