div.message {
  position: relative;
  padding: 4px 12px;
  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: 2px solid #e1ff20;
  border-radius: 4px;
  background: #fffbb1;
}

div.aii-message {
  border: 2px solid #20ff54;
  border-radius: 4px;
  background: #b1ffd0;
}

div.aii-message-streaming {
  border: 2px solid #20d2ff;
  border-radius: 4px;
  background: #b1f8ff;

  div.thinking {
    border: 1px solid #e9ff20;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 6px 3px;
    background: rgb(34 197 94 / 0.2);
  }
}

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

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;
  }
}
