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/loading-skeleton.test.tsx

@@ -22,7 +22,7 @@ describe('Loading Skeleton Components', () => {
       const { container } = render(<Skeleton />);
       const skeleton = container.firstChild as HTMLElement;
       expect(skeleton).toHaveClass('animate-pulse');
-      expect(skeleton).toHaveClass('bg-[#F5F5F5]');
+      expect(skeleton).toHaveClass('bg-[var(--color-primary-lighter)]');
     });
 
     it('should apply custom className', () => {