文件
quantKonwledge/cross-market-hub.html

913 行
50 KiB
HTML
原始文件 Blame 文件历史

此文件含有模棱两可的 Unicode 字符
此文件含有可能会与其他字符混淆的 Unicode 字符。 如果您是想特意这样的,可以安全地忽略该警告。 使用 Escape 按钮显示他们。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>跨品种对冲与 RWA 知识中心 | QuantKnowledge</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<style>
:root {
--bg: #0a0e1a;
--card: #111827;
--card2: #1a2235;
--border: #1e2d45;
--accent: #3b82f6;
--accent2: #8b5cf6;
--gold: #f59e0b;
--green: #10b981;
--red: #ef4444;
--text: #e2e8f0;
--muted: #64748b;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--text); font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.6; }
/* Header */
.header { background: linear-gradient(135deg, #0a0e1a 0%, #1a1040 50%, #0a1628 100%); padding: 40px 20px; text-align: center; border-bottom: 1px solid var(--border); position: relative; overflow: hidden; }
.header::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at 30% 50%, rgba(59,130,246,0.08) 0%, transparent 50%), radial-gradient(circle at 70% 50%, rgba(139,92,246,0.08) 0%, transparent 50%); }
.header h1 { font-size: 2.2em; font-weight: 700; background: linear-gradient(90deg, #3b82f6, #8b5cf6, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.header p { color: var(--muted); margin-top: 10px; font-size: 1.05em; position: relative; }
.header .badges { display: flex; justify-content: center; gap: 10px; margin-top: 16px; flex-wrap: wrap; position: relative; }
.badge { background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.3); color: #93c5fd; padding: 4px 14px; border-radius: 20px; font-size: 0.82em; }
.badge.gold { background: rgba(245,158,11,0.15); border-color: rgba(245,158,11,0.3); color: #fcd34d; }
.badge.purple { background: rgba(139,92,246,0.15); border-color: rgba(139,92,246,0.3); color: #c4b5fd; }
.badge.green { background: rgba(16,185,129,0.15); border-color: rgba(16,185,129,0.3); color: #6ee7b7; }
/* Nav */
.nav { display: flex; gap: 4px; padding: 12px 20px; background: var(--card); border-bottom: 1px solid var(--border); overflow-x: auto; }
.nav-btn { padding: 8px 18px; border: none; background: transparent; color: var(--muted); cursor: pointer; border-radius: 8px; font-size: 0.9em; white-space: nowrap; transition: all 0.2s; }
.nav-btn:hover { background: rgba(59,130,246,0.1); color: var(--text); }
.nav-btn.active { background: rgba(59,130,246,0.2); color: #93c5fd; border: 1px solid rgba(59,130,246,0.3); }
/* Main */
.main { max-width: 1400px; margin: 0 auto; padding: 24px 20px; }
.section { display: none; }
.section.active { display: block; }
/* Cards */
.grid { display: grid; gap: 20px; }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; }
.card h3 { font-size: 1em; color: #93c5fd; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.card h3 .icon { font-size: 1.2em; }
/* Section title */
.section-title { font-size: 1.4em; font-weight: 600; margin-bottom: 20px; color: var(--text); display: flex; align-items: center; gap: 10px; }
.section-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }
/* Tables */
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.88em; }
th { background: rgba(59,130,246,0.1); color: #93c5fd; padding: 10px 12px; text-align: left; font-weight: 600; border-bottom: 1px solid var(--border); }
td { padding: 9px 12px; border-bottom: 1px solid rgba(30,45,69,0.5); color: var(--text); }
tr:hover td { background: rgba(59,130,246,0.04); }
.tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 0.8em; }
.tag-green { background: rgba(16,185,129,0.15); color: #6ee7b7; }
.tag-red { background: rgba(239,68,68,0.15); color: #fca5a5; }
.tag-yellow { background: rgba(245,158,11,0.15); color: #fcd34d; }
.tag-blue { background: rgba(59,130,246,0.15); color: #93c5fd; }
.tag-purple { background: rgba(139,92,246,0.15); color: #c4b5fd; }
/* Metric cards */
.metric { text-align: center; padding: 20px; }
.metric .val { font-size: 2.2em; font-weight: 700; }
.metric .lbl { color: var(--muted); font-size: 0.85em; margin-top: 4px; }
.metric .sub { font-size: 0.8em; margin-top: 6px; }
/* Chart containers */
.chart-box { position: relative; height: 260px; }
.chart-box-lg { position: relative; height: 320px; }
/* Strategy cards */
.strategy-card { background: var(--card2); border: 1px solid var(--border); border-radius: 10px; padding: 16px; margin-bottom: 12px; }
.strategy-card h4 { color: #93c5fd; margin-bottom: 8px; font-size: 0.95em; }
.strategy-card p { color: var(--muted); font-size: 0.85em; line-height: 1.6; }
.strategy-card .meta { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.meta-item { font-size: 0.78em; padding: 3px 10px; border-radius: 4px; }
/* Risk meter */
.risk-bar { height: 8px; border-radius: 4px; background: var(--border); margin: 8px 0; overflow: hidden; }
.risk-fill { height: 100%; border-radius: 4px; transition: width 0.5s; }
/* Flow diagram */
.flow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 16px; background: var(--card2); border-radius: 10px; margin: 12px 0; }
.flow-step { background: rgba(59,130,246,0.15); border: 1px solid rgba(59,130,246,0.3); color: #93c5fd; padding: 8px 14px; border-radius: 8px; font-size: 0.85em; text-align: center; }
.flow-arrow { color: var(--muted); font-size: 1.2em; }
/* Broker cards */
.broker-card { background: var(--card2); border: 1px solid var(--border); border-radius: 12px; padding: 20px; }
.broker-card .broker-name { font-size: 1.1em; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.broker-card .broker-sub { color: var(--muted); font-size: 0.82em; margin-bottom: 14px; }
.broker-feature { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid rgba(30,45,69,0.4); font-size: 0.85em; }
.broker-feature:last-child { border-bottom: none; }
.broker-feature .label { color: var(--muted); }
/* Tabs */
.tabs { display: flex; gap: 4px; margin-bottom: 16px; border-bottom: 1px solid var(--border); }
.tab { padding: 8px 16px; cursor: pointer; color: var(--muted); font-size: 0.9em; border-bottom: 2px solid transparent; transition: all 0.2s; }
.tab.active { color: #93c5fd; border-bottom-color: #3b82f6; }
/* Responsive */
@media (max-width: 768px) {
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
.header h1 { font-size: 1.6em; }
}
</style>
</head>
<body>
<div class="header">
<h1>跨品种对冲与 RWA 知识中心</h1>
<p>期权 · 链上资产 · 全球股指 · Delta 对冲 · 券商开户 · 资金通道</p>
<div class="badges">
<span class="badge gold">XAUT 黄金对冲</span>
<span class="badge">链上美股 xStocks</span>
<span class="badge purple">期权 Greeks</span>
<span class="badge green">资金费率套利</span>
<span class="badge">韩国泡菜溢价</span>
<span class="badge gold">RWA 永续合约</span>
</div>
</div>
<div class="nav">
<button class="nav-btn active" onclick="showSection('overview')">总览</button>
<button class="nav-btn" onclick="showSection('options')">期权与对冲</button>
<button class="nav-btn" onclick="showSection('rwa')">RWA 资产</button>
<button class="nav-btn" onclick="showSection('arb')">套利策略</button>
<button class="nav-btn" onclick="showSection('brokers')">券商开户</button>
<button class="nav-btn" onclick="showSection('portfolio')">组合构建</button>
</div>
<div class="main">
<!-- ===== 总览 ===== -->
<div id="overview" class="section active">
<div class="section-title">跨品种市场总览</div>
<div class="grid grid-4" style="margin-bottom:20px">
<div class="card metric">
<div class="val" style="color:#f59e0b">$400B</div>
<div class="lbl">2025 年 RWA 链上规模</div>
<div class="sub" style="color:#10b981">↑ 10xvs 2022</div>
</div>
<div class="card metric">
<div class="val" style="color:#3b82f6">$74B</div>
<div class="lbl">链上国债/债券 RWA</div>
<div class="sub" style="color:#10b981">↑ 80%2025 全年)</div>
</div>
<div class="card metric">
<div class="val" style="color:#8b5cf6">8.27%</div>
<div class="lbl">2025 年最高泡菜溢价</div>
<div class="sub" style="color:#64748b">韩国 KOSPI 市场</div>
</div>
<div class="card metric">
<div class="val" style="color:#10b981">50%</div>
<div class="lbl">SOL 最高年化资金费率</div>
<div class="sub" style="color:#64748b">2025 年 7 月</div>
</div>
</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">📊</span>RWA 市场规模增长2022-2025</h3>
<div class="chart-box">
<canvas id="rwaGrowthChart"></canvas>
</div>
</div>
<div class="card">
<h3><span class="icon">🥧</span>2025 年 RWA 资产类别分布</h3>
<div class="chart-box">
<canvas id="rwaDistChart"></canvas>
</div>
</div>
</div>
<div class="grid grid-3">
<div class="card">
<h3><span class="icon"></span>核心套利机会</h3>
<div class="strategy-card">
<h4>资金费率套利Delta 中性)</h4>
<p>现货多头 + 永续空头,持续收取资金费率,风险极低</p>
<div class="meta">
<span class="meta-item tag-green">年化 10-50%</span>
<span class="meta-item tag-blue">低风险</span>
</div>
</div>
<div class="strategy-card">
<h4>BTC 基差交易</h4>
<p>BTC 现货 + CME 期货空头,赚取期货升水</p>
<div class="meta">
<span class="meta-item tag-green">年化 5-25%</span>
<span class="meta-item tag-blue">低风险</span>
</div>
</div>
<div class="strategy-card">
<h4>xStock 财报套利</h4>
<p>财报前建仓 xAAPL/xTSLA,对冲市场系统性风险</p>
<div class="meta">
<span class="meta-item tag-yellow">不定期</span>
<span class="meta-item tag-yellow">中等风险</span>
</div>
</div>
</div>
<div class="card">
<h3><span class="icon">🌐</span>主要 RWA 平台</h3>
<div class="table-wrap">
<table>
<tr><th>平台</th><th>类型</th><th>特点</th></tr>
<tr><td>Hyperliquid</td><td><span class="tag tag-purple">DEX</span></td><td>RWA 永续合约</td></tr>
<tr><td>Backed Finance</td><td><span class="tag tag-blue">链上</span></td><td>xAAPL/xTSLA</td></tr>
<tr><td>Ondo Finance</td><td><span class="tag tag-blue">链上</span></td><td>USDY/OUSG 国债</td></tr>
<tr><td>Synthetix</td><td><span class="tag tag-purple">DEX</span></td><td>合成资产</td></tr>
<tr><td>Gate.io xStocks</td><td><span class="tag tag-green">CEX</span></td><td>代币化美股</td></tr>
<tr><td>BlackRock BUIDL</td><td><span class="tag tag-blue">链上</span></td><td>机构级国债</td></tr>
</table>
</div>
</div>
<div class="card">
<h3><span class="icon">🏦</span>推荐账户体系</h3>
<div style="space-y:8px">
<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:0.9em">IBKR / 富途</div><div style="color:var(--muted);font-size:0.78em">合规传统金融</div></div>
<div style="color:#f59e0b;font-weight:600">30%</div>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:0.9em">Binance / OKX</div><div style="color:var(--muted);font-size:0.78em">主流 CEX</div></div>
<div style="color:#3b82f6;font-weight:600">30%</div>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:0.9em">HashKey / OSL</div><div style="color:var(--muted);font-size:0.78em">香港持牌 CEX</div></div>
<div style="color:#8b5cf6;font-weight:600">20%</div>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)">
<div><div style="font-size:0.9em">Hyperliquid + DeFi</div><div style="color:var(--muted);font-size:0.78em">DEX</div></div>
<div style="color:#10b981;font-weight:600">15%</div>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0">
<div><div style="font-size:0.9em">USDT/USDC 储备</div><div style="color:var(--muted);font-size:0.78em">流动性</div></div>
<div style="color:#64748b;font-weight:600">5%</div>
</div>
</div>
</div>
</div>
</div>
<!-- ===== 期权与对冲 ===== -->
<div id="options" class="section">
<div class="section-title">期权交易与 Delta 对冲</div>
<div class="grid grid-4" style="margin-bottom:20px">
<div class="card metric">
<div class="val" style="color:#3b82f6">$36B</div>
<div class="lbl">2025 年加密期权日均交易量</div>
<div class="sub" style="color:#10b981">↑ 3xvs 2024</div>
</div>
<div class="card metric">
<div class="val" style="color:#f59e0b">80%</div>
<div class="lbl">Deribit 市场份额</div>
<div class="sub" style="color:#64748b">期权市场主导地位</div>
</div>
<div class="card metric">
<div class="val" style="color:#8b5cf6">DVOL</div>
<div class="lbl">BTC 隐含波动率指数</div>
<div class="sub" style="color:#64748b">类似 VIX,链上可查</div>
</div>
<div class="card metric">
<div class="val" style="color:#10b981">Δ=0</div>
<div class="lbl">Delta 中性目标</div>
<div class="sub" style="color:#64748b">价格涨跌不影响盈亏</div>
</div>
</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">📐</span>期权 Greeks 速查</h3>
<div class="table-wrap">
<table>
<tr><th>Greek</th><th>含义</th><th>对冲方法</th><th>重要性</th></tr>
<tr><td><strong>Delta (Δ)</strong></td><td>价格敏感度</td><td>现货/期货对冲</td><td>⭐⭐⭐⭐⭐</td></tr>
<tr><td><strong>Gamma (Γ)</strong></td><td>Delta 变化率</td><td>动态再平衡</td><td>⭐⭐⭐⭐</td></tr>
<tr><td><strong>Theta (Θ)</strong></td><td>时间价值衰减</td><td>卖方收益来源</td><td>⭐⭐⭐⭐</td></tr>
<tr><td><strong>Vega (V)</strong></td><td>波动率敏感度</td><td>波动率对冲</td><td>⭐⭐⭐⭐</td></tr>
<tr><td><strong>Rho (ρ)</strong></td><td>利率敏感度</td><td>加密市场影响小</td><td>⭐⭐</td></tr>
</table>
</div>
</div>
<div class="card">
<h3><span class="icon">📊</span>BTC 隐含波动率 vs 实际波动率2025</h3>
<div class="chart-box">
<canvas id="volChart"></canvas>
</div>
</div>
</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">⚖️</span>Delta 对冲操作流程</h3>
<div class="flow">
<div class="flow-step">买入看涨期权<br><small>Delta ≈ +0.5</small></div>
<div class="flow-arrow"></div>
<div class="flow-step">计算总 Delta<br><small>= 期权 Delta × 数量</small></div>
<div class="flow-arrow"></div>
<div class="flow-step">做空现货/期货<br><small>对冲 Delta 敞口</small></div>
<div class="flow-arrow"></div>
<div class="flow-step">定期再平衡<br><small>每日或每 4h</small></div>
<div class="flow-arrow"></div>
<div class="flow-step">收取 Theta<br><small>时间价值衰减收益</small></div>
</div>
<p style="color:var(--muted);font-size:0.85em;margin-top:10px">Delta 中性策略的核心是通过持续调整现货/期货头寸,使整体组合的 Delta 保持在 0 附近,从而消除方向性风险,专注于收取波动率溢价Vega和时间价值Theta</p>
</div>
<div class="card">
<h3><span class="icon">🏛️</span>主要期权平台对比</h3>
<div class="table-wrap">
<table>
<tr><th>平台</th><th>类型</th><th>品种</th><th>特点</th></tr>
<tr><td>Deribit</td><td><span class="tag tag-green">CEX</span></td><td>BTC/ETH</td><td>市场主导,专业</td></tr>
<tr><td>OKX</td><td><span class="tag tag-green">CEX</span></td><td>BTC/ETH/SOL</td><td>综合平台</td></tr>
<tr><td>Binance</td><td><span class="tag tag-green">CEX</span></td><td>BTC/ETH</td><td>流动性好</td></tr>
<tr><td>Lyra Finance</td><td><span class="tag tag-purple">DEX</span></td><td>BTC/ETH</td><td>链上期权</td></tr>
<tr><td>Hegic</td><td><span class="tag tag-purple">DEX</span></td><td>BTC/ETH</td><td>简单易用</td></tr>
<tr><td>CMEvia IBKR</td><td><span class="tag tag-blue">传统</span></td><td>BTC/ETH</td><td>合规,机构</td></tr>
</table>
</div>
</div>
</div>
<div class="card">
<h3><span class="icon">💡</span>期权策略与 tradehk 信号系统结合</h3>
<div class="grid grid-3">
<div class="strategy-card">
<h4>EWO 绿色 + 买入看涨期权</h4>
<p>当 tradehk 发出 EWO 红→绿转换信号时,买入 1-2 周到期的虚值看涨期权Delta ≈ 0.3),利用期权杠杆放大趋势收益,同时限制最大亏损为权利金。</p>
<div class="meta">
<span class="meta-item tag-green">方向性策略</span>
<span class="meta-item tag-yellow">中等风险</span>
</div>
</div>
<div class="strategy-card">
<h4>大周期空头 + 卖出看涨期权</h4>
<p>当 tradehk 大周期偏向为 Bear 时,卖出虚值看涨期权covered call,收取权利金作为额外收益,同时降低持仓成本。</p>
<div class="meta">
<span class="meta-item tag-green">收益增强</span>
<span class="meta-item tag-blue">低风险</span>
</div>
</div>
<div class="strategy-card">
<h4>信号不明确 + 买入跨式组合</h4>
<p>当 tradehk 评分在 0 分附近震荡、方向不明时,买入平值跨式组合(同时买入看涨和看跌),押注大幅波动,赚取 Vega 收益。</p>
<div class="meta">
<span class="meta-item tag-yellow">波动率策略</span>
<span class="meta-item tag-yellow">中等风险</span>
</div>
</div>
</div>
</div>
</div>
<!-- ===== RWA 资产 ===== -->
<div id="rwa" class="section">
<div class="section-title">RWA 真实世界资产</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">📈</span>主要 RWA 资产年化收益对比2025</h3>
<div class="chart-box-lg">
<canvas id="rwaReturnChart"></canvas>
</div>
</div>
<div class="card">
<h3><span class="icon">🔗</span>链上国债产品对比</h3>
<div class="table-wrap">
<table>
<tr><th>产品</th><th>发行方</th><th>年化收益</th><th>特点</th></tr>
<tr><td><strong>BUIDL</strong></td><td>BlackRock</td><td><span class="tag tag-green">~4.5-5.2%</span></td><td>机构级,最大规模</td></tr>
<tr><td><strong>USDY</strong></td><td>Ondo Finance</td><td><span class="tag tag-green">~4.5%</span></td><td>零售友好</td></tr>
<tr><td><strong>OUSG</strong></td><td>Ondo Finance</td><td><span class="tag tag-green">~4.8%</span></td><td>机构级</td></tr>
<tr><td><strong>stUSDT</strong></td><td>Tron 生态</td><td><span class="tag tag-yellow">~4.2%</span></td><td>链上稳定收益</td></tr>
<tr><td><strong>TBILL</strong></td><td>OpenEden</td><td><span class="tag tag-green">~4.6%</span></td><td>新加坡合规</td></tr>
</table>
</div>
<p style="color:var(--muted);font-size:0.82em;margin-top:12px">链上国债可作为加密组合的"无风险收益"底仓,在市场不确定时将资金从 BTC/ETH 转入,获取稳定收益同时保持链上可操作性。</p>
</div>
</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">🏅</span>链上黄金代币对比</h3>
<div class="table-wrap">
<table>
<tr><th>代币</th><th>发行方</th><th>储备机制</th><th>流动性</th></tr>
<tr><td><strong>XAUT</strong></td><td>Tether</td><td>1:1 实物黄金(瑞士)</td><td><span class="tag tag-green">最高</span></td></tr>
<tr><td><strong>PAXG</strong></td><td>Paxos</td><td>1:1 实物黄金Brinks</td><td><span class="tag tag-blue"></span></td></tr>
<tr><td><strong>DGX</strong></td><td>Digix</td><td>1g 黄金/代币</td><td><span class="tag tag-yellow"></span></td></tr>
<tr><td><strong>CACHE</strong></td><td>Cache</td><td>1g 黄金/代币</td><td><span class="tag tag-red"></span></td></tr>
</table>
</div>
</div>
<div class="card">
<h3><span class="icon">📱</span>链上美股xStocks平台对比</h3>
<div class="table-wrap">
<table>
<tr><th>平台</th><th>品种</th><th>交易时间</th><th>杠杆</th></tr>
<tr><td>Backed Finance</td><td>xAAPL/xTSLA/xNVDA</td><td>24×7</td><td></td></tr>
<tr><td>Synthetix</td><td>sAAPL/sTSLA</td><td>24×7</td><td>可用</td></tr>
<tr><td>Gate.io xStocks</td><td>TSLAx/NVDAx/AAPLx</td><td>24×7</td><td>可用</td></tr>
<tr><td>Robinhood欧洲</td><td>链上股票</td><td>交易时段</td><td></td></tr>
</table>
</div>
</div>
</div>
<div class="card">
<h3><span class="icon">🔮</span>即将上链的新型资产2026 年前瞻)</h3>
<div class="grid grid-4">
<div style="text-align:center;padding:16px;background:var(--card2);border-radius:10px">
<div style="font-size:2em;margin-bottom:8px">🏢</div>
<div style="font-weight:600;margin-bottom:4px">私募股权/Pre-IPO</div>
<div style="color:var(--muted);font-size:0.82em">MSX, Securitize</div>
<div style="margin-top:8px"><span class="tag tag-green">高对冲价值</span></div>
</div>
<div style="text-align:center;padding:16px;background:var(--card2);border-radius:10px">
<div style="font-size:2em;margin-bottom:8px">🛢️</div>
<div style="font-weight:600;margin-bottom:4px">大宗商品</div>
<div style="color:var(--muted);font-size:0.82em">石油/铜/白银</div>
<div style="margin-top:8px"><span class="tag tag-yellow">中等对冲价值</span></div>
</div>
<div style="text-align:center;padding:16px;background:var(--card2);border-radius:10px">
<div style="font-size:2em;margin-bottom:8px">🏠</div>
<div style="font-weight:600;margin-bottom:4px">房地产 REIT</div>
<div style="color:var(--muted);font-size:0.82em">RealT, Lofty</div>
<div style="margin-top:8px"><span class="tag tag-yellow">中等对冲价值</span></div>
</div>
<div style="text-align:center;padding:16px;background:var(--card2);border-radius:10px">
<div style="font-size:2em;margin-bottom:8px">📊</div>
<div style="font-weight:600;margin-bottom:4px">全球股指期货</div>
<div style="color:var(--muted);font-size:0.82em">探索阶段</div>
<div style="margin-top:8px"><span class="tag tag-green">高对冲价值</span></div>
</div>
</div>
</div>
</div>
<!-- ===== 套利策略 ===== -->
<div id="arb" class="section">
<div class="section-title">套利策略详解</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">💰</span>资金费率套利收益模拟(年化)</h3>
<div class="chart-box-lg">
<canvas id="fundingRateChart"></canvas>
</div>
</div>
<div class="card">
<h3><span class="icon">🌶️</span>韩国泡菜溢价历史数据2025</h3>
<div class="chart-box-lg">
<canvas id="kimchiChart"></canvas>
</div>
</div>
</div>
<div class="grid grid-3" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon"></span>资金费率套利流程</h3>
<div style="space-y:8px">
<div style="display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)">
<div style="background:rgba(59,130,246,0.2);color:#93c5fd;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;flex-shrink:0">1</div>
<div><div style="font-size:0.9em">监控 Coinglass 资金费率</div><div style="color:var(--muted);font-size:0.8em">筛选年化 > 15% 的品种</div></div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)">
<div style="background:rgba(59,130,246,0.2);color:#93c5fd;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;flex-shrink:0">2</div>
<div><div style="font-size:0.9em">现货市场买入等量资产</div><div style="color:var(--muted);font-size:0.8em">如 1 BTC 现货</div></div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)">
<div style="background:rgba(59,130,246,0.2);color:#93c5fd;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;flex-shrink:0">3</div>
<div><div style="font-size:0.9em">永续合约做空等量</div><div style="color:var(--muted);font-size:0.8em">1 BTC 空单,Delta = 0</div></div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)">
<div style="background:rgba(59,130,246,0.2);color:#93c5fd;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;flex-shrink:0">4</div>
<div><div style="font-size:0.9em">每 8 小时收取资金费率</div><div style="color:var(--muted);font-size:0.8em">自动到账</div></div>
</div>
<div style="display:flex;align-items:flex-start;gap:12px;padding:10px 0">
<div style="background:rgba(16,185,129,0.2);color:#6ee7b7;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8em;flex-shrink:0">5</div>
<div><div style="font-size:0.9em">资金费率 < 5% 时平仓</div><div style="color:var(--muted);font-size:0.8em">锁定收益,等待下次机会</div></div>
</div>
</div>
</div>
<div class="card">
<h3><span class="icon">🇰🇷</span>泡菜溢价套利现实挑战</h3>
<div style="space-y:10px">
<div style="padding:10px;background:var(--card2);border-radius:8px;margin-bottom:8px">
<div style="display:flex;justify-content:space-between;margin-bottom:6px">
<span style="font-size:0.88em">外汇管制</span>
<span style="color:#ef4444;font-size:0.82em">极高障碍</span>
</div>
<div class="risk-bar"><div class="risk-fill" style="width:95%;background:#ef4444"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px;margin-bottom:8px">
<div style="display:flex;justify-content:space-between;margin-bottom:6px">
<span style="font-size:0.88em">账户要求(韩国银行)</span>
<span style="color:#ef4444;font-size:0.82em">极高障碍</span>
</div>
<div class="risk-bar"><div class="risk-fill" style="width:90%;background:#ef4444"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px;margin-bottom:8px">
<div style="display:flex;justify-content:space-between;margin-bottom:6px">
<span style="font-size:0.88em">转账时间风险</span>
<span style="color:#f59e0b;font-size:0.82em">高障碍</span>
</div>
<div class="risk-bar"><div class="risk-fill" style="width:70%;background:#f59e0b"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px">
<div style="display:flex;justify-content:space-between;margin-bottom:6px">
<span style="font-size:0.88em">交易手续费</span>
<span style="color:#10b981;font-size:0.82em">中等障碍</span>
</div>
<div class="risk-bar"><div class="risk-fill" style="width:40%;background:#10b981"></div></div>
</div>
<p style="color:var(--muted);font-size:0.8em;margin-top:10px">⚠️ 对于非韩国居民,泡菜溢价套利几乎不可操作。但溢价数据可作为市场情绪指标——高溢价往往预示韩国散户情绪过热,可能是短期顶部信号。</p>
</div>
</div>
<div class="card">
<h3><span class="icon">📐</span>BTC 基差交易</h3>
<div class="strategy-card">
<h4>策略原理</h4>
<p>BTC 期货通常以升水Contango状态交易,即期货价格高于现货价格。通过持有现货多头 + 期货空头,可以锁定这个价差作为无风险收益。</p>
</div>
<div class="table-wrap" style="margin-top:12px">
<table>
<tr><th>市场状态</th><th>基差</th><th>年化收益</th></tr>
<tr><td>牛市高峰</td><td>+3-5%</td><td><span class="tag tag-green">20-25%</span></td></tr>
<tr><td>正常牛市</td><td>+1-3%</td><td><span class="tag tag-blue">10-18%</span></td></tr>
<tr><td>震荡市</td><td>+0.5-1%</td><td><span class="tag tag-yellow">5-8%</span></td></tr>
<tr><td>熊市</td><td>Backwardation</td><td><span class="tag tag-red">负收益</span></td></tr>
</table>
</div>
<p style="color:var(--muted);font-size:0.82em;margin-top:10px">通过 IBKR 可以使用 CME BTC 期货进行合规的基差交易,适合机构和高净值个人投资者。</p>
</div>
</div>
</div>
<!-- ===== 券商开户 ===== -->
<div id="brokers" class="section">
<div class="section-title">全球券商开户指南2026 年 3 月)</div>
<div style="background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:10px;padding:14px;margin-bottom:20px;font-size:0.88em;color:#fca5a5">
⚠️ 本内容仅供学习参考,不构成投资建议。各国监管政策随时变化,开户前请务必核实最新规定。
</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="broker-card">
<div class="broker-name">盈透证券IBKR</div>
<div class="broker-sub">美国 FINRA/SEC · 香港 SFC · 新加坡 MAS · 10+ 司法管辖区</div>
<div class="broker-feature">
<span class="label">大陆居民开户</span>
<span class="tag tag-green">✅ 接受(护照)</span>
</div>
<div class="broker-feature">
<span class="label">最低首存</span>
<span>无强制要求</span>
</div>
<div class="broker-feature">
<span class="label">支持品种</span>
<span>美股/期权/CME期货/外汇/债券</span>
</div>
<div class="broker-feature">
<span class="label">加密期货</span>
<span class="tag tag-blue">CME BTC/ETH 期货</span>
</div>
<div class="broker-feature">
<span class="label">出入金</span>
<span>国际电汇/ACH/SEPA</span>
</div>
<div class="broker-feature">
<span class="label">推荐指数</span>
<span style="color:#f59e0b">★★★★★</span>
</div>
</div>
<div class="broker-card">
<div class="broker-name">富途证券Futu / Moomoo</div>
<div class="broker-sub">香港 SFC · 美国 FINRA · 新加坡 MAS · 澳大利亚 ASIC</div>
<div class="broker-feature">
<span class="label">大陆居民开户</span>
<span class="tag tag-red">❌ 需海外永久居留权</span>
</div>
<div class="broker-feature">
<span class="label">政策变化</span>
<span style="color:#ef4444">2025 年 9 月收紧</span>
</div>
<div class="broker-feature">
<span class="label">支持品种</span>
<span>港股/美股/A股/期权</span>
</div>
<div class="broker-feature">
<span class="label">出入金</span>
<span>香港 FPS即时/ 银行转账</span>
</div>
<div class="broker-feature">
<span class="label">推荐指数(有资格者)</span>
<span style="color:#f59e0b">★★★★</span>
</div>
</div>
<div class="broker-card">
<div class="broker-name">老虎证券Tiger Brokers</div>
<div class="broker-sub">新加坡 MAS · 美国 FINRA · 香港 SFC · 澳大利亚 ASIC</div>
<div class="broker-feature">
<span class="label">大陆居民开户</span>
<span class="tag tag-red">❌ 需海外永久居留权</span>
</div>
<div class="broker-feature">
<span class="label">最低首存</span>
<span>HK$10,000 / US$1,300</span>
</div>
<div class="broker-feature">
<span class="label">特色功能</span>
<span>碎股交易 / 港股打新</span>
</div>
<div class="broker-feature">
<span class="label">推荐指数(有资格者)</span>
<span style="color:#f59e0b">★★★★</span>
</div>
</div>
<div class="broker-card">
<div class="broker-name">第一证券Firstrade</div>
<div class="broker-sub">美国 FINRA/SIPC</div>
<div class="broker-feature">
<span class="label">大陆居民开户</span>
<span class="tag tag-green">✅ 接受(护照+地址证明)</span>
</div>
<div class="broker-feature">
<span class="label">佣金</span>
<span class="tag tag-green">全面免佣金</span>
</div>
<div class="broker-feature">
<span class="label">支持品种</span>
<span>美股/期权/ETF/共同基金</span>
</div>
<div class="broker-feature">
<span class="label">推荐指数</span>
<span style="color:#f59e0b">★★★</span>
</div>
</div>
</div>
<div class="card">
<h3><span class="icon">💸</span>出入金通道对比</h3>
<div class="table-wrap">
<table>
<tr><th>通道</th><th>货币</th><th>费用</th><th>速度</th><th>限额</th><th>风险</th></tr>
<tr><td><strong>银行电汇SWIFT</strong></td><td>多币种</td><td>0.1-0.5% + 固定费</td><td>2-5 工作日</td><td>无上限</td><td><span class="tag tag-green"></span></td></tr>
<tr><td><strong>Wise</strong></td><td>多币种</td><td>0.4-2%</td><td>1-2 工作日</td><td>有限额</td><td><span class="tag tag-green"></span></td></tr>
<tr><td><strong>香港 FPS</strong></td><td>HKD</td><td>免费</td><td>即时</td><td>HK$100 万/笔</td><td><span class="tag tag-green">极低</span></td></tr>
<tr><td><strong>USDT TRC20</strong></td><td>USDT</td><td>&lt;$1</td><td>1-3 分钟</td><td>无上限</td><td><span class="tag tag-yellow">监管风险</span></td></tr>
<tr><td><strong>USDT ERC20</strong></td><td>USDT</td><td>$5-50</td><td>1-5 分钟</td><td>无上限</td><td><span class="tag tag-yellow">监管风险</span></td></tr>
<tr><td><strong>C2C P2P</strong></td><td>CNY/HKD</td><td>0-1%</td><td>分钟级</td><td>商家限额</td><td><span class="tag tag-yellow">冻卡风险</span></td></tr>
</table>
</div>
</div>
</div>
<!-- ===== 组合构建 ===== -->
<div id="portfolio" class="section">
<div class="section-title">跨品种对冲组合构建</div>
<div class="grid grid-2" style="margin-bottom:20px">
<div class="card">
<h3><span class="icon">📊</span>BTC + XAUT 对冲组合 vs 纯 BTC2025 年)</h3>
<div class="chart-box-lg">
<canvas id="portfolioChart"></canvas>
</div>
</div>
<div class="card">
<h3><span class="icon">🎯</span>不同市场状态下的推荐仓位配置</h3>
<div class="table-wrap">
<table>
<tr><th>大周期偏向</th><th>BTC</th><th>XAUT</th><th>链上国债</th><th>稳定币</th></tr>
<tr><td><span class="tag tag-green">强多头</span></td><td>70%</td><td>10%</td><td>10%</td><td>10%</td></tr>
<tr><td><span class="tag tag-blue">弱多头</span></td><td>50%</td><td>20%</td><td>15%</td><td>15%</td></tr>
<tr><td><span class="tag tag-yellow">中性</span></td><td>30%</td><td>30%</td><td>20%</td><td>20%</td></tr>
<tr><td><span class="tag tag-yellow">弱空头</span></td><td>10%</td><td>40%</td><td>25%</td><td>25%</td></tr>
<tr><td><span class="tag tag-red">强空头</span></td><td>0%</td><td>20%</td><td>30%</td><td>50%</td></tr>
</table>
</div>
<p style="color:var(--muted);font-size:0.82em;margin-top:10px">大周期偏向来自 tradehk 信号系统的 <code>assessBigTimeframeBias</code> 函数,基于 4h EWO + RSI + MACD 综合判定。</p>
</div>
</div>
<div class="grid grid-3">
<div class="card">
<h3><span class="icon">🟢</span>入门级组合(低风险)</h3>
<div style="margin-bottom:14px">
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">BTC 现货</span><span style="color:#f59e0b">40%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:40%;background:#f59e0b"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">XAUT链上黄金</span><span style="color:#10b981">20%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:20%;background:#10b981"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">链上国债USDY</span><span style="color:#3b82f6">25%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:25%;background:#3b82f6"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">ETH 现货</span><span style="color:#8b5cf6">15%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:15%;background:#8b5cf6"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px;font-size:0.82em">
<div style="color:#10b981;margin-bottom:4px">预期年化10-25%</div>
<div style="color:#64748b">最大回撤:比纯 BTC 降低 30-40%</div>
</div>
</div>
<div class="card">
<h3><span class="icon">🟡</span>进阶级组合(中等风险)</h3>
<div style="margin-bottom:14px">
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">BTC 基差交易</span><span style="color:#f59e0b">30%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:30%;background:#f59e0b"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">资金费率套利</span><span style="color:#10b981">30%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:30%;background:#10b981"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">XAUT/BTC 对冲</span><span style="color:#3b82f6">25%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:25%;background:#3b82f6"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">xStock 财报套利</span><span style="color:#8b5cf6">15%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:15%;background:#8b5cf6"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px;font-size:0.82em">
<div style="color:#10b981;margin-bottom:4px">预期年化20-45%</div>
<div style="color:#64748b">需要多账户协同操作</div>
</div>
</div>
<div class="card">
<h3><span class="icon">🔴</span>高级组合(较高风险)</h3>
<div style="margin-bottom:14px">
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">期权 Delta 中性</span><span style="color:#f59e0b">35%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:35%;background:#f59e0b"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">多品种资金费率套利</span><span style="color:#10b981">30%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:30%;background:#10b981"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">RWA 永续合约对冲</span><span style="color:#3b82f6">20%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:20%;background:#3b82f6"></div></div>
<div style="display:flex;justify-content:space-between;margin-bottom:4px"><span style="font-size:0.88em">多 Agent 自动化策略</span><span style="color:#ef4444">15%</span></div>
<div class="risk-bar"><div class="risk-fill" style="width:15%;background:#ef4444"></div></div>
</div>
<div style="padding:10px;background:var(--card2);border-radius:8px;font-size:0.82em">
<div style="color:#10b981;margin-bottom:4px">预期年化30-80%</div>
<div style="color:#ef4444">需要专业知识和充足资金</div>
</div>
</div>
</div>
</div>
</div><!-- end main -->
<script>
function showSection(id) {
document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));
document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));
document.getElementById(id).classList.add('active');
event.target.classList.add('active');
setTimeout(() => initCharts(id), 50);
}
const chartInstances = {};
function destroyChart(id) {
if (chartInstances[id]) { chartInstances[id].destroy(); delete chartInstances[id]; }
}
function initCharts(section) {
if (section === 'overview') {
// RWA Growth
destroyChart('rwaGrowthChart');
chartInstances['rwaGrowthChart'] = new Chart(document.getElementById('rwaGrowthChart'), {
type: 'bar',
data: {
labels: ['2022', '2023', '2024 Q1', '2024 Q3', '2025 Q1', '2025 Q2', '2025 Q3', '2025 Q4'],
datasets: [{
label: 'RWA 链上规模(十亿美元)',
data: [0.4, 1.2, 3.5, 5.5, 14, 23, 30, 40],
backgroundColor: 'rgba(245,158,11,0.6)',
borderColor: '#f59e0b',
borderWidth: 1,
borderRadius: 4
}]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { size: 11 } } } }, scales: { x: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } } } }
});
// RWA Distribution
destroyChart('rwaDistChart');
chartInstances['rwaDistChart'] = new Chart(document.getElementById('rwaDistChart'), {
type: 'doughnut',
data: {
labels: ['链上国债/债券', '链上黄金', '链上美股', '私募信贷', '房地产', '其他'],
datasets: [{ data: [18.5, 8, 5, 6, 1.5, 1], backgroundColor: ['#3b82f6','#f59e0b','#10b981','#8b5cf6','#ef4444','#64748b'], borderWidth: 0 }]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'right', labels: { color: '#94a3b8', font: { size: 10 }, boxWidth: 12 } } } }
});
}
if (section === 'options') {
destroyChart('volChart');
chartInstances['volChart'] = new Chart(document.getElementById('volChart'), {
type: 'line',
data: {
labels: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
datasets: [
{ label: 'DVOL 隐含波动率', data: [68,72,65,95,58,55,62,70,78,110,85,72], borderColor: '#3b82f6', backgroundColor: 'rgba(59,130,246,0.1)', tension: 0.4, fill: true },
{ label: '实际波动率', data: [55,60,58,88,50,48,55,65,72,105,80,65], borderColor: '#10b981', backgroundColor: 'transparent', tension: 0.4, borderDash: [5,5] }
]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { size: 10 } } } }, scales: { x: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } } } }
});
}
if (section === 'rwa') {
destroyChart('rwaReturnChart');
chartInstances['rwaReturnChart'] = new Chart(document.getElementById('rwaReturnChart'), {
type: 'bar',
data: {
labels: ['BTC 现货', 'ETH 现货', 'XAUT 黄金', 'xTSLA', 'xNVDA', 'BUIDL 国债', 'USDY 国债', '资金费率套利'],
datasets: [{
label: '2025 年年化收益率 (%)',
data: [45, 28, 22, 35, 55, 4.8, 4.5, 25],
backgroundColor: ['#f59e0b','#8b5cf6','#f59e0b','#3b82f6','#10b981','#64748b','#64748b','#10b981'],
borderRadius: 4
}]
},
options: { responsive: true, maintainAspectRatio: false, indexAxis: 'y', plugins: { legend: { display: false } }, scales: { x: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#94a3b8', font: { size: 11 } }, grid: { display: false } } } }
});
}
if (section === 'arb') {
destroyChart('fundingRateChart');
chartInstances['fundingRateChart'] = new Chart(document.getElementById('fundingRateChart'), {
type: 'bar',
data: {
labels: ['BTC牛市','ETH牛市','SOL7月','DOGE马斯克','BNB季度','XAUT避险'],
datasets: [{
label: '最高年化资金费率 (%)',
data: [25, 30, 50, 80, 20, 8],
backgroundColor: ['#f59e0b','#8b5cf6','#3b82f6','#10b981','#ef4444','#f59e0b'],
borderRadius: 4
}, {
label: '扣除成本后实际年化 (%)',
data: [18, 22, 35, 55, 14, 6],
backgroundColor: ['rgba(245,158,11,0.3)','rgba(139,92,246,0.3)','rgba(59,130,246,0.3)','rgba(16,185,129,0.3)','rgba(239,68,68,0.3)','rgba(245,158,11,0.3)'],
borderRadius: 4
}]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { size: 10 } } } }, scales: { x: { ticks: { color: '#64748b', font: { size: 10 } }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } } } }
});
destroyChart('kimchiChart');
chartInstances['kimchiChart'] = new Chart(document.getElementById('kimchiChart'), {
type: 'line',
data: {
labels: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
datasets: [{
label: '泡菜溢价 (%)',
data: [3.2, 4.1, 3.8, 5.5, 4.2, 6.1, 8.27, 5.3, 3.1, 2.8, 1.5, -1.2],
borderColor: '#ef4444',
backgroundColor: 'rgba(239,68,68,0.1)',
tension: 0.4,
fill: true,
pointRadius: 4,
pointBackgroundColor: '#ef4444'
}, {
label: '警戒线 (5%)',
data: [5,5,5,5,5,5,5,5,5,5,5,5],
borderColor: '#f59e0b',
borderDash: [5,5],
pointRadius: 0,
borderWidth: 1.5
}]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { size: 10 } } } }, scales: { x: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#64748b', callback: v => v+'%' }, grid: { color: 'rgba(30,45,69,0.5)' } } } }
});
}
if (section === 'portfolio') {
destroyChart('portfolioChart');
chartInstances['portfolioChart'] = new Chart(document.getElementById('portfolioChart'), {
type: 'line',
data: {
labels: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
datasets: [
{ label: '纯 BTC 持仓', data: [100,108,125,106,115,120,135,128,140,105,145,148], borderColor: '#f59e0b', tension: 0.4, pointRadius: 3 },
{ label: 'BTC+XAUT 对冲组合 (50/50)', data: [100,105,118,108,112,116,125,122,132,115,138,142], borderColor: '#10b981', tension: 0.4, pointRadius: 3 },
{ label: '入门级多品种组合', data: [100,103,112,107,110,114,120,118,126,118,132,136], borderColor: '#3b82f6', tension: 0.4, pointRadius: 3 }
]
},
options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#94a3b8', font: { size: 10 } } } }, scales: { x: { ticks: { color: '#64748b' }, grid: { color: 'rgba(30,45,69,0.5)' } }, y: { ticks: { color: '#64748b', callback: v => v+'%' }, grid: { color: 'rgba(30,45,69,0.5)' } } } }
});
}
}
// Init overview charts on load
window.addEventListener('load', () => initCharts('overview'));
</script>
</body>
</html>