<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>系统通知</title>
</head>
<body style="margin: 0; padding: 20px; font-family: Helvetica, Arial, sans-serif; background: #f6f8fa;">
    {{ site_name }}
<table width="100%" style="max-width: 600px; margin: 0 auto; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
    <!-- Content Area -->
    <tr>
        <td style="padding: 40px 30px;">
            <div style="font-size: 15px; line-height: 1.6; color: #333;">
                {{ message|safe }}
            </div>
        </td>
    </tr>

    <!-- Minimal Footer -->
    <tr>
        <td style="padding: 20px 30px; background: #f8f9fa; border-top: 1px solid #eaecef;">
            <div style="text-align: center; font-size: 12px; color: #6c757d;">
                <p style="margin: 0;">系统自动发送，请勿直接回复</p>
            </div>
        </td>
    </tr>
</table>
</body>
</html>
