feat: 重构为三所价差异动监控系统

删除 HyperLiquid + 全部交易功能，构建自适应 surge 检测器。
- 新增 surge_detector.go: 每币独立滚动窗口基线，检测三所价差异常飙升
- 新增 SpreadCard/SurgeCard 前端组件
- 保留 momentum/trend/cumulative/trend_filter 扫描功能
- 更新文档和配置以反映新系统

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/dist/assets/index-vvNDQq2K.css

@@ -0,0 +1 @@
+:root{--bg: #0d1117;--card: #161b22;--border: #30363d;--text: #c9d1d9;--text-dim: #8b949e;--accent: #58a6ff;--green: #3fb950;--red: #f85149;--yellow: #d29922;--blue: #58a6ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}#app{max-width:1440px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:16px}header h1{font-size:18px;font-weight:600}.header-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.sep{color:var(--border)}.status-offline{color:var(--red)}.status-online{color:var(--green)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-wide{grid-column:1 / -1}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px}.card h2{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.table-wrap{overflow-x:auto;max-height:320px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:6px 8px;color:var(--text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--border)}td{padding:5px 8px;border-bottom:1px solid rgba(48,54,61,.5);white-space:nowrap}tr:hover td{background:#58a6ff0d}.loading{text-align:center;color:var(--text-dim);padding:20px!important}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-dim{color:var(--text-dim)}.text-right{text-align:right}.text-orange{color:var(--yellow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#484f58}@media (max-width: 768px){.grid{grid-template-columns:1fr}header{flex-direction:column;gap:8px}}.tab-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:3px 10px;border-radius:4px;cursor:pointer;font-size:12px;margin-left:6px}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-btn:hover:not(.active){color:var(--text);border-color:var(--text-dim)}#surge-card{grid-column:1 / -1}#surge-snapshot-table td,#surge-events-table td{font-variant-numeric:tabular-nums}.surge-active td{background:#3fb9500f}.surge-active:hover td{background:#3fb9501f!important}.surge-up td{background:#3fb9500a}.surge-up:hover td{background:#3fb9501a!important}.surge-down td{background:#f851490a}.surge-down:hover td{background:#f851491a!important}#spread-card #spread-table td{font-variant-numeric:tabular-nums}#momentum-card{grid-column:1 / -1}#momentum-table th{cursor:pointer;-webkit-user-select:none;user-select:none}#momentum-table th:hover{color:var(--accent)}#momentum-table td{font-variant-numeric:tabular-nums}#trend-card{grid-column:1 / -1}#trend-table th{-webkit-user-select:none;user-select:none}#trend-table td{font-variant-numeric:tabular-nums}.trend-state{font-weight:600;font-size:12px}.trend-alert{background:#d299220d}.trend-alert:hover td{background:#d299221a!important}.trend-confirmed{background:#3fb95014}.trend-confirmed:hover td{background:#3fb95026!important}.trend-exhausting{background:#8b949e0d}.trend-exhausting:hover td{background:#8b949e1a!important}#trend-filter-card{grid-column:1 / -1}#trend-filter-table td{font-variant-numeric:tabular-nums}.filter-pass td{background:#3fb9500f}.filter-pass:hover td{background:#3fb9501f!important}#trend-signal-card{grid-column:1 / -1}#trend-signal-table td{font-variant-numeric:tabular-nums}#high-score-card{grid-column:1 / -1}#high-score-table td{font-variant-numeric:tabular-nums}.signal-enter td{background:#3fb95014}.signal-enter:hover td{background:#3fb95026!important}.signal-exit td{background:#8b949e0d}.signal-exit:hover td{background:#8b949e1a!important}#cm-card,#cm-history-card{grid-column:1 / -1}#cm-table td,#cm-history-table td{font-variant-numeric:tabular-nums}

frontend/dist/index.html

@@ -4,8 +4,8 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Exchange Monitor Dashboard</title>
-  <script type="module" crossorigin src="/static/assets/index-B9OruCsy.js"></script>
-  <link rel="stylesheet" crossorigin href="/static/assets/index-CDE5zNyv.css">
+  <script type="module" crossorigin src="/static/assets/index-Czt_9K6K.js"></script>
+  <link rel="stylesheet" crossorigin href="/static/assets/index-vvNDQq2K.css">
 </head>
 <body>
   <div id="root"></div>

frontend/src/App.css

@@ -67,29 +67,6 @@ header h1 { font-size: 18px; font-weight: 600; }
   border-bottom: 1px solid var(--border);
 }
 
-/* Stats row */
-.stats-row {
-  display: flex;
-  gap: 16px;
-  flex-wrap: wrap;
-}
-.stat {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-width: 60px;
-}
-.stat label { font-size: 11px; color: var(--text-dim); margin-bottom: 2px; }
-.stat span { font-size: 20px; font-weight: 700; }
-.pct-green { color: var(--green); }
-.pct-red { color: var(--red); }
-.pct-gray { color: var(--text-dim); }
-.pct-yellow { color: var(--yellow); }
-.pct-blue { color: var(--blue); }
-
-/* Connection status dots */
-#conn-detail { font-size: 11px; white-space: nowrap; }
-
 /* Tables */
 .table-wrap {
   overflow-x: auto;
@@ -120,7 +97,6 @@ td {
   white-space: nowrap;
 }
 tr:hover td { background: rgba(88, 166, 255, 0.05); }
-.trade-row { cursor: pointer; }
 .loading { text-align: center; color: var(--text-dim); padding: 20px !important; }
 
 .text-green { color: var(--green); }
@@ -128,6 +104,7 @@ tr:hover td { background: rgba(88, 166, 255, 0.05); }
 .text-yellow { color: var(--yellow); }
 .text-dim { color: var(--text-dim); }
 .text-right { text-align: right; }
+.text-orange { color: var(--yellow); }
 
 /* Scrollbar */
 ::-webkit-scrollbar { width: 6px; height: 6px; }
@@ -139,91 +116,42 @@ tr:hover td { background: rgba(88, 166, 255, 0.05); }
 @media (max-width: 768px) {
   .grid { grid-template-columns: 1fr; }
   header { flex-direction: column; gap: 8px; }
-  .stats-row { justify-content: center; }
 }
 
-/* Blacklist items */
-#bl-body { display: flex; gap: 8px; flex-wrap: wrap; }
-.bl-item {
-  background: rgba(248, 81, 73, 0.1);
-  border: 1px solid rgba(248, 81, 73, 0.3);
-  border-radius: 4px;
-  padding: 4px 10px;
-  font-size: 12px;
-  color: var(--red);
-  cursor: default;
-}
-
-/* Trade Detail Modal */
-.modal-overlay {
-  position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.7);
-  z-index: 1000;
-  display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  padding: 40px 16px;
-  overflow-y: auto;
-}
-.modal-content {
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  max-width: 700px;
-  width: 100%;
-  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
-}
-.modal-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 16px 20px;
-  border-bottom: 1px solid var(--border);
-}
-.modal-header h2 { font-size: 16px; margin: 0; padding: 0; border: none; color: var(--text); }
-.modal-close {
+/* Tab buttons (SurgeCard) */
+.tab-btn {
   background: none;
-  border: none;
+  border: 1px solid var(--border);
   color: var(--text-dim);
-  font-size: 20px;
-  cursor: pointer;
-  padding: 4px 8px;
+  padding: 3px 10px;
   border-radius: 4px;
-  line-height: 1;
-}
-.modal-close:hover { background: rgba(255,255,255,0.1); color: var(--text); }
-#trade-detail-body { padding: 0; }
-.detail-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0;
-}
-.detail-section {
-  padding: 14px 20px;
-  border-bottom: 1px solid rgba(48,54,61,0.4);
-}
-.detail-section:last-child { border-bottom: none; }
-.detail-section-full { grid-column: 1 / -1; }
-.detail-section h3 {
+  cursor: pointer;
   font-size: 12px;
-  color: var(--text-dim);
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 8px;
+  margin-left: 6px;
 }
-.detail-row {
-  display: flex;
-  justify-content: space-between;
-  padding: 3px 0;
-  font-size: 13px;
+.tab-btn.active {
+  background: var(--accent);
+  color: #fff;
+  border-color: var(--accent);
 }
-.detail-row .label { color: var(--text-dim); }
-.detail-row .value { font-weight: 500; }
-.detail-orders { width: 100%; font-size: 12px; }
-.detail-orders th { background: var(--bg); font-size: 10px; }
-.detail-orders td { padding: 4px 6px; }
+.tab-btn:hover:not(.active) {
+  color: var(--text);
+  border-color: var(--text-dim);
+}
+
+/* Surge Card */
+#surge-card { grid-column: 1 / -1; }
+#surge-snapshot-table td,
+#surge-events-table td { font-variant-numeric: tabular-nums; }
+.surge-active td { background: rgba(63, 185, 80, 0.06); }
+.surge-active:hover td { background: rgba(63, 185, 80, 0.12) !important; }
+.surge-up td { background: rgba(63, 185, 80, 0.04); }
+.surge-up:hover td { background: rgba(63, 185, 80, 0.1) !important; }
+.surge-down td { background: rgba(248, 81, 73, 0.04); }
+.surge-down:hover td { background: rgba(248, 81, 73, 0.1) !important; }
+
+/* Spread Card */
+#spread-card #spread-table td { font-variant-numeric: tabular-nums; }
 
 /* Momentum Card */
 #momentum-card { grid-column: 1 / -1; }
@@ -244,15 +172,11 @@ tr:hover td { background: rgba(88, 166, 255, 0.05); }
 .trend-exhausting:hover td { background: rgba(139, 148, 158, 0.1) !important; }
 
 /* Trend Filter Card */
-.text-orange { color: var(--yellow); }
 #trend-filter-card { grid-column: 1 / -1; }
 #trend-filter-table td { font-variant-numeric: tabular-nums; }
 .filter-pass td { background: rgba(63, 185, 80, 0.06); }
 .filter-pass:hover td { background: rgba(63, 185, 80, 0.12) !important; }
 
-/* blue text for categories */
-.text-blue { color: #58a6ff; }
-
 /* Trend Signal Card */
 #trend-signal-card { grid-column: 1 / -1; }
 #trend-signal-table td { font-variant-numeric: tabular-nums; }
@@ -262,3 +186,8 @@ tr:hover td { background: rgba(88, 166, 255, 0.05); }
 .signal-enter:hover td { background: rgba(63, 185, 80, 0.15) !important; }
 .signal-exit td { background: rgba(139, 148, 158, 0.05); }
 .signal-exit:hover td { background: rgba(139, 148, 158, 0.1) !important; }
+
+/* Cumulative Change Cards */
+#cm-card { grid-column: 1 / -1; }
+#cm-history-card { grid-column: 1 / -1; }
+#cm-table td, #cm-history-table td { font-variant-numeric: tabular-nums; }