m-focus

用途\nm-focus 用于从强调色（accent color）生成一套焦点环（focus ring）系统，帮助界面在键盘导航时呈现统一、可见的焦点状态。\n\n主要能力\n该技能给出的核心是一段基于 :focus-visible 的 CSS 规则：\n\n:focus-visible {\n outline: 2px solid var(--accent);\n outline-offset: 2px;\n border-radius: inherit;\n}\n\n其中描边颜色取自 CSS 变量 --accent，描边宽度为 2px，偏移量为 2px，圆角继承元素自身的 border-radius。\n\n使用方式\n资料说明该样式可适配按钮、输入框、链接、卡片等元素。资料同时强调一条约束：不要在没有替代方案的情况下使用 outline: none。\n\n适用场景\n适用于需要统一键盘焦点视觉表现的界面组件，例如按钮、表单输入、链接与卡片。\n\n限制\n资料未提供安装命令、依赖、配置项、浏览器兼容范围或更多实现细节，这些内容暂未提供。