diff --git a/app/globals.css b/app/globals.css
index c1534fd..269bffb 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -10,4 +10,13 @@
 body {
   color: var(--foreground);
   background: var(--background);
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 确保在所有设备上保持移动端的体验 */
+html, body {
+  overflow-x: hidden;
+  width: 100%;
 }
diff --git a/app/layout.js b/app/layout.js
index c8d9ae5..430b388 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -18,7 +18,9 @@ export default function RootLayout({ children }) {
   return (
     <html lang="zh-CN">
       <body>
-        {children}
+        <div className="w-full flex justify-center">
+          <div className="w-[480px]">{children}</div>
+        </div>
         <Toaster
           toastOptions={{
             duration: 2000,
