事件样式

每个按钮事件支持四层样式设定，用于控制按钮在不同状态下的外观和行为。

四层样式

常态样式（style）

按钮的基础 CSS 样式。常用设定：

{
  "transition": "all 200ms",
  "padding": "21px 55px",
  "margin": "8px 13px"
}

悬浮样式（hoverStyle）

鼠标悬浮于按钮之上时应用的样式，与常态样式合并：

{
  "padding": "21px 88px",
  "transform": "scale(1.05)"
}

入場样式（enterStyle）

按钮出现时的动画效果，支持 Animate.css：

{
  "animationName": "fadeIn",
  "animationDuration": "1s"
}

多个按钮同时入場时，系统会自动为每个按钮延后 150ms，实现序列式登场效果。

出場样式（leaveStyle）

按钮消失时的动画效果。注意：场景切换时按钮可能被直接销毁，该样式可能无法完整显示。

样式优先级

按钮自身设定 > 主题预设 > 系统默认

对于大部分按钮，建议优先通过主题预设统一管理，仅在个别需要特殊处理的按钮上使用自身样式覆盖。

按钮媒体

文字按钮和媒体按钮支持额外的媒体设定：

属性	说明
media	背景图/视频
mediaLoopStartTime	背景视频循环起始时间
hover	悬浮时显示的覆盖媒体（支持透明 png/webm）
hoverLoopStartTime	悬浮视频循环起始时间
hideMedia	悬浮时隐藏主体媒体

按钮媒体同样受主题预设控制，可在按钮属性中单独覆盖。