feat(website): 三轮视觉改造与页面过渡动画

改造概要（30项）：
- 第一轮：Hero重构/Section差异化/SocialProof强化/CTA对比度/About架构
- 第二轮：字体优化/背景交替/Solutions差异化/Footer五列/MegaDropdown修复
- 第三轮：卡片交互/表单层级/CTA统一/时间线标记/连接线/三列布局/移动导航/Button微交互/SEO Schema
- P3-2：template.tsx+Framer Motion页面过渡/loading.tsx加载状态
- 清理：删除未用组件/hooks，修复重复移动导航，清理冗余CSS

src/components/ui/badge.tsx

@@ -7,21 +7,21 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-3 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-[#1C1C1C] focus-visible:ring-2 focus-visible:ring-[#1C1C1C]/50 transition-all duration-300 overflow-hidden",
+  "inline-flex items-center justify-center rounded-full border px-3 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-[var(--color-primary)] focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]/50 transition-all duration-300 overflow-hidden",
   {
     variants: {
       variant: {
-        default: "bg-[#C41E3A] text-white border-transparent shadow-sm",
+        default: "bg-[var(--color-brand-primary)] text-white border-transparent shadow-sm",
         secondary:
-          "bg-[#1C1C1C] text-white border-transparent shadow-sm",
+          "bg-[var(--color-primary)] text-white border-transparent shadow-sm",
         destructive:
-          "bg-[#C41E3A] text-white border-transparent hover:bg-[#A01830]",
+          "bg-[var(--color-brand-primary)] text-white border-transparent hover:bg-[var(--color-brand-primary-hover)]",
         outline:
-          "border-[#1C1C1C] text-[#1C1C1C] bg-transparent hover:bg-[#F5F5F5]",
-        ghost: "text-[#5C5C5C] hover:text-[#1C1C1C] hover:bg-[#F5F5F5]",
-        success: "bg-[#16A34A] text-white border-transparent hover:bg-[#15803D]",
-        warning: "bg-[#D97706] text-white border-transparent hover:bg-[#B45309]",
-        info: "bg-[#5C5C5C] text-white border-transparent hover:bg-[#3D3D3D]",
+          "border-[var(--color-primary)] text-[var(--color-primary)] bg-transparent hover:bg-[var(--color-primary-lighter)]",
+        ghost: "text-[var(--color-text-placeholder)] hover:text-[var(--color-primary)] hover:bg-[var(--color-primary-lighter)]",
+        success: "bg-[var(--color-success)] text-white border-transparent hover:bg-[var(--color-success-hover)]",
+        warning: "bg-[var(--color-warning)] text-white border-transparent hover:bg-[var(--color-warning-hover)]",
+        info: "bg-[var(--color-info)] text-white border-transparent hover:bg-[var(--color-primary-light)]",
       },
     },
     defaultVariants: {