fix(settings): 工作台浮层 - 修复离开设置页后菜单背景丢失 (#555)

Original-Commit: 7edc171f36aa77b19d998ffd83d168b5d9169287
fix(settings): 工作台浮层 - 修复离开设置页后菜单背景丢失

Removed useLayoutEffect for body class management.

Original-Commit: 3b555144cc079b403ad36a6df02be5e7ad8c19b9
Update pending-test.mdx with workspace overlay styles

Added new section on workspace overlay styles after exiting settings page, including tasks for removing duplicate overlays and fixing navigation issues.

docs/content/docs/progress/pending-test.mdx

@@ -11,6 +11,12 @@ description: 当前项目已实现功能的手工验证清单与未确认边界
 - [x] `tool_failed` / `tool_completed` 增加稳定的 retry group、次数、上限及 retrying/recovered/exhausted 状态；前端按 group 折叠中间失败，使用中性折叠记录，恢复后保留成功结果，耗尽后仅最终运行错误报红。
 - [ ] 待真实 Agent 页面验收：空白画布连续提交缺少 `type`、非法文档连线和过期快照时，中间重试不出现红色错误；成功纠正后只看到折叠记录与真实画布结果；三次失败后才显示最终错误。覆盖自动执行/逐次审批、明暗主题、SSE 断线重放和刷新恢复；确认不会重复创建节点或收费任务。
 
+## 设置页退出后的工作台浮层样式
+
+- [x] 移除设置页对 `app-user-overlays` 的重复添加和清理，由 UserLayout 统一管理。此前离开设置页会清掉父布局仍需使用的样式标记，使画布菜单等 body 浮层失去表面颜色变量。
+- [x] 修复已在部署预览版验证：从设置页返回画布列表后，菜单背景和圆角保持正常；深浅主题的卡片操作菜单及浅色排序菜单验证通过。
+- [ ] 上游集成后复核设置页与其他工作台页面之间的导航。
+
 ## 多模态列表与分镜表合并回归
 
 - [x] 合入 PR #549 的图片 / 视频列表分析、动态表格、视频脚本转换和批量生成设置；参考图上限前后端统一为 10。保留本地主分支表格布局、参考图提及、删除列、结果定位、手工行增量同步及单行重新生成。

web/src/pages/settings/index.tsx

@@ -1,7 +1,7 @@
 import { App, Button, InputNumber } from "antd";
 import { SettingsRow } from "@/components/ui/product/settings-row";
 import { ArrowLeft, Boxes, Brain, Bug, Cloud, MessageSquareText, RadioTower, SlidersHorizontal, Workflow } from "lucide-react";
-import { useEffect, useLayoutEffect, useMemo, useState, type ReactNode } from "react";
+import { useEffect, useMemo, useState, type ReactNode } from "react";
 import { useNavigate, useSearchParams } from "react-router";
 
 import { UserOSSSettingsForm } from "@/components/layout/user-oss-settings-form";
@@ -56,11 +56,6 @@ export default function SettingsPage() {
 
     const isVisibleConfigSection = (value: string | null): value is ConfigSectionKey => isConfigSection(value) && visibleConfigSections.some((section) => section.key === value);
 
-    useLayoutEffect(() => {
-        document.body.classList.add("app-user-overlays");
-        return () => document.body.classList.remove("app-user-overlays");
-    }, []);
-
     useEffect(() => {
         if (isVisibleConfigSection(requestedSection)) {
             setActiveTab(requestedSection);