feat(site): 官网全新重建(App 真相源风格)+ 四档套餐 + 在线购买流

- tokens.css/site.css 逐值对齐原型设计系统,icons 雪碧图,零外链;首页/下载/帮助/法务全站重皮肤,真实截图
- 注册与登录在官网内完成(写 shared_preferences_web 兼容 localStorage,不再跳 App)
- 价格区四档:免费/标准 299/高级 599/定制;登录后标准/高级按钮变「购买 / 续费」
- 新增 /checkout/(套餐+月付年付切换)与 /license/result/(支付回跳轮询到账)
- 登录页支持 ?next= 站内回跳;二维码措辞改「扫码看详情可分享」
- 下载页构建期真实下载链接+运行时 release 刷新;旧 features 页/死 CSS/dist 产物清理

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JJ1g8XV1YhhmHRzhwWEW7o
This commit is contained in:
wangjia
2026-07-03 20:40:21 +08:00
parent 18925d7d15
commit d256e7ac85
24 changed files with 1313 additions and 1977 deletions
+6 -7
View File
@@ -6,17 +6,16 @@
<meta name="color-scheme" content="light" />
<title>{% if title %}{{ title }} · {% endif %}{{ site.name }}</title>
{% if description %}<meta name="description" content="{{ description }}" />{% endif %}
<link rel="stylesheet" href="/assets/color.css" />
<link rel="stylesheet" href="/assets/style.css" />
{# 真相源:tokens.css = App 原型 tokens.css 主题A 拷贝;site.css 镜像 atoms.css。
全站零外链(无 Google Fonts / unpkg):字体走系统栈(与 App 真机一致),图标走内联雪碧图。 #}
<link rel="stylesheet" href="/assets/tokens.css" />
<link rel="stylesheet" href="/assets/site.css" />
{% if pageExtraCss %}<link rel="stylesheet" href="{{ pageExtraCss }}" />{% endif %}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<script src="https://unpkg.com/lucide@{{ site.lucideVersion }}/dist/umd/lucide.min.js"></script>
<link rel="icon" href="/assets/logo-mark.svg" type="image/svg+xml" />
{% if pageStyle %}<style>{{ pageStyle | safe }}</style>{% endif %}
</head>
<body>
{% include "icons.njk" %}
{% include "nav.njk" %}
{{ content | safe }}
+37 -45
View File
@@ -1,49 +1,41 @@
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<img src="/assets/logo-full.svg" alt="岩美" />
<p>为酒行与酒店设计的库存、审核、财务一体化管理平台。</p>
<div class="footer-contact">
{% if site.support.wechat %}<div>客服微信:{{ site.support.wechat }}</div>{% endif %}
<div><a href="mailto:{{ site.support.email }}">{{ site.support.email }}</a></div>
{% if site.support.phone %}<div>{{ site.support.phone }}</div>{% endif %}
</div>
</div>
<div class="footer-col">
<h5>产品</h5>
<ul>
<li><a href="/#modules">核心模块</a></li>
<li><a href="/#platforms">多端覆盖</a></li>
<li><a href="/#reports">数据洞察</a></li>
<li><a href="/#pricing">价格方案</a></li>
<li><a href="/download/">版本更新</a></li>
</ul>
</div>
<div class="footer-col">
<h5>资源</h5>
<ul>
<li><a href="/docs/">使用手册</a></li>
<li><a href="/download/">下载客户端</a></li>
</ul>
</div>
<div class="footer-col">
<h5>客户支持</h5>
<ul>
<li><a href="/#faq">常见问题</a></li>
<li><a href="mailto:{{ site.support.email }}">联系我们</a></li>
</ul>
</div>
<div class="footer-col">
<h5>公司</h5>
<ul>
<li><a href="/register/">注册门店</a></li>
</ul>
</div>
<footer class="footer">
<div class="footer-grid">
<div>
<div class="fbrand"><img src="/assets/logo-mark.svg" alt="岩美" />岩美酒库</div>
<p class="fdesc">为酒行与酒店设计的库存、审核、财务一体化管理平台。每一瓶酒一个编号,每一笔交易可追溯。</p>
<p class="fdesc" style="margin-top:10px">
{% if site.support.wechat %}客服微信:{{ site.support.wechat }}<br/>{% endif %}
<a href="mailto:{{ site.support.email }}">{{ site.support.email }}</a>
</p>
</div>
<div class="footer-bottom">
<div>{{ site.copyright }}</div>
{% if site.icp %}<div>{{ site.icp }}</div>{% endif %}
<div>
<h4>产品</h4>
<ul>
<li><a href="/#modules">核心模块</a></li>
<li><a href="/#workflow">审核驱动业务流</a></li>
<li><a href="/#pricing">价格方案</a></li>
<li><a href="/download/">下载客户端</a></li>
</ul>
</div>
<div>
<h4>支持</h4>
<ul>
<li><a href="/docs/">使用手册</a></li>
<li><a href="/#faq">常见问题</a></li>
<li><a href="/system-requirements/">系统要求</a></li>
<li><a href="/register/">注册门店</a></li>
</ul>
</div>
<div>
<h4>法务</h4>
<ul>
<li><a href="/privacy/">隐私政策</a></li>
<li><a href="/terms/">服务条款</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>{{ site.copyright }}</div>
{% if site.icp %}<div><a href="https://beian.miit.gov.cn" rel="noopener" target="_blank">{{ site.icp }}</a></div>{% endif %}
</div>
</footer>
File diff suppressed because one or more lines are too long
+18 -21
View File
@@ -1,34 +1,31 @@
<nav class="topnav">
<div class="topnav-inner">
<a href="/" class="topnav-brand">
<img src="/assets/logo-full.svg" alt="岩美" />
<nav class="nav">
<div class="nav-in">
<a class="nav-logo" href="/">
<img src="/assets/logo-mark.svg" alt="{{ site.name }}" />
岩美酒库
</a>
<div class="topnav-links">
<div class="nav-links">
<a href="/#modules">产品</a>
<a href="/features/inventory.html">库存</a>
<a href="/features/approval.html">审核流</a>
<a href="/#workflow">审核流</a>
<a href="/#pricing">价格</a>
<a href="/download/">下载</a>
<a href="/docs/">文档</a>
<a href="/#faq">支持</a>
<a href="/docs/">帮助</a>
</div>
<div class="topnav-cta" id="nav-cta">
<a href="/register/" class="btn btn-primary btn-sm">注册门店</a>
<div class="nav-cta" id="nav-cta">
<a class="btn ghost" href="/login/">登录</a>
<a class="btn primary" href="/register/">注册门店</a>
</div>
<button class="nav-hamburger" id="nav-hamburger" aria-label="菜单" aria-expanded="false">
<span></span><span></span><span></span>
<button class="nav-burger" id="nav-burger" aria-label="菜单" aria-expanded="false">
<svg class="ic" style="width:22px;height:22px"><use href="#i-menu"/></svg>
</button>
</div>
<div class="nav-mobile-menu" id="nav-mobile-menu">
<div class="nav-mobile" id="nav-mobile-menu">
<a href="/#modules">产品</a>
<a href="/features/inventory.html">库存管理</a>
<a href="/features/approval.html">审核流</a>
<a href="/#workflow">审核流</a>
<a href="/#pricing">价格</a>
<a href="/download/">下载</a>
<a href="/docs/">文档</a>
<a href="/#faq">支持</a>
<div class="nav-mobile-cta" id="nav-mobile-cta">
<a href="/register/" class="btn btn-primary">注册门店</a>
</div>
<a href="/docs/">帮助</a>
<a href="/register/">注册门店</a>
<a href="/login/">登录</a>
</div>
</nav>