feat(ui): 更新背景粒子效果和路由视图布局

- 调整 RouterView 的包装 div 结构以支持 z-index 控制
- 为非暗黑模式下的 ParticlesBg 组件设置固定颜色值
- 修改 ParticlesBg 组件的层级样式确保其在背景中正确显示
- 在默认和暗黑模式下优化视图容器的相对定位与全屏尺寸
- 引入新的嵌套 div 结构来增强页面元素的层次管理

src/App.vue

@@ -336,19 +336,26 @@
                   star-color="#fff"
                   class="h-full"
               >
-                <RouterView class="h-full" />
+                <div class="relative z-10 h-full">
+                  <RouterView />
+                </div>
               </StarsBackground>
-              <div v-else class="h-full">
+
+              <div v-else class="relative h-full w-full overflow-hidden">
+                <div class="relative z-10 h-full">
+                  <RouterView />
+                </div>
+
                 <ParticlesBg
-                    class="absolute inset-0"
+                    class="absolute inset-0 z-0"
                     :quantity="100"
                     :ease="100"
-                    :color="isDark ? '#FFF' : '#000'"
+                    color="#000"
                     :staticity="10"
                     refresh
                 />
-                <RouterView class="h-full" />
               </div>
+
             </div>
           </Transition>
         </main>