0.2.0.2

app/relationship/page.tsx

@@ -75,21 +75,22 @@ export default function RelationshipTestPage() {
   }
 
   return (
-    <div className="min-h-screen flex flex-col bg-background">
+    <div className="h-screen flex flex-col bg-background">
       <SiteHeader />
       
-      <main className="flex-1 container mx-auto px-4 py-6">
-        <div className="max-w-4xl mx-auto space-y-6">
-          {/* 标题 */}
-          <div>
-            <h1 className="text-2xl font-serif font-bold mb-1">家族关系计算器</h1>
-            <p className="text-sm text-muted-foreground">
-              选择两个家族成员，自动计算他们之间的亲属关系
-            </p>
-          </div>
+      <main className="flex-1 overflow-y-auto">
+        <div className="container mx-auto px-4 py-6">
+          <div className="max-w-4xl mx-auto space-y-6">
+            {/* 标题 */}
+            <div>
+              <h1 className="text-2xl font-serif font-bold mb-1">家族关系计算器</h1>
+              <p className="text-sm text-muted-foreground">
+                选择两个家族成员，自动计算他们之间的亲属关系
+              </p>
+            </div>
 
-          {/* 选择成员 */}
-          <Card className="border-none shadow-sm bg-card/50 backdrop-blur">
+            {/* 选择成员 */}
+            <Card className="border-none shadow-sm bg-card/50 backdrop-blur">
             <CardHeader className="text-center pb-4">
               <CardTitle className="text-xl font-serif font-light">选择成员</CardTitle>
               <CardDescription className="text-sm font-light">请选择要计算关系的两个成员</CardDescription>
@@ -501,6 +502,7 @@ export default function RelationshipTestPage() {
               )}
             </div>
           )}
+          </div>
         </div>
       </main>
     </div>