监控跳转行情区：展示入场价、止盈止损与委托单并在K线标注

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

manual_trading_hub/static/app.css

@@ -2060,6 +2060,93 @@ body.login-page {
   margin-right: 4px;
 }
 
+.market-pos-panel {
+  flex: 0 0 auto;
+  padding: 6px 12px 8px;
+  border-bottom: 1px solid var(--border-soft);
+  background: rgba(12, 20, 32, 0.98);
+  font-size: 0.76rem;
+}
+
+.market-pos-panel.hidden {
+  display: none;
+}
+
+.market-pos-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 14px;
+}
+
+.market-pos-side {
+  padding: 1px 8px;
+  border-radius: 4px;
+  font-size: 0.72rem;
+  font-weight: 600;
+}
+
+.market-pos-side.side-long {
+  background: rgba(0, 255, 157, 0.12);
+  border: 1px solid rgba(0, 255, 157, 0.35);
+  color: #00ff9d;
+}
+
+.market-pos-side.side-short {
+  background: rgba(255, 77, 109, 0.12);
+  border: 1px solid rgba(255, 77, 109, 0.35);
+  color: #ff4d6d;
+}
+
+.market-pos-clear {
+  margin-left: auto;
+  font-size: 0.72rem;
+  padding: 2px 8px;
+}
+
+.market-pos-orders {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px 10px;
+  margin-top: 6px;
+  color: var(--muted);
+}
+
+.market-pos-orders-empty {
+  font-size: 0.72rem;
+  opacity: 0.75;
+}
+
+.market-pos-order {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 8px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid var(--border-soft);
+  white-space: nowrap;
+}
+
+.market-pos-order-kind {
+  color: var(--accent);
+  font-size: 0.68rem;
+}
+
+.market-pos-order-label {
+  color: var(--text);
+}
+
+.market-pos-order-price {
+  color: #ffb84d;
+  font-family: var(--font-mono, monospace);
+}
+
+.market-pos-order-amt {
+  color: var(--muted);
+  font-size: 0.68rem;
+}
+
 .sym-link {
   background: none;
   border: none;