style(topic-cards): 更新主题卡片样式以使用新的颜色变量和阴影效果

- 将背景渐变从 --d-sidebar-active-background 替换为 --active-color
- 更新悬停状态的背景色为 --active-color
- 修改盒阴影语法以提高兼容性
- 调整悬停状态的边框颜色透明度
- 简化了阴影效果的数值表示方式

scss/topic-cards.scss

@@ -68,10 +68,8 @@
 
 .topic-list-body .topic-list-item {
   position: relative;
-  background: linear-gradient(45deg, var(--d-sidebar-active-background), #ffffff63);
-  box-shadow:
-          0 10px 30px -18px rgb(10 18 35 / 38%),
-          0 6px 16px -10px var(--topic-card-shadow);
+  background: linear-gradient(45deg, var(--active-color), rgb(255 255 255 / 25%));
+  box-shadow: 4px 4px 6px 0px rgba(10, 18, 35, .38), 0 6px 16px -10px var(--topic-card-shadow);
   text-overflow: ellipsis;
   padding: var(--space-3);
   border: none;
@@ -155,9 +153,9 @@
 
   &:hover {
     .discourse-no-touch & {
-      background: var(--d-sidebar-active-background);
-      box-shadow: 4px 5px 3px 1px #0003, 0 8px 20px -10px var(--topic-card-shadow);
-      border-left: 5px solid #0008;
+      background: var(--active-color);
+      box-shadow: 4px 5px 3px 1px rgba(0, 0, 0, .2), 0 8px 20px -10px var(--topic-card-shadow);
+      border-left: 5px solid #0006;
     }
   }