emacs org-mode 生成聊天样式

<style type="text/css">
.nickname {
    font-weight: bold;
}
.message {
    display: inline-block;
    max-width: 80%;
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 5px;
}
.user .nickname {
    color: blue;
    float: right;
    clear: both;
}
.user .message {
    background-color: #f1f1f1;
    color: #333;
    float: right;
    clear: both;
    margin-left: 20%;
}
.chatgpt .nickname {
    color: red;
    float: left;
    clear: both;
}
.chatgpt .message {
    background-color: #e6e6e6;
    color: #333;
    float: left;
    clear: both;
    margin-right: 20%;
}

</style>

* test_chat
  #+INCLUDE: "chat.css" export html
  #+begin_chatgpt
  #+begin_nickname
  **ChatGPT**
  #+end_nickname
  #+begin_message
  你好，欢迎使用聊天服务。有什么问题我可以帮您解答吗？
  #+end_message

  #+end_chatgpt
  #+begin_user
  #+begin_nickname
  **User**
  #+end_nickname
  #+begin_message
  如何在 Emacs 的 org-mode 中实现类似 ChatGPT 的聊天对话样式？
  #+end_message
  #+end_user


  #+begin_chatgpt
  #+begin_nickname
  **ChatGPT**
  #+end_nickname
  #+begin_message
  请参考我之前的回答，根据给出的步骤操作。
  #+end_message
  #+end_chatgpt

  #+begin_user
  #+begin_nickname
  **User**
  #+end_nickname
  #+begin_message
  谢谢，问题已解决。
  #+end_message