From 3ff83845fb843d6c0ef5ba2b3bde76d103680556 Mon Sep 17 00:00:00 2001
From: root <root@s52867.vps.hosting>
Date: Fri, 27 Feb 2026 11:41:57 +0000
Subject: [PATCH] ui: add buy/sell direction legend to LiveTradesCard

---
 frontend/components/LiveTradesCard.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/components/LiveTradesCard.tsx b/frontend/components/LiveTradesCard.tsx
index e5a1928..b3316e9 100644
--- a/frontend/components/LiveTradesCard.tsx
+++ b/frontend/components/LiveTradesCard.tsx
@@ -70,8 +70,14 @@ export default function LiveTradesCard({ symbol }: { symbol: "BTC" | "ETH" }) {
   return (
     <div className="rounded-xl border border-slate-200 bg-white shadow-sm overflow-hidden">
       <div className="px-4 py-3 border-b border-slate-100 flex items-center justify-between">
-        <h2 className="font-semibold text-slate-800 text-sm">实时成交流 · {symbol}/USDT</h2>
-        <div className="flex items-center gap-1.5">
+        <div>
+          <h2 className="font-semibold text-slate-800 text-sm">实时成交流 · {symbol}/USDT</h2>
+          <p className="text-xs text-slate-400 mt-0.5">
+            <span className="text-emerald-600 font-medium">▲ 绿色</span> = 主动买入（多方发动）&nbsp;&nbsp;
+            <span className="text-red-500 font-medium">▼ 红色</span> = 主动卖出（空方发动）
+          </p>
+        </div>
+        <div className="flex items-center gap-1.5 shrink-0">
           <span className="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" />
           <span className="text-xs text-emerald-600">实时</span>
         </div>