feat：样式构建完成

nkebao/src/pages/workspace/moments-sync/Detail.tsx

@@ -100,8 +100,10 @@ export default function MomentsSyncDetail() {
     );
   }
 
-  const header = (
+  return (
-    <div className="sticky top-0 z-10 bg-white border-b">
+    <Layout
+      header={
+        <div className="bg-white border-b">
           <div className="flex items-center justify-between p-4">
             <div className="flex items-center space-x-3">
               <Button variant="ghost" size="icon" onClick={() => navigate('/workspace/moments-sync')}>
@@ -121,12 +123,11 @@ export default function MomentsSyncDetail() {
             </div>
           </div>
         </div>
-  );
+      }
-
+      footer={<BottomNav />}
-  return (
+    >
-    <Layout header={header} footer={<BottomNav />}>
+      <div className="bg-gray-50">
-      <div className="flex-1 bg-gray-50 min-h-screen pb-20">
+        <div className="p-4 space-y-6">
-        <div className="p-4 max-w-4xl mx-auto space-y-6">
           {/* 基本信息卡片 */}
           <Card className="p-6">
             <div className="flex items-center justify-between mb-6">

nkebao/src/pages/workspace/moments-sync/new.tsx

@@ -248,21 +248,23 @@ export default function NewMomentsSyncTask() {
     }
   };
 
-  const header = (
-    <div className="sticky top-0 z-10 bg-white">
-      <div className="flex items-center h-14 px-4">
-        <Button variant="ghost" size="icon" onClick={() => navigate(-1)} className="hover:bg-gray-50">
-          <ChevronLeft className="h-6 w-6" />
-        </Button>
-        <h1 className="ml-2 text-lg font-medium">新建朋友圈同步</h1>
-      </div>
-    </div>
-  );
-
   return (
-    <Layout header={header} footer={<BottomNav />}>
+    <Layout
-      <div className="min-h-screen bg-[#F8F9FA] pb-20">
+      header={
-        <div className="mt-8">
+        <div className="bg-white border-b">
+          <div className="flex items-center p-4">
+            <Button variant="ghost" size="icon" onClick={() => navigate(-1)} className="hover:bg-gray-50 mr-2">
+              <ChevronLeft className="h-5 w-5" />
+            </Button>
+            <h1 className="text-lg font-medium">新建朋友圈同步</h1>
+          </div>
+        </div>
+      }
+      footer={<BottomNav />}
+    >
+      <div className="bg-gray-50">
+        <div className="p-4 space-y-6">
+          <div className="mt-4">
             <StepIndicator currentStep={currentStep} />
 
             <div className="mt-8">
@@ -271,7 +273,7 @@ export default function NewMomentsSyncTask() {
               )}
 
               {currentStep === 2 && (
-              <div className="space-y-6 px-6">
+                <div className="space-y-6">
                   <div className="relative">
                     <Search className="absolute left-3 top-4 h-5 w-5 text-gray-400" />
                     <Input
@@ -304,7 +306,7 @@ export default function NewMomentsSyncTask() {
               )}
 
               {currentStep === 3 && (
-              <div className="space-y-6 px-6">
+                <div className="space-y-6">
                   <div className="relative">
                     <Search className="absolute left-3 top-4 h-5 w-5 text-gray-400" />
                     <Input 
@@ -339,6 +341,7 @@ export default function NewMomentsSyncTask() {
             </div>
           </div>
         </div>
+      </div>
     </Layout>
   );
 }