Add open-instance to trade page and mobile/tablet responsive layouts.

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

static/instance_theme.css

@@ -78,9 +78,76 @@
   .card {
     padding: 12px;
   }
+
+  .form-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .pos-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .stat-box {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .dual-panel-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+}
+
+/* 手机竖屏（含大屏手机） */
+@media (max-width: 900px) and (orientation: portrait) {
+  .grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .dual-panel-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+
+  .form-grid {
+    grid-template-columns: minmax(0, 1fr) !important;
+  }
+}
+
+/* 平板横屏：双列布局，充分利用宽屏 */
+@media (min-width: 721px) and (max-width: 1200px) and (orientation: landscape) {
+  body {
+    padding: 10px 14px !important;
+  }
+
+  .grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+    gap: 12px;
+  }
+
+  .dual-panel-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+  }
+
+  .form-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+
+  .pos-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  }
+
+  .stat-box {
+    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+  }
+
+  .records-card,
+  .review-card {
+    grid-column: 1 / -1;
+  }
 }
 
-/* 实例页亮色主题（覆盖模板内联暗色样式） */
 html[data-theme="light"] {
   color-scheme: light;
 }