From e333f68cc3492bf24efd5facd959d1c4437eea22 Mon Sep 17 00:00:00 2001
From: WuYongJie <wuyongjie@users.noreply.git.1080p.hk>
Date: Fri, 12 Jun 2026 10:09:41 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20PlatformSplitLayout=20=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=20Stitch=20=E8=AE=BE=E8=AE=A1=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 section 的 border/shadow/rounded-[2rem]（No-Line Rule）
- 侧边栏和右面板移除 border，改用表面层级色差分离
- 背景改用 surface-container-low 色调
- 移除 metrics 芯片的边框
- IntakeMainLayout 移动端隐藏右面板
---
 .../src/app/intake/IntakeMainLayout.tsx          |  2 +-
 .../components/platform/PlatformSplitLayout.tsx  | 16 +++++++---------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/furniture-3d-system/src/app/intake/IntakeMainLayout.tsx b/furniture-3d-system/src/app/intake/IntakeMainLayout.tsx
index 6d4902ae..4b033cac 100644
--- a/furniture-3d-system/src/app/intake/IntakeMainLayout.tsx
+++ b/furniture-3d-system/src/app/intake/IntakeMainLayout.tsx
@@ -28,7 +28,7 @@ export function IntakeMainLayout({
       metrics={metrics}
       fitParentHeight
       className="!min-h-0 [&>main]:!pl-4 [&>main]:!pr-0 [&>main>section]:!mx-0 [&>main>section]:!h-full [&>main>section]:!max-w-none"
-      rightPanelClassName="!w-[224px] !min-w-[224px] !max-w-[224px] !overflow-hidden p-3"
+      rightPanelClassName="!w-[224px] !min-w-[224px] !max-w-[224px] !overflow-hidden p-3 max-lg:!hidden"
       leftContent={leftContent}
       rightContent={rightContent}
     />
diff --git a/furniture-3d-system/src/components/platform/PlatformSplitLayout.tsx b/furniture-3d-system/src/components/platform/PlatformSplitLayout.tsx
index c7411709..7d55bc65 100644
--- a/furniture-3d-system/src/components/platform/PlatformSplitLayout.tsx
+++ b/furniture-3d-system/src/components/platform/PlatformSplitLayout.tsx
@@ -160,23 +160,22 @@ export function PlatformSplitLayout({
 
       <main
         className={cn(
-          'flex min-h-0 flex-1 overflow-hidden px-8',
-          'max-lg:!px-3 max-lg:!pb-0',
-          fitParentHeight ? 'pb-0' : 'pb-8',
+          'flex min-h-0 flex-1 overflow-hidden',
+          'max-lg:!px-0 max-lg:!pb-0',
+          fitParentHeight ? 'pb-0' : '',
         )}
       >
         <section
-          className="mx-auto flex min-h-0 w-full max-w-[1720px] flex-1 overflow-hidden max-lg:!mx-0 max-lg:!max-w-none max-lg:!rounded-none max-lg:!border-0 max-lg:!shadow-none rounded-[2rem] border border-white/60 shadow-apple-xl"
+          className="mx-auto flex min-h-0 w-full max-w-[1720px] flex-1 overflow-hidden max-lg:!mx-0 max-lg:!max-w-none max-lg:!rounded-none"
           style={{
-            backgroundColor: 'var(--color-surface-container)',
+            backgroundColor: 'var(--color-surface-container-low)',
           }}
         >
           {mainContent ? (
             <>
               <aside
-                className="w-[280px] max-w-[22vw] shrink-0 overflow-y-auto border-r p-3 max-lg:!w-full max-lg:!max-w-none"
+                className="w-[280px] max-w-[22vw] shrink-0 overflow-y-auto p-3 max-lg:!w-full max-lg:!max-w-none"
                 style={{
-                  borderColor: 'var(--color-separator)',
                   backgroundColor: 'var(--color-surface-container-lowest)',
                 }}
               >
@@ -190,11 +189,10 @@ export function PlatformSplitLayout({
           {rightContent ? (
             <aside
               className={cn(
-                'w-[var(--layout-right-panel-width)] max-w-[var(--layout-right-panel-max-width)] shrink-0 overflow-y-auto border-l p-0 max-lg:hidden',
+                'w-[var(--layout-right-panel-width)] max-w-[var(--layout-right-panel-max-width)] shrink-0 overflow-y-auto p-0 max-lg:hidden',
                 rightPanelClassName,
               )}
               style={{
-                borderColor: 'var(--color-separator)',
                 backgroundColor: 'var(--color-surface-container-lowest)',
               }}
             >