落地页 hero 驱动行补国产库（TiDB/OceanBase/GaussDB/人大金仓）+ 官网资产入库保全（同 opsxapi，此前被 dist/ 规则漏跟踪）

2026-10-16 03:14:52 +08:00
1 parent f0d42db359
commit c14f36ae75
@@ -0,0 +1,300 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>OpsxDB — 本地优先的桌面数据库工作台</title>
+<meta name="description" content="OpsxDB：连库、写 SQL、看结果，全在本机完成。MySQL / PostgreSQL / SQL Server / Oracle / SQLite / Redis 一个窗口管完，SSH 隧道与 SSL 加密，AI 辅助写 SQL。">
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%2264%22%20y2%3D%2264%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23059669%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%2206B6D4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20rx%3D%2214%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%224.5%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cellipse%20cx%3D%2232%22%20cy%3D%2220%22%20rx%3D%2215%22%20ry%3D%226.5%22%2F%3E%3Cpath%20d%3D%22M17%2020v24c0%203.6%206.7%206.5%2015%206.5s15-2.9%2015-6.5V20%22%2F%3E%3Cpath%20d%3D%22M17%2032c0%203.6%206.7%206.5%2015%206.5s15-2.9%2015-6.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E">
+<link rel="stylesheet" href="/site/assets/site.css">
+</head>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
+<symbol id="i-database" viewBox="0 0 24 24"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v14a9 3 0 0 0 18 0V5"/><path d="M3 12a9 3 0 0 0 18 0"/></symbol>
+<symbol id="i-shield-check" viewBox="0 0 24 24"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></symbol>
+<symbol id="i-terminal" viewBox="0 0 24 24"><polyline points="4 17 10 11 4 5"/><line x1="12" x2="20" y1="19" y2="19"/></symbol>
+<symbol id="i-table" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/><path d="M9 3v18"/><path d="M15 3v18"/></symbol>
+<symbol id="i-tree" viewBox="0 0 24 24"><path d="M13 10h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M13 21h7a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z"/><path d="M3 5a2 2 0 0 0 2 2h3"/><path d="M3 3v13a2 2 0 0 0 2 2h3"/></symbol>
+<symbol id="i-zap" viewBox="0 0 24 24"><path d="M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z"/></symbol>
+<symbol id="i-sparkles" viewBox="0 0 24 24"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/></symbol>
+<symbol id="i-key" viewBox="0 0 24 24"><circle cx="7.5" cy="15.5" r="5.5"/><path d="m21 2-9.6 9.6"/><path d="m15.5 7.5 3 3L22 7l-3-3"/></symbol>
+<symbol id="i-monitor" viewBox="0 0 24 24"><rect width="20" height="14" x="2" y="3" rx="2"/><line x1="8" x2="16" y1="21" y2="21"/><line x1="12" x2="12" y1="17" y2="21"/></symbol>
+<symbol id="i-server" viewBox="0 0 24 24"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><line x1="6" x2="6.01" y1="6" y2="6"/><line x1="6" x2="6.01" y1="18" y2="18"/></symbol>
+<symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></symbol>
+<symbol id="i-clipboard" viewBox="0 0 24 24"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></symbol>
+</svg>
+
+<!-- ===================== 导航 ===================== -->
+<header class="nav">
+  <div class="nav-inner">
+    <a class="brand" href="/home">
+      <span class="brand-logo"><svg width="30" height="30" viewBox="0 0 64 64" aria-label="OpsxDB"><defs><linearGradient id="lg-site" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#059669"/><stop offset="1" stop-color="#06B6D4"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#lg-site)"/><g stroke="#fff" stroke-width="4.5" fill="none" stroke-linecap="round"><ellipse cx="32" cy="20" rx="15" ry="6.5"/><path d="M17 20v24c0 3.6 6.7 6.5 15 6.5s15-2.9 15-6.5V20"/><path d="M17 32c0 3.6 6.7 6.5 15 6.5s15-2.9 15-6.5"/></g></svg></span>
+      <span class="brand-name">OpsxDB</span>
+    </a>
+    <nav class="nav-links">
+      <a href="#features">功能</a>
+      <a href="#drivers">驱动</a>
+      <a href="#security">安全</a>
+      <a href="#download">下载</a>
+      <a href="/docs" target="_blank" rel="noopener">文档</a>
+    </nav>
+    <div class="nav-cta">
+      <a class="btn btn-primary" href="/docs/quickstart" target="_blank" rel="noopener">快速开始 →</a>
+    </div>
+  </div>
+</header>
+
+<!-- ===================== Hero ===================== -->
+<section class="hero">
+  <div class="hero-inner">
+    <div class="hero-copy">
+      <div class="hero-badge"><svg class="i"><use href="#i-sparkles"/></svg> v0.1 · 桌面 GUI · 数据 100% 本机</div>
+      <h1>一个窗口，<br>管好<em>全公司的数据库</em></h1>
+      <p class="hero-sub">
+        连库、写 SQL、看结果，全在本机完成。<br>
+        MySQL / PostgreSQL / SQL Server / Oracle / SQLite / Redis 内置驱动，TiDB · OceanBase · GaussDB · 人大金仓同协议直连，
+        SSH 隧道与 SSL 加密直达内网库，AI 帮你把 SQL 写得又快又稳。
+      </p>
+      <div class="hero-actions">
+        <a class="btn btn-primary btn-lg" href="#download">下载桌面版</a>
+        <a class="btn btn-ghost btn-lg" href="/docs/quickstart" target="_blank" rel="noopener">30 秒连上第一个库 →</a>
+      </div>
+      <div class="hero-pills">
+        <span>本地优先</span><span>SSH 隧道</span><span>SSL 加密</span><span>国产库兼容</span><span>AI / MCP</span>
+      </div>
+    </div>
+
+    <!-- 工作台示意（纯 CSS 绘制） -->
+    <div class="mock" aria-hidden="true">
+      <div class="mock-titlebar"><i></i><i></i><i></i><span>OpsxDB · prod-mysql</span></div>
+      <div class="mock-body">
+        <div class="mock-side">
+          <div class="mock-search"></div>
+          <div class="mock-item conn"><i class="dot on"></i>prod-mysql</div>
+          <div class="mock-item conn"><i class="dot on"></i>pg-analytics</div>
+          <div class="mock-item conn"><i class="dot"></i>sqlite-demo</div>
+          <div class="mock-group">shop（库）</div>
+          <div class="mock-item active"><svg class="mi"><use href="#i-table"/></svg> orders</div>
+          <div class="mock-item"><svg class="mi"><use href="#i-table"/></svg> users</div>
+          <div class="mock-item"><svg class="mi"><use href="#i-table"/></svg> products</div>
+        </div>
+        <div class="mock-main">
+          <div class="mock-tabs"><span class="tab on">orders · 前 100 行</span><span class="tab">query-2</span></div>
+          <div class="mock-sql">
+            <pre><span class="kw">SELECT</span> id, user_id, amount, status
+<span class="kw">FROM</span>   orders
+<span class="kw">WHERE</span>  created_at &gt; <span class="str">'2026-09-01'</span>
+<span class="kw">ORDER BY</span> id <span class="kw">DESC</span> <span class="kw">LIMIT</span> <span class="num">100</span>;</pre>
+          </div>
+          <div class="mock-grid">
+            <span class="gh">id</span><span class="gh">user_id</span><span class="gh">amount</span><span class="gh">status</span>
+            <span>9f2a</span><span>u_1024</span><span>¥ 1,299.00</span><span class="ok">PAID</span>
+            <span>9f29</span><span>u_0987</span><span>¥ 89.00</span><span class="ok">PAID</span>
+            <span>9f28</span><span>u_2333</span><span>¥ 459.00</span><span class="warn">PENDING</span>
+            <span>9f27</span><span>u_1024</span><span>¥ 3,280.00</span><span class="ok">PAID</span>
+          </div>
+          <div class="mock-status"><span class="ok">✓ 100 行 · 38ms</span><span>MySQL 8 · 127.0.0.1:3306</span></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 数据统计条 -->
+  <div class="stats">
+    <div class="stats-inner">
+      <div class="stat"><b>7</b><span>内置驱动</span></div>
+      <div class="stat"><b>18</b><span>可连数据库</span></div>
+      <div class="stat"><b>0</b><span>数据外发</span></div>
+      <div class="stat"><b>1</b><span>个二进制内置官网与文档</span></div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== 为什么选 ===================== -->
+<section class="section">
+  <div class="wrap">
+    <h2 class="sec-title">为什么运维和开发选 OpsxDB</h2>
+    <p class="sec-sub">不把生产库连到别人的云上 —— 这是我们做这款工具的出发点。</p>
+    <div class="grid g4">
+      <div class="card">
+        <div class="card-icon"><svg class="i-lg"><use href="#i-shield-check"/></svg></div>
+        <h3>本地优先，数据主权</h3>
+        <p>连接配置、查询历史全部保存在本机，服务只监听 127.0.0.1，不经过任何第三方服务器。</p>
+      </div>
+      <div class="card">
+        <div class="card-icon"><svg class="i-lg"><use href="#i-database"/></svg></div>
+        <h3>六类库一个窗口</h3>
+        <p>MySQL 族 / PostgreSQL 族 / SQL Server / Oracle / SQLite / Redis 统一工作台，切换零负担。</p>
+      </div>
+      <div class="card">
+        <div class="card-icon"><svg class="i-lg"><use href="#i-key"/></svg></div>
+        <h3>安全通道直达内网</h3>
+        <p>每个连接可独立配置 SSL/TLS 与 SSH 隧道，跳板机后面的库也能安全直连。</p>
+      </div>
+      <div class="card">
+        <div class="card-icon"><svg class="i-lg"><use href="#i-sparkles"/></svg></div>
+        <h3>AI 写 SQL，也能查库</h3>
+        <p>Ask 生成/解释/优化；Agent 用与 MCP 同源的只读工具真查库。Cursor 可 <code>npx @rlwj-lab/opsxdb-mcp</code> 接入。</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== 功能 ===================== -->
+<section class="section alt" id="features">
+  <div class="wrap">
+    <h2 class="sec-title">开箱即用的专业能力</h2>
+    <p class="sec-sub">为「每天都要碰库的人」设计的工作台密度。</p>
+    <div class="grid g3">
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-terminal"/></svg></div><div><h3>连接选择器</h3><p>搜索 / 分类 / 最近 / 图标网格；粘贴 <code>mysql://user:pass@host:3306/db</code> 一键填入表单。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-zap"/></svg></div><div><h3>SQL 工作台</h3><p>CodeMirror 编辑器，⌘/Ctrl+Enter 执行当前语句或选区，多 Tab 并行，可拖分栏。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-table"/></svg></div><div><h3>结果随手取</h3><p>结果集一键复制 / 导出 CSV / 生成 INSERT；双击单元格即复制，截断行数有提示。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-tree"/></svg></div><div><h3>对象树与表数据</h3><p>懒加载库 / 表 / 列；点表名直接看前 100 行，展开表即看列结构。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-database"/></svg></div><div><h3>Redis 工作台</h3><p>编辑器直接执行 <code>PING</code> / <code>GET</code> / <code>SET</code> / <code>KEYS</code>，键空间浏览、TTL 管理。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-sparkles"/></svg></div><div><h3>AI / MCP</h3><p>Ask 写 SQL；Agent 真查白名单库。可用 <code>npx @rlwj-lab/opsxdb-mcp</code> 接到 Cursor（默认只读）。</p></div></div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== 驱动矩阵 ===================== -->
+<section class="section" id="drivers">
+  <div class="wrap">
+    <h2 class="sec-title">数据库支持</h2>
+    <p class="sec-sub">常用库 native Go 驱动编译内置；长尾库规划 agent 按需接入。</p>
+    <div class="grid g3">
+      <div class="proto"><h3><svg class="i"><use href="#i-database"/></svg> MySQL 族</h3><p>MySQL · MariaDB · TiDB · OceanBase · PolarDB · TDSQL<span class="port">:3306</span></p></div>
+      <div class="proto"><h3><svg class="i"><use href="#i-database"/></svg> PostgreSQL 族</h3><p>PostgreSQL · GaussDB / openGauss · 人大金仓<span class="port">:5432</span></p></div>
+      <div class="proto"><h3><svg class="i"><use href="#i-database"/></svg> SQL Server</h3><p>原生协议直连，SSL 可选<span class="port">:1433</span></p></div>
+      <div class="proto"><h3><svg class="i"><use href="#i-database"/></svg> Oracle</h3><p>纯 Go 驱动 go-ora，不引入 JVM<span class="port">:1521</span></p></div>
+      <div class="proto"><h3><svg class="i"><use href="#i-database"/></svg> SQLite</h3><p>本地文件库，填路径即连<span class="port">file</span></p></div>
+      <div class="proto"><h3><svg class="i"><use href="#i-zap"/></svg> Redis</h3><p>连接即可执行命令与键管理<span class="port">:6379</span></p></div>
+    </div>
+    <div class="badges">
+      <span class="more">规划中 · agent 按需接入：达梦 DM8 · MongoDB · ZooKeeper · Elasticsearch · InfluxDB</span>
+    </div>
+    <p class="footnote">驱动验收状态（本机 docker 实测）见 <a href="/docs/drivers" target="_blank" rel="noopener">文档 · 驱动支持</a>。</p>
+  </div>
+</section>
+
+<!-- ===================== 安全 ===================== -->
+<section class="section alt" id="security">
+  <div class="wrap">
+    <h2 class="sec-title">安全是默认项，不是选项</h2>
+    <p class="sec-sub">连生产库的工具，必须先过安全这一关。</p>
+    <div class="grid g3">
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-key"/></svg></div><div><h3>密码不出本机</h3><p>连接密码本机混淆存储；查询只带 <code>sessionId</code>，账密不再每次上送。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-shield-check"/></svg></div><div><h3>SSL / TLS 每库可配</h3><p>按连接独立开启 TLS，证书校验策略随库配置。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-server"/></svg></div><div><h3>SSH 隧道</h3><p>跳板机场景一条隧道直达内网库，无需暴露公网端口。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-monitor"/></svg></div><div><h3>仅监听回环</h3><p>后端默认绑定 127.0.0.1，对外服务需显式开启。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-clipboard"/></svg></div><div><h3>危险 SQL 确认</h3><p>DROP / TRUNCATE / 无 WHERE 的 UPDATE·DELETE 执行前二次确认。</p></div></div>
+      <div class="card row"><div class="card-icon"><svg class="i-lg"><use href="#i-clock"/></svg></div><div><h3>查询历史本地留存</h3><p>历史只存在本机，随时回跳重跑，不上传不同步。</p></div></div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== 下载 / 形态 ===================== -->
+<section class="section" id="download">
+  <div class="wrap">
+    <h2 class="sec-title">三种形态，同一套体验</h2>
+    <p class="sec-sub">客户端唯一形态是桌面 GUI；官网与文档内置在同一个 Go 二进制里。</p>
+    <div class="pricing three">
+      <div class="price-card featured">
+        <div class="plan-tag">推荐 · 主交付</div>
+        <div class="plan">桌面版</div>
+        <div class="price"><b>Tauri 2</b></div>
+        <div class="plan-sub">macOS（Apple Silicon / Intel）· Windows 规划中</div>
+        <ul>
+          <li>✓ 双击启动，本地后端随应用自动拉起</li>
+          <li>✓ DMG 安装包内置 sidecar，无需手动起服务</li>
+          <li>✓ 连接 / 查询 / 结果全功能</li>
+          <li>✓ 数据 100% 留在本机</li>
+        </ul>
+        <a class="btn btn-primary" href="/docs/quickstart" target="_blank" rel="noopener">从源码构建</a>
+      </div>
+      <div class="price-card">
+        <div class="plan">官网 + 文档</div>
+        <div class="price"><b>内置</b></div>
+        <div class="plan-sub">随二进制提供，无需部署</div>
+        <ul>
+          <li>✓ 官网 <code>/</code> 与文档 <code>/docs</code> 内置于后端</li>
+          <li>✓ 文档支持全文搜索 / 打印 / 导出 PDF</li>
+          <li>✓ 浏览器只看站点与文档，不承载客户端</li>
+          <li>✓ 随版本发布自动更新</li>
+        </ul>
+        <a class="btn btn-primary" href="/docs" target="_blank" rel="noopener">浏览文档</a>
+      </div>
+      <div class="price-card enterprise">
+        <div class="plan-tag dark">内网部署</div>
+        <div class="plan">企业内网版</div>
+        <div class="price"><b>无外联</b></div>
+        <div class="plan-sub">数据不出企业网</div>
+        <ul>
+          <li>✓ 单二进制 + 静态页，内网任意主机部署</li>
+          <li>✓ 默认仅回环监听，对外需显式配置</li>
+          <li>✓ SSH 隧道 / TLS 直达内网数据库</li>
+          <li>✓ 无遥测、无账号、无云依赖</li>
+        </ul>
+        <a class="btn btn-dark" href="/docs/security" target="_blank" rel="noopener">安全设计</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== FAQ ===================== -->
+<section class="section alt" id="faq">
+  <div class="wrap narrow">
+    <h2 class="sec-title">常见问题</h2>
+    <div class="faq">
+      <details open><summary>我的连接密码保存在哪？安全吗？</summary><p>全部保存在本机（混淆存储），查询时只携带会话 ID，密码不会随每次请求上送，也不会同步到任何云端。</p></details>
+      <details><summary>能在浏览器里操作数据库吗？</summary><p>不能。客户端唯一形态是桌面应用（Tauri 2）；浏览器只承载官网与文档，由后端 :8788 内置提供。开发时的 :5174 只是桌面 devUrl 的资产服务。</p></details>
+      <details><summary>和 DBeaver / Navicat 有什么差别？</summary><p>OpsxDB 面向运维与开发的日常高频操作（连库、点表、写 SQL、取结果），界面密度和快捷键为「快」设计；本地优先、后端随桌面应用拉起、内置中文文档。重度管理功能（ER 图、数据比对等）在路线图中。</p></details>
+      <details><summary>Oracle 支持好了吗？</summary><p>驱动代码已就绪（纯 Go 的 go-ora，无需 JVM），但本机 docker 验收在 Apple Silicon 上受镜像限制未通过，需 x86 环境或真库完成验收，详见文档《驱动支持》。</p></details>
+      <details><summary>AI 功能需要联网吗？</summary><p>配置云端模型（如 DeepSeek）时，提问与结构上下文会发往该服务；可改用本地兼容端点。MCP / Agent 查库始终在本机执行，默认只读。</p></details>
+      <details><summary>支持达梦 / MongoDB 吗？</summary><p>已列入路线：常用库 native 内置，长尾库（达梦、MongoDB、ZooKeeper、ES、InfluxDB）规划 agent 按需接入，驱动分发走独立仓库并校验 sha256。</p></details>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== CTA ===================== -->
+<section class="cta">
+  <div class="wrap">
+    <h2>把数据库客户端收回自己手里</h2>
+    <p>30 秒连上第一个库；官网与文档都由你手里的这个二进制提供。</p>
+    <div class="hero-actions center">
+      <a class="btn btn-inverse btn-lg" href="/docs/quickstart" target="_blank" rel="noopener">快速开始 ↗</a>
+      <a class="btn btn-outline btn-lg" href="/docs" target="_blank" rel="noopener">阅读文档</a>
+    </div>
+  </div>
+</section>
+
+<!-- ===================== Footer ===================== -->
+<footer class="footer">
+  <div class="wrap footer-grid">
+    <div>
+      <div class="brand"><span class="brand-logo"><svg width="30" height="30" viewBox="0 0 64 64" aria-label="OpsxDB"><defs><linearGradient id="lg-foot" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#059669"/><stop offset="1" stop-color="#06B6D4"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#lg-foot)"/><g stroke="#fff" stroke-width="4.5" fill="none" stroke-linecap="round"><ellipse cx="32" cy="20" rx="15" ry="6.5"/><path d="M17 20v24c0 3.6 6.7 6.5 15 6.5s15-2.9 15-6.5V20"/><path d="M17 32c0 3.6 6.7 6.5 15 6.5s15-2.9 15-6.5"/></g></svg></span><span class="brand-name">OpsxDB</span></div>
+      <p class="footer-desc">本地优先的桌面数据库工作台。<br>数据在自己手里，才是真的效率工具。</p>
+    </div>
+    <div>
+      <h4>产品</h4>
+      <a href="#features">功能特性</a>
+      <a href="#drivers">数据库支持</a>
+      <a href="#download">下载与形态</a>
+    </div>
+    <div>
+      <h4>资源</h4>
+      <a href="/docs" target="_blank" rel="noopener">用户文档</a>
+      <a href="/docs/drivers" target="_blank" rel="noopener">驱动验收状态</a>
+      <a href="/docs/faq" target="_blank" rel="noopener">常见问题</a>
+    </div>
+    <div>
+      <h4>安全</h4>
+      <a href="#security">安全设计</a>
+      <a href="/docs/security" target="_blank" rel="noopener">SSL 与 SSH 隧道</a>
+      <a href="/docs/quickstart" target="_blank" rel="noopener">快速开始</a>
+    </div>
+  </div>
+  <div class="footer-bar">© 2026 OpsxDB · 本页由单二进制内置提供（/ · /home）</div>
+</footer>
+
+</body>
+</html>