style(mail): apply tutorial design to default email templates

This commit is contained in:
hellcat 2026-10-09 18:46:25 +08:00
parent cd117604a3
commit 208536e1cb
5 changed files with 122 additions and 80 deletions

View File

@ -5,32 +5,41 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>邮箱登录</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;padding:40px 20px;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="max-width:560px;width:100%;">
<!-- Logo -->
<tr><td style="padding-bottom:24px;text-align:center;">
<span style="font-size:20px;font-weight:700;color:#18181b;">{{$name}}</span>
<body style="margin:0;padding:0;background-color:#f1f5fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f5fb" style="background-color:#f1f5fb;">
<tr><td align="center" style="padding:28px 16px;">
<!--[if mso]><table role="presentation" border="0" width="600" align="center" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;table-layout:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<!-- Brand header: solid color and real text remain useful with images disabled. -->
<tr><td bgcolor="#142542" style="background-color:#142542;border-radius:18px;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:20px;line-height:28px;font-weight:700;color:#ffffff;word-break:break-word;overflow-wrap:anywhere;">{{$name}}</td></tr>
<tr><td style="padding-top:6px;font-size:13px;line-height:21px;color:#becde2;">账户与服务通知</td></tr>
</table>
</td></tr>
<!-- Card -->
<tr><td style="background:#ffffff;border-radius:12px;border:1px solid #e4e4e7;padding:40px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="font-size:22px;font-weight:700;color:#18181b;padding-bottom:8px;">登录确认</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:28px;">点击下方按钮登录到 {{$name}},链接有效期 5 分钟。如非本人操作,请忽略此邮件。</td></tr>
<tr><td height="18" style="height:18px;font-size:0;line-height:0;">&nbsp;</td></tr>
<!-- Content card; square corners are an acceptable fallback in classic Outlook. -->
<tr><td bgcolor="#ffffff" style="background-color:#ffffff;border-radius:18px;border:1px solid #e1e8f2;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:26px;line-height:34px;font-weight:700;color:#17253f;padding-bottom:12px;">登录确认</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:28px;">点击下方按钮登录到 {{$name}},链接有效期 5 分钟。如非本人操作,请忽略此邮件。</td></tr>
<tr><td align="center" style="padding-bottom:28px;">
<a href="{{$link}}" style="display:inline-block;background:#18181b;color:#ffffff;font-size:14px;font-weight:600;text-decoration:none;padding:14px 36px;border-radius:8px;">确认登录</a>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td align="center" bgcolor="#3278e9" style="background-color:#3278e9;border-radius:8px;">
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{$link}}" style="height:48px;v-text-anchor:middle;width:200px;" arcsize="16%" stroke="f" fillcolor="#3278e9"><w:anchorlock/><center style="color:#ffffff;font-family:'Microsoft YaHei',Arial,sans-serif;font-size:15px;font-weight:bold;">确认登录</center></v:roundrect><![endif]-->
<!--[if !mso]><!--><a href="{{$link}}" style="display:inline-block;width:200px;line-height:48px;background-color:#3278e9;color:#ffffff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;">确认登录</a><!--<![endif]-->
</td></tr></table>
</td></tr>
<tr><td style="font-size:13px;color:#a1a1aa;line-height:1.5;">如果按钮无法点击,请复制以下链接到浏览器中打开:</td></tr>
<tr><td style="font-size:13px;color:#71717a;line-height:1.5;word-break:break-all;padding-top:8px;">{{$link}}</td></tr>
<tr><td style="font-size:13px;color:#6a7b93;line-height:1.5;">如果按钮无法点击,请复制以下链接到浏览器中打开:</td></tr>
<tr><td style="font-size:13px;color:#6a7b93;line-height:1.5;word-break:break-all;overflow-wrap:anywhere;padding-top:8px;">{{$link}}</td></tr>
</table>
</td></tr>
<!-- Footer -->
<tr><td style="padding-top:24px;text-align:center;">
<a href="{{$url}}" style="font-size:13px;color:#a1a1aa;text-decoration:none;">{{$url}}</a>
<p style="font-size:12px;color:#d4d4d8;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
<a href="{{$url}}" style="font-size:13px;line-height:21px;color:#236bd3;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;">{{$url}}</a>
<p style="font-size:12px;color:#6a7b93;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>

View File

@ -5,30 +5,39 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网站通知</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;padding:40px 20px;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="max-width:560px;width:100%;">
<!-- Logo -->
<tr><td style="padding-bottom:24px;text-align:center;">
<span style="font-size:20px;font-weight:700;color:#18181b;">{{$name}}</span>
<body style="margin:0;padding:0;background-color:#f1f5fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f5fb" style="background-color:#f1f5fb;">
<tr><td align="center" style="padding:28px 16px;">
<!--[if mso]><table role="presentation" border="0" width="600" align="center" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;table-layout:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<!-- Brand header: solid color and real text remain useful with images disabled. -->
<tr><td bgcolor="#142542" style="background-color:#142542;border-radius:18px;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:20px;line-height:28px;font-weight:700;color:#ffffff;word-break:break-word;overflow-wrap:anywhere;">{{$name}}</td></tr>
<tr><td style="padding-top:6px;font-size:13px;line-height:21px;color:#becde2;">账户与服务通知</td></tr>
</table>
</td></tr>
<!-- Card -->
<tr><td style="background:#ffffff;border-radius:12px;border:1px solid #e4e4e7;padding:40px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="font-size:22px;font-weight:700;color:#18181b;padding-bottom:8px;">网站通知</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:28px;">{!! nl2br($content) !!}</td></tr>
<tr><td height="18" style="height:18px;font-size:0;line-height:0;">&nbsp;</td></tr>
<!-- Content card; square corners are an acceptable fallback in classic Outlook. -->
<tr><td bgcolor="#ffffff" style="background-color:#ffffff;border-radius:18px;border:1px solid #e1e8f2;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:26px;line-height:34px;font-weight:700;color:#17253f;padding-bottom:12px;">网站通知</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:28px;word-break:break-word;word-wrap:break-word;overflow-wrap:anywhere;">{!! nl2br($content) !!}</td></tr>
<tr><td align="center">
<a href="{{$url}}" style="display:inline-block;background:#18181b;color:#ffffff;font-size:14px;font-weight:600;text-decoration:none;padding:12px 28px;border-radius:8px;">前往查看</a>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td align="center" bgcolor="#3278e9" style="background-color:#3278e9;border-radius:8px;">
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{$url}}" style="height:48px;v-text-anchor:middle;width:200px;" arcsize="16%" stroke="f" fillcolor="#3278e9"><w:anchorlock/><center style="color:#ffffff;font-family:'Microsoft YaHei',Arial,sans-serif;font-size:15px;font-weight:bold;">前往查看</center></v:roundrect><![endif]-->
<!--[if !mso]><!--><a href="{{$url}}" style="display:inline-block;width:200px;line-height:48px;background-color:#3278e9;color:#ffffff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;">前往查看</a><!--<![endif]-->
</td></tr></table>
</td></tr>
</table>
</td></tr>
<!-- Footer -->
<tr><td style="padding-top:24px;text-align:center;">
<a href="{{$url}}" style="font-size:13px;color:#a1a1aa;text-decoration:none;">{{$url}}</a>
<p style="font-size:12px;color:#d4d4d8;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
<a href="{{$url}}" style="font-size:13px;line-height:21px;color:#236bd3;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;">{{$url}}</a>
<p style="font-size:12px;color:#6a7b93;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>

View File

@ -5,31 +5,40 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>到期提醒</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;padding:40px 20px;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="max-width:560px;width:100%;">
<!-- Logo -->
<tr><td style="padding-bottom:24px;text-align:center;">
<span style="font-size:20px;font-weight:700;color:#18181b;">{{$name}}</span>
<body style="margin:0;padding:0;background-color:#f1f5fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f5fb" style="background-color:#f1f5fb;">
<tr><td align="center" style="padding:28px 16px;">
<!--[if mso]><table role="presentation" border="0" width="600" align="center" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;table-layout:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<!-- Brand header: solid color and real text remain useful with images disabled. -->
<tr><td bgcolor="#142542" style="background-color:#142542;border-radius:18px;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:20px;line-height:28px;font-weight:700;color:#ffffff;word-break:break-word;overflow-wrap:anywhere;">{{$name}}</td></tr>
<tr><td style="padding-top:6px;font-size:13px;line-height:21px;color:#becde2;">账户与服务通知</td></tr>
</table>
</td></tr>
<!-- Card -->
<tr><td style="background:#ffffff;border-radius:12px;border:1px solid #e4e4e7;padding:40px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="font-size:22px;font-weight:700;color:#18181b;padding-bottom:8px;">订阅即将到期</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:12px;">您的订阅服务将在 <strong style="color:#18181b;">24 小时</strong>内到期。</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:28px;">为避免服务中断,请及时续费。如您已完成续费,请忽略此提醒。</td></tr>
<tr><td height="18" style="height:18px;font-size:0;line-height:0;">&nbsp;</td></tr>
<!-- Content card; square corners are an acceptable fallback in classic Outlook. -->
<tr><td bgcolor="#ffffff" style="background-color:#ffffff;border-radius:18px;border:1px solid #e1e8f2;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:26px;line-height:34px;font-weight:700;color:#17253f;padding-bottom:12px;">订阅即将到期</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:12px;">您的订阅服务将在 <strong style="color:#17253f;">24 小时</strong>内到期。</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:28px;">为避免服务中断,请及时续费。如您已完成续费,请忽略此提醒。</td></tr>
<tr><td align="center">
<a href="{{$url}}" style="display:inline-block;background:#18181b;color:#ffffff;font-size:14px;font-weight:600;text-decoration:none;padding:12px 28px;border-radius:8px;">立即续费</a>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td align="center" bgcolor="#3278e9" style="background-color:#3278e9;border-radius:8px;">
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{$url}}" style="height:48px;v-text-anchor:middle;width:200px;" arcsize="16%" stroke="f" fillcolor="#3278e9"><w:anchorlock/><center style="color:#ffffff;font-family:'Microsoft YaHei',Arial,sans-serif;font-size:15px;font-weight:bold;">立即续费</center></v:roundrect><![endif]-->
<!--[if !mso]><!--><a href="{{$url}}" style="display:inline-block;width:200px;line-height:48px;background-color:#3278e9;color:#ffffff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;">立即续费</a><!--<![endif]-->
</td></tr></table>
</td></tr>
</table>
</td></tr>
<!-- Footer -->
<tr><td style="padding-top:24px;text-align:center;">
<a href="{{$url}}" style="font-size:13px;color:#a1a1aa;text-decoration:none;">{{$url}}</a>
<p style="font-size:12px;color:#d4d4d8;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
<a href="{{$url}}" style="font-size:13px;line-height:21px;color:#236bd3;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;">{{$url}}</a>
<p style="font-size:12px;color:#6a7b93;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>

View File

@ -5,31 +5,40 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>流量提醒</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;padding:40px 20px;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="max-width:560px;width:100%;">
<!-- Logo -->
<tr><td style="padding-bottom:24px;text-align:center;">
<span style="font-size:20px;font-weight:700;color:#18181b;">{{$name}}</span>
<body style="margin:0;padding:0;background-color:#f1f5fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f5fb" style="background-color:#f1f5fb;">
<tr><td align="center" style="padding:28px 16px;">
<!--[if mso]><table role="presentation" border="0" width="600" align="center" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;table-layout:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<!-- Brand header: solid color and real text remain useful with images disabled. -->
<tr><td bgcolor="#142542" style="background-color:#142542;border-radius:18px;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:20px;line-height:28px;font-weight:700;color:#ffffff;word-break:break-word;overflow-wrap:anywhere;">{{$name}}</td></tr>
<tr><td style="padding-top:6px;font-size:13px;line-height:21px;color:#becde2;">账户与服务通知</td></tr>
</table>
</td></tr>
<!-- Card -->
<tr><td style="background:#ffffff;border-radius:12px;border:1px solid #e4e4e7;padding:40px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="font-size:22px;font-weight:700;color:#18181b;padding-bottom:8px;">流量使用提醒</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:12px;">您本月的套餐流量已使用 <strong style="color:#18181b;">80%</strong>。</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.7;padding-bottom:28px;">请合理安排使用,避免提前耗尽。如需更多流量,可前往面板升级套餐。</td></tr>
<tr><td height="18" style="height:18px;font-size:0;line-height:0;">&nbsp;</td></tr>
<!-- Content card; square corners are an acceptable fallback in classic Outlook. -->
<tr><td bgcolor="#ffffff" style="background-color:#ffffff;border-radius:18px;border:1px solid #e1e8f2;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:26px;line-height:34px;font-weight:700;color:#17253f;padding-bottom:12px;">流量使用提醒</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:12px;">您本月的套餐流量已使用 <strong style="color:#17253f;">80%</strong>。</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.7;padding-bottom:28px;">请合理安排使用,避免提前耗尽。如需更多流量,可前往面板升级套餐。</td></tr>
<tr><td align="center">
<a href="{{$url}}" style="display:inline-block;background:#18181b;color:#ffffff;font-size:14px;font-weight:600;text-decoration:none;padding:12px 28px;border-radius:8px;">查看用量</a>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td align="center" bgcolor="#3278e9" style="background-color:#3278e9;border-radius:8px;">
<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{$url}}" style="height:48px;v-text-anchor:middle;width:200px;" arcsize="16%" stroke="f" fillcolor="#3278e9"><w:anchorlock/><center style="color:#ffffff;font-family:'Microsoft YaHei',Arial,sans-serif;font-size:15px;font-weight:bold;">查看用量</center></v:roundrect><![endif]-->
<!--[if !mso]><!--><a href="{{$url}}" style="display:inline-block;width:200px;line-height:48px;background-color:#3278e9;color:#ffffff;font-size:15px;font-weight:600;text-align:center;text-decoration:none;border-radius:8px;">查看用量</a><!--<![endif]-->
</td></tr></table>
</td></tr>
</table>
</td></tr>
<!-- Footer -->
<tr><td style="padding-top:24px;text-align:center;">
<a href="{{$url}}" style="font-size:13px;color:#a1a1aa;text-decoration:none;">{{$url}}</a>
<p style="font-size:12px;color:#d4d4d8;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
<a href="{{$url}}" style="font-size:13px;line-height:21px;color:#236bd3;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;">{{$url}}</a>
<p style="font-size:12px;color:#6a7b93;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>

View File

@ -5,31 +5,37 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>邮箱验证码</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;">
<table width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;padding:40px 20px;">
<tr><td align="center">
<table width="560" cellpadding="0" cellspacing="0" style="max-width:560px;width:100%;">
<!-- Logo -->
<tr><td style="padding-bottom:24px;text-align:center;">
<span style="font-size:20px;font-weight:700;color:#18181b;">{{$name}}</span>
<body style="margin:0;padding:0;background-color:#f1f5fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f5fb" style="background-color:#f1f5fb;">
<tr><td align="center" style="padding:28px 16px;">
<!--[if mso]><table role="presentation" border="0" width="600" align="center" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="max-width:600px;width:100%;table-layout:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',Arial,sans-serif;">
<!-- Brand header: solid color and real text remain useful with images disabled. -->
<tr><td bgcolor="#142542" style="background-color:#142542;border-radius:18px;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:20px;line-height:28px;font-weight:700;color:#ffffff;word-break:break-word;overflow-wrap:anywhere;">{{$name}}</td></tr>
<tr><td style="padding-top:6px;font-size:13px;line-height:21px;color:#becde2;">账户与服务通知</td></tr>
</table>
</td></tr>
<!-- Card -->
<tr><td style="background:#ffffff;border-radius:12px;border:1px solid #e4e4e7;padding:40px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td style="font-size:22px;font-weight:700;color:#18181b;padding-bottom:8px;">邮箱验证码</td></tr>
<tr><td style="font-size:15px;color:#52525b;line-height:1.6;padding-bottom:28px;">请使用以下验证码完成验证,有效期 5 分钟。如非本人操作,请忽略此邮件。</td></tr>
<tr><td height="18" style="height:18px;font-size:0;line-height:0;">&nbsp;</td></tr>
<!-- Content card; square corners are an acceptable fallback in classic Outlook. -->
<tr><td bgcolor="#ffffff" style="background-color:#ffffff;border-radius:18px;border:1px solid #e1e8f2;padding:28px 24px;">
<table role="presentation" border="0" width="100%" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr><td style="font-size:26px;line-height:34px;font-weight:700;color:#17253f;padding-bottom:12px;">邮箱验证码</td></tr>
<tr><td style="font-size:15px;color:#3a567c;line-height:1.6;padding-bottom:28px;">请使用以下验证码完成验证,有效期 5 分钟。如非本人操作,请忽略此邮件。</td></tr>
<tr><td align="center" style="padding-bottom:28px;">
<div style="display:inline-block;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;padding:16px 40px;font-size:32px;font-weight:700;letter-spacing:6px;color:#18181b;font-family:'Courier New',Courier,monospace;">{{$code}}</div>
<div style="display:inline-block;background:#eef5ff;border:1px solid #e1e8f2;border-radius:8px;padding:16px 20px;font-size:32px;font-weight:700;letter-spacing:4px;color:#17253f;font-family:'Courier New',Courier,monospace;">{{$code}}</div>
</td></tr>
<tr><td style="font-size:13px;color:#a1a1aa;line-height:1.5;">如果您没有请求此验证码,无需进行任何操作。</td></tr>
<tr><td style="font-size:13px;color:#6a7b93;line-height:1.5;">如果您没有请求此验证码,无需进行任何操作。</td></tr>
</table>
</td></tr>
<!-- Footer -->
<tr><td style="padding-top:24px;text-align:center;">
<a href="{{$url}}" style="font-size:13px;color:#a1a1aa;text-decoration:none;">{{$url}}</a>
<p style="font-size:12px;color:#d4d4d8;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
<a href="{{$url}}" style="font-size:13px;line-height:21px;color:#236bd3;text-decoration:none;word-break:break-all;overflow-wrap:anywhere;">{{$url}}</a>
<p style="font-size:12px;color:#6a7b93;margin:8px 0 0;">此邮件由系统自动发送,请勿直接回复。</p>
</td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>