feat(homepage): 新增独立授权与激活页 /license + 补齐定价页样式基础类

- 新增 homepage/license.html → dist/license.html + dist/license/index.html：交付与激活四步（邮件交付授权码）、LIC- 在线与 LICOFF- 离线对比、授权服务器 licence.rlwj.cn 通信范围说明、授权类型与价格、10 条授权 FAQ - 补 style.css 缺失的定价/授权页共享基础类（wrap/section/sec-title/price-card/ plan-tag/deal-note 等，暗色主题版）—— 修复 /pricing 页此前内容贴左、价格卡无卡片样式的线上缺陷（仅新增规则，未改动既有样式） - tools/homepage-build 支持可选单页，产出 <name>.html 与 <name>/index.html - 导航/页脚接入 /license，子页跨页锚点补 / 前缀、品牌 logo 回首页
2026-10-16 04:19:20 +08:00
1 parent fcd244637c
commit e3962a6334
@@ -0,0 +1,167 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>授权与定价 · OpsXShell</title>
+<meta name="description" content="OpsXShell 定价：免费层含 SSH/SFTP/本地终端；专业版 ¥99/年（2 台设备）或 ¥199 永久（5 台）。支持在线授权与 LICOFF 离线激活。">
+<link rel="icon" type="image/svg+xml" href="/site/assets/icon.svg" />
+<link rel="stylesheet" href="/site/assets/style.css">
+<style>
+.trial-hero{padding:72px 0 28px;text-align:center;}
+.trial-hero h1{font-size:clamp(28px,4.5vw,44px);margin:14px 0 10px;}
+.trial-hero .lead{max-width:720px;margin:0 auto;opacity:.75;line-height:1.8;}
+.trial-strip{display:inline-flex;gap:8px;align-items:center;padding:7px 16px;border-radius:999px;border:1px solid #3b82f6;color:#3b82f6;font-size:13px;font-weight:600;}
+.price-num b{font-size:34px;}
+.faq{max-width:820px;margin:0 auto;}
+.faq details{border-bottom:1px solid rgba(128,140,160,.25);padding:16px 4px;}
+.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
+.faq summary::after{content:"+";font-size:18px;opacity:.5;}
+.faq details[open] summary::after{content:"–";}
+.faq details p{margin:10px 0 2px;opacity:.72;line-height:1.85;font-size:14px;}
+.indie{text-align:center;opacity:.75;font-size:14px;line-height:1.9;max-width:560px;margin:0 auto;}
+.act-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:22px;text-align:left;}
+.act-grid .card h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:15px;}
+.act-grid .card p{margin:0;opacity:.7;font-size:13px;line-height:1.8;}
+</style>
+</head>
+<body>
+<header class="nav">
+    <div class="container nav-inner">
+      <a class="brand" href="/">
+        <img src="/site/assets/icon.svg" alt="OpsXShell 图标" />
+        OpsXShell<span class="tm">v2.1.1</span>
+      </a>
+      <button class="nav-toggle" aria-label="打开菜单">☰</button>
+      <nav class="nav-links">
+        <a href="/#features">功能</a>
+        <a href="/#ai">终端 AI</a>
+        <a href="/pricing">价格</a>
+        <a href="/license">授权</a>
+        <a href="/#security">安全</a>
+        <a href="/#download">下载</a>
+        <a href="/docs">文档</a>
+        <a href="/#faq">FAQ</a>
+        <a class="nav-cta" href="/#download">免费下载</a>
+      </nav>
+    </div>
+  </header>
+<main>
+<section class="trial-hero">
+  <span class="trial-strip">🚀 30 天免费试用 · 首次启动自动开始 · 无需注册</span>
+  <h1>授权与定价</h1>
+  <p class="lead">OpsXShell 免费层长期可用；专业功能（转发 / AI / 远程桌面 / 串口）需要授权。许可证绑定设备而非订阅账号，离线许可证支持完全离线激活。</p>
+</section>
+
+<section class="section" style="padding-top:26px">
+  <div class="wrap">
+    <h2 class="sec-title">先试用，再决定</h2>
+    <p class="sec-sub">下载即含 30 天专业版试用；激活支持在线与离线两种方式。</p>
+    <div class="act-grid">
+      <div class="card"><h3><span style="font-size:20px">🚀</span> 30 天全功能试用</h3><p>首次启动自动开始；无需注册、无需信用卡。试用期覆盖专业版全部功能。</p></div>
+      <div class="card"><h3><span style="font-size:20px">🌐</span> 在线授权 LIC-</h3><p>联网激活并绑定设备；支持自助解绑换机；激活后可连续离线使用 30 天。</p></div>
+      <div class="card"><h3><span style="font-size:20px">🛡️</span> 离线许可证 LICOFF-</h3><p>Ed25519 自包含签名，绑定设备；完全无网络也能激活，适合隔离内网环境。</p></div>
+    </div>
+  </div>
+</section>
+
+<section class="section alt">
+  <div class="wrap">
+    <h2 class="sec-title">选择适合的授权</h2>
+    <p class="sec-sub">免费层永久免费；专业版可选包年或一次性买断。</p>
+      <div class="pricing three">
+        <div class="price-card">
+          <div class="plan">免费</div>
+          <div class="price price-num"><b>¥0</b></div>
+          <div class="plan-sub">日常 SSH 运维完全够用</div>
+          <ul>
+            <li>SSH 终端（密码 / 私钥 / Agent）</li>
+            <li>SFTP 双栏文件管理</li>
+            <li>本地终端（zsh / bash / sh）</li>
+            <li>会话管理与 ~/.ssh/config 导入</li>
+            <li>7 语种界面</li>
+          </ul>
+          <a class="btn btn-primary" href="/#download">免费下载</a>
+        </div>
+        <div class="price-card featured">
+          <div class="plan-tag">推荐</div>
+          <div class="plan">专业版 · 包年</div>
+          <div class="price price-num"><b>¥99</b><span>/ 年</span></div>
+          <div class="plan-sub">2 台设备</div>
+          <ul>
+            <li>端口转发（本地 / 远程 / SOCKS5）</li>
+            <li>终端 AI 助手</li>
+            <li>批量执行 / 广播同步</li>
+            <li>远程桌面 RDP / VNC</li>
+            <li>串口终端与连接代理</li>
+            <li>应用内升级</li>
+          </ul>
+          <a class="btn btn-primary" href="mailto:hello@opsxapi.dev?subject=OpsXShell%20%E4%B8%93%E4%B8%9A%E7%89%88%E8%B4%AD%E4%B9%B0">购买咨询</a>
+        </div>
+        <div class="price-card">
+          <div class="plan">专业版 · 永久</div>
+          <div class="price price-num"><b>¥199</b><span>一次性</span></div>
+          <div class="plan-sub">5 台设备 · 终身授权</div>
+          <ul>
+            <li>包含包年全部功能</li>
+            <li>一次买断，无续费</li>
+            <li>离线许可证（LICOFF-）支持</li>
+            <li>后续版本持续可用</li>
+            <li>应用内升级</li>
+          </ul>
+          <a class="btn btn-primary" href="mailto:hello@opsxapi.dev?subject=OpsXShell%20%E6%B0%B8%E4%B9%85%E7%89%88%E8%B4%AD%E4%B9%B0">购买咨询</a>
+        </div>
+      </div>
+    <p class="deal-note" style="text-align:center">支付后当场发放授权码（LIC-），粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号；许可证一机一码绑定设备，每年可免费换绑 2 次。<br>购买咨询邮件请注明「OpsXShell」——Opsx 系列同一位开发者，多产品捆绑可议价。</p>
+  </div>
+</section>
+
+<section class="section">
+  <div class="wrap">
+    <h2 class="sec-title">常见问题</h2>
+    <div class="faq">
+      <details><summary>试用是怎么计算的？</summary><p>30 天全功能试用，从应用首次启动那一刻自动开始——无需注册账号，无需信用卡。试用期覆盖专业版全部功能；结束后免费层继续可用。</p></details>
+      <details><summary>在线授权和离线激活有什么区别？</summary><p>在线授权码（LIC- 前缀）：联网激活，绑定设备，支持在设置中自助解绑换机；激活后可连续离线使用最长 30 天。离线许可证（LICOFF- 前缀）：同样绑定设备，但采用 Ed25519 自包含签名，在完全无网络的环境也能激活——适合隔离内网。两种方式在「设置 → 授权」中粘贴即用。</p></details>
+      <details><summary>一个授权能用几台设备？</summary><p>授权绑定设备而非订阅账号。专业版包年 2 台、永久 5 台；设备可以在「设置 → 授权」中解绑后迁移到新机器。</p></details>
+      <details><summary>断网了授权会失效吗？</summary><p>离线许可证（LICOFF-）本地自验，永不联网也有效。在线授权（LIC-）容忍连续 30 天离线，超过后需联网重新验证一次。</p></details>
+      <details><summary>退款政策是怎样的？</summary><p>自付款之日起 30 天内无理由全额退款——先用起来，不满意直接退。</p></details>
+      <details><summary>怎么购买？</summary><p>邮件咨询购买（请注明 OpsXShell），当天回复；支持对公转账与开票。</p></details>
+      <details><summary>三个产品（OpsxAPI / OpsxDB / OpsXShell）要分别买吗？</summary><p>三个产品独立授权、独立计价。多产品组合或学生优惠可直接邮件说明需求，给捆绑价。</p></details>
+      <details><summary>授权包含哪些升级？</summary><p>年付授权含 1 年免费升级；永久授权包含后续版本更新。</p></details>
+    </div>
+  </div>
+</section>
+
+<section class="section alt">
+  <div class="wrap indie">
+    <p><b>独立开发，认真长跑。</b><br>Opsx 系列工具由独立开发者打造，每一份授权的收入都直接投入产品迭代——没有投资人，也没有广告。</p>
+    <p style="margin-top:14px"><a class="btn btn-primary" href="/#download">还没装？立即下载</a></p>
+  </div>
+</section>
+</main>
+<footer>
+    <div class="container footer-inner">
+      <div>
+        <div class="footer-brand">
+          <img src="/site/assets/icon.svg" alt="" />
+          OpsXShell
+        </div>
+        <p style="margin-top:8px">轻量运维终端 · 便捷、人性化、操作简单实用</p>
+      </div>
+      <nav>
+        <a href="/#features">功能</a>
+        <a href="/#ai">终端 AI</a>
+        <a href="/pricing">价格</a>
+        <a href="/license">授权与激活</a>
+        <a href="/#security">安全</a>
+        <a href="/#download">下载</a>
+        <a href="/docs">文档</a>
+        <a href="/#faq">FAQ</a>
+      </nav>
+    </div>
+    <div class="container" style="margin-top:22px">
+      <p>© 2026 OpsXShell · 不做审计、审批与堡垒机——宁可少而顺。</p>
+    </div>
+  </footer>
+</body>
+</html>