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/grounded-theory.html ADDED Viewed

@@ -0,0 +1,731 @@
+<!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="四重专家协作系统：现象学、实证主义、建构主义与本土化专家并行分析，实现深度理论建构与多维度洞察">
+    <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="四重专家协作系统：现象学、实证主义、建构主义与本土化专家并行分析，实现深度理论建构与多维度洞察">
+    <meta property="og:url" content="https://socienceAI.com/agents/grounded-theory">
+    <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, #667eea 0%, #764ba2 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, #667eea 0%, #764ba2 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;">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 style="background: linear-gradient(135deg, #1e3a8a 0%, #312e81 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: #93c5fd; 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: #dbeafe;">现象学、实证主义、建构主义与本土化的四重专家对话系统</p>
+                        </div>
+                    </div>
+                </div>
+                <!-- 专家角色协作系统 -->
+                <div style="padding: 0 1rem 3rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; color: #1e293b; margin-bottom: 1rem;">四重专家对话与并行分析系统</h2>
+                    <p style="color: #475569; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                        通过现象学、实证主义、建构主义和本土化四个专家的并行分析与多视角对话，实现全面深入的理论建构
+                    </p>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 3rem;">
+                        <!-- 现象学专家 -->
+                        <div class="expert-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: #dbeafe;">
+                                    <svg style="width: 1.5rem; height: 1.5rem; color: #2563eb;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 002-2V5a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2v2a2 2 0 002 2H9a2 2 0 002-2h-2a2 2 0 00-2-2z"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b;">现象学专家</h3>
+                                    <span class="expert-badge" style="background: #fef3c7; color: #92400e;">生活体验诠释</span>
+                                </div>
+                            </div>
+                            <p style="color: #475569; margin-bottom: 1rem;">基于胡塞尔、舒茨现象学传统，专注于参与者的主观体验、生活世界和意义结构的深度诠释。</p>
+                            <div class="skill-box">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">核心分析技能</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 生活世界现象描述</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 主观意义结构分析</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 体验本质还原</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 时间意识结构阐释</li>
+                                </ul>
+                            </div>
+                            <div class="skill-box" style="background: #fef3c7;">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">编码特色</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 体验性概念提取</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 意义关联网络构建</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 主体间性分析</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 情境化意义理解</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- 实证主义专家 -->
+                        <div class="expert-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: #dcfce7;">
+                                    <svg style="width: 1.5rem; height: 1.5rem; color: #16a34a;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v5a2 2 0 012 2h5.5a2 2 0 012 2v-5a2 2 0 00-2-2H5.5a2 2 0 00-2-2m0 7a2 2 0 012 2v-5a2 2 0 00-2-2H5.5a2 2 0 00-2 2m0 7a2 2 0 012 2v-5a2 2 0 00-2-2m0 7a2 2 0 012 2v-5a2 2 0 00-2-2"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b;">实证主义专家</h3>
+                                    <span class="expert-badge" style="background: #dbeafe; color: #1d4ed8;">客观数据分析</span>
+                                </div>
+                            </div>
+                            <p style="color: #475569; margin-bottom: 1rem;">强调客观分析和数据驱动的研究方法，运用量化测量、统计验证和客观指标确保研究的科学性和可靠性。</p>
+                            <div class="skill-box">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">核心分析技能</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 量化数据分析</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 统计显著性检验</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 客观测量指标</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 数据驱动验证</li>
+                                </ul>
+                            </div>
+                            <div class="skill-box" style="background: #dbeafe;">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">编码特色</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 操作化定义</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 测量指标构建</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 信度效度检验</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 可重复性验证</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- 建构主义专家 -->
+                        <div class="expert-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1rem;">
+                                <div class="expert-icon" style="background: #f3e8ff;">
+                                    <svg style="width: 1.5rem; height: 1.5rem; color: #9333ea;" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2m-2.5 2.6a.75.75 0 11.06 0h2.5a.75.75 0 001.06.06h2.5a.75.75 0 001.06.06M9 11v6h6v-6H9z"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b;">建构主义专家</h3>
+                                    <span class="expert-badge" style="background: #f3e8ff; color: #9333ea;">社会建构分析</span>
+                                </div>
+                            </div>
+                            <p style="color: #475569; margin-bottom: 1rem;">基于建构主义理论，注重知识和意义的社会建构过程，分析意义如何在互动中产生、共享和演化。</p>
+                            <div class="skill-box">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">核心分析技能</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 社会建构过程分析</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 互动意义生成解读</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 话语建构模式识别</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 认知框架分析</li>
+                                </ul>
+                            </div>
+                            <div class="skill-box" style="background: #f3e8ff;">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">编码特色</h4>
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 建构性概念识别</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 意义演化轨迹追踪</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.25rem;">• 社会互动模式编码</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 共享意义建构</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 本土化专家 -->
+                    <div style="max-width: 800px; margin: 0 auto 3rem;">
+                        <div class="expert-card">
+                            <div style="display: flex; align-items: center; margin-bottom: 1.5rem;">
+                                <div class="expert-icon" style="background: #dcfce7; width: 4rem; height: 4rem;">
+                                    <svg style="width: 2rem; height: 2rem; color: #16a34a;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <h3 style="font-size: 1.5rem; font-weight: 700; color: #1e293b;">本土化专家</h3>
+                                    <span class="expert-badge" style="background: #dcfce7; color: #16a34a; font-size: 1rem;">文化语境与实践贴合</span>
+                                </div>
+                            </div>
+                            <p style="color: #475569; margin-bottom: 1.5rem; text-align: center; font-size: 1.1rem;">
+                                针对中文语境和文化背景进行深度分析，确保理论的文化相关性和实践语境的贴合，实现本土化理论创新与情境化应用。
+                            </p>
+                            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem;">
+                                <div class="skill-box">
+                                    <h4 style="font-weight: 700; color: #1e293b; margin-bottom: 1rem; font-size: 1.1rem;">核心分析技能</h4>
+                                    <ul style="list-style: none; padding: 0;">
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">中文语境深度解读：</strong>深入理解中文语言特色、文化内涵和思维模式
+                                        </li>
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">文化背景适配分析：</strong>结合中国传统文化和当代社会文化背景
+                                        </li>
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">本土实践语境贴合：</strong>确保理论与中国社会实践紧密结合
+                                        </li>
+                                        <li style="color: #475569;">
+                                            <strong style="color: #16a34a;">文化相关性评估：</strong>评估理论的文化适切性和应用价值
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="skill-box" style="background: #dcfce7;">
+                                    <h4 style="font-weight: 700; color: #1e293b; margin-bottom: 1rem; font-size: 1.1rem;">编码特色</h4>
+                                    <ul style="list-style: none; padding: 0;">
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">本土化概念重构：</strong>将国际概念本土化并创造中国特色概念
+                                        </li>
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">文化特质深度编码：</strong>识别和编码中国文化特有的现象
+                                        </li>
+                                        <li style="color: #475569; margin-bottom: 0.5rem;">
+                                            <strong style="color: #16a34a;">实践语境贴合验证：</strong>验证理论的实践应用效果
+                                        </li>
+                                        <li style="color: #475569;">
+                                            <strong style="color: #16a34a;">本土理论体系构建：</strong>构建符合中国语境的理论框架
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 信度对齐分歧检测系统 -->
+                <div style="padding: 0 1rem 3rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; color: #1e293b; margin-bottom: 1rem;">四重专家对话与信度对齐系统</h2>
+                    <p style="color: #475569; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                        通过四重专家的并行分析、多视角对话和分歧检测机制，确保理论分析的信度、一致性和理论饱和度
+                    </p>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 2rem; margin-bottom: 3rem;">
+                        <!-- 信度对齐流程 -->
+                        <div class="discovery-card">
+                            <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1rem;">信度对齐流程</h3>
+                            <div style="display: flex; flex-direction: column; gap: 1rem;">
+                                <div class="process-step">
+                                    <span class="step-number" style="background: #3b82f6;">1</span>
+                                    <div>
+                                        <h4 style="font-weight: 600; color: #1e293b;">并行分析</h4>
+                                        <p style="font-size: 0.875rem; color: #475569;">四位专家同时对同一数据集进行独立并行分析，保持过程透明和多视角洞察</p>
+                                    </div>
+                                </div>
+                                <div class="process-step">
+                                    <span class="step-number" style="background: #10b981;">2</span>
+                                    <div>
+                                        <h4 style="font-weight: 600; color: #1e293b;">特征匹配</h4>
+                                        <p style="font-size: 0.875rem; color: #475569;">系统识别和匹配专家间的概念标签</p>
+                                    </div>
+                                </div>
+                                <div class="process-step">
+                                    <span class="step-number" style="background: #8b5cf6;">3</span>
+                                    <div>
+                                        <h4 style="font-weight: 600; color: #1e293b;">信度评估</h4>
+                                        <p style="font-size: 0.875rem; color: #475569;">计算编码一致性和信度分数</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div style="background: #dbeafe; border-radius: 0.5rem; padding: 1rem; margin-top: 1.5rem;">
+                                <div style="display: flex; justify-content: between; align-items: center; margin-bottom: 0.5rem;">
+                                    <span style="font-size: 0.875rem; font-weight: 600;">对齐度得分：</span>
+                                    <div style="flex-grow: 1; background: #e5e7eb; border-radius: 9999px; height: 0.5rem; margin: 0 1rem;">
+                                        <div style="background: #10b981; height: 0.5rem; border-radius: 9999px; width: 92%; transition: width 0.5s;"></div>
+                                    </div>
+                                    <span style="font-size: 0.875rem; font-weight: 600;">92%</span>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 分歧检测机制 -->
+                        <div class="discovery-card">
+                            <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1rem;">分歧检测机制</h3>
+                            <div style="display: flex; flex-direction: column; gap: 1rem;">
+                                <div style="background: #fef3c7; border: 1px solid #f59e0b; border-radius: 0.5rem; padding: 1rem;">
+                                    <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">类型1: 概念分类差异</h4>
+                                    <p style="font-size: 0.875rem; color: #475569;">检测专家对同一现象赋予不同概念标签的情况，触发深度讨论</p>
+                                </div>
+                                <div style="background: #fed7aa; border: 1px solid #ea580c; border-radius: 0.5rem; padding: 1rem;">
+                                    <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">类型2: 编码密度差异</h4>
+                                    <p style="font-size: 0.875rem; color: #475569;">识别编码频率和覆盖率的显著差异，需要补充数据</p>
+                                </div>
+                                <div style="background: #fecaca; border: 1px solid #dc2626; border-radius: 0.5rem; padding: 1rem;">
+                                    <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">类型3: 理论方向分歧</h4>
+                                    <p style="font-size: 0.875rem; color: #475569;">发现根本性理论观点差异，需要重新审视研究框架</p>
+                                </div>
+                            </div>
+                            <div style="background: #f3e8ff; border-radius: 0.5rem; padding: 1rem; margin-top: 1.5rem;">
+                                <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">自动分歧解决</h4>
+                                <p style="font-size: 0.875rem; color: #475569;">AI自动生成分歧报告，建议解决方案：深度讨论、数据补充、重新框架</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 三级编码系统 -->
+                <div style="padding: 0 1rem 3rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; color: #1e293b; margin-bottom: 1rem;">三级编码对齐系统</h2>
+                    <p style="color: #475569; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                        通过分层编码机制实现从原始数据到抽象理论的系统性建构
+                    </p>
+                    <div class="feature-box">
+                        <h3 style="font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem;">自动化编码流程</h3>
+                        <div style="display: flex; flex-direction: column; gap: 1.5rem;">
+                            <!-- 第一级：开放编码 -->
+                            <div style="background: rgba(255, 255, 255, 0.1); border-radius: 0.5rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.2);">
+                                <h4 style="font-weight: 700; margin-bottom: 0.5rem;">第一级：开放编码</h4>
+                                <ul style="list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem;">
+                                    <li style="color: white; font-size: 0.9rem;">• 四位专家独立并行进行开放编码</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 生成初步概念库</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 标注原始引用</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 保留原始语境完整性</li>
+                                </ul>
+                            </div>
+                            <!-- 第二级：轴心编码 -->
+                            <div style="background: rgba(255, 255, 255, 0.1); border-radius: 0.5rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.2);">
+                                <h4 style="font-weight: 700; margin-bottom: 0.5rem;">第二级：轴心编码</h4>
+                                <ul style="list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem;">
+                                    <li style="color: white; font-size: 0.9rem;">• AI辅助概念聚类分析</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 识别高频核心概念</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 建立概念间关系网络</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 形成轴心编码列表</li>
+                                </ul>
+                            </div>
+                            <!-- 第三级：理论化 -->
+                            <div style="background: rgba(255, 255, 255, 0.1); border-radius: 0.5rem; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.2);">
+                                <h4 style="font-weight: 700; margin-bottom: 0.5rem;">第三级：理论化</h4>
+                                <ul style="list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem;">
+                                    <li style="color: white; font-size: 0.9rem;">• 自动理论模型生成</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 范畴关系图自动绘制</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 命题化理论框架构建</li>
+                                    <li style="color: white; font-size: 0.9rem;">• 跨案例理论比较报告</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 自动理论发现 -->
+                <div style="padding: 0 1rem 3rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; color: #1e293b; margin-bottom: 1rem;">自动理论发现系统</h2>
+                    <p style="color: #475569; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                        利用AI技术从数据中自动发现潜在的理论模式和关联
+                    </p>
+                    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 2rem;">
+                        <div class="discovery-card">
+                            <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1rem;">模式识别</h3>
+                            <p style="color: #475569; margin-bottom: 1rem;">AI自动识别数据中隐藏的概念模式和趋势</p>
+                            <div style="background: #dbeafe; border-radius: 0.5rem; padding: 1rem;">
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 预测新兴社会现象</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 识别行为模式变化</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 发现异常数据点</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 生成理论假设</li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="discovery-card">
+                            <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1rem;">关联发现</h3>
+                            <p style="color: #475569; margin-bottom: 1rem;">通过语义分析发现概念间的隐含联系</p>
+                            <div style="background: #dcfce7; border-radius: 0.5rem; padding: 1rem;">
+                                <ul style="list-style: none; padding: 0;">
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 跨领域知识连接</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 隐含因果关系</li>
+                                    <li style="color: #475569; font-size: 0.875rem; margin-bottom: 0.5rem;">• 相互影响关系</li>
+                                    <li style="color: #475569; font-size: 0.875rem;">• 趋势预测模型</li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- 实时协作界面 -->
+                <div style="padding: 0 1rem 3rem;">
+                    <h2 style="font-size: 2rem; font-weight: 700; text-align: center; color: #1e293b; margin-bottom: 1rem;">实时协作工作台</h2>
+                    <p style="color: #475569; text-align: center; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
+                        四个专家角色并行分析与实时对话，通过多维度协作共同推进理论分析项目
+                    </p>
+                    <div style="background: white; border-radius: 1rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); padding: 2rem;">
+                        <!-- 专家状态显示 -->
+                        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
+                            <div style="text-align: center; padding: 1rem; border: 2px solid #fbbf24; border-radius: 0.5rem;">
+                                <div class="status-indicator" style="background: #fbbf24;"></div>
+                                <h4 style="font-weight: 700; color: #1e293b;">现象学专家</h4>
+                                <p style="font-size: 0.875rem; color: #475569;">体验分析中...</p>
+                            </div>
+                            <div style="text-align: center; padding: 1rem; border: 2px solid #3b82f6; border-radius: 0.5rem;">
+                                <div class="status-indicator" style="background: #3b82f6;"></div>
+                                <h4 style="font-weight: 700; color: #1e293b;">实证主义专家</h4>
+                                <p style="font-size: 0.875rem; color: #475569;">数据验证中...</p>
+                            </div>
+                            <div style="text-align: center; padding: 1rem; border: 2px solid #8b5cf6; border-radius: 0.5rem;">
+                                <div class="status-indicator" style="background: #8b5cf6;"></div>
+                                <h4 style="font-weight: 700; color: #1e293b;">建构主义专家</h4>
+                                <p style="font-size: 0.875rem; color: #475569;">意义建构中...</p>
+                            </div>
+                            <div style="text-align: center; padding: 1rem; border: 2px solid #10b981; border-radius: 0.5rem;">
+                                <div class="status-indicator" style="background: #10b981;"></div>
+                                <h4 style="font-weight: 700; color: #1e293b;">本土化专家</h4>
+                                <p style="font-size: 0.875rem; color: #475569;">文化适配中...</p>
+                            </div>
+                        </div>
+                        <!-- 实时对话界面 -->
+                        <div style="background: #f8fafc; border-radius: 0.5rem; padding: 1.5rem;">
+                            <h3 style="font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 1rem;">专家对话实时流</h3>
+                            <div style="background: white; border-radius: 0.5rem; padding: 1rem; height: 300px; overflow-y: auto; border: 1px solid #e5e7eb;">
+                                <div style="margin-bottom: 1rem;">
+                                    <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
+                                        <div style="width: 2rem; height: 2rem; background: #fbbf24; border-radius: 50%; margin-right: 0.5rem;"></div>
+                                        <span style="font-weight: 600; color: #1e293b;">现象学专家</span>
+                                    </div>
+                                    <p style="color: #475569; margin-left: 2.5rem;">我发现了参与者对"归属感"的深层体验描述，这反映了当代社会的身份认同焦虑...</p>
+                                </div>
+                                <div style="margin-bottom: 1rem;">
+                                    <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
+                                        <div style="width: 2rem; height: 2rem; background: #3b82f6; border-radius: 50%; margin-right: 0.5rem;"></div>
+                                        <span style="font-weight: 600; color: #1e293b;">实证主义专家</span>
+                                    </div>
+                                    <p style="color: #475569; margin-left: 2.5rem;">数据显示这种归属感缺失与社交媒体使用频率呈显著负相关（r=-0.72, p<0.001）...</p>
+                                </div>
+                                <div style="margin-bottom: 1rem;">
+                                    <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
+                                        <div style="width: 2rem; height: 2rem; background: #8b5cf6; border-radius: 50%; margin-right: 0.5rem;"></div>
+                                        <span style="font-weight: 600; color: #1e293b;">建构主义专家</span>
+                                    </div>
+                                    <p style="color: #475569; margin-left: 2.5rem;">这种归属感是在社会互动中建构的，我们需要关注不同群体的意义建构差异...</p>
+                                </div>
+                                <div style="margin-bottom: 1rem;">
+                                    <div style="display: flex; align-items: center; margin-bottom: 0.5rem;">
+                                        <div style="width: 2rem; height: 2rem; background: #10b981; border-radius: 50%; margin-right: 0.5rem;"></div>
+                                        <span style="font-weight: 600; color: #1e293b;">本土化专家</span>
+                                    </div>
+                                    <p style="color: #475569; margin-left: 2.5rem;">在中国文化背景下，这种归属感概念与传统的"家国情怀"有着复杂的关联...</p>
+                                </div>
+                            </div>
+                        </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>
+        // 移动端菜单切换
+        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').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>
+    <!-- 扎根理论分析智能体 JavaScript -->
+    <script src="../shared/js/grounded-theory-analysis-agent.js"></script>
+</body>
+</html>