<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>新订单通知</title>
</head>
<body style="font-family: 'Arial', sans-serif; background-color: #1a1a1a; margin: 0; padding: 20px; color: #e0e0e0;">
<div style="max-width: 600px; margin: 0 auto; background-color: #2c2c2c; border: 1px solid #333; border-radius: 8px; padding: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);">
<div style="text-align: center; margin-bottom: 20px;">
<img src="http://payphp.cn/wp-content/uploads/2024/11/desktop-dark.png" alt="Logo" style="width: 30%; height: auto;">
</div>
<h2 style="font-size: 22px; color: #00bcd4; margin-bottom: 20px; font-weight: bold;">【[sitename]】新订单通知</h2>
<p style="font-size: 16px; color: #e0e0e0; margin-bottom: 10px;">尊敬的 <strong style="color: #00bcd4;">[username]</strong> 用户,您好!</p>
<p style="font-size: 16px; color: #e0e0e0; margin-bottom: 20px;">您的新订单情况如下:</p>
<div style="background-color: #212121; padding: 15px; border-radius: 8px; margin-bottom: 20px;">
<table style="width: 100%; font-size: 15px; color: #e0e0e0;">
<tr>
<td style="padding: 8px 0; border-bottom: 1px solid #333;">订单号</td>
<td style="padding: 8px 0; border-bottom: 1px solid #333; text-align: right;"><strong>[out_trade_no]</strong></td>
</tr>
<tr>
<td style="padding: 8px 0; border-bottom: 1px solid #333;">支付通道</td>
<td style="padding: 8px 0; border-bottom: 1px solid #333; text-align: right;"><strong>[c_type]</strong></td>
</tr>
<tr>
<td style="padding: 8px 0; border-bottom: 1px solid #333;">商品名称</td>
<td style="padding: 8px 0; border-bottom: 1px solid #333; text-align: right;"><strong>[name]</strong></td>
</tr>
<tr>
<td style="padding: 8px 0; border-bottom: 1px solid #333;">订单金额</td>
<td style="padding: 8px 0; border-bottom: 1px solid #333; text-align: right;"><strong>[price]</strong></td>
</tr>
<tr>
<td style="padding: 8px 0;">支付时间</td>
<td style="padding: 8px 0; text-align: right;"><strong>[date]</strong></td>
</tr>
</table>
</div>
<a href="#" style="display: block; background: linear-gradient(to right, #0066ff, #00bcd4); color: white; padding: 12px 0; border-radius: 4px; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; width: 100%; box-sizing: border-box; box-shadow: 0 4px 8px rgba(0, 188, 212, 0.4); transition: background 0.3s ease;">
前往商户中心
</a>
<p style="font-size: 14px; color: #666; margin-top: 30px; line-height: 1.6;">温馨提示:<br>若您想关闭新订单通知可以进入商户中心一账户设置一通知设置,关闭新订单通知。</p>
<p style="font-size: 14px; color: #666; margin-top: 20px;">此致<br><strong style="color: #00bcd4;">[sitename]</strong></p>
<p style="font-size: 12px; color: #888; margin-top: 30px; text-align: center;">此为系统邮件,请勿回复。</p>
<p style="font-size: 12px; color: #888; margin-top: 10px; text-align: center;">Copyright © 2024 [sitename] All rights reserved</p>
</div>
</body>
</html>