曦涵猫猫
曦涵猫猫
发布于 2025-07-25 / 30 阅读
0
0

本Blog的邮件模板

作者:hanxi-cat <master@next-cat.com

许可:MIT

因为Halo的主题没有办法改很多底层的东西,所有放在这里

依赖的插件:

  • 友链自助提交(/links):https://www.halo.run/store/apps/app-glejqzwk

  • 瞬间(/moments):https://halo.run/store/apps/app-SnwWD

  • 自定义邮件模板: https://www.halo.run/store/apps/app-rnPdE

预览

我发布的瞬间收到新评论 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 50%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">新评论通知</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人评论了您的瞬间</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            
            <!-- 评论通知卡片 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
                <tr>
                    <td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
                        <h3 style="margin: 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
                            <span style="margin-right: 8px;">👤</span>
                            <span th:text="|${commenter} 评论了您的瞬间|">用户名 评论了您的瞬间</span>
                        </h3>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 0; background-color: #ffffff;">
                        <!-- 瞬间内容预览 -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="padding: 20px; border-bottom: 1px solid #f7fafc;">
                                    <p style="margin: 0 0 12px 0; color: #64748b; font-size: 14px; font-weight: 500;">📝 您的瞬间内容:</p>
                                    <div style="background-color: #f8fafc; padding: 16px; border-radius: 8px; border-left: 4px solid #3b82f6;">
                                        <a th:href="${momentUrl}" target="_blank" style="display: block; font-style: italic; color: #4a5568; text-decoration: none; font-size: 15px; line-height: 1.5;" th:utext="${momentHtmlContent}">
                                            这是您的瞬间内容预览...
                                        </a>
                                    </div>
                                </td>
                            </tr>
                            
                            <!-- 评论内容 -->
                            <tr>
                                <td style="padding: 20px;">
                                    <p style="margin: 0 0 12px 0; color: #64748b; font-size: 14px; font-weight: 500;">💭 评论内容:</p>
                                    <div style="background-color: #fefce8; padding: 20px; border-radius: 8px; border-left: 4px solid #eab308; position: relative;">
                                        <!-- 评论气泡装饰 -->
                                        <div style="position: absolute; top: -8px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eab308;"></div>
                                        <pre style="margin: 0; font-family: 'Segoe UI', Tahoma, Arial, sans-serif; color: #78350f; font-size: 15px; line-height: 1.6; white-space: pre-wrap; word-wrap: break-word;" th:text="${content}">这是评论的具体内容,可能包含多行文字和各种表情符号。</pre>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 查看按钮 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);">
                                    <a th:href="${momentUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
                                        👀 查看完整瞬间
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 互动提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #f0f9ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
                        <p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
                            💡 您可以点击上方按钮查看完整内容并回复评论,与您的朋友们互动!
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 社交提醒 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #fefce8; border-radius: 8px; border: 1px solid #facc15;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #a16207; font-weight: 600;">🌟 保持活跃</p>
                        <p style="margin: 0; font-size: 13px; color: #ca8a04; line-height: 1.5;">
                            与朋友们的互动让瞬间更有意义<br>
                            快去回复评论,分享您的想法吧!
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved.  | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

友链自助提交审核通知 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 (动态颜色) -->
    <tr>
        <td th:style="|height: 4px; background: linear-gradient(90deg, ${through ? '#10b981' : '#ef4444'} 0%, ${through ? '#059669' : '#dc2626'} 50%, ${through ? '#10b981' : '#ef4444'} 100%); border-radius: 12px 12px 0 0;|" style="height: 4px; background: linear-gradient(90deg, #10b981 0%, #059669 50%, #10b981 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 (动态背景) -->
    <tr>
        <td th:style="|background: linear-gradient(135deg, ${through ? '#10b981' : '#ef4444'} 0%, ${through ? '#059669' : '#dc2626'} 100%); padding: 40px 30px; text-align: center;|" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);" th:text="${through ? '审核通过' : '审核未通过'}">审核通过</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;" th:text="${through ? '恭喜您的申请已通过审核' : '很抱歉您的申请未能通过审核'}">恭喜您的申请已通过审核</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            
            <p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;" th:text="${through ? '您的申请已经通过我们的审核,感谢您的提交!' : '经过仔细审核,您的申请暂时未能通过,请查看详细说明:'}">您的申请已经通过我们的审核,感谢您的提交!</p>
            
            <!-- 审核结果卡片 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
                <tr>
                    <td th:style="|background: linear-gradient(135deg, ${through ? '#ecfdf5' : '#fef2f2'} 0%, ${through ? '#d1fae5' : '#fecaca'} 100%); padding: 30px; text-align: center;|" style="background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); padding: 30px; text-align: center;">
                        <!-- 结果图标 -->
                        <div th:style="|width: 80px; height: 80px; background-color: ${through ? '#10b981' : '#ef4444'}; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px ${through ? 'rgba(16, 185, 129, 0.3)' : 'rgba(239, 68, 68, 0.3)'};|" style="width: 80px; height: 80px; background-color: #10b981; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);">
                            <span th:text="${through ? '🎉' : '😔'}" style="font-size: 40px; color: white;">🎉</span>
                        </div>
                        
                        <h2 style="margin: 0 0 16px 0; font-size: 24px; font-weight: 600;" th:style="|color: ${through ? '#065f46' : '#991b1b'};|" th:text="${through ? '审核通过!' : '审核未通过'}">审核通过!</h2>
                        
                        <p style="margin: 0; font-size: 18px; line-height: 1.5; font-weight: 500;" th:style="|color: ${through ? '#047857' : '#b91c1c'};|" th:text="|您的链接${through ? '已通过审核' : '已拒绝'}。|">您的链接已通过审核。</p>
                    </td>
                </tr>
            </table>
            
            <!-- 审核描述 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #f8fafc; padding: 20px; border-left: 4px solid #64748b;">
                        <h3 style="margin: 0 0 12px 0; color: #1e293b; font-size: 16px; font-weight: 600;">
                            📝 审核说明
                        </h3>
                        <p style="margin: 0; color: #475569; font-size: 15px; line-height: 1.6;" th:text="${reviewDescription}">您的申请内容符合我们的要求,质量很好,欢迎加入我们的平台!</p>
                    </td>
                </tr>
            </table>
            
            <!-- 通过时的后续步骤 -->
            <div th:if="${through}">
                <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                    <tr>
                        <td style="background-color: #ecfdf5; padding: 16px 20px; border-left: 4px solid #10b981;">
                            <p style="margin: 0; color: #065f46; font-size: 14px; font-weight: 500;">
                                🎊 Wlcome to Blog World
                            </p>
                        </td>
                    </tr>
                </table>
            </div>
            
            <!-- 拒绝时的改进建议 -->
            <div th:unless="${through}">
                <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                    <tr>
                        <td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
                            <p style="margin: 0; color: #991b1b; font-size: 14px; font-weight: 500;">
                                💡 您可以根据审核说明进行调整后重新申请。我们期待您的再次提交!
                            </p>
                        </td>
                    </tr>
                </table>
            </div>
            --
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">感谢您选择我们的平台</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved.  | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

友链自助提交成功通知 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #f59e0b 0%, #d97706 50%, #f59e0b 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">申请已收到</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">您的申请正在审核中</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            
            <p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
                感谢您提交的申请!我们已经收到您的申请信息,目前正在进行审核。
            </p>
            
            <!-- 状态卡片 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #fde68a;">
                <tr>
                    <td style="background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%); padding: 30px; text-align: center;">
                        <!-- 状态图标 -->
                        <div style="width: 80px; height: 80px; background-color: #f59e0b; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);">
                            <span style="font-size: 40px; color: white;">📋</span>
                        </div>
                        
                        <h2 style="margin: 0 0 16px 0; color: #92400e; font-size: 24px; font-weight: 600;">等待审核中</h2>
                        
                        <p style="margin: 0; color: #b45309; font-size: 16px; line-height: 1.5;">
                            我们的团队正在仔细审核您的申请<br>
                            请耐心等待审核结果
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 审核流程 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 32px 0;">
                <tr>
                    <td style="background-color: #f8fafc; padding: 24px; border-radius: 8px; border: 1px solid #e2e8f0;">
                        <h3 style="margin: 0 0 20px 0; color: #1a202c; font-size: 16px; font-weight: 600; text-align: center;">
                            📊 审核流程
                        </h3>
                        
                        <!-- 流程步骤 -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="text-align: center; padding: 10px; width: 25%;">
                                    <div style="width: 40px; height: 40px; background-color: #10b981; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: white; font-weight: bold;">✓</div>
                                    <p style="margin: 0; font-size: 12px; color: #10b981; font-weight: 500;">提交申请</p>
                                </td>
                                <td style="text-align: center; padding: 10px; width: 25%;">
                                    <div style="width: 40px; height: 40px; background-color: #f59e0b; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: white; font-weight: bold;">2</div>
                                    <p style="margin: 0; font-size: 12px; color: #f59e0b; font-weight: 500;">正在审核</p>
                                </td>
                                <td style="text-align: center; padding: 10px; width: 25%;">
                                    <div style="width: 40px; height: 40px; background-color: #e5e7eb; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: #9ca3af; font-weight: bold;">3</div>
                                    <p style="margin: 0; font-size: 12px; color: #9ca3af; font-weight: 500;">审核结果</p>
                                </td>
                                <td style="text-align: center; padding: 10px; width: 25%;">
                                    <div style="width: 40px; height: 40px; background-color: #e5e7eb; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: #9ca3af; font-weight: bold;">4</div>
                                    <p style="margin: 0; font-size: 12px; color: #9ca3af; font-weight: 500;">完成</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 预计时间提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #eff6ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
                        <p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
                            ⏰ 预计审核时间:1-3 个工作日,我们会在审核完成后第一时间通知您。
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 注意事项 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
                        <p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
                            • 审核期间请保持联系方式畅通<br>
                            • 如有疑问可随时联系我们的客服<br>
                            • 审核结果将通过邮件通知您
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">感谢您的耐心等待</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

友链自助提交通知管理员 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #8b5cf6 0%, #a855f7 50%, #8b5cf6 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">友链申请审核</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">新的友链申请等待您的审核</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">管理员 你好!</p>
            
            <p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
                收到了一个新的友链申请,请查看以下详细信息并进行审核:
            </p>
            
            <!-- 博客信息卡片 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
                <tr>
                    <td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
                        <h3 style="margin: 0 0 16px 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
                            <span style="margin-right: 8px;">🌐</span> 博客详细信息
                        </h3>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 24px 20px; background-color: #ffffff;">
                        <!-- 博客信息列表 -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <!-- 博客名称 -->
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📖 友链名称:</td>
                                            <td style="color: #1e293b; font-size: 15px; font-weight: 600;" th:text="${displayName}">示例页面</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            
                            <!-- 博客链接 -->
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🔗 链接:</td>
                                            <td style="color: #3b82f6; font-size: 14px; word-break: break-all;">
                                                <a th:href="${url}" style="color: #3b82f6; text-decoration: none;" th:text="${url}">https://example.com</a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            
                            <!-- 博客描述 -->
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📝 友链描述:</td>
                                            <td style="color: #1e293b; font-size: 14px; line-height: 1.5;" th:text="${description}">这是一个关于技术分享的博客...</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            
                            <!-- 联系邮箱 -->
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📧 联系邮箱:</td>
                                            <td style="color: #3b82f6; font-size: 14px; font-family: 'Courier New', Monaco, monospace;">
                                                <a th:href="|mailto:${email}|" style="color: #3b82f6; text-decoration: none;" th:text="${email}">example@email.com</a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            
                            <!-- Logo -->
                            <tr>
                                <td style="padding: 12px 0;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🎨 Logo链接:</td>
                                            <td style="color: #3b82f6; font-size: 14px; word-break: break-all;">
                                                <a th:href="${logo}" style="color: #3b82f6; text-decoration: none;" th:text="${logo}" target="_blank">https://example.com/logo.png</a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 审核按钮 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.3);">
                                    <a th:href="${reviewUrl}" href="#" target="_blank" rel="noopener noreferrer" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
                                        🔍 前往审核
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 审核提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #f0f9ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
                        <p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
                            💡 审核提醒:请仔细检查友链内容质量、链接有效性以及是否符合平台规范。
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 操作指南 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #fefce8; border-radius: 8px; border: 1px solid #fde047;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #ca8a04; font-weight: 600;">⚡ 审核指南</p>
                        <p style="margin: 0; font-size: 13px; color: #a16207; line-height: 1.5;">
                            • 检查链接是否可正常访问<br>
                            • 验证内容是否原创且有价值<br>
                            • 确认联系方式真实有效
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Blog Platform. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

新设备登录 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #10b981 0%, #059669 50%, #10b981 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">登录通知</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">账户安全提醒</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            
            <p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;" th:text="|我们检测到您的 ${site.title} 账户在新设备上登录。为了您的账户安全,特此通知:|">我们检测到您的账户在新设备上登录。为了您的账户安全,特此通知:</p>
            
            <!-- 登录信息卡片 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
                <tr>
                    <td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
                        <h3 style="margin: 0 0 16px 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
                            <span style="margin-right: 8px;">📱</span> 登录详情
                        </h3>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 24px 20px; background-color: #ffffff;">
                        <!-- 设备信息 -->
                        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 20px;">
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 100px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🖥️ 设备:</td>
                                            <td style="color: #1e293b; font-size: 14px; font-weight: 600;" th:text="|${os} - ${browser}|">Windows 10 - Chrome</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td style="width: 100px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">⏰ 时间:</td>
                                            <td style="color: #1e293b; font-size: 14px; font-weight: 600;" th:text="${loginTime}">2025-01-20 15:30:45</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 安全确认 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #ecfdf5; padding: 16px 20px; border-left: 4px solid #10b981;">
                        <p style="margin: 0; color: #065f46; font-size: 14px; font-weight: 500;">
                            ✅ 如果这是您本人的登录操作,可以安全地忽略此邮件。
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 安全警告 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
                        <p style="margin: 0 0 12px 0; color: #991b1b; font-size: 14px; font-weight: 600;">⚠️ 如果您并未进行此次登录:</p>
                        <p style="margin: 0; color: #991b1b; font-size: 14px; line-height: 1.5;" th:text="|请立即更改您的 ${site.title} 账户密码,并检查账户是否有异常活动。建议启用两步验证以增强安全性。|">请立即更改您的账户密码,并检查账户是否有异常活动。建议启用两步验证以增强安全性。</p>
                    </td>
                </tr>
            </table>
            
            <!-- 安全建议 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0f9ff; border-radius: 8px; border: 1px solid #e0f2fe;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #0369a1; font-weight: 600;">🛡️ 安全提示</p>
                        <p style="margin: 0; font-size: 13px; color: #0284c7; line-height: 1.5;">
                            • 定期更换密码,使用强密码组合<br>
                            • 不要在公共网络上登录敏感账户<br>
                            • 启用两步验证保护您的账户安全
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;" th:text="|© 2025 ${site.title}. All rights reserved.|">© 2025 Your Company. All rights reserved.</p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

根据邮件地址重置密码 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
    <!-- 装饰性顶部条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #ff6b6b 0%, #ee5a24 50%, #ff6b6b 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">密码重置</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">重置您的账户密码</p>
        </td>
    </tr>
    
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${username} 你好!|">亲爱的用户 你好!</p>
            
            <p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
                我们收到了您的密码重置请求。如果这是您本人的操作,请点击下面的按钮来重置您的密码:
            </p>
            
            <!-- 重置按钮容器 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(255, 107, 107, 0.3);">
                                    <a th:href="${link}" href="#" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
                                        🔒 重置密码
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            
            <!-- 链接备份 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #f8fafc; padding: 20px; border: 1px dashed #cbd5e1;">
                        <p style="margin: 0 0 12px 0; font-size: 14px; color: #4a5568; font-weight: 500;">如果按钮无法点击,请复制以下链接到浏览器地址栏:</p>
                        <p style="margin: 0; word-break: break-all; font-size: 13px; color: #667eea; font-family: 'Courier New', Monaco, monospace; padding: 8px; background-color: #ffffff; border-radius: 4px; border: 1px solid #e2e8f0;" th:text="${link}">https://example.com/reset-password?token=xxxxx</p>
                    </td>
                </tr>
            </table>
            
            <!-- 有效期提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #fef3c7; padding: 16px 20px; border-left: 4px solid #f59e0b;">
                        <p style="margin: 0; color: #92400e; font-size: 14px; font-weight: 500;" th:text="|⏰ 重置链接有效期为 ${expirationAtMinutes} 分钟,请及时完成操作|"></p>
                    </td>
                </tr>
            </table>
            
            <!-- 安全提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-radius: 8px; overflow: hidden;">
                <tr>
                    <td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
                        <p style="margin: 0; color: #991b1b; font-size: 14px; font-weight: 500;">
                            🛡️ 安全提醒:如果您没有请求重置密码,请忽略此邮件。为保护账户安全,请勿将此链接分享给他人。
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- 额外安全建议 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0f9ff; border-radius: 8px; border: 1px solid #e0f2fe;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #0369a1; font-weight: 600;">💡 安全建议</p>
                        <p style="margin: 0; font-size: 13px; color: #0284c7; line-height: 1.5;">
                            设置强密码:包含大小写字母、数字和特殊符号<br>
                            定期更换密码,避免在多个网站使用相同密码
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">
                © 2025 Your Company. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <!-- 装饰性底部图标 -->
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

邮箱验证 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
    <!-- 顶部装饰条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">评论回复通知</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人回复了您的评论</p>
        </td>
    </tr>
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
                <tr>
                    <td style="background: #f8fafc; padding: 20px;">
                        <span style="color: #6366f1; font-weight: 600;" th:text="${replier}">回复者</span>
                        <span style="color: #4b5563;">在评论</span>
                        <a th:href="${commentSubjectUrl}" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 600;" th:text="|”${isQuoteReply ? quoteContent : commentContent}”|">“评论内容”</a>
                        <span style="color: #4b5563;">中回复了你,以下是回复的具体内容:</span>
                    </td>
                </tr>
                <tr>
                    <td style="background: #f3f4f6; padding: 24px;">
                        <div style="background: #eef2ff; border-left: 4px solid #6366f1; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
                            <pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">回复内容示例</pre>
                        </div>
                    </td>
                </tr>
            </table>
            <!-- 查看按钮 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);">
                                    <a th:href="${commentSubjectUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
                                        👀 查看详情
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- 温馨提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
                        <p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
                            快去回复评论,与朋友们互动吧!<br>
                            如有疑问可随时联系我们的客服
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

有人回复了我 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
    <!-- 顶部装饰条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">评论回复通知</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人回复了您的评论</p>
        </td>
    </tr>
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
                <tr>
                    <td style="background: #f8fafc; padding: 20px;">
                        <span style="color: #6366f1; font-weight: 600;" th:text="${replier}">回复者</span>
                        <span style="color: #4b5563;">在评论</span>
                        <a th:href="${commentSubjectUrl}" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 600;" th:text="|”${isQuoteReply ? quoteContent : commentContent}”|">“评论内容”</a>
                        <span style="color: #4b5563;">中回复了你,以下是回复的具体内容:</span>
                    </td>
                </tr>
                <tr>
                    <td style="background: #f3f4f6; padding: 24px;">
                        <div style="background: #eef2ff; border-left: 4px solid #6366f1; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
                            <pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">回复内容示例</pre>
                        </div>
                    </td>
                </tr>
            </table>
            <!-- 查看按钮 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);">
                                    <a th:href="${commentSubjectUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
                                        👀 查看详情
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- 温馨提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
                        <p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
                            快去回复评论,与朋友们互动吧!<br>
                            如有疑问可随时联系我们的客服
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>

我的自定义页面收到新评论 - 模板

<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #fff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
    <!-- 顶部装饰条 -->
    <tr>
        <td style="height: 4px; background: linear-gradient(90deg, #f43f5e 0%, #6366f1 100%); border-radius: 12px 12px 0 0;"></td>
    </tr>
    <!-- 头部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f43f5e 0%, #6366f1 100%); padding: 40px 30px; text-align: center;">
            <h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">文章评论通知</h1>
            <p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">您的文章收到了新评论</p>
        </td>
    </tr>
    <!-- 内容 -->
    <tr>
        <td style="padding: 40px 30px;">
            <p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
                <tr>
                    <td style="background: #f8fafc; padding: 20px;">
                        <span style="color: #f43f5e; font-weight: 600;" th:text="${commenter}">评论者</span>
                        <span style="color: #4b5563;">评论了你的文章</span>
                        <a th:href="${postUrl}" target="_blank" style="color: #6366f1; text-decoration: none; font-weight: 600;" th:text="|《${postTitle}》|">《文章标题》</a>
                        <span style="color: #4b5563;">,以下是评论的具体内容:</span>
                    </td>
                </tr>
                <tr>
                    <td style="background: #f3f4f6; padding: 24px;">
                        <div style="background: #fee2e2; border-left: 4px solid #f43f5e; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
                            <pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">评论内容示例</pre>
                        </div>
                    </td>
                </tr>
            </table>
            <!-- 查看按钮 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td align="center" style="padding: 32px 0;">
                        <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td style="background: linear-gradient(135deg, #f43f5e 0%, #6366f1 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(99, 102, 241, 0.15);">
                                    <a th:href="${postUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
                                        👀 查看文章
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
            <!-- 温馨提示 -->
            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
                <tr>
                    <td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
                        <p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
                        <p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
                            快去回复评论,与读者互动吧!<br>
                            如有疑问可随时联系我们的客服
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- 底部 -->
    <tr>
        <td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
            <p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
            <p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. | 
                <a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
            </p>
            <div style="margin-top: 12px;">
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
                <span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
            </div>
        </td>
    </tr>
</table>


评论