baseline: 批次A-D 成果 + membership 半成品（测试红）

2026-09-11 23:11:35 +08:00
commit b3f3095d53
311 changed files with 40540 additions and 0 deletions
@@ -0,0 +1,185 @@
+{# 营销官网基础模板（批次 C3）：单文件内联样式，无外部依赖，Lighthouse 友好 #}
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>{% block title %}{{ site_name }} · {{ tagline }}{% endblock %}</title>
+<meta name="description" content="{% block description %}{{ tagline }}：进销存、批次效期、总账核算、AI 应收风控一体化 SaaS。{% endblock %}">
+<meta name="keywords" content="{% block keywords %}经销商进销存,进销存SaaS,批次效期管理,FEFO,AI开单,应收风控,管家婆替代{% endblock %}">
+<meta property="og:title" content="{% block og_title %}{{ site_name }}{% endblock %}">
+<meta property="og:description" content="{% block og_desc %}{{ tagline }}{% endblock %}">
+<meta property="og:type" content="website">
+<link rel="canonical" href="{% block canonical %}/{% endblock %}">
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "SoftwareApplication",
+  "name": "{{ site_name }}",
+  "applicationCategory": "BusinessApplication",
+  "operatingSystem": "Web",
+  "description": "{% block ld_desc %}{{ tagline }}{% endblock %}",
+  "offers": [
+    {% for p in plans %}{"@type": "Offer", "name": "{{ p.name }}", "price": "{{ p.price_monthly|floatformat:0 }}", "priceCurrency": "CNY"}{% if not forloop.last %},{% endif %}{% endfor %}
+  ]
+}
+</script>
+<style>
+  :root {
+    --brand: #1d4ed8; --brand-dark: #1e3a8a; --ink: #0f172a; --muted: #64748b;
+    --line: #e2e8f0; --bg: #f8fafc; --ok: #16a34a; --warn: #d97706; --danger: #dc2626;
+  }
+  * { box-sizing: border-box; }
+  body {
+    margin: 0; color: var(--ink); background: #fff;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
+    line-height: 1.65; -webkit-font-smoothing: antialiased;
+  }
+  a { color: var(--brand); text-decoration: none; }
+  .wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; }
+
+  header.nav {
+    position: sticky; top: 0; z-index: 10; background: rgba(255,255,255,.96);
+    backdrop-filter: blur(8px); border-bottom: 1px solid var(--line);
+  }
+  .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 62px; }
+  .logo { font-weight: 800; font-size: 19px; color: var(--brand-dark); letter-spacing: .3px; }
+  .nav-links { display: flex; gap: 22px; align-items: center; font-size: 14px; }
+  .nav-links a { color: #334155; }
+  .nav-links a:hover { color: var(--brand); }
+  .btn {
+    display: inline-block; padding: 10px 20px; border-radius: 8px; font-weight: 600;
+    font-size: 14px; border: 1px solid transparent; cursor: pointer; transition: .15s;
+  }
+  .btn-primary { background: var(--brand); color: #fff !important; }
+  .btn-primary:hover { background: var(--brand-dark); }
+  .btn-ghost { border-color: var(--line); color: #334155 !important; background: #fff; }
+  .btn-ghost:hover { border-color: var(--brand); color: var(--brand) !important; }
+  .btn-lg { padding: 14px 30px; font-size: 16px; }
+
+  .hero { padding: 62px 0 48px; background: linear-gradient(180deg, #f8fafc 0%, #fff 100%); }
+  .hero h1 { font-size: 38px; line-height: 1.25; margin: 0 0 16px; letter-spacing: -.5px; }
+  .hero h1 .hl { color: var(--brand); }
+  .hero p.lead { font-size: 17px; color: var(--muted); max-width: 660px; margin: 0 0 26px; }
+  .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
+  .hero-note { color: var(--muted); font-size: 13px; }
+
+  section { padding: 54px 0; }
+  section.alt { background: var(--bg); }
+  h2.section-title { font-size: 26px; margin: 0 0 8px; letter-spacing: -.3px; }
+  p.section-sub { color: var(--muted); margin: 0 0 30px; font-size: 15px; }
+
+  .grid { display: grid; gap: 18px; }
+  .grid-3 { grid-template-columns: repeat(3, 1fr); }
+  .grid-2 { grid-template-columns: repeat(2, 1fr); }
+  .card {
+    border: 1px solid var(--line); border-radius: 12px; padding: 22px;
+    background: #fff; height: 100%;
+  }
+  .card .icon { font-size: 26px; margin-bottom: 10px; }
+  .card h3 { margin: 0 0 8px; font-size: 17px; }
+  .card p { margin: 0; color: var(--muted); font-size: 14px; }
+  .card.ai { border-color: #bfdbfe; background: #f0f7ff; }
+  .card.ai.hot { border-color: #fca5a5; background: #fff5f5; }
+  .badge {
+    display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px;
+    border-radius: 999px; background: var(--brand); color: #fff; margin-bottom: 8px;
+  }
+  .badge.hot { background: var(--danger); }
+
+  .roles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
+  .role { padding: 18px; border-left: 3px solid var(--brand); background: #fff;
+          border-radius: 0 10px 10px 0; border-top: 1px solid var(--line);
+          border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
+  .role h4 { margin: 0 0 6px; font-size: 15px; }
+  .role .tags { font-size: 12px; color: var(--brand); margin-bottom: 8px; }
+  .role p { margin: 0; font-size: 13px; color: var(--muted); }
+
+  table.compare { width: 100%; border-collapse: collapse; background: #fff; font-size: 14px; }
+  table.compare th, table.compare td { border: 1px solid var(--line); padding: 11px 14px; }
+  table.compare th { background: #f1f5f9; font-weight: 600; text-align: left; }
+  table.compare td.num { text-align: center; }
+  table.compare tr.hl td { background: #fffbeb; }
+
+  .price-card { border: 2px solid var(--line); border-radius: 14px; padding: 26px; background: #fff; }
+  .price-card.featured { border-color: var(--brand); box-shadow: 0 8px 28px rgba(29,78,216,.12); }
+  .price-name { font-size: 18px; font-weight: 700; }
+  .price-value { font-size: 34px; font-weight: 800; color: var(--brand-dark); margin: 8px 0 4px; }
+  .price-value .unit { font-size: 14px; font-weight: 500; color: var(--muted); }
+  .price-desc { color: var(--muted); font-size: 13px; min-height: 40px; }
+  .price-card ul { list-style: none; padding: 0; margin: 16px 0; font-size: 13.5px; }
+  .price-card ul li { padding: 4px 0; color: #334155; }
+  .price-card ul li::before { content: "✓ "; color: var(--ok); font-weight: 700; }
+
+  .pain { border-left: 3px solid var(--danger); background: #fff5f5; padding: 14px 18px;
+          border-radius: 0 8px 8px 0; margin-bottom: 12px; }
+  .pain strong { display: block; margin-bottom: 4px; }
+  .pain span { color: var(--muted); font-size: 13.5px; }
+  .sol { border-left: 3px solid var(--ok); background: #f0fdf4; padding: 14px 18px;
+         border-radius: 0 8px 8px 0; margin-bottom: 12px; }
+  .sol strong { display: block; margin-bottom: 4px; }
+  .sol span { color: var(--muted); font-size: 13.5px; }
+
+  .cta { text-align: center; padding: 56px 0; background: var(--brand-dark); color: #fff; }
+  .cta h2 { font-size: 27px; margin: 0 0 12px; }
+  .cta p { color: #cbd5e1; margin: 0 0 24px; }
+  .cta .btn-primary { background: #fff; color: var(--brand-dark) !important; }
+  .cta .btn-ghost { border-color: rgba(255,255,255,.4); color: #fff !important; background: transparent; }
+  .cta .btn-ghost:hover { background: rgba(255,255,255,.1); }
+
+  footer { padding: 32px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
+  footer .foot-links { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 10px; }
+
+  @media (max-width: 860px) {
+    .grid-3, .roles { grid-template-columns: 1fr; }
+    .grid-2 { grid-template-columns: 1fr; }
+    .hero h1 { font-size: 28px; }
+    .nav-links { gap: 14px; font-size: 13px; }
+    .nav-links a.hide-sm { display: none; }
+  }
+</style>
+</head>
+<body>
+
+<header class="nav">
+  <div class="wrap nav-inner">
+    <a class="logo" href="/site/">dealerhub</a>
+    <nav class="nav-links">
+      <a href="/site/pricing/">价格</a>
+      <a class="hide-sm" href="/site/industry/food/">食品</a>
+      <a class="hide-sm" href="/site/industry/hardware/">五金</a>
+      <a class="hide-sm" href="/site/industry/autoparts/">汽配</a>
+      <a class="btn btn-primary" href="{{ demo_url }}">免费试用</a>
+    </nav>
+  </div>
+</header>
+
+{% block content %}{% endblock %}
+
+<section class="cta">
+  <div class="wrap">
+    <h2>先试用，再决定</h2>
+    <p>免注册进入演示账套（食品经销商真实数据），或注册免费版自己录一单试试。</p>
+    <div class="hero-actions" style="justify-content: center">
+      <a class="btn btn-primary btn-lg" href="{{ demo_url }}">🎬 免注册体验</a>
+      <a class="btn btn-ghost btn-lg" href="/site/pricing/">查看价格</a>
+    </div>
+  </div>
+</section>
+
+<footer>
+  <div class="wrap">
+    <div class="foot-links">
+      <a href="/site/">首页</a>
+      <a href="/site/pricing/">价格</a>
+      <a href="/site/industry/food/">食品行业</a>
+      <a href="/site/industry/hardware/">五金行业</a>
+      <a href="/site/industry/autoparts/">汽配行业</a>
+      <a href="{{ app_url }}">登录系统</a>
+    </div>
+    <div>© 2026 dealerhub 经销商中枢 · {{ tagline }}</div>
+  </div>
+</footer>
+
+</body>
+</html>
@@ -0,0 +1,100 @@
+{% extends "website/base.html" %}
+{% block title %}dealerhub 经销商中枢 · AI 开单 + 应收风控的进销存{% endblock %}
+
+{% block content %}
+
+<!-- Hero -->
+<div class="hero">
+  <div class="wrap">
+    <h1>AI 开单 + <span class="hl">应收风控</span><br>的经销商进销存</h1>
+    <p class="lead">
+      采购、销售、库存、往来、总账一体；批次效期按 FEFO 出库自动分摊；
+      客户信用额度当场拦截；应收风险在跑单之前就预警。
+    </p>
+    <div class="hero-actions">
+      <a class="btn btn-primary btn-lg" href="{{ demo_url }}">🎬 免注册体验演示账套</a>
+      <a class="btn btn-ghost btn-lg" href="/site/pricing/">¥0 起，看价格</a>
+    </div>
+    <p class="hero-note" style="margin-top: 14px">
+      演示账套是食品经销商的真实数据（5 商品 / 5 客户 / 6 张销售单 / 六桶账龄），只读试用全部功能。
+    </p>
+  </div>
+</div>
+
+<!-- 三大 AI 卖点 -->
+<section>
+  <div class="wrap">
+    <h2 class="section-title">AI 不做花架子，只做能省钱的三件事</h2>
+    <p class="section-sub">竞品的 AI 都在做开单和问答，我们额外做了应收风控——因为坏账比效率更贵。</p>
+    <div class="grid grid-3">
+      {% for f in ai_features %}
+      <div class="card ai {% if f.highlight %}hot{% endif %}">
+        <span class="badge {% if f.highlight %}hot{% endif %}">{{ f.badge }}</span>
+        <div class="icon">{{ f.icon }}</div>
+        <h3>{{ f.title }}</h3>
+        <p>{{ f.desc }}</p>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- 基础能力 -->
+<section class="alt">
+  <div class="wrap">
+    <h2 class="section-title">该有的一个不少</h2>
+    <p class="section-sub">以下每一项都是已交付功能，不是路线图。</p>
+    <div class="grid grid-3">
+      {% for f in features %}
+      <div class="card">
+        <div class="icon">{{ f.icon }}</div>
+        <h3>{{ f.title }}</h3>
+        <p>{{ f.desc }}</p>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- 角色价值 -->
+<section>
+  <div class="wrap">
+    <h2 class="section-title">六个角色，各看各的</h2>
+    <p class="section-sub">一套系统覆盖老板、财务、销售、仓管、采购、运营。</p>
+    <div class="roles">
+      {% for name, tags, desc in roles %}
+      <div class="role">
+        <h4>{{ name }}</h4>
+        <div class="tags">{{ tags }}</div>
+        <p>{{ desc }}</p>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<!-- 价格预览 -->
+<section class="alt">
+  <div class="wrap">
+    <h2 class="section-title">价格</h2>
+    <p class="section-sub">免费版可长期使用（配额较小），付费版按需升级，数据不丢。</p>
+    <div class="grid grid-3">
+      {% for p in plans %}
+      <div class="price-card {% if p.code == 'basic' %}featured{% endif %}">
+        <div class="price-name">{{ p.name }}</div>
+        <div class="price-value">¥{{ p.price_monthly|floatformat:0 }}<span class="unit"> / 月</span></div>
+        <div class="price-desc">{{ p.description }}</div>
+        <ul>
+          <li>用户 {{ p.limits.users|default:"不限" }}</li>
+          <li>商品 {{ p.limits.products|default:"不限" }}</li>
+          <li>月单据 {{ p.limits.bills_monthly|default:"不限" }}</li>
+          <li>AI 录单 {{ p.limits.ai_parse_order|default:"不限" }} 次</li>
+        </ul>
+        <a class="btn btn-primary" style="width: 100%; text-align: center" href="/site/pricing/">查看详情</a>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+{% endblock %}
@@ -0,0 +1,57 @@
+{% extends "website/base.html" %}
+{% block title %}{{ page_title }} · {{ site_name }}{% endblock %}
+{% block description %}{{ page_desc }}{% endblock %}
+{% block keywords %}{{ industry }}进销存,{{ industry }}经销商软件,批次效期,多单位换算,经销商SaaS{% endblock %}
+
+{% block content %}
+
+<div class="hero" style="padding: 46px 0 30px">
+  <div class="wrap">
+    <span class="badge">{{ industry }}行业方案</span>
+    <h1 style="font-size: 33px">{{ page_title }}</h1>
+    <p class="lead">{{ page_desc }}</p>
+    <div class="hero-actions">
+      <a class="btn btn-primary btn-lg" href="{{ demo_url }}">🎬 用演示账套试一下</a>
+      <a class="btn btn-ghost btn-lg" href="/site/pricing/">查看价格</a>
+    </div>
+  </div>
+</div>
+
+<section>
+  <div class="wrap">
+    <h2 class="section-title">这个行业最痛的三个问题</h2>
+    <p class="section-sub">都是我们在实际经销商现场反复听到的。</p>
+    {% for title, desc in pain_points %}
+    <div class="pain"><strong>{{ title }}</strong><span>{{ desc }}</span></div>
+    {% endfor %}
+  </div>
+</section>
+
+<section class="alt">
+  <div class="wrap">
+    <h2 class="section-title">dealerhub 怎么解决</h2>
+    <p class="section-sub">下方每条都对应系统里已经能点的功能，不是 ppt。</p>
+    {% for title, desc in solutions %}
+    <div class="sol"><strong>{{ title }}</strong><span>{{ desc }}</span></div>
+    {% endfor %}
+  </div>
+</section>
+
+<section>
+  <div class="wrap">
+    <h2 class="section-title">价格</h2>
+    <p class="section-sub">{{ industry }}行业通常从基础版起步即可（¥998/月）；多仓多业务员选专业版。</p>
+    <div class="grid grid-3">
+      {% for p in plans %}
+      <div class="price-card {% if p.code == 'basic' %}featured{% endif %}">
+        <div class="price-name">{{ p.name }}</div>
+        <div class="price-value">¥{{ p.price_monthly|floatformat:0 }}<span class="unit"> / 月</span></div>
+        <div class="price-desc">{{ p.description }}</div>
+        <a class="btn btn-primary" style="width: 100%; text-align: center" href="/site/pricing/">看详情</a>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+{% endblock %}
@@ -0,0 +1,76 @@
+{% extends "website/base.html" %}
+{% block title %}价格与功能对比 · {{ site_name }}{% endblock %}
+{% block description %}{{ page_desc }}{% endblock %}
+
+{% block content %}
+
+<div class="hero" style="padding: 44px 0 28px">
+  <div class="wrap">
+    <h1 style="font-size: 32px">价格与功能对比</h1>
+    <p class="lead">价格表与系统内的配额校验同源：这里写的额度，就是系统实际执行的额度。</p>
+  </div>
+</div>
+
+<section style="padding-top: 10px">
+  <div class="wrap">
+    <div class="grid grid-3">
+      {% for p in plans %}
+      <div class="price-card {% if p.code == 'basic' %}featured{% endif %}">
+        {% if p.code == 'basic' %}<span class="badge">最受欢迎</span>{% endif %}
+        <div class="price-name">{{ p.name }}</div>
+        <div class="price-value">¥{{ p.price_monthly|floatformat:0 }}<span class="unit"> / 月</span></div>
+        <div class="price-desc">{{ p.description }}</div>
+        <ul>
+          <li>用户数：{{ p.limits.users|default:"不限" }}</li>
+          <li>商品数：{{ p.limits.products|default:"不限" }}</li>
+          <li>月单据量：{{ p.limits.bills_monthly|default:"不限" }}</li>
+          <li>AI 录单：{{ p.limits.ai_parse_order|default:"不限" }} 次/月</li>
+          <li>AI 问答：{{ p.limits.ai_ask|default:"不限" }} 次/月</li>
+          <li>批次效期：{% if p.limits.batch_managed %}✓{% else %}✗{% endif %}</li>
+          <li>总账核算：{% if p.limits.finance_ledger %}✓{% else %}✗{% endif %}</li>
+          <li>订货商城：{% if p.limits.storefront %}✓{% else %}✗{% endif %}</li>
+        </ul>
+        <a class="btn btn-primary" style="width: 100%; text-align: center"
+           href="{{ demo_url }}">先试用</a>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<section class="alt">
+  <div class="wrap">
+    <h2 class="section-title">功能明细</h2>
+    <p class="section-sub">「不限」表示该套餐不限制此维度用量。</p>
+    <table class="compare">
+      <thead>
+        <tr>
+          <th style="width: 34%">功能 / 配额</th>
+          {% for p in plans %}<th class="num">{{ p.name }}</th>{% endfor %}
+        </tr>
+      </thead>
+      <tbody>
+        {% for row in matrix %}
+        <tr {% if row.label == '订货商城（B2B）' %}class="hl"{% endif %}>
+          <td>{{ row.label }}</td>
+          {% for cell in row.cells %}<td class="num">{{ cell }}</td>{% endfor %}
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</section>
+
+<section>
+  <div class="wrap">
+    <h2 class="section-title">说明</h2>
+    <div class="sol"><strong>免费版可以一直用</strong>
+      <span>免费版不是"试用到期就停"，而是长期可用的最小配额（1 用户 / 100 商品 / 50 单据每月）。数据随时可升级迁移。</span></div>
+    <div class="sol"><strong>试用期是 30 天全功能</strong>
+      <span>新注册账号自动获得 30 天全功能体验（含批次效期、总账核算），到期后自动回落免费版配额并通知，不删数据。</span></div>
+    <div class="sol"><strong>不写纸面功能</strong>
+      <span>本页每个勾选都对应已交付代码与测试。还没做的能力（如订货商城在专业版、汽配序列号追溯）会明确标注"规划中"。</span></div>
+  </div>
+</section>
+
+{% endblock %}