From 92ec88e1a34ed5867e43f46b90b32dd5602c4e5b Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Mon, 22 Dec 2025 14:34:07 +0800
Subject: [PATCH] =?UTF-8?q?style(=E7=BB=84=E4=BB=B6):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=9B=BE=E7=89=87=E7=BD=91=E6=A0=BC=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整圆角为更精致的 rounded 样式
- 更新背景色支持亮色/暗色主题
- 使用 ring 替代 border 实现更细腻的边框效果
- 添加精细的阴影层次感
- 优化 hover 状态的阴影过渡效果
---
 src/components/features/SearchImagesGrid.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/features/SearchImagesGrid.tsx b/src/components/features/SearchImagesGrid.tsx
index 96f45dc..cc11472 100644
--- a/src/components/features/SearchImagesGrid.tsx
+++ b/src/components/features/SearchImagesGrid.tsx
@@ -136,11 +136,12 @@ export function SearchImagesGrid({
                 key={`${image.imageUrl}-${originalIndex}`}
                 className={cn(
                   'break-inside-avoid mb-3 group relative',
-                  'rounded-lg overflow-hidden',
-                  'bg-muted/30 dark:bg-muted/20',
-                  'border border-border/50',
+                  'rounded overflow-hidden',
+                  'bg-white dark:bg-zinc-900',
+                  'ring-1 ring-black/5 dark:ring-white/10',
+                  'shadow-[0_2px_8px_rgba(0,0,0,0.06)]',
                   'transition-all duration-200',
-                  'hover:shadow-lg hover:border-primary/30',
+                  'hover:shadow-[0_6px_20px_rgba(0,0,0,0.1)]',
                   !isLoaded && 'animate-pulse'
                 )}
               >