From 7c240b5f5d6b544b6e585cdd8d15a0a98b31acf7 Mon Sep 17 00:00:00 2001
From: Jerry <JerryTech.Y@outlook.com>
Date: Sun, 18 May 2025 09:42:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96html=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 constants/rss/rss_template.html | 109 +++++++++++++++++++++++++++-----
 1 file changed, 93 insertions(+), 16 deletions(-)
diff --git a/constants/rss/rss_template.html b/constants/rss/rss_template.html
index 3a9e753..9c5e822 100644
--- a/constants/rss/rss_template.html
+++ b/constants/rss/rss_template.html
@@ -2,36 +2,113 @@
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
+    <title>{{title}}</title>
     <style>
-        body {
+        html, body {
+            margin: 0;
+            padding: 0;
             font-family: "Helvetica Neue", sans-serif;
-            margin: 30px;
-            background: #f5f7fa;
-            color: #333;
+            color: #fff;
+            overflow-x: hidden;
         }
+
+        .background {
+            position: fixed;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            background-image: url('https://www.dmoe.cc/random.php');
+            background-size: cover;
+            background-position: center;
+            z-index: -2;
+            filter: blur(8px);
+        }
+
         .container {
-            background: white;
-            padding: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            position: relative;
             max-width: 760px;
-            margin: auto;
+            margin: 60px auto;
+            padding: 30px;
+            background: rgba(0, 0, 0, 0.4);
+            border-radius: 12px;
+            backdrop-filter: blur(18px);
+            -webkit-backdrop-filter: blur(18px);
+            box-shadow: 0 10px 25px rgba(0,0,0,0.4);
+            border: 1.5px solid rgba(76, 175, 80, 0.7); /* 绿色边框 */
+        }
+
+        h1 {
+            margin-top: 0;
+            font-size: 26px;
+            color: #fff;
+        }
+
+        .meta {
+            font-size: 14px;
+            color: #ccc;
+            margin-bottom: 15px;
+        }
+
+        .content {
+            font-size: 16px;
+            line-height: 1.7;
+            color: #eee;
+        }
+
+        .content img {
+            max-width: 100%;
+            border-radius: 8px;
+            margin-top: 10px;
+        }
+
+        .footer {
+            margin-top: 30px;
+            font-size: 14px;
+            color: #aaa;
+            text-align: right;
+        }
+
+        .footer a {
+            color: #4CAF50;
+            text-decoration: none;
+        }
+
+        .footer a:hover {
+            text-decoration: underline;
+        }
+
+        .bottom-credit {
+            text-align: center;
+            font-size: 15px;
+            color: rgb(94, 255, 0);
+            margin: 60px 20px 20px;
+        }
+
+        @media (max-width: 800px) {
+            .container {
+                margin: 40px 16px;
+                padding: 20px;
+            }
         }
-        h1 { margin: 0 0 10px; }
-        .meta { color: #666; font-size: 14px; margin-bottom: 15px; }
-        .content { font-size: 16px; line-height: 1.6; }
-        .footer { margin-top: 20px; font-size: 13px; color: #999; }
-        img { max-width: 100%; border-radius: 4px; }
     </style>
 </head>
 <body>
+<div class="background"></div>
+
 <div class="container">
     <h1>{{title}}</h1>
-    <div class="meta">作者：{{author}} | 时间：{{date}}</div>
-    <div class="content">{{content}}</div>
+    <div class="meta">作者：{{author}} | 发布于：{{date}}</div>
+    <div class="content">
+        {{content}}
+    </div>
     <div class="footer">
         来自 <a href="{{link}}" target="_blank">{{feedTitle}}</a>
     </div>
 </div>
+
+<div class="bottom-credit">
+    Created by crystelf-plugin
+</div>
 </body>
 </html>
