feat(layout): 重构布局组件体系与数据层

- 重构 Header 导航、Footer 页脚、MobileMenu 移动端菜单
- 新增 MobileTabBar 移动端底部导航栏
- 更新 MegaDropdown 大型下拉导航
- 重构 SEO 结构化数据组件
- 更新数据层常量 (products, services, solutions, navigation 等)
- 新增 useCountUp 数字递增 Hook
- 修复 .gitignore 中 src/lib 被错误忽略的问题

src/components/layout/mobile-tab-bar.tsx

@@ -37,7 +37,7 @@ export function MobileTabBar() {
   };
 
   return (
-    <nav className="fixed bottom-0 left-0 right-0 z-50 md:hidden bg-[var(--color-bg-primary)]/95 backdrop-blur-xl border-t border-[var(--color-border-primary)]" style={{ paddingBottom: 'env(safe-area-inset-bottom, 0px)' }}>
+    <nav className="fixed bottom-0 left-0 right-0 z-50 md:hidden bg-bg-primary/95 backdrop-blur-xl border-t border-border-primary" style={{ paddingBottom: 'env(safe-area-inset-bottom, 0px)' }}>
       <div className="flex items-center justify-around h-16">
         {tabs.map((tab) => {
           const Icon = tab.icon;
@@ -53,20 +53,20 @@ export function MobileTabBar() {
                 {active && (
                   <motion.div
                     layoutId="activeTabTop"
-                    className="absolute -top-0 w-6 h-[3px] bg-[var(--color-brand-primary)] rounded-full"
+                    className="absolute -top-0 w-6 h-[3px] bg-brand"
                     transition={{ type: 'spring', stiffness: 380, damping: 30 }}
                   />
                 )}
                 <Icon
                   className={cn(
-                    'w-6 h-6 transition-colors',
-                    active ? 'text-[var(--color-brand-primary)]' : 'text-[var(--color-text-placeholder)] group-hover:text-[var(--color-text-primary)]'
+                    'w-6 h-6 transition-colors duration-300',
+                    active ? 'text-brand' : 'text-text-muted group-hover:text-text-secondary'
                   )}
                 />
                 <span
                   className={cn(
-                    'text-xs mt-1 transition-colors',
-                    active ? 'text-[var(--color-brand-primary)] font-medium' : 'text-[var(--color-text-placeholder)]'
+                    'text-xs mt-1 transition-colors duration-300',
+                    active ? 'text-brand font-medium' : 'text-text-muted'
                   )}
                 >
                   {tab.label}
@@ -74,7 +74,7 @@ export function MobileTabBar() {
                 {active && (
                   <motion.div
                     layoutId="activeTabBottom"
-                    className="absolute -bottom-1 w-8 h-0.5 bg-[var(--color-brand-primary)] rounded-full"
+                    className="absolute -bottom-1 w-8 h-0.5 bg-brand"
                     transition={{ type: 'spring', stiffness: 380, damping: 30 }}
                   />
                 )}