From 49abeaeff62b39cd1d64c1069096daa5f1364144 Mon Sep 17 00:00:00 2001
From: "liweiliang0905@gmail.com" <liweiliang0905@gmail.com>
Date: Fri, 23 Jan 2026 17:46:51 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=99=BB=E5=BD=95/=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=A7=BB=E5=8A=A8=E7=AB=AF=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 768px 断点响应式布局
- 输入框高度48px, font-size 16px 防止 iOS 缩放
- 按钮符合触摸标准
- 小屏幕进一步优化间距

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/vitals/web/app.py | 66 +++++++++++++++++++++++++++++++++++++++----
 1 file changed, 61 insertions(+), 5 deletions(-)

diff --git a/src/vitals/web/app.py b/src/vitals/web/app.py
index 5301f5c..bd4bfff 100644
--- a/src/vitals/web/app.py
+++ b/src/vitals/web/app.py
@@ -2359,10 +2359,38 @@ def get_login_page_html() -> str:
             color: #164E63;
         }
 
-        /* 响应式 */
-        @media (max-width: 480px) {
+        /* 移动端适配 */
+        @media (max-width: 768px) {
+            body {
+                padding: 16px;
+            }
+
             .login-card {
-                padding: 36px 24px;
+                width: 100%;
+                max-width: none;
+                box-shadow: none;
+                padding: 32px 20px;
+            }
+
+            .form-group input {
+                height: 48px;
+                font-size: 16px; /* 防止 iOS 缩放 */
+                padding: 14px 16px;
+            }
+
+            .btn {
+                height: 48px;
+                font-size: 16px;
+            }
+
+            .logo h1 {
+                font-size: 1.75rem;
+            }
+        }
+
+        @media (max-width: 380px) {
+            .login-card {
+                padding: 24px 16px;
             }
         }
 
@@ -2691,11 +2719,39 @@ def get_register_page_html() -> str:
             color: #164E63;
         }
 
-        /* 响应式 */
-        @media (max-width: 480px) {
+        /* 移动端适配 */
+        @media (max-width: 768px) {
+            body {
+                padding: 16px;
+            }
+
             .register-card {
+                width: 100%;
+                max-width: none;
+                box-shadow: none;
                 padding: 32px 20px;
             }
+
+            .form-group input {
+                height: 48px;
+                font-size: 16px; /* 防止 iOS 缩放 */
+                padding: 14px 16px;
+            }
+
+            .btn {
+                height: 48px;
+                font-size: 16px;
+            }
+
+            .logo h1 {
+                font-size: 1.5rem;
+            }
+        }
+
+        @media (max-width: 380px) {
+            .register-card {
+                padding: 24px 16px;
+            }
         }
 
         /* 减少动画 */