From 87a8873806474576e1ae4d9bdf1ba834c65151d2 Mon Sep 17 00:00:00 2001
From: zhangyahui <yhzhang@aidlab.hk>
Date: Wed, 4 Mar 2026 15:27:56 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=BE=93=E5=85=A5=E6=A1=86=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E6=A0=B7=E5=BC=8F&=E5=A4=8D=E5=88=B6=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home/agent/components/Item.vue | 11 ++++---
 src/views/home/components/Input.vue      | 41 ++++++++++++++++--------
 2 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 8ecbe76..ea0be42 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -7,7 +7,10 @@
 			<div class="thumb">
 				<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
 			</div>
-			<div class="message-context" v-show="!content.loading">
+			<div
+				class="message-context"
+				v-show="!content.loading && !content.thinking && !content.streaming"
+			>
 				<div class="img-list flex" v-if="imageList.length > 0">
 					<img
 						v-for="(item, index) in imageList"
@@ -225,9 +228,9 @@
 		.operate {
 			margin-top: 1.3rem;
 			column-gap: 1.2rem;
-			&.is-user {
-				justify-content: flex-end;
-			}
+			// &.is-user {
+			// 	justify-content: flex-end;
+			// }
 		}
 	}
 	.img-list {
diff --git a/src/views/home/components/Input.vue b/src/views/home/components/Input.vue
index 79e758d..982c4e9 100644
--- a/src/views/home/components/Input.vue
+++ b/src/views/home/components/Input.vue
@@ -598,6 +598,22 @@
 </script>
 
 <style lang="less" scoped>
+	.report-btn {
+		position: absolute;
+		bottom: -7.4rem;
+		height: 4.4rem;
+		border-radius: 2.2rem;
+		width: 20rem;
+		background-color: #fff;
+		border: 1px solid #f6f4ef;
+		column-gap: 1.2rem;
+		cursor: pointer;
+
+		.c-svg {
+			width: 1.5rem;
+			height: 1.9rem;
+		}
+	}
 	.assist-input-wrapper {
 		min-height: 23.5rem;
 		max-height: 43.5rem;
@@ -605,24 +621,18 @@
 		border-radius: 2.8rem;
 		background-color: #fff;
 		border: 0.1rem solid #00000005;
-		box-shadow: 0px 5px 14px 0px #0000001a;
+		box-shadow: 0px 0.5rem 1.4rem 0px #0000001a;
 		margin: 0 auto;
 		padding: 0;
 		position: relative;
 
-		.report-btn {
-			position: absolute;
-			bottom: -7.4rem;
-			height: 4.4rem;
-			border-radius: 2.2rem;
-			width: 20rem;
-			background-color: #fff;
-			border: 1px solid #f6f4ef;
-			column-gap: 1.2rem;
-			cursor: pointer;
-			.c-svg {
-				width: 1.5rem;
-				height: 1.9rem;
+		&:not(.agent):hover {
+			box-shadow: 0px 0.5rem 3.36rem 2.2rem #f1ede999;
+			transition: all 0.3s ease;
+			top: -1rem;
+
+			.report-btn {
+				bottom: -8.4rem;
 			}
 		}
 
@@ -823,6 +833,9 @@
 					cursor: pointer;
 					background-color: #ff7a51;
 					border-radius: 50%;
+					&:hover {
+						background-color: #f8693d;
+					}
 					.sender-icon {
 						width: 1.3rem;
 						height: 1.3rem;