feat(*): 用户工作台 - 统一黑白灰空间界面并整理画布入口

web/src/layouts/user-layout.tsx

@@ -1,11 +1,16 @@
 import type { ReactNode } from "react";
+import { useLocation } from "react-router";
 
 import { CanvasDeleteProjectsDialog } from "@/components/canvas/canvas-delete-projects-dialog";
 import { AppWorkspaceShell } from "@/components/layout/app-top-nav";
+import { cn } from "@/lib/utils";
+import { isSpatialWorkbenchPath } from "@/lib/workspace-routes";
 
 export default function UserLayout({ children }: { children: ReactNode }) {
+    const { pathname } = useLocation();
+    const spatialWorkbench = isSpatialWorkbenchPath(pathname);
     return (
-        <div className="app-user-workspace h-dvh overflow-hidden text-foreground">
+        <div className={cn("app-user-workspace h-dvh overflow-hidden text-foreground", spatialWorkbench && "app-spatial-workspace")}>
             <AppWorkspaceShell>{children}</AppWorkspaceShell>
             <CanvasDeleteProjectsDialog />
         </div>