MasterGo AI 通过自然语言驱动阴影调整，将“阴影”作为设计意图表达，自动匹配类型与参数，并基于设计系统智能约束，支持局部编辑与实时反馈，全程在画布内完成且同步至代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo AI 实现阴影效果的快速微调，不是靠手动拖参数或画图层，而是把“阴影”当作设计意图的一部分，直接用自然语言表达需求，由 AI 理解上下文并生成符合规范、视觉协调的阴影。
自然语言驱动阴影调整
AI 能识别你描述中的空间关系与材质感，自动匹配合理的阴影类型（底部投影、内阴影、悬浮层阴影等）和参数组合。比如输入：“让卡片看起来微微浮起，有柔和的底部阴影”，AI 会基于当前组件尺寸、圆角、背景对比度，计算出合适的模糊半径、偏移量、透明度和颜色（通常为深色低透明度黑或灰），并应用到图层样式中。
- 输入“按钮点击态加一点内阴影，突出按压感”，AI 会添加 inset 类型阴影，且只作用于交互状态图层
- 输入“导航栏需要轻量投影，避免盖住下方内容”，AI 会控制阴影扩散范围，确保不干扰文字可读性
- 输入“深色模式下阴影变浅，保持层次但不刺眼”，AI 会自动适配暗色主题的阴影亮度策略
基于设计系统的智能约束
MasterGo AI 不是无脑加阴影，它内置了主流设计系统（如 Ant Design、Material Design）的阴影规则库。例如：
- 卡片默认使用
box-shadow: 0 2px 8px rgba(0,0,0,0.1) - 悬浮态提升层级时，自动叠加第二层更浅的阴影
- 所有阴影值都与间距系统（如 4px/8px 基准）对齐，保证视觉节奏统一
局部编辑+实时反馈
选中某个组件后，唤出 AI 编辑面板，输入微调指令即可即时生效：
- “阴影再扩散一点，但保持柔和” → AI 增加 blur radius 并微调 color transparency
- “去掉标题栏的阴影，让它贴底” → AI 清除该图层的 shadow 样式，同时检查是否需同步调整 z-index 或背景对比
- “所有按钮阴影统一为 0 1px 3px” → AI 批量识别按钮组件，替换为指定值，并校验是否与当前主题兼容
无需切换工具或导出再处理
阴影修改全程在 MasterGo 画布内完成，结果实时同步到设计稿、组件库、甚至后续导出的代码中。React 组件代码里也会对应生成带 boxShadow 的 CSS-in-JS 或 Tailwind 类名，参数与设计一致。
本质上，MasterGo AI 把阴影从“装饰性操作”升级为“语义化表达”——你说的是“浮起”“按压”“贴合”，AI 理解的是交互意图与视觉层级，而不是像素数值。
