From 3804f227f43dfa1ef32894d6851a37a59531c6a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E7=BF=94?= <xiangzhang1024@gmail.com>
Date: Thu, 23 Apr 2026 12:56:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(breadcrumb+page-header):=20=E9=9D=A2?=
 =?UTF-8?q?=E5=8C=85=E5=B1=91=E4=B8=89=E5=85=83=E7=B4=A0=E6=B0=B4=E5=B9=B3?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=AF=B9=E9=BD=90=20+=20=E7=BC=A9=E5=B0=8F?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Breadcrumb 修改：
- items-baseline → items-center（水平中心线对齐）
- Home 图标外层添加 w-5 h-5 + justify-center（固定尺寸确保居中）
- 箭头添加 shrink-0 防止被压缩
- 确保 🏠 / > / 文字 三者视觉中心在同一水平线

PageHeader 修改：
- pt-16 pb-16 → pt-8 pb-12（进一步缩小与面包屑的间距）
---
 src/components/layout/breadcrumb.tsx | 8 ++++----
 src/components/ui/page-header.tsx    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/layout/breadcrumb.tsx b/src/components/layout/breadcrumb.tsx
index a985eba..e6adb44 100644
--- a/src/components/layout/breadcrumb.tsx
+++ b/src/components/layout/breadcrumb.tsx
@@ -14,17 +14,17 @@ interface BreadcrumbProps {
 
 export function Breadcrumb({ items }: BreadcrumbProps) {
   return (
-    <nav aria-label="breadcrumb" className="flex items-baseline gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4 leading-none">
+    <nav aria-label="breadcrumb" className="flex items-center gap-2 text-xs md:text-sm text-[#5C5C5C] py-3 md:py-4 leading-none">
       <StaticLink
         href="/"
-        className="inline-flex items-center hover:text-[#C41E3A] transition-colors"
+        className="inline-flex items-center justify-center hover:text-[#C41E3A] transition-colors w-5 h-5"
         aria-label="返回首页"
       >
         <Home className="w-4 h-4" />
       </StaticLink>
       {items.map((item, index) => (
-        <div key={index} className="flex items-baseline">
-          <ChevronRight className="w-3.5 h-3.5 text-[#CCCCCC] mx-1" />
+        <div key={index} className="flex items-center">
+          <ChevronRight className="w-3.5 h-3.5 text-[#CCCCCC] mx-1 shrink-0" />
           <StaticLink
             href={item.href}
             className="hover:text-[#C41E3A] transition-colors"
diff --git a/src/components/ui/page-header.tsx b/src/components/ui/page-header.tsx
index 8013cad..33227fb 100644
--- a/src/components/ui/page-header.tsx
+++ b/src/components/ui/page-header.tsx
@@ -31,7 +31,7 @@ export function PageHeader({ badge, title, description, className = '' }: PageHe
       />
       <SubtleDots color="#C41E3A" count={6} />
       
-      <div className="container-wide relative z-10 pt-16 pb-16" ref={ref}>
+      <div className="container-wide relative z-10 pt-8 pb-12" ref={ref}>
         <motion.div
           initial={{ opacity: 0, y: 20 }}
           animate={isInView ? { opacity: 1, y: 0 } : {}}