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-menu.tsx

@@ -46,15 +46,15 @@ export function MobileMenu({ className }: MobileMenuProps) {
       <button
         onClick={() => setIsOpen(!isOpen)}
         onKeyDown={(e) => handleKeyDown(e)}
-        className="p-3 rounded-md hover:bg-[#F5F5F5] transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-offset-2 min-w-[48px] min-h-[48px] flex items-center justify-center"
+        className="p-3 rounded-md hover:bg-[var(--color-primary-lighter)] transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--color-brand-primary)] focus:ring-offset-2 min-w-[48px] min-h-[48px] flex items-center justify-center"
         aria-label={isOpen ? '关闭菜单' : '打开菜单'}
         aria-expanded={isOpen}
         aria-controls="mobile-menu-panel"
       >
         {isOpen ? (
-          <X className="w-6 h-6 text-[#171717]" />
+          <X className="w-6 h-6 text-[var(--color-text-primary)]" />
         ) : (
-          <Menu className="w-6 h-6 text-[#171717]" />
+          <Menu className="w-6 h-6 text-[var(--color-text-primary)]" />
         )}
       </button>
 
@@ -68,7 +68,7 @@ export function MobileMenu({ className }: MobileMenuProps) {
 
           <nav
             id="mobile-menu-panel"
-            className="fixed top-16 left-0 right-0 bg-white border-b border-[#E5E5E5] z-50 shadow-lg max-h-[calc(100vh-4rem)] overflow-y-auto"
+            className="fixed top-16 left-0 right-0 bg-[var(--color-bg-primary)] border-b border-[var(--color-border-primary)] z-50 shadow-lg max-h-[calc(100vh-4rem)] overflow-y-auto"
             role="navigation"
             aria-label="移动端导航"
           >
@@ -81,7 +81,7 @@ export function MobileMenu({ className }: MobileMenuProps) {
                         <button
                           onClick={() => toggleDropdown(item.dropdownKey!)}
                           onKeyDown={(e) => handleKeyDown(e, () => toggleDropdown(item.dropdownKey!))}
-                          className="flex items-center justify-between w-full text-left px-4 py-4 text-[#171717] hover:bg-[#FEF2F4] hover:text-[#C41E3A] rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-[#C41E3A] focus:ring-inset min-h-[48px]"
+                          className="flex items-center justify-between w-full text-left px-4 py-4 text-[var(--color-text-primary)] hover:bg-[var(--color-brand-primary-bg)] hover:text-[var(--color-brand-primary)] rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-[var(--color-brand-primary)] focus:ring-inset min-h-[48px]"
                           aria-expanded={expandedDropdown === item.dropdownKey}
                         >
                           {item.label}
@@ -99,10 +99,10 @@ export function MobileMenu({ className }: MobileMenuProps) {
                                 <StaticLink
                                   href={sub.href}
                                   onClick={() => setIsOpen(false)}
-                                  className="block px-4 py-3 text-sm text-[#595959] hover:text-[#C41E3A] hover:bg-[#FEF2F4] rounded-md transition-colors"
+                                  className="block px-4 py-3 text-sm text-[var(--color-text-muted)] hover:text-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary-bg)] rounded-md transition-colors"
                                 >
-                                  <span className="font-medium text-[#1C1C1C]">{sub.title}</span>
-                                  <span className="block text-xs text-[#8C8C8C] mt-0.5">{sub.description}</span>
+                                  <span className="font-medium text-[var(--color-text-primary)]">{sub.title}</span>
+                                  <span className="block text-xs text-[var(--color-text-hint)] mt-0.5">{sub.description}</span>
                                 </StaticLink>
                               </li>
                             ))}
@@ -113,7 +113,7 @@ export function MobileMenu({ className }: MobileMenuProps) {
                       <StaticLink
                         href={item.href}
                         onClick={() => setIsOpen(false)}
-                        className="block px-4 py-4 text-[#171717] hover:bg-[#FEF2F4] hover:text-[#C41E3A] rounded-md transition-colors min-h-[48px]"
+                        className="block px-4 py-4 text-[var(--color-text-primary)] hover:bg-[var(--color-brand-primary-bg)] hover:text-[var(--color-brand-primary)] rounded-md transition-colors min-h-[48px]"
                       >
                         {item.label}
                       </StaticLink>