From 2f627d670558b283f4fa73cd610443b9146d10d3 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Mon, 6 Apr 2026 21:56:57 +0800
Subject: [PATCH] style(ui): enhance hover states for interactive elements

Improve user experience by adding consistent hover effects to clickable elements:
- ChatHistory "New Conversation" button now shows background and border color changes
- TaskCenter task items get subtle background change on hover
Both changes maintain visual consistency with the application's color scheme.
---
 src/pages/home/ChatHistory.vue | 3 ++-
 src/pages/home/TaskCenter.vue  | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/ChatHistory.vue b/src/pages/home/ChatHistory.vue
index 790a730..cdf48ae 100644
--- a/src/pages/home/ChatHistory.vue
+++ b/src/pages/home/ChatHistory.vue
@@ -5,7 +5,8 @@
 			<div class="font-bold text-gray-80">YINIAN</div>
 		</div>
 
-		<div class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[#E5E8EE] shadow-sm text-center"
+		<div
+			class="flex justify-center m-2 bg-white rounded-lg p-2.5 border-[#E5E8EE] shadow-sm text-center cursor-pointer hover:bg-[#F5F7FA] hover:text-[#2B7FFF] hover:border-[#2B7FFF]"
 			@click="addNewChat">
 			<RiAddLine /> 新对话
 		</div>
diff --git a/src/pages/home/TaskCenter.vue b/src/pages/home/TaskCenter.vue
index 3d999f7..1f2ed91 100644
--- a/src/pages/home/TaskCenter.vue
+++ b/src/pages/home/TaskCenter.vue
@@ -9,7 +9,8 @@
 
         <div class="grid grid-cols-2 gap-4 max-[800px]:grid-cols-1">
             <div v-for="item in taskList" :key="item.id" class="flex gap-3 items-start p-3.5
-                  rounded-[10px] border border-[#dfeaf6] bg-white cursor-pointer" @click="handleTaskItem(item)">
+                  rounded-[10px] border border-[#dfeaf6] bg-white cursor-pointer hover:bg-[#F5F7FA]"
+                @click="handleTaskItem(item)">
                 <div class="w-11 h-11 bg-[#EFF6FF] rounded-lg
                     border border-dashed border-[#9fc0e8]
                     flex items-center justify-center