R67 A1-A6：官网风格前端 UI 刷新

client/src/components/common/PageHeader.tsx

@@ -15,9 +15,11 @@ export function PageHeader({ title, subtitle, actions, eyebrow, meta, className
   return (
     <header className={cn("flex flex-wrap items-start justify-between gap-4", className)}>
       <div className="min-w-0 max-w-3xl">
-        {eyebrow ? <div className="text-xs font-semibold uppercase tracking-[0.18em] text-zinc-500">{eyebrow}</div> : null}
-        <h2 className="mt-1 text-[2rem] font-semibold tracking-tight text-zinc-900">{title}</h2>
-        {subtitle ? <p className="mt-2 text-sm leading-6 text-zinc-600">{subtitle}</p> : null}
+        {eyebrow ? (
+          <div className="text-xs font-bold uppercase tracking-[0.2em] text-primary">{eyebrow}</div>
+        ) : null}
+        <h2 className="mt-1 text-[2rem] font-semibold tracking-tight text-[var(--color-text-primary)]">{title}</h2>
+        {subtitle ? <p className="mt-2 text-sm leading-6 text-[var(--color-text-secondary)]">{subtitle}</p> : null}
         {meta ? <div className="mt-3 flex flex-wrap gap-2">{meta}</div> : null}
       </div>
       {actions ? <div className="flex shrink-0 flex-wrap gap-2">{actions}</div> : null}