From 8d786f1e04336ab5f0af5123e0b73e108ab09db0 Mon Sep 17 00:00:00 2001
From: chenhang <averych@126.com>
Date: Tue, 16 Jun 2026 18:58:42 +0800
Subject: [PATCH] fix(chat): align user bubble to match AI bubble for
 consistent layout

---
 src/app/chat/components/chat-area.module.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/chat/components/chat-area.module.css b/src/app/chat/components/chat-area.module.css
index f66692ad..22e6d7fa 100644
--- a/src/app/chat/components/chat-area.module.css
+++ b/src/app/chat/components/chat-area.module.css
@@ -47,7 +47,10 @@
 .bubbleRowUser {
   display: flex;
   flex-direction: row;
-  align-items: flex-end;
+  /* 与 AI 行保持一致：头像顶部对齐气泡首行。
+   * 原 flex-end 在气泡多行换行时会把头像贴到气泡底部（视觉上像 "脚注"），
+   * 跟 AI 行不对称，改成 flex-start 跟 AI 行对齐方式统一 */
+  align-items: flex-start;
   align-self: flex-end;
   gap: var(--spacing-1, 4px);
 }