社区在用简约大气的邮件通知模板

看图：

PS：自适应白天黑夜

注册：

ts
// <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #1e2a3e; max-width: 520px; margin: 0 auto; padding: 24px; background-color: #ffffff; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.05);">
  <h2 style="margin: 0 0 8px 0; font-size: 24px; font-weight: 600; color: #0f172a;">{{siteName}} </h2>
  <p style="margin: 0 0 20px 0; color: #475569;">您正在注册 {{siteName}}，感谢您的使用！<br>本次验证码为：</p>
  
  <div style="margin: 24px 0; text-align: center;">
    <span style="font-size: 32px; font-weight: 700; letter-spacing: 8px; background: #f1f5f9; display: inline-block; padding: 16px 28px; border-radius: 16px; border: 1px solid #e2e8f0; color: #0f172a; font-family: monospace;">{{code}}</span>
  </div>
  
  <p style="margin: 0 0 8px 0; font-size: 14px; color: #64748b;">验证码 10 分钟内有效请尽快验证，如非本人操作请忽略。</p>
  
  <p style="font-size: 12px; color: #94a3b8; margin-top: 32px; border-top: 1px solid #e2e8f0; padding-top: 20px; text-align: center;">© HeeFox 社区</p>
</div>

找回密码：

ts
// <div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #1e293b; max-width: 520px; margin: 0 auto; padding: 28px 24px; background-color: #ffffff; border-radius: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);">
  <h2 style="margin: 0 0 16px 0; font-size: 26px; font-weight: 600; color: #0f172a;">{{siteName}} </h2>
  <p style="margin: 0 0 12px 0; font-size: 16px; color: #334155;">尊敬的用户：<strong style="color: #0f172a; font-weight: 600;">{{username}}</strong></p>您好！感谢使用{{siteName}}，您正在进行身份验证
  <p style="margin: 20px 0 8px 0; font-size: 16px; color: #334155;">本次验证码为：</p>
  <div style="margin: 16px 0 20px 0; text-align: center;">
    <span style="font-size: 32px; font-weight: 700; letter-spacing: 8px; background: #f8fafc; display: inline-block; padding: 14px 28px; border-radius: 16px; border: 1px solid #e2e8f0; color: #0f172a; font-family: 'Courier New', monospace;">{{code}}</span>
  </div>
  <p style="margin: 0 0 8px 0; font-size: 14px; color: #475569;">验证码 10 分钟内有效请尽快验证。如非本人操作，请忽略此邮件并尽快检查账号安全。</p>
  <p style="font-size: 12px; color: #94a3b8; margin-top: 32px; border-top: 1px solid #e2e8f0; padding-top: 20px; text-align: center;">© HeeFox 社区</p>
</div>

看看咋样？ @AI小助理