OverCoocked-FrontPage/pricing.html

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="选择适合当前规模的 OverCooked 影视流媒体平台方案，支持永久授权与定制部署。">
  <title>服务定价｜煮糊了 OverCooked</title>
  <link rel="icon" href="favicon.svg">
  <link rel="stylesheet" href="assets/apple.css">
</head>
<body class="pricing-page">
  <a class="skip-link" href="#content">跳至主要内容</a>

  <header class="site-header" data-header>
    <nav class="nav-island" aria-label="主导航">
      <a class="wordmark" href="index.html" aria-label="煮糊了 OverCooked 首页"><img class="wordmark-logo" src="overcooked-white.png" alt="" aria-hidden="true"><span>煮糊了</span><b>OverCooked</b></a>
      <div class="desktop-nav"><a href="index.html#platform">平台</a><a href="index.html#capabilities">能力</a><a href="index.html#delivery">交付</a><a href="pricing.html" aria-current="page">定价</a></div>
      <div class="nav-actions"><a class="nav-contact" href="mailto:lachong930@gmail.com">联系团队 <span aria-hidden="true">↗</span></a><button class="menu-button" type="button" aria-expanded="false" aria-controls="mobile-menu" aria-label="打开导航" data-menu-button><span></span><span></span></button></div>
    </nav>
    <div class="mobile-menu" id="mobile-menu" data-mobile-menu hidden><a href="index.html#platform">平台</a><a href="index.html#capabilities">能力</a><a href="index.html#delivery">交付</a><a href="pricing.html">定价</a><a href="mailto:lachong930@gmail.com">联系团队</a></div>
  </header>

  <main id="content">
    <section class="pricing-hero">
      <div class="pricing-hero-copy">
        <p class="section-kicker">永久授权 · 按需升级</p>
        <h1>从刚刚好开始。<br><span>随业务一起成长。</span></h1>
        <p>一次购买，永久使用。规模变化时，保留已有配置和数据，平滑升级到下一阶段。</p>
      </div>
      <div class="pricing-orbit" aria-hidden="true"><span class="orbit-core"><i></i><b>OC</b></span><i class="orbit-ring ring-one"></i><i class="orbit-ring ring-two"></i><span class="orbit-node node-one">门户</span><span class="orbit-node node-two">媒体</span><span class="orbit-node node-three">节点</span></div>
    </section>

    <section class="plans" aria-labelledby="plans-title">
      <div class="plans-heading"><div><p class="section-kicker">选择方案</p><h2 id="plans-title">现在需要多少，<br>就从多少开始。</h2></div><p>每个方案都包含完整部署能力。区别只在规模、自动化深度与支持等级。</p></div>
      <div class="plan-grid">
        <article class="plan reveal">
          <div class="plan-top"><p class="plan-label">Starter</p><span>个人 / 小团队</span></div>
          <h3>OCM 基础版</h3><p class="plan-desc">用于启动第一套独立影视服务。</p>
          <div class="plan-price"><strong>¥399</strong><span>一次付费</span></div>
          <a class="plan-button" href="https://buy.stripe.com/3cI00c2j0eEUdl3dUR0ZW06" target="_blank" rel="noreferrer">选择基础版 <span aria-hidden="true">→</span></a>
          <ul><li><span>✓</span>1 个品牌门户</li><li><span>✓</span>基础用户与套餐管理</li><li><span>✓</span>2 个媒体或播放节点</li><li><span>✓</span>移动端完整适配</li><li><span>✓</span>基础运行监控</li><li><span>✓</span>工作日技术支持</li></ul>
        </article>
        <article class="plan plan-featured reveal">
          <div class="plan-recommend">推荐</div>
          <div class="plan-top"><p class="plan-label">Professional</p><span>成长型业务</span></div>
          <h3>OCM 专业版</h3><p class="plan-desc">用于已有稳定用户规模的影视服务。</p>
          <div class="plan-price"><strong>¥599</strong><span>一次付费</span></div>
          <a class="plan-button" href="https://buy.stripe.com/14A28kg9Q68o5SB7wt0ZW07" target="_blank" rel="noreferrer">选择专业版 <span aria-hidden="true">→</span></a>
          <ul><li><span>✓</span>3 个品牌门户</li><li><span>✓</span>完整用户、套餐与订单管理</li><li><span>✓</span>10 个媒体或播放节点</li><li><span>✓</span>高级品牌定制</li><li><span>✓</span>实时监控与操作审计</li><li><span>✓</span>开放接口与自动化</li><li><span>✓</span>优先技术支持</li></ul>
        </article>
        <article class="plan reveal">
          <div class="plan-top"><p class="plan-label">Enterprise</p><span>多品牌 / 私有化</span></div>
          <h3>旗舰版</h3><p class="plan-desc">用于多节点、深度集成或独立资源环境。</p>
          <div class="plan-price"><strong>定制</strong><span>按需报价</span></div>
          <a class="plan-button" href="mailto:lachong930@gmail.com">联系定制方案 <span aria-hidden="true">↗</span></a>
          <ul><li><span>✓</span>品牌与门户数量按需配置</li><li><span>✓</span>多节点及私有化部署</li><li><span>✓</span>独立资源与数据迁移</li><li><span>✓</span>既有系统深度集成</li><li><span>✓</span>专属功能与接口开发</li><li><span>✓</span>上线陪跑与持续运维</li><li><span>✓</span>专属服务响应</li></ul>
        </article>
      </div>
      <p class="payment-note reveal"><i></i>基础版与专业版通过 Stripe 安全结账。所有方案均为永久授权。</p>
    </section>

    <section class="comparison">
      <div class="comparison-head reveal"><p class="section-kicker">详细比较</p><h2>差异，清楚列出。</h2><p>选择当前真正会用到的能力，不为暂时不需要的规模付费。</p></div>
      <div class="comparison-list reveal" role="table" aria-label="方案能力比较">
        <div class="comparison-row comparison-header" role="row"><span role="columnheader">平台能力</span><span role="columnheader">基础版</span><span role="columnheader">专业版</span><span role="columnheader">旗舰版</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">品牌门户</b><span>1 个</span><span>3 个</span><span>按需配置</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">媒体及播放节点</b><span>2 个</span><span>10 个</span><span>按需配置</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">用户与套餐管理</b><span>基础</span><span class="positive">完整</span><span class="positive">完整</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">实时监控</b><span>基础</span><span class="positive">完整</span><span class="positive">完整 + 定制</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">API 与自动化</b><span class="muted">—</span><span class="positive">支持</span><span class="positive">深度定制</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">私有化部署</b><span class="muted">—</span><span class="muted">—</span><span class="positive">支持</span></div>
        <div class="comparison-row" role="row"><b role="rowheader">技术支持</b><span>工作日</span><span>优先响应</span><span>专属响应</span></div>
      </div>
    </section>

    <section class="pricing-cta">
      <div class="pricing-cta-media" aria-hidden="true"></div>
      <div class="pricing-cta-copy reveal"><p class="section-kicker">需要不同的组合？</p><h2>让方案适应业务，<br>而不是反过来。</h2><p>多品牌、特殊存储、数据迁移、私有部署或既有系统集成，都可以按实际需求组合。</p><a class="button button-primary" href="mailto:lachong930@gmail.com">获取定制报价 <span aria-hidden="true">↗</span></a></div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="footer-main"><a class="wordmark" href="index.html"><img class="wordmark-logo" src="overcooked-white.png" alt="" aria-hidden="true"><span>煮糊了</span><b>OverCooked</b></a><p>让每一个影视服务，都有一套好平台。</p></div>
    <div class="footer-meta"><span>© 2026 OverCooked Platform Service.</span><div><a href="index.html">返回首页</a><a href="mailto:lachong930@gmail.com">商务联系</a><a href="https://overcooked.top">Back to Global Website</a></div></div>
  </footer>
  <script src="script.js"></script>
</body>
</html>