Files
opsxapi/homepage/dist/pricing.html
T
logan d114ce09d1 官网四页评审优化(P0 清单落地)
评审方式:落地页/pricing/license/docs 四页全页截图 + 视觉评审,按优先级修复:
- 落地页信息密度:为什么选 8→6 卡(握手头并入六协议卡、文档分享并入功能区);
  功能区 12→9 卡(删历史重放/系统代理/文档快照三弱卡),g3 三行节奏
- pricing 文案:私有化「(标价)」重复消除(¥8,000/年起、支持买断、成交灵活);
  年/永久 toggle 描边加粗+光晕提升视觉权重
- license:30 天试用 chip 加粗+光晕强调;hero 下新增快捷锚(怎么买/换机断网/查看定价)
  并为对应区块补 id
- docs 首页(=产品介绍):顶部新增「新手从这读起」五步引导(界面导览→首请求→Mock→测试→授权)
- 重建后核验:6 卖点卡/9 功能卡/标价 0/锚点 2/引导 1,五页零断链
2026-10-16 13:39:34 +08:00

197 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>授权与定价 · OpsxAPI</title>
<meta name="description" content="OpsxAPI 定价:30 天全功能试用;专业版 ¥99/年或 ¥199 永久,团队版 ¥99/人/年,企业私有化。支持在线授权与完全离线激活。">
<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%232563EB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2306B6D4%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%28%23g%29%22%2F%3E%3Cg%20stroke%3D%22%23fff%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M17%2025h26%22%2F%3E%3Cpath%20d%3D%22M37%2019l6%206-6%206%22%2F%3E%3Cpath%20d%3D%22M47%2039H21%22%2F%3E%3Cpath%20d%3D%22M27%2033l-6%206%206%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E">
<link rel="stylesheet" href="/site/assets/site.css">
<style>
.trial-hero{padding:20px 0 10px;text-align:center;}
.trial-hero h1{font-size:clamp(22px,3vw,30px);margin:8px 0 0;}
.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 var(--accent,#2563eb);color:var(--accent,#2563eb);font-size:13px;font-weight:600;}
.toggle{display:inline-flex;border:1.5px solid color-mix(in srgb, var(--accent,#2563eb) 45%, var(--border,#d8dee9));border-radius:999px;padding:3px;gap:2px;margin:12px auto 0;box-shadow:0 1px 4px rgba(37,99,235,.08);}
.toggle button{border:0;background:transparent;padding:6px 18px;border-radius:999px;font-size:13px;font-weight:600;color:inherit;opacity:.65;cursor:pointer;}
.toggle button.on{background:var(--accent,#2563eb);color:#fff;opacity:1;}
.price-num b{font-size:34px;}
.faq{max-width:820px;margin:0 auto;}
.faq details{border-bottom:1px solid var(--border,#e5e9f0);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:.7;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>
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
<symbol id="i-rocket" viewBox="0 0 24 24"><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" /> <path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09" /> <path d="M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z" /> <path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05" /></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-arrow-left-right" viewBox="0 0 24 24"><path d="M8 3 4 7l4 4" /> <path d="M4 7h16" /> <path d="m16 21 4-4-4-4" /> <path d="M20 17H4" /></symbol>
<symbol id="i-plug-zap" viewBox="0 0 24 24"><path d="M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4Z" /> <path d="m2 22 3-3" /> <path d="M7.5 13.5 10 11" /> <path d="M10.5 16.5 13 14" /> <path d="m18 3-4 4h6l-4 4" /></symbol>
<symbol id="i-package" viewBox="0 0 24 24"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z" /> <path d="M12 22V12" /> <polyline points="3.29 7 12 12 20.71 7" /> <path d="m7.5 4.27 9 5.15" /></symbol>
<symbol id="i-folder-tree" viewBox="0 0 24 24"><path d="M20 10a1 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="M20 21a1 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-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" /> <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" /> <path d="M2 12h20" /></symbol>
<symbol id="i-hexagon" viewBox="0 0 24 24"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /></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-radio" viewBox="0 0 24 24"><path d="M16.247 7.761a6 6 0 0 1 0 8.478" /> <path d="M19.075 4.933a10 10 0 0 1 0 14.134" /> <path d="M4.925 19.067a10 10 0 0 1 0-14.134" /> <path d="M7.753 16.239a6 6 0 0 1 0-8.478" /> <circle cx="12" cy="12" r="2" /></symbol>
<symbol id="i-mailbox" viewBox="0 0 24 24"><path d="M22 17a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5C2 7 4 5 6.5 5H18c2.2 0 4 1.8 4 4v8Z" /> <polyline points="15,9 18,9 18,11" /> <path d="M6.5 5C9 5 11 7 11 9.5V17a2 2 0 0 1-2 2" /> <line x1="6" x2="7" y1="10" y2="10" /></symbol>
<symbol id="i-code" viewBox="0 0 24 24"><path d="m16 18 6-6-6-6" /> <path d="m8 6-6 6 6 6" /></symbol>
<symbol id="i-book-open" viewBox="0 0 24 24"><path d="M12 5v16" /> <path d="M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z" /></symbol>
<symbol id="i-sprout" viewBox="0 0 24 24"><path d="M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3" /> <path d="M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4" /> <path d="M5 21h14" /></symbol>
<symbol id="i-graduation-cap" viewBox="0 0 24 24"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z" /> <path d="M22 10v6" /> <path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5" /></symbol>
<symbol id="i-credit-card" viewBox="0 0 24 24"><rect width="20" height="14" x="2" y="5" rx="2" /> <line x1="2" x2="22" y1="10" y2="10" /> <path d="M6 14h2" /></symbol>
<symbol id="i-megaphone" viewBox="0 0 24 24"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z" /> <path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14" /> <path d="M8 6v8" /></symbol>
<symbol id="i-download" viewBox="0 0 24 24"><path d="M12 15V3" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /> <path d="m7 10 5 5 5-5" /></symbol>
<symbol id="i-upload" viewBox="0 0 24 24"><path d="M12 3v12" /> <path d="m17 8-5-5-5 5" /> <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /></symbol>
<symbol id="i-library" viewBox="0 0 24 24"><path d="m16 6 4 14" /> <path d="M12 6v14" /> <path d="M8 8v12" /> <path d="M4 4v16" /></symbol>
</svg>
<header class="nav">
<div class="nav-inner">
<a class="brand" href="/">
<span class="brand-logo"><svg width="30" height="30" viewBox="0 0 64 64" aria-label="OpsxAPI"><defs><linearGradient id="lg-site" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2563EB"/><stop offset="1" stop-color="#06B6D4"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#lg-site)"/><g stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 25h26"/><path d="M37 19l6 6-6 6"/><path d="M47 39H21"/><path d="M27 33l-6 6 6 6"/></g></svg></span>
<span class="brand-name">OpsxAPI</span>
</a>
<nav class="nav-links">
<a href="/#features">功能</a>
<a href="/#protocols">协议</a>
<a href="/#exchange">导入导出</a>
<a href="/pricing">定价</a>
<a href="/license">授权</a>
<a href="/docs" target="_blank" rel="noopener">文档</a>
</nav>
</div>
</header>
<main>
<section class="trial-hero">
<span class="trial-strip"><svg class="i"><use href="#i-rocket"/></svg> 30 天免费试用 · 首次启动自动开始 · 无需注册</span>
<h1>授权与定价</h1>
</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="toggle" data-mode="year"><button class="on" data-mode="year">¥99 / 年</button><button data-mode="life">永久 ¥199</button></div>
<div class="price price-num"><b data-price="year">¥99</b><b data-price="life" style="display:none">¥199</b><span>/ 年</span></div>
<div class="plan-sub">单人不分设备多少 · 最多 3 台设备同时激活</div>
<ul>
<li>六种协议全部调试能力(WS 握手头 / SSE 续传)</li>
<li>自动化测试:10 种断言 + Cron 定时 + 报告导出</li>
<li>AI 生成场景用例(DeepSeek / 智谱 / Kimi / Ollama)</li>
<li>智能 Mock 发布 + 内网文档快照分享</li>
<li>九种格式导入 + 四语言代码生成</li>
<li>设备可自助解绑迁移</li>
<li>1 年免费升级<span data-price="life" style="display:none">(永久版含后续更新)</span></li>
</ul>
<a class="btn btn-primary" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E4%B8%AA%E4%BA%BA%E7%89%88%E8%B4%AD%E4%B9%B0">购买咨询</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">按席位授权 · 5 席起 · 组织内可转移</div>
<ul>
<li>个人版全部能力</li>
<li>集合批量导入分发</li>
<li>团队共享空间(自托管)</li>
<li>内网自托管(单二进制)</li>
<li>优先技术支持</li>
<li>1 年免费升级</li>
</ul>
<a class="btn btn-primary" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E5%9B%A2%E9%98%9F%E7%89%88%E8%B4%AD%E4%B9%B0">联系商务</a>
</div>
<div class="price-card enterprise">
<div class="plan-tag dark">私有化 · 不限席位</div>
<div class="plan">企业私有化版</div>
<div class="price price-num"><b>¥8,000</b><span>/ 年 起</span></div>
<div class="plan-sub">或 ¥30,000 一次性买断 · 单法人不限席位</div>
<ul>
<li>整机 / 内网部署,数据不出企业</li>
<li>团队版全部能力</li>
<li>远程部署协助 + 专属支持</li>
<li>定制开发通道(另行报价)</li>
<li>买断可选:永久使用 + 1 年升级</li>
</ul>
<a class="btn btn-dark" href="mailto:hello@opsxapi.dev?subject=OpsxAPI%20%E7%A7%81%E6%9C%89%E5%8C%96%E8%B4%AD%E4%B9%B0">获取报价</a>
</div>
</div>
<p class="lead" style="max-width:720px;margin:14px auto 0;opacity:.75;line-height:1.8;text-align:center">OpsxAPI 对个人非商业用途永久免费;在工作中商用需要授权。授权绑定设备而非账号,支持在线激活与完全离线激活两种方式。</p>
<p class="deal-note" style="text-align:center">支付后当场发放授权码(LIC-),粘贴到「设置 → 授权」即完成激活——整个流程无需注册账号;许可证一机一码绑定设备,每年可免费换绑 2 次。<br>成交灵活:早鸟 / 教育 / 多年预付可议价,常见成交区间见 <a href="/#pricing">首页定价区</a>。</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>授权绑定设备而非订阅账号。个人版最多 3 台设备;团队版按席位授权、组织内可转移。设备可以在「设置 → 授权」中解绑后迁移到新机器。</p></details>
<details><summary>断网了授权会失效吗?</summary><p>离线许可证(LICOFF-)本地自验,永不联网也有效。在线授权(LIC-)容忍连续 30 天离线,超过后需联网重新验证一次。</p></details>
<details><summary>退款政策是怎样的?</summary><p>自付款之日起 30 天内无理由全额退款——先用起来,不满意直接退。</p></details>
<details><summary>怎么购买?</summary><p>邮件咨询购买,当天回复;支持对公转账与开票。团队与私有化支持按规模议价。</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="/#exchange">还没装?立即下载</a></p>
</div>
</section>
</main>
<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="OpsxAPI"><defs><linearGradient id="lg-site" x1="0" y1="0" x2="64" y2="64" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2563EB"/><stop offset="1" stop-color="#06B6D4"/></linearGradient></defs><rect width="64" height="64" rx="14" fill="url(#lg-site)"/><g stroke="#fff" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" fill="none"><path d="M17 25h26"/><path d="M37 19l6 6-6 6"/><path d="M47 39H21"/><path d="M27 33l-6 6 6 6"/></g></svg></span><span class="brand-name">OpsxAPI</span></div>
<p class="footer-desc">本地优先的全协议接口工作台。<br>数据在自己手里,才是真的效率工具。</p>
</div>
<div>
<h4>产品</h4>
<a href="/#features">功能特性</a>
<a href="/#pricing">定价与让利</a>
<a href="/#compare">工具对比</a>
</div>
<div>
<h4>资源</h4>
<a href="/pricing">定价</a>
<a href="/license">授权与激活</a>
<a href="/docs" target="_blank" rel="noopener">用户文档</a>
<a href="/docs/server-api" target="_blank" rel="noopener">服务端 API</a>
<a href="/docs/faq" target="_blank" rel="noopener">常见问题</a>
</div>
<div>
<h4>支持</h4>
<a href="mailto:hello@opsxapi.dev">hello@opsxapi.dev</a>
<a href="/docs" rel="noopener">快速开始</a>
</div>
</div>
<div class="footer-bar">© 2026 OpsxAPI · <a href="/terms" target="_blank">服务条款</a> · <a href="/license">授权与激活</a></div>
</footer>
<script>
document.querySelectorAll('.toggle').forEach(function(t){
t.addEventListener('click', function(e){
if(e.target.tagName!=='BUTTON')return;
t.querySelectorAll('button').forEach(function(b){b.classList.remove('on')});
e.target.classList.add('on');
t.dataset.mode = e.target.dataset.mode;
t.closest('.price-card').querySelectorAll('[data-price]').forEach(function(el){
el.style.display = el.dataset.price===t.dataset.mode ? '' : 'none';
});
});
});
</script>
</body>
</html>