Ubuntu
121 lines
6.2 KiB
HTML
121 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>TradingAgents 单次股票分析流程</title>
|
||
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
font-family: 'Noto Sans Mono CJK SC', 'JetBrains Mono', 'WenQuanYi Zen Hei Mono', monospace;
|
||
background: #020617;
|
||
min-height: 100vh;
|
||
padding: 2rem;
|
||
color: white;
|
||
}
|
||
.container { max-width: 1200px; margin: 0 auto; }
|
||
.header { margin-bottom: 2rem; }
|
||
.header-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem; }
|
||
.pulse-dot {
|
||
width: 12px; height: 12px; background: #22d3ee; border-radius: 50%;
|
||
animation: pulse 2s infinite;
|
||
}
|
||
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
||
h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.025em; }
|
||
.subtitle { color: #94a3b8; font-size: 0.875rem; margin-left: 1.75rem; }
|
||
.diagram-container {
|
||
background: rgba(15, 23, 42, 0.5); border-radius: 1rem;
|
||
border: 1px solid #1e293b; padding: 1.5rem; overflow-x: auto;
|
||
}
|
||
svg { width: 100%; min-width: 900px; display: block; }
|
||
.cards {
|
||
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||
gap: 1rem; margin-top: 2rem;
|
||
}
|
||
.card {
|
||
background: rgba(15, 23, 42, 0.5); border-radius: 0.75rem;
|
||
border: 1px solid #1e293b; padding: 1.25rem;
|
||
}
|
||
.card-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
|
||
.card-dot { width: 8px; height: 8px; border-radius: 50%; }
|
||
.card h3 { font-size: 0.875rem; font-weight: 600; color: #e2e8f0; }
|
||
.card ul { list-style: none; font-size: 0.75rem; color: #94a3b8; line-height: 1.8; }
|
||
.card li::before { content: "• "; color: #64748b; }
|
||
.footer {
|
||
margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #1e293b;
|
||
font-size: 0.75rem; color: #64748b; text-align: center;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="header">
|
||
<div class="header-row">
|
||
<div class="pulse-dot"></div>
|
||
<h1>TradingAgents 单次股票分析流程</h1>
|
||
</div>
|
||
<div class="subtitle">系统架构图 · Hand-Drawn SVG</div>
|
||
</div>
|
||
<div class="diagram-container">
|
||
<svg viewBox="0 0 800 660" xmlns="http://www.w3.org/2000/svg" font-family="'Noto Sans Mono CJK SC', 'JetBrains Mono', 'WenQuanYi Zen Hei Mono', monospace">
|
||
<defs>
|
||
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
|
||
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="#1e293b" stroke-width="0.5"/>
|
||
</pattern>
|
||
<filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
|
||
<feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/>
|
||
</filter>
|
||
<marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#64748b"/>
|
||
</marker>
|
||
<marker id="arrowhead-cyan" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#22d3ee"/>
|
||
</marker>
|
||
<marker id="arrowhead-green" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#34d399"/>
|
||
</marker>
|
||
<marker id="arrowhead-rose" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#fb7185"/>
|
||
</marker>
|
||
<marker id="arrowhead-amber" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#fbbf24"/>
|
||
</marker>
|
||
<marker id="arrowhead-purple" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
|
||
<polygon points="0 0, 10 3.5, 0 7" fill="#a78bfa"/>
|
||
</marker>
|
||
</defs>
|
||
<rect width="800" height="660" fill="url(#grid)"/>
|
||
<rect x="340" y="50" width="120" height="40" rx="20" fill="rgba(6, 78, 59, 0.4)" stroke="#34d399" stroke-width="1.5" opacity="1.0"/>
|
||
<text x="400" y="74" fill="#e2e8f0" font-size="11" font-weight="600" text-anchor="middle">用户输入
|
||
股票代码 + 日期</text>
|
||
<rect x="320" y="130" width="160" height="50" rx="6" fill="#0f172a" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<rect x="320" y="130" width="160" height="50" rx="6" fill="rgba(30, 41, 59, 0.5)" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<text x="400" y="148" fill="#e2e8f0" font-size="11" font-weight="600" text-anchor="middle">并行数据采集
|
||
(4个分析师同时工作)</text>
|
||
<rect x="320" y="210" width="160" height="50" rx="6" fill="#0f172a" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<rect x="320" y="210" width="160" height="50" rx="6" fill="rgba(30, 41, 59, 0.5)" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<text x="400" y="228" fill="#e2e8f0" font-size="11" font-weight="600" text-anchor="middle">研究经理汇总
|
||
收集4份分析报告</text>
|
||
<polygon points="400,290 440,330 400,370 360,330" fill="rgba(251, 146, 60, 0.3)" stroke="#fb923c" stroke-width="1.5"/>
|
||
<text x="400" y="334" fill="#e2e8f0" font-size="10" font-weight="normal" text-anchor="middle">多空辩论
|
||
Bull vs Bear × N轮</text>
|
||
<rect x="320" y="370" width="160" height="50" rx="6" fill="#0f172a" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<rect x="320" y="370" width="160" height="50" rx="6" fill="rgba(30, 41, 59, 0.5)" stroke="#94a3b8" stroke-width="1.5" opacity="1.0"/>
|
||
<text x="400" y="388" fill="#e2e8f0" font-size="11" font-weight="600" text-anchor="middle">交易员决策
|
||
综合辩论形成草案</text>
|
||
<polygon points="400,450 440,490 400,530 360,490" fill="rgba(251, 146, 60, 0.3)" stroke="#fb923c" stroke-width="1.5"/>
|
||
<text x="400" y="494" fill="#e2e8f0" font-size="10" font-weight="normal" text-anchor="middle">三级风控评审
|
||
激进/保守/中立</text>
|
||
<rect x="340" y="530" width="120" height="40" rx="20" fill="rgba(136, 19, 55, 0.4)" stroke="#fb7185" stroke-width="1.5" opacity="1.0"/>
|
||
<text x="400" y="554" fill="#e2e8f0" font-size="11" font-weight="600" text-anchor="middle">最终输出
|
||
Buy / Sell / Hold</text>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
生成时间: 2026-05-05 19:42 | Hand-Drawn Diagram · Zero Token Cost
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |