实例期权页增加中控条件单卡片，接单后显示状态与触发参数。

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

lib/common/static/instance_theme.css

@@ -5540,6 +5540,79 @@ html[data-theme="light"] .opt-source-badge--oo {
   flex-wrap: wrap;
   justify-content: flex-end;
 }
+.opt-cond-order-card {
+  margin-bottom: 12px;
+  padding: 12px 14px;
+  border-radius: 10px;
+  border: 1px solid rgba(56, 189, 248, 0.35);
+  background: rgba(14, 42, 68, 0.72);
+}
+.opt-cond-order-card[hidden] {
+  display: none !important;
+}
+.opt-cond-order-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+}
+.opt-cond-order-head strong {
+  font-size: 0.9rem;
+}
+.opt-cond-lock-note {
+  margin-left: auto;
+  font-size: 0.72rem;
+  color: #9ec0ff;
+}
+.opt-cond-st {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 700;
+}
+.opt-cond-st.is-armed {
+  color: #7dd3fc;
+  background: rgba(56, 189, 248, 0.16);
+}
+.opt-cond-st.is-trig {
+  color: #fbbf24;
+  background: rgba(251, 191, 36, 0.16);
+}
+.opt-cond-st.is-open {
+  color: #6ee7b7;
+  background: rgba(52, 211, 153, 0.16);
+}
+.opt-cond-order-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+  gap: 8px 12px;
+}
+.opt-cond-kv .k {
+  display: block;
+  font-size: 0.68rem;
+  color: #8ea0c0;
+}
+.opt-cond-kv .v {
+  font-weight: 600;
+  font-variant-numeric: tabular-nums;
+}
+.opt-cond-order-msg {
+  margin-top: 8px;
+  font-size: 0.72rem;
+  color: #c9d6f5;
+}
+html[data-theme="light"] .opt-cond-order-card {
+  border-color: rgba(14, 116, 144, 0.28);
+  background: rgba(224, 242, 254, 0.7);
+}
+html[data-theme="light"] .opt-cond-lock-note,
+html[data-theme="light"] .opt-cond-kv .k,
+html[data-theme="light"] .opt-cond-order-msg {
+  color: #35506e;
+}
+
 .opt-spot-sell-head {
   display: flex;
   align-items: center;