.

apps/blogai/app/[locale]/details/[slug]/page.tsx

@@ -86,19 +86,17 @@ const BlogArticleWrapper = async ({ params }: { params: { slug: string, locale:
   return (
     <>
       {/* <NavBack /> */}
-      <Container>
+      <DetailPageHeader
-        <DetailPageHeader
+                data={{
-                  data={{
+                  icon: "🚀",
-                    icon: "🚀",
+                  name: "部署引擎",
-                    name: "部署引擎",
+                  category: "系统工具",
-                    category: "系统工具",
+                  updated_at: "2025-03-25",
-                    updated_at: "2025-03-25",
+                  company: "OpenTech",
-                    company: "OpenTech",
+                  progress: "75%",
-                    progress: "75%",
+                  statusText: "运行中"
-                    statusText: "运行中"
+                }}
-                  }}
+      />
-        />
-      </Container>
 
       <div className='mb-40 md:mb-60 w-11/12 lg:w-2/3 xl:w-3/5  mx-auto'>
         <Container className="scroll-smooth">

apps/blogai/components/header.tsx

@@ -134,7 +134,7 @@ export function DetailPageHeader({ data }: { data: any }) {
 
   return (
     <div className="sticky top-0 z-30 bg-white">
-      <div className="w-11/12 lg:w-2/3 xl:w-3/5  mx-auto">
+      <div className="mb-1 px-6 lg:px-8 w-11/12 lg:w-2/3 xl:w-3/5  mx-auto">
         <div className="flex items-start space-x-6">
           {/* 左图标（可点） */}
           <button