<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>灵犀引擎 - 本地优先的多模型 AI 协作工作台</title>
<meta name="description" content="灵犀引擎是一个跑在本机的多模型 AI 工作台。本地优先，数据不出本机，开源免费。">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --dark: #0d1117; --gray: #161b22; --card: #21262d; --text: #c9d1d9; --muted: #8b949e; --accent: #58a6ff; --green: #3fb950; --border: #30363d; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--dark); color: var(--text); line-height: 1.6; }
a { text-decoration: none; color: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.header { border-bottom: 1px solid var(--border); padding: 14px 0; position: sticky; top: 0; background: rgba(13,17,23,.95); backdrop-filter: blur(8px); z-index: 100; }
.header .container { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 20px; font-weight: 700; color: var(--accent); display: flex; align-items: center; gap: 8px; }
.logo span { color: var(--text); }
.nav { display: flex; gap: 24px; }
.nav a { color: var(--text); font-size: 14px; transition: color .2s; }
.nav a:hover { color: var(--accent); }
.nav .btn-primary { background: var(--accent); color: white !important; padding: 8px 16px; border-radius: 6px; }
.nav .btn-primary:hover { background: #79b8ff; }
.hero { padding: 80px 0 60px; text-align: center; }
.hero .version { display: inline-block; background: #1f6feb22; color: #58a6ff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 20px; border: 1px solid #1f6feb44; }
.hero h1 { font-size: 44px; font-weight: 800; line-height: 1.15; margin-bottom: 18px; background: linear-gradient(135deg, #fff 0%, #c9d1d9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero .subtitle { font-size: 19px; color: var(--muted); max-width: 700px; margin: 0 auto 32px; line-height: 1.55; }
.hero .actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.hero .btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; border-radius: 8px; font-size: 15px; font-weight: 600; transition: all .2s; }
.hero .btn-primary { background: var(--green); color: white; border: 1px solid var(--green); }
.hero .btn-primary:hover { background: #2f9e44; transform: translateY(-1px); }
.hero .btn-secondary { background: var(--card); color: var(--text); border: 1px solid var(--border); }
.hero .btn-secondary:hover { border-color: var(--accent); color: var(--accent); }
.features { padding: 60px 0; }
.features .section-title { font-size: 26px; font-weight: 700; margin-bottom: 40px; text-align: center; }
.features .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.features .card { background: var(--gray); border: 1px solid var(--border); border-radius: 12px; padding: 26px; transition: transform .2s, border-color .2s; }
.features .card:hover { transform: translateY(-4px); border-color: var(--accent); }
.features .card .icon { font-size: 28px; margin-bottom: 14px; }
.features .card h3 { font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.features .card p { color: var(--muted); font-size: 14px; }
.cta { padding: 80px 0; text-align: center; }
.cta h2 { font-size: 32px; font-weight: 700; margin-bottom: 14px; }
.cta p { color: var(--muted); font-size: 16px; margin-bottom: 28px; }
.footer { border-top: 1px solid var(--border); padding: 40px 0; }
.footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.footer .col h4 { font-size: 14px; font-weight: 600; margin-bottom: 14px; color: var(--text); }
.footer .col a { display: block; color: var(--muted); font-size: 13px; margin-bottom: 8px; transition: color .2s; }
.footer .col a:hover { color: var(--accent); }
.footer .bottom { border-top: 1px solid var(--border); margin-top: 32px; padding-top: 24px; color: var(--muted); font-size: 13px; display: flex; justify-content: space-between; }
</style>
</head>
<body>
<div class="header">
  <div class="container">
    <a href="/" class="logo">灵犀引擎<span>v2.0.32</span></a>
    <nav class="nav">
      <a href="/#features">核心能力</a>
      <a href="/download.html">下载</a>
      <a href="/docs/overview.html">文档</a>
      <a href="/#faq">常见问题</a>
      <a href="/chat/" class="btn-primary">打开聊天</a>
    </nav>
  </div>
</div>
<section class="hero">
  <div class="container">
    <span class="version">当前版本 v2.0.32 · 2026-10-08</span>
    <h1>把多家大模型<br>装进你自己的机器</h1>
    <p class="subtitle">灵犀引擎是一个跑在本机的多模型 AI 工作台。接上你自己的模型 API Key，让多个 AI 在同一个会话里讨论、辩论、分工干活 —— 对话记录、工具执行、全部数据都留在你自己的设备上，不上传任何中间环节。</p>
    <div class="actions">
      <a href="/download.html" class="btn btn-primary">立即下载</a>
      <a href="/chat/" class="btn btn-secondary">打开聊天</a>
      <a href="https://github.com/lingxi-engine/lingxi-engine" class="btn btn-secondary">⭐ 查看源码</a>
    </div>
  </div>
</section>
<section class="features" id="features">
  <div class="container">
    <h2 class="section-title">核心能力</h2>
    <div class="grid">
      <div class="card">
        <div class="icon">🧩</div>
        <h3>多模型聚合</h3>
        <p>接入多家大模型服务，一个 Key 统一管理。给不同 Agent 配不同模型，强的负责推理、快的负责批量。</p>
      </div>
      <div class="card">
        <div class="icon">🔒</div>
        <h3>本地优先</h3>
        <p>引擎装在你自己的电脑上运行，对话、文件、索引全在本地。只有你主动发起的那次请求会离开机器。</p>
      </div>
      <div class="card">
        <div class="icon">🛠️</div>
        <h3>Agent 工具执行</h3>
        <p>AI 能真的读写文件、跑命令、查数据库、调 API，并把执行结果带回上下文继续推理。</p>
      </div>
      <div class="card">
        <div class="icon">👥</div>
        <h3>多 AI 群聊协作</h3>
        <p>自由、路由、辩论、链式、圆桌、投票、头脑风暴 —— 七种协作模式，让模型互相辩论或投票出结论。</p>
      </div>
      <div class="card">
        <div class="icon">📁</div>
        <h3>数据与备份</h3>
        <p>本地数据库，会话、成员、配置全部落在本机文件里。一键导出完整数据包，便于迁移与归档。</p>
      </div>
      <div class="card">
        <div class="icon">⚡</div>
        <h3>工作流编排</h3>
        <p>长任务自动续跑，失败重试协调，把多步骤任务固化成可重复执行的流程。</p>
      </div>
    </div>
  </div>
</section>
<section class="cta">
  <div class="container">
    <h2>把 AI 装进自己手里</h2>
    <p>一条命令安装，五分钟跑通第一个会话。数据留在你自己的设备上。</p>
    <a href="/download.html" class="btn btn-primary">立即下载</a>
    <a href="/chat/" class="btn btn-secondary">打开聊天</a>
  </div>
</section>
<footer class="footer">
  <div class="container">
    <div class="col">
      <h4>灵犀引擎</h4>
      <p style="color:var(--muted);font-size:13px;">本地优先的多模型 AI 协作工作台。聚合多家大模型，支持 Agent 工具执行与多 AI 群聊协作，数据留在你自己的设备上。</p>
    </div>
    <div class="col">
      <h4>产品</h4>
      <a href="/#features">核心能力</a>
      <a href="/download.html">下载</a>
      <a href="/docs/overview.html">文档</a>
    </div>
    <div class="col">
      <h4>更多</h4>
      <a href="/changelog.html">更新日志</a>
        <a href="/mobile.html">手机端</a>
      <a href="/docs/roadmap.html">路线图</a>
      <a href="https://github.com/lingxi-engine/lingxi-engine">GitHub</a>
    </div>
    <div class="bottom">
      <span>© v2.0.32 灵犀引擎 · 免费开源</span>
      <span>构建于 2026-10-08</span>
    </div>
  </div>
</footer>
</body>
</html>
