From 272cc8ba41fdcd05af5cf5f0e50d12c1c99e5457 Mon Sep 17 00:00:00 2001
From: moux1024 <403053463@qq.com>
Date: Wed, 24 Sep 2025 16:36:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=20=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=A2=9E=E5=8A=A0=E5=88=86=E4=BA=AB=E9=A1=B5?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layout/top-bar.tsx | 16 ++++++++++++----
 tailwind.config.js            |  6 ++++++
 2 files changed, 18 insertions(+), 4 deletions(-)

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',