style(topic-cards): 更新话题卡片悬停样式

- 移除旧的背景渐变效果，改用 --active_color 变量 - 简化阴影效果，从双层阴影改为单层阴影 - 添加左侧边框以增强视觉效果 - 移除悬停时的垂直位移变换效果
2026-02-20 21:48:19 +08:00
parent ff29cd0652
commit 10639d6ddf
1 changed files with 3 additions and 5 deletions
@@ -204,11 +204,9 @@

  &:hover {
    .discourse-no-touch & {
-      background: oklch(from var(--d-content-background) calc(l * 1.03) calc(c * 0.75) h);
-      box-shadow:
-        0 16px 34px -18px rgb(10 18 35 / 45%),
-        0 8px 20px -10px var(--topic-card-shadow);
-      transform: translateY(-2px);
+      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 #0007;
    }
  }