<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>邮箱验证码</title>
</head>
<body style="margin: 0; padding: 0; font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; background-color: #f4f4f4;">
<div style="background-color: rgb(236, 236, 236); padding: 35px;">
<table cellpadding="0" align="center" style="width: 600px; margin: 0 auto; text-align: left; border-radius: 5px; font-size: 14px; line-height: 1.5; border-collapse: collapse; background: rgb(255, 255, 255);">
<tbody>
<tr>
<th valign="middle" style="height: 25px; line-height: 25px; padding: 15px 35px; border-bottom: 1px solid rgb(66, 163, 211); background-color: rgb(73, 188, 255); border-radius: 5px 5px 0 0;">
<font face="微软雅黑" size="5" style="color: rgb(255, 255, 255);">叫我阿胖 - 邮箱验证</font>
</th>
</tr>
<tr>
<td>
<div style="padding: 25px 35px 40px; background-color: rgb(255, 255, 255);">
<h2 style="margin: 5px 0; color: #333333; line-height: 20px;">
<font size="4" style="line-height: 22px;">你好!</font>
</h2>
<p style="color: #333; margin: 15px 0; font-size: 14px;">
感谢您注册叫我阿胖!为了确保您的邮箱地址有效,请使用以下验证码完成邮箱验证:
</p>
<!-- 验证码区域 -->
<div style="margin: 30px 0; text-align: center; padding: 25px; background-color: #f8f9fa; border-radius: 8px; border: 2px dashed #42a3d3;">
<p style="margin: 0 0 10px 0; color: #666; font-size: 16px; font-weight: bold;">您的验证码是:</p>
<div style="display: inline-block; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 30px; border-radius: 6px; font-size: 28px; font-weight: bold; letter-spacing: 6px; font-family: 'Courier New', monospace; box-shadow: 0 4px 12px rgba(0,0,0,0.15);">
{{VerifyCode}}
</div>
<p style="margin: 15px 0 0 0; color: #888; font-size: 12px;">验证码有效期:10分钟</p>
</div>
<!-- 使用说明 -->
<div style="background-color: #fff8e1; border-left: 4px solid #ffc107; padding: 15px; margin: 20px 0; border-radius: 4px;">
<h3 style="margin: 0 0 10px 0; color: #f57c00; font-size: 16px;">
<span style="margin-right: 8px;">⚠️</span>使用说明:
</h3>
<ul style="margin: 0; padding-left: 20px; color: #5d4037;">
<li style="margin-bottom: 5px;">请在10分钟内完成验证,过期后需重新获取</li>
<li style="margin-bottom: 5px;">验证码区分大小写,请准确输入</li>
<li style="margin-bottom: 5px;">如果您没有进行此操作,请忽略此邮件</li>
</ul>
</div>
<!-- 安全提醒 -->
<div style="background-color: #ffebee; border-left: 4px solid #f44336; padding: 15px; margin: 20px 0; border-radius: 4px;">
<h3 style="margin: 0 0 10px 0; color: #c62828; font-size: 16px;">
<span style="margin-right: 8px;">🔒</span>安全提醒:
</h3>
<p style="margin: 0; color: #5d4037; font-size: 13px;">
请勿将验证码透露给他人。叫我阿胖工作人员不会向您索要验证码。
</p>
</div>
<!-- 联系信息 -->
<div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;">
<p style="color: #666; font-size: 13px; margin: 5px 0;">
如有疑问,请联系我们:
<a href="mailto:support@dpangzi.com" style="color: #42a3d3; text-decoration: none;">support@dpangzi.com</a>
</p>
<p style="color: #666; font-size: 13px; margin: 5px 0;">
访问官网:
<a href="https://core.dpangzi.com" target="_blank" style="color: #42a3d3; text-decoration: none;">https://core.dpangzi.com</a>
</p>
</div>
<!-- 版权信息 -->
<p align="right" style="margin-top: 30px;">
<a href="https://core.dpangzi.com" target="_blank" style="color: #42a3d3; text-decoration: none; font-weight: bold;">© 叫我阿胖</a>
</p>
<p align="right" style="color: #999; font-size: 12px; margin: 5px 0;">{{SendTime}}</p>
<!-- 底部说明 -->
<div style="width: 700px; margin: 0 auto;">
<div style="padding: 10px 10px 0; border-top: 1px solid rgb(204, 204, 204); color: rgb(116, 116, 116); margin-bottom: 20px; line-height: 1.3em; font-size: 12px;">
<p style="margin: 0;">此为系统邮件,请勿回复</p>
<p style="margin: 5px 0 0 0;">© {{CurrentYear}} 叫我阿胖 版权所有</p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>