From 424542c56d280f5e506730242c75cd0f052f597c Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Sat, 7 Mar 2026 15:00:48 +0000
Subject: [PATCH] feat: animate text-shadow for gradient glow effect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Text shadow color transitions with cycle: green → blue → purple → dark blue.

Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>
---
 app/globals.css | 33 +++++++++------------------------
 1 file changed, 9 insertions(+), 24 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index eb1ddba..0350415 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -124,33 +124,18 @@
   }
 }
 
-/* Cyber gradient flow animation */
-@keyframes gradient-flow {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
+/* Cyber glow animation - 文字白色，光晕颜色流动 */
+@keyframes glow-flow {
+  0%   { text-shadow: 0 0 12px oklch(0.75 0.18 180 / 0.9), 0 0 30px oklch(0.75 0.18 180 / 0.5), 0 0 60px oklch(0.75 0.18 180 / 0.2); }
+  25%  { text-shadow: 0 0 12px oklch(0.70 0.20 220 / 0.9), 0 0 30px oklch(0.70 0.20 220 / 0.5), 0 0 60px oklch(0.70 0.20 220 / 0.2); }
+  50%  { text-shadow: 0 0 12px oklch(0.65 0.22 280 / 0.9), 0 0 30px oklch(0.65 0.22 280 / 0.5), 0 0 60px oklch(0.65 0.22 280 / 0.2); }
+  75%  { text-shadow: 0 0 12px oklch(0.72 0.20 240 / 0.9), 0 0 30px oklch(0.72 0.20 240 / 0.5), 0 0 60px oklch(0.72 0.20 240 / 0.2); }
+  100% { text-shadow: 0 0 12px oklch(0.75 0.18 180 / 0.9), 0 0 30px oklch(0.75 0.18 180 / 0.5), 0 0 60px oklch(0.75 0.18 180 / 0.2); }
 }
 
 .cyber-title {
-  background: linear-gradient(
-    90deg,
-    oklch(0.75 0.12 180),
-    oklch(0.7 0.15 220),
-    oklch(0.65 0.18 280),
-    oklch(0.7 0.15 320),
-    oklch(0.75 0.12 180)
-  );
-  background-size: 300% 100%;
-  animation: gradient-flow 6s ease infinite;
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+  color: oklch(0.98 0 0);
+  animation: glow-flow 6s ease infinite;
 }
 
 /* Animation utilities */