更新显示效果

src/index.css

@@ -34,6 +34,23 @@
     @apply bg-clip-text text-transparent bg-gradient-to-r from-blue-400 via-indigo-400 to-purple-400;
   }
 
+  /* Animated shimmer text */
+  .text-shimmer {
+    background: linear-gradient(
+      90deg,
+      #60a5fa 0%,
+      #a78bfa 25%,
+      #22d3ee 50%,
+      #a78bfa 75%,
+      #60a5fa 100%
+    );
+    background-size: 200% auto;
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    animation: text-shimmer-move 4s linear infinite;
+  }
+
   .bg-grid-pattern {
     background-image: 
       linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
@@ -41,7 +58,7 @@
     background-size: 50px 50px;
   }
 
-  /* Utility for glow effects behind cards */
+  /* Glow behind cards */
   .glow-effect::before {
     content: '';
     @apply absolute inset-0 -z-10 bg-primary/20 blur-2xl rounded-full opacity-0 transition-opacity duration-300;
@@ -49,4 +66,69 @@
   .glow-effect:hover::before {
     @apply opacity-100;
   }
+
+  /* Neon text glow */
+  .text-glow {
+    text-shadow:
+      0 0 20px rgba(99, 130, 246, 0.5),
+      0 0 60px rgba(99, 130, 246, 0.25),
+      0 0 100px rgba(99, 130, 246, 0.1);
+  }
+
+  /* Pulsing ring */
+  .pulse-ring {
+    position: relative;
+  }
+  .pulse-ring::after {
+    content: '';
+    @apply absolute inset-0 rounded-full;
+    border: 1px solid rgba(99, 130, 246, 0.5);
+    animation: pulse-expand 2s ease-out infinite;
+  }
+}
+
+/* ── Keyframes ── */
+
+@keyframes text-shimmer-move {
+  0%   { background-position: 0% center; }
+  100% { background-position: 200% center; }
+}
+
+@keyframes shimmer-sweep {
+  0%   { transform: translateX(-100%) skewX(-12deg); }
+  100% { transform: translateX(200%) skewX(-12deg); }
+}
+
+@keyframes pulse-expand {
+  0%   { transform: scale(1);   opacity: 0.7; }
+  100% { transform: scale(2);   opacity: 0; }
+}
+
+@keyframes blob {
+  0%   { transform: translate(0px, 0px) scale(1); }
+  33%  { transform: translate(30px, -50px) scale(1.1); }
+  66%  { transform: translate(-20px, 20px) scale(0.9); }
+  100% { transform: translate(0px, 0px) scale(1); }
+}
+
+@keyframes fadeIn {
+  0%   { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+@keyframes fadeUp {
+  0%   { opacity: 0; transform: translateY(20px); }
+  100% { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0px); }
+  50%       { transform: translateY(-10px); }
+}
+
+/* Scan line across elements */
+@keyframes scan-line {
+  0%   { top: -2px; opacity: 0.8; }
+  80%  { opacity: 0.6; }
+  100% { top: 100%; opacity: 0; }
 }