diff --git a/apps/blogai/components/header.tsx b/apps/blogai/components/header.tsx
index 2c3abb8..78ad2cb 100644
--- a/apps/blogai/components/header.tsx
+++ b/apps/blogai/components/header.tsx
@@ -136,7 +136,7 @@ export function DetailPageHeader({ data }: { data: any }) {
   };
 
   return (
-    <div className="w-[80%] mx-auto border rounded-xl p-6 shadow-md bg-white space-y-6">
+    <div className="mb-40 md:mb-60 w-11/12 lg:w-2/3 xl:w-3/5  mx-auto">
       {/* 上方内容区域 */}
       <div className="flex items-start space-x-6">
         {/* 左侧图标区域 - 可点击 */}