<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;">{{ headline }}</h1>
      <div style="margin-top: 20px; white-space: pre-wrap;">{{ body }}</div>
      {% if manageUrl or unsubscribeUrl %}
        <div style="margin-top: 24px; display: flex; flex-wrap: wrap; gap: 12px;">
          {% if manageUrl %}
            <a href="{{ manageUrl }}" style="display: inline-block; padding: 10px 16px; border-radius: 9999px; background: #0f172a; color: #ffffff; text-decoration: none;">管理订阅</a>
          {% endif %}
          {% if unsubscribeUrl %}
            <a href="{{ unsubscribeUrl }}" style="display: inline-block; padding: 10px 16px; border-radius: 9999px; border: 1px solid #cbd5e1; color: #334155; text-decoration: none;">取消订阅</a>
          {% endif %}
        </div>
      {% endif %}
      <p style="margin-top: 28px; font-size: 13px; color: #64748b;">
        来自 {{ siteName }} · <a href="{{ siteUrl }}">{{ siteUrl }}</a>
      </p>
    </div>
  </body>
</html>
