Enhance: Local assets, default data, gunicorn support

Dockerfile

@@ -2,12 +2,22 @@ FROM python:3.9-slim
 
 WORKDIR /app
 
+# Copy requirements and install
 COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
+# Copy application code
 COPY . .
 
-# Create data directory and set permissions
-RUN mkdir -p data && chmod 777 data
+# Create a non-root user
+RUN useradd -m -u 1000 user && \
+    chown -R user:user /app && \
+    chmod -R 777 /app
 
+USER user
+
+# Expose port
+EXPOSE 7860
+
+# Run the application
 CMD ["gunicorn", "-b", "0.0.0.0:7860", "app:app"]

README.md

@@ -1,61 +1,62 @@
 ---
-title: 创业估值与融资模拟引擎
-emoji: 💰
-colorFrom: green
-colorTo: indigo
+title: 创业估值引擎 (Startup Valuation Engine)
+emoji: 📈
+colorFrom: indigo
+colorTo: purple
 sdk: docker
 pinned: false
-short_description: 创业项目早期估值、融资稀释模拟及投资意向书生成工具。
+short_description: 多模型早期项目估值工具 (Berkus/Scorecard/RiskFactor)
+app_port: 7860
 ---
 
-# 创业估值与融资模拟引擎 (Startup Valuation & Deal Structuring Engine)
+# 创业估值引擎 (Startup Valuation Engine)
 
-一个专为早期创业者设计的综合工具，帮助你科学估值、模拟融资稀释，并生成标准的投资意向书摘要。
+这是一个专为早期创业项目设计的估值计算工具，集成了三种主流的早期项目估值方法，帮助创业者和投资人快速进行估值测算。
 
-## 核心功能
+## 主要功能
 
-1.  **多维度估值模型**
-    *   **Berkus Method**: 针对早期无收入项目的经典估值法，通过评估5个关键风险维度（创意、原型、团队、战略关系、销售）来计算估值。
-    *   **Scorecard Method (记分卡法)**: 通过对比行业平均估值，并根据团队、市场、产品等7个维度进行加权调整，得出更符合市场行情的估值。
+1.  **Berkus 方法 (Berkus Method)**
+    *   适用于极早期的初创公司。
+    *   基于5个关键成功驱动因素（商业创意、原型、团队、战略关系、产品推出）进行价值评估。
+    *   每个因素最高可贡献 $500,000 (可配置)。
 
-2.  **融资与股权稀释模拟 (Cap Table Simulator)**
-    *   直观的股权结构表计算。
-    *   支持 Pre-money 估值、融资金额、期权池 (Option Pool) 设置。
-    *   自动计算融资后的 Post-money 估值、每股价格以及创始人、投资人、期权池的持股比例。
-    *   可视化饼图展示。
+2.  **记分卡方法 (Scorecard Valuation Method)**
+    *   基于行业平均估值（Pre-money Valuation）。
+    *   根据7个加权因素（团队、市场机会、产品技术、竞争环境等）对平均估值进行调整。
+    *   直观展示相对于行业平均水平的优劣势。
 
-3.  **投资意向书生成器 (Term Sheet Lite)**
-    *   快速生成一份简易的投资条款清单 (Term Sheet)。
-    *   支持自定义清算优先权 (Liquidation Preference)、董事会席位分配等关键条款。
-    *   一键复制内容。
+3.  **风险因子求和法 (Risk Factor Summation Method)**
+    *   从基础估值出发。
+    *   综合考虑12个风险维度（管理、政策、制造、销售、融资、竞争、技术等）。
+    *   每个风险等级对应增减 $250,000 的估值调整。
 
-4.  **专业报告导出**
-    *   生成包含项目概况、估值分析、拟议融资结构的专业报告。
-    *   支持打印为 PDF 格式，方便发送给投资人或合伙人。
+4.  **综合分析与导出**
+    *   **可视化图表**: 自动生成柱状图，对比三种方法的估值结果及平均值。
+    *   **历史记录**: 本地保存和加载估值记录（基于 LocalStorage/JSON）。
+    *   **报告导出**: 一键生成 PNG 格式的估值报告，便于分享和演示。
 
 ## 技术栈
 
+*   **Frontend**: Vue 3 (Composition API), Tailwind CSS, Chart.js
 *   **Backend**: Python Flask
-*   **Frontend**: Vue.js 3, Tailwind CSS, Chart.js
-*   **Deployment**: Docker (Compatible with Hugging Face Spaces)
+*   **Deployment**: Docker (Hugging Face Spaces compatible)
 
-## 本地运行
+## 使用说明
 
-```bash
-# 构建镜像
-docker build -t valuation-engine .
+1.  输入项目名称和行业信息。
+2.  在不同标签页中调整各模型的参数。
+    *   **Berkus**: 拖动滑块设置每个维度的价值。
+    *   **Scorecard**: 设置行业基准估值，调整各项权重表现。
+    *   **Risk**: 对各项风险进行评级（从非常消极到非常积极）。
+3.  查看顶部的综合估值面板和底部的可视化图表。
+4.  点击“保存记录”将当前数据保存到服务器。
+5.  点击“导出报告”下载图片格式的估值报告。
 
-# 运行容器
-docker run -p 7860:7860 valuation-engine
-```
+## 部署
 
-或者直接运行 Python:
+本项目支持通过 Docker 部署，已配置 `Dockerfile`，可直接部署至 Hugging Face Spaces。
 
 ```bash
-pip install -r requirements.txt
-python app.py
+docker build -t startup-valuation-engine .
+docker run -p 7860:7860 startup-valuation-engine
 ```
-
-## 许可证
-
-MIT License

app.py

@@ -1,99 +1,86 @@
-from flask import Flask, render_template, request, jsonify, send_file
-from werkzeug.exceptions import RequestEntityTooLarge
 import os
 import json
-import datetime
+import logging
+from datetime import datetime
+from flask import Flask, render_template, jsonify, request, send_from_directory
+
+# Configure logging
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
 
 app = Flask(__name__)
 app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024  # 16MB max upload
+app.config['JSON_AS_ASCII'] = False
 
-# Data storage path
-DATA_DIR = os.path.join(os.path.dirname(__file__), 'data')
-os.makedirs(DATA_DIR, exist_ok=True)
+# Data storage
+DATA_FILE = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'valuations.json')
 
-@app.errorhandler(RequestEntityTooLarge)
-def handle_file_too_large(e):
-    return jsonify({"success": False, "message": "File too large. Maximum size is 16MB."}), 413
+def load_data():
+    if os.path.exists(DATA_FILE):
+        try:
+            with open(DATA_FILE, 'r', encoding='utf-8') as f:
+                return json.load(f)
+        except Exception as e:
+            logger.error(f"Error loading data: {e}")
+            return []
+    return []
 
-@app.errorhandler(404)
-def page_not_found(e):
-    return render_template('index.html'), 404
+def save_data(data):
+    try:
+        with open(DATA_FILE, 'w', encoding='utf-8') as f:
+            json.dump(data, f, ensure_ascii=False, indent=2)
+        return True
+    except Exception as e:
+        logger.error(f"Error saving data: {e}")
+        return False
 
 @app.route('/')
 def index():
     return render_template('index.html')
 
-@app.route('/health')
-def health_check():
-    return "OK", 200
+@app.route('/api/valuations', methods=['GET'])
+def get_valuations():
+    return jsonify(load_data())
 
-@app.route('/api/save', methods=['POST'])
-def save_project():
+@app.route('/api/valuations', methods=['POST'])
+def save_valuation():
     try:
-        data = request.json
-        if not data:
-            return jsonify({"success": False, "message": "No data provided"}), 400
-            
-        project_name = data.get('projectName', 'untitled')
-        # Sanitize filename
-        safe_name = "".join([c for c in project_name if c.isalpha() or c.isdigit() or c in (' ', '-', '_')]).strip()
-        if not safe_name:
-            safe_name = 'untitled'
+        new_item = request.json
+        if not new_item:
+            return jsonify({"error": "No data provided"}), 400
         
-        filename = f"{safe_name}.json"
-        filepath = os.path.join(DATA_DIR, filename)
+        # Add metadata
+        new_item['id'] = str(int(datetime.now().timestamp() * 1000))
+        new_item['created_at'] = datetime.now().strftime('%Y-%m-%d %H:%M:%S')
         
-        with open(filepath, 'w', encoding='utf-8') as f:
-            json.dump(data, f, ensure_ascii=False, indent=2)
+        data = load_data()
+        data.insert(0, new_item)  # Newest first
+        
+        # Limit history to 50 items
+        if len(data) > 50:
+            data = data[:50]
             
-        return jsonify({"success": True, "message": "项目已保存", "filename": filename})
+        save_data(data)
+        return jsonify({"success": True, "data": new_item})
     except Exception as e:
-        return jsonify({"success": False, "message": str(e)}), 500
+        logger.error(f"Error saving valuation: {e}")
+        return jsonify({"error": str(e)}), 500
 
-@app.route('/api/load', methods=['GET'])
-def load_projects():
+@app.route('/api/valuations/<id>', methods=['DELETE'])
+def delete_valuation(id):
     try:
-        if not os.path.exists(DATA_DIR):
-            os.makedirs(DATA_DIR, exist_ok=True)
-            
-        files = [f for f in os.listdir(DATA_DIR) if f.endswith('.json')]
-        projects = []
-        for f in files:
-            filepath = os.path.join(DATA_DIR, f)
-            try:
-                with open(filepath, 'r', encoding='utf-8') as file:
-                    data = json.load(file)
-                    projects.append({
-                        "filename": f,
-                        "projectName": data.get('projectName', f.replace('.json', '')),
-                        "updatedAt": datetime.datetime.fromtimestamp(os.path.getmtime(filepath)).strftime('%Y-%m-%d %H:%M:%S')
-                    })
-            except:
-                continue
-        # Sort by update time desc
-        projects.sort(key=lambda x: x['updatedAt'], reverse=True)
-        return jsonify({"success": True, "projects": projects})
+        data = load_data()
+        data = [item for item in data if item.get('id') != id]
+        save_data(data)
+        return jsonify({"success": True})
     except Exception as e:
-        return jsonify({"success": False, "message": str(e)}), 500
+        logger.error(f"Error deleting valuation: {e}")
+        return jsonify({"error": str(e)}), 500
 
-@app.route('/api/load/<filename>', methods=['GET'])
-def load_project_detail(filename):
-    try:
-        # Security check
-        if '..' in filename or not filename.endswith('.json'):
-            return jsonify({"success": False, "message": "Invalid filename"}), 400
-            
-        filepath = os.path.join(DATA_DIR, filename)
-        if not os.path.exists(filepath):
-            return jsonify({"success": False, "message": "File not found"}), 404
-            
-        with open(filepath, 'r', encoding='utf-8') as f:
-            data = json.load(f)
-            return jsonify({"success": True, "data": data})
-    except Exception as e:
-        return jsonify({"success": False, "message": str(e)}), 500
+@app.route('/health')
+def health():
+    return jsonify({"status": "healthy"})
 
 if __name__ == '__main__':
-    # Use 7860 for Hugging Face Spaces default
     port = int(os.environ.get('PORT', 7860))
-    app.run(debug=True, host='0.0.0.0', port=port)
+    app.run(host='0.0.0.0', port=port)

requirements.txt

@@ -1,2 +1,2 @@
-flask==3.0.0
-gunicorn==21.2.0
+flask
+gunicorn

templates/index.html

@@ -3,20 +3,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>创业估值与融资模拟引擎 | Startup Valuation Engine</title>
+    <title>创业估值引擎 (Startup Valuation Engine)</title>
     <script src="/static/js/tailwindcss.js"></script>
     <script src="/static/js/vue.global.js"></script>
     <script src="/static/js/chart.js"></script>
     <script src="/static/js/html2canvas.min.js"></script>
-    <!-- Icons -->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
     <style>
-        @media print {
-            .no-print { display: none !important; }
-            .print-only { display: block !important; }
-            body { background: white; }
-            .card { box-shadow: none; border: 1px solid #ddd; }
-        }
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body { font-family: 'Inter', sans-serif; }
         .slider-thumb::-webkit-slider-thumb {
             -webkit-appearance: none;
             appearance: none;
@@ -26,367 +21,227 @@
             cursor: pointer;
             border-radius: 50%;
         }
-        /* Custom scrollbar */
-        ::-webkit-scrollbar { width: 8px; }
-        ::-webkit-scrollbar-track { background: #f1f1f1; }
-        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
-        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
-        
-        [v-cloak] { display: none; }
+        .gradient-bg {
+            background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);
+        }
     </style>
 </head>
-<body class="bg-slate-50 text-slate-800 font-sans">
-    <div id="app" v-cloak>
+<body class="bg-gray-50 text-gray-800 h-screen flex flex-col overflow-hidden">
+    <div id="app" class="flex flex-col h-full">
         <!-- Header -->
-        <header class="bg-indigo-600 text-white shadow-lg no-print">
-            <div class="container mx-auto px-4 py-4 flex justify-between items-center">
-                <div class="flex items-center space-x-3">
-                    <i class="fa-solid fa-chart-line text-2xl"></i>
-                    <h1 class="text-xl font-bold">创业估值与融资模拟引擎</h1>
-                </div>
-                <div class="flex items-center space-x-4">
-                    <button @click="loadDemoData" class="px-4 py-2 bg-indigo-500 hover:bg-indigo-400 rounded-md text-sm transition flex items-center">
-                        <i class="fa-solid fa-magic mr-2"></i> 演示数据
-                    </button>
-                    <button @click="saveProject" class="px-4 py-2 bg-indigo-500 hover:bg-indigo-400 rounded-md text-sm transition flex items-center">
-                        <i class="fa-solid fa-save mr-2"></i> 保存
-                    </button>
-                    <button @click="showLoadModal = true" class="px-4 py-2 bg-indigo-500 hover:bg-indigo-400 rounded-md text-sm transition flex items-center">
-                        <i class="fa-solid fa-folder-open mr-2"></i> 打开
-                    </button>
-                    <button @click="printReport" class="px-4 py-2 bg-white text-indigo-600 hover:bg-gray-100 rounded-md text-sm font-semibold transition flex items-center">
-                        <i class="fa-solid fa-print mr-2"></i> 打印报告
-                    </button>
-                    <button @click="exportImage" class="px-4 py-2 bg-green-500 hover:bg-green-400 text-white rounded-md text-sm font-semibold transition flex items-center">
-                        <i class="fa-solid fa-image mr-2"></i> 导出图片
-                    </button>
+        <header class="gradient-bg text-white p-4 shadow-lg flex justify-between items-center z-10">
+            <div class="flex items-center gap-3">
+                <i class="fas fa-chart-line text-2xl"></i>
+                <div>
+                    <h1 class="text-xl font-bold tracking-tight">创业估值引擎</h1>
+                    <p class="text-xs text-indigo-100 opacity-80">Startup Valuation Engine - 多模型早期项目估值工具</p>
                 </div>
             </div>
-        </header>
-
-        <!-- Main Content -->
-        <main class="container mx-auto px-4 py-8">
-            
-            <!-- Project Info Card -->
-            <div class="bg-white rounded-xl shadow-sm p-6 mb-6 border border-slate-200">
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-                    <div>
-                        <label class="block text-sm font-medium text-slate-500 mb-1">项目名称</label>
-                        <input type="text" v-model="project.projectName" class="w-full px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition" placeholder="例如：未来科技">
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium text-slate-500 mb-1">所属行业</label>
-                        <select v-model="project.industry" class="w-full px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none bg-white">
-                            <option value="SaaS">SaaS / 软件</option>
-                            <option value="E-commerce">电商 / 消费品</option>
-                            <option value="AI">人工智能 / 大数据</option>
-                            <option value="Hardware">智能硬件 / IoT</option>
-                            <option value="Biotech">生物科技 / 医疗</option>
-                            <option value="Other">其他</option>
-                        </select>
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium text-slate-500 mb-1">当前阶段</label>
-                        <select v-model="project.stage" class="w-full px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none bg-white">
-                            <option value="Idea">创意阶段 (Idea)</option>
-                            <option value="MVP">原型阶段 (MVP)</option>
-                            <option value="Early Revenue">早期收入 (Early Revenue)</option>
-                            <option value="Growth">成长期 (Growth)</option>
-                        </select>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Tabs Navigation -->
-            <div class="flex space-x-1 bg-slate-200 p-1 rounded-lg mb-6 no-print overflow-x-auto">
-                <button v-for="tab in tabs" :key="tab.id"
-                    @click="currentTab = tab.id"
-                    :class="['flex-1 py-2 px-4 rounded-md text-sm font-medium transition whitespace-nowrap', currentTab === tab.id ? 'bg-white text-indigo-600 shadow-sm' : 'text-slate-600 hover:text-indigo-600']">
-                    <i :class="tab.icon + ' mr-2'"></i>${ tab.name }
+            <div class="flex gap-3">
+                <button @click="saveValuation" class="bg-white/20 hover:bg-white/30 text-white px-4 py-2 rounded-lg text-sm transition flex items-center gap-2">
+                    <i class="fas fa-save"></i> 保存记录
+                </button>
+                <button @click="exportReport" class="bg-white text-indigo-600 hover:bg-indigo-50 px-4 py-2 rounded-lg text-sm font-medium transition flex items-center gap-2 shadow-sm">
+                    <i class="fas fa-download"></i> 导出报告
                 </button>
             </div>
+        </header>
 
-            <!-- Tab 1: Berkus Method -->
-            <div v-show="currentTab === 'berkus'" class="space-y-6">
-                <div class="bg-white rounded-xl shadow-sm p-6 border border-slate-200">
-                    <div class="flex justify-between items-start mb-4">
-                        <div>
-                            <h2 class="text-xl font-bold text-slate-800">Berkus 估值法</h2>
-                            <p class="text-sm text-slate-500 mt-1">适用于尚未产生收入的早期初创企业。通过评估5个关键风险维度的降低程度来计算估值。</p>
-                        </div>
-                        <div class="text-right">
-                            <div class="text-sm text-slate-500">当前估值 (Pre-money)</div>
-                            <div class="text-3xl font-bold text-indigo-600">$${ formatNumber(berkusValuation) }</div>
+        <div class="flex flex-1 overflow-hidden">
+            <!-- Sidebar (History) -->
+            <aside class="w-64 bg-white border-r border-gray-200 flex flex-col hidden md:flex z-0">
+                <div class="p-4 border-b border-gray-100">
+                    <h2 class="font-semibold text-gray-700 flex items-center gap-2">
+                        <i class="fas fa-history text-indigo-500"></i> 历史记录
+                    </h2>
+                </div>
+                <div class="flex-1 overflow-y-auto p-2 space-y-2">
+                    <div v-if="history.length === 0" class="text-center text-gray-400 text-sm py-8">
+                        暂无记录
+                    </div>
+                    <div v-for="item in history" :key="item.id" 
+                         @click="loadValuation(item)"
+                         class="p-3 rounded-lg border border-gray-100 hover:border-indigo-200 hover:bg-indigo-50 cursor-pointer transition group relative">
+                        <div class="font-medium text-gray-800 truncate text-sm">${ item.projectName || '未命名项目' }</div>
+                        <div class="text-xs text-gray-500 mt-1">${ item.created_at }</div>
+                        <div class="text-xs font-semibold text-indigo-600 mt-1">
+                            平均估值: $${ formatCurrency(item.averageValuation) }
                         </div>
+                        <button @click.stop="deleteValuation(item.id)" class="absolute top-2 right-2 text-gray-300 hover:text-red-500 opacity-0 group-hover:opacity-100 transition">
+                            <i class="fas fa-trash-alt"></i>
+                        </button>
                     </div>
+                </div>
+            </aside>
 
-                    <div class="space-y-6 mt-8">
-                        <div v-for="(factor, index) in project.berkusFactors" :key="index" class="bg-slate-50 p-4 rounded-lg">
-                            <div class="flex justify-between mb-2">
-                                <label class="font-semibold text-slate-700">${ factor.name }</label>
-                                <span class="font-mono text-indigo-600">$${ formatNumber(factor.value) }</span>
+            <!-- Main Content -->
+            <main class="flex-1 overflow-y-auto p-6 bg-gray-50 relative" id="report-content">
+                <div class="max-w-6xl mx-auto space-y-6">
+                    
+                    <!-- Project Info -->
+                    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6">
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">项目名称</label>
+                                <input v-model="project.name" type="text" class="w-full rounded-lg border-gray-300 border px-4 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition" placeholder="例如: NextGen AI Platform">
+                            </div>
+                            <div>
+                                <label class="block text-sm font-medium text-gray-700 mb-1">所在行业 / 阶段</label>
+                                <input v-model="project.industry" type="text" class="w-full rounded-lg border-gray-300 border px-4 py-2 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none transition" placeholder="例如: SaaS / Seed Stage">
                             </div>
-                            <input type="range" v-model.number="factor.value" min="0" max="500000" step="50000" class="w-full h-2 bg-slate-300 rounded-lg appearance-none cursor-pointer">
-                            <p class="text-xs text-slate-500 mt-2">${ factor.desc }</p>
                         </div>
                     </div>
-                </div>
-            </div>
 
-            <!-- Tab 2: Scorecard Method -->
-            <div v-show="currentTab === 'scorecard'" class="space-y-6">
-                <div class="bg-white rounded-xl shadow-sm p-6 border border-slate-200">
-                    <div class="flex justify-between items-start mb-4">
-                        <div>
-                            <h2 class="text-xl font-bold text-slate-800">记分卡估值法 (Scorecard Method)</h2>
-                            <p class="text-sm text-slate-500 mt-1">通过与同行业类似初创企业的平均估值进行对比，根据团队、市场等加权因子调整估值。</p>
+                    <!-- Valuation Summary Cards -->
+                    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
+                        <div class="bg-white p-5 rounded-xl shadow-sm border-l-4 border-blue-500">
+                            <div class="text-gray-500 text-xs font-medium uppercase tracking-wider">Berkus 方法</div>
+                            <div class="text-2xl font-bold text-gray-800 mt-1">$${ formatCurrency(berkusValuation) }</div>
                         </div>
-                        <div class="text-right">
-                            <div class="text-sm text-slate-500">当前估值 (Pre-money)</div>
-                            <div class="text-3xl font-bold text-purple-600">$${ formatNumber(scorecardValuation) }</div>
+                        <div class="bg-white p-5 rounded-xl shadow-sm border-l-4 border-green-500">
+                            <div class="text-gray-500 text-xs font-medium uppercase tracking-wider">Scorecard 方法</div>
+                            <div class="text-2xl font-bold text-gray-800 mt-1">$${ formatCurrency(scorecardValuation) }</div>
                         </div>
-                    </div>
-
-                    <div class="mb-8">
-                        <label class="block text-sm font-medium text-slate-700 mb-2">行业平均 Pre-money 估值</label>
-                        <div class="flex items-center">
-                            <span class="text-slate-500 mr-2">$</span>
-                            <input type="number" v-model.number="project.industryAverageValuation" class="w-48 px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-purple-500 outline-none">
+                        <div class="bg-white p-5 rounded-xl shadow-sm border-l-4 border-purple-500">
+                            <div class="text-gray-500 text-xs font-medium uppercase tracking-wider">风险因子求和法</div>
+                            <div class="text-2xl font-bold text-gray-800 mt-1">$${ formatCurrency(riskFactorValuation) }</div>
+                        </div>
+                        <div class="bg-gradient-to-br from-indigo-600 to-purple-700 p-5 rounded-xl shadow-md text-white">
+                            <div class="text-indigo-100 text-xs font-medium uppercase tracking-wider">平均估值 (Average)</div>
+                            <div class="text-3xl font-bold mt-1">$${ formatCurrency(averageValuation) }</div>
                         </div>
                     </div>
 
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                        <div v-for="(factor, index) in project.scorecardFactors" :key="index" class="bg-slate-50 p-4 rounded-lg border border-slate-100">
-                            <div class="flex justify-between items-center mb-2">
-                                <span class="font-semibold text-slate-700 text-sm">${ factor.name } (权重: ${ factor.weight }%)</span>
-                                <span class="text-xs font-bold px-2 py-1 rounded" 
-                                    :class="factor.percentage >= 100 ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'">
-                                    ${ factor.percentage }%
-                                </span>
-                            </div>
-                            <input type="range" v-model.number="factor.percentage" min="50" max="150" step="5" class="w-full h-2 bg-slate-300 rounded-lg appearance-none cursor-pointer">
-                            <div class="flex justify-between text-xs text-slate-400 mt-1">
-                                <span>弱 (50%)</span>
-                                <span>平均 (100%)</span>
-                                <span>强 (150%)</span>
-                            </div>
+                    <!-- Main Logic Tabs -->
+                    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
+                        <div class="flex border-b border-gray-100">
+                            <button v-for="tab in tabs" :key="tab.id" 
+                                @click="currentTab = tab.id"
+                                :class="['px-6 py-4 text-sm font-medium transition-colors flex items-center gap-2', 
+                                    currentTab === tab.id ? 'text-indigo-600 border-b-2 border-indigo-600 bg-indigo-50/50' : 'text-gray-500 hover:text-gray-700 hover:bg-gray-50']">
+                                <i :class="tab.icon"></i> ${ tab.name }
+                            </button>
                         </div>
-                    </div>
-                </div>
-            </div>
 
-            <!-- Tab 3: Funding & Dilution -->
-            <div v-show="currentTab === 'dilution'" class="space-y-6">
-                <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
-                    <!-- Inputs -->
-                    <div class="bg-white rounded-xl shadow-sm p-6 border border-slate-200 lg:col-span-1">
-                        <h3 class="text-lg font-bold mb-4">融资参数设定</h3>
-                        
-                        <div class="space-y-4">
-                            <div>
-                                <label class="block text-sm font-medium text-slate-700 mb-1">选定 Pre-money 估值</label>
-                                <div class="flex space-x-2 mb-2">
-                                    <button @click="project.selectedPreMoney = berkusValuation" class="text-xs bg-indigo-100 text-indigo-700 px-2 py-1 rounded hover:bg-indigo-200">使用 Berkus</button>
-                                    <button @click="project.selectedPreMoney = scorecardValuation" class="text-xs bg-purple-100 text-purple-700 px-2 py-1 rounded hover:bg-purple-200">使用 Scorecard</button>
+                        <div class="p-6">
+                            <!-- Berkus Method -->
+                            <div v-if="currentTab === 'berkus'" class="animate-fade-in">
+                                <div class="mb-6 bg-blue-50 text-blue-800 p-4 rounded-lg text-sm border border-blue-100">
+                                    <i class="fas fa-info-circle mr-2"></i>
+                                    <strong>Berkus 方法:</strong> 适用于早期初创公司。为5个关键成功驱动因素分配价值（每个最高 $500k）。
                                 </div>
-                                <div class="relative">
-                                    <span class="absolute left-3 top-2 text-slate-500">$</span>
-                                    <input type="number" v-model.number="project.selectedPreMoney" class="w-full pl-8 pr-4 py-2 border border-slate-300 rounded-lg">
+                                <div class="space-y-6">
+                                    <div v-for="(driver, index) in berkusDrivers" :key="index" class="flex items-center justify-between p-4 bg-gray-50 rounded-lg border border-gray-100">
+                                        <div class="flex-1">
+                                            <h4 class="font-medium text-gray-800">${ driver.name }</h4>
+                                            <p class="text-xs text-gray-500 mt-1">${ driver.desc }</p>
+                                        </div>
+                                        <div class="w-1/3 px-4">
+                                            <input type="range" v-model.number="driver.value" min="0" max="500000" step="50000" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-indigo-600">
+                                        </div>
+                                        <div class="w-24 text-right font-mono font-medium text-indigo-600">
+                                            $${ formatCurrency(driver.value) }
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
 
-                            <div>
-                                <label class="block text-sm font-medium text-slate-700 mb-1">融资金额 (Investment)</label>
-                                <div class="relative">
-                                    <span class="absolute left-3 top-2 text-slate-500">$</span>
-                                    <input type="number" v-model.number="project.investmentAmount" class="w-full pl-8 pr-4 py-2 border border-slate-300 rounded-lg">
+                            <!-- Scorecard Method -->
+                            <div v-if="currentTab === 'scorecard'" class="animate-fade-in">
+                                <div class="mb-6 bg-green-50 text-green-800 p-4 rounded-lg text-sm border border-green-100 flex items-center justify-between">
+                                    <div>
+                                        <i class="fas fa-info-circle mr-2"></i>
+                                        <strong>Scorecard 方法:</strong> 基于行业平均估值，根据7个加权因素进行调整。
+                                    </div>
+                                    <div class="flex items-center gap-2">
+                                        <label class="text-xs font-semibold uppercase">行业平均估值 ($):</label>
+                                        <input type="number" v-model.number="scorecardBase" class="w-32 text-sm border-green-300 border rounded px-2 py-1 focus:ring-2 focus:ring-green-500 outline-none">
+                                    </div>
                                 </div>
-                            </div>
-
-                            <div>
-                                <label class="block text-sm font-medium text-slate-700 mb-1">期权池 (Option Pool %)</label>
-                                <div class="relative">
-                                    <input type="number" v-model.number="project.optionPool" min="0" max="30" class="w-full px-4 py-2 border border-slate-300 rounded-lg">
-                                    <span class="absolute right-3 top-2 text-slate-500">%</span>
+                                <div class="overflow-x-auto">
+                                    <table class="w-full text-sm text-left text-gray-500">
+                                        <thead class="text-xs text-gray-700 uppercase bg-gray-50">
+                                            <tr>
+                                                <th class="px-6 py-3">评估因素</th>
+                                                <th class="px-6 py-3 w-24">权重 (%)</th>
+                                                <th class="px-6 py-3 w-48">项目表现 (相对于平均水平)</th>
+                                                <th class="px-6 py-3 text-right">调整系数</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <tr v-for="(factor, index) in scorecardFactors" :key="index" class="bg-white border-b hover:bg-gray-50">
+                                                <td class="px-6 py-4 font-medium text-gray-900">${ factor.name }</td>
+                                                <td class="px-6 py-4">${ factor.weight * 100 }%</td>
+                                                <td class="px-6 py-4">
+                                                    <div class="flex items-center gap-2">
+                                                        <input type="range" v-model.number="factor.percentage" min="50" max="150" step="5" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-green-600">
+                                                        <span class="text-xs w-10">${ factor.percentage }%</span>
+                                                    </div>
+                                                </td>
+                                                <td class="px-6 py-4 text-right font-mono text-green-600">
+                                                    ${ (factor.weight * (factor.percentage / 100)).toFixed(4) }
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                        <tfoot>
+                                            <tr class="bg-green-50 font-bold text-gray-900">
+                                                <td colspan="3" class="px-6 py-4 text-right">总调整系数:</td>
+                                                <td class="px-6 py-4 text-right text-green-700">${ scorecardMultiplier.toFixed(4) }</td>
+                                            </tr>
+                                        </tfoot>
+                                    </table>
                                 </div>
-                                <p class="text-xs text-slate-500 mt-1">通常为 Post-money 的 10-20%</p>
                             </div>
-                            
-                            <div>
-                                <label class="block text-sm font-medium text-slate-700 mb-1">当前总股数</label>
-                                <input type="number" v-model.number="project.totalShares" class="w-full px-4 py-2 border border-slate-300 rounded-lg">
-                            </div>
-                        </div>
-                    </div>
 
-                    <!-- Results -->
-                    <div class="bg-white rounded-xl shadow-sm p-6 border border-slate-200 lg:col-span-2">
-                        <h3 class="text-lg font-bold mb-4">融资后股权结构 (Post-money Cap Table)</h3>
-                        
-                        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-                            <div>
-                                <div class="mb-6">
-                                    <div class="text-sm text-slate-500">Post-money 估值</div>
-                                    <div class="text-2xl font-bold text-green-600">$${ formatNumber(postMoneyValuation) }</div>
+                            <!-- Risk Factor Method -->
+                            <div v-if="currentTab === 'risk'" class="animate-fade-in">
+                                <div class="mb-6 bg-purple-50 text-purple-800 p-4 rounded-lg text-sm border border-purple-100 flex items-center justify-between">
+                                    <div>
+                                        <i class="fas fa-info-circle mr-2"></i>
+                                        <strong>风险因子求和法:</strong> 基础估值 + 12个风险因子的调整。
+                                    </div>
+                                    <div class="flex items-center gap-2">
+                                        <label class="text-xs font-semibold uppercase">基础估值 ($):</label>
+                                        <input type="number" v-model.number="riskBase" class="w-32 text-sm border-purple-300 border rounded px-2 py-1 focus:ring-2 focus:ring-purple-500 outline-none">
+                                    </div>
                                 </div>
-                                <div class="mb-6">
-                                    <div class="text-sm text-slate-500">每股价格</div>
-                                    <div class="text-xl font-bold text-slate-800">$${ formatNumber(pricePerShare, 2) }</div>
+                                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                                    <div v-for="(factor, index) in riskFactors" :key="index" class="p-4 bg-white border rounded-lg hover:shadow-md transition">
+                                        <div class="flex justify-between items-start mb-2">
+                                            <span class="font-medium text-gray-700 text-sm">${ factor.name }</span>
+                                            <span :class="['text-xs font-bold px-2 py-0.5 rounded', getRiskColor(factor.rating)]">
+                                                ${ getRiskLabel(factor.rating) }
+                                            </span>
+                                        </div>
+                                        <div class="flex items-center gap-2 mt-2">
+                                            <button @click="factor.rating = Math.max(-2, factor.rating - 1)" class="w-6 h-6 rounded bg-gray-100 hover:bg-gray-200 flex items-center justify-center text-gray-600">-</button>
+                                            <div class="flex-1 h-2 bg-gray-200 rounded-full overflow-hidden">
+                                                <div class="h-full transition-all duration-300" 
+                                                    :class="getRiskBarColor(factor.rating)"
+                                                    :style="{ width: getRiskBarWidth(factor.rating), marginLeft: getRiskBarMargin(factor.rating) }">
+                                                </div>
+                                            </div>
+                                            <button @click="factor.rating = Math.min(2, factor.rating + 1)" class="w-6 h-6 rounded bg-gray-100 hover:bg-gray-200 flex items-center justify-center text-gray-600">+</button>
+                                        </div>
+                                        <div class="text-right text-xs text-gray-400 mt-2">
+                                            调整: $${ formatCurrency(factor.rating * 250000) }
+                                        </div>
+                                    </div>
                                 </div>
-                                
-                                <table class="w-full text-sm">
-                                    <thead>
-                                        <tr class="border-b">
-                                            <th class="text-left py-2">股东</th>
-                                            <th class="text-right py-2">股份 %</th>
-                                            <th class="text-right py-2">价值</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr class="text-slate-700">
-                                            <td class="py-2">创始人团队</td>
-                                            <td class="text-right font-mono">${ formatNumber(foundersPercent, 1) }%</td>
-                                            <td class="text-right font-mono">$${ formatNumber(foundersValue) }</td>
-                                        </tr>
-                                        <tr class="text-indigo-600 font-semibold">
-                                            <td class="py-2">新投资人</td>
-                                            <td class="text-right font-mono">${ formatNumber(investorsPercent, 1) }%</td>
-                                            <td class="text-right font-mono">$${ formatNumber(project.investmentAmount) }</td>
-                                        </tr>
-                                        <tr class="text-slate-500">
-                                            <td class="py-2">期权池 (ESOP)</td>
-                                            <td class="text-right font-mono">${ formatNumber(project.optionPool, 1) }%</td>
-                                            <td class="text-right font-mono">$${ formatNumber(optionPoolValue) }</td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                            
-                            <div class="flex items-center justify-center h-64">
-                                <canvas id="dilutionChart"></canvas>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Tab 4: Term Sheet Generator -->
-            <div v-show="currentTab === 'termsheet'" class="space-y-6">
-                <div class="bg-white rounded-xl shadow-sm p-6 border border-slate-200">
-                    <h2 class="text-xl font-bold mb-6">投资意向书生成器 (Lite)</h2>
-                    
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
-                        <div>
-                            <label class="block text-sm font-medium text-slate-700 mb-1">投资方名称</label>
-                            <input type="text" v-model="project.investorName" class="w-full px-4 py-2 border border-slate-300 rounded-lg">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-slate-700 mb-1">交割日期</label>
-                            <input type="date" v-model="project.closingDate" class="w-full px-4 py-2 border border-slate-300 rounded-lg">
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-slate-700 mb-1">清算优先权 (Liquidation Preference)</label>
-                            <select v-model="project.liquidationPref" class="w-full px-4 py-2 border border-slate-300 rounded-lg bg-white">
-                                <option value="1x Non-Participating">1x 不参与分配 (标准)</option>
-                                <option value="1x Participating">1x 参与分配 (对投资人有利)</option>
-                                <option value="2x Non-Participating">2x 不参与分配 (苛刻)</option>
-                            </select>
-                        </div>
-                        <div>
-                            <label class="block text-sm font-medium text-slate-700 mb-1">董事会席位 (Board Seats)</label>
-                            <div class="flex items-center space-x-2">
-                                <input type="number" v-model="project.boardSeatsFounder" placeholder="创始人" class="w-1/3 px-4 py-2 border border-slate-300 rounded-lg">
-                                <span>+</span>
-                                <input type="number" v-model="project.boardSeatsInvestor" placeholder="投资人" class="w-1/3 px-4 py-2 border border-slate-300 rounded-lg">
-                                <span>+</span>
-                                <input type="number" v-model="project.boardSeatsIndependent" placeholder="独立" class="w-1/3 px-4 py-2 border border-slate-300 rounded-lg">
                             </div>
                         </div>
                     </div>
-                    
-                    <div class="bg-slate-50 p-6 rounded-lg border border-slate-200 font-mono text-sm whitespace-pre-wrap leading-relaxed">${ termSheetText }</div>
-                    
-                    <div class="mt-4 text-right">
-                        <button @click="copyTermSheet" class="text-indigo-600 hover:text-indigo-800 font-medium">
-                            <i class="fa-solid fa-copy mr-1"></i> 复制内容
-                        </button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Tab 5: Report Preview (For Print) -->
-            <div v-show="currentTab === 'report'" class="bg-white rounded-xl shadow-sm p-8 border border-slate-200 print-section">
-                <div class="text-center border-b pb-6 mb-6">
-                    <h1 class="text-3xl font-bold text-slate-800">${ project.projectName }</h1>
-                    <p class="text-slate-500 mt-2">估值与融资分析报告</p>
-                    <p class="text-sm text-slate-400 mt-1">${ new Date().toLocaleDateString() }</p>
-                </div>
-
-                <div class="grid grid-cols-2 gap-8 mb-8">
-                    <div>
-                        <h3 class="font-bold text-slate-700 border-b mb-2">项目概况</h3>
-                        <p><span class="text-slate-500 w-24 inline-block">行业:</span> ${ project.industry }</p>
-                        <p><span class="text-slate-500 w-24 inline-block">阶段:</span> ${ project.stage }</p>
-                    </div>
-                    <div>
-                        <h3 class="font-bold text-slate-700 border-b mb-2">估值综述</h3>
-                        <p><span class="text-slate-500 w-32 inline-block">Berkus 估值:</span> $${ formatNumber(berkusValuation) }</p>
-                        <p><span class="text-slate-500 w-32 inline-block">Scorecard 估值:</span> $${ formatNumber(scorecardValuation) }</p>
-                    </div>
-                </div>
 
-                <div class="mb-8">
-                    <h3 class="font-bold text-slate-700 border-b mb-4">拟议融资结构</h3>
-                    <div class="grid grid-cols-3 gap-4 text-center">
-                        <div class="bg-slate-50 p-4 rounded">
-                            <div class="text-xs text-slate-500">Pre-money</div>
-                            <div class="font-bold text-lg">$${ formatNumber(project.selectedPreMoney) }</div>
-                        </div>
-                        <div class="bg-slate-50 p-4 rounded">
-                            <div class="text-xs text-slate-500">融资金额</div>
-                            <div class="font-bold text-lg text-indigo-600">$${ formatNumber(project.investmentAmount) }</div>
-                        </div>
-                        <div class="bg-slate-50 p-4 rounded">
-                            <div class="text-xs text-slate-500">Post-money</div>
-                            <div class="font-bold text-lg text-green-600">$${ formatNumber(postMoneyValuation) }</div>
+                    <!-- Charts Section -->
+                    <div class="bg-white rounded-xl shadow-sm border border-gray-100 p-6 mb-10">
+                        <h3 class="text-lg font-bold text-gray-800 mb-4">估值可视化分析</h3>
+                        <div class="h-64">
+                            <canvas id="valuationChart"></canvas>
                         </div>
                     </div>
-                </div>
-                
-                <div class="text-center text-xs text-slate-400 mt-12">
-                    Generated by Startup Valuation Engine. This document is for simulation purposes only.
-                </div>
-            </div>
-
-        </main>
 
-        <!-- Load Project Modal -->
-        <div v-if="showLoadModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 no-print">
-            <div class="bg-white rounded-lg p-6 w-full max-w-md">
-                <h3 class="text-lg font-bold mb-4">加载项目</h3>
-                <div v-if="savedProjects.length === 0" class="text-center text-slate-500 py-4">
-                    暂无已保存的项目
-                </div>
-                <ul class="space-y-2 max-h-60 overflow-y-auto">
-                    <li v-for="p in savedProjects" :key="p.filename" 
-                        class="flex justify-between items-center p-3 hover:bg-slate-50 rounded cursor-pointer border border-transparent hover:border-slate-200"
-                        @click="loadProject(p.filename)">
-                        <div>
-                            <div class="font-medium">${ p.projectName }</div>
-                            <div class="text-xs text-slate-400">${ p.updatedAt }</div>
-                        </div>
-                        <i class="fa-solid fa-chevron-right text-slate-300"></i>
-                    </li>
-                </ul>
-                <div class="mt-4 text-right">
-                    <button @click="showLoadModal = false" class="text-slate-500 hover:text-slate-700">关闭</button>
                 </div>
-            </div>
-        </div>
-
-        <!-- Toast Notification -->
-        <div v-if="toast.show" class="fixed bottom-4 right-4 bg-slate-800 text-white px-4 py-2 rounded shadow-lg transition-opacity duration-300 z-50">
-            ${ toast.message }
+            </main>
         </div>
     </div>
 
@@ -397,354 +252,271 @@
             delimiters: ['${', '}'],
             setup() {
                 // State
+                const project = ref({ name: 'TechFlow AI (示例项目)', industry: 'SaaS / Seed Stage' });
                 const currentTab = ref('berkus');
-                const showLoadModal = ref(false);
-                const savedProjects = ref([]);
-                const toast = ref({ show: false, message: '' });
-                let chartInstance = null;
-
+                const history = ref([]);
                 const tabs = [
-                    { id: 'berkus', name: 'Berkus 估值', icon: 'fa-solid fa-gavel' },
-                    { id: 'scorecard', name: '记分卡估值', icon: 'fa-solid fa-clipboard-check' },
-                    { id: 'dilution', name: '融资稀释', icon: 'fa-solid fa-chart-pie' },
-                    { id: 'termsheet', name: '投资意向书', icon: 'fa-solid fa-file-contract' },
-                    { id: 'report', name: '报告预览', icon: 'fa-solid fa-file-pdf' }
+                    { id: 'berkus', name: 'Berkus 方法', icon: 'fas fa-shield-alt' },
+                    { id: 'scorecard', name: 'Scorecard 方法', icon: 'fas fa-clipboard-check' },
+                    { id: 'risk', name: '风险因子求和', icon: 'fas fa-exclamation-triangle' }
                 ];
 
-                const project = ref({
-                    projectName: '',
-                    industry: 'SaaS',
-                    stage: 'MVP',
-                    // Berkus Data
-                    berkusFactors: [
-                        { name: '创意价值 (Sound Idea)', value: 0, desc: '产品创意是否存在基本价值和风险规避？(最高 $500k)' },
-                        { name: '原型验证 (Prototype)', value: 0, desc: '是否有可工作的原型来降低技术风险？(最高 $500k)' },
-                        { name: '管理团队 (Quality Team)', value: 0, desc: '是否有高质量的管理团队来降低执行风险？(最高 $500k)' },
-                        { name: '战略关系 (Relationships)', value: 0, desc: '是否有战略合作伙伴/早期客户来降低市场风险？(最高 $500k)' },
-                        { name: '产品发布/销售 (Rollout)', value: 0, desc: '产品是否已发布或产生销售来降低生产风险？(最高 $500k)' }
-                    ],
-                    // Scorecard Data
-                    industryAverageValuation: 2000000,
-                    scorecardFactors: [
-                        { name: '团队实力', weight: 30, percentage: 100 },
-                        { name: '市场机会大小', weight: 25, percentage: 100 },
-                        { name: '产品/技术壁垒', weight: 15, percentage: 100 },
-                        { name: '竞争环境', weight: 10, percentage: 100 },
-                        { name: '市场推广/销售渠道', weight: 10, percentage: 100 },
-                        { name: '额外资金需求', weight: 5, percentage: 100 },
-                        { name: '其他因素', weight: 5, percentage: 100 }
-                    ],
-                    // Dilution Data
-                    selectedPreMoney: 0,
-                    investmentAmount: 500000,
-                    optionPool: 15, // percent
-                    totalShares: 1000000,
-                    // Term Sheet Data
-                    investorName: '',
-                    closingDate: new Date().toISOString().split('T')[0],
-                    liquidationPref: '1x Non-Participating',
-                    boardSeatsFounder: 2,
-                    boardSeatsInvestor: 1,
-                    boardSeatsIndependent: 0
+                // Berkus Data
+                const berkusDrivers = ref([
+                    { name: '商业创意 (Sound Idea)', desc: '提供基本价值', value: 350000 },
+                    { name: '原型/MVP (Prototype)', desc: '降低技术风险', value: 250000 },
+                    { name: '管理团队 (Management)', desc: '降低执行风险', value: 400000 },
+                    { name: '战略关系 (Strategic Relationships)', desc: '降低市场风险', value: 150000 },
+                    { name: '产品推出/销售 (Product Rollout)', desc: '降低生产风险', value: 0 }
+                ]);
+
+                // Scorecard Data
+                const scorecardBase = ref(1500000); // Industry avg
+                const scorecardFactors = ref([
+                    { name: '团队实力', weight: 0.30, percentage: 120 },
+                    { name: '市场机会规模', weight: 0.25, percentage: 110 },
+                    { name: '产品/技术', weight: 0.15, percentage: 105 },
+                    { name: '竞争环境', weight: 0.10, percentage: 90 },
+                    { name: '营销/销售渠道', weight: 0.10, percentage: 80 },
+                    { name: '额外资金需求', weight: 0.05, percentage: 100 },
+                    { name: '其他', weight: 0.05, percentage: 100 }
+                ]);
+
+                // Risk Factor Data
+                const riskBase = ref(2000000);
+                const riskFactors = ref([
+                    { name: '管理风险', rating: 1 },
+                    { name: '业务阶段', rating: 1 },
+                    { name: '政策/立法风险', rating: 0 },
+                    { name: '制造/供应链风险', rating: 0 },
+                    { name: '销售/营销风险', rating: -1 },
+                    { name: '融资风险', rating: 0 },
+                    { name: '竞争风险', rating: 1 },
+                    { name: '技术风险', rating: 1 },
+                    { name: '法律诉讼风险', rating: 0 },
+                    { name: '国际化风险', rating: 0 },
+                    { name: '声誉风险', rating: 0 },
+                    { name: '潜在退出回报', rating: 1 }
+                ]);
+
+                // Computed Valuations
+                const berkusValuation = computed(() => {
+                    return berkusDrivers.value.reduce((sum, item) => sum + item.value, 0);
                 });
 
-                // Computed: Valuations
-                const berkusValuation = computed(() => {
-                    return project.value.berkusFactors.reduce((sum, f) => sum + f.value, 0);
+                const scorecardMultiplier = computed(() => {
+                    return scorecardFactors.value.reduce((sum, item) => sum + (item.weight * (item.percentage / 100)), 0);
                 });
 
                 const scorecardValuation = computed(() => {
-                    let multiplier = 0;
-                    project.value.scorecardFactors.forEach(f => {
-                        multiplier += (f.weight / 100) * (f.percentage / 100);
-                    });
-                    return Math.round(project.value.industryAverageValuation * multiplier);
+                    return scorecardBase.value * scorecardMultiplier.value;
                 });
 
-                // Auto-update selectedPreMoney if it's 0 or matches one of the calc methods
-                watch([berkusValuation, scorecardValuation], ([newB, newS], [oldB, oldS]) => {
-                    if (project.value.selectedPreMoney === 0) {
-                        project.value.selectedPreMoney = newB > 0 ? newB : newS;
-                    }
+                const riskFactorValuation = computed(() => {
+                    // Each +1 rating adds $250k, -1 removes $250k
+                    const adjustment = riskFactors.value.reduce((sum, item) => sum + (item.rating * 250000), 0);
+                    return Math.max(0, riskBase.value + adjustment);
                 });
 
-                // Computed: Dilution
-                const postMoneyValuation = computed(() => {
-                    return project.value.selectedPreMoney + project.value.investmentAmount;
+                const averageValuation = computed(() => {
+                    return (berkusValuation.value + scorecardValuation.value + riskFactorValuation.value) / 3;
                 });
 
-                const optionPoolValue = computed(() => {
-                    // Option pool is typically calculated on post-money basis
-                    // Value = PostMoney * (OptionPool% / 100)
-                    return Math.round(postMoneyValuation.value * (project.value.optionPool / 100));
-                });
+                // Chart Management
+                let chartInstance = null;
+                const updateChart = () => {
+                    const ctx = document.getElementById('valuationChart');
+                    if (!ctx) return;
 
-                // Effective Pre-Money (Pre-Money - Option Pool increase usually comes from pre-money side effectively)
-                // But for simplicity here: 
-                // Founders own: (PreMoney / PostMoney) - OptionPool%? 
-                // Let's use standard VC math:
-                // PostMoney = PreMoney + Investment
-                // Investor% = Investment / PostMoney
-                // OptionPool% is fixed at PostMoney
-                // Founders% = 100% - Investor% - OptionPool%
-                
-                const investorsPercent = computed(() => {
-                    if (postMoneyValuation.value === 0) return 0;
-                    return (project.value.investmentAmount / postMoneyValuation.value) * 100;
-                });
+                    if (chartInstance) chartInstance.destroy();
 
-                const foundersPercent = computed(() => {
-                    return 100 - investorsPercent.value - project.value.optionPool;
-                });
+                    chartInstance = new Chart(ctx, {
+                        type: 'bar',
+                        data: {
+                            labels: ['Berkus 方法', 'Scorecard 方法', '风险因子求和法', '平均估值'],
+                            datasets: [{
+                                label: '估值 ($)',
+                                data: [
+                                    berkusValuation.value,
+                                    scorecardValuation.value,
+                                    riskFactorValuation.value,
+                                    averageValuation.value
+                                ],
+                                backgroundColor: [
+                                    'rgba(59, 130, 246, 0.6)',
+                                    'rgba(16, 185, 129, 0.6)',
+                                    'rgba(139, 92, 246, 0.6)',
+                                    'rgba(79, 70, 229, 0.8)'
+                                ],
+                                borderColor: [
+                                    'rgb(59, 130, 246)',
+                                    'rgb(16, 185, 129)',
+                                    'rgb(139, 92, 246)',
+                                    'rgb(79, 70, 229)'
+                                ],
+                                borderWidth: 1,
+                                borderRadius: 6
+                            }]
+                        },
+                        options: {
+                            responsive: true,
+                            maintainAspectRatio: false,
+                            plugins: {
+                                legend: { display: false },
+                                tooltip: {
+                                    callbacks: {
+                                        label: function(context) {
+                                            return '$ ' + context.raw.toLocaleString();
+                                        }
+                                    }
+                                }
+                            },
+                            scales: {
+                                y: {
+                                    beginAtZero: true,
+                                    ticks: {
+                                        callback: function(value) {
+                                            return '$' + (value / 1000000).toFixed(1) + 'M';
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    });
+                };
 
-                const foundersValue = computed(() => {
-                    return Math.round(postMoneyValuation.value * (foundersPercent.value / 100));
+                // Watchers for Chart updates
+                watch([berkusValuation, scorecardValuation, riskFactorValuation], () => {
+                    updateChart();
                 });
-                
-                const pricePerShare = computed(() => {
-                    // If we assume totalShares (founders) represents the foundersPercent
-                    // FoundersShares / Founders% = TotalPostShares
-                    // Price = PostMoney / TotalPostShares
-                    if (foundersPercent.value <= 0) return 0;
-                    const totalPostShares = project.value.totalShares / (foundersPercent.value / 100);
-                    return postMoneyValuation.value / totalPostShares;
-                });
-
-                // Computed: Term Sheet Text
-                const termSheetText = computed(() => {
-                    return `INVESTMENT TERM SHEET (SUMMARY)
-                    
-Company: ${project.value.projectName || '[Company Name]'}
-Investor: ${project.value.investorName || '[Investor Name]'}
-Date: ${project.value.closingDate}
-
-1. Valuation & Investment
-   - Pre-money Valuation: $${formatNumber(project.value.selectedPreMoney)}
-   - Investment Amount: $${formatNumber(project.value.investmentAmount)}
-   - Post-money Valuation: $${formatNumber(postMoneyValuation.value)}
-
-2. Capitalization
-   - Employee Option Pool: ${project.value.optionPool}% (Post-money basis)
-   - Investor Ownership: ${formatNumber(investorsPercent.value, 1)}%
 
-3. Liquidation Preference
-   - ${project.value.liquidationPref}
-   - In the event of a sale or liquidation, investors receive their preference amount before common shareholders.
-
-4. Board of Directors
-   - The Board shall consist of ${project.value.boardSeatsFounder + project.value.boardSeatsInvestor + project.value.boardSeatsIndependent} members:
-     - ${project.value.boardSeatsFounder} Founder representative(s)
-     - ${project.value.boardSeatsInvestor} Investor representative(s)
-     - ${project.value.boardSeatsIndependent} Independent member(s)
-
-5. Dividends
-   - Non-cumulative dividends will be paid on the Preferred Stock when and if declared by the Board.
+                // Helper Functions
+                const formatCurrency = (val) => {
+                    return val.toLocaleString('en-US', { maximumFractionDigits: 0 });
+                };
 
-[This is a non-binding summary for simulation purposes only.]`;
-                });
+                const getRiskLabel = (rating) => {
+                    if (rating === 2) return '非常积极 (Very Positive)';
+                    if (rating === 1) return '积极 (Positive)';
+                    if (rating === 0) return '中性 (Neutral)';
+                    if (rating === -1) return '消极 (Negative)';
+                    if (rating === -2) return '非常消极 (Very Negative)';
+                    return '';
+                };
 
-                // Methods
-                const formatNumber = (num, decimals = 0) => {
-                    if (!num && num !== 0) return '0';
-                    return num.toLocaleString('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
+                const getRiskColor = (rating) => {
+                    if (rating > 0) return 'bg-green-100 text-green-700';
+                    if (rating < 0) return 'bg-red-100 text-red-700';
+                    return 'bg-gray-100 text-gray-600';
                 };
 
-                const showToast = (msg) => {
-                    toast.value.message = msg;
-                    toast.value.show = true;
-                    setTimeout(() => toast.value.show = false, 3000);
+                const getRiskBarColor = (rating) => {
+                    if (rating > 0) return 'bg-green-500';
+                    if (rating < 0) return 'bg-red-500';
+                    return 'bg-gray-300';
+                };
+                
+                const getRiskBarWidth = (rating) => {
+                    if (rating === 0) return '0%';
+                    return (Math.abs(rating) / 2 * 50) + '%';
                 };
 
-                const saveProject = async () => {
-                    try {
-                        const res = await fetch('/api/save', {
-                            method: 'POST',
-                            headers: { 'Content-Type': 'application/json' },
-                            body: JSON.stringify(project.value)
-                        });
-                        const data = await res.json();
-                        if (data.success) {
-                            showToast('保存成功');
-                            loadProjectList();
-                        } else {
-                            showToast('保存失败: ' + data.message);
-                        }
-                    } catch (e) {
-                        showToast('保存错误');
-                    }
+                const getRiskBarMargin = (rating) => {
+                    // Center is 50%. 
+                    // If positive, margin-left is 50%.
+                    // If negative, margin-left is 50% - width.
+                    if (rating >= 0) return '50%';
+                    return (50 - (Math.abs(rating) / 2 * 50)) + '%';
                 };
 
-                const loadProjectList = async () => {
+                // API Actions
+                const loadHistory = async () => {
                     try {
-                        const res = await fetch('/api/load');
+                        const res = await fetch('/api/valuations');
                         const data = await res.json();
-                        if (data.success) {
-                            savedProjects.value = data.projects;
-                        }
+                        history.value = data;
                     } catch (e) {
-                        console.error(e);
+                        console.error('Failed to load history', e);
                     }
                 };
 
-                const loadProject = async (filename) => {
+                const saveValuation = async () => {
+                    const payload = {
+                        projectName: project.value.name,
+                        industry: project.value.industry,
+                        berkusData: berkusDrivers.value,
+                        scorecardData: { base: scorecardBase.value, factors: scorecardFactors.value },
+                        riskData: { base: riskBase.value, factors: riskFactors.value },
+                        berkusValuation: berkusValuation.value,
+                        scorecardValuation: scorecardValuation.value,
+                        riskFactorValuation: riskFactorValuation.value,
+                        averageValuation: averageValuation.value
+                    };
+
                     try {
-                        const res = await fetch('/api/load/' + filename);
-                        const data = await res.json();
-                        if (data.success) {
-                            project.value = data.data;
-                            showLoadModal.value = false;
-                            showToast('加载成功');
+                        const res = await fetch('/api/valuations', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify(payload)
+                        });
+                        const result = await res.json();
+                        if (result.success) {
+                            alert('保存成功！');
+                            loadHistory();
                         }
                     } catch (e) {
-                        showToast('加载失败');
+                        alert('保存失败: ' + e.message);
                     }
                 };
 
-                const copyTermSheet = () => {
-                    navigator.clipboard.writeText(termSheetText.value);
-                    showToast('已复制到剪贴板');
-                };
-                
-                const printReport = () => {
-                    currentTab.value = 'report';
-                    setTimeout(() => {
-                        window.print();
-                    }, 500);
+                const loadValuation = (item) => {
+                    project.value.name = item.projectName;
+                    project.value.industry = item.industry;
+                    if (item.berkusData) berkusDrivers.value = item.berkusData;
+                    if (item.scorecardData) {
+                        scorecardBase.value = item.scorecardData.base;
+                        scorecardFactors.value = item.scorecardData.factors;
+                    }
+                    if (item.riskData) {
+                        riskBase.value = item.riskData.base;
+                        riskFactors.value = item.riskData.factors;
+                    }
                 };
 
-                const exportImage = async () => {
-                    currentTab.value = 'report';
-                    // Wait for render
-                    await new Promise(r => setTimeout(r, 800));
-                    
-                    const element = document.querySelector('.print-section');
-                    if (!element) return;
-
+                const deleteValuation = async (id) => {
+                    if (!confirm('确定要删除这条记录吗？')) return;
                     try {
-                        showToast('正在生成图片...', 5000);
-                        const canvas = await html2canvas(element, {
-                            scale: 2,
-                            backgroundColor: '#ffffff',
-                            useCORS: true
-                        });
-                        
-                        const link = document.createElement('a');
-                        link.download = `${project.value.projectName || 'project'}-valuation-report.png`;
-                        link.href = canvas.toDataURL('image/png');
-                        link.click();
-                        showToast('图片导出成功');
+                        await fetch(`/api/valuations/${id}`, { method: 'DELETE' });
+                        loadHistory();
                     } catch (e) {
                         console.error(e);
-                        showToast('导出失败，请重试');
                     }
                 };
-                
-                const loadDemoData = () => {
-                    project.value = {
-                        projectName: '演示科技 (DemoTech)',
-                        industry: 'AI',
-                        stage: 'MVP',
-                        berkusFactors: [
-                            { name: '创意价值 (Sound Idea)', value: 350000, desc: '产品创意是否存在基本价值和风险规避？(最高 $500k)' },
-                            { name: '原型验证 (Prototype)', value: 400000, desc: '是否有可工作的原型来降低技术风险？(最高 $500k)' },
-                            { name: '管理团队 (Quality Team)', value: 250000, desc: '是否有高质量的管理团队来降低执行风险？(最高 $500k)' },
-                            { name: '战略关系 (Relationships)', value: 100000, desc: '是否有战略合作伙伴/早期客户来降低市场风险？(最高 $500k)' },
-                            { name: '产品发布/销售 (Rollout)', value: 0, desc: '产品是否已发布或产生销售来降低生产风险？(最高 $500k)' }
-                        ],
-                        industryAverageValuation: 3000000,
-                        scorecardFactors: [
-                            { name: '团队实力', weight: 30, percentage: 120 },
-                            { name: '市场机会大小', weight: 25, percentage: 110 },
-                            { name: '产品/技术壁垒', weight: 15, percentage: 115 },
-                            { name: '竞争环境', weight: 10, percentage: 90 },
-                            { name: '市场推广/销售渠道', weight: 10, percentage: 80 },
-                            { name: '额外资金需求', weight: 5, percentage: 100 },
-                            { name: '其他因素', weight: 5, percentage: 100 }
-                        ],
-                        selectedPreMoney: 0,
-                        investmentAmount: 800000,
-                        optionPool: 15,
-                        totalShares: 1000000,
-                        investorName: '红杉资本 (Sequoia)',
-                        closingDate: new Date().toISOString().split('T')[0],
-                        liquidationPref: '1x Non-Participating',
-                        boardSeatsFounder: 2,
-                        boardSeatsInvestor: 1,
-                        boardSeatsIndependent: 0
-                    };
-                    showToast('演示数据已加载');
-                };
-                const updateChart = () => {
-                    if (!document.getElementById('dilutionChart')) return;
-                    
-                    const ctx = document.getElementById('dilutionChart').getContext('2d');
-                    
-                    if (chartInstance) {
-                        chartInstance.destroy();
-                    }
-                    
-                    chartInstance = new Chart(ctx, {
-                        type: 'doughnut',
-                        data: {
-                            labels: ['创始人团队', '新投资人', '期权池'],
-                            datasets: [{
-                                data: [foundersPercent.value, investorsPercent.value, project.value.optionPool],
-                                backgroundColor: ['#94a3b8', '#4f46e5', '#cbd5e1'],
-                                borderWidth: 0
-                            }]
-                        },
-                        options: {
-                            responsive: true,
-                            maintainAspectRatio: false,
-                            plugins: {
-                                legend: { position: 'bottom' }
-                            }
-                        }
+
+                const exportReport = () => {
+                    const element = document.getElementById('report-content');
+                    html2canvas(element, { scale: 2, useCORS: true }).then(canvas => {
+                        const link = document.createElement('a');
+                        link.download = `valuation-report-${project.value.name || 'unnamed'}.png`;
+                        link.href = canvas.toDataURL();
+                        link.click();
                     });
                 };
 
-                // Watch for chart updates
-                watch([foundersPercent, investorsPercent, () => project.value.optionPool, currentTab], () => {
-                    if (currentTab.value === 'dilution') {
-                        // Small delay to ensure DOM is ready
-                        setTimeout(updateChart, 100);
-                    }
-                });
-
+                // Default data init
                 onMounted(() => {
-                    loadProjectList();
-                    // Set default Berkus values to non-zero for demo
-                    project.value.berkusFactors[0].value = 150000;
-                    project.value.berkusFactors[1].value = 100000;
-                    
-                    if (currentTab.value === 'dilution') {
-                        setTimeout(updateChart, 100);
-                    }
+                    loadHistory();
+                    updateChart();
                 });
 
                 return {
-                    currentTab,
-                    tabs,
-                    project,
-                    berkusValuation,
-                    scorecardValuation,
-                    postMoneyValuation,
-                    investorsPercent,
-                    foundersPercent,
-                    foundersValue,
-                    optionPoolValue,
-                    pricePerShare,
-                    termSheetText,
-                    formatNumber,
-                    saveProject,
-                    showLoadModal,
-                    savedProjects,
-                    loadProject,
-                    copyTermSheet,
-                    printReport,
-                    toast,
-                    loadDemoData,
-                    exportImage
+                    project, currentTab, tabs, history,
+                    berkusDrivers, berkusValuation,
+                    scorecardBase, scorecardFactors, scorecardMultiplier, scorecardValuation,
+                    riskBase, riskFactors, riskFactorValuation,
+                    averageValuation,
+                    getRiskLabel, getRiskColor, getRiskBarColor, getRiskBarWidth, getRiskBarMargin,
+                    saveValuation, deleteValuation, loadValuation, exportReport, formatCurrency
                 };
             }
         }).mount('#app');