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

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

src/components/analytics/CookieConsent.tsx

@@ -138,7 +138,7 @@ export function CookieConsent() {
                     继续使用即表示您同意我们的{' '}
                     <a
                       href="/privacy"
-                      className="text-[var(--color-brand-primary)] hover:text-[var(--color-brand-primary-hover)] underline font-medium"
+                      className="text-[var(--color-brand)] hover:text-[var(--color-brand-hover)] underline font-medium"
                     >
                       隐私政策
                     </a>
@@ -149,21 +149,21 @@ export function CookieConsent() {
                   <button
                     onClick={() => setShowSettings(true)}
                     disabled={isAnimating}
-                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-primary-lighter)] transition-colors disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-brand-lighter)] transition-colors disabled:opacity-50"
                   >
                     管理偏好
                   </button>
                   <button
                     onClick={handleRejectAll}
                     disabled={isAnimating}
-                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-primary-lighter)] transition-colors disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-brand-lighter)] transition-colors disabled:opacity-50"
                   >
                     仅必要
                   </button>
                   <button
                     onClick={handleAcceptAll}
                     disabled={isAnimating}
-                    className="px-4 py-2 text-sm font-medium text-white bg-[var(--color-brand-primary)] rounded-lg hover:bg-[var(--color-brand-primary-hover)] transition-colors disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium text-white bg-[var(--color-brand)] rounded-lg hover:bg-[var(--color-brand-hover)] transition-colors disabled:opacity-50"
                   >
                     接受所有
                   </button>
@@ -185,12 +185,12 @@ export function CookieConsent() {
                 </div>
 
                 <div className="space-y-3">
-                  <div className="flex items-start gap-3 p-3 bg-[var(--color-primary-lighter)] rounded-lg">
+                  <div className="flex items-start gap-3 p-3 bg-[var(--color-brand-lighter)] rounded-lg">
                     <input
                       type="checkbox"
                       checked
                       disabled
-                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand-primary)] focus:ring-[var(--color-brand-primary)] cursor-not-allowed"
+                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand)] focus:ring-[var(--color-brand)] cursor-not-allowed"
                       aria-label="必要 Cookie"
                     />
                     <div className="flex-1">
@@ -204,12 +204,12 @@ export function CookieConsent() {
                     </div>
                   </div>
 
-                  <div className="flex items-start gap-3 p-3 bg-[var(--color-primary-lighter)] rounded-lg">
+                  <div className="flex items-start gap-3 p-3 bg-[var(--color-brand-lighter)] rounded-lg">
                     <input
                       type="checkbox"
                       checked={preferences.analytics}
                       onChange={() => handleTogglePreference('analytics')}
-                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand-primary)] focus:ring-[var(--color-brand-primary)] cursor-pointer"
+                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand)] focus:ring-[var(--color-brand)] cursor-pointer"
                       aria-label="分析 Cookie"
                     />
                     <div className="flex-1">
@@ -220,12 +220,12 @@ export function CookieConsent() {
                     </div>
                   </div>
 
-                  <div className="flex items-start gap-3 p-3 bg-[var(--color-primary-lighter)] rounded-lg opacity-50">
+                  <div className="flex items-start gap-3 p-3 bg-[var(--color-brand-lighter)] rounded-lg opacity-50">
                     <input
                       type="checkbox"
                       checked={preferences.marketing}
                       onChange={() => handleTogglePreference('marketing')}
-                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand-primary)] focus:ring-[var(--color-brand-primary)] cursor-pointer"
+                      className="mt-1 h-4 w-4 rounded border-[var(--color-border-secondary)] text-[var(--color-brand)] focus:ring-[var(--color-brand)] cursor-pointer"
                       aria-label="营销 Cookie"
                     />
                     <div className="flex-1">
@@ -241,14 +241,14 @@ export function CookieConsent() {
                   <button
                     onClick={() => setShowSettings(false)}
                     disabled={isAnimating}
-                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-primary-lighter)] transition-colors disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg hover:bg-[var(--color-brand-lighter)] transition-colors disabled:opacity-50"
                   >
                     取消
                   </button>
                   <button
                     onClick={handleSaveCustom}
                     disabled={isAnimating}
-                    className="px-4 py-2 text-sm font-medium text-white bg-[var(--color-brand-primary)] rounded-lg hover:bg-[var(--color-brand-primary-hover)] transition-colors disabled:opacity-50"
+                    className="px-4 py-2 text-sm font-medium text-white bg-[var(--color-brand)] rounded-lg hover:bg-[var(--color-brand-hover)] transition-colors disabled:opacity-50"
                   >
                     保存偏好
                   </button>
@@ -276,7 +276,7 @@ export function CookieSettingsButton() {
         const event = new CustomEvent('open-cookie-settings');
         window.dispatchEvent(event);
       }}
-      className="fixed bottom-4 right-4 z-[9997] px-3 py-2 text-xs font-medium text-[var(--color-text-muted)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg shadow-sm hover:bg-[var(--color-primary-lighter)] transition-colors"
+      className="fixed bottom-4 right-4 z-[9997] px-3 py-2 text-xs font-medium text-[var(--color-text-muted)] bg-[var(--color-bg-primary)] border border-[var(--color-border-secondary)] rounded-lg shadow-sm hover:bg-[var(--color-brand-lighter)] transition-colors"
       aria-label="Cookie 设置"
     >
       Cookie 设置