diff --git a/ui/homepage/app/login/page.tsx b/ui/homepage/app/login/page.tsx
index 7b1e74f..29bffc5 100644
--- a/ui/homepage/app/login/page.tsx
+++ b/ui/homepage/app/login/page.tsx
@@ -1,14 +1,25 @@
 export const dynamic = 'error'
 
+import { Suspense } from 'react'
 import { notFound } from 'next/navigation'
 import { isFeatureEnabled } from '@lib/featureToggles'
 import { LoginForm } from './LoginForm'
 import LoginContent from './LoginContent'
 
+function LoginPageFallback() {
+  return <div className="flex min-h-screen flex-col bg-gray-50" />
+}
+
 export default function LoginPage() {
   if (!isFeatureEnabled('globalNavigation', '/login')) {
     notFound()
   }
   // 统一返回：容器包裹表单，兼容两边改动
-  return <LoginContent><LoginForm /></LoginContent>
+  return (
+    <Suspense fallback={<LoginPageFallback />}>
+      <LoginContent>
+        <LoginForm />
+      </LoginContent>
+    </Suspense>
+  )
 }
diff --git a/ui/homepage/app/register/page.tsx b/ui/homepage/app/register/page.tsx
index e6253b5..9bd965c 100644
--- a/ui/homepage/app/register/page.tsx
+++ b/ui/homepage/app/register/page.tsx
@@ -1,15 +1,24 @@
 export const dynamic = 'error'
 
+import { Suspense } from 'react'
 import { notFound } from 'next/navigation'
 
 import { isFeatureEnabled } from '@lib/featureToggles'
 
 import RegisterContent from './RegisterContent'
 
+function RegisterPageFallback() {
+  return <div className="flex min-h-screen flex-col bg-gray-50" />
+}
+
 export default function RegisterPage() {
   if (!isFeatureEnabled('globalNavigation', '/register')) {
     notFound()
   }
 
-  return <RegisterContent />
+  return (
+    <Suspense fallback={<RegisterPageFallback />}>
+      <RegisterContent />
+    </Suspense>
+  )
 }