{layout layout}
<link rel="stylesheet" href="/view/default/static/css/official.css?v=1">
<div class="of-page">

  {* ================= Hero ================= *}
  <section class="of-hero">
    <div class="container of-hero__inner">
      <div>
        <span class="of-badge"><i></i>aucms v1.0 · 零依赖 PHP 内容管理系统</span>
        <h1 class="of-title">把内容站做到<em>亿级</em>，<br>也不必换掉 PHP。</h1>
        <p class="of-lead">
          单文件入口、开箱即用，默认零配置就能跑起来；数据量涨到千万级时，
          分页、索引、缓存、分区都已经准备好了，不用推倒重来。
        </p>
        <div class="of-cta">
          <a class="btn btn-primary btn-lg" href="{$entry_prefix}/page/download">免费下载</a>
          <a class="btn btn-ghost btn-lg" href="{$entry_prefix}/market">浏览插件市场</a>
          <a class="btn btn-ghost btn-lg" href="{$entry_prefix}/manual">阅读文档</a>
        </div>
        <p class="of-note">PHP 7.2+ · MySQL 5.7 / SQLite · 不需要 Composer、不需要 Node 构建</p>
      </div>

      <div class="of-console" aria-hidden="true">
        <div class="of-console__bar">
          <span class="of-console__dot"></span><span class="of-console__dot"></span><span class="of-console__dot"></span>
          <span class="of-console__name">aucms · bench_content</span>
        </div>
        <div class="of-console__body">
          <div class="of-row"><span>数据量</span><b>48,170,000 行</b></div>
          <div class="of-row"><span>深翻页（改造前）</span><b class="is-old">31,984 ms</b></div>
          <div class="of-row"><span>深翻页（改造后）</span><b class="is-good">220 ms</b></div>
          <div class="of-row"><span>安全自检</span><b class="is-good">202 / 202 通过</b></div>
          <div class="of-row"><span>内存峰值</span><b>12.4 MB</b></div>
          <div class="of-spark"></div>
        </div>
      </div>
    </div>
  </section>

  {* ================= 数字条 ================= *}
  <section class="of-strip">
    <div class="container of-strip__inner">
      <div class="of-metric"><b>145×</b><span>深翻页提速（同等数据量）</span></div>
      <div class="of-metric"><b>202</b><span>项安全自检断言</span></div>
      <div class="of-metric"><b>19</b><span>种内置字段类型</span></div>
      <div class="of-metric"><b>4</b><span>级缓存链（静态/APCu/Redis/文件）</span></div>
    </div>
  </section>

  {* ================= 核心能力 ================= *}
  <section class="of-section">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">CORE</p>
        <h2 class="of-h2">不是为了演示，是为了长期运行</h2>
        <p class="of-sub">每一个被"以后再说"拖垮的站点，最后都卡在这六件事上。这套 CMS 把它们提前做完了。</p>
      </div>

      <div class="of-grid3">
        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M13 2L4 14h7l-1 8 9-12h-7z"/></svg></div>
          <h3>亿级分页不卡</h3>
          <p>两段式分页：先用覆盖索引取 id，再按主键回表，4817 万行同深度从 32 秒降到 220 毫秒。前台不查总数，深翻页有上限保护。</p>
          <div class="of-card__meta">QueryBuilder::paginate()</div>
        </article>

        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 3l8 4v5c0 5-3.4 8-8 9-4.6-1-8-4-8-9V7z"/><path d="M9 12l2 2 4-4"/></svg></div>
          <h3>安全是默认值</h3>
          <p>富文本七步净化、CSRF、登录限流、上传白名单、路径穿越防护、越权校验、审计日志。改完代码先跑 202 项安全自检再上线。</p>
          <div class="of-card__meta">tests/security_selfcheck.php</div>
        </article>

        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 7h6v6H4z"/><path d="M14 7h6v6h-6z"/><path d="M9 17h6"/><path d="M7 13v2a2 2 0 0 0 2 2"/></svg></div>
          <h3>插件机制</h3>
          <p>钩子、路由、菜单、模板覆盖、字段类型全部可扩展。插件可以覆盖核心视图，也可以在容器里注册自己的服务，互不侵入。</p>
          <div class="of-card__meta">plugin/*/plugin.php</div>
        </article>

        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M3 5h18v14H3z"/><path d="M3 9h18"/><path d="M9 9v10"/></svg></div>
          <h3>模板体系</h3>
          <p>原生模板语法，学习成本低：循环自带空值保护、支持点号取值与过滤器。模板换肤不改代码，插件视图优先于主题。</p>
          <div class="of-card__meta">loop / if / $a.b</div>
        </article>

        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3c2.5 2.6 2.5 15.4 0 18"/></svg></div>
          <h3>多站点 / 站群</h3>
          <p>同目录多域名，Host 白名单精确匹配；共享一套代码与数据库，用栏目与模板区分站点，运维成本只有一份。</p>
          <div class="of-card__meta">plugin/multi-site</div>
        </article>

        <article class="of-card">
          <div class="of-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M4 17V7l8-4 8 4v10l-8 4z"/><path d="M4 7l8 4 8-4"/><path d="M12 11v10"/></svg></div>
          <h3>运维有命令</h3>
          <p>环境自检、建表补索引、缓存重建、路由表、定时任务、分区维护、插件启停，全部一条命令；部署脚本带敏感文件断言。</p>
          <div class="of-card__meta">php aucms env:check</div>
        </article>
      </div>
    </div>
  </section>

  {* ================= 生态入口 ================= *}
  <section class="of-section of-section--tint">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">ECOSYSTEM</p>
        <h2 class="of-h2">一套系统，三个入口</h2>
        <p class="of-sub">用的人在这里提问，开发者在这里上架，站长在这里找到能直接用的东西。</p>
      </div>

      <div class="of-grid4">
        <a class="of-eco" href="{$entry_prefix}/forum">
          <span class="of-eco__tag">FORUM</span>
          <h3>使用者论坛</h3>
          <p>安装、升级、模板、性能问题都能问。提问可以挂悬赏，被采纳的答案能拿到积分。</p>
          <span class="of-eco__go">去提问 →</span>
        </a>

        <a class="of-eco" href="{$entry_prefix}/market/list?type=plugin">
          <span class="of-eco__tag">PLUGINS</span>
          <h3>插件市场</h3>
          <p>支付、会员、SEO、采集、统计……按需装上。免费与付费都有，购买后永久可下载更新。</p>
          <span class="of-eco__go">看插件 →</span>
        </a>

        <a class="of-eco" href="{$entry_prefix}/market/list?type=template">
          <span class="of-eco__tag">TEMPLATES</span>
          <h3>模板市场</h3>
          <p>官网、媒体、落地页，换一套模板就是另一种气质。买断即可用于自己的站点。</p>
          <span class="of-eco__go">看模板 →</span>
        </a>

        <a class="of-eco" href="{$entry_prefix}/manual">
          <span class="of-eco__tag">DOCS</span>
          <h3>开发文档</h3>
          <p>从安装部署到插件开发、模板标签、安全规范，都是按"踩过的坑"写的。</p>
          <span class="of-eco__go">读文档 →</span>
        </a>
      </div>
    </div>
  </section>

  {* ================= 适用场景 ================= *}
  <section class="of-section">
    <div class="container">
      <div class="of-grid2" style="align-items:center;gap:48px">
        <div>
          <p class="of-eyebrow">SCENARIOS</p>
          <h2 class="of-h2" style="margin-bottom:14px">适合这些站，也确实在跑这些站</h2>
          <p class="of-sub" style="margin-bottom:26px">
            不是"什么都能做"的万能框架，而是把内容站最常见的三种形态做深：
            靠内容吃饭的媒体站、靠形象转化的官网、靠资源沉淀的工具站。
          </p>

          <div style="display:flex;flex-direction:column;gap:22px">
            <div class="of-scene">
              <span class="of-scene__no">01</span>
              <div>
                <h3>内容媒体 / 资讯站</h3>
                <p>多栏目、多模型、标签与搜索；列表页只走覆盖索引，日更几千篇也不拖慢首屏。</p>
              </div>
            </div>
            <div class="of-scene">
              <span class="of-scene__no">02</span>
              <div>
                <h3>企业官网 / 品牌站</h3>
                <p>单页与栏目混排、导航可配外链、模板可换肤；SEO 标题关键词描述逐页可改。</p>
              </div>
            </div>
            <div class="of-scene">
              <span class="of-scene__no">03</span>
              <div>
                <h3>资源下载 / 会员站</h3>
                <p>会员体系、积分与余额、付费内容、资源下载安全门，一套后台管完。</p>
              </div>
            </div>
          </div>
        </div>

        <div class="of-card" style="padding:28px">
          <h3 style="margin-bottom:14px">开箱就能用的能力</h3>
          <div class="of-grid2" style="gap:10px">
            <div style="font-size:13.5px;color:#4b5563">✓ 自定义内容模型</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 栏目与伪静态</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 会员与角色权限</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 积分 / 余额账本</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 付费内容与折扣</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 资源下载安全门</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 评论与审核</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 全站搜索</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 备份与迁移</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 多语言词条</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 定时任务</div>
            <div style="font-size:13.5px;color:#4b5563">✓ 操作审计日志</div>
          </div>
          <div style="margin-top:22px;padding-top:18px;border-top:1px dashed #e5e9f0">
            <p style="font-size:12.5px;color:#6b7280;margin:0 0 12px">
              默认安装不带任何插件。需要什么装什么，不用的不会拖慢站点。
            </p>
            <a class="btn btn-primary" href="{$entry_prefix}/page/download">下载安装包</a>
          </div>
        </div>
      </div>
    </div>
  </section>

  {* ================= 最新动态 ================= *}
  {if !empty($feed)}
  <section class="of-section of-section--tint">
    <div class="container">
      <div class="of-head" style="text-align:left;max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap">
        <div>
          <p class="of-eyebrow">UPDATES</p>
          <h2 class="of-h2" style="margin-bottom:0">最新动态</h2>
        </div>
        <a class="btn btn-ghost" href="{$entry_prefix}/search">查看全部</a>
      </div>
      <div class="of-feed">
        {* 头条单独渲染：HomeController 把它从 feed 里摘出来了，不补这里就少一条 *}
        {if !empty($lead)}
        <a href="{$lead.url}">
          <h3>{$lead.title}</h3>
          <p>{$lead.description|limit=90}</p>
          <p style="margin-top:10px;color:#9ca3af">{$lead.created_at|date=Y-m-d}</p>
        </a>
        {/if}
        {loop $feed as $i => $item}
        {if $i < 6}
        <a href="{$item.url}">
          <h3>{$item.title}</h3>
          <p>{$item.description|limit=90}</p>
          <p style="margin-top:10px;color:#9ca3af">{$item.created_at|date=Y-m-d}</p>
        </a>
        {/if}
        {/loop}
      </div>
    </div>
  </section>
  {/if}

  {* ================= 获取方式 ================= *}
  <section class="of-section">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">GET STARTED</p>
        <h2 class="of-h2">三种获取方式，按需要选</h2>
        <p class="of-sub">核心永久免费。付费的是"省时间"和"有人兜底"，不是功能阉割。</p>
      </div>

      <div class="of-grid3">
        <div class="of-price">
          <h3>自建 · 社区版</h3>
          <div class="of-price__amount">免费 <small>永久</small></div>
          <p style="font-size:13px;color:#6b7280;margin:0">适合有技术能力的团队自己部署。</p>
          <ul>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>完整核心功能与全部内置能力</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>论坛提问与技术文档</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>免费插件与模板</li>
          </ul>
          <a class="btn btn-ghost" href="{$entry_prefix}/page/download">下载安装包</a>
        </div>

        <div class="of-price of-price--hot">
          <h3>商业支持</h3>
          <div class="of-price__amount">按年 <small>联系咨询</small></div>
          <p style="font-size:13px;color:#6b7280;margin:0">适合线上有业务、不能出长时间故障的站。</p>
          <ul>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>部署、迁移、性能调优</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>安全巡检与加固建议</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>故障响应与版本升级</li>
          </ul>
          <a class="btn btn-primary" href="{$entry_prefix}/page/about">了解支持范围</a>
        </div>

        <div class="of-price">
          <h3>定制开发</h3>
          <div class="of-price__amount">按需 <small>评估报价</small></div>
          <p style="font-size:13px;color:#6b7280;margin:0">有特殊业务逻辑，或需要专属插件。</p>
          <ul>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>定制字段、流程与后台</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>第三方系统对接</li>
            <li><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6"><path d="M20 6L9 17l-5-5"/></svg>专属模板设计</li>
          </ul>
          <a class="btn btn-ghost" href="{$entry_prefix}/forum/new">在论坛说明需求</a>
        </div>
      </div>
    </div>
  </section>

  {* ================= 底部 CTA ================= *}
  <section class="of-final">
    <div class="container">
      <h2>先把它跑起来，再决定要不要长期用</h2>
      <p>上传、访问、进后台，五分钟。默认零配置，不需要先配伪静态、不需要装依赖。</p>
      <div style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap">
        <a class="btn btn-primary btn-lg" href="{$entry_prefix}/page/download">下载 aucms</a>
        <a class="btn btn-ghost btn-lg" href="{$entry_prefix}/manual">查看安装文档</a>
      </div>
    </div>
  </section>

</div>