Initial commit: 龙虾U盘站点与 README

Made-with: Cursor
2026-04-15 16:06:34 +08:00
commit d1c4d99df3
10 changed files with 780 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+._*
--- a/README.md
+++ b/README.md
@@ -0,0 +1,36 @@
+# 龙虾 U 盘 · 介绍站（本地静态）
+
+本目录用于存放 **SimpleAi 龙虾** 对外介绍与交付物，与 [pocketclaw.cn](https://pocketclaw.cn/) 信息架构对齐，品牌与链接已切换为 **玩值 / simpleai.quwanzhi.com**，视觉为 **卡若展厅风**（卡罗拉红标 `#bb0a21`）。
+
+## 目录结构
+
+```
+龙虾u盘/
+├── README.md          # 本说明
+└── site/              # 静态站点（可整包部署到任意静态托管）
+    ├── index.html     # 首页
+    ├── features.html  # 特色
+    ├── guide.html     # 使用方法
+    ├── hardware.html  # 硬件要求
+    ├── api-tutorial.html
+    ├── faq.html
+    ├── download.html
+    └── assets/
+        └── style.css  # 全局样式
+```
+
+## 本地预览
+
+双击 `site/index.html` 或用本地静态服务器打开 `site/` 目录即可。
+
+## 品牌与联系
+
+- **产品名**：SimpleAi（龙虾 U 盘）
+- **官网 / 下载**：https://simpleai.quwanzhi.com  
+- **技术方案与私域交付**：存客宝（玩值体系）  
+- 原站中的公众号、抖音等个人联系方式已 **不** 在此站展示；统一收口到官网。
+
+## 说明
+
+- 参考原站公开文案结构重写，非镜像爬取；原站 `og-image` 请求返回 404，故未打包外链截图，装饰以 CSS + 内联 SVG 为主。
+- 开源致谢：OpenClaw（MIT）。
--- a/site/api-tutorial.html
+++ b/site/api-tutorial.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>API 教程 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html" class="active">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">API</p>
+      <h2>如何获取与填写 API Key</h2>
+      <p>SimpleAi 使用 OpenAI 兼容协议；向导中可选择不同提供商，以下为常用路径。</p>
+
+      <h3>方式一：龙虾U盘模型（推荐，玩值网关）</h3>
+      <p>网关地址：<code>https://simpleai.quwanzhi.com/v1</code>。密钥与开通方式以 <a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">simpleai.quwanzhi.com</a> 公示为准。</p>
+      <ol class="clean">
+        <li>打开官网，按指引注册 / 登录并获取 API Key。</li>
+        <li>启动 SimpleAi 后选择「龙虾U盘模型」或等价项，粘贴 Key。</li>
+        <li>模型列表以网关实际支持为准，可在菜单中切换。</li>
+      </ol>
+
+      <h3>方式二：智谱 GLM（开放平台）</h3>
+      <p>入口：<a href="https://bigmodel.cn" target="_blank" rel="noopener noreferrer">bigmodel.cn</a>；密钥页：<a href="https://bigmodel.cn/usercenter/apikeys" target="_blank" rel="noopener noreferrer">usercenter/apikeys</a>。</p>
+      <ol class="clean">
+        <li>注册并登录 → 创建 API Key。</li>
+        <li>在 SimpleAi 向导中选择智谱，粘贴 Key。</li>
+        <li>免费档与额度规则以智谱官方为准。</li>
+      </ol>
+
+      <div class="callout warn">
+        <strong>提示：</strong>第三方模型服务的内容准确性、合规性与计费由其服务商负责；请自行评估业务场景与合规要求。
+      </div>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/assets/style.css
+++ b/site/assets/style.css
@@ -0,0 +1,260 @@
+/* SimpleAi 龙虾站 · 卡若展厅风（木果 M09a） */
+:root {
+  --ink: #1a1a1a;
+  --ink-soft: #3c3c3c;
+  --muted: #6b6b6b;
+  --line: #e8e8e6;
+  --paper: #fafaf8;
+  --card: #ffffff;
+  --accent: #bb0a21;
+  --accent-soft: rgba(187, 10, 33, 0.08);
+  --radius: 4px;
+  --shadow: 0 24px 80px rgba(0, 0, 0, 0.06);
+  --font: "Hiragino Sans GB", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
+}
+
+*, *::before, *::after { box-sizing: border-box; }
+html { scroll-behavior: smooth; }
+body {
+  margin: 0;
+  font-family: var(--font);
+  color: var(--ink-soft);
+  background: var(--paper);
+  line-height: 1.65;
+  font-size: 16px;
+}
+
+a { color: var(--accent); text-decoration: none; }
+a:hover { text-decoration: underline; }
+
+.site-header {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: rgba(250, 250, 248, 0.92);
+  backdrop-filter: blur(8px);
+  border-bottom: 1px solid var(--line);
+}
+.site-header .inner {
+  max-width: 1120px;
+  margin: 0 auto;
+  padding: 14px 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-weight: 700;
+  color: var(--ink);
+  font-size: 1.05rem;
+}
+.brand-mark {
+  width: 36px;
+  height: 36px;
+  border-radius: var(--radius);
+  background: var(--accent-soft);
+  border: 1px solid var(--line);
+  display: grid;
+  place-items: center;
+  font-size: 1.25rem;
+}
+nav ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 16px;
+}
+nav a {
+  color: var(--ink-soft);
+  font-size: 0.9rem;
+  font-weight: 500;
+}
+nav a:hover { color: var(--accent); }
+nav a.active { color: var(--accent); font-weight: 600; }
+
+.hero {
+  background: linear-gradient(180deg, #f0f0ec 0%, var(--paper) 100%);
+  border-bottom: 1px solid var(--line);
+  padding: 48px 20px 56px;
+}
+.hero-inner {
+  max-width: 1120px;
+  margin: 0 auto;
+}
+.hero-kicker {
+  font-size: 0.72rem;
+  letter-spacing: 0.22em;
+  text-transform: uppercase;
+  color: var(--muted);
+  margin-bottom: 10px;
+}
+.hero h1 {
+  margin: 0 0 12px;
+  font-size: clamp(1.85rem, 4vw, 2.45rem);
+  color: var(--ink);
+  font-weight: 700;
+  line-height: 1.2;
+}
+.hero-lead {
+  font-size: 1.1rem;
+  color: var(--ink-soft);
+  max-width: 640px;
+  margin-bottom: 20px;
+}
+.pills {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 20px 0 24px;
+}
+.pill {
+  font-size: 0.82rem;
+  padding: 6px 12px;
+  border-radius: 999px;
+  border: 1px solid var(--line);
+  background: var(--card);
+  color: var(--muted);
+}
+.cta-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
+.btn {
+  display: inline-block;
+  padding: 12px 22px;
+  border-radius: var(--radius);
+  font-weight: 600;
+  font-size: 0.95rem;
+  border: 1px solid var(--accent);
+  cursor: pointer;
+}
+.btn-primary {
+  background: var(--accent);
+  color: #fff;
+}
+.btn-primary:hover { filter: brightness(1.05); text-decoration: none; }
+.btn-ghost {
+  background: var(--card);
+  color: var(--accent);
+}
+.btn-ghost:hover { background: var(--accent-soft); text-decoration: none; }
+
+.shell { max-width: 1120px; margin: 0 auto; padding: 36px 20px 48px; }
+
+.card {
+  background: var(--card);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  padding: 28px 28px 26px;
+  margin-bottom: 22px;
+}
+.sec-title {
+  font-size: 0.68rem;
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+  color: var(--muted);
+  margin: 0 0 6px;
+}
+h2 {
+  margin: 0 0 16px;
+  font-size: 1.35rem;
+  color: var(--ink);
+  padding-left: 12px;
+  border-left: 3px solid var(--accent);
+}
+h3 { margin: 22px 0 10px; font-size: 1.08rem; color: var(--ink); }
+h4 { margin: 16px 0 8px; font-size: 1rem; color: var(--ink-soft); }
+
+.grid-2 {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 18px;
+}
+.feature-tile {
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 18px 18px 16px;
+  background: #fff;
+}
+.feature-tile .icon {
+  font-size: 1.6rem;
+  margin-bottom: 8px;
+}
+.feature-tile strong { display: block; color: var(--ink); margin-bottom: 6px; }
+
+.steps {
+  display: grid;
+  gap: 14px;
+}
+.step {
+  display: flex;
+  gap: 14px;
+  align-items: flex-start;
+  padding: 14px 16px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: #fff;
+}
+.step-num {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: var(--accent);
+  color: #fff;
+  font-weight: 700;
+  font-size: 0.9rem;
+  display: grid;
+  place-items: center;
+}
+
+details.faq-item {
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 12px 16px;
+  background: #fff;
+  margin-bottom: 10px;
+}
+details.faq-item summary {
+  cursor: pointer;
+  font-weight: 600;
+  color: var(--ink);
+}
+
+.callout {
+  border-left: 3px solid var(--accent);
+  padding: 12px 16px;
+  background: var(--accent-soft);
+  margin: 16px 0;
+  font-size: 0.92rem;
+}
+.callout.warn { border-left-color: #c45c26; background: rgba(196, 92, 38, 0.08); }
+
+ul.clean { margin: 8px 0; padding-left: 1.2rem; }
+ul.clean li { margin: 6px 0; }
+
+.site-footer {
+  border-top: 1px solid var(--line);
+  padding: 28px 20px 36px;
+  background: #f3f3f0;
+  font-size: 0.88rem;
+  color: var(--muted);
+}
+.site-footer .inner { max-width: 1120px; margin: 0 auto; }
+.site-footer strong { color: var(--ink-soft); }
+
+.hero-svg {
+  margin-top: 28px;
+  max-width: 520px;
+  opacity: 0.9;
+}
+
+@media (max-width: 720px) {
+  .site-header .inner { flex-direction: column; align-items: flex-start; }
+  nav ul { gap: 8px 12px; }
+}
--- a/site/download.html
+++ b/site/download.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>下载 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html" class="active">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">DOWNLOAD</p>
+      <h2>下载与更新</h2>
+      <p>正式发行包、版本号、<code>version.json</code> 与更新日志以官网为准（避免外链失效）。</p>
+      <div class="cta-row" style="margin-top:20px;">
+        <a class="btn btn-primary" href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">前往 simpleai.quwanzhi.com 下载</a>
+        <a class="btn btn-ghost" href="https://simpleai.quwanzhi.com/downloads/version.json" target="_blank" rel="noopener noreferrer">查看 version.json</a>
+      </div>
+      <div class="callout" style="margin-top:22px;">
+        <strong>说明：</strong>首次解压拷贝到 U 盘后，首次启动可能需拉取 Docker 镜像（体积较大）；程序内「检查更新」亦指向上述域名（以实际发布为准）。
+      </div>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/faq.html
+++ b/site/faq.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>常见问题 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html" class="active">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">FAQ</p>
+      <h2>常见问题</h2>
+
+      <details class="faq-item" open>
+        <summary>SimpleAi 龙虾本身是免费的吗？</summary>
+        <p>发行包与脚本开源底座遵循上游协议；<strong>云端模型 API</strong>是否收费由所选服务商决定。官网会说明当前推荐的免费/试用档与网关策略。</p>
+      </details>
+      <details class="faq-item">
+        <summary>需要会编程吗？</summary>
+        <p>不需要。按菜单与向导操作即可；进阶排错可参考 <a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">simpleai.quwanzhi.com</a> 的 FAQ 与日志说明。</p>
+      </details>
+      <details class="faq-item">
+        <summary>支持哪些系统？</summary>
+        <p>主要支持 Windows 10 64 位及以上与 macOS 13+；同一 U 盘建议 exFAT 以便跨机使用。</p>
+      </details>
+      <details class="faq-item">
+        <summary>数据安全吗？U 盘丢了怎么办？</summary>
+        <p>敏感配置应加密存储；容器提供隔离。U 盘丢失仍有暴力破解风险，请使用强密码并定期备份。</p>
+      </details>
+      <details class="faq-item">
+        <summary>可以换模型吗？</summary>
+        <p>可以。在兼容 OpenAI API 的前提下，通过菜单切换提供商、Base URL 与模型名。</p>
+      </details>
+      <details class="faq-item">
+        <summary>Docker 安装失败怎么办？</summary>
+        <p>多为网络或权限问题。可切换网络、配置镜像加速或按官网「排查指南」操作；仍失败请通过官网工单反馈日志要点（勿贴密钥）。</p>
+      </details>
+    </div>
+
+    <div class="card">
+      <p class="sec-title">DISCLAIMER</p>
+      <h2>免责声明</h2>
+      <ul class="clean">
+        <li>SimpleAi 龙虾基于 OpenClaw（MIT）等开源组件封装，<strong>不包含</strong>第三方模型权重，仅提供调用接口的运行环境。</li>
+        <li>模型输出由对应服务商提供，用户需自行判断合规与准确性。</li>
+        <li>请妥善保管 API Key 与主密码；因泄露产生的损失由用户自行承担。</li>
+        <li>禁止用于违法或侵权用途；商业使用请遵守许可与服务商条款。</li>
+      </ul>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/features.html
+++ b/site/features.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>特色 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html" class="active">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">FEATURES</p>
+      <h2>四大特色</h2>
+      <p>与「装在 U 盘里跑 AI」这一形态对齐：少折腾、可带走、可加密、可换模型。</p>
+      <div class="grid-2" style="margin-top:22px;">
+        <div class="feature-tile">
+          <div class="icon">🚀</div>
+          <strong>零技术门槛</strong>
+          <span>双击 <code>SimpleAi.bat</code> / <code>SimpleAi.command</code>，全中文菜单与向导。Docker、WSL2 等按脚本策略自动安装，无需手写命令行。</span>
+        </div>
+        <div class="feature-tile">
+          <div class="icon">🌐</div>
+          <strong>模型与网关灵活</strong>
+          <span>默认推荐 <strong>龙虾U盘模型</strong> 网关（<code>https://simpleai.quwanzhi.com/v1</code>，OpenAI 兼容）；亦可选用智谱、DeepSeek 等兼容端点。</span>
+        </div>
+        <div class="feature-tile">
+          <div class="icon">💾</div>
+          <strong>极其便携</strong>
+          <span>配置、加密文件与工作区在 U 盘目录内；换电脑插上继续用（建议 U 盘 exFAT）。</span>
+        </div>
+        <div class="feature-tile">
+          <div class="icon">🛡️</div>
+          <strong>安全加密</strong>
+          <span>敏感配置加密存储 + 容器隔离；请妥善保管主密码与 API Key。</span>
+        </div>
+      </div>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/guide.html
+++ b/site/guide.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>使用方法 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html" class="active">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">HOW TO</p>
+      <h2>怎么开始用？</h2>
+      <p>五步搞定；后续日常启动以菜单「启动」为主，一般数十秒级（视本机是否已构建镜像而定）。</p>
+      <div class="steps" style="margin-top:20px;">
+        <div class="step"><span class="step-num">1</span><div><strong>下载并解压到 U 盘</strong><br />获取发行包后，将 <code>SimpleAi</code> 文件夹置于 U 盘；根目录可放置 <code>SimpleAi配置向导.html</code> 便于图形化预填。</div></div>
+        <div class="step"><span class="step-num">2</span><div><strong>双击启动</strong><br />Windows：<code>SimpleAi\SimpleAi.bat</code> 或插盘菜单 <code>SimpleAi\Windows插盘启动.bat</code>；macOS：<code>SimpleAi.command</code>。</div></div>
+        <div class="step"><span class="step-num">3</span><div><strong>自动准备 Docker 环境</strong><br />首次可能下载镜像与依赖，请保持网络畅通；失败时见 FAQ 与官网排查。</div></div>
+        <div class="step"><span class="step-num">4</span><div><strong>填写 API Key 与密码</strong><br />按脚本向导选择提供商、粘贴 Key、设置加密密码。</div></div>
+        <div class="step"><span class="step-num">5</span><div><strong>浏览器打开对话</strong><br />启动成功后按菜单提示的本地地址打开（含 token 的 URL）。</div></div>
+      </div>
+      <div class="callout" style="margin-top:22px;">
+        <strong>Windows 插盘提示：</strong>若系统自动播放被禁用，请手动进入 U 盘运行 <code>SimpleAi\Windows插盘启动.bat</code>，可选「网页向导在前」或「控制台菜单」。
+      </div>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/hardware.html
+++ b/site/hardware.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>硬件要求 — SimpleAi 龙虾</title>
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html"><span class="brand-mark">🦞</span><span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span></a>
+      <nav>
+        <ul>
+          <li><a href="index.html">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html" class="active">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">REQUIREMENTS</p>
+      <h2>硬件要求</h2>
+      <h3>U 盘</h3>
+      <ul class="clean">
+        <li>容量：最低 <strong>8GB</strong>，推荐 16GB 及以上</li>
+        <li>接口：USB 3.0 及以上更佳（2.0 可用但更慢）</li>
+        <li>文件系统：推荐 <strong>exFAT</strong>（Windows / macOS 通用）</li>
+        <li>发行包体积较小；Docker 镜像与缓存可能占用数 GB</li>
+      </ul>
+      <h3>电脑</h3>
+      <ul class="clean">
+        <li>系统：<strong>Windows 10 64 位</strong>及以上 / <strong>macOS 13+</strong></li>
+        <li>CPU：支持虚拟化（VT-x / AMD-V）</li>
+        <li>内存：最低 4GB，推荐 8GB 及以上</li>
+        <li>磁盘：为 Docker 与镜像预留约 <strong>5GB</strong> 可用空间（建议更多）</li>
+        <li>网络：调用云端 API 时需持续联网（本地模型方案除外）</li>
+      </ul>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过官网入口留言或工单。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站</p>
+    </div>
+  </footer>
+</body>
+</html>
--- a/site/index.html
+++ b/site/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>SimpleAi 龙虾 — 装在 U 盘里的私人 AI 助手</title>
+  <meta name="description" content="SimpleAi（龙虾U盘）：零基础、全中文、Docker 自动安装。文档与下载见 simpleai.quwanzhi.com。私域与交付方案由存客宝提供技术支持。" />
+  <link rel="stylesheet" href="assets/style.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="inner">
+      <a class="brand" href="index.html">
+        <span class="brand-mark" aria-hidden="true">🦞</span>
+        <span>SimpleAi <small style="font-weight:500;color:var(--muted)">龙虾</small></span>
+      </a>
+      <nav aria-label="主导航">
+        <ul>
+          <li><a href="index.html" class="active">首页</a></li>
+          <li><a href="features.html">特色</a></li>
+          <li><a href="guide.html">使用方法</a></li>
+          <li><a href="hardware.html">硬件要求</a></li>
+          <li><a href="api-tutorial.html">API 教程</a></li>
+          <li><a href="faq.html">常见问题</a></li>
+          <li><a href="download.html">下载</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <section class="hero">
+    <div class="hero-inner">
+      <p class="hero-kicker">SIMPLEAI · LOBSTER USB</p>
+      <h1>SimpleAi 龙虾<br /><span style="font-size:0.58em;font-weight:600;color:var(--ink-soft)">装在 U 盘里的私人 AI 助手</span></h1>
+      <p class="hero-lead">零基础、全中文引导；Docker / WSL2 等环境按需自动安装。配置与数据在 U 盘，拔掉不留痕。推荐网关：<strong>龙虾U盘模型</strong>（OpenAI 兼容）。</p>
+      <div class="pills">
+        <span class="pill">零基础</span>
+        <span class="pill">便携</span>
+        <span class="pill">加密存储</span>
+        <span class="pill">开源底座</span>
+        <span class="pill">Windows / macOS</span>
+      </div>
+      <div class="cta-row">
+        <a class="btn btn-primary" href="download.html">下载与更新</a>
+        <a class="btn btn-ghost" href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">打开龙虾站点</a>
+        <a class="btn btn-ghost" href="guide.html">先看使用步骤</a>
+      </div>
+      <svg class="hero-svg" viewBox="0 0 520 120" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+        <rect x="0" y="0" width="520" height="120" rx="4" fill="#fff" stroke="#e8e8e6"/>
+        <rect x="16" y="20" width="3" height="80" fill="#bb0a21"/>
+        <text x="32" y="48" font-family="system-ui,sans-serif" font-size="14" fill="#6b6b6b">卡若展厅风 · 卡罗拉红标</text>
+        <text x="32" y="78" font-family="system-ui,sans-serif" font-size="20" fill="#1a1a1a" font-weight="700">独立交付页 · 零构建 · 可本地双击打开</text>
+      </svg>
+    </div>
+  </section>
+
+  <main class="shell">
+    <div class="card">
+      <p class="sec-title">OVERVIEW</p>
+      <h2>站点导览</h2>
+      <p>以下为原「口袋龙虾」类落地页的信息架构，已按 <strong>SimpleAi 龙虾</strong> 品牌与 <strong>玩值</strong> 域名体系重写；外链公众号与第三方个人号已全部移除，统一收口到官网。</p>
+      <div class="grid-2" style="margin-top:18px;">
+        <a class="feature-tile" href="features.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">✨</div>
+          <strong>四大特色</strong>
+          <span>零门槛、便携、加密、模型与网关说明</span>
+        </a>
+        <a class="feature-tile" href="guide.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">🚀</div>
+          <strong>使用方法</strong>
+          <span>五步上手：拷贝 U 盘 → 启动 → 向导 → 密钥 → 浏览器</span>
+        </a>
+        <a class="feature-tile" href="hardware.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">💻</div>
+          <strong>硬件要求</strong>
+          <span>U 盘、电脑、网络与磁盘预留</span>
+        </a>
+        <a class="feature-tile" href="api-tutorial.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">🔑</div>
+          <strong>API 教程</strong>
+          <span>龙虾网关、智谱、自建兼容端点</span>
+        </a>
+        <a class="feature-tile" href="faq.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">❓</div>
+          <strong>常见问题</strong>
+          <span>费用、系统、安全、Docker 排错</span>
+        </a>
+        <a class="feature-tile" href="download.html" style="text-decoration:none;color:inherit;">
+          <div class="icon">⬇</div>
+          <strong>下载</strong>
+          <span>以 simpleai.quwanzhi.com 发布包为准</span>
+        </a>
+      </div>
+    </div>
+
+    <div class="callout">
+      <strong>开源说明：</strong>SimpleAi 龙虾基于 <a href="https://github.com/openclaw/openclaw" target="_blank" rel="noopener noreferrer">OpenClaw</a>（MIT）二次封装；本体不含模型权重，仅提供调用兼容 API 的容器与脚本。
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="inner">
+      <p><strong>文档与下载：</strong><a href="https://simpleai.quwanzhi.com" target="_blank" rel="noopener noreferrer">https://simpleai.quwanzhi.com</a></p>
+      <p><strong>技术方案与私域交付：</strong>由 <strong>存客宝</strong> 提供产品化与实施支持（玩值体系）。</p>
+      <p><strong>联系：</strong>请通过上述官网入口留言或工单；本站不展示个人自媒体账号。</p>
+      <p style="margin-top:16px;color:#9a9a9a;font-size:0.82rem;">卡若 · SimpleAi 龙虾 U 盘介绍站（本地静态页）</p>
+    </div>
+  </footer>
+</body>
+</html>