style-animaxxing

Animaxxing 风格

Animaxxing 的视觉风格：黑、白、中性灰，超大无衬线字体搭配小号全大写等宽字体，纤细线条、字母散布，以及由粒子组装而成的控件。

此技能负责视觉设计，并决定如何用动效来支撑设计。animaxxing 提供可复用的原生 TypeScript 和 GSAP 配方。匹配的 gsap-<framework> 技能（包括 gsap-vanilla）负责 挂载 → 初始状态 → 入场 → 稳定状态 → 退场 → 结束状态 → 卸载、导航、中断和清理时机。

选择适用范围

• 仅在请求明确授权时才进行完整的风格重设；否则保留现有品牌。明确要求重新设计为 Animaxxing 风格时，无需进一步确认。
• 对于完整风格重设，请安装并加载 animaxxing 和匹配的框架技能，然后使用下方的界面选择。如果缺少其中任一技能，请指出缺少的技能；不要臆造其配方或生命周期指导。
• 对于动效极少或不使用动效的设计，请应用设计令牌和布局，并减少或省略展示效果。静态风格重设无需动效技能或 GSAP。
• 对于其他品牌的效果，请直接使用 animaxxing，但不要应用这里的字体、颜色或布局规则。

渐进式应用与加载

完整风格重设请按以下顺序操作；针对单项修改时，只加载相关参考资料。

任务	参考资料
颜色、字体、比例、间距、焦点、浅色／深色主题	设计令牌
Poster／Statement／Label／Annotation／BodyCopy 角色；页眉、网格、导轨、账册、卡片	排版与布局
选择效果、将效果映射到界面、设定 Animaxxing 的节奏	动效美术指导，然后查看 animaxxing 中选定的参考资料
检查修改后的视觉效果	验证；如涉及动效，还需使用动效技能和框架技能中的相关检查项

设计约束

• 通过项目的字体管线加载可变字体 Rethink Sans（400–800）和 JetBrains Mono（100–800）。使用原生 CSS 令牌，或在项目使用 Tailwind v4 时采用其映射。
• 仅使用中性令牌颜色；不使用装饰性阴影或渐变。默认使用纤细线条，控件／卡片使用 2px 边框，并采用紧凑圆角。
• 左对齐，右侧参差。海报字体可以有意裁切；阅读文本和注释不得裁切。注释至少为 11px；全大写等宽字体用于元数据，不用于正文。
• 阅读文本保持静止。展示文本可以散开、拆分或波动；完整风格中的主视觉副标题是唯一允许以说话方式呈现的例外。
• 常规 UI 动效使用设计令牌参考资料中的时长／缓动／距离值；展示效果则有意使用更大的移动幅度。动效技能负责实现和检查文本稳定性。
• 动效是此美术指导的一部分，但请求的强度优先。省略所有效果或启用减少动态效果设置时，仍需确保构图清晰可读。

构图边界

选择并配置效果；不要将其实现复制到此技能中。按名称从已安装的 animaxxing 技能加载配方文件，不要假设技能文件夹在磁盘上彼此相邻。框架控制器调用选定的构建器，并负责其阶段状态和清理句柄。此技能不会安装路由钩子、管理导航等待，也不会决定挂载、卸载或重播时机。

可读设计

静态样式应确保有意义的内容清晰可读。不可见的入场效果应使用匹配的已安装框架技能中的 references/initialization.md；效果回滚应遵循 animaxxing 的 references/effect-restoration.md。不要在此风格中添加无条件隐藏、就绪计时器或路由恢复逻辑。初始化成功时，保留选定的编排方式。