Add mobile compact trade and journal lists with tap-to-expand detail.

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

static/instance_theme.css

@@ -98,6 +98,120 @@
   .grid {
     grid-template-columns: minmax(0, 1fr) !important;
   }
+
+  .records-card .table-wrap {
+    display: none !important;
+  }
+
+  .mobile-record-list {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .mobile-record-row-wrap {
+    display: flex;
+    align-items: stretch;
+    gap: 6px;
+  }
+
+  .mobile-record-row {
+    flex: 1;
+    display: grid;
+    grid-template-columns: minmax(0, 1.2fr) auto minmax(0, 0.9fr);
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    margin: 0;
+    padding: 10px 12px;
+    border: 1px solid rgba(120, 140, 200, 0.28);
+    border-radius: 8px;
+    background: rgba(18, 24, 42, 0.65);
+    color: #e8ecff;
+    font-size: 0.82rem;
+    text-align: left;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  .mobile-record-row:active {
+    background: rgba(30, 42, 72, 0.85);
+  }
+
+  .mrr-symbol {
+    font-weight: 600;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .mrr-dir {
+    justify-self: center;
+  }
+
+  .mrr-dir .badge {
+    font-size: 0.72rem;
+    padding: 2px 8px;
+  }
+
+  .mrr-pnl {
+    justify-self: end;
+    font-weight: 600;
+    white-space: nowrap;
+  }
+
+  .mrr-muted {
+    color: #8892b0;
+    font-size: 0.78rem;
+  }
+
+  .mobile-record-del {
+    flex: 0 0 36px;
+    width: 36px;
+    border: 1px solid rgba(200, 80, 80, 0.35);
+    border-radius: 8px;
+    background: rgba(80, 24, 24, 0.35);
+    color: #ff9a9a;
+    font-size: 1.1rem;
+    line-height: 1;
+    cursor: pointer;
+  }
+
+  #journal-list .entry {
+    display: none;
+  }
+
+  #journal-list .journal-empty-msg {
+    color: #8892b0;
+    font-size: 0.82rem;
+    padding: 8px 4px;
+  }
+
+  #detailActions.detail-actions,
+  .detail-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    padding: 10px 14px 14px;
+    border-top: 1px solid rgba(120, 140, 200, 0.2);
+  }
+
+  .detail-actions-inner {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    width: 100%;
+  }
+
+  .detail-actions .table-del,
+  .detail-actions button {
+    font-size: 0.78rem !important;
+    padding: 6px 10px !important;
+  }
+}
+
+.mobile-record-list {
+  display: none;
 }
 
 /* 手机竖屏（含大屏手机） */
@@ -1090,3 +1204,27 @@ html[data-theme="light"] .key-row-collapse.key-history-failed .key-history-outco
   border-color: rgba(192, 48, 48, 0.22) !important;
 }
 
+html[data-theme="light"] .mobile-record-row {
+  background: #fff !important;
+  border-color: #b8c8d8 !important;
+  color: #142232 !important;
+}
+
+html[data-theme="light"] .mobile-record-row:active {
+  background: #eef3f8 !important;
+}
+
+html[data-theme="light"] .mrr-muted {
+  color: #6a7588 !important;
+}
+
+html[data-theme="light"] .mobile-record-del {
+  background: rgba(192, 48, 48, 0.08) !important;
+  border-color: rgba(192, 48, 48, 0.28) !important;
+  color: #b04040 !important;
+}
+
+html[data-theme="light"] .detail-actions {
+  border-top-color: #d0dae4 !important;
+}
+