From c9cebf0c1464bd3733b69863091e24afcc50ea72 Mon Sep 17 00:00:00 2001
From: nanhaoluo <3075912108@qq.com>
Date: Tue, 27 Jan 2026 23:49:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=BA=E6=89=80=E6=9C=89=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=B7=BB=E5=8A=A0=E6=AF=9B=E7=8E=BB=E7=92=83=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 .card 基础样式，添加 backdrop-filter 支持
- 使用 rgba 背景色配合 var(--card-opacity) 实现透明度控制
- 所有卡片（文章、评论、侧边栏等）现在都会应用毛玻璃模糊和饱和度效果
- 夜间模式下使用深色半透明背景
---
 style.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 7c564ba..0ab7bfb 100644
--- a/style.css
+++ b/style.css
@@ -15153,13 +15153,15 @@ html.darkmode body {
 
 /* 卡片悬浮效果增强 */
 .card {
-    border: 1px solid rgba(var(--themecolor-rgbstr), 0.06);
-    background-color: var(--color-foreground);
+	border: 1px solid rgba(var(--themecolor-rgbstr), 0.06);
+	background-color: rgba(255, 255, 255, var(--card-opacity));
+	-webkit-backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
+	backdrop-filter: blur(var(--card-blur)) saturate(var(--card-saturate));
 }
 
 html.darkmode .card {
-    border: 1px solid rgba(255, 255, 255, 0.05);
-    background-color: var(--color-foreground);
+	border: 1px solid rgba(255, 255, 255, 0.05);
+	background-color: rgba(66, 66, 66, var(--card-opacity));
 }
 
 /* 文章卡片优化 */