<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <title>Training Completion Certificate</title>
    <style>
      body { margin: 0; color: #1f2937; font-family: "Noto Sans CJK SC", "Microsoft YaHei", Arial, sans-serif; }
      .page { position: relative; width: 1123px; height: 794px; box-sizing: border-box; padding: 72px; border: 18px solid #c99a3b; }
      .title { margin-top: 18px; text-align: center; font-size: 52px; letter-spacing: 8px; font-weight: 700; }
      .subtitle { margin-top: 14px; text-align: center; font-size: 21px; color: #6b7280; }
      .content { margin-top: 72px; font-size: 28px; line-height: 2; }
      .name { display: inline-block; min-width: 180px; padding: 0 28px; border-bottom: 2px solid #111827; text-align: center; font-size: 36px; font-weight: 700; }
      .meta { margin-top: 54px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 32px; font-size: 20px; }
      .qr { position: absolute; right: 72px; bottom: 104px; width: 112px; height: 112px; object-fit: contain; }
      .disclaimer { position: absolute; left: 72px; right: 72px; bottom: 44px; font-size: 16px; line-height: 1.6; color: #6b7280; }
    </style>
  </head>
  <body>
    <div class="page">
      <div class="title">培训结业证书</div>
      <div class="subtitle">占位模板，正式 Logo、排版和公章后续替换</div>
      <div class="content">
        兹证明 <span class="name">{{ learner_name }}</span> 已完成 {{ project_name }} {{ course_name }} {{ stage_name }} 相关培训。
      </div>
      <div class="meta">
        <div>证书编号：{{ certificate_no }}</div>
        <div>发证日期：{{ issue_date }}</div>
      </div>
      {% if qr_code_data_url %}<img class="qr" src="{{ qr_code_data_url }}" alt="二维码" />{% endif %}
      <div class="disclaimer">
        本证书仅用于证明学员完成相关培训课程/阶段学习，不代表国家学历、学位、职业资格或职业技能等级认证。
      </div>
    </div>
  </body>
</html>
