div.message {
  position: relative;
  padding: 0 12px;
  border-width: 0 0 0 4px;
  border-style: solid;
  border-radius: 4px;
  font-size: 1rem;
  height: max-content;

  .modify-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  .collapse-button {
    position: absolute;
    bottom: 10px;
    right: 50px;
  }
}

div.user-message {
  border-color: #e1ff20;
  background: #fffbdb;
}

div.aii-message {
  border-color: #20ff54;
  background: #e6fff1;
}

div.aii-message-streaming {
  border-color: #20d2ff;
  background: #dbfaff;

  div.thinking {
    border: solid #5f20ff;
    border-width: 0 0 0 2px;
    border-radius: 4px;
    padding: 8px 12px;
    margin: 6px 3px;
    background: rgb(205 127 255 / 0.2);
    min-height: 60px;
  }
}

// 折叠消息
div.collapse {
  overflow: hidden;
  min-height: 160px;

  &::after {
    content: '● ● ●';
    text-align: center;
    display: block;
    position: absolute;
    font-size: 18px;

    width: 80px;
    height: 32px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);

    background: rgb(255 255 255 / 0.6);
    border: 1px solid rgb(255 255 255);
    border-radius: 4px;
  }
}

div.xaml-block {
  background: rgb(102 237 197 / 0.2);
  border: 1px solid rgb(102 237 197);
  border-radius: 4px;
  padding: 10px;
  margin-top: 6px;

  .title {
    margin: 0;
  }

  .text {
    margin: 0;
  }
}
