.t-chat-list__content--reverse .t-chat-message {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
:deep(.t-attachments + .t-chat-content:not(:empty)),
:deep(.t-chat-thinking + .t-chat-content:not(:empty)) {
  margin-top: 24rpx;
}
.t-chat-message {
  display: flex;
  margin-bottom: var(--td-spacer-2, 32rpx);
}
.t-chat-message .t-chat-message__avatar {
  flex: 0 0 auto;
  padding-top: 0rpx;
}
.t-chat-message .t-chat-message__content {
  flex: 1 1 auto;
  width: 1%;
}
.t-chat-message .t-chat-message__content--base {
  padding-top: var(--td-spacer-3, 48rpx);
}
.t-chat-message .t-chat-message__detail {
  max-width: 100%;
  box-sizing: border-box;
  display: contents;
}
.t-chat-message__header .t-chat-message__avatar {
  padding-top: calc(44rpx + var(--td-spacer, 16rpx));
}
.t-chat-message.user .t-chat-message__base {
  padding-right: var(--td-spacer-2, 32rpx);
}
.t-chat-message.assistant .t-chat-message__base {
  padding-left: var(--td-spacer-2, 32rpx);
}
.t-chat-message.error .t-chat-message__base {
  padding-left: var(--td-spacer-2, 32rpx);
}
.t-chat-message.error .t-chat-message__text--error {
  color: var(--td-error-color-6, #d54941);
}
.t-chat-message.left {
  display: flex;
  flex-direction: row;
}
.t-chat-message.left .t-chat-message__content {
  align-items: flex-start;
}
.t-chat-message.left .t-chat-message__base {
  padding-left: var(--td-spacer-2, 32rpx);
}
.t-chat-message.right {
  display: flex;
  flex-direction: row-reverse;
}
.t-chat-message.right .t-chat-message__content {
  align-items: flex-end;
}
.t-chat-message.right .t-chat-message__base {
  padding-right: var(--td-spacer-2, 32rpx);
}
.t-chat-message.right .t-chat-message__avatar {
  margin-left: var(--td-spacer-1, 24rpx);
  margin-right: 0;
}
.t-chat-message__avatar {
  flex-shrink: 0;
  cursor: pointer;
  display: flex;
  margin-right: var(--td-spacer-1, 24rpx);
  padding-top: calc(44rpx + var(--td-spacer, 16rpx));
}
.t-chat-message__avatar-image {
  width: var(--td-spacer-4, 64rpx);
  height: var(--td-spacer-4, 64rpx);
  border-radius: var(--td-radius-circle, 50%);
}
.t-chat-message__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--td-font-size-m, 32rpx);
  line-height: 48rpx;
  font-family: var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular);
}
.t-chat-message__content .t-skeleton {
  width: 100%;
}
.t-chat-message__base {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 44rpx;
  font-size: var(--td-font-size-base, 28rpx);
  line-height: 44rpx;
  font-family: var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular);
  color: var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
  margin-bottom: var(--td-spacer, 16rpx);
}
.t-chat-message__name {
  padding-right: var(--td-spacer, 16rpx);
  cursor: pointer;
}
.t-chat-message--text :deep(.t-chat-content)__user,
.t-chat-message--text :deep(.t-chat-content)__assistant {
  color: var(--td-text-color-secondary, var(--td-font-gray-2, rgba(0, 0, 0, 0.6)));
}
.t-chat-message--base :deep(.t-chat-content) {
  padding: 24rpx 32rpx;
  background-color: var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3));
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--base.assistant :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
  background-color: transparent;
  padding: 0;
}
.t-chat-message--base.user :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--base.left :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--base.right :deep(.t-chat-content) {
  border-radius: var(--td-radius-extraLarge, 24rpx) 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--outline :deep(.t-chat-content) {
  padding: 24rpx 32rpx;
  border: 1rpx solid var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--outline.assistant :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--outline.user :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--outline.left :deep(.t-chat-content) {
  border-radius: 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--outline.right :deep(.t-chat-content) {
  border-radius: var(--td-radius-extraLarge, 24rpx) 0 var(--td-radius-extraLarge, 24rpx) var(--td-radius-extraLarge, 24rpx);
}
.t-chat-message--base.right :deep(.t-attachments__scrollable),
.t-chat-message--outline.right :deep(.t-attachments__scrollable),
.t-chat-message--text.right :deep(.t-attachments__scrollable) {
  justify-content: flex-end;
}
.t-chat-message__actionbar {
  --chat-actionbar-padding: var(--td-spacer-1, 24rpx) 0 0 0;
}
.t-chat-message__actionbar:empty {
  display: none;
}