From 1229efaa84782c678f7dcc16a6f0c82b13ba979d Mon Sep 17 00:00:00 2001
From: mamamiyear <mamamiyear@163.com>
Date: Fri, 10 Jul 2026 11:11:33 +0800
Subject: [PATCH] fix(landing): repair mobile layout

---
 promo/landing/src/index.css | 39 ++++++++++++++++++++++++++++++-------
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/promo/landing/src/index.css b/promo/landing/src/index.css
index 89f5910..c161174 100644
--- a/promo/landing/src/index.css
+++ b/promo/landing/src/index.css
@@ -579,11 +579,34 @@ h1 {
 }
 
 @media (max-width: 860px) {
+  html,
+  body,
+  #root {
+    height: auto;
+    min-height: 100%;
+    overflow: visible;
+  }
+
+  html {
+    overflow-x: clip;
+  }
+
+  body,
+  #root {
+    min-height: 100svh;
+  }
+
   .landing-shell {
+    align-content: start;
+    align-items: stretch;
     grid-template-columns: 1fr;
-    grid-template-rows: auto minmax(0, 1fr);
+    grid-template-rows: auto auto;
     gap: 18px;
+    height: auto;
+    min-height: 100svh;
+    max-height: none;
     padding: 124px 18px 18px;
+    overflow: clip;
   }
 
   .hero-copy {
@@ -624,9 +647,9 @@ h1 {
   }
 
   .device-card {
-    min-height: 0;
-    height: 100%;
-    max-height: 48vh;
+    height: clamp(350px, 68vw, 470px);
+    min-height: clamp(350px, 68vw, 470px);
+    max-height: none;
     border-radius: 32px;
   }
 
@@ -636,7 +659,8 @@ h1 {
   }
 
   .capture-frame {
-    width: min(66%, 380px);
+    width: min(58%, 270px);
+    height: auto;
   }
 
   .slide-panel {
@@ -717,7 +741,8 @@ h1 {
   }
 
   .device-card {
-    max-height: 42vh;
+    height: 350px;
+    min-height: 350px;
   }
 
   .window-chrome {
@@ -731,7 +756,7 @@ h1 {
   }
 
   .capture-frame {
-    width: 72%;
+    width: min(58%, 240px);
     border-radius: 18px;
   }