Fix mobile trade records hidden by CSS cascade overriding compact list.

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

static/instance_records_mobile.js

@@ -30,11 +30,13 @@
     }
 
     var rows = table.querySelectorAll('tr[id^="trade-row-"]');
-    listEl.innerHTML = Array.prototype.map
-      .call(rows, function (tr) {
-        return UI.renderMobileTradeRow(tr);
-      })
-      .join("");
+    listEl.innerHTML = rows.length
+      ? Array.prototype.map
+          .call(rows, function (tr) {
+            return UI.renderMobileTradeRow(tr);
+          })
+          .join("")
+      : '<div class="journal-empty-msg">暂无交易记录</div>';
 
     listEl.querySelectorAll(".mobile-record-row").forEach(function (btn) {
       btn.addEventListener("click", function () {

static/instance_theme.css

@@ -104,7 +104,7 @@
   }
 
   .mobile-record-list {
-    display: flex;
+    display: flex !important;
     flex-direction: column;
     gap: 6px;
   }
@@ -210,8 +210,10 @@
   }
 }
 
-.mobile-record-list {
-  display: none;
+@media (min-width: 721px) {
+  .mobile-record-list {
+    display: none !important;
+  }
 }
 
 /* 手机竖屏（含大屏手机） */