diff --git a/components/layout/top-bar.tsx b/components/layout/top-bar.tsx
index 15baac4..365fab3 100644
--- a/components/layout/top-bar.tsx
+++ b/components/layout/top-bar.tsx
@@ -13,7 +13,7 @@ import {
   Sun,
   Moon,
   User,
-  Sparkles,
+  Gift,
   LogOut,
   PanelsLeftBottom,
   Bell,
@@ -432,9 +432,17 @@ export function TopBar({ collapsed, isDesktop=true }: { collapsed: boolean, isDe
                           {/* AI 积分 */}
                           <div className="flex flex-col items-center mb-3">
                             <div className="flex items-center justify-center space-x-3 mb-2">
-                              <div className="p-2 rounded-full bg-white/10 backdrop-blur-sm">
-                                <Sparkles className="h-5 w-5 text-white" />
-                              </div>
+                              <button
+                                type="button"
+                                onClick={() => router.push("/share")}
+                                className="w-9 h-9 p-2 rounded-full bg-white/10 backdrop-blur-sm hover:bg-white/20 transition-colors"
+                                data-alt="share-entry-button"
+                                title="Share"
+                              >
+                                <span className="inline-block motion-safe:animate-wiggle">
+                                  <Gift className="h-5 w-5 text-white" />
+                                </span>
+                              </button>
                               <span className="text-white text-base font-semibold">
                                 {isLoadingSubscription
                                   ? "Loading..."
diff --git a/tailwind.config.js b/tailwind.config.js
index c408d20..d01ae8a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -73,12 +73,18 @@ module.exports = {
             filter: "url(#toggle-glass) blur(2px)",
             transform: "scale(1)",
           }
+        },
+        wiggle: {
+          '0%, 60%': { transform: 'rotate(0deg)' },
+          '70%, 90%': { transform: 'rotate(-6deg)' },
+          '80%': { transform: 'rotate(6deg)' },
         }
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
         "accordion-up": "accordion-up 0.2s ease-out",
         "liquid-toggle": "liquid-toggle 2s ease-in-out infinite",
+        "wiggle": "wiggle 1s ease-in-out infinite",
       },
       transitionDelay: {
         '100': '100ms',