's'

components/sections/final-cta.tsx

@@ -10,15 +10,15 @@ const ICONS = [MapPin, BookOpen, Crown] as const;
 
 export function FinalCta() {
   return (
-    <section className="bg-neutral-900 py-16 text-white md:py-24">
+    <section className="relative overflow-hidden bg-gradient-to-br from-violet-900 via-fuchsia-900 to-cyan-900 py-20 text-white md:py-28">
       <div className="container mx-auto px-4 md:px-6">
         <motion.h2
           initial={{ opacity: 0, y: 12 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, margin: "-80px" }}
-          className="text-center text-2xl font-semibold md:text-3xl"
+          className="text-center text-2xl font-bold md:text-3xl"
         >
-          从这里开始你的数字游民路径
+          ✨ 从这里开始你的数字游民路径
         </motion.h2>
         <motion.p
           initial={{ opacity: 0 }}
@@ -48,7 +48,7 @@ export function FinalCta() {
                 <Button
                   variant="outline"
                   size="lg"
-                  className="w-full min-w-[200px] border-neutral-600 bg-transparent text-white hover:bg-neutral-800 hover:text-white sm:w-auto"
+                  className="w-full min-w-[200px] border-white/40 bg-white/10 text-white backdrop-blur-sm hover:bg-white/20 hover:border-white/60 sm:w-auto"
                 >
                   <Icon className="mr-2 h-4 w-4" />
                   {cta.label}