条件单页美化，看跌/看涨自动绑定上穿/下穿。

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

static/hub.css

@@ -175,7 +175,7 @@ body.page-login .main {
 }
 
 .stack label, .form-grid label { display: block; margin: 8px 0; }
-input[type="text"], input[type="password"], input:not([type]) {
+input[type="text"], input[type="password"], input[type="number"], input:not([type]), select {
   width: 100%;
   padding: 8px 10px;
   border-radius: 8px;
@@ -431,3 +431,115 @@ input.readonly {
     padding-right: clamp(32px, 6vw, 96px);
   }
 }
+
+.cond-head { justify-content: space-between; align-items: flex-start; }
+.cond-lead { margin: 6px 0 0; max-width: 720px; line-height: 1.5; }
+.cond-layout { display: grid; gap: 16px; }
+.cond-card { padding: 18px 18px 16px; }
+.cond-card-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 14px;
+}
+.cond-card-head h2 {
+  margin: 0;
+  font-size: 1.02rem;
+  letter-spacing: 0.03em;
+}
+.cond-chip {
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  color: #041018;
+  background: linear-gradient(90deg, var(--accent-deep), var(--accent));
+  border-radius: 999px;
+  padding: 3px 10px;
+}
+.cond-section {
+  border-top: 1px solid rgba(56, 189, 248, 0.12);
+  padding: 14px 0 4px;
+}
+.cond-section:first-of-type { border-top: 0; padding-top: 0; }
+.cond-section-title {
+  font-size: 0.78rem;
+  color: var(--accent-2);
+  letter-spacing: 0.08em;
+  margin-bottom: 10px;
+  font-weight: 600;
+}
+.cond-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+  gap: 12px 14px;
+  align-items: end;
+}
+.cond-grid label {
+  margin: 0;
+  font-size: 0.8rem;
+  color: #b6c7da;
+}
+.cond-grid input,
+.cond-grid select {
+  margin-top: 6px;
+}
+.cond-trigger-hint {
+  grid-column: 1 / -1;
+  padding: 9px 12px;
+  border-radius: 10px;
+  font-size: 0.82rem;
+  line-height: 1.45;
+  border: 1px solid var(--line);
+  background: rgba(8, 16, 30, 0.7);
+  color: var(--text);
+}
+.cond-trigger-hint.is-put { border-color: rgba(251, 113, 133, 0.35); }
+.cond-trigger-hint.is-call { border-color: rgba(52, 211, 153, 0.35); }
+.cond-switch {
+  display: flex !important;
+  align-items: center;
+  gap: 8px;
+  min-height: 62px;
+}
+.cond-switch input { width: auto; margin: 0; }
+.cond-inst-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+  gap: 10px;
+}
+.cond-inst {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid var(--line);
+  background: rgba(8, 16, 30, 0.72);
+  cursor: pointer;
+}
+.cond-inst input { width: auto; margin: 0; }
+.cond-inst-name { flex: 1; font-weight: 600; }
+.cond-inst-tag { color: var(--muted); font-size: 0.75rem; }
+.cond-inst.is-off { opacity: 0.5; cursor: not-allowed; }
+.cond-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 14px;
+}
+.cond-empty { padding: 28px 8px; text-align: center; }
+.cond-st {
+  display: inline-block;
+  min-width: 64px;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: 600;
+}
+.cond-st.st-armed { color: var(--accent-2); background: rgba(56, 189, 248, 0.12); }
+.cond-st.st-trig { color: #fbbf24; background: rgba(251, 191, 36, 0.12); }
+.cond-st.st-open { color: var(--ok); background: rgba(52, 211, 153, 0.12); }
+.cond-st.st-done { color: var(--muted); background: rgba(138, 160, 184, 0.12); }
+.cond-table-wrap { margin-top: 0; }