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

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

scss/topic-cards.scss

@@ -68,7 +68,7 @@
 
 .topic-list-body .topic-list-item {
   position: relative;
-  background: var(--d-content-background);
+  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);
@@ -155,11 +155,10 @@
 
   &:hover {
     .discourse-no-touch & {
-      background: var(--d-content-background);
-      box-shadow:
-        0 16px 34px -18px rgb(10 18 35 / 52%),
-        0 8px 20px -10px var(--topic-card-shadow);
+      background: var(--d-sidebar-active-background);
+      box-shadow: 4px 5px 3px 1px #0003, 0 8px 20px -10px var(--topic-card-shadow);
       transform: translateY(-1px);
+      border-left: 5px solid var(--d-button-danger-icon-color);
     }
   }
 
@@ -764,33 +763,3 @@ body.user-messages-page {
   display: inline-flex;
   position: relative;
 }
-
-#main-outlet {
-  @if $home_bg_image != "" {
-    background-image: url($home_bg_image);
-    background-size: cover;
-    background-position: center;
-  }
-}
-
-.container.list-container{
-  position: relative;
-}
-
-.container.list-container::before{
-  position: absolute;
-  content: "";
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background-color: #fff9;
-  border-radius: var(--d-border-radius);
-  backdrop-filter: blur(10px);
-}
-
-#list-area{
-  background-color: unset !important;
-}