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

  {* ================= Hero ================= *}
  <section class="of-hero">
    <div class="container of-hero__inner">
      <div class="of-hero__copy">
        <span class="of-badge"><i></i>aucms v2.0 · 零依赖 PHP 内容管理系统</span>
        <h1 class="of-title">内核自己写，<br><em>亿级内容</em>也跑得动。</h1>
        <p class="of-lead">
          没有 Composer，没有 Node 构建，没有 <code>vendor/</code>。
          容器、路由、模板、数据、缓存、插件、安全全部自研 —— 上传解压就能跑；
          数据涨到千万级，分页与缓存也早已就位。
        </p>
        <div class="of-cta">
          <a class="btn btn-primary btn-lg" href="{$entry_prefix}/page/download">免费下载</a>
          {if !empty($plugin_manual)}
          <a class="btn btn-ghost btn-lg" href="{$entry_prefix}/manual">阅读文档</a>
          {/if}
          {if !empty($plugin_market)}
          <a class="btn btn-ghost btn-lg" href="{$entry_prefix}/market/list?type=plugin">插件市场</a>
          {/if}
        </div>
        <p class="of-note">PHP 7.2+ · MySQL 5.7 / SQLite · 零第三方依赖</p>
      </div>

      <div class="of-stack" aria-hidden="true">
        <div class="of-stack__head">
          <span class="of-stack__name">aucms<span>/ core</span></span>
          <span class="of-stack__dep">0 依赖</span>
        </div>
        <div class="of-stack__list">
          <div class="of-stack__row"><span class="of-stack__k">router</span><span class="of-stack__v">分组路由 · 中间件管道</span><span class="of-stack__tag">自研</span></div>
          <div class="of-stack__row"><span class="of-stack__k">view</span><span class="of-stack__v">预编译模板引擎</span><span class="of-stack__tag">自研</span></div>
          <div class="of-stack__row"><span class="of-stack__k">db</span><span class="of-stack__v">查询构造 · 分片 · 分区</span><span class="of-stack__tag">自研</span></div>
          <div class="of-stack__row"><span class="of-stack__k">cache</span><span class="of-stack__v">静态 / APCu / Redis / 文件</span><span class="of-stack__tag">自研</span></div>
          <div class="of-stack__row"><span class="of-stack__k">plugin</span><span class="of-stack__v">钩子 · 路由 · 视图覆盖</span><span class="of-stack__tag">自研</span></div>
          <div class="of-stack__row"><span class="of-stack__k">security</span><span class="of-stack__v">净化 · CSRF · 限流</span><span class="of-stack__tag">自研</span></div>
        </div>
        <div class="of-stack__foot">
          <span>4817 万行 · 深翻页</span><b>220 ms</b>
          <span class="of-stack__spark"></span>
        </div>
      </div>
    </div>
  </section>

  {* ================= 数字条 ================= *}
  <section class="of-strip">
    <div class="container of-strip__inner">
      <div class="of-metric"><b>0</b><span>第三方依赖（无 Composer / Node）</span></div>
      <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>4</b><span>级缓存链（静态/APCu/Redis/文件）</span></div>
    </div>
  </section>

  {* ================= 为什么是 aucms ================= *}
  <section class="of-section">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">WHY AUСMS</p>
        <h2 class="of-h2">不是又一个 CMS，是一套能自己读懂的内核</h2>
        <p class="of-sub">多数 CMS 让你在别人的框架上盖房子；aucms 把地基也一起给了你 —— 任何一行行为都能直接读源码验证。</p>
      </div>

      <div class="of-grid4 of-grid--cards">
        <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>项目里没有 <code>composer.json</code> 与 <code>node_modules</code>；传到 Web 目录、访问域名就进安装向导。默认零配置，不需要先配伪静态。</p>
          <div class="of-card__meta">开箱即用</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>容器、路由、模板、数据库、缓存、插件、安全都是自己写的。排查问题不用翻 <code>vendor/</code>，读一遍源码就能确认行为。</p>
          <div class="of-card__meta">core/</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>两段式分页：先用覆盖索引取 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"><rect x="4" y="10" width="16" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/></svg></div>
          <h3>安全是默认值</h3>
          <p>富文本七步净化、CSRF、登录限流、上传白名单、越权校验、审计日志。改完代码先跑 202 项安全自检再上线。</p>
          <div class="of-card__meta">tests/security_selfcheck.php</div>
        </article>
      </div>
    </div>
  </section>

  {* ================= 六层内核 ================= *}
  <section class="of-section of-section--tint">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">ARCHITECTURE</p>
        <h2 class="of-h2">六层内核，每一层都自己写</h2>
        <p class="of-sub">没有魔法，也没有第三方黑盒。想改哪一层，直接进对应的目录。</p>
      </div>

      <div class="of-grid3 of-grid--cards">
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">01</span><h3>容器与路由</h3></div>
          <p>依赖注入容器、分组路由、中间件管道；内核与插件共用同一套 Provider 机制，注册时机由框架保证。</p>
          <code>core/Container.php · core/Routing/</code>
        </article>
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">02</span><h3>模板引擎</h3></div>
          <p>预编译成原生 PHP，循环自带空值保护，支持点号取值与过滤器。换肤只改模板，不动业务代码。</p>
          <code>core/View/</code>
        </article>
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">03</span><h3>数据层</h3></div>
          <p>查询构造器、读写分离、一致性哈希分片、按月分区；建表与补列可跨 MySQL / SQLite 翻译。</p>
          <code>core/Db/</code>
        </article>
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">04</span><h3>缓存</h3></div>
          <p>静态 / APCu / Redis / 文件四级缓存链，按域名隔离前缀，一台机跑十个站也不会互相覆盖。</p>
          <code>core/Cache/</code>
        </article>
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">05</span><h3>插件机制</h3></div>
          <p>钩子、路由、菜单、模板覆盖、字段类型全部可扩展，插件之间互不感知，装不装都不拖慢核心。</p>
          <code>plugin/*/</code>
        </article>
        <article class="of-layer">
          <div class="of-layer__top"><span class="of-layer__no">06</span><h3>安全</h3></div>
          <p>密钥独立文件、Host 白名单、上传目录自保护、四层全局中间件兜底；敏感操作要求超级管理员。</p>
          <code>core/Security.php</code>
        </article>
      </div>
    </div>
  </section>

  {* ================= 扩展能力 ================= *}
  <section class="of-section">
    <div class="container of-split">
      <div class="of-split__copy">
        <p class="of-eyebrow">BUILD</p>
        <h2 class="of-h2" style="margin-bottom:14px">扩展不侵入，改动可回滚</h2>
        <p class="of-sub" style="margin-bottom:28px">
          业务要长出来，但不该把核心改烂。aucms 的扩展点是「挂着」而不是「切开」——
          插件、模型、模板各自独立，任何一项都能单独装卸。
        </p>
        <div class="of-feat">
          <div class="of-feat__item">
            <span class="of-feat__dot"></span>
            <div><h3>自定义内容模型</h3><p>内容结构与字段都存在数据库里，后台加字段即时生效，不用改代码发版。</p></div>
          </div>
          <div class="of-feat__item">
            <span class="of-feat__dot"></span>
            <div><h3>插件覆盖视图</h3><p>插件视图优先于主题，升级主题不会丢定制；插件也能在容器里注册自己的服务。</p></div>
          </div>
          <div class="of-feat__item">
            <span class="of-feat__dot"></span>
            <div><h3>原生模板语法</h3><p>循环、条件、点号取值、过滤器，学习成本低到可以边看边写，不必先学一门模板 DSL。</p></div>
          </div>
        </div>
      </div>

      <div class="of-card of-cap">
        <h3 style="margin-bottom:16px">开箱就能用的能力</h3>
        <div class="of-cap__grid">
          <div>✓ 自定义内容模型</div>
          <div>✓ 栏目与伪静态</div>
          <div>✓ 会员与角色权限</div>
          <div>✓ 积分 / 余额账本</div>
          <div>✓ 付费内容与折扣</div>
          <div>✓ 资源下载安全门</div>
          <div>✓ 评论与审核</div>
          <div>✓ 全站搜索</div>
          <div>✓ 备份与迁移</div>
          <div>✓ 多语言词条</div>
          <div>✓ 定时任务</div>
          <div>✓ 操作审计日志</div>
        </div>
        <div class="of-cap__foot">
          <p>默认安装不带任何插件。需要什么装什么，不用的不会拖慢站点。</p>
          <a class="btn btn-primary" href="{$entry_prefix}/page/download">下载安装包</a>
        </div>
      </div>
    </div>
  </section>

  {* ================= 适用场景 ================= *}
  <section class="of-section of-section--tint">
    <div class="container">
      <div class="of-head">
        <p class="of-eyebrow">SCENARIOS</p>
        <h2 class="of-h2">适合这些站，也确实在跑这些站</h2>
        <p class="of-sub">不是"什么都能做"的万能框架，而是把内容站最常见的三种形态做深。</p>
      </div>
      <div class="of-grid3">
        <div class="of-scene-card">
          <span class="of-scene__no">01</span>
          <h3>内容媒体 / 资讯站</h3>
          <p>多栏目、多模型、标签与搜索；列表页只走覆盖索引，日更几千篇也不拖慢首屏。</p>
        </div>
        <div class="of-scene-card">
          <span class="of-scene__no">02</span>
          <h3>企业官网 / 品牌站</h3>
          <p>单页与栏目混排、导航可配外链、模板可换肤；SEO 标题关键词描述逐页可改。</p>
        </div>
        <div class="of-scene-card">
          <span class="of-scene__no">03</span>
          <h3>资源下载 / 会员站</h3>
          <p>会员体系、积分与余额、付费内容、资源下载安全门，一套后台管完。</p>
        </div>
      </div>
    </div>
  </section>

  {* ================= 生态入口 ================= *}
  <section class="of-section">
    <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">
        {if !empty($plugin_forum)}
        <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>
        {/if}

        {if !empty($plugin_market)}
        <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>
        {/if}

        {if !empty($plugin_manual)}
        <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>
        {/if}
      </div>
    </div>
  </section>

  {* ================= 最新动态 ================= *}
  {if !empty($feed)}
  <section class="of-section of-section--tint">
    <div class="container">
      <div class="of-head of-head--split">
        <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}" class="of-feed__lead">
          <h3>{$lead.title}</h3>
          <p>{$lead.description|limit=90}</p>
          <p class="of-feed__date">{$lead.created_at|date=Y-m-d}</p>
        </a>
        {/if}
        {loop $feed as $i => $item}
        {if $i < 3}
        <a href="{$item.url}">
          <h3>{$item.title}</h3>
          <p>{$item.description|limit=90}</p>
          <p class="of-feed__date">{$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 class="of-price__desc">适合有技术能力的团队自己部署。</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 class="of-price__desc">适合线上有业务、不能出长时间故障的站。</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 class="of-price__desc">有特殊业务逻辑，或需要专属插件。</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>
          {if !empty($plugin_forum)}
          <a class="btn btn-ghost" href="{$entry_prefix}/forum/new">在论坛说明需求</a>
          {else}
          <a class="btn btn-ghost" href="{$entry_prefix}/page/about">联系我们说明需求</a>
          {/if}
        </div>
      </div>
    </div>
  </section>

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

</div>