<!--
  临时静态首页（仅中文 / 备案展示）。
  非 Nuxt 生产页面；除 ICP 备案外无跳转。
  验收: node scripts/verify-zh-static-home.mjs
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>安骏同城配送 | 巴西同城配送服务</title>
    <meta
      name="description"
      content="了解安骏同城配送面向配送员、商家和合作伙伴的公开服务入口。"
    />
    <style>
      :root {
        --anjun-green: #158f63;
        --anjun-green-700: #0f704f;
        --anjun-green-dark: #093e31;
        --anjun-green-50: #eefbf4;
        --anjun-green-100: #d8f4e5;
        --text: #0f172a;
        --muted: #64748b;
        --border: #dbe4ea;
        --bg: #ffffff;
        --slate-50: #f8fafc;
        --max: 72rem;
        --radius: 0.5rem;
      }
      * { box-sizing: border-box; }
      body {
        margin: 0;
        font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
        color: var(--text);
        background: var(--bg);
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }
      a { color: inherit; }
      img { max-width: 100%; display: block; }
      .wrap {
        width: min(100% - 2rem, var(--max));
        margin-inline: auto;
      }
      .site-header {
        border-bottom: 1px solid var(--border);
        background: #fff;
        padding: 0.85rem 0;
      }
      .brand {
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        font-weight: 800;
        letter-spacing: 0;
        text-decoration: none;
        cursor: default;
      }
      .site-footer {
        border-top: 1px solid var(--border);
        padding: 1.5rem 0 2rem;
        background: #fff;
      }
      .footer-row {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem 1.25rem;
        align-items: center;
        justify-content: space-between;
        font-size: 0.75rem;
        color: var(--muted);
      }
      .beian {
        color: var(--muted);
        text-decoration: underline;
        text-underline-offset: 2px;
      }
      .beian:hover { color: var(--anjun-green-700); }
      .muted { color: var(--muted); }

      .hero {
        background: linear-gradient(135deg, #0b3d31 0%, #0f704f 55%, #158f63 100%);
        color: #fff;
        padding: 3rem 0;
      }
      .hero-grid {
        display: grid;
        gap: 2rem;
        align-items: center;
      }
      @media (min-width: 960px) {
        .hero-grid { grid-template-columns: 1.4fr 0.8fr; }
      }
      .hero h1 {
        font-size: clamp(1.75rem, 4vw, 3rem);
        line-height: 1.15;
        margin: 0 0 1rem;
        font-weight: 800;
      }
      .hero h1 span { color: #86efac; }
      .hero-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border: 1px solid rgba(255, 255, 255, 0.25);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 999px;
        padding: 0.35rem 0.75rem;
        font-size: 0.75rem;
        font-weight: 700;
        margin-bottom: 1rem;
      }
      .hero p { max-width: 36rem; color: #ecfdf5; margin: 0; }
      .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem 1.25rem;
        list-style: none;
        padding: 0;
        margin: 1.25rem 0 0;
        font-size: 0.8rem;
        color: #d1fae5;
      }
      .progress-card {
        display: none;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 0.75rem;
        padding: 1.25rem;
        backdrop-filter: blur(6px);
      }
      @media (min-width: 960px) {
        .progress-card { display: block; }
      }
      .progress-card ol {
        list-style: none;
        margin: 1rem 0 0;
        padding: 0;
      }
      .progress-card li {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin: 0.75rem 0;
        font-size: 0.9rem;
      }
      .step-dot {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.7rem;
        font-weight: 800;
        background: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.7);
        flex-shrink: 0;
      }
      .step-dot.done {
        background: #4ade80;
        color: #fff;
      }

      .section { padding: 3.5rem 0; }
      .section-alt { background: var(--slate-50); }
      .section-head {
        text-align: center;
        max-width: 40rem;
        margin: 0 auto 2rem;
      }
      .section-head h2 {
        margin: 0.75rem 0 0;
        font-size: clamp(1.35rem, 2.5vw, 1.85rem);
        font-weight: 800;
      }
      .badge-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        border-radius: 999px;
        padding: 0.3rem 0.75rem;
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        background: var(--anjun-green-50);
        color: var(--anjun-green-700);
        border: 1px solid var(--anjun-green-100);
      }
      .divider-label {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin: 0 0 1.25rem;
      }
      .divider-label span {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border-radius: 999px;
        padding: 0.35rem 1rem;
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .divider-label.green span {
        border: 1px solid var(--anjun-green-100);
        background: var(--anjun-green-50);
        color: var(--anjun-green-700);
      }
      .divider-label.blue span {
        border: 1px solid #bfdbfe;
        background: #eff6ff;
        color: #2563eb;
      }
      .divider-label.gray span {
        border: 1px solid #e5e7eb;
        background: #f3f4f6;
        color: #6b7280;
      }
      .divider-label::before,
      .divider-label::after {
        content: "";
        flex: 1;
        height: 1px;
        background: linear-gradient(90deg, transparent, #bbf7d0);
      }
      .divider-label.blue::before,
      .divider-label.blue::after {
        background: linear-gradient(90deg, transparent, #bfdbfe);
      }
      .divider-label.gray::before,
      .divider-label.gray::after {
        background: linear-gradient(90deg, transparent, #d1d5db);
      }
      .card {
        border: 2px solid var(--border);
        border-radius: var(--radius);
        background: #fff;
        padding: 1.25rem;
        box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
        position: relative;
        display: flex;
        flex-direction: column;
      }
      .card h3 {
        margin: 0.35rem 0 0.5rem;
        font-size: 1.1rem;
      }
      .card p {
        margin: 0;
        color: var(--muted);
        font-size: 0.9rem;
      }
      .card-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        border-radius: 999px;
        padding: 0.15rem 0.55rem;
        font-size: 0.7rem;
        font-weight: 800;
        text-transform: uppercase;
        background: rgba(255, 255, 255, 0.75);
        color: #334155;
      }
      .new-badge {
        position: absolute;
        top: 1rem;
        right: 1rem;
        border-radius: 999px;
        background: #fff7ed;
        color: #ea580c;
        font-size: 0.7rem;
        font-weight: 800;
        padding: 0.15rem 0.5rem;
      }
      .grid-2 {
        display: grid;
        gap: 1.1rem;
        grid-template-columns: 1fr;
      }
      .grid-3 {
        display: grid;
        gap: 1.1rem;
        grid-template-columns: 1fr;
      }
      .grid-4 {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
      }
      @media (min-width: 640px) {
        .grid-2 { grid-template-columns: 1fr 1fr; }
        .grid-4 { grid-template-columns: 1fr 1fr; }
      }
      @media (min-width: 900px) {
        .grid-3 { grid-template-columns: 1fr 1fr 1fr; }
      }
      @media (min-width: 1024px) {
        .grid-4 { grid-template-columns: repeat(4, 1fr); }
      }
      .feature-list {
        list-style: none;
        padding: 0;
        margin: 1rem 0 0;
        font-size: 0.8rem;
        color: var(--muted);
      }
      .feature-list li {
        display: flex;
        gap: 0.4rem;
        align-items: flex-start;
        margin: 0.35rem 0;
      }
      .feature-list li::before {
        content: "✓";
        color: var(--anjun-green);
        font-weight: 800;
        flex-shrink: 0;
      }
      .static-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
        height: 2.5rem;
        padding: 0 1rem;
        border-radius: 0.375rem;
        font-size: 0.875rem;
        font-weight: 700;
        background: #e2e8f0;
        color: #334155;
        cursor: default;
        user-select: none;
        border: none;
      }
      .static-action.primary {
        background: var(--anjun-green);
        color: #fff;
      }
      .static-action.outline {
        background: #fff;
        color: var(--anjun-green-700);
        border: 1px solid var(--anjun-green);
      }
      .static-action.orange { background: #f97316; color: #fff; }
      .static-action.blue { background: #2563eb; color: #fff; }
      .static-action.green { background: var(--anjun-green); color: #fff; }
      .note {
        font-size: 0.75rem;
        color: #94a3b8;
        margin-top: 0.4rem;
      }
      .seller-card {
        border-color: #bbf7d0;
        background: linear-gradient(135deg, #f0fdf4, #fff 40%, #ecfdf5);
      }
      .seller-inner {
        display: grid;
        gap: 1rem;
        align-items: center;
      }
      @media (min-width: 720px) {
        .seller-inner {
          grid-template-columns: auto 1fr auto;
          text-align: left;
        }
        .seller-actions { justify-items: stretch; }
      }
      .icon-box {
        width: 4rem;
        height: 4rem;
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--anjun-green);
        color: #fff;
        font-size: 1.4rem;
        font-weight: 800;
        box-shadow: 0 8px 16px rgb(21 143 99 / 20%);
      }
      .chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
        margin-bottom: 0.6rem;
      }
      .chip {
        display: inline-flex;
        border-radius: 999px;
        padding: 0.2rem 0.55rem;
        font-size: 0.7rem;
        font-weight: 800;
      }
      .chip.green { background: var(--anjun-green-50); color: var(--anjun-green-700); }
      .chip.blue { background: #eff6ff; color: #1d4ed8; }
      .partner-orange {
        border-color: #fed7aa;
        background: linear-gradient(135deg, #fff7ed, #fff 45%, #fffbeb);
      }
      .partner-blue {
        border-color: #bfdbfe;
        background: linear-gradient(135deg, #eff6ff, #fff 45%, #eef2ff);
      }
      .driver-green { border-color: #bbf7d0; }
      .driver-blue { border-color: #bfdbfe; }
      .driver-orange { border-color: #fed7aa; }
      .feature-icon {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--anjun-green-50);
        color: var(--anjun-green);
        font-weight: 800;
        margin-bottom: 0.75rem;
      }
      .steps {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: 1fr;
        text-align: center;
        margin-top: 2rem;
        list-style: none;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
        counter-reset: none;
      }
      .steps > li {
        list-style: none;
      }
      @media (min-width: 640px) {
        .steps { grid-template-columns: 1fr 1fr; }
      }
      @media (min-width: 1024px) {
        .steps { grid-template-columns: repeat(4, 1fr); }
      }
      .step-num {
        width: 3rem;
        height: 3rem;
        margin: 0 auto 0.75rem;
        border-radius: 999px;
        border: 2px solid #bbf7d0;
        background: var(--anjun-green-50);
        color: var(--anjun-green-700);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.85rem;
        font-weight: 900;
      }
      .cta-band {
        background: var(--anjun-green-dark);
        color: #fff;
        padding: 3.5rem 0;
      }
      .cta-band h2 {
        margin: 0;
        font-size: clamp(1.35rem, 2.5vw, 1.85rem);
        font-weight: 800;
      }
      .cta-band p {
        color: #d1fae5;
        max-width: 32rem;
        margin: 1rem auto 0;
      }
      .cta-band .static-action {
        background: #25f433;
        color: #093e31;
      }
      .cta-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
        justify-content: center;
        margin-top: 1.25rem;
      }
      .block-gap { margin-bottom: 2.5rem; }
      .block-gap:last-child { margin-bottom: 0; }
    </style>
  </head>
  <body>
    <header class="site-header">
      <div class="wrap">
        <div class="brand" aria-label="安骏速运">
          <span>安骏 Super Express</span>
        </div>
      </div>
    </header>

    <main id="main">
      <section class="hero" aria-label="首页主视觉">
        <div class="wrap hero-grid">
          <div>
            <p class="hero-eyebrow">官方注册平台</p>
            <h1>
              加入巴西新一代<br />
              <span>快速配送网络。</span>
            </h1>
            <p>
              加入安骏 Super Express，通过 Flex 和同城配送获得收入。支持汽车、摩托车和自行车合作伙伴注册。
            </p>
            <ul class="tag-list" aria-label="平台亮点">
              <li>100% 数字化</li>
              <li>法律效力</li>
              <li>3 种模式</li>
              <li>LGPD 合规</li>
            </ul>
          </div>
          <aside class="progress-card" aria-label="注册进度示意">
            <div class="brand" style="color: #fff; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 0.75rem;">
              <span>安骏 Super Express</span>
            </div>
            <ol>
              <li>
                <span class="step-dot done" aria-hidden="true">✓</span>
                <span>个人信息</span>
              </li>
              <li>
                <span class="step-dot done" aria-hidden="true">✓</span>
                <span>文件上传</span>
              </li>
              <li>
                <span class="step-dot done" aria-hidden="true">✓</span>
                <span>条款与声明</span>
              </li>
              <li>
                <span class="step-dot" aria-hidden="true">4</span>
                <span style="opacity: 0.7">电子签名</span>
              </li>
            </ol>
          </aside>
        </div>
      </section>

      <section class="section" aria-labelledby="category-title">
        <div class="wrap">
          <div class="section-head">
            <p class="badge-pill">选择类别</p>
            <h2 id="category-title">您希望如何注册？</h2>
            <p class="muted">
              选择最能描述您情况的类别。每个类别都有针对您需求的专属注册流程。
            </p>
          </div>

          <div class="block-gap">
            <div class="divider-label green">
              <span>面向商家</span>
            </div>
            <article class="card seller-card" aria-labelledby="seller-card-title">
              <div class="seller-inner">
                <div class="icon-box" aria-hidden="true">店</div>
                <div>
                  <div class="chip-row">
                    <span class="chip green">当日达</span>
                    <span class="chip blue">Shopee · Mercado Livre · 更多</span>
                  </div>
                  <h3 id="seller-card-title">将您的店铺接入当日达配送</h3>
                  <p>开始当日达快递运营。访问完整入驻指南、平台集成和运营激活流程。</p>
                </div>
                <div class="seller-actions">
                  <span class="static-action primary" aria-disabled="true">查看接入指南</span>
                  <span class="static-action outline" aria-disabled="true">商家注册</span>
                  <p class="note">快速注册 · D+1 激活</p>
                </div>
              </div>
            </article>
          </div>

          <div class="block-gap">
            <div class="divider-label blue">
              <span>面向合作伙伴</span>
            </div>
            <div class="grid-2">
              <article class="card partner-orange" aria-labelledby="partner-carrier-title">
                <p class="card-badge">官方认证</p>
                <h3 id="partner-carrier-title">认证运输公司</h3>
                <p>成为安骏 Super Express 认证运输公司，加入我们的官方物流合作伙伴网络。</p>
                <ul class="feature-list">
                  <li>文件注册与审核</li>
                  <li>官方认证流程</li>
                  <li>专属合作伙伴网络</li>
                  <li>专属运营支持</li>
                </ul>
                <span class="static-action orange" aria-disabled="true">开始认证</span>
              </article>
              <article class="card partner-blue" aria-labelledby="partner-affiliate-title">
                <p class="card-badge">0.5%佣金</p>
                <h3 id="partner-affiliate-title">联盟合作伙伴</h3>
                <p>向安骏 Super Express 推荐商家，赚取运费佣金。正式合同商业合作，每月付款。</p>
                <ul class="feature-list">
                  <li>推荐数字商家</li>
                  <li>0.5%运费佣金</li>
                  <li>每月20日前付款</li>
                  <li>具有法律效力的正式合同</li>
                </ul>
                <span class="static-action blue" aria-disabled="true">成为联盟伙伴</span>
              </article>
            </div>
          </div>

          <div class="block-gap">
            <div class="divider-label gray">
              <span>面向司机</span>
            </div>
            <div class="grid-3">
              <article class="card driver-green" aria-labelledby="driver-carrier-title">
                <p class="card-badge" style="color: var(--anjun-green-700)">运输公司合作伙伴</p>
                <h3 id="driver-carrier-title">运输公司司机</h3>
                <p>隶属于安骏的合作运输公司。填写公司信息并签署服务协议。</p>
                <ul class="feature-list">
                  <li>合作运输公司信息</li>
                  <li>关联公司CNPJ</li>
                  <li>必须提供车辆CRLV</li>
                  <li>责任条款</li>
                  <li>自主声明</li>
                </ul>
                <span class="static-action green" aria-disabled="true">运输公司司机</span>
              </article>
              <article class="card driver-blue" aria-labelledby="driver-flex-title">
                <p class="card-badge" style="color: #2563eb">自由职业者</p>
                <h3 id="driver-flex-title">灵活配送司机</h3>
                <p>具有灵活时间安排的自主服务提供商。独立工作，加入安骏 Super Express Flex 配送员网络。</p>
                <ul class="feature-list">
                  <li>无需关联运输公司</li>
                  <li>灵活自主的工作时间</li>
                  <li>必须提供车辆CRLV</li>
                  <li>自主声明</li>
                  <li>LGPD同意书</li>
                </ul>
                <span class="static-action blue" aria-disabled="true">灵活配送司机</span>
              </article>
              <article class="card driver-orange" aria-labelledby="driver-delivery-title">
                <span class="new-badge">新</span>
                <p class="card-badge" style="color: #ea580c">城市配送</p>
                <h3 id="driver-delivery-title">配送员</h3>
                <p>城市最后一公里配送员。使用摩托车、自行车或步行进行本地配送，灵活独立。</p>
                <ul class="feature-list">
                  <li>摩托车、自行车或步行</li>
                  <li>最后一公里配送</li>
                  <li>简化注册流程</li>
                  <li>自主声明</li>
                  <li>LGPD同意书</li>
                </ul>
                <span class="static-action orange" aria-disabled="true">配送员</span>
              </article>
            </div>
          </div>
        </div>
      </section>

      <section class="section section-alt" aria-labelledby="features-title">
        <div class="wrap">
          <div class="section-head">
            <h2 id="features-title">为什么使用我们的平台？</h2>
          </div>
          <div class="grid-4">
            <article class="card">
              <div class="feature-icon" aria-hidden="true">表</div>
              <h3>完整表单</h3>
              <p>个人信息、公司、地址、联系方式和文件上传，一个表单完成。</p>
            </article>
            <article class="card">
              <div class="feature-icon" aria-hidden="true">安</div>
              <h3>安全上传</h3>
              <p>驾照正反面、CRLV、地址证明及其他文件安全存储在云端。</p>
            </article>
            <article class="card">
              <div class="feature-icon" aria-hidden="true">签</div>
              <h3>电子签名</h3>
              <p>符合第 14.063/2020 号法律的电子签名，具备法律效力。</p>
            </article>
            <article class="card">
              <div class="feature-icon" aria-hidden="true">法</div>
              <h3>法律条款</h3>
              <p>责任条款、自主声明和 LGPD 同意书集成到注册流程中。</p>
            </article>
          </div>
        </div>
      </section>

      <section class="section" aria-labelledby="steps-title">
        <div class="wrap">
          <div class="section-head">
            <h2 id="steps-title">流程说明</h2>
            <p class="muted">4 个步骤完成简单、安全的流程</p>
          </div>
          <div class="steps" role="list">
            <div role="listitem">
              <div class="step-num">01</div>
              <h3>个人信息</h3>
              <p class="muted">填写个人信息和合作运输公司信息</p>
            </div>
            <div role="listitem">
              <div class="step-num">02</div>
              <h3>文件</h3>
              <p class="muted">上传驾照、地址证明和车辆文件</p>
            </div>
            <div role="listitem">
              <div class="step-num">03</div>
              <h3>服务条款</h3>
              <p class="muted">阅读并确认服务协议</p>
            </div>
            <div role="listitem">
              <div class="step-num">04</div>
              <h3>签名</h3>
              <p class="muted">完成具备法律效力的电子签名</p>
            </div>
          </div>
        </div>
      </section>

      <section class="cta-band" aria-labelledby="final-cta-title">
        <div class="wrap" style="text-align: center">
          <div class="brand" style="justify-content: center; color: #fff; margin-bottom: 1rem">
            <span>安骏 Super Express</span>
          </div>
          <h2 id="final-cta-title">准备好注册了吗？</h2>
          <p>整个流程不到 5 分钟。请准备好文件并立即开始。</p>
          <p class="note" style="color: #bbf7d0">本页为静态展示，不提供在线注册入口。</p>
          <div class="cta-actions">
            <span class="static-action" aria-disabled="true">运输公司司机</span>
            <span class="static-action" aria-disabled="true">灵活配送司机</span>
            <span class="static-action" aria-disabled="true">配送员</span>
          </div>
        </div>
      </section>
    </main>

    <footer class="site-footer" role="contentinfo">
      <div class="wrap footer-row">
        <div class="brand" aria-label="安骏速运">
          <span>安骏 Super Express</span>
        </div>
        <p>© 2026 Anjun Super Express. 保留所有权利。</p>
        <p>电子签名具有法律效力 — MP 2.200-2/2001 和第 14.063/2020 号法律</p>
        <p>
          <a
            class="beian"
            href="http://beian.miit.gov.cn"
            target="_blank"
            rel="noopener noreferrer"
          >ICP备19143526号</a>
        </p>
      </div>
    </footer>
  </body>
</html>
