style: 登录/注册页面移动端适配

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

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;
+            }
         }
 
         /* 减少动画 */