From aaabedb2f41dc1f04bfaaf9fdf585870a0706367 Mon Sep 17 00:00:00 2001
From: sikongyue <3155157671@qq.com>
Date: Thu, 20 Aug 2026 00:43:18 +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=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E5=90=88=E5=B9=B6=E5=85=B1=E4=BA=AB=E8=A7=84=E5=88=99=E5=B9=B6?=
 =?UTF-8?q?=E5=87=8F=E7=BA=BF=E6=9D=A1=E6=84=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .app-workspace-sidebar 与 .app-workspace-stage 的边框/圆角/阴影规则（含 .dark 覆盖）合并为共享选择器，消除重复声明；深浅主题覆盖保持在折叠规则之前避免覆盖失效\n- 卡片边框由 foreground 9% 减淡至 7%（与 spatial 分隔线一致），移动端抽屉边框同步\n- 核查：工作区卡片无左侧竖杠（导航引导线/引用线均为内容层级）；NavItem 组件在导航与 footer 复用
---
 web/src/styles/globals.css | 33 +++++++++++++--------------------
 1 file changed, 13 insertions(+), 20 deletions(-)

diff --git a/web/src/styles/globals.css b/web/src/styles/globals.css
index a547f3e21..ad85e9318 100644
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -1183,7 +1183,7 @@
             z-index: 40;
             inset: 6px auto 6px 6px;
             width: min(264px, calc(100vw - 58px)) !important;
-            border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
+            border: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
             border-radius: var(--r-xl);
             box-shadow: 22px 0 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 color-mix(in srgb, white 7%, transparent);
         }
@@ -1210,23 +1210,29 @@
         box-shadow: none;
     }
 
-    .app-workspace-sidebar {
-        width: var(--workspace-sidebar-width, 260px);
-        border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
+    /* 工作区卡片（侧栏 / 主区）共享外观：边框、圆角、阴影（深浅主题对称） */
+    .app-workspace-sidebar,
+    .app-workspace-stage {
+        border: 1px solid color-mix(in srgb, var(--foreground) 7%, transparent);
         border-radius: var(--r-xl);
-        background: var(--workspace-sidebar);
         box-shadow:
             0 14px 44px color-mix(in srgb, var(--foreground) 12%, transparent),
             inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
-        transition: width var(--motion-state) var(--ease-aceternity), border-color var(--motion-instant) ease-out, box-shadow var(--motion-instant) ease-out;
     }
 
-    .dark .app-workspace-sidebar {
+    .dark .app-workspace-sidebar,
+    .dark .app-workspace-stage {
         box-shadow:
             0 14px 44px rgba(0, 0, 0, 0.45),
             inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
     }
 
+    .app-workspace-sidebar {
+        width: var(--workspace-sidebar-width, 260px);
+        background: var(--workspace-sidebar);
+        transition: width var(--motion-state) var(--ease-aceternity), border-color var(--motion-instant) ease-out, box-shadow var(--motion-instant) ease-out;
+    }
+
     .app-workspace-shell .app-workspace-sidebar.is-collapsed {
         width: 0 !important;
         border: 0;
@@ -1261,19 +1267,6 @@
         background: var(--workspace-content);
     }
 
-    .app-workspace-stage {
-        border: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
-        border-radius: var(--r-xl);
-        box-shadow:
-            0 14px 44px color-mix(in srgb, var(--foreground) 12%, transparent),
-            inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
-    }
-
-    .dark .app-workspace-stage {
-        box-shadow:
-            0 14px 44px rgba(0, 0, 0, 0.45),
-            inset 0 1px 0 color-mix(in srgb, white 6%, transparent);
-    }
 
     .app-workspace-page {
         background: var(--workspace-content);