.chat-message {
  margin-bottom: 16px;
}
.chat-container {
  max-height: 55vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.chat-input {
  height: 200px;
}
.user-avatar {
  width: 35px;
  height: 35px;
}
img {
  width:300px;
}
pre {
  /* background-color: black; */
  white-space: pre-wrap;
}
pre code {
  font-size: smaller;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 6px; /* 设置滚动条的宽度 */
  background-color: #f5f5f5; /* 设置滚动条的背景色 */
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1; /* 设置滚动条滑块的颜色 */
  border-radius: 6px; /* 设置滚动条滑块的圆角 */
}

/* 针对Firefox浏览器的滚动条样式 */
/* 设置滚动条的样式 */
scrollbar {
  width: 6px; /* 设置滚动条的宽度 */
  background-color: #f5f5f5; /* 设置滚动条的背景色 */
}

/* 设置滚动条滑块的样式 */
scrollbar-thumb {
  background-color: #c1c1c1; /* 设置滚动条滑块的颜色 */
  border-radius: 6px; /* 设置滚动条滑块的圆角 */
}
#message {
  white-space: pre-wrap;
}
@media (max-width: 768px) {
  .dflex {
    max-width: 100%;
  }

  .chat-container {
    max-height: 70vh;
  }
  .chat-input {
    position: relative;
    height: 20px;
    bottom: 0;
  }
  #message {
    height: 80px; /* 默认高度 */
    max-height: 100px; /* 最大高度 */
  }
}