From ddf40963aa60d0ca645fd9324048b7a4b5759e92 Mon Sep 17 00:00:00 2001
From: shiran <2488252513@qq.com>
Date: Fri, 20 Feb 2026 13:11:43 +0800
Subject: [PATCH] =?UTF-8?q?style(topic-cards):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F=E5=92=8C=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将过渡属性从特定属性改为 all 以简化动画效果
- 移除复杂的径向渐变背景和遮罩组合效果
- 添加列表容器的基础样式定义
- 为列表容器添加半透明白色背景层
---
 scss/topic-cards.scss | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/scss/topic-cards.scss b/scss/topic-cards.scss
index 1bf62d3..3302a12 100644
--- a/scss/topic-cards.scss
+++ b/scss/topic-cards.scss
@@ -84,8 +84,7 @@
   border-radius: var(--d-border-radius);
   cursor: pointer;
   transition:
-    box-shadow 0.2s ease,
-    transform 0.2s ease;
+    all 0.2s ease;
 
   &::before {
     content: "";
@@ -93,21 +92,6 @@
     inset: 0;
     border-radius: inherit;
     padding: 1px;
-    background:
-      radial-gradient(
-        120% 90% at 0% 0%,
-        oklch(from var(--accent-color) calc(l * 1.12) calc(c * 0.55) h / 0.5),
-        transparent 55%
-      ),
-      radial-gradient(
-        120% 90% at 100% 100%,
-        oklch(from var(--accent-color) calc(l * 1.05) calc(c * 0.45) h / 0.35),
-        transparent 58%
-      );
-    -webkit-mask:
-      linear-gradient(#000 0 0) content-box,
-      linear-gradient(#000 0 0);
-    -webkit-mask-composite: xor;
     mask-composite: exclude;
     pointer-events: none;
   }
@@ -780,3 +764,20 @@ body.user-messages-page {
   display: inline-flex;
   position: relative;
 }
+
+.container.list-container{
+  position: relative;
+}
+
+.container.list-container::before{
+  position: absolute;
+  content: "";
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  background-color: #fff9;
+}