<html>
  <body style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #0f172a; line-height: 1.7;">
    <div style="max-width: 640px; margin: 0 auto; padding: 24px;">
      <p style="font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #64748b;">{{ siteName }}</p>
      <h1 style="margin-top: 8px; font-size: 24px;">请确认你的订阅</h1>
      <p style="margin-top: 20px;">为了确认这是你本人提交的邮箱，请点击下面的确认按钮。</p>
      <p style="margin-top: 24px;">
        <a href="{{ confirmUrl }}" style="display: inline-block; padding: 12px 18px; border-radius: 9999px; background: #0f172a; color: #ffffff; text-decoration: none;">确认订阅</a>
      </p>
      <p style="margin-top: 20px; font-size: 14px; color: #475569; word-break: break-all;">
        如果按钮无法点击，请直接打开：<br />
        <a href="{{ confirmUrl }}">{{ confirmUrl }}</a>
      </p>
      {% if manageUrl %}
        <p style="margin-top: 20px; font-size: 14px; color: #475569;">
          确认完成后，你可以在这里管理偏好：<br />
          <a href="{{ manageUrl }}">{{ manageUrl }}</a>
        </p>
      {% endif %}
      <p style="margin-top: 28px; font-size: 13px; color: #64748b;">
        来自 {{ siteName }} · <a href="{{ siteUrl }}">{{ siteUrl }}</a>
      </p>
    </div>
  </body>
</html>
