fix: improve journal form layout for tablet with proportional field widths

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

lib/common/static/instance_theme.css

@@ -79,7 +79,7 @@
     padding: 12px;
   }
 
-  .form-grid {
+  .form-grid:not(.journal-form-row1):not(.journal-form-row2) {
     grid-template-columns: minmax(0, 1fr) !important;
   }
 
@@ -269,7 +269,7 @@
     grid-template-columns: minmax(0, 1fr) !important;
   }
 
-  .form-grid {
+  .form-grid:not(.journal-form-row1):not(.journal-form-row2) {
     grid-template-columns: minmax(0, 1fr) !important;
   }
 }
@@ -289,7 +289,7 @@
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }
 
-  .form-grid {
+  .form-grid:not(.journal-form-row1):not(.journal-form-row2) {
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
 
@@ -1659,14 +1659,40 @@ html[data-theme="light"] .symbol-live-price--ok {
   border-color: #9ed4b8;
 }
 
-/* ── 复盘：四周期截图上传 / 详情四宫格 ── */
+/* ── 复盘：字段按内容宽度；开仓类型与离场触发同一行 ── */
+.journal-card #journal-form {
+  min-width: 0;
+  max-width: 100%;
+}
+
+.journal-card .form-grid {
+  gap: 10px;
+}
+
+.journal-card .form-grid > input,
+.journal-card .form-grid > select {
+  box-sizing: border-box;
+}
+
 .journal-card .journal-form-row1 {
-  grid-template-columns: repeat(7, minmax(0, 1fr));
-  margin-bottom: 6px;
+  grid-template-columns:
+    minmax(11rem, 1.55fr)
+    minmax(11rem, 1.55fr)
+    minmax(4.2rem, 0.62fr)
+    minmax(3.2rem, 0.48fr)
+    minmax(4.8rem, 0.72fr)
+    minmax(4rem, 0.55fr)
+    minmax(4rem, 0.55fr);
+  margin-bottom: 10px;
 }
 
 .journal-card .journal-form-row2 {
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-template-columns:
+    minmax(7.5rem, 1.15fr)
+    minmax(7rem, 1fr)
+    minmax(0, 1.35fr)
+    minmax(6.5rem, 0.75fr);
+  margin-bottom: 8px;
 }
 
 .journal-card .journal-form-row2 select[name="entry_reason"] {
@@ -1674,6 +1700,14 @@ html[data-theme="light"] .symbol-live-price--ok {
   line-height: 1.35;
 }
 
+.journal-card #journal-form textarea[name="note"] {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin-top: 8px;
+}
+
 .journal-upload-slots {
   display: flex;
   flex-wrap: nowrap;
@@ -1753,10 +1787,18 @@ html[data-theme="light"] .symbol-live-price--ok {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
+  .journal-card .journal-form-row1 .journal-field-datetime {
+    grid-column: span 2;
+  }
+
   .journal-card .journal-form-row2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .journal-card .journal-form-row2 input[name="early_exit_note"] {
+    grid-column: 1 / -1;
+  }
+
   .journal-upload-slots {
     flex-wrap: wrap;
   }
@@ -1766,6 +1808,24 @@ html[data-theme="light"] .symbol-live-price--ok {
   }
 }
 
+@media (max-width: 560px) {
+  .journal-card .journal-form-row1 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .journal-card .journal-form-row1 .journal-field-datetime {
+    grid-column: auto;
+  }
+
+  .journal-card .journal-form-row2 {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .journal-card .journal-form-row2 input[name="early_exit_note"] {
+    grid-column: auto;
+  }
+}
+
 @media (max-width: 560px) {
   .journal-upload-row {
     flex: 1 1 100%;