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/digital-weber.html ADDED Viewed

@@ -0,0 +1,591 @@
+<!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,社会科学,SocienceAI,数字韦伯,韦伯理论,社会行动,理性化,权威分析">
+    <!-- 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/digital-weber">
+    <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">
+    <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, #3b82f6 0%, #1d4ed8 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;
+        }
+        .discovery-card {
+            background: white;
+            border-radius: 0.75rem;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+            padding: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .status-indicator {
+            width: 4rem;
+            height: 4rem;
+            border-radius: 50%;
+            margin: 0 auto 0.5rem;
+        }
+        @media (max-width: 768px) {
+            .hero-title {
+                font-size: 2rem !important;
+            }
+            .expert-card {
+                margin-bottom: 1rem;
+            }
+        }
+    </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, #3b82f6 0%, #1d4ed8 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;">
+                    基于韦伯社会学理论的AI助手，专注于社会行动类型学、理性化过程分析、权威合法性分析等核心概念
+                </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;">AI辅助的复杂社会现象分析</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 class="feature-box">
+                    <h2 style="font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; text-align: center;">🧠 四重专家协作系统</h2>
+                    <p style="font-size: 1.1rem; margin-bottom: 2rem; text-align: center; opacity: 0.95;">
+                        整合多学科视角，提供全方位的韦伯理论分析
+                    </p>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;">
+                        <div class="expert-card" style="background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: rgba(255, 255, 255, 0.2); color: white;">📚</div>
+                                <div>
+                                    <h3 style="color: white; font-weight: 600; margin: 0;">理论阐释专家</h3>
+                                    <span class="expert-badge" style="background: rgba(255, 255, 255, 0.2); color: white;">理论分析</span>
+                                </div>
+                            </div>
+                            <p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 0.95rem;">
+                                专注于韦伯理论体系的深度阐释，确保概念使用的准确性和理论逻辑的严密性
+                            </p>
+                        </div>
+                        <div class="expert-card" style="background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: rgba(255, 255, 255, 0.2); color: white;">🔍</div>
+                                <div>
+                                    <h3 style="color: white; font-weight: 600; margin: 0;">理解性分析专家</h3>
+                                    <span class="expert-badge" style="background: rgba(255, 255, 255, 0.2); color: white;">意义解读</span>
+                                </div>
+                            </div>
+                            <p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 0.95rem;">
+                                运用韦伯的理解性方法，深入分析社会行动的主观意义和动机结构
+                            </p>
+                        </div>
+                        <div class="expert-card" style="background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: rgba(255, 255, 255, 0.2); color: white;">🏛️</div>
+                                <div>
+                                    <h3 style="color: white; font-weight: 600; margin: 0;">制度分析专家</h3>
+                                    <span class="expert-badge" style="background: rgba(255, 255, 255, 0.2); color: white;">制度研究</span>
+                                </div>
+                            </div>
+                            <p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 0.95rem;">
+                                专注于权威类型、科层制等制度分析，揭示现代社会的组织原理
+                            </p>
+                        </div>
+                        <div class="expert-card" style="background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: rgba(255, 255, 255, 0.2); color: white;">🌍</div>
+                                <div>
+                                    <h3 style="color: white; font-weight: 600; margin: 0;">比较研究专家</h3>
+                                    <span class="expert-badge" style="background: rgba(255, 255, 255, 0.2); color: white;">比较分析</span>
+                                </div>
+                            </div>
+                            <p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 0.95rem;">
+                                运用韦伯的比较历史方法，分析不同文明和社会的发展路径
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <!-- 分析流程 -->
+                <section style="margin-bottom: 4rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: var(--text-primary);">🔄 分析流程</h2>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
+                        <div class="discovery-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="step-number" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);">1</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600; margin: 0;">社会行动类型学分析</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                基于韦伯的理想类型方法，分析社会行动的目的理性、价值理性、情感性和传统性
+                            </p>
+                            <div class="skill-box">
+                                <div style="font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem;">核心技能:</div>
+                                <div style="color: var(--text-secondary); font-size: 0.9rem;">
+                                    • 行动动机识别<br>
+                                    • 理性类型判断<br>
+                                    • 意义结构分析<br>
+                                    • 行动逻辑推演
+                                </div>
+                            </div>
+                        </div>
+                        <div class="discovery-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="step-number" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);">2</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600; margin: 0;">理性化过程研究</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                分析现代社会理性化过程，包括工具理性化和价值理性化的复杂关系
+                            </p>
+                            <div class="skill-box">
+                                <div style="font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem;">核心技能:</div>
+                                <div style="color: var(--text-secondary); font-size: 0.9rem;">
+                                    • 理性化程度测量<br>
+                                    • 除魅过程分析<br>
+                                    • 形式理性评估<br>
+                                    • 实质理性识别
+                                </div>
+                            </div>
+                        </div>
+                        <div class="discovery-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="step-number" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);">3</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600; margin: 0;">权威合法性分析</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                运用韦伯的三种权威类型理论，分析政治权力和组织管理的合法性基础
+                            </p>
+                            <div class="skill-box">
+                                <div style="font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem;">核心技能:</div>
+                                <div style="color: var(--text-secondary); font-size: 0.9rem;">
+                                    • 法理型权威识别<br>
+                                    • 传统型权威分析<br>
+                                    • 魅力型权威评估<br>
+                                    • 合法性基础检验
+                                </div>
+                            </div>
+                        </div>
+                        <div class="discovery-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="step-number" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);">4</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600; margin: 0;">科层制与现代性</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                分析科层制组织的特征和运作机制，探讨现代性的"铁笼"问题
+                            </p>
+                            <div class="skill-box">
+                                <div style="font-weight: 600; color: var(--text-primary); margin-bottom: 0.5rem;">核心技能:</div>
+                                <div style="color: var(--text-secondary); font-size: 0.9rem;">
+                                    • 科层制特征分析<br>
+                                    • 组织效率评估<br>
+                                    • 非人格化程度测量<br>
+                                    • 现代性困境诊断
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+                <!-- 应用场景 -->
+                <section style="margin-bottom: 4rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: var(--text-primary);">🎯 应用场景</h2>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem;">
+                        <div class="expert-card">
+                            <div style="text-align: center; margin-bottom: 1rem;">
+                                <div class="status-indicator" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); display: flex; align-items: center; justify-content: center; font-size: 2rem;">🏛️</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600;">政治体制研究</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); text-align: center;">
+                                分析不同政治体制的权威类型和合法性基础，理解现代政治的理性化过程
+                            </p>
+                        </div>
+                        <div class="expert-card">
+                            <div style="text-align: center; margin-bottom: 1rem;">
+                                <div class="status-indicator" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); display: flex; align-items: center; justify-content: center; font-size: 2rem;">🏢</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600;">组织管理分析</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); text-align: center;">
+                                运用科层制理论分析现代组织管理，优化组织结构和决策流程
+                            </p>
+                        </div>
+                        <div class="expert-card">
+                            <div style="text-align: center; margin-bottom: 1rem;">
+                                <div class="status-indicator" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); display: flex; align-items: center; justify-content: center; font-size: 2rem;">🌍</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600;">文明比较研究</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); text-align: center;">
+                                比较不同文明的发展路径，理解理性化过程的多样性和普遍性
+                            </p>
+                        </div>
+                        <div class="expert-card">
+                            <div style="text-align: center; margin-bottom: 1rem;">
+                                <div class="status-indicator" style="background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); display: flex; align-items: center; justify-content: center; font-size: 2rem;">🎭</div>
+                                <h3 style="color: var(--text-primary); font-weight: 600;">社会行为分析</h3>
+                            </div>
+                            <p style="color: var(--text-secondary); text-align: center;">
+                                分析现代社会行为的理性化特征，理解个体与社会的复杂关系
+                            </p>
+                        </div>
+                    </div>
+                </section>
+                <!-- 核心功能 -->
+                <section style="margin-bottom: 4rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; margin-bottom: 3rem; color: var(--text-primary);">⚡ 核心功能</h2>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem;">
+                        <div class="skill-box">
+                            <h3 style="color: var(--text-primary); font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;">
+                                <span style="font-size: 1.5rem;">🎯</span> 理想类型构建
+                            </h3>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                运用韦伯的理想类型方法，构建分析概念框架
+                            </p>
+                            <ul style="color: var(--text-secondary); padding-left: 1.5rem; margin: 0;">
+                                <li>概念抽象化</li>
+                                <li>类型特征提取</li>
+                                <li>理想化程度评估</li>
+                                <li>分析工具构建</li>
+                            </ul>
+                        </div>
+                        <div class="skill-box">
+                            <h3 style="color: var(--text-primary); font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;">
+                                <span style="font-size: 1.5rem;">🔍</span> 理解性分析
+                            </h3>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                深入理解社会行动的主观意义和动机结构
+                            </p>
+                            <ul style="color: var(--text-secondary); padding-left: 1.5rem; margin: 0;">
+                                <li>行动意义解读</li>
+                                <li>动机结构分析</li>
+                                <li>价值取向识别</li>
+                                <li>情境理解</li>
+                            </ul>
+                        </div>
+                        <div class="skill-box">
+                            <h3 style="color: var(--text-primary); font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;">
+                                <span style="font-size: 1.5rem;">📊</span> 理性化评估
+                            </h3>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                量化分析社会现象的理性化程度和趋势
+                            </p>
+                            <ul style="color: var(--text-secondary); padding-left: 1.5rem; margin: 0;">
+                                <li>理性化指标构建</li>
+                                <li>工具理性测量</li>
+                                <li>价值理性评估</li>
+                                <li>理性化趋势预测</li>
+                            </ul>
+                        </div>
+                        <div class="skill-box">
+                            <h3 style="color: var(--text-primary); font-weight: 600; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;">
+                                <span style="font-size: 1.5rem;">🏛️</span> 权威分析
+                            </h3>
+                            <p style="color: var(--text-secondary); margin-bottom: 1rem;">
+                                分析权威类型和合法性基础，评估权力结构
+                            </p>
+                            <ul style="color: var(--text-secondary); padding-left: 1.5rem; margin: 0;">
+                                <li>权威类型识别</li>
+                                <li>合法性基础分析</li>
+                                <li>权力结构评估</li>
+                                <li>权威稳定性预测</li>
+                            </ul>
+                        </div>
+                    </div>
+                </section>
+                <!-- 开始使用 -->
+                <section style="text-align: center; padding: 3rem; background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 1rem; color: white;">
+                    <h2 style="font-size: 2rem; font-weight: 700; margin-bottom: 1rem;">🚀 开始使用数字韦伯</h2>
+                    <p style="font-size: 1.1rem; margin-bottom: 2rem; opacity: 0.95;">
+                        立即体验专业的韦伯理论分析，深入理解现代社会
+                    </p>
+                    <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap;">
+                        <button style="background: white; color: #fa709a; padding: 0.75rem 2rem; border: none; border-radius: 0.5rem; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s ease;">
+                            立即开始分析
+                        </button>
+                        <button style="background: transparent; color: white; padding: 0.75rem 2rem; border: 2px solid white; border-radius: 0.5rem; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s ease;">
+                            查看案例演示
+                        </button>
+                    </div>
+                </section>
+            </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>
+        // 移动端菜单切换
+        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, .discovery-card, .skill-box').forEach(card => {
+            card.style.opacity = '0';
+            card.style.transform = 'translateY(30px)';
+            card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
+            observer.observe(card);
+        });
+    </script>
+    <!-- 数字韦伯智能体 JavaScript -->
+    <script src="../shared/js/weber-analysis-agent.js"></script>
+</body>
+</html>