用途：为 UI 组件提供图标实现模式，项目以 Material Symbols v3（Google Fonts 可变字体）为主要图标系统，样式位于 css/styles/icons.css。
主要能力：尺寸类（icon--sm 20px、icon--md 24px 默认、icon--lg 40px、icon--xl 48px）及基于字号令牌的流式尺寸与固定容器；图标加文字模式（内联标签、纯图标按钮、尾部图标）；变体（轮廓/填充、粗细 100–700、继承颜色、语义色与阶段色）；动画（CSS 过渡、Anime.js 抖动、庆祝弹跳）；状态指示（阶段状态、进度点、加载旋转器）；高对比度模式下的 forced-color-adjust。
使用方式：使用 span 加 class="icon" 承载图标名，如 <span class="icon">home</span>；纯图标按钮需 aria-label，装饰性图标加 aria-hidden="true"；可用 .sr-only 提供屏幕阅读器文本；动画示例使用 animejs 的 animate 与 utils/animations.js 中的 DURATION、EASE、successBounce。
适用场景：按钮、导航、状态指示、进度与加载提示，以及按阶段（word、collision、mutation、story）着色的界面。
限制：务必为装饰性图标隐藏无障碍信息、纯图标按钮提供标签、触摸目标至少 44x44px；避免仅用图标表达含义、使用不缩放的固定像素、过度动画或混用图标系统；相关技能包含 material-symbols-v3、ux-accessibility、ux-animation-motion。