chore: sync marketing pages, CMS extensions, tests and project docs

同步工作区剩余变更，主要包括：
- 营销页面组件与布局持续优化（about/news/services/solutions/team 等）
- 详情页四层叙事组件、布局组件、UI 组件调整
- CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展
- 新增/补充单元测试与 E2E 测试（cms-workflow.spec.ts 等）
- ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整
- 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告
- 移除水墨装饰组件与大体积未使用字体文件

src/components/layout/header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Suspense, useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { StaticLink } from '@/components/ui/static-link';
 import Image from 'next/image';
 import { usePathname } from 'next/navigation';
@@ -10,6 +10,7 @@ import { Button } from '@/components/ui/button';
 import { useSiteConfig, type NavigationItem } from '@/lib/site-config';
 import { MegaDropdown } from '@/components/layout/mega-dropdown';
 import { useFocusTrap } from '@/hooks/use-focus-trap';
+import { cn } from '@/lib/utils';
 
 function HeaderContent() {
   const [isOpen, setIsOpen] = useState(false);
@@ -39,18 +40,18 @@ function HeaderContent() {
   }, [isOpen]);
 
   const handleKeyDown = useCallback((e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' || e.key === ' ') {
-      e.preventDefault();
-      setIsOpen(!isOpen);
-    }
+    // Escape 关闭菜单；Enter/Space 已由原生 button 的 onClick 处理，
+    // 此处不再拦截，避免键盘操作时重复触发 toggle。
     if (e.key === 'Escape' && isOpen) {
+      e.preventDefault();
       setIsOpen(false);
     }
   }, [isOpen]);
 
   const config = useSiteConfig();
 
-  const handleNavClick = useCallback((_e: React.MouseEvent<HTMLAnchorElement>, item: NavigationItem) => {
+  const handleNavClick = useCallback((e: React.MouseEvent<HTMLAnchorElement>, item: NavigationItem) => {
+    e.preventDefault();
     setIsOpen(false);
     window.location.href = item.href;
   }, []);
@@ -85,10 +86,7 @@ function HeaderContent() {
           height: isScrolled ? 64 : 80,
         }}
         transition={{ duration: 0.3, ease: [0.22, 1, 0.36, 1] }}
-        className={`
-          fixed top-0 left-0 right-0 z-50
-          bg-white border-b border-border-primary
-        `}
+        className="fixed top-0 left-0 right-0 z-50 transition-colors duration-300 bg-white border-b border-border-primary"
       >
         <div className="max-w-container mx-auto px-4 sm:px-6 lg:px-10">
           <div className="flex items-center justify-between h-16 md:h-full">
@@ -125,30 +123,28 @@ function HeaderContent() {
                     onClose={() => setOpenDropdown((prev) => prev === item.id ? null : prev)}
                   />
                 ) : (
-                  <div key={item.id} className="px-1 py-2">
+                  <div key={item.id} className="relative -mx-2 px-2 py-2">
                     <StaticLink
                       href={item.href}
                       onClick={(e) => handleNavClick(e, item)}
-                      className={`
-                        relative block px-3 py-2 text-sm font-medium
-                        transition-all duration-300 ease-out
-                        ${isActive(item)
+                      className={cn(
+                        'relative inline-flex items-center px-3 py-2 text-sm font-medium',
+                        'transition-all duration-300 ease-out',
+                        isActive(item)
                           ? 'text-text-primary'
                           : 'text-text-secondary hover:text-text-primary hover:bg-bg-secondary'
-                        }
-                      `}
+                      )}
                       aria-current={isActive(item) ? 'page' : undefined}
                     >
                       {item.label}
                       <span
-                        className={`
-                          absolute -bottom-0.5 left-3 right-3 h-0.5 bg-brand
-                          transition-all duration-300 ease-out
-                          ${isActive(item)
+                        className={cn(
+                          'absolute -bottom-0.5 left-3 right-3 h-0.5 bg-brand',
+                          'transition-all duration-300 ease-out',
+                          isActive(item)
                             ? 'opacity-100 scale-x-100'
                             : 'opacity-0 scale-x-0'
-                          }
-                        `}
+                        )}
                       />
                     </StaticLink>
                   </div>
@@ -160,6 +156,7 @@ function HeaderContent() {
               <Button
                 size="sm"
                 asChild
+                className=""
               >
                 <StaticLink href="/contact" data-testid="consult-button">
                   <MessageCircle className="w-4 h-4" />
@@ -257,28 +254,6 @@ function HeaderContent() {
   );
 }
 
-function HeaderFallback() {
-  return (
-    <header className="fixed top-0 left-0 right-0 z-50 bg-transparent">
-      <div className="container-x">
-        <div className="flex items-center justify-between h-16">
-          <div className="h-8 w-24 bg-bg-tertiary animate-skeleton-pulse rounded-sm" />
-          <nav className="hidden md:flex items-center gap-1">
-            {[1, 2, 3, 4, 5, 6].map((i) => (
-              <div key={i} className="h-6 w-16 bg-bg-tertiary animate-skeleton-pulse rounded-sm mx-1" />
-            ))}
-          </nav>
-          <div className="h-9 w-20 bg-bg-tertiary animate-skeleton-pulse rounded-sm" />
-        </div>
-      </div>
-    </header>
-  );
-}
-
 export function Header() {
-  return (
-    <Suspense fallback={<HeaderFallback />}>
-      <HeaderContent />
-    </Suspense>
-  );
+  return <HeaderContent />;
 }