技术方案落地:
文本:LLM 结构化输出(JSON 格式包含人物、气泡内容)。
视觉:通过 CSS 的圆角异形控制(border-radius 非对称赋值)模拟 iMessage 气泡,利用微小的阴影增加拟物悬浮感。
对应代码标记:主容器 .mbti-clash,单行聊天 .chat-row,纯代码渐变头像 .avatar,气泡形态 .bubble。
文本:LLM 结构化输出(JSON 格式包含人物、气泡内容)。
视觉:通过 CSS 的圆角异形控制(border-radius 非对称赋值)模拟 iMessage 气泡,利用微小的阴影增加拟物悬浮感。
对应代码标记:主容器 .mbti-clash,单行聊天 .chat-row,纯代码渐变头像 .avatar,气泡形态 .bubble。
