彻底解决换行符不显示问题

打多个回车依然无法换行，这说明数据在传输和存储中大概率没有丢失换行符，问题出在前端渲染（HTML/CSS）机制上。

请按照以下三个步骤进行排查，100% 能找到原因：

在 HTML 中，网页默认会把连续的空格、换行符（
）压缩并合并成一个普通的空格。
如果你只是把 userText（带有换行符的纯文本）直接放入 div 或 span 中展示，浏览器是绝对不会换行的。

💡 解决方案：
给展示用户消息的 HTML 容器（比如类名为 .user-msg-bubble 的 div）加上 CSS 属性：

.user-msg-bubble {
    white-space: pre-wrap; /* 关键：保留换行符和空格，并自动换行 */
}

通常在写代码时，大家往往只对AI 的回复使用了 Markdown 解析器（如 marked.parse(aiMsg)），而对用户的提问直接使用了 innerHTML = userText 或者是简单的文本赋值。

如果用户的消息没有经过 Markdown 转换，直接作为 HTML 渲染：

💡 解决方案：
在展示用户消息时，确保也用 Markdown 解析器过滤一遍：

// 如果你用了 marked.js
let userBubbleHtml = marked.parse(userText);

或者直接在渲染用户消息的 DOM 上使用 white-space: pre-wrap;。

如果你的用户消息确实经过了 Markdown 解析，Markdown 会把两个回车（\ \ ）转换为 HTML 的段落标签：

<p>第一行内容</p>
<p>第二行内容</p>

但是在很多前端框架（如 Tailwind CSS、Bootstrap 或自定义的 CSS Reset）中，默认会清除 <p> 标签的上下边距（margin），将其设为 0。
这就导致虽然 HTML 里已经是两个段落了，但视觉上它们依然紧紧贴在一起，看起来就像没有换行一样！

💡 解决方案：
检查你的全局 CSS，或者为消息容器内的 p 标签手动加上间距：

.message-content p {
    margin-bottom: 0.8em; /* 让段落之间产生视觉上的换行高度 */
}