{{include "header.html"}}
{{include "nav.html"}}
<main class="mx-auto max-w-4xl px-4 py-10 lg:px-8">
  <section class="rounded-[2rem] border border-[var(--border)] bg-white p-6 shadow-sm md:p-10">
    <h1 class="text-3xl font-semibold">留言合作</h1>
    <p class="mt-4 text-sm leading-7 text-[var(--muted)]">填写采购需求、样品申请或零售咨询，我们会尽快回复。</p>
    <form class="mt-8 grid gap-4 md:grid-cols-2">
      <div><label class="mb-1 block text-sm font-medium">您的称呼 *</label><input name="nickname" required class="w-full rounded-2xl border border-[var(--border)] px-4 py-3"></div>
      <div><label class="mb-1 block text-sm font-medium">联系电话</label><input name="phone" class="w-full rounded-2xl border border-[var(--border)] px-4 py-3"></div>
      <div><label class="mb-1 block text-sm font-medium">邮箱</label><input name="email" class="w-full rounded-2xl border border-[var(--border)] px-4 py-3"></div>
      <div><label class="mb-1 block text-sm font-medium">合作类型</label><input name="ext" data-name="合作类型" class="w-full rounded-2xl border border-[var(--border)] px-4 py-3" placeholder="批发/样品/零售"></div>
      <div class="md:col-span-2"><label class="mb-1 block text-sm font-medium">留言内容 *</label><textarea name="message" rows="5" required class="w-full rounded-2xl border border-[var(--border)] px-4 py-3"></textarea></div>
      <div class="md:col-span-2"><button type="button" id="submit" class="rounded-full bg-[var(--primary)] px-6 py-3 text-sm font-semibold text-white">提交留言</button></div>
      <div id="form-message" class="hidden md:col-span-2 rounded-2xl px-4 py-3 text-sm"></div>
    </form>
  </section>
</main>
{{include "footer.html"}}
{{include "js.html"}}