官网 初版

src/app/globals.css

@@ -7,8 +7,8 @@
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-sans: var(--font-sans);
-  --font-mono: var(--font-geist-mono);
+  --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
+  --font-mono: "SF Mono", "Cascadia Code", "Menlo", "Consolas", monospace;
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -126,4 +126,71 @@
   html {
     @apply font-sans;
   }
+}
+
+/* ---- Hero Aurora Effects ---- */
+.hero-aurora-wrapper {
+  position: relative;
+  z-index: 0;
+}
+
+.hero-aurora {
+  position: absolute;
+  left: 0;
+  right: 0;
+  height: 80px;
+  z-index: 30;
+  pointer-events: none;
+  filter: blur(30px);
+  opacity: 0.7;
+}
+
+.hero-aurora--top {
+  top: -30px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(168, 85, 247, 0.4) 15%,
+    rgba(59, 130, 246, 0.3) 30%,
+    rgba(236, 72, 153, 0.35) 50%,
+    rgba(139, 92, 246, 0.4) 70%,
+    rgba(6, 182, 212, 0.3) 85%,
+    transparent 100%
+  );
+  animation: auroraShift 8s ease-in-out infinite alternate;
+}
+
+.hero-aurora--bottom {
+  bottom: -30px;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(245, 158, 11, 0.35) 15%,
+    rgba(168, 85, 247, 0.3) 35%,
+    rgba(6, 182, 212, 0.35) 55%,
+    rgba(236, 72, 153, 0.3) 75%,
+    rgba(245, 158, 11, 0.35) 90%,
+    transparent 100%
+  );
+  animation: auroraShift 8s ease-in-out infinite alternate-reverse;
+}
+
+@keyframes auroraShift {
+  0% {
+    background-position: 0% 50%;
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 0.8;
+  }
+  100% {
+    background-position: 100% 50%;
+    opacity: 0.5;
+  }
+}
+
+/* Force background-size for aurora animation */
+.hero-aurora--top,
+.hero-aurora--bottom {
+  background-size: 200% 100%;
 }