docs: 补充现代工作台设计规范

- 完善产品主题、组件语言与交互动效的设计说明

- 补充导航骨架、表面层级与设计 Token 的现代化规范

docs/design/component-guidelines.md

@@ -18,6 +18,7 @@ EasyFlow 的组件应遵守以下统一气质：
 - 轻盈但稳定
 - 精致但克制
 - 现代但不花哨
+- 鲜明但不失控
 
 统一要求：
 
@@ -25,6 +26,13 @@ EasyFlow 的组件应遵守以下统一气质：
 - 同类组件状态规则一致
 - 同类组件交互反馈一致
 - 同类组件在不同端只允许密度差异，不允许语言割裂
+- 不做传统表单后台式的强框架、重线条、死板排布
+
+补充原则：
+
+- Apple HIG 强调层级、材质、清晰与内容优先，EasyFlow 可大胆借鉴其导航骨架和控制点表达。
+- Material Design 3 强调 `color roles`、`tonal surfaces`、`adaptive layouts`，EasyFlow 可大胆借鉴其色彩和表面层组织方式。
+- 最终目标不是“像 Apple”或“像 Google”，而是让 EasyFlow 像一个现代工作台，而不是传统管理系统模板。
 
 ## 3. 按钮 Button
 
@@ -41,6 +49,7 @@ EasyFlow 的组件应遵守以下统一气质：
 - 主按钮明确，但不刺眼、不厚重、不夸张。
 - 同一区域内按钮高度、圆角、左右内边距和图标尺寸统一。
 - 图标按钮必须有足够点击热区，不可只按图标本体大小计算。
+- 导航骨架中的工具按钮可以更有材质感和触感，但不应厚重、拟物或果冻化。
 
 ### 3.3 状态要求
 
@@ -69,6 +78,7 @@ EasyFlow 的组件应遵守以下统一气质：
 - 搜索是效率辅助，不应默认比主按钮更抢眼。
 - 搜索图标优先弱化，placeholder 保持清楚但不过深。
 - 高级筛选展开后，信息层级仍需清晰，不形成工具栏拥堵。
+- 在现代工作台场景中，搜索入口可使用轻玻璃、轻染色和更圆润的容器，但应作为“柔和工具”而不是“表单输入框”。
 
 ### 4.3 校验与提示
 
@@ -88,6 +98,7 @@ EasyFlow 的组件应遵守以下统一气质：
 - 默认低饱和背景 + 清晰文字
 - 相同状态在不同页面使用相同颜色和风格
 - 控制一页中高彩状态标签的数量
+- 状态表达仍以语义优先，但当前态、品牌态和重点态可以更鲜明，不必做得过灰。
 
 ## 6. 卡片 Card / Panel
 
@@ -106,6 +117,7 @@ EasyFlow 的组件应遵守以下统一气质：
 
 - 主要通过内边距、标题层级、弱分隔建立结构
 - 弱边框或极轻阴影即可，不做厚重悬浮卡片
+- 正文主面板应保持清晰稳定，导航骨架和轻浮层才是更适合使用轻玻璃和柔和悬浮感的位置。
 
 ## 7. 弹窗 Modal / 抽屉 Drawer / 浮层 Popover
 
@@ -167,6 +179,13 @@ EasyFlow 的组件应遵守以下统一气质：
 - 避免同时叠加过多输入框、下拉、标签和按钮
 - 高级筛选建议折叠或分层展示
 
+### 9.4 现代工作台工具栏
+
+- 工具栏不应看起来像一排传统表单控件堆叠。
+- 可用更开放的留白、更柔和的按钮组、更轻的搜索容器来提升现代感。
+- 应优先减少“每个操作一个线框框”的传统后台视觉。
+- 在 toB 页面中，工具栏要更像操作系统级控制层，而不是审批系统式字段条。
+
 ## 10. Tabs / Breadcrumb / 导航类组件
 
 ### 10.1 Tabs
@@ -185,6 +204,13 @@ EasyFlow 的组件应遵守以下统一气质：
 - 导航风格轻量，重点是帮助定位，不抢占内容区注意力
 - 选中态与 hover 态要统一，避免不同模块风格分裂
 
+### 10.4 现代导航骨架
+
+- 顶栏、侧栏、tab、breadcrumb、搜索入口、工具按钮应被视为统一导航骨架系统。
+- 默认允许轻度液态玻璃、柔和模糊、弱染色和轻悬浮。
+- 当前态可以更鲜明、更像“现代工作台中的激活项”，而不是传统树菜单里一条蓝字。
+- 导航骨架的任务是“提升流动感和定位感”，不是把页面切成一块块硬区域。
+
 ## 11. 表单 Form
 
 ### 11.1 结构原则
@@ -250,6 +276,11 @@ EasyFlow 的组件应遵守以下统一气质：
 4. 表格 / 卡片列表
 5. 分页 / 列表底部说明
 
+要求：
+
+- 列表页应尽量摆脱传统“标题下方一整排表单 + 粗边框表格”的后台感。
+- 可以通过更轻的工具栏、更开阔的内容面、更清晰的主操作强调来提升活力。
+
 ### 14.2 详情页
 
 推荐结构：
@@ -270,6 +301,8 @@ EasyFlow 的组件应遵守以下统一气质：
 
 - 更紧凑
 - 更强调检索、管理、批量操作和信息秩序
+- 但视觉上应更像“现代工作台”，而不是“传统表单管理系统”
+- 导航骨架允许轻度液态玻璃、更鲜明的品牌当前态和更通透的控制层表达
 
 ### 15.2 User Center