官网下载区按系统分卡片（macOS / Windows / Linux）

homepage/assets/site.css

@@ -161,6 +161,10 @@ code { font-family: var(--mono); font-size: 13px; background: var(--green-soft);
 .card p { color: var(--text-2); font-size: 13.5px; margin: 0; }
 .card-icon { color: var(--green); margin-bottom: 10px; }
 .card-icon .i-lg { width: 30px; height: 30px; }
+
+/* ---------- 下载卡 ---------- */
+.dl-item .card-icon { font-size: 30px; line-height: 1; }
+.dl-item .btn { margin-top: 14px; }
 .card.row { display: flex; gap: 14px; align-items: flex-start; }
 .card.row .card-icon { margin: 2px 0 0; }
 

homepage/content/02-quickstart.md

@@ -4,7 +4,7 @@
 
 OpsxDB 客户端唯一形态是桌面应用：双击启动，本地后端随应用自动拉起，**无需安装任何依赖、无需手动起服务**。
 
-1. 打开官网 [opsxdb.rlwj.cn](https://opsxdb.rlwj.cn) 获取最新安装包（macOS DMG · Apple Silicon / Intel，Windows 版规划中）；
+1. 打开官网 [opsxdb.rlwj.cn](https://opsxdb.rlwj.cn) 下载区的安装包（官网会自动识别你的系统并高亮对应卡片）：macOS（Apple Silicon / Intel · .dmg）、Windows x64（.msi）、Linux（.deb / AppImage）；
 2. 双击 DMG，将 OpsxDB 拖入「应用程序」；
 3. 首次启动自动开始 **30 天全功能试用**——无需注册账号、无需信用卡；
 4. 试用期覆盖全部连接与 AI 能力。个人非商业用途永久免费；商用授权与定价见[定价页](/pricing)。

homepage/dist/docs/quickstart/index.html

@@ -97,7 +97,7 @@
 <h2 id="sec-1">1. 下载与安装</h2>
 <p>OpsxDB 客户端唯一形态是桌面应用：双击启动，本地后端随应用自动拉起，<strong>无需安装任何依赖、无需手动起服务</strong>。</p>
 <ol>
-<li>打开官网 <a href="https://opsxdb.rlwj.cn">opsxdb.rlwj.cn</a> 获取最新安装包（macOS DMG · Apple Silicon / Intel，Windows 版规划中）；</li>
+<li>打开官网 <a href="https://opsxdb.rlwj.cn">opsxdb.rlwj.cn</a> 下载区的安装包（官网会自动识别你的系统并高亮对应卡片）：macOS（Apple Silicon / Intel · .dmg）、Windows x64（.msi）、Linux（.deb / AppImage）；</li>
 <li>双击 DMG，将 OpsxDB 拖入「应用程序」；</li>
 <li>首次启动自动开始 <strong>30 天全功能试用</strong>——无需注册账号、无需信用卡；</li>
 <li>试用期覆盖全部连接与 AI 能力。个人非商业用途永久免费；商用授权与定价见<a href="/pricing">定价页</a>。</li>

homepage/dist/docs/search-data.json

@@ -1 +1 @@
-[{"Slug":"intro","Title":"产品介绍","Group":"开始使用","Text":"OpsxDB 是一款 本地优先 的桌面数据库工作台，面向运维与开发：连库、写 SQL、看结果，全在本机完成。 主交付形态是可安装的桌面应用，本地后端随应用自动启动，从 下载即用。数据全部保存在本机，不经过任何第三方服务器。 功能总览 能力 说明 18 种数据库 关系型 / NoSQL / 时序·搜索 / 国产库，全部端到端验收；常用引擎原生内置 连接选择器 搜索 / 分类 / 最近 / 图标网格；粘贴连接 URL 一键填入表单；连接颜色标记区分环境 SQL 工作台 CodeMirror 编辑器、⌘/Ctrl+Enter 执行语句或选区、多 Tab、可拖分栏、格式化、执行历史 对象树 懒加载库 / 表 / 列 / 索引 / 触发器；点表名直接看前 100 行；右键管理对象 结果处理 单元格编辑回写 / 右键复制（值·行·JSON·INSERT）/ CSV·JSON·INSERT 导出 / 过滤构建器 / 分页 Redis 工作台 单机 / Sentinel / Cluster；键树浏览（SCAN 游标）、TTL、Hash/JSON 编辑、危险命令拦截 安全通道 每连接独立配置 SSL/TLS 与 SSH 隧道；后端本机监听 + 访问令牌 AI 助手 生成 / 解释 / 优化 / 修复 / 方言转换 / 样例；OpenAI 兼容协议 + SSE 流式输出 危险操作防护 DROP / TRUNCATE / 无 WHERE 的 UPDATE·DELETE 执行前确认 桌面唯一形态 桌面 GUI，本地后端随应用自动拉起 支持的数据库 家族 覆盖 关系型 MySQL · MariaDB · TiDB · PostgreSQL · SQL Server · Oracle · SQLite NoSQL Redis · MongoDB 时序 / 搜索 Elasticsearch · ZooKeeper · InfluxDB 国产库 达梦 DM · OceanBase · GaussDB / openGauss · PolarDB · TDSQL · Kingbase 逐引擎的接入方式、默认端口与能力边界见《 》；全部 18 引擎均已实测验收。 为什么选 OpsxDB 数据主权 ：连接配置与查询历史只存在本机；后端默认仅监听 127.0.0.1。 开箱即用 ：桌面版双击即用，本地后端随应用自动拉起；官网与文档也由它内置提供。 为快设计 ：点表即看数据、⌘Enter 即执行、结果三键取走（复制 / CSV / INSERT）。 轻量克制 ：一个 Go 二进制 + 一份前端，内网可部署，无遥测无账号。 提示 ：想马上动手？直接看下一章《快速开始》，30 秒连上第一个库。"},{"Slug":"quickstart","Title":"快速开始","Group":"开始使用","Text":"本章从零到出结果：下载安装 → 建连接 → 执行第一条 SQL。 1. 下载与安装 OpsxDB 客户端唯一形态是桌面应用：双击启动，本地后端随应用自动拉起， 无需安装任何依赖、无需手动起服务 。 1. 打开官网 获取最新安装包（macOS DMG · Apple Silicon / Intel，Windows 版规划中）； 2. 双击 DMG，将 OpsxDB 拖入「应用程序」； 3. 首次启动自动开始 30 天全功能试用 ——无需注册账号、无需信用卡； 4. 试用期覆盖全部连接与 AI 能力。个人非商业用途永久免费；商用授权与定价见 。 2. 新建连接 1. 打开应用，进入 连接选择器 ，选择数据库类型（如 MySQL）； 2. 或者直接粘贴连接 URL，点「填入」自动拆解字段： 3. 点 测试 验证连通性，再点 保存并连接 。 连接配置保存在本机，密码混淆存储；后续查询只携带会话 ID，不再上送账密。数据库在跳板机后面？连接表单开启 SSH 隧道即可安全直达，见《新建连接》。 3. 第一次查询 1. 左侧对象树展开库， 点表名 直接查看前 100 行（展开表可看列结构）； 2. 打开 SQL 编辑器，输入： 3. 按 ⌘/Ctrl + Enter 执行当前语句（或选中的片段）； 4. 结果面板支持 复制 / 导出 CSV / 生成 INSERT ，双击单元格即复制。 4. 手边没有数据库？ 本地还没有可连的库？用 Docker 一分钟起一个练手： 然后把 粘贴进连接表单，点「填入」即可。 各数据库的接入方式与验收状态见《 》。"},{"Slug":"interface","Title":"界面导览","Group":"开始使用","Text":"OpsxDB 的界面为「高频操作」设计：从打开应用到看到数据，路径越短越好。 连接选择器 启动后的第一个界面： 搜索 ：按名称快速过滤已保存的连接； 分类 ：关系型 / NoSQL / 国产库 / 时序·搜索 分组浏览； 最近 ：最近使用的连接排在最前； 图标网格 ：按数据库类型直选，未就绪的类型会标注「未就绪」（仅可保存配置）； URL 填入 ：粘贴 点「填入」，字段自动拆解。 工作台布局 连接成功后进入工作台，三栏结构： 区域 内容 左侧 连接列表 + 对象树（库 → 表 → 列，懒加载） 中部 SQL 编辑器（多 Tab）+ 结果面板，可拖动分栏 右侧 AI 面板（生成 / 解释 / 优化 / 修复 / 方言 / 样例） 对象树 点 表名 ：直接打开前 100 行数据； 展开 表 ：查看列结构Line truncated
+[{"Slug":"intro","Title":"产品介绍","Group":"开始使用","Text":"OpsxDB 是一款 本地优先 的桌面数据库工作台，面向运维与开发：连库、写 SQL、看结果，全在本机完成。 主交付形态是可安装的桌面应用，本地后端随应用自动启动，从 下载即用。数据全部保存在本机，不经过任何第三方服务器。 功能总览 能力 说明 18 种数据库 关系型 / NoSQL / 时序·搜索 / 国产库，全部端到端验收；常用引擎原生内置 连接选择器 搜索 / 分类 / 最近 / 图标网格；粘贴连接 URL 一键填入表单；连接颜色标记区分环境 SQL 工作台 CodeMirror 编辑器、⌘/Ctrl+Enter 执行语句或选区、多 Tab、可拖分栏、格式化、执行历史 对象树 懒加载库 / 表 / 列 / 索引 / 触发器；点表名直接看前 100 行；右键管理对象 结果处理 单元格编辑回写 / 右键复制（值·行·JSON·INSERT）/ CSV·JSON·INSERT 导出 / 过滤构建器 / 分页 Redis 工作台 单机 / Sentinel / Cluster；键树浏览（SCAN 游标）、TTL、Hash/JSON 编辑、危险命令拦截 安全通道 每连接独立配置 SSL/TLS 与 SSH 隧道；后端本机监听 + 访问令牌 AI 助手 生成 / 解释 / 优化 / 修复 / 方言转换 / 样例；OpenAI 兼容协议 + SSE 流式输出 危险操作防护 DROP / TRUNCATE / 无 WHERE 的 UPDATE·DELETE 执行前确认 桌面唯一形态 桌面 GUI，本地后端随应用自动拉起 支持的数据库 家族 覆盖 关系型 MySQL · MariaDB · TiDB · PostgreSQL · SQL Server · Oracle · SQLite NoSQL Redis · MongoDB 时序 / 搜索 Elasticsearch · ZooKeeper · InfluxDB 国产库 达梦 DM · OceanBase · GaussDB / openGauss · PolarDB · TDSQL · Kingbase 逐引擎的接入方式、默认端口与能力边界见《 》；全部 18 引擎均已实测验收。 为什么选 OpsxDB 数据主权 ：连接配置与查询历史只存在本机；后端默认仅监听 127.0.0.1。 开箱即用 ：桌面版双击即用，本地后端随应用自动拉起；官网与文档也由它内置提供。 为快设计 ：点表即看数据、⌘Enter 即执行、结果三键取走（复制 / CSV / INSERT）。 轻量克制 ：一个 Go 二进制 + 一份前端，内网可部署，无遥测无账号。 提示 ：想马上动手？直接看下一章《快速开始》，30 秒连上第一个库。"},{"Slug":"quickstart","Title":"快速开始","Group":"开始使用","Text":"本章从零到出结果：下载安装 → 建连接 → 执行第一条 SQL。 1. 下载与安装 OpsxDB 客户端唯一形态是桌面应用：双击启动，本地后端随应用自动拉起， 无需安装任何依赖、无需手动起服务 。 1. 打开官网 下载区的安装包（官网会自动识别你的系统并高亮对应卡片）：macOS（Apple Silicon / Intel · .dmg）、Windows x64（.msi）、Linux（.deb / AppImage）； 2. 双击 DMG，将 OpsxDB 拖入「应用程序」； 3. 首次启动自动开始 30 天全功能试用 ——无需注册账号、无需信用卡； 4. 试用期覆盖全部连接与 AI 能力。个人非商业用途永久免费；商用授权与定价见 。 2. 新建连接 1. 打开应用，进入 连接选择器 ，选择数据库类型（如 MySQL）； 2. 或者直接粘贴连接 URL，点「填入」自动拆解字段： 3. 点 测试 验证连通性，再点 保存并连接 。 连接配置保存在本机，密码混淆存储；后续查询只携带会话 ID，不再上送账密。数据库在跳板机后面？连接表单开启 SSH 隧道即可安全直达，见《新建连接》。 3. 第一次查询 1. 左侧对象树展开库， 点表名 直接查看前 100 行（展开表可看列结构）； 2. 打开 SQL 编辑器，输入： 3. 按 ⌘/Ctrl + Enter 执行当前语句（或选中的片段）； 4. 结果面板支持 复制 / 导出 CSV / 生成 INSERT ，双击单元格即复制。 4. 手边没有数据库？ 本地还没有可连的库？用 Docker 一分钟起一个练手： 然后把 粘贴进连接表单，点「填入」即可。 各数据库的接入方式与验收状态见《 》。"},{"Slug":"interface","Title":"界面导览","Group":"开始使用","Text":"OpsxDB 的界面为「高频操作」设计：从打开应用到看到数据，路径越短越好。 连接选择器 启动后的第一个界面： 搜索 ：按名称快速过滤已保存的连接； 分类 ：关系型 / NoSQL / 国产库 / 时序·搜索 分组浏览； 最近 ：最近使用的连接排在最前； 图标网格 ：按数据库类型直选，未就绪的类型会标注「未就绪」（仅可保存配置）； URL 填入 ：粘贴 点「填入」，字段自动拆解。 工作台布局 连接成功后进入工作台，三栏结构： 区域 内容 左侧 连接列表 + 对象树（库 → 表 → 列，懒加载） 中部 SQL 编辑器（多 Tab）+ 结果面板，可拖动分栏 右侧 AI 面板（生成 / 解释 / 优化 / 修复 / 方言 / 样Line truncated

homepage/dist/home/index.html

@@ -286,51 +286,39 @@
   </div>
 </section>
 
-<!-- ===================== 下载 / 形态 ===================== -->
-<section class="section" id="download">
+<!-- ===================== 下载 ===================== -->
+<section class="section alt" id="download">
   <div class="wrap">
-    <h2 class="sec-title">三种形态，同一套体验</h2>
-    <p class="sec-sub">客户端唯一形态是桌面 GUI；官网与文档随程序一并提供，无需部署。</p>
-    <div class="pricing three">
-      <div class="price-card featured">
-        <div class="plan-tag">推荐 · 主交付</div>
-        <div class="plan">桌面版</div>
-        <div class="price"><b>原生桌面</b></div>
-        <div class="plan-sub">macOS（Apple Silicon / Intel）· Windows 规划中</div>
-        <ul>
-          <li>✓ 双击启动，本地后端随应用自动拉起</li>
-          <li>✓ 安装包开箱即用，无需手动起服务</li>
-          <li>✓ 连接 / 查询 / 结果全功能</li>
-          <li>✓ 数据 100% 留在本机</li>
-        </ul>
-        <a class="btn btn-primary" href="https://opsxdb.rlwj.cn" target="_blank" rel="noopener">前往官网下载 ↗</a>
+    <h2 class="sec-title">下载 OpsxDB</h2>
+    <p class="sec-sub">v0.1 公测 · 安装即含 30 天全功能试用 · 个人非商业长期可用</p>
+    <div class="grid g4" id="dl-grid">
+      <div class="card dl-item" data-os="mac-arm">
+        <div class="card-icon">🍎</div>
+        <h3>macOS · Apple Silicon</h3>
+        <p>M1 / M2 / M3 / M4 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Apple%20Silicon%EF%BC%89" data-href="/download/OpsxDB_aarch64.dmg">获取公测包</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>✓ 文档支持全文搜索</li>
-          <li>✓ 浏览器只看站点与文档，不承载客户端</li>
-          <li>✓ 随版本发布自动更新</li>
-        </ul>
-        <a class="btn btn-primary" href="/docs" target="_blank" rel="noopener">浏览文档</a>
+      <div class="card dl-item" data-os="mac-x64">
+        <div class="card-icon">💻</div>
+        <h3>macOS · Intel</h3>
+        <p>x86_64 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Intel%EF%BC%89" data-href="/download/OpsxDB_x64.dmg">获取公测包</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 class="card dl-item" data-os="win">
+        <div class="card-icon">🪟</div>
+        <h3>Windows · x64</h3>
+        <p>Win 10+ · .msi / .exe</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Windows%EF%BC%89" data-href="/download/OpsxDB_x64-setup.msi">获取公测包</a>
+      </div>
+      <div class="card dl-item" data-os="linux">
+        <div class="card-icon">🐧</div>
+        <h3>Linux</h3>
+        <p>Ubuntu / Debian · .deb / AppImage</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Linux%EF%BC%89" data-href="/download/OpsxDB_amd64.AppImage">获取公测包</a>
       </div>
     </div>
+    <p class="footnote" style="text-align:center;margin-top:14px">已自动识别你的系统（高亮卡片）。公测期安装包经邮件发放；正式版发布后此处直接提供各平台安装包下载。</p>
+    <p class="footnote" style="text-align:center">安装包内嵌本地后端，双击即用、无需配置；企业内网部署见 <a href="/pricing">定价 · 企业私有化版</a>。</p>
   </div>
 </section>
 
@@ -394,5 +382,49 @@
   <div class="footer-bar">© 2026 OpsxDB · <a href="/pricing">定价</a> · <a href="/license">授权与激活</a> · <a href="/docs" target="_blank" rel="noopener">文档</a></div>
 </footer>
 
+<script>
+(function () {
+  function apply(os) {
+    var item = document.querySelector('.dl-item[data-os="' + os + '"]');
+    if (!item) return;
+    item.style.borderColor = 'var(--green,#059669)';
+    item.style.boxShadow = '0 0 0 3px color-mix(in srgb, var(--green,#059669) 15%, transparent)';
+    var badge = document.createElement('div');
+    badge.textContent = '✓ 检测到你的系统';
+    badge.style.cssText = 'color:var(--green,#059669);font-size:12px;font-weight:700;margin:8px 0 0';
+    item.querySelector('.dl-btn').after(badge);
+  }
+  var ua = navigator.userAgent, plat = navigator.platform || '';
+  if (/Win/i.test(plat) || /Windows/i.test(ua)) return apply('win');
+  if (/Linux|X11|Ubuntu/i.test(plat + ' ' + ua) && !/Android/i.test(ua)) return apply('linux');
+  if (/Mac|Darwin/i.test(plat) || /Macintosh/i.test(ua)) {
+    // 通道1：UA-Client Hints（Chromium）
+    if (navigator.userAgentData && navigator.userAgentData.getHighEntropyValues) {
+      navigator.userAgentData.getHighEntropyValues(['architecture']).then(function (info) {
+        apply(info.architecture === 'arm' ? 'mac-arm' : 'mac-x64');
+      }).catch(function () { apply(guessMac(ua)); });
+      return;
+    }
+    return apply(guessMac(ua));
+  }
+  apply('linux');
+  function guessMac(ua) {
+    // 通道2：WebGL 渲染器 —— Apple Silicon 的 ANGLE/Metal 渲染器名含 "Apple"
+    try {
+      var c = document.createElement('canvas');
+      var gl = c.getContext('webgl') || c.getContext('experimental-webgl');
+      var dbg = gl && gl.getExtension('WEBGL_debug_renderer_info');
+      var renderer = dbg ? String(gl.getParameter(dbg.UNMASKED_RENDERER_WEBGL)) : '';
+      if (/Apple/.test(renderer) && !/Intel/.test(renderer)) return 'mac-arm';
+      if (/Intel|AMD|Radeon|GeForce/i.test(renderer)) return 'mac-x64';
+    } catch (e) { /* ignore */ }
+    // 通道3：UA 字面量（Firefox 会真实标注 arm64；Chrome 恒为 Intel 字样不可信）
+    if (/arm64|aarch64/i.test(ua)) return 'mac-arm';
+    if (/x86_64/i.test(ua)) return 'mac-x64';
+    return 'mac-arm'; // 新机型兜底：近年 Mac 均为 Apple Silicon
+  }
+})();
+</script>
+
 </body>
 </html>

homepage/dist/index.html

@@ -286,51 +286,39 @@
   </div>
 </section>
 
-<!-- ===================== 下载 / 形态 ===================== -->
-<section class="section" id="download">
+<!-- ===================== 下载 ===================== -->
+<section class="section alt" id="download">
   <div class="wrap">
-    <h2 class="sec-title">三种形态，同一套体验</h2>
-    <p class="sec-sub">客户端唯一形态是桌面 GUI；官网与文档随程序一并提供，无需部署。</p>
-    <div class="pricing three">
-      <div class="price-card featured">
-        <div class="plan-tag">推荐 · 主交付</div>
-        <div class="plan">桌面版</div>
-        <div class="price"><b>原生桌面</b></div>
-        <div class="plan-sub">macOS（Apple Silicon / Intel）· Windows 规划中</div>
-        <ul>
-          <li>✓ 双击启动，本地后端随应用自动拉起</li>
-          <li>✓ 安装包开箱即用，无需手动起服务</li>
-          <li>✓ 连接 / 查询 / 结果全功能</li>
-          <li>✓ 数据 100% 留在本机</li>
-        </ul>
-        <a class="btn btn-primary" href="https://opsxdb.rlwj.cn" target="_blank" rel="noopener">前往官网下载 ↗</a>
+    <h2 class="sec-title">下载 OpsxDB</h2>
+    <p class="sec-sub">v0.1 公测 · 安装即含 30 天全功能试用 · 个人非商业长期可用</p>
+    <div class="grid g4" id="dl-grid">
+      <div class="card dl-item" data-os="mac-arm">
+        <div class="card-icon">🍎</div>
+        <h3>macOS · Apple Silicon</h3>
+        <p>M1 / M2 / M3 / M4 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Apple%20Silicon%EF%BC%89" data-href="/download/OpsxDB_aarch64.dmg">获取公测包</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>✓ 文档支持全文搜索</li>
-          <li>✓ 浏览器只看站点与文档，不承载客户端</li>
-          <li>✓ 随版本发布自动更新</li>
-        </ul>
-        <a class="btn btn-primary" href="/docs" target="_blank" rel="noopener">浏览文档</a>
+      <div class="card dl-item" data-os="mac-x64">
+        <div class="card-icon">💻</div>
+        <h3>macOS · Intel</h3>
+        <p>x86_64 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Intel%EF%BC%89" data-href="/download/OpsxDB_x64.dmg">获取公测包</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 class="card dl-item" data-os="win">
+        <div class="card-icon">🪟</div>
+        <h3>Windows · x64</h3>
+        <p>Win 10+ · .msi / .exe</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Windows%EF%BC%89" data-href="/download/OpsxDB_x64-setup.msi">获取公测包</a>
+      </div>
+      <div class="card dl-item" data-os="linux">
+        <div class="card-icon">🐧</div>
+        <h3>Linux</h3>
+        <p>Ubuntu / Debian · .deb / AppImage</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Linux%EF%BC%89" data-href="/download/OpsxDB_amd64.AppImage">获取公测包</a>
       </div>
     </div>
+    <p class="footnote" style="text-align:center;margin-top:14px">已自动识别你的系统（高亮卡片）。公测期安装包经邮件发放；正式版发布后此处直接提供各平台安装包下载。</p>
+    <p class="footnote" style="text-align:center">安装包内嵌本地后端，双击即用、无需配置；企业内网部署见 <a href="/pricing">定价 · 企业私有化版</a>。</p>
   </div>
 </section>
 
@@ -394,5 +382,49 @@
   <div class="footer-bar">© 2026 OpsxDB · <a href="/pricing">定价</a> · <a href="/license">授权与激活</a> · <a href="/docs" target="_blank" rel="noopener">文档</a></div>
 </footer>
 
+<script>
+(function () {
+  function apply(os) {
+    var item = document.querySelector('.dl-item[data-os="' + os + '"]');
+    if (!item) return;
+    item.style.borderColor = 'var(--green,#059669)';
+    item.style.boxShadow = '0 0 0 3px color-mix(in srgb, var(--green,#059669) 15%, transparent)';
+    var badge = document.createElement('div');
+    badge.textContent = '✓ 检测到你的系统';
+    badge.style.cssText = 'color:var(--green,#059669);font-size:12px;font-weight:700;margin:8px 0 0';
+    item.querySelector('.dl-btn').after(badge);
+  }
+  var ua = navigator.userAgent, plat = navigator.platform || '';
+  if (/Win/i.test(plat) || /Windows/i.test(ua)) return apply('win');
+  if (/Linux|X11|Ubuntu/i.test(plat + ' ' + ua) && !/Android/i.test(ua)) return apply('linux');
+  if (/Mac|Darwin/i.test(plat) || /Macintosh/i.test(ua)) {
+    // 通道1：UA-Client Hints（Chromium）
+    if (navigator.userAgentData && navigator.userAgentData.getHighEntropyValues) {
+      navigator.userAgentData.getHighEntropyValues(['architecture']).then(function (info) {
+        apply(info.architecture === 'arm' ? 'mac-arm' : 'mac-x64');
+      }).catch(function () { apply(guessMac(ua)); });
+      return;
+    }
+    return apply(guessMac(ua));
+  }
+  apply('linux');
+  function guessMac(ua) {
+    // 通道2：WebGL 渲染器 —— Apple Silicon 的 ANGLE/Metal 渲染器名含 "Apple"
+    try {
+      var c = document.createElement('canvas');
+      var gl = c.getContext('webgl') || c.getContext('experimental-webgl');
+      var dbg = gl && gl.getExtension('WEBGL_debug_renderer_info');
+      var renderer = dbg ? String(gl.getParameter(dbg.UNMASKED_RENDERER_WEBGL)) : '';
+      if (/Apple/.test(renderer) && !/Intel/.test(renderer)) return 'mac-arm';
+      if (/Intel|AMD|Radeon|GeForce/i.test(renderer)) return 'mac-x64';
+    } catch (e) { /* ignore */ }
+    // 通道3：UA 字面量（Firefox 会真实标注 arm64；Chrome 恒为 Intel 字样不可信）
+    if (/arm64|aarch64/i.test(ua)) return 'mac-arm';
+    if (/x86_64/i.test(ua)) return 'mac-x64';
+    return 'mac-arm'; // 新机型兜底：近年 Mac 均为 Apple Silicon
+  }
+})();
+</script>
+
 </body>
 </html>

homepage/dist/site/assets/site.css

@@ -161,6 +161,10 @@ code { font-family: var(--mono); font-size: 13px; background: var(--green-soft);
 .card p { color: var(--text-2); font-size: 13.5px; margin: 0; }
 .card-icon { color: var(--green); margin-bottom: 10px; }
 .card-icon .i-lg { width: 30px; height: 30px; }
+
+/* ---------- 下载卡 ---------- */
+.dl-item .card-icon { font-size: 30px; line-height: 1; }
+.dl-item .btn { margin-top: 14px; }
 .card.row { display: flex; gap: 14px; align-items: flex-start; }
 .card.row .card-icon { margin: 2px 0 0; }
 

homepage/index.html

@@ -286,51 +286,39 @@
   </div>
 </section>
 
-<!-- ===================== 下载 / 形态 ===================== -->
-<section class="section" id="download">
+<!-- ===================== 下载 ===================== -->
+<section class="section alt" id="download">
   <div class="wrap">
-    <h2 class="sec-title">三种形态，同一套体验</h2>
-    <p class="sec-sub">客户端唯一形态是桌面 GUI；官网与文档随程序一并提供，无需部署。</p>
-    <div class="pricing three">
-      <div class="price-card featured">
-        <div class="plan-tag">推荐 · 主交付</div>
-        <div class="plan">桌面版</div>
-        <div class="price"><b>原生桌面</b></div>
-        <div class="plan-sub">macOS（Apple Silicon / Intel）· Windows 规划中</div>
-        <ul>
-          <li>✓ 双击启动，本地后端随应用自动拉起</li>
-          <li>✓ 安装包开箱即用，无需手动起服务</li>
-          <li>✓ 连接 / 查询 / 结果全功能</li>
-          <li>✓ 数据 100% 留在本机</li>
-        </ul>
-        <a class="btn btn-primary" href="https://opsxdb.rlwj.cn" target="_blank" rel="noopener">前往官网下载 ↗</a>
+    <h2 class="sec-title">下载 OpsxDB</h2>
+    <p class="sec-sub">v0.1 公测 · 安装即含 30 天全功能试用 · 个人非商业长期可用</p>
+    <div class="grid g4" id="dl-grid">
+      <div class="card dl-item" data-os="mac-arm">
+        <div class="card-icon">🍎</div>
+        <h3>macOS · Apple Silicon</h3>
+        <p>M1 / M2 / M3 / M4 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Apple%20Silicon%EF%BC%89" data-href="/download/OpsxDB_aarch64.dmg">获取公测包</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>✓ 文档支持全文搜索</li>
-          <li>✓ 浏览器只看站点与文档，不承载客户端</li>
-          <li>✓ 随版本发布自动更新</li>
-        </ul>
-        <a class="btn btn-primary" href="/docs" target="_blank" rel="noopener">浏览文档</a>
+      <div class="card dl-item" data-os="mac-x64">
+        <div class="card-icon">💻</div>
+        <h3>macOS · Intel</h3>
+        <p>x86_64 · .dmg</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Intel%EF%BC%89" data-href="/download/OpsxDB_x64.dmg">获取公测包</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 class="card dl-item" data-os="win">
+        <div class="card-icon">🪟</div>
+        <h3>Windows · x64</h3>
+        <p>Win 10+ · .msi / .exe</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Windows%EF%BC%89" data-href="/download/OpsxDB_x64-setup.msi">获取公测包</a>
+      </div>
+      <div class="card dl-item" data-os="linux">
+        <div class="card-icon">🐧</div>
+        <h3>Linux</h3>
+        <p>Ubuntu / Debian · .deb / AppImage</p>
+        <a class="btn btn-primary dl-btn" href="mailto:hello@opsxapi.dev?subject=OpsxDB%20%E5%AE%89%E8%A3%85%E5%8C%85%E8%8E%B7%E5%8F%96%EF%BC%88Linux%EF%BC%89" data-href="/download/OpsxDB_amd64.AppImage">获取公测包</a>
       </div>
     </div>
+    <p class="footnote" style="text-align:center;margin-top:14px">已自动识别你的系统（高亮卡片）。公测期安装包经邮件发放；正式版发布后此处直接提供各平台安装包下载。</p>
+    <p class="footnote" style="text-align:center">安装包内嵌本地后端，双击即用、无需配置；企业内网部署见 <a href="/pricing">定价 · 企业私有化版</a>。</p>
   </div>
 </section>
 
@@ -394,5 +382,49 @@
   <div class="footer-bar">© 2026 OpsxDB · <a href="/pricing">定价</a> · <a href="/license">授权与激活</a> · <a href="/docs" target="_blank" rel="noopener">文档</a></div>
 </footer>
 
+<script>
+(function () {
+  function apply(os) {
+    var item = document.querySelector('.dl-item[data-os="' + os + '"]');
+    if (!item) return;
+    item.style.borderColor = 'var(--green,#059669)';
+    item.style.boxShadow = '0 0 0 3px color-mix(in srgb, var(--green,#059669) 15%, transparent)';
+    var badge = document.createElement('div');
+    badge.textContent = '✓ 检测到你的系统';
+    badge.style.cssText = 'color:var(--green,#059669);font-size:12px;font-weight:700;margin:8px 0 0';
+    item.querySelector('.dl-btn').after(badge);
+  }
+  var ua = navigator.userAgent, plat = navigator.platform || '';
+  if (/Win/i.test(plat) || /Windows/i.test(ua)) return apply('win');
+  if (/Linux|X11|Ubuntu/i.test(plat + ' ' + ua) && !/Android/i.test(ua)) return apply('linux');
+  if (/Mac|Darwin/i.test(plat) || /Macintosh/i.test(ua)) {
+    // 通道1：UA-Client Hints（Chromium）
+    if (navigator.userAgentData && navigator.userAgentData.getHighEntropyValues) {
+      navigator.userAgentData.getHighEntropyValues(['architecture']).then(function (info) {
+        apply(info.architecture === 'arm' ? 'mac-arm' : 'mac-x64');
+      }).catch(function () { apply(guessMac(ua)); });
+      return;
+    }
+    return apply(guessMac(ua));
+  }
+  apply('linux');
+  function guessMac(ua) {
+    // 通道2：WebGL 渲染器 —— Apple Silicon 的 ANGLE/Metal 渲染器名含 "Apple"
+    try {
+      var c = document.createElement('canvas');
+      var gl = c.getContext('webgl') || c.getContext('experimental-webgl');
+      var dbg = gl && gl.getExtension('WEBGL_debug_renderer_info');
+      var renderer = dbg ? String(gl.getParameter(dbg.UNMASKED_RENDERER_WEBGL)) : '';
+      if (/Apple/.test(renderer) && !/Intel/.test(renderer)) return 'mac-arm';
+      if (/Intel|AMD|Radeon|GeForce/i.test(renderer)) return 'mac-x64';
+    } catch (e) { /* ignore */ }
+    // 通道3：UA 字面量（Firefox 会真实标注 arm64；Chrome 恒为 Intel 字样不可信）
+    if (/arm64|aarch64/i.test(ua)) return 'mac-arm';
+    if (/x86_64/i.test(ua)) return 'mac-x64';
+    return 'mac-arm'; // 新机型兜底：近年 Mac 均为 Apple Silicon
+  }
+})();
+</script>
+
 </body>
 </html>