From 25dbeb7a9a445fb9e597ef184d8afba18fd42a9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=91=A3=E5=AE=8F=E5=87=AF?= <hkdong@kland.com.cn>
Date: Sat, 13 Jun 2026 18:41:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9C=86=E6=A1=8C):=20=E4=B8=9A=E5=8A=A1?=
 =?UTF-8?q?=E9=93=BE=E6=9D=A1=E9=85=8D=E7=BD=AE=E9=A1=B5=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E5=9B=BE=E7=82=B9=E9=98=B5=E6=94=BE=E5=A4=A7=20+=20=E4=BE=A7?=
 =?UTF-8?q?=E8=BE=B9=E6=A0=8F=E8=8F=9C=E5=8D=95=E9=A1=B9=E6=8C=89=E8=AE=BE?=
 =?UTF-8?q?=E8=AE=A1=E7=A8=BF=E8=BF=98=E5=8E=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ChainFlowDiagram 点阵背景点尺寸/不透明度上调，更接近设计稿颗粒感
- 全局侧边栏菜单项：锐利方角(2px)、选中整高左竖条、图标 hover 微放大、间距微调；保留原菜单内容与红/青配色

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend-web/src/components/page-sidebar.tsx      | 15 +++++++++++----
 .../components/ChainFlowDiagram.tsx               |  5 +++--
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend-web/src/components/page-sidebar.tsx b/frontend-web/src/components/page-sidebar.tsx
index cae1f24f..58e59a72 100644
--- a/frontend-web/src/components/page-sidebar.tsx
+++ b/frontend-web/src/components/page-sidebar.tsx
@@ -77,8 +77,8 @@ export function PageSidebar({
       compact ? "max-w-0 opacity-0" : "max-w-[220px] opacity-100"
     } ${small ? "text-xs" : "text-sm"} flex-1 font-medium`;
   const menuButtonClass = (isActive: boolean, depth = 0) =>
-    `flex w-full items-center rounded-lg py-2 text-left transition-all duration-300 ease-out hover:-translate-y-0.5 theme-transition ${
-      collapsed && depth === 0 ? "justify-center px-2" : "gap-2 px-3"
+    `group relative flex w-full items-center rounded-[2px] py-2 text-left transition-all duration-300 ease-out theme-transition ${
+      collapsed && depth === 0 ? "justify-center px-2" : "gap-3 px-3"
     } ${
       isActive
         ? isDark
@@ -114,7 +114,14 @@ export function PageSidebar({
         onClick={() => item.path && navigate(item.path)}
         className={menuButtonClass(isActive, depth)}
       >
-        <Icon className={`${depth === 0 ? "h-5 w-5" : "h-4 w-4"} flex-shrink-0 transition-transform duration-300 ease-out`} />
+        {isActive && (
+          <span
+            className={`absolute left-0 inset-y-0 w-[3px] rounded-r ${
+              isDark ? "bg-cyan-300" : "bg-red-600"
+            }`}
+          />
+        )}
+        <Icon className={`${depth === 0 ? "h-[18px] w-[18px]" : "h-4 w-4"} flex-shrink-0 transition-transform duration-300 ease-out group-hover:scale-105`} />
         {(!collapsed || depth > 0) && (
           <span className={labelClass(false, depth > 0)}>
             {item.label}
@@ -144,7 +151,7 @@ export function PageSidebar({
           className={menuButtonClass(false, depth)}
         >
           <Icon
-            className={`${isTopLevel ? "h-5 w-5" : "h-4 w-4"} flex-shrink-0 transition-transform duration-300 ease-out ${
+            className={`${isTopLevel ? "h-[18px] w-[18px]" : "h-4 w-4"} flex-shrink-0 transition-transform duration-300 ease-out group-hover:scale-105 ${
               expanded && depth > 0 ? "scale-105" : ""
             }`}
           />
diff --git a/frontend-web/src/roundtable-planning/components/ChainFlowDiagram.tsx b/frontend-web/src/roundtable-planning/components/ChainFlowDiagram.tsx
index 808c0d44..fae7eace 100644
--- a/frontend-web/src/roundtable-planning/components/ChainFlowDiagram.tsx
+++ b/frontend-web/src/roundtable-planning/components/ChainFlowDiagram.tsx
@@ -250,9 +250,10 @@ export function ChainFlowDiagram({ stages, onNodeClick, className }: ChainFlowDi
         grabbing ? "cursor-grabbing" : "cursor-grab",
       )}
       style={{
+        // 点阵背景：放大点尺寸（参考「业务链条配置器」设计稿，点更明显）。
         backgroundImage:
-          "radial-gradient(circle, rgba(148,163,184,0.18) 1px, transparent 1px)",
-        backgroundSize: "24px 24px",
+          "radial-gradient(circle, rgba(148,163,184,0.4) 1.3px, transparent 1.3px)",
+        backgroundSize: "22px 22px",
       }}
       onPointerDown={(e) => {
         if (e.button !== 0) return;