Spaces:

Bondya
/

test2026

Running

App Files Files Community

Bondya commited on Jan 5

Commit

bd5f654

verified ·

1 Parent(s): 3c9d3a6

Update index.html

Browse files

Files changed (1) hide show

index.html +812 -9

index.html CHANGED Viewed

@@ -1,17 +1,820 @@
 <!DOCTYPE html>
-<html>
 <head>
-    <title>财顾报价通测试页</title>
     <style>
-        body { font-family: Arial; padding: 40px; text-align: center; }
-        h1 { color: #3498db; }
-        .success { color: green; font-size: 24px; margin: 20px; }
     </style>
 </head>
 <body>
-    <h1>🎉 财顾报价通测试页</h1>
-    <div class="success">✅ 网页部署成功！</div>
-    <p>如果看到此页面，说明Hugging Face Space工作正常。</p>
-    <p>接下来可以将完整代码粘贴到这里替换本内容。</p>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="zh-CN">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>财顾报价通 - 理财公司预期收益率报价系统</title>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <style>
+        :root {
+            --primary-color: #2c3e50;
+            --secondary-color: #3498db;
+            --success-color: #27ae60;
+            --warning-color: #f39c12;
+            --danger-color: #e74c3c;
+            --light-color: #ecf0f1;
+            --dark-color: #34495e;
+        }
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        body {
+            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
+            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+            color: #333;
+            line-height: 1.6;
+            min-height: 100vh;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        header {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            margin-bottom: 30px;
+            text-align: center;
+        }
+        .logo {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 15px;
+            margin-bottom: 10px;
+        }
+        .logo h1 {
+            color: var(--primary-color);
+            font-size: 2.2rem;
+        }
+        .subtitle {
+            color: var(--dark-color);
+            opacity: 0.8;
+        }
+        .calculator {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 30px;
+            margin-bottom: 40px;
+        }
+        @media (max-width: 768px) {
+            .calculator {
+                grid-template-columns: 1fr;
+            }
+        }
+        .panel {
+            background: white;
+            padding: 25px;
+            border-radius: 10px;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+        }
+        .panel h2 {
+            color: var(--primary-color);
+            margin-bottom: 20px;
+            padding-bottom: 15px;
+            border-bottom: 2px solid var(--light-color);
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .form-group {
+            margin-bottom: 25px;
+        }
+        .form-group label {
+            display: block;
+            margin-bottom: 10px;
+            font-weight: 600;
+            color: var(--dark-color);
+            font-size: 1.1rem;
+        }
+        .button-group {
+            display: flex;
+            gap: 10px;
+            flex-wrap: wrap;
+        }
+        .btn {
+            padding: 12px 20px;
+            border: 2px solid #ddd;
+            background: white;
+            color: var(--dark-color);
+            border-radius: 6px;
+            cursor: pointer;
+            font-weight: 500;
+            transition: all 0.3s ease;
+            flex: 1;
+            min-width: 120px;
+            text-align: center;
+        }
+        .btn:hover {
+            border-color: var(--secondary-color);
+            color: var(--secondary-color);
+        }
+        .btn.active {
+            background: var(--secondary-color);
+            color: white;
+            border-color: var(--secondary-color);
+        }
+        .calculate-btn {
+            width: 100%;
+            padding: 16px;
+            background: linear-gradient(135deg, var(--secondary-color), #2980b9);
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-size: 1.1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            margin-top: 10px;
+        }
+        .calculate-btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+        }
+        .preview-item {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 15px;
+            padding-bottom: 15px;
+            border-bottom: 1px solid var(--light-color);
+        }
+        .preview-label {
+            font-weight: 500;
+        }
+        .preview-value {
+            font-weight: 600;
+            color: var(--secondary-color);
+        }
+        .result-section {
+            background: white;
+            padding: 30px;
+            border-radius: 10px;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+            margin-top: 30px;
+        }
+        .result-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 25px;
+            margin: 25px 0;
+        }
+        .result-card {
+            background: #f8f9fa;
+            padding: 20px;
+            border-radius: 8px;
+            border-left: 4px solid var(--secondary-color);
+        }
+        .result-item {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 12px;
+        }
+        .highlight {
+            color: var(--success-color);
+            font-weight: 600;
+            font-size: 1.2rem;
+        }
+        .loading {
+            text-align: center;
+            padding: 30px;
+        }
+        .spinner {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #f3f3f3;
+            border-top: 4px solid var(--secondary-color);
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin: 0 auto 15px;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        .hidden {
+            display: none;
+        }
+        .feature-list {
+            list-style: none;
+            padding-left: 0;
+        }
+        .feature-list li {
+            padding: 8px 0;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .feature-list li i {
+            color: var(--success-color);
+        }
+        footer {
+            text-align: center;
+            margin-top: 40px;
+            padding-top: 20px;
+            border-top: 1px solid #ddd;
+            color: #666;
+            font-size: 0.9rem;
+        }
     </style>
 </head>
 <body>
+    <div class="container">
+        <header>
+            <div class="logo">
+                <h1>财顾报价通</h1>
+            </div>
+            <p class="subtitle">理财公司预期收益率报价系统</p>
+        </header>
+        <div class="calculator">
+            <div class="panel">
+                <h2>⚙️ 参数设置</h2>
+                <div class="form-group">
+                    <label>策略类型</label>
+                    <div class="button-group">
+                        <button class="btn active" data-type="strategy" data-value="PURE_BOND">纯债策略</button>
+                        <button class="btn" data-type="strategy" data-value="FIXED_INCOME_PLUS">固收+策略</button>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>投资期限</label>
+                    <div class="button-group">
+                        <button class="btn active" data-type="period" data-value="SHORT">短期(0-3个月)</button>
+                        <button class="btn" data-type="period" data-value="MEDIUM">中期(3-6个月)</button>
+                        <button class="btn" data-type="period" data-value="LONG">长期(6-12个月)</button>
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label>风险风格</label>
+                    <div class="button-group">
+                        <button class="btn active" data-type="risk" data-value="CONSERVATIVE">保守型</button>
+                        <button class="btn" data-type="risk" data-value="NEUTRAL">中性型</button>
+                        <button class="btn" data-type="risk" data-value="AGGRESSIVE">激进型</button>
+                    </div>
+                </div>
+                <div id="plus-section" class="form-group hidden">
+                    <label>增强资产类别</label>
+                    <div class="button-group">
+                        <button class="btn" data-type="asset" data-value="CONVERTIBLE_BOND">转债</button>
+                        <button class="btn" data-type="asset" data-value="EQUITY">权益</button>
+                        <button class="btn" data-type="asset" data-value="REITS">REITs</button>
+                    </div>
+                    <label style="margin-top: 20px; display: block;">资产预期</label>
+                    <div class="button-group">
+                        <button class="btn" data-type="expectation" data-value="PESSIMISTIC">悲观</button>
+                        <button class="btn active" data-type="expectation" data-value="NEUTRAL">中性</button>
+                        <button class="btn" data-type="expectation" data-value="OPTIMISTIC">乐观</button>
+                    </div>
+                </div>
+                <button id="calculate" class="calculate-btn">🚀 计算预期收益率</button>
+            </div>
+            <div class="panel">
+                <h2>👁️ 参数预览</h2>
+                <div id="preview">
+                    <div class="preview-item">
+                        <span class="preview-label">策略类型：</span>
+                        <span id="preview-strategy" class="preview-value">纯债策略</span>
+                    </div>
+                    <div class="preview-item">
+                        <span class="preview-label">投资期限：</span>
+                        <span id="preview-period" class="preview-value">短期(0-3个月)</span>
+                    </div>
+                    <div class="preview-item">
+                        <span class="preview-label">风险风格：</span>
+                        <span id="preview-risk" class="preview-value">保守型</span>
+                    </div>
+                    <div class="preview-item hidden" id="preview-asset-item">
+                        <span class="preview-label">增强资产：</span>
+                        <span id="preview-asset" class="preview-value">-</span>
+                    </div>
+                    <div class="preview-item hidden" id="preview-expectation-item">
+                        <span class="preview-label">资产预期：</span>
+                        <span id="preview-expectation" class="preview-value">-</span>
+                    </div>
+                </div>
+                <h2 style="margin-top: 30px;">✨ 系统特点</h2>
+                <ul class="feature-list">
+                    <li><i>✓</i> 基于量化模型计算</li>
+                    <li><i>✓</i> 考虑资本利得概率分布</li>
+                    <li><i>✓</i> 提供市场实际参考区间</li>
+                    <li><i>✓</i> 支持纯债/固收+策略</li>
+                    <li><i>✓</i> 纯前端计算，保护隐私</li>
+                </ul>
+            </div>
+        </div>
+        <div id="loading" class="loading hidden">
+            <div class="spinner"></div>
+            <p>正在计算预期收益率...</p>
+        </div>
+        <div id="result" class="result-section hidden">
+            <h2>📊 报价结果详情</h2>
+            <div id="result-content"></div>
+        </div>
+        <footer>
+            <p>© 2024 财顾报价通 | 仅供演示使用 | 计算结果仅供参考，不构成投资建议</p>
+        </footer>
+    </div>
+    <script>
+        // 全局状态
+        const state = {
+            strategy: 'PURE_BOND',
+            period: 'SHORT',
+            risk: 'CONSERVATIVE',
+            asset: 'CONVERTIBLE_BOND',
+            expectation: 'NEUTRAL',
+            updatePreview() {
+                // 更新预览显示
+                document.getElementById('preview-strategy').textContent =
+                    this.strategy === 'PURE_BOND' ? '纯债策略' : '固收+策略';
+                document.getElementById('preview-period').textContent =
+                    this.getPeriodLabel(this.period);
+                document.getElementById('preview-risk').textContent =
+                    this.getRiskLabel(this.risk);
+                // 显示/隐藏固收+相关预览
+                const plusSection = document.getElementById('plus-section');
+                const assetPreview = document.getElementById('preview-asset-item');
+                const expectationPreview = document.getElementById('preview-expectation-item');
+                if (this.strategy === 'FIXED_INCOME_PLUS') {
+                    plusSection.classList.remove('hidden');
+                    assetPreview.classList.remove('hidden');
+                    expectationPreview.classList.remove('hidden');
+                    document.getElementById('preview-asset').textContent =
+                        this.getAssetLabel(this.asset);
+                    document.getElementById('preview-expectation').textContent =
+                        this.getExpectationLabel(this.expectation);
+                } else {
+                    plusSection.classList.add('hidden');
+                    assetPreview.classList.add('hidden');
+                    expectationPreview.classList.add('hidden');
+                }
+            },
+            getPeriodLabel(value) {
+                const labels = {
+                    'SHORT': '短期(0-3个月)',
+                    'MEDIUM': '中期(3-6个月)',
+                    'LONG': '长期(6-12个月)'
+                };
+                return labels[value];
+            },
+            getRiskLabel(value) {
+                const labels = {
+                    'CONSERVATIVE': '保守型',
+                    'NEUTRAL': '中性型',
+                    'AGGRESSIVE': '激进型'
+                };
+                return labels[value];
+            },
+            getAssetLabel(value) {
+                const labels = {
+                    'CONVERTIBLE_BOND': '转债',
+                    'EQUITY': '权益',
+                    'REITS': 'REITs'
+                };
+                return labels[value];
+            },
+            getExpectationLabel(value) {
+                const labels = {
+                    'PESSIMISTIC': '悲观',
+                    'NEUTRAL': '中性',
+                    'OPTIMISTIC': '乐观'
+                };
+                return labels[value];
+            }
+        };
+        // 初始化
+        document.addEventListener('DOMContentLoaded', function() {
+            // 按钮点击事件
+            document.querySelectorAll('.btn').forEach(btn => {
+                btn.addEventListener('click', function() {
+                    const type = this.dataset.type;
+                    const value = this.dataset.value;
+                    // 移除同类型按钮的active类
+                    document.querySelectorAll(`.btn[data-type="${type}"]`).forEach(b => {
+                        b.classList.remove('active');
+                    });
+                    // 为当前按钮添加active类
+                    this.classList.add('active');
+                    // 更新状态
+                    state[type] = value;
+                    state.updatePreview();
+                });
+            });
+            // 计算按钮事件
+            document.getElementById('calculate').addEventListener('click', calculateQuotation);
+        });
+        // 计算核心函数
+        function calculateQuotation() {
+            // 显示加载动画
+            document.getElementById('loading').classList.remove('hidden');
+            document.getElementById('result').classList.add('hidden');
+            // 模拟计算延迟
+            setTimeout(() => {
+                try {
+                    const result = performCalculation();
+                    displayResults(result);
+                } catch (error) {
+                    alert('计算错误: ' + error.message);
+                } finally {
+                    document.getElementById('loading').classList.add('hidden');
+                }
+            }, 800);
+        }
+        // 核心计算逻辑
+        function performCalculation() {
+            const { strategy, period, risk, asset, expectation } = state;
+            // 默认收益率数据
+            const defaultReturns = {
+                // 短期资产
+                "7d_notice_deposit": 1.2,
+                "3m_state_ncd": 2.0,
+                "overnight_rate": 1.5,
+                // 中期资产
+                "gov_bond_under_1y": 2.1,
+                "gov_bond_under_2y": 2.3,
+                "gov_bond_under_3y": 2.5,
+                "gov_bond_under_5y": 2.8,
+                // 同业存单
+                "ncd_1y_state": 2.2,
+                "ncd_1y_aaa": 2.4,
+                "ncd_1y_aa": 2.8,
+                // 信用债
+                "credit_1y_aaa_plus": 2.3,
+                "credit_1y_aaa": 2.6,
+                "credit_1y_aa": 3.2,
+                "credit_2y_aaa_plus": 2.5,
+                "credit_2y_aaa": 2.8,
+                "credit_2y_aa": 3.5,
+            };
+            // 市场参考数据（按您提供的数据）
+            const marketRef = {
+                pure_bond: {
+                    'SHORT': [1.24, 1.40],
+                    'MEDIUM': [1.74, 3.00],
+                    'LONG': [2.05, 3.24]
+                },
+                fixed_income_plus: {
+                    'SHORT': [1.24, 1.60],
+                    'MEDIUM': [1.84, 2.94],
+                    'LONG': [2.18, 3.03]
+                }
+            };
+            // 资本利得计算（简化版）
+            function calculateCapitalGain() {
+                // 模拟正态分布
+                const mean = 0.03; // 平均3bp/次
+                const std = 0.04;  // 标准差4bp/次
+                const cycles = 3;  // 年波动次数
+                // 计算年化分布参数
+                const annualMean = mean * cycles;
+                const annualStd = std * Math.sqrt(cycles);
+                // 计算80%置信区间
+                const z80 = 1.28; // 80%置信度的Z值
+                const lower80 = annualMean - z80 * annualStd;
+                const upper80 = annualMean + z80 * annualStd;
+                return {
+                    lower: lower80,
+                    upper: upper80,
+                    probability: 65 // 正收益概率65%
+                };
+            }
+            // 纯债策略计算
+            if (strategy === 'PURE_BOND') {
+                // 根据期限和风险风格计算基础收益率
+                let baseReturn = 0;
+                let leverage = 100;
+                if (period === 'SHORT') {
+                    if (risk === 'CONSERVATIVE') {
+                        baseReturn = defaultReturns['7d_notice_deposit'] * 0.5 +
+                                   defaultReturns['3m_state_ncd'] * 0.1 +
+                                   defaultReturns['overnight_rate'] * 0.4;
+                    } else if (risk === 'NEUTRAL') {
+                        baseReturn = defaultReturns['7d_notice_deposit'] * 0.5 +
+                                   defaultReturns['3m_state_ncd'] * 0.25 +
+                                   defaultReturns['overnight_rate'] * 0.25;
+                    } else { // AGGRESSIVE
+                        baseReturn = defaultReturns['7d_notice_deposit'] * 0.4 +
+                                   defaultReturns['3m_state_ncd'] * 0.4 +
+                                   defaultReturns['overnight_rate'] * 0.2;
+                    }
+                } else if (period === 'MEDIUM') {
+                    if (risk === 'CONSERVATIVE') {
+                        baseReturn = defaultReturns['gov_bond_under_1y'] * 0.5 +
+                                   defaultReturns['ncd_1y_state'] * 0.4 +
+                                   defaultReturns['credit_1y_aaa_plus'] * 0.1;
+                        leverage = 100;
+                    } else if (risk === 'NEUTRAL') {
+                        baseReturn = defaultReturns['gov_bond_under_1y'] * 0.3 +
+                                   defaultReturns['ncd_1y_aaa'] * 0.4 +
+                                   defaultReturns['credit_1y_aaa'] * 0.3;
+                        leverage = 110;
+                    } else { // AGGRESSIVE
+                        baseReturn = defaultReturns['gov_bond_under_1y'] * 0.3 +
+                                   defaultReturns['ncd_1y_aa'] * 0.3 +
+                                   defaultReturns['credit_1y_aa'] * 0.4;
+                        leverage = 120;
+                    }
+                } else { // LONG
+                    if (risk === 'CONSERVATIVE') {
+                        baseReturn = defaultReturns['gov_bond_under_2y'] * 0.5 +
+                                   defaultReturns['ncd_1y_state'] * 0.4 +
+                                   defaultReturns['credit_2y_aaa_plus'] * 0.1;
+                        leverage = 100;
+                    } else if (risk === 'NEUTRAL') {
+                        baseReturn = defaultReturns['gov_bond_under_3y'] * 0.3 +
+                                   defaultReturns['ncd_1y_aaa'] * 0.4 +
+                                   defaultReturns['credit_2y_aaa'] * 0.3;
+                        leverage = 110;
+                    } else { // AGGRESSIVE
+                        baseReturn = defaultReturns['gov_bond_under_5y'] * 0.3 +
+                                   defaultReturns['ncd_1y_aa'] * 0.3 +
+                                   defaultReturns['credit_2y_aa'] * 0.4;
+                        leverage = 120;
+                    }
+                }
+                // 杠杆计算
+                const fundingCost = defaultReturns['overnight_rate'];
+                let leveredReturn = baseReturn;
+                if (leverage > 100) {
+                    const L = leverage / 100;
+                    leveredReturn = L * baseReturn - (L - 1) * fundingCost;
+                }
+                // 计算资本利得
+                const capGain = calculateCapitalGain();
+                const totalLower = leveredReturn + capGain.lower;
+                const totalUpper = leveredReturn + capGain.upper;
+                return {
+                    strategy: '纯债策略',
+                    period: state.getPeriodLabel(period),
+                    risk: state.getRiskLabel(risk),
+                    leverage: leverage + '%',
+                    fundingCost: fundingCost + '%',
+                    baseReturn: leveredReturn.toFixed(2) + '%',
+                    capitalGainRange: `${(capGain.lower * 100).toFixed(1)}bp ~ ${(capGain.upper * 100).toFixed(1)}bp`,
+                    totalReturn: `${totalLower.toFixed(2)}% ~ ${totalUpper.toFixed(2)}%`,
+                    positiveProbability: capGain.probability + '%',
+                    marketRef: `${marketRef.pure_bond[period][0]}% - ${marketRef.pure_bond[period][1]}%`
+                };
+            }
+            // 固收+策略计算
+            else {
+                // 先计算纯债部分
+                let pureBondReturn = 0;
+                // 简化计算，使用固定值
+                if (period === 'SHORT') pureBondReturn = 1.5;
+                else if (period === 'MEDIUM') pureBondReturn = 2.4;
+                else pureBondReturn = 2.8;
+                // 加上资本利得（取乐观��景）
+                const capGain = calculateCapitalGain();
+                pureBondReturn += capGain.upper;
+                // 资产预期收益率
+                const assetReturns = {
+                    'CONVERTIBLE_BOND': { 'PESSIMISTIC': 10.0, 'NEUTRAL': 12.5, 'OPTIMISTIC': 15.0 },
+                    'EQUITY': { 'PESSIMISTIC': 15.0, 'NEUTRAL': 17.5, 'OPTIMISTIC': 20.0 },
+                    'REITS': { 'PESSIMISTIC': 5.0, 'NEUTRAL': 7.5, 'OPTIMISTIC': 10.0 }
+                };
+                const assetReturn = assetReturns[asset][expectation];
+                // 配置比例
+                let bondWeight, assetWeight;
+                if (expectation === 'PESSIMISTIC') {
+                    bondWeight = 95;
+                    assetWeight = 5;
+                } else if (expectation === 'NEUTRAL') {
+                    bondWeight = 90;
+                    assetWeight = 10;
+                } else { // OPTIMISTIC
+                    bondWeight = 80;
+                    assetWeight = 20;
+                }
+                // 计算总收益率
+                const totalReturn = (pureBondReturn * bondWeight + assetReturn * assetWeight) / 100;
+                return {
+                    strategy: '固收+策略',
+                    period: state.getPeriodLabel(period),
+                    risk: state.getRiskLabel(risk),
+                    asset: state.getAssetLabel(asset),
+                    expectation: state.getExpectationLabel(expectation),
+                    bondWeight: bondWeight + '%',
+                    assetWeight: assetWeight + '%',
+                    pureBondReturn: pureBondReturn.toFixed(2) + '%',
+                    assetReturn: assetReturn.toFixed(1) + '%',
+                    totalReturn: totalReturn.toFixed(2) + '%',
+                    capitalGain: (capGain.upper * 100).toFixed(1) + 'bp',
+                    positiveProbability: capGain.probability + '%',
+                    marketRef: `${marketRef.fixed_income_plus[period][0]}% - ${marketRef.fixed_income_plus[period][1]}%`
+                };
+            }
+        }
+        // 显示结果
+        function displayResults(result) {
+            const content = document.getElementById('result-content');
+            let html = `
+                <div class="result-grid">
+                    <div class="result-card">
+                        <h3>📋 基本信息</h3>
+                        <div class="result-item">
+                            <span>策略类型：</span>
+                            <span class="highlight">${result.strategy}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>投资期限：</span>
+                            <span>${result.period}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>风险风格：</span>
+                            <span>${result.risk}</span>
+                        </div>`;
+            if (result.strategy === '纯债策略') {
+                html += `
+                        <div class="result-item">
+                            <span>杠杆率：</span>
+                            <span>${result.leverage}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>融资成本：</span>
+                            <span>${result.fundingCost}</span>
+                        </div>`;
+            } else {
+                html += `
+                        <div class="result-item">
+                            <span>增强资产：</span>
+                            <span>${result.asset}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>资产预期：</span>
+                            <span>${result.expectation}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>债券比例：</span>
+                            <span>${result.bondWeight}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>资产比例：</span>
+                            <span>${result.assetWeight}</span>
+                        </div>`;
+            }
+            html += `
+                    </div>
+                    <div class="result-card">
+                        <h3>📈 收益率分析</h3>`;
+            if (result.strategy === '纯债策略') {
+                html += `
+                        <div class="result-item">
+                            <span>基础收益率：</span>
+                            <span>${result.baseReturn}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>资本利得贡献：</span>
+                            <span>${result.capitalGainRange}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>理论预期收益率：</span>
+                            <span class="highlight">${result.totalReturn}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>正收益概率：</span>
+                            <span>${result.positiveProbability}</span>
+                        </div>`;
+            } else {
+                html += `
+                        <div class="result-item">
+                            <span>纯债部分收益率：</span>
+                            <span>${result.pureBondReturn}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>资本利得贡献：</span>
+                            <span>${result.capitalGain}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>资产预期收益率：</span>
+                            <span>${result.assetReturn}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>理论预期收益率：</span>
+                            <span class="highlight">${result.totalReturn}</span>
+                        </div>
+                        <div class="result-item">
+                            <span>正收益概率：</span>
+                            <span>${result.positiveProbability}</span>
+                        </div>`;
+            }
+            html += `
+                        <div class="result-item">
+                            <span>市场实际参考区间：</span>
+                            <span>${result.marketRef}</span>
+                        </div>
+                    </div>
+                </div>
+                <div style="margin-top: 30px; padding: 20px; background: #f0f8ff; border-radius: 8px;">
+                    <h3>💡 使用说明</h3>
+                    <p>1. 以上计算结果基于预设的量化模型和市场数据</p>
+                    <p>2. 资本利得考虑了交易员的波段操作能力和市场波动</p>
+                    <p>3. 市场参考区间基于近期实际理财收益率数据</p>
+                    <p>4. 计算结果仅供参考，实际收益可能受多种因素影响</p>
+                </div>`;
+            content.innerHTML = html;
+            document.getElementById('result').classList.remove('hidden');
+            // 滚动到结果区域
+            document.getElementById('result').scrollIntoView({ behavior: 'smooth' });
+        }
+    </script>
 </body>
 </html>