npm - ssci-subagent-skills - Versions diffs - 1.0.0 - Mend

ssci-subagent-skills 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (911) hide show

package/agents/references/business-model-analysis.html ADDED Viewed

@@ -0,0 +1,620 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="../favicon.ico">
+    <title>商业模式系统分析智能体 - 专业AI智能体服务</title>
+    <meta name="description" content="专业的商业模式系统分析AI工具，基于商业模式画布理论，分析企业上下游关系、客户关系、核心产品服务，绘制商业模式简图">
+    <meta name="robots" content="index,follow">
+    <meta name="keywords" content="AI,商业模式分析,商业模式画布,运营模式,管理模式,资本模式,技术模式,商业智能">
+    <!-- Open Graph Meta Tags -->
+    <meta property="og:title" content="商业模式系统分析智能体 - 专业AI智能体服务">
+    <meta property="og:description" content="专业的商业模式系统分析AI工具，基于商业模式画布理论，分析企业上下游关系、客户关系、核心产品服务，绘制商业模式简图">
+    <meta property="og:url" content="https://socienceAI.com/agents/business-model-analysis">
+    <meta property="og:type" content="website">
+    <meta property="og:locale" content="zh_CN">
+    <!-- CSS Styles -->
+    <link rel="stylesheet" href="../styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .expert-card {
+            background: white;
+            border-radius: 0.75rem;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+            border: 1px solid #e5e7eb;
+            padding: 1.5rem;
+            transition: transform 0.2s ease, box-shadow 0.2s ease;
+        }
+        .expert-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
+        }
+        .expert-icon {
+            width: 3rem;
+            height: 3rem;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            margin-right: 1rem;
+        }
+        .expert-badge {
+            font-size: 0.875rem;
+            padding: 0.25rem 0.75rem;
+            border-radius: 9999px;
+            font-weight: 500;
+        }
+        .skill-box {
+            background: #f8fafc;
+            padding: 1rem;
+            border-radius: 0.5rem;
+            margin-bottom: 0.75rem;
+        }
+        .feature-box {
+            background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
+            color: white;
+            padding: 2rem;
+            border-radius: 1rem;
+            margin-bottom: 2rem;
+        }
+        .process-step {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 1rem;
+        }
+        .step-number {
+            width: 1.5rem;
+            height: 1.5rem;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: white;
+            font-weight: 600;
+            margin-right: 0.75rem;
+            flex-shrink: 0;
+        }
+        .business-canvas {
+            background: white;
+            border-radius: 0.5rem;
+            padding: 2rem;
+            margin-bottom: 2rem;
+            border: 1px solid #e5e7eb;
+        }
+        .canvas-section {
+            background: #f8fafc;
+            border-radius: 0.5rem;
+            padding: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .flow-diagram {
+            background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
+            border-radius: 1rem;
+            padding: 2rem;
+            margin: 2rem 0;
+        }
+        .visualization-container {
+            height: 500px;
+            border-radius: 1rem;
+            overflow: hidden;
+            margin: 2rem 0;
+            background: white;
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+        }
+        #canvas-graph {
+            width: 100%;
+            height: 100%;
+        }
+        .analysis-result {
+            background: white;
+            border-radius: 0.75rem;
+            padding: 2rem;
+            margin-top: 2rem;
+            display: none;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+        }
+        .stat-card {
+            background: white;
+            border-radius: 0.5rem;
+            padding: 1rem;
+            margin-bottom: 1rem;
+            border-left: 4px solid #8b5cf6;
+        }
+        .loading {
+            display: none;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(255, 255, 255, 0.9);
+            z-index: 2000;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+        }
+        .spinner {
+            width: 50px;
+            height: 50px;
+            border: 5px solid rgba(139, 92, 246, 0.2);
+            border-top: 5px solid #8b5cf6;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+            margin-bottom: 1rem;
+        }
+        @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+        }
+        @media (max-width: 768px) {
+            .hero-title {
+                font-size: 2rem !important;
+            }
+            .expert-card {
+                margin-bottom: 1rem;
+            }
+            .visualization-container {
+                height: 400px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- 导航栏 -->
+    <nav class="modern-nav">
+        <div class="modern-container">
+            <div style="display: flex; justify-content: space-between; align-items: center; height: 80px;">
+                <a href="../index.html" class="nav-brand">
+                    <img src="../logo.png" alt="SocienceAI Logo" class="nav-logo">
+                    <div>
+                        <div style="font-size: 1.5rem; font-weight: 800; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">SocienceAI</div>
+                        <div style="font-size: 0.875rem; color: var(--text-secondary); font-weight: 400;">让社会科学与AI双向赋能</div>
+                    </div>
+                </a>
+                <ul class="nav-menu">
+                    <li><a href="../index.html" class="nav-link">首页</a></li>
+                    <li><a href="../ai-agents.html" class="nav-link">Agent服务</a></li>
+                    <li><a href="../resources.html" class="nav-link">精品AI</a></li>
+                    <li><a href="../Tech/index.html" class="nav-link">赋能工具</a></li>
+                    <li><a href="../courses/courses.html" class="nav-link">培训课程</a></li>
+                    <li><a href="../Dao/index.html" class="nav-link">关于我们</a></li>
+                    <li><a href="../contact.html" class="nav-link">联系我们</a></li>
+                </ul>
+                <!-- 移动端菜单按钮 -->
+                <button id="mobile-menu-btn" style="display: none; background: none; border: none; cursor: pointer; padding: 0.5rem;">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M3 12h18M3 6h18M3 18h18"/>
+                    </svg>
+                </button>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <section class="hero-section" style="padding: 4rem 0; background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);">
+        <div class="modern-container">
+            <div class="hero-content animate-fade-in" style="text-align: center;">
+                <h1 class="hero-title" style="color: white; font-size: 3rem; font-weight: 700; margin-bottom: 1rem;">📊 商业模式系统分析智能体</h1>
+                <p class="hero-subtitle" style="color: rgba(255, 255, 255, 0.9); font-size: 1.3rem; margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                    基于商业模式画布理论，深度分析企业商业模式，涵盖运营、管理、资本、技术四维模式
+                </p>
+                <div style="margin-bottom: 2rem;">
+                    <span style="background: rgba(255, 255, 255, 0.2); color: white; padding: 0.5rem 1rem; border-radius: 2rem; margin: 0.25rem; display: inline-block; font-weight: 500;">
+                        🎯 商业模式画布
+                    </span>
+                    <span style="background: rgba(255, 255, 255, 0.2); color: white; padding: 0.5rem 1rem; border-radius: 2rem; margin: 0.25rem; display: inline-block; font-weight: 500;">
+                        📈 四维模式分析
+                    </span>
+                    <span style="background: rgba(255, 255, 255, 0.2); color: white; padding: 0.5rem 1rem; border-radius: 2rem; margin: 0.25rem; display: inline-block; font-weight: 500;">
+                        🔄 业务流程分析
+                    </span>
+                    <span style="background: rgba(255, 255, 255, 0.2); color: white; padding: 0.5rem 1rem; border-radius: 2rem; margin: 0.25rem; display: inline-block; font-weight: 500;">
+                        📊 竞争对比分析
+                    </span>
+                </div>
+                <div style="background: rgba(255, 255, 255, 0.1); border-radius: 1rem; padding: 2rem; max-width: 1000px; margin: 0 auto; backdrop-filter: blur(10px);">
+                    <h3 style="color: white; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;">🚀 核心优势</h3>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; text-align: left;">
+                        <div style="color: white;">
+                            <div style="font-weight: 600; margin-bottom: 0.5rem;">🔍 商业模式画布分析</div>
+                            <div style="font-size: 0.9rem; opacity: 0.9;">全面分析企业商业模式九个构成要素</div>
+                        </div>
+                        <div style="color: white;">
+                            <div style="font-weight: 600; margin-bottom: 0.5rem;">📊 四维模式分析</div>
+                            <div style="font-size: 0.9rem; opacity: 0.9;">运营、管理、资本、技术模式深度解析</div>
+                        </div>
+                        <div style="color: white;">
+                            <div style="font-weight: 600; margin-bottom: 0.5rem;">🔄 流程简图绘制</div>
+                            <div style="font-size: 0.9rem; opacity: 0.9;">物流、信息流、资金流可视化呈现</div>
+                        </div>
+                        <div style="color: white;">
+                            <div style="font-weight: 600; margin-bottom: 0.5rem;">🔍 竞争对比分析</div>
+                            <div style="font-size: 0.9rem; opacity: 0.9;">与竞争对手模式差异对比</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- 主要内容 -->
+    <main style="flex-grow: 1; padding: 5rem 0; background: white;">
+        <div class="modern-container">
+            <div style="max-width: 1200px; margin: 0 auto;">
+                <!-- 页面标题 -->
+                <div style="background: linear-gradient(135deg, #7e22ce 0%, #8b5cf6 100%); color: white; border-radius: 1rem; margin-bottom: 3rem;">
+                    <div style="padding: 3rem;">
+                        <div style="max-width: 900px; margin: 0 auto; text-align: center;">
+                            <a href="../ai-agents.html" style="display: inline-flex; align-items: center; color: #ddd6fe; text-decoration: none; margin-bottom: 2rem; transition: color 0.2s;">
+                                <svg xmlns="http://www.w3.org/2000/svg" style="height: 1.25rem; width: 1.25rem; margin-right: 0.5rem;" viewBox="0 0 20 20" fill="currentColor">
+                                    <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd"/>
+                                </svg>
+                                返回专业智能体服务
+                            </a>
+                            <h1 style="font-size: 2.5rem; font-weight: 700; margin-bottom: 1rem;">商业模式系统分析智能体</h1>
+                            <p style="font-size: 1.25rem; color: #ddd6fe;">专业的商业模式系统分析AI系统</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- 控制面板 -->
+                <div class="expert-card" style="margin-bottom: 2rem;">
+                    <div class="row">
+                        <div class="col-md-8">
+                            <div class="mb-3">
+                                <label for="companyInput" class="form-label" style="font-weight: 600; color: #1e293b;">请输入要分析的企业名称:</label>
+                                <input type="text" class="form-control" id="companyInput" placeholder="例如：阿里巴巴、腾讯、字节跳动..." style="border: 1px solid #cbd5e1; border-radius: 0.5rem; padding: 0.75rem; width: 100%; font-size: 1rem;">
+                            </div>
+                            <div class="mb-3">
+                                <label for="analysisDepth" class="form-label" style="font-weight: 600; color: #1e293b;">分析深度:</label>
+                                <select class="form-select" id="analysisDepth" style="border: 1px solid #cbd5e1; border-radius: 0.5rem; padding: 0.75rem; width: 100%; font-size: 1rem;">
+                                    <option value="basic">基础分析</option>
+                                    <option value="standard" selected>标准分析</option>
+                                    <option value="deep">深度分析</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="d-grid gap-2">
+                                <button id="analyzeBtn" class="btn" style="background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); color: white; border: none; border-radius: 0.5rem; padding: 0.75rem 2rem; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; width: 100%;">
+                                    🚀 开始分析
+                                </button>
+                                <button id="exportBtn" class="btn" style="background: transparent; color: #8b5cf6; border: 2px solid #8b5cf6; border-radius: 0.5rem; padding: 0.75rem 2rem; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; width: 100%;">
+                                    📤 导出结果
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 统计卡片 -->
+                <div class="row mb-4" id="statsSection" style="display: none;">
+                    <div class="col-md-3">
+                        <div class="stat-card">
+                            <div style="font-size: 2rem; font-weight: 700; color: #8b5cf6; line-height: 1;" id="keyPartnersCount">0</div>
+                            <div style="font-size: 0.9rem; color: #64748b; margin-top: 0.5rem;">关键合作伙伴</div>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="stat-card">
+                            <div style="font-size: 2rem; font-weight: 700; color: #8b5cf6; line-height: 1;" id="customerSegmentsCount">0</div>
+                            <div style="font-size: 0.9rem; color: #64748b; margin-top: 0.5rem;">客户细分</div>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="stat-card">
+                            <div style="font-size: 2rem; font-weight: 700; color: #8b5cf6; line-height: 1;" id="revenueStreamsCount">0</div>
+                            <div style="font-size: 0.9rem; color: #64748b; margin-top: 0.5rem;">收入来源</div>
+                        </div>
+                    </div>
+                    <div class="col-md-3">
+                        <div class="stat-card">
+                            <div style="font-size: 2rem; font-weight: 700; color: #8b5cf6; line-height: 1;" id="businessScore">0</div>
+                            <div style="font-size: 0.9rem; color: #64748b; margin-top: 0.5rem;">商业模式健康度</div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 商业模式画布 -->
+                <div class="business-canvas">
+                    <h5 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem; text-align: center;">
+                        <i class="fas fa-project-diagram me-2"></i>商业模式画布分析
+                    </h5>
+                    <div class="row">
+                        <div class="col-md-4">
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">关键合作伙伴</h6>
+                                <ul id="keyPartnersList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">关键活动</h6>
+                                <ul id="keyActivitiesList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">关键资源</h6>
+                                <ul id="keyResourcesList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="canvas-section" style="background: #ede9fe; border: 2px solid #8b5cf6;">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem; text-align: center;">价值主张</h6>
+                                <ul id="valuePropositionsList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-md-4">
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">客户关系</h6>
+                                <ul id="customerRelationshipsList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">渠道通路</h6>
+                                <ul id="channelsList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                            <div class="canvas-section">
+                                <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">客户细分</h6>
+                                <ul id="customerSegmentsList" class="list-unstyled">
+                                    <!-- 动态填充 -->
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="canvas-section" style="margin-top: 1rem; background: #f3e8ff;">
+                        <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">成本结构</h6>
+                        <ul id="costStructureList" class="list-unstyled">
+                            <!-- 动态填充 -->
+                        </ul>
+                    </div>
+                    <div class="canvas-section" style="background: #e9d5ff;">
+                        <h6 style="font-weight: 600; color: #7c3aed; margin-bottom: 1rem;">收入来源</h6>
+                        <ul id="revenueStreamsList" class="list-unstyled">
+                            <!-- 动态填充 -->
+                        </ul>
+                    </div>
+                </div>
+                <!-- 流程简图 -->
+                <div class="flow-diagram">
+                    <h5 style="font-size: 1.25rem; font-weight: 700; color: #6d28d9; margin-bottom: 1.5rem; text-align: center;">
+                        <i class="fas fa-exchange-alt me-2"></i>商业模式简图 (物流·信息流·资金流)
+                    </h5>
+                    <div class="visualization-container">
+                        <div id="canvas-graph"></div>
+                        <div class="loading" id="loadingIndicator">
+                            <div class="spinner"></div>
+                            <p>正在分析商业模式...</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- 四维模式分析 -->
+                <div class="analysis-result" id="analysisResult">
+                    <h5 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem;"><i class="fas fa-chart-bar me-2"></i>四维模式深度分析</h5>
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="expert-card">
+                                <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-cogs me-2" style="color: #8b5cf6;"></i>运营模式分析</h6>
+                                <div id="operationalModelAnalysis">
+                                    <!-- 动态填充 -->
+                                </div>
+                            </div>
+                            <div class="expert-card mt-3">
+                                <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-users me-2" style="color: #8b5cf6;"></i>管理模式分析</h6>
+                                <div id="managementModelAnalysis">
+                                    <!-- 动态填充 -->
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="expert-card">
+                                <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-money-bill-wave me-2" style="color: #8b5cf6;"></i>资本模式分析</h6>
+                                <div id="capitalModelAnalysis">
+                                    <!-- 动态填充 -->
+                                </div>
+                            </div>
+                            <div class="expert-card mt-3">
+                                <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-microchip me-2" style="color: #8b5cf6;"></i>技术模式分析</h6>
+                                <div id="technologyModelAnalysis">
+                                    <!-- 动态填充 -->
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 竞争对比分析 -->
+                    <div class="expert-card mt-3">
+                        <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-balance-scale me-2" style="color: #8b5cf6;"></i>竞争对比与生态位分析</h6>
+                        <div id="competitiveAnalysis">
+                            <!-- 动态填充 -->
+                        </div>
+                    </div>
+                    <!-- 信息来源 -->
+                    <div class="expert-card mt-3">
+                        <h6 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;"><i class="fas fa-link me-2" style="color: #8b5cf6;"></i>信息来源与数据出处</h6>
+                        <div id="dataSources">
+                            <!-- 动态填充 -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+    <!-- Footer -->
+    <footer class="modern-footer">
+        <div class="modern-container">
+            <div class="footer-content">
+                <div class="footer-section">
+                    <div class="footer-brand">
+                        <div class="footer-logo">AI</div>
+                        <div class="footer-title">SocienceAI</div>
+                    </div>
+                    <p class="footer-description">
+                        SocienceAI致力于构建AI与社会科学研究的双向赋能体系，通过AI释放人类研究者自由创新的核心潜力，提升AI智能体的集体智能和社会智能。
+                    </p>
+                </div>
+                <div class="footer-section">
+                    <h4>AI社科方法</h4>
+                    <ul class="footer-links">
+                        <li><a href="grounded-theory.html">扎根理论</a></li>
+                        <li><a href="social-network-analysis.html">社会网络分析</a></li>
+                        <li><a href="actor-network-analysis.html">行动者网络分析</a></li>
+                        <li><a href="bourdieu-field-analysis.html">布迪厄场域分析</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h4>社科智能体</h4>
+                    <ul class="footer-links">
+                        <li><a href="digital-durkheim.html">数字迪尔凯姆专家</a></li>
+                        <li><a href="digital-marx.html">数字马克思专家</a></li>
+                        <li><a href="digital-weber.html">数字韦伯专家</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h4>AI与商业</h4>
+                    <ul class="footer-links">
+                        <li><a href="../Tech/AiProductDesign.html">AI产品设计</a></li>
+                        <li><a href="../Tech/AiMarketingTechnology.html">AI营销技术</a></li>
+                    </ul>
+                </div>
+                <div class="footer-section">
+                    <h4>关于我们</h4>
+                    <ul class="footer-links">
+                        <li><a href="../Dao/index.html">关于我们</a></li>
+                        <li><a href="../Dao/Manifesto.html">项目使命</a></li>
+                        <li><a href="../contact.html">联系我们</a></li>
+                        <li><a href="../privacy.html">隐私政策</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="footer-bottom">
+                <p>&copy; 2025 SocienceAI. 保留所有权利.</p>
+            </div>
+        </div>
+    </footer>
+    <!-- JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
+    <script>
+        // 移动端菜单切换
+        document.getElementById('mobile-menu-btn').addEventListener('click', function() {
+            const navMenu = document.querySelector('.nav-menu');
+            navMenu.classList.toggle('active');
+        });
+        // 点击菜单项后关闭移动端菜单
+        document.querySelectorAll('.nav-link').forEach(link => {
+            link.addEventListener('click', function() {
+                const navMenu = document.querySelector('.nav-menu');
+                navMenu.classList.remove('active');
+            });
+        });
+        // 平滑滚动
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                const target = document.querySelector(this.getAttribute('href'));
+                if (target) {
+                    target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            });
+        });
+        // 滚动动画
+        const observerOptions = {
+            threshold: 0.1,
+            rootMargin: '0px 0px -50px 0px'
+        };
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.style.opacity = '1';
+                    entry.target.style.transform = 'translateY(0)';
+                }
+            });
+        }, observerOptions);
+        // 观察内容区域
+        document.querySelectorAll('.expert-card, .stat-card').forEach(card => {
+            card.style.opacity = '0';
+            card.style.transform = 'translateY(20px)';
+            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
+            observer.observe(card);
+        });
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/cytoscape/3.23.0/cytoscape.min.js"></script>
+    <script src="shared/js/business-canvas-analyzer.js"></script>
+    <script src="shared/js/four-dimensional-analyzer.js"></script>
+    <script src="shared/js/competitive-analyzer.js"></script>
+    <script src="shared/js/data-source-validator.js"></script>
+    <script src="shared/js/business-model-analysis-agent.js"></script>
+</body>
+</html>