.ai-title {
  /* 设置渐变背景 */
  background: linear-gradient(to right, #4776e6 0%, #8e54e9 51%, #4776e6 100%);

  background-size: 200% auto;

  /* 将背景裁剪到文字 */
  -webkit-background-clip: text;
  background-clip: text;

  /* 设置文字颜色为透明以显示背景 */
  color: transparent;
  font-size: 48px;
  // font-weight: bold;

  /* 动画设置 */
  animation: gradientAnim 5s linear infinite;
  margin-bottom: 12px;
}

@keyframes gradientAnim {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
}

.ant-bubble-list::-webkit-scrollbar {
  display: none;
}

.ant-sender {
  // border: none;
  // position: relative;
  border-color: transparent;
  box-shadow: none !important;
}
.sender-wrapper {
  --border-size: 1px;
  width: calc(100% - 4px);
  height: calc(100% - 5px);
  position: absolute;
  top: var(--border-size);
  right: var(--border-size);
  bottom: var(--border-size);
  left: var(--border-size);
  padding: var(--border-size);
  webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  // z-index: -1;
  border-radius: 12px;

  &::before {
    content: "";
    display: block;
    background: conic-gradient(#e92a67,#a853ba,#2a8af6,rgba(42,138,246,1), #e92a67);
    width: calc(100%* 1.41421356237);
    padding-bottom: calc(100%* 1.41421356237);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: -2;
    animation: rotate 10s linear infinite;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(1turn);
  }
  to {
    transform: translate(-50%, -50%) rotate(0turn);
  }
}

.prompt-wrapper .ant-prompts-content {
  flex: none !important;
}
