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/layout/mobile-tab-bar.test.tsx

@@ -61,7 +61,7 @@ describe('MobileTabBar', () => {
 
     it('should show active indicator', () => {
       render(<MobileTabBar />);
-      const activeIndicator = document.querySelector('.bg-\\[\\#C41E3A\\]');
+      const activeIndicator = document.querySelector('.bg-\\[var\\(--color-brand-primary\\)\\]');
       expect(activeIndicator).toBeInTheDocument();
     });
   });