去除主体页面最小边框限制，去除页面多余边距导致内容过窄页面换行变形的问题

Cunkebao/app/clientLayout.tsx

@@ -18,11 +18,13 @@ function LayoutContent({ children }: { children: React.ReactNode }) {
     pathname === "/" || pathname === "/devices" || pathname === "/content" || pathname === "/profile"
 
   return (
-    <main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative">
+    <div className="mx-auto w-full">
+      <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
         {children}
         {showBottomNav && <BottomNav />}
         {showBottomNav && <VideoTutorialButton />}
       </main>
+    </div>
   )
 }
 

Cunkebao/app/components/BottomNav.tsx

@@ -16,7 +16,7 @@ export default function BottomNav() {
 
   return (
     <nav className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200">
-      <div className="max-w-md mx-auto flex justify-around">
+      <div className="w-full mx-auto flex justify-around">
         {navItems.map((item) => (
           <Link
             key={item.href}

Cunkebao/app/components/LayoutWrapper.tsx

@@ -13,11 +13,13 @@ export default function LayoutWrapper({ children }: { children: React.ReactNode
   const showBottomNav = mainPages.includes(pathname)
 
   return (
-    <main className="max-w-[390px] mx-auto bg-white min-h-screen flex flex-col relative">
+    <div className="mx-auto w-full">
+      <main className="w-full mx-auto bg-white min-h-screen flex flex-col relative lg:max-w-7xl xl:max-w-[1200px]">
         {children}
         {showBottomNav && <BottomNav />}
         {showBottomNav && <VideoTutorialButton />}
       </main>
+    </div>
   )
 }
 

Cunkebao/app/layout.tsx

@@ -29,7 +29,3 @@ export default function RootLayout({
     </html>
   )
 }
-
-
-
-import './globals.css'