feat(layout): 重构布局并添加新功能

- 重新调整了全局样式，增加了重置样式和容器样式优化
- 设计并实现了新的悬浮迷你菜单
- 更新了主内容区的样式，使其扩展到全视窗
- 在首页添加了背景切换功能和新的标题样式
- 优化了操作指南的布局和样式

src/app/globals.css

@@ -112,6 +112,40 @@
   --sidebar-ring: oklch(0.551 0.027 264.364);
 }
 
+/* 全局样式重置 */
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+/* 容器样式优化 */
+.container {
+  width: 100%;
+  max-width: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* 滚动条样式优化 */
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #e5e7eb;
+  border-radius: 4px;
+}
+
+/* 动画过渡效果 */
+.transition-all {
+  transition: all 0.2s ease;
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;