From 011f638d808341024ee4574ed4c81a804f4f7e08 Mon Sep 17 00:00:00 2001
From: sikongyue <3155157671@qq.com>
Date: Thu, 20 Aug 2026 00:13:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web):=20=E5=B7=A5=E4=BD=9C=E5=8C=BA?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=20-=20=E5=9C=86=E8=A7=92=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E6=88=90=E4=B8=BA=E5=B7=A5=E4=BD=9C=E5=8F=B0=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=EF=BC=8C=E9=A1=B6=E6=A0=8F=E9=99=8D=E9=AB=98=E8=B0=83=E6=B7=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 删除 is-spatial 连体覆盖，所有工作台页面（默认 is-spatial）走 base 圆角卡片规则：侧边栏/主区悬浮大圆角卡片 + 留白\n- 新增 :not(.is-spatial) 保护：画布编辑器与运营后台保持全屏连体\n- 顶部工具条降高至 48px，边框由 9% 调淡至 5%，阴影弱化
---
 web/src/styles/globals.css | 76 ++++++++------------------------------
 1 file changed, 15 insertions(+), 61 deletions(-)

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index adddc75ab..226159b7b 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -918,15 +918,6 @@
         --workspace-accent-soft: rgba(255, 255, 255, 0.08);
     }
 
-    .app-workspace-shell.is-spatial {
-        position: relative;
-        gap: 0;
-        padding: 0;
-    }
-
-    .app-workspace-shell.is-spatial .app-workspace-main-row {
-        gap: 0;
-    }
 
     .app-workspace-sidebar-scrim {
         position: absolute;
@@ -937,20 +928,6 @@
         backdrop-filter: blur(2px);
     }
 
-    .app-workspace-shell.is-spatial .app-workspace-sidebar {
-        width: var(--workspace-sidebar-width, 260px) !important;
-        border: 0;
-        border-right: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
-        border-radius: 0;
-        background: var(--workspace-sidebar);
-        box-shadow: none;
-        backdrop-filter: none;
-        -webkit-backdrop-filter: none;
-    }
-
-    .dark .app-workspace-shell.is-spatial .app-workspace-sidebar {
-        box-shadow: none;
-    }
 
     /* 侧栏导航子项展开引导线：替代每组子项自行维护的分割线 */
     .app-workspace-nav-guide-line {
@@ -1087,12 +1064,6 @@
     }
 
 
-    .app-workspace-shell.is-spatial .app-workspace-stage {
-        border: 0;
-        border-radius: 0;
-        box-shadow: none;
-        background: var(--workspace-content);
-    }
 
     /* 工作区保留滚轮与触控板滚动，只隐藏会形成额外竖向分割的浏览器轨道。 */
     .app-spatial-workspace .app-workspace-scroll {
@@ -1182,14 +1153,6 @@
     }
 
     @media (max-width: 639px) {
-        .app-workspace-shell.is-spatial {
-            gap: 0;
-            padding: 0;
-        }
-
-        .app-workspace-shell.is-spatial .app-workspace-stage {
-            border-radius: 0;
-        }
 
         /* 窄屏下侧栏常驻，收缩到图标主轨，避免遮挡主内容 */
         .app-workspace-shell.is-spatial .app-workspace-sidebar.is-collapsed {
@@ -1229,6 +1192,17 @@
         background: var(--workspace-page);
     }
 
+    /* 画布编辑器与运营后台（hideChrome 契约）：保持全屏连体，不套圆角卡片 */
+    .app-workspace-shell:not(.is-spatial) {
+        padding: 0;
+    }
+
+    .app-workspace-shell:not(.is-spatial) .app-workspace-stage {
+        border: 0;
+        border-radius: 0;
+        box-shadow: none;
+    }
+
     .app-workspace-sidebar {
         width: var(--workspace-sidebar-width, 260px);
         border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
@@ -1252,14 +1226,6 @@
         box-shadow: none;
     }
 
-    .app-workspace-shell.is-spatial .app-workspace-sidebar {
-        border-right: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
-    }
-
-    .app-workspace-shell.is-spatial .app-workspace-sidebar.is-collapsed {
-        width: 0 !important;
-        border-right: 0;
-    }
 
     .app-workspace-sidebar .app-workspace-sidebar-scroll-area {
         scrollbar-width: none;
@@ -1368,13 +1334,13 @@
     .app-workspace-topbar {
         position: relative;
         z-index: var(--z-toolbar);
-        height: var(--page-topbar-h);
+        height: 48px;
         margin: 10px 12px;
-        border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
+        border: 1px solid color-mix(in srgb, var(--foreground) 5%, transparent);
         border-radius: var(--r-lg);
         background: var(--workspace-surface-strong);
         box-shadow:
-            0 8px 24px color-mix(in srgb, var(--foreground) 8%, transparent),
+            0 6px 18px color-mix(in srgb, var(--foreground) 6%, transparent),
             inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
         backdrop-filter: none;
         -webkit-backdrop-filter: none;
@@ -1382,7 +1348,7 @@
 
     .dark .app-workspace-topbar {
         box-shadow:
-            0 8px 24px rgba(0, 0, 0, 0.45),
+            0 6px 18px rgba(0, 0, 0, 0.4),
             inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
     }
 
@@ -3257,18 +3223,6 @@
         .creation-user-message { max-width: 82%; }
     }
 
-    @media (min-width: 1024px) {
-        .app-workspace-shell.is-spatial {
-            gap: 0;
-            padding: 0;
-            background: var(--workspace-canvas);
-        }
-
-        .app-workspace-shell.is-spatial .app-workspace-stage {
-            border-radius: 0;
-            background: transparent;
-        }
-    }
 
     @media (max-width: 800px) {
         .creation-new-button {