feat: 本次提交更新内容如下

存一版样式问题

nkebao/src/pages/wechat-accounts/WechatAccountDetail.tsx

@@ -18,6 +18,8 @@ import {
 import { useWechatAccount } from '@/contexts/WechatAccountContext';
 import { fetchWechatAccountSummary, fetchWechatFriends, fetchWechatFriendDetail } from '@/api/wechat-accounts';
 import { useToast } from '@/components/ui/toast';
+import Layout from '@/components/Layout';
+import '@/components/Layout.css';
 
 interface WechatAccountSummary {
   accountAge: string;
@@ -401,15 +403,16 @@ export default function WechatAccountDetail() {
   }
 
   return (
-    <div className="flex-1 bg-gradient-to-b from-blue-50 to-white min-h-screen overflow-x-hidden">
-      {/* 固定header */}
-      <PageHeader
-        title="账号详情"
-        defaultBackPath="/wechat-accounts"
-      />
-
-      {/* 内容区域 - 添加顶部内边距避免被固定header遮挡 */}
-      <div className="pt-20 p-4 space-y-4">
+    <Layout
+      header={
+        <PageHeader
+          title="账号详情"
+          defaultBackPath="/wechat-accounts"
+        />
+      }
+    >
+      <div className="bg-gradient-to-b from-blue-50 to-white">
+        <div className="p-4 space-y-4">
         {/* 账号基本信息卡片 */}
         <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-100">
           <div className="flex items-center space-x-4">
@@ -800,6 +803,7 @@ export default function WechatAccountDetail() {
           </div>
         </div>
       </div>
+      </div> {/* 这里补上，闭合415行的<div className='p-4 space-y-4'> */}
 
       {/* 限制记录详情弹窗 */}
       {showRestrictions && (
@@ -962,6 +966,6 @@ export default function WechatAccountDetail() {
           </div>
         </div>
       )}
-    </div>
+    </Layout>
   );
 }