Align trade record detail fields with label-value grid layout.

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

static/instance_theme.css

@@ -208,6 +208,14 @@
     font-size: 0.78rem !important;
     padding: 6px 10px !important;
   }
+
+  .detail-modal .panel-body.trade-record-detail-wrap {
+    white-space: normal;
+  }
+
+  .trd-row {
+    grid-template-columns: 76px minmax(0, 1fr);
+  }
 }
 
 @media (min-width: 721px) {
@@ -216,6 +224,41 @@
   }
 }
 
+.detail-modal .panel-body.trade-record-detail-wrap {
+  white-space: normal;
+}
+
+.trade-record-detail {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.trd-row {
+  display: grid;
+  grid-template-columns: 92px minmax(0, 1fr);
+  gap: 8px 12px;
+  align-items: center;
+  line-height: 1.45;
+}
+
+.trd-label {
+  color: #8892b0;
+  font-size: 0.82rem;
+}
+
+.trd-value {
+  color: #e5e9ff;
+  font-size: 0.86rem;
+  text-align: left;
+  min-width: 0;
+}
+
+.trd-value .badge {
+  display: inline-block;
+  vertical-align: middle;
+}
+
 /* 手机竖屏（含大屏手机） */
 @media (max-width: 900px) and (orientation: portrait) {
   .grid {
@@ -1206,6 +1249,14 @@ 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"] .trd-label {
+  color: #6a7588 !important;
+}
+
+html[data-theme="light"] .trd-value {
+  color: #142232 !important;
+}
+
 html[data-theme="light"] .mobile-record-row {
   background: #fff !important;
   border-color: #b8c8d8 !important;