From 9874dcc1da4a18019e737edee98825c291f3f07f Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 22 Feb 2026 04:56:40 +0800
Subject: [PATCH] style: unify sidebar popup opacity on home page

---
 components/home/lovart-home.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index d03903c86..049e9c842 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -327,6 +327,8 @@ export function LovartHome({
   heroSubtitleText,
 }: LovartHomeProps) {
   const router = useRouter();
+  const sidebarPopupBaseClass =
+    "rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]";
   const [prompt, setPrompt] = useState("");
   const [files, setFiles] = useState<UploadFileItem[]>([]);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -1437,7 +1439,11 @@ export function LovartHome({
                     <PlayCircle className="h-[18px] w-[18px]" />
                   </button>
                 </HoverCardTrigger>
-                <HoverCardContent side="right" align="start" className="w-[300px] rounded-2xl p-2">
+                <HoverCardContent
+                  side="right"
+                  align="start"
+                  className={`w-[300px] ${sidebarPopupBaseClass}`}
+                >
                   <div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">视频教程</div>
                   <div className="max-h-[380px] space-y-1 overflow-y-auto">
                     {tutorialVideos.length > 0 ? (
@@ -1507,7 +1513,7 @@ export function LovartHome({
               <HoverCardContent
                 side="right"
                 align="start"
-                className="w-[248px] rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]"
+                className={`w-[248px] ${sidebarPopupBaseClass}`}
               >
                 <div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">
                   {siteSettingsData?.toolbox1Name || "工具箱"}
@@ -1542,7 +1548,7 @@ export function LovartHome({
               <HoverCardContent
                 side="right"
                 align="start"
-                className="w-[248px] rounded-2xl border-black/10 bg-[#f4f4f4]/90 p-2 backdrop-blur-md shadow-[0_16px_40px_rgba(0,0,0,0.12)]"
+                className={`w-[248px] ${sidebarPopupBaseClass}`}
               >
                 <div className="px-2 pb-1 pt-1 text-xs font-medium text-black/50">
                   {siteSettingsData?.toolbox2Name || "工具箱2"}