
.Empty_container__6pRdb {
  width: 100%;
  text-align: center;
}
.Empty_text__x2Gau {
  color: #b9b9b9;
}
.Empty_img__x1R9X {
  display: inline !important;
}

.JSONView_json-text__zYLM4 {
  line-height: 1;
  padding: 5px;
}
.JSONView_json-text__zYLM4 svg {
  width: 13px !important;
  height: 13px !important;
}
.JSONView_title__lNCYu {
  padding: 10px;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
}
.JSONView_content__VgHug {
  padding: 10px;
  line-height: 1.5rem;
  border: 1px solid #eee;
}
.JSONView_copy-container__I3Lh3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-weight: normal;
  cursor: pointer;
}
.JSONView_copied-mark__xrrf5 {
  margin-right: 3px;
}
.JSONView_fold-btn__wNuZr {
  color: #5797fe;
  cursor: pointer;
}

.Tag_container__bNzE3 {
  padding: 3px 5px;
  border-radius: 3px;
  display: inline-block;
}

#ChatDisplay_message-list__yuxAs {
  margin-top: 25px;
  /* 可以根据需要调整高度 */
}
.ChatDisplay_json-text__cwGby span {
  color: #ffffff !important;
}
.ChatDisplay_json-text__cwGby div {
  color: #ffffff !important;
}
.ChatDisplay_json-text__cwGby svg {
  color: #ffffff !important;
}
.ChatDisplay_title__JdUGp {
  padding: 0 6px;
}
.ChatDisplay_title__JdUGp table {
  margin: 10px 0;
  background-color: #F4F4F4;
  padding: 2px 16px;
  width: 100%;
  border-left: 2px solid #5797fe;
}
.ChatDisplay_chat-message__D3oiJ td {
  box-sizing: border-box;
}
.ChatDisplay_chat-message__D3oiJ .ChatDisplay_chat-text__z47uO {
  border-radius: 10px;
  background-color: #F4F4F4;
  padding: 10px 18px;
  display: inherit;
}
.ChatDisplay_chat-message__D3oiJ .ChatDisplay_chat-text-user__5e7CF {
  background-color: #5797fe;
  color: #ffffff;
}
.ChatDisplay_chat-message__D3oiJ .ChatDisplay_chat-icon__IXi-7 {
  border-radius: 50%;
  /* 如果图片不是正方形，还需要设置宽度和高度相等 */
  /* 以下属性确保图片居中显示且不失真 */
  object-fit: cover;
  display: block;
}
.ChatDisplay_chat-message__D3oiJ .ChatDisplay_chat-td-icon__DkQvQ {
  vertical-align: top;
  width: 40px;
}
.ChatDisplay_chat-message__D3oiJ .ChatDisplay_chat-td-placeholder__SxGPP {
  width: 46px;
}
.ChatDisplay_chat-message__D3oiJ span {
  font-size: 14px;
  line-height: 1.4;
}
.ChatDisplay_traceId-link__oU6UN {
  color: #5797fe;
  cursor: pointer;
}
.ChatDisplay_traceId-link__oU6UN:hover {
  text-decoration: underline;
}
/* 可以添加更多样式 */

.ChatDisplayChain_line__iZ-iB {
  width: 1px;
  background-color: #e1e1e1;
  margin: 0 15px;
  position: relative;
  /* 添加相对定位，为伪元素定位做准备 */
  margin-top: 26px;
  /* 将线往下移动一点点 */
  margin-bottom: -23px;
}
.ChatDisplayChain_line__iZ-iB::before {
  content: '';
  display: block;
  width: 8px;
  /* 圆点的直径 */
  height: 8px;
  /* 圆点的直径 */
  background-color: #5797fe;
  border-radius: 50%;
  /* 使其成为圆形 */
  position: absolute;
  top: -6px;
  /* 将圆点向上移动，使其位于.line的顶部 */
  left: -3px;
  right: 0;
  margin: auto;
  /* 水平居中 */
}
.ChatDisplayChain_block__OZ4SX {
  width: 1px;
  margin: 0 15px;
  position: relative;
  /* 添加相对定位，为伪元素定位做准备 */
}
.ChatDisplayChain_block__OZ4SX::before {
  content: '';
  display: block;
  width: 8px;
  /* 圆点的直径 */
  height: 8px;
  /* 圆点的直径 */
  background-color: #5797fe;
  border-radius: 50%;
  /* 使其成为圆形 */
  position: absolute;
  top: 20px;
  /* 将圆点向上移动，使其位于.line的顶部 */
  left: -3px;
  right: 0;
  margin: auto;
  /* 水平居中 */
}
.ChatDisplayChain_flex__z9S\+s {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-bottom: 36px;
  width: 100%;
}

.Loading_container__i95n4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
}

