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

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

scss/main.scss

@@ -2,9 +2,8 @@
 
 :root {
   --main-grid-gap: 0.5em;
-  --dream-glow-a: oklch(from var(--accent-color) calc(l * 1.08) calc(c * 0.45) h / 0.18);
-  --dream-glow-b: oklch(from var(--accent-color) calc(l * 1.2) calc(c * 0.35) calc(h + 26deg) / 0.14);
-  --dream-glow-c: oklch(from var(--accent-color) calc(l * 0.95) calc(c * 0.4) calc(h - 20deg) / 0.12);
+  --dream-glow-a: rgb(var(--tertiary-rgb) / 0.24);
+  --dream-glow-b: rgb(var(--tertiary-rgb) / 0.18);
 }
 
 html:not(:has(.has-full-page-chat)) {
@@ -31,7 +30,7 @@ body:not(.has-full-page-chat, .wizard)::after {
   width: min(42vw, 32rem);
   aspect-ratio: 1 / 1;
   border-radius: 999px;
-  filter: blur(48px);
+  filter: blur(56px);
   pointer-events: none;
   z-index: 0;
 }
@@ -39,14 +38,14 @@ body:not(.has-full-page-chat, .wizard)::after {
 body:not(.has-full-page-chat, .wizard)::before {
   top: 5rem;
   left: -8rem;
-  background: radial-gradient(circle at 30% 30%, var(--dream-glow-a), transparent 65%);
+  background: radial-gradient(circle at 30% 30%, var(--dream-glow-a), transparent 62%);
   animation: dreamy-float-a 18s ease-in-out infinite alternate;
 }
 
 body:not(.has-full-page-chat, .wizard)::after {
   right: -6rem;
   bottom: 2rem;
-  background: radial-gradient(circle at 65% 35%, var(--dream-glow-b), transparent 62%);
+  background: radial-gradient(circle at 65% 35%, var(--dream-glow-b), transparent 58%);
   animation: dreamy-float-b 22s ease-in-out infinite alternate;
 }