diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index 0e8146e8..80c95d37 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -25,6 +25,7 @@ export default function RootLayout({
   return (
     <html lang="zh-CN" className="dark">
       <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link
           rel="preconnect"
diff --git a/frontend/components/dashboard/Dashboard.module.css b/frontend/components/dashboard/Dashboard.module.css
index 8df3ae72..f1074c75 100644
--- a/frontend/components/dashboard/Dashboard.module.css
+++ b/frontend/components/dashboard/Dashboard.module.css
@@ -120,3 +120,13 @@
   background: #dbeafe;
   filter: saturate(0.95) brightness(1.12);
 }
+
+/* ── Mobile: allow vertical scrolling ── */
+@media (max-width: 768px) {
+  .root {
+    overflow: auto;
+    height: auto;
+    min-height: 100vh;
+    width: 100%;
+  }
+}
