feat: compact instance toolbar, stats strip and settings two-column layout

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

lib/common/static/instance_theme.css

@@ -71,6 +71,20 @@
     gap: 8px;
   }
 
+  .instance-toolbar-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .instance-toolbar-filter.list-window-bar {
+    flex-basis: auto;
+  }
+
+  .stat-strip-inner {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .grid {
     gap: 10px;
   }
@@ -497,6 +511,95 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
   margin-top: 6px;
 }
 
+/* ── 顶栏：状态 + 列表筛选 同一行 ── */
+.instance-toolbar-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px 14px;
+  margin-bottom: 12px;
+}
+
+.instance-toolbar-status {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  flex: 0 1 auto;
+}
+
+.instance-toolbar-filter.list-window-bar {
+  flex: 1 1 320px;
+  margin-bottom: 0;
+}
+
+.list-window-label {
+  color: #cfd3ef;
+}
+
+.list-window-hint {
+  color: #8892b0;
+  font-size: 0.75rem;
+}
+
+.list-window-apply {
+  padding: 6px 12px;
+}
+
+/* ── 单行统计卡 ── */
+.stat-strip {
+  margin-bottom: 12px;
+  padding: 10px 14px;
+}
+
+.stat-strip-inner {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  align-items: stretch;
+  justify-content: space-between;
+}
+
+.stat-strip-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-width: 72px;
+  flex: 1 1 0;
+  text-align: center;
+}
+
+.stat-strip-item .label {
+  font-size: 0.72rem;
+  color: #8892b0;
+  margin-bottom: 4px;
+}
+
+.stat-strip-item .value {
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: #e8ecff;
+  line-height: 1.25;
+}
+
+.stat-strip-item--pnl .value.pnl-pos {
+  color: #3dd68c;
+}
+
+.stat-strip-item--pnl .value.pnl-neg {
+  color: #ff6b7a;
+}
+
+html[data-theme="light"] .stat-strip-item .value {
+  color: #142232;
+}
+
+html[data-theme="light"] .list-window-label {
+  color: #1a2838;
+}
+
 .login-theme-bar {
   display: flex;
   justify-content: flex-end;
@@ -1924,11 +2027,27 @@ html[data-theme="light"] .journal-detail-img-thumb {
 
 .settings-cards-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
   gap: 16px;
   align-items: start;
 }
 
+.settings-side-col {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.settings-card--risk {
+  min-width: 0;
+}
+
+@media (max-width: 900px) {
+  .settings-cards-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 .settings-card h2 {
   margin: 0 0 10px;
   font-size: 1.05rem;