style(theme): 更新主题样式和视觉效果

- 替换梦幻光效变量为基于三级颜色的新配色方案
- 调整模糊滤镜强度从48px增加到56px
- 修改径向渐变透明度值以优化视觉层次
- 在列表容器中添加隔离层以改善渲染性能
- 更新话题卡片背景渐变使用RGB颜色变量
- 调整阴影效果和透明度以增强深度感
- 优化选中状态边框颜色使用三级颜色变量
- 添加悬停状态变换效果提升交互体验

scss/self.scss

@@ -11,6 +11,7 @@
 
 .container.list-container{
   position: relative;
+  isolation: isolate;
 }
 
 .container.list-container::before{
@@ -22,14 +23,26 @@
   bottom: 0;
   width: 100%;
   height: 100%;
-  background-color: #fff9;
+  background:
+    linear-gradient(
+      180deg,
+      rgb(var(--secondary-rgb) / 0.46) 0%,
+      rgb(var(--secondary-rgb) / 0.34) 100%
+    );
   border-radius: var(--d-border-radius);
-  backdrop-filter: blur(10px);
-  box-shadow: #00000077 0 0 19px 0;
+  backdrop-filter: blur(8px);
+  box-shadow: rgb(0 0 0 / 28%) 0 10px 26px -16px;
+  pointer-events: none;
+  z-index: 0;
+}
+
+.container.list-container > * {
+  position: relative;
+  z-index: 1;
 }
 
 .topic-list-header{
-  background-color: unset;
+  background-color: transparent;
 }
 .list-controls, .search-container{
   border-radius: var(--d-border-radius);
@@ -41,13 +54,13 @@
 }
 
 #list-area{
-  background-color: unset !important;
+  background-color: transparent;
 }
 
 .regular.ember-view{
-  background-color: #ffffffa8 !important;
+  background-color: rgb(var(--secondary-rgb) / 0.58);
   border-radius: var(--d-border-radius);
-  backdrop-filter: blur(16px);
-  box-shadow: #00000077 0 0 19px 0;
+  backdrop-filter: blur(10px);
+  box-shadow: rgb(0 0 0 / 24%) 0 10px 24px -14px;
   padding: 24px;
 }