style(ui): 优化话题列表界面样式

- 为话题列表头部添加 z-index 层级控制
- 调整话题列表头部间距和内边距
- 设置话题列表数据项颜色、字体大小和粗细
- 将话题列表数据项设为大写字母并添加背景透明效果
- 为默认话题列表项添加圆角边框
- 重新定位批量选择控件位置并更新样式
- 更新批量选择按钮的圆角样式
- 新增自定义背景图片和容器样式
- 为主题卡片渐变背景替换为线性渐变效果
- 调整主题卡片悬停状态下的背景色和阴影效果
- 为主题卡片添加左侧边框高亮效果
- 移除废弃的主题卡片相关样式代码

scss/desktop-horizon-fixes.scss

@@ -3,6 +3,7 @@
   .topic-list-header {
     position: relative;
     top: 0;
+    z-index: 2;
   }
 
   .topic-author-avatar-data {
@@ -28,18 +29,29 @@
 }
 
 .topic-list-header {
+  position: relative;
+  margin-bottom: 0.35rem;
+
   tr {
     border: none;
   }
 
   .topic-list-data {
-    padding: 0;
+    padding: 0.25rem 0;
+    color: var(--primary-600);
+    font-size: var(--font-down-2);
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    background: transparent;
 
     &:not(.default) {
       display: none;
     }
 
     &.default {
+      border-radius: var(--d-border-radius);
+
       .bulk-select,
       span:not(.bulk-select-topics, .d-button-label) {
         display: none;
@@ -50,16 +62,22 @@
   // bulk select
   .bulk-select-topics {
     position: absolute;
-    right: 0;
-    background: var(--secondary);
-    border-radius: 0 0 0 var(--d-border-radius);
+    right: 0.25rem;
+    top: 50%;
+    transform: translateY(-50%);
+    background: color-mix(in srgb, var(--d-content-background) 88%, white 12%);
+    border: 1px solid var(--primary-200);
+    border-radius: 999px;
+    box-shadow: 0 6px 18px -12px rgb(10 18 35 / 35%);
     display: flex;
     gap: 0.5rem;
-    margin: 0.5rem;
+    margin: 0;
+    padding: 0.25rem;
 
     button {
       white-space: nowrap;
       margin: 0;
+      border-radius: 999px;
     }
   }
 }