css-micro-fx

用途：为表单输入框、按钮、加载状态和文本链接提供纯 CSS 的功能性反馈效果，触发条件为 :focus、:active 和状态变化，而非 hover。\n\n主要能力：输入聚焦效果包含 Bars（底部边框滑入）、Highlight（柔和背景着色）、Glow（聚焦光环）、Label Float（标签上浮）；按钮点击效果包含 Bubble、Jelly、Shine、Slide、Pulse、Press；加载状态包含 Pillars、Overline、Dots、Ring、Strikethrough；文本链接包含 Underline Draw、Underline Slide Out、Color Shift。\n\n使用方式：先读取现有界面，按表单密度、按钮醒目度、配色、现有聚焦样式和背景明暗，判断风格（MINIMAL、BOLD、PLAYFUL、CORPORATE、DARK-PREMIUM），再参考兼容矩阵选择效果，最后为元素添加对应类名，例如 fx-input-bars-animated、fx-input-highlight、fx-input-glow、fx-field-float、fx-btn-jelly、fx-btn-bubble、fx-btn-shine、fx-btn-slide、fx-btn-pulse、fx-btn-press、fx-loader-pillars、fx-loader-overline、fx-loader-dots、fx-spinner-ring、fx-done、fx-link-draw。\n\n与 css-hover-effects 配合使用：前者处理 :hover 状态，本套处理 :focus、:active 与状态变化，可组合到同一元素上。\n\n限制：需在样式表顶部加入 prefers-reduced-motion 媒体查询以尊重减少动效偏好；Pulse 每页最多用于一个按钮；Overline 加载条需绑定到路由或 fetch 生命周期；删除线需由 JS 添加类触发，不能仅靠 CSS；所有效果应使用指向现有配色的 var(--accent)。输入聚焦效果必须搭配可见的聚焦提示以满足可访问性。此项为技能说明文档，具体安装命令与收费信息暂未提供。