diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index e94a242..5af6365 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -156,7 +156,7 @@ export function DetailPageHeader({ data }: { data: any }) {
         <div className="flex items-start space-x-6">
           {/* 左图标（可点） */}
           <button
-            className="flex items-center justify-center w-24 h-24 md:w-32 md:h-32 border text-xl font-bold hover:bg-gray-100 transition rounded-none"
+            className="group flex items-center justify-center w-24 h-24 md:w-32 md:h-32 border transition rounded-xl"
             onClick={() => handleClick("icon")}
             disabled={loading}
           >
@@ -164,7 +164,14 @@ export function DetailPageHeader({ data }: { data: any }) {
               <img
                 src={resolvedIconSrc}
                 alt="icon"
-                className="w-full h-full object-contain"
+                className="
+                  w-full h-full object-contain
+                  transition-all duration-200
+                  group-hover:border-2 group-hover:border-blue-500
+                  group-active:border-2 group-active:border-green-500
+                  group-hover:scale-105 group-active:scale-95
+                  rounded-xl
+                "
               />
             ) : (
               data?.icon || "Deploy"