m-shadows

用途\n\nm-shadows 用于生成一套带有品牌色调的阴影层级（elevation）系统。它从品牌色相中提取颜色，生成 5 个层级的阴影，使界面中的卡片、下拉菜单、弹窗等元素在视觉上保持统一的品牌感，而不是使用通用的灰色阴影。\n\n主要能力\n\n该技能生成 5 个层级的阴影：\n\n- sm：0 1px 2px，用于细微的卡片边缘。\n- md：分层 2px + 6px，用于标准卡片。\n- lg：分层 6px + 20px，用于下拉菜单。\n- xl：分层 14px + 40px，用于模态框。\n- 2xl：分层 24px + 56px，用于主视觉（hero）区域。\n\n所有阴影均使用 hsla(brandHue, 18%, 18%, opacity) 的形式，即基于品牌色相、固定饱和度 18%、亮度 18%，再配合不同透明度，而不是使用通用灰色。\n\n使用方式\n\n资料中未提供具体的使用步骤、安装命令或调用方式，暂未提供。\n\n适用场景\n\n适用于需要建立统一阴影层级体系的设计系统或前端项目，尤其是希望阴影颜色与品牌色相协调、而非使用中性灰的场景。可用于卡片、下拉菜单、模态框和主视觉区域等不同层级的界面元素。\n\n限制\n\n资料中未说明该技能支持的平台、框架或输出格式，暂未提供。阴影的饱和度与亮度固定为 18%，透明度由各层级决定，资料中未给出具体透明度数值。