pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #c9d1d9;
  background: #0d1117
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #ff7b72
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #d2a8ff
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #79c0ff
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #a5d6ff
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #ffa657
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #8b949e
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #7ee787
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #c9d1d9
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #1f6feb;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #f2cc60
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #c9d1d9;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #c9d1d9;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #aff5b4;
  background-color: #033a16
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #ffdcd7;
  background-color: #67060c
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
.ChatWindow_chat-card__kwVHs {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  background: #FCFCFC !important;
  border: 1px solid #EAEAEF !important;
}
.ChatWindow_chat-card__kwVHs .ant-card-head {
  height: 41px;
  min-height: 41px !important;
  padding: 0 16px;
  display: flex;
  align-items: center;
  border-bottom: none !important;
  color: #333333;
}
.ChatWindow_chat-card__kwVHs .ant-card-head-wrapper {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 1px;
}
.ChatWindow_chat-card__kwVHs .ant-card-extra {
  margin-left: 10px;
}
.ChatWindow_chat-card__kwVHs .ant-card-extra .ant-space-item {
  margin-left: 10px !important;
}
.ChatWindow_chat-card__kwVHs .ant-card-extra .ant-space-item:first-child {
  margin-left: 0 !important;
}
.ChatWindow_chat-card__kwVHs .ant-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px !important;
  overflow: hidden;
}
.ChatWindow_model-menu-icon__x8X59 {
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ChatWindow_model-menu-label-disabled__pG6HJ {
  color: #bbb !important;
}
.ChatWindow_model-menu-used-label___4eaT {
  font-size: 12px;
  margin-left: 4px;
}
.ChatWindow_title-dropdown__dp4Uv {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ChatWindow_title-icon__Lemwt {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.ChatWindow_title-icon-single__p0l0l {
  width: 18px;
  height: 18px;
  display: inline-block;
}
.ChatWindow_title-dropdown-icon__Vbrn_ {
  width: 24px;
  height: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}
.ChatWindow_model-name__xDkYe {
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 36px;
}
.ChatWindow_model-menu-name__NwEd4 {
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 36px;
}
.ChatWindow_model-dropdown-menu__G87vD {
  max-height: 400px;
  overflow-y: auto;
}
.ChatWindow_model-dropdown-overlay__1Y7_0 {
  max-height: 450px;
}
.ChatWindow_hover-separate-button__WlYvf {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: auto;
}
.ChatWindow_chat-card__kwVHs:hover .ChatWindow_hover-separate-button__WlYvf {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ChatWindow_hover-separate-button__WlYvf:hover {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.ChatWindow_separate-button-circle__ygfAY {
  width: 64px !important;
  height: 16px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
  background: #ECEDEE !important;
  border: none !important;
  border-radius: 4px 4px 0 0!important;
}
.ChatWindow_separate-button-icon__iV1vj {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}
.ChatWindow_messages-container__dZWbF {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  scroll-behavior: auto;
  will-change: scroll-position;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
  box-sizing: border-box;
  position: relative;
}
.ChatWindow_empty-state__g6805 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}
.ChatWindow_messages-list__qxqbu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ChatWindow_message-actions__CftvH {
  margin-top: 4px;
  display: flex;
  gap: 8px;
}
.ChatWindow_action-button__Iszzi {
  font-size: 12px;
  color: #999;
}
.ChatWindow_separate-input-container__xPza1 {
  position: absolute;
  bottom:16px;
  left: 0;
  padding-left: 31px !important;
  padding-right: 16px !important;
  width: 100%;
  padding: 0;
  background: #FCFCFC;
  z-index: 9;
}
.ChatWindow_separate-input-wrapper__ikjxA {
  display: flex;
  gap: 0;
  align-items: center;
  position: relative;
  width: 100%;
}
.ChatWindow_separate-input__h2_9y {
  flex: 1;
  height: 36px;
  padding: 0 40px 0 0;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 36px;
  outline: none;
  font-family: inherit;
  background: transparent;
}
.ChatWindow_separate-input__h2_9y:focus {
  border: none;
  box-shadow: none;
}
.ChatWindow_separate-send-icon-button__LPF89 {
  position: absolute;
  right: 0;
  top: 0px;
  width: 20px;
  height: 20px !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
.ChatWindow_separate-send-icon-button__LPF89:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ChatWindow_send-icon__vEzjL {
  width: 20px;
  height: 20px;
  display: block;
}
.ChatWindow_separate-attachment-wrapper__tLCDo {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.ChatWindow_separate-attachment-button__GrSzn {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.ChatWindow_separate-attachment-button__GrSzn:hover {
  border-color: #40a9ff;
  background: #f0f8ff;
}
.ChatWindow_attachment-icon__Q6Qu6 {
  width: 16px;
  height: 16px;
  display: block;
}
.ChatWindow_avatar-image__aBrog {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ChatWindow_action-icon__MUmA2 {
  width: 19px;
  height: 19px;
  display: inline-block;
}

.multi-chat-layout {
  padding: 16px;
  background: #fff;
}
.multi-chat-layout .chat-window {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 12px;
}
.multi-chat-layout .chat-window:hover {
  border-color: #1890ff;
}
.multi-chat-layout .message-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 12px;
}
.spacing-xs {
  margin: 8px;
}
.spacing-sm {
  margin: 16px;
}
.spacing-md {
  margin: 24px;
}
.spacing-lg {
  margin: 32px;
}
.sender-with-buttons-wrapper {
  position: relative;
  width: 100%;
  height: 148px;
  background: #FFFFFF;
  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.16);
  border-radius: 8px;
  border: 1px solid #EAEAEF;
}
.sender-with-buttons-wrapper:focus-within {
  border-color: #6767FF;
}
.sender-with-buttons-wrapper .ant-input {
  padding-bottom: 50px !important;
}
.input-buttons-container {
  pointer-events: auto;
}
.sender-with-buttons-wrapper .ant-sender-content {
  border: none !important;
}
.ant-sender {
  border: none !important;
  box-shadow: none !important;
}
/* 将发送按钮定位到右侧，与操作按钮同一行 */
.sender-with-buttons-wrapper .ant-sender-actions-list {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 105px !important;
  margin: 0 !important;
  z-index: 11 !important;
}
/* 自定义发送按钮样式 */
.custom-send-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background: #6767FF !important;
  border-radius: 50% !important;
  border: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.custom-send-button:hover:not(:disabled) {
  background: #5555EE !important;
}
.custom-send-button:disabled {
  background: #CCCCCC !important;
  opacity: 0.6 !important;
}
.custom-send-button .ant-btn-icon {
  margin: 0 !important;
}
.send-icon {
  width: 13px;
  height: 13px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
/* 展开按钮样式 */
.expand-button {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 10px;
}
.expand-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
/* 展开输入框 Modal 样式 */
.expand-input-modal .ant-modal-content {
  padding: 24px;
}
.expand-input-modal .ant-modal-body {
  padding: 0;
}
/* 展开输入框 Modal 按钮样式 */
.expand-modal-send-button {
  background-color: #6767FF !important;
  border-color: #6767FF !important;
}
.expand-modal-send-button:hover:not(:disabled) {
  background-color: #5555EE !important;
  border-color: #5555EE !important;
}
.expand-modal-send-button:disabled {
  background-color: #FFFFFF !important;
  border-color: #D9D9D9 !important;
  color: rgba(0, 0, 0, 0.25) !important;
}
.expand-modal-close-button:hover {
  color: #6767FF !important;
  border-color: #6767FF !important;
}
/* 联网搜索按钮样式 */
.network-search-button {
  width: 96px !important;
  height: 32px !important;
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1px solid #DDDDDD !important;
  font-family: 'Microsoft YaHei' !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #333333 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 0 !important;
}
.network-search-button:hover {
  background: #FFFFFF !important;
  border-color: #DDDDDD !important;
  color: #333333 !important;
}
.network-search-button.focused {
  background: #F0F0FF !important;
  border-radius: 16px !important;
  border: 1px solid #6767FF !important;
  font-family: 'Microsoft YaHei' !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #6767FF !important;
}
.network-search-button.focused:hover {
  background: #F0F0FF !important;
  border-color: #6767FF !important;
  color: #6767FF !important;
}