数字韦伯 - 专业AI智能体服?/title> <meta name="description" content="基于韦伯社会学理论的AI助手，专注于社会行动类型学、理性化过程分析、权威合法性分析等核心概念"> <meta name="robots" content="index,follow"> <meta name="keywords" content="AI,社会科学,SocienceAI,数字韦伯,韦伯理论,社会行动,理性化,权威分析">  <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">  <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>  <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>  <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: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;"> 基于马克斯·韦伯的社会学理论，深入分析社会行动、理性化过程、权威类型与科层? </p> <div class="expert-card" style="max-width: 800px; margin: 0 auto;"> <form id="weber-analysis-form"> <div style="margin-bottom: 1.5rem;"> <label for="weber-input-text" style="display: block; font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">待分析文?/label> <textarea id="weber-input-text" placeholder="输入需要分析的社会现象描述，例如：现代企业组织的运作方式、政府机构的决策过程、宗教行为的动机?.." style="width: 100%; min-height: 150px; padding: 1rem; border: 1px solid #e2e8f0; border-radius: 0.5rem; font-size: 1rem; resize: vertical;" ></textarea> </div> <div style="margin-bottom: 1.5rem;"> <label for="weber-analysis-type" style="display: block; font-weight: 600; color: #1e293b; margin-bottom: 0.5rem;">分析维度</label> <select id="weber-analysis-type" style="width: 100%; padding: 0.75rem; border: 1px solid #e2e8f0; border-radius: 0.5rem; font-size: 1rem;" > <option value="comprehensive">综合分析（全部维度）</option> <option value="action_typology">社会行动类型?/option> <option value="rationalization">理性化过程</option> <option value="authority">权威类型分析</option> <option value="bureaucracy">科层制特?/option> <option value="protestant_ethic">新教伦理与资本主义精?/option> </select> </div> <div style="margin-bottom: 1.5rem; text-align: center;"> <button type="submit" id="weber-analyze-btn" style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); color: white; padding: 0.75rem 2rem; border: none; border-radius: 0.5rem; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s;" > 开始韦伯分? </button> </div>  <div id="weber-progress-container" style="display: none; margin-bottom: 1.5rem;"> <div style="display: flex; justify-content: space-between; margin-bottom: 0.5rem;"> <span style="font-size: 0.9rem; color: #475569;">分析进度</span> <span id="weber-progress-text" style="font-size: 0.9rem; color: #3b82f6; font-weight: 600;">0%</span> </div> <div style="height: 0.75rem; background: #e2e8f0; border-radius: 0.375rem; overflow: hidden;"> <div id="weber-progress" style="height: 100%; width: 0%; background: linear-gradient(90deg, #3b82f6, #60a5fa); transition: width 0.3s;"></div> </div> </div>  <div id="weber-loading" style="display: none; text-align: center; margin-bottom: 1.5rem;"> <div style="display: inline-block; width: 2rem; height: 2rem; border: 3px solid #e5e7eb; border-top: 3px solid #3b82f6; border-radius: 50%; animation: spin 1s linear infinite;"></div> <p style="margin-top: 0.5rem; color: #475569;">正在运用韦伯理论进行分析...</p> </div>  <div id="weber-error" style="display: none; background: #fee2e2; color: #dc2626; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1.5rem;"></div>  <div id="weber-results" style="background: #f8fafc; border-radius: 0.5rem; padding: 1.5rem; min-height: 200px; max-height: 600px; overflow-y: auto; display: none;"> <h4 style="font-weight: 600; color: #1e293b; margin-bottom: 1rem;">韦伯理论分析结果</h4> <div id="weber-results-content"></div> </div> </form> </div> </div>  <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 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>© 2025 SocienceAI. 保留所有权?</p> </div> </div> </footer>  <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>  <script src="../shared/js/weber-analysis-agent.js"></script>  <script> class WeberFrontend { constructor() { this.apiClient = new StreamingAPIClient(); this.resultDisplay = new ResultDisplay(); this.streamingHandler = new StreamingHandler(); this.setupEventListeners(); } setupEventListeners() { const analyzeBtn = document.getElementById('weber-analyze-btn'); if (analyzeBtn) { analyzeBtn.addEventListener('click', (e) => { e.preventDefault(); this.handleAnalyze(); }); } // Also support form submission const analyzeForm = document.getElementById('weber-analysis-form'); if (analyzeForm) { analyzeForm.addEventListener('submit', (e) => { e.preventDefault(); this.handleAnalyze(); }); } } async handleAnalyze() { const textInput = document.getElementById('weber-input-text'); const analysisType = document.getElementById('weber-analysis-type'); if (!textInput || !textInput.value.trim()) { this.showError('请输入要分析的文?); return; } const text = textInput.value; const options = { analysis_type: analysisType ? analysisType.value : 'comprehensive', stream: true }; try { this.showLoading(); await this.analyzeStream(text, options); } catch (error) { this.showError('分析过程中出现错? ' + error.message); } } async analyzeStream(text, options) { try { const response = await this.apiClient.streamAnalyze(text, options); if (response.body) { const reader = response.body.getReader(); const decoder = new TextDecoder(); this.streamingHandler.handleStream(reader, decoder, (chunk) => { this.resultDisplay.updatePartial(chunk); }); } } catch (error) { this.showError('流式分析失败: ' + error.message); } finally { this.hideLoading(); } } showLoading() { const loadingElement = document.getElementById('weber-loading'); const progressContainer = document.getElementById('weber-progress-container'); const resultsElement = document.getElementById('weber-results'); if (loadingElement) { loadingElement.style.display = 'block'; } if (progressContainer) { progressContainer.style.display = 'block'; } if (resultsElement) { resultsElement.style.display = 'block'; } } hideLoading() { const loadingElement = document.getElementById('weber-loading'); if (loadingElement) { loadingElement.style.display = 'none'; } } showError(message) { const errorElement = document.getElementById('weber-error'); if (errorElement) { errorElement.textContent = message; errorElement.style.display = 'block'; // Hide error after 5 seconds setTimeout(() => { errorElement.style.display = 'none'; }, 5000); } } } class StreamingAPIClient { constructor() { this.baseUrl = '/api/weber'; } async streamAnalyze(text, options) { const response = await fetch(`${this.baseUrl}/stream-analyze`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ text: text, options: options }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } return response; } } class StreamingHandler { handleStream(reader, decoder, onUpdate) { let buffer = ''; function read() { reader.read().then(({done, value}) => { if (done) { // Process any remaining buffer if (buffer.trim()) { try { const chunk = JSON.parse(buffer.trim()); onUpdate(chunk); } catch (e) { console.error('Error parsing final buffer:', e); } } return; } // Decode the value and add to buffer const chunkStr = decoder.decode(value, { stream: true }); buffer += chunkStr; // Process complete lines (SSE format) const lines = buffer.split('\n'); buffer = lines.pop(); // Keep incomplete line in buffer for (const line of lines) { if (line.startsWith('data: ')) { try { const dataStr = line.slice(6); // Remove 'data: ' prefix const data = JSON.parse(dataStr); onUpdate(data); } catch (e) { console.error('Error parsing SSE data:', e); } } } // Continue reading read(); }).catch(error => { console.error('Stream reading error:', error); }); } read(); } } class ResultDisplay { constructor() { this.resultsContainer = document.getElementById('weber-results-content'); this.progressBar = document.getElementById('weber-progress'); this.progressText = document.getElementById('weber-progress-text'); } updatePartial(chunk) { if (chunk.type === 'error') { this.displayError(chunk.message); return; } if (chunk.progress !== undefined && this.progressBar && this.progressText) { this.progressBar.style.width = chunk.progress + '%'; this.progressText.textContent = Math.round(chunk.progress) + '%'; } if (chunk.result) { this.appendResult(chunk.result); } if (chunk.complete) { this.onComplete(); } } appendResult(result) { if (!this.resultsContainer) return; // Create a new result element const resultElement = document.createElement('div'); resultElement.className = 'weber-result-partial'; resultElement.innerHTML = this.formatResult(result); this.resultsContainer.appendChild(resultElement); // Scroll to bottom to show latest results this.resultsContainer.scrollTop = this.resultsContainer.scrollHeight; } formatResult(result) { if (typeof result === 'string') { return `<p>${result}</p>`; } if (typeof result === 'object') { let html = '<div class="result-section">'; if (result.analysis) { html += `<div class="analysis-result">${result.analysis}</div>`; } if (result.metadata) { html += '<div class="metadata">'; for (const [key, value] of Object.entries(result.metadata)) { html += `<div class="meta-item"><strong>${key}:</strong> ${value}</div>`; } html += '</div>'; } html += '</div>'; return html; } return `<pre>${JSON.stringify(result, null, 2)}</pre>`; } displayError(message) { if (!this.resultsContainer) return; const errorElement = document.createElement('div'); errorElement.className = 'weber-error-message'; errorElement.textContent = message; errorElement.style.color = 'red'; errorElement.style.fontWeight = 'bold'; this.resultsContainer.appendChild(errorElement); } onComplete() { if (!this.resultsContainer) return; const completeElement = document.createElement('div'); completeElement.className = 'weber-complete'; completeElement.innerHTML = '<p style="color: green; font-weight: bold;">分析完成?/p>'; this.resultsContainer.appendChild(completeElement); } } document.addEventListener('DOMContentLoaded', function() { new WeberFrontend(); }); </script> </body> </html>