feat条件单页支持资金与交易户双向划转，并修正账户名被挤占。

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

static/hub.css

@@ -1524,31 +1524,51 @@ input.readonly {
 .cond-inst-group-label { margin-bottom: 8px; }
 .cond-inst-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 10px;
 }
 .cond-inst-row {
-  display: flex;
-  align-items: stretch;
-  gap: 8px;
+  display: block;
+  min-width: 0;
 }
 .cond-inst-row.is-off { opacity: 0.5; }
 .cond-inst {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
+  align-items: stretch;
   gap: 8px;
-  flex: 1;
   min-width: 0;
   padding: 10px 12px;
   border-radius: 10px;
   border: 1px solid var(--line);
   background: rgba(8, 16, 30, 0.72);
+}
+.cond-inst input { width: auto; margin: 0; flex-shrink: 0; }
+.cond-inst-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
   cursor: pointer;
 }
-.cond-inst input { width: auto; margin: 0; }
-.cond-inst-name { flex: 1; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cond-inst.is-off .cond-inst-head { cursor: not-allowed; }
+.cond-inst-name {
+  flex: 1;
+  font-weight: 600;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .cond-inst-tag { color: var(--muted); font-size: 0.75rem; flex-shrink: 0; }
+.cond-inst-body {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 10px;
+  padding-left: 24px;
+  min-width: 0;
+}
 .cond-inst-funds {
   color: var(--accent-2, #38bdf8);
   font-size: 0.78rem;
@@ -1560,10 +1580,16 @@ input.readonly {
   color: var(--muted);
   font-weight: 500;
 }
+.cond-inst-actions {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-left: auto;
+}
 .cond-inst-xfer,
 .cond-inst-open {
   flex-shrink: 0;
-  align-self: center;
   white-space: nowrap;
 }
 .cond-inst.is-off { cursor: not-allowed; }