Fix narrow PWA layout on tablet with standalone width rules.

Allow any orientation in manifest, widen content and enable dual-column mode in installed apps on tablet viewports, with iOS display-mode fallback.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/globals.css

@@ -126,4 +126,34 @@
   .zen-card {
     @apply bg-card/85 backdrop-blur-sm;
   }
+
+  /* PWA 安装后：iPad 等平板视口常 <1024px，单独放宽宽度与双栏 */
+  @media (display-mode: standalone) and (min-width: 768px) and (max-width: 1919px) {
+    .site-content-shell {
+      max-width: 72rem;
+    }
+
+    .site-content-shell-narrow {
+      max-width: 64rem;
+    }
+
+    .mode-workspace-grid {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+}
+
+/* iOS PWA 兜底：部分系统不识别 display-mode 媒体查询 */
+@media (min-width: 768px) and (max-width: 1919px) {
+  html[data-display-mode="standalone"] .site-content-shell {
+    max-width: 72rem;
+  }
+
+  html[data-display-mode="standalone"] .site-content-shell-narrow {
+    max-width: 64rem;
+  }
+
+  html[data-display-mode="standalone"] .mode-workspace-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }