ak-notice 战术通知

用于系统消息、作战警告、自动部署偏差和完成反馈。信息层级由左侧信号色承担，不依赖图标才能辨认。

SOURCE / HTML

html

<div class="ak-notice-stack">
  <aside class="ak-notice" role="status">
    <span class="ak-notice__code">RI / INFO</span>
    <div class="ak-notice__body">
      <strong class="ak-notice__title">基建订单已交付</strong>
      <p class="ak-notice__message">龙门币与赤金结算完成，贸易站重新进入待命状态。</p>
    </div>
  </aside>
  <aside class="ak-notice ak-notice--warning" role="status">
    <span class="ak-notice__code">CAUTION</span>
    <div class="ak-notice__body">
      <strong class="ak-notice__title">理智即将耗尽</strong>
      <p class="ak-notice__message">当前数值不足以连续执行三次作战，请调整代理计划。</p>
    </div>
  </aside>
  <aside class="ak-notice ak-notice--danger" role="alert">
    <span class="ak-notice__code">PRTS / ERR</span>
    <div class="ak-notice__body">
      <strong class="ak-notice__title">自动部署发生偏差</strong>
      <p class="ak-notice__message">干员练度或信赖值发生变化，请重新记录本次作战。</p>
    </div>
  </aside>
</div>

Class	Semantic role
`.ak-notice`	普通信息，通常使用 `role="status"`
`.ak-notice--warning`	需要留意但不会立刻中断流程
`.ak-notice--danger`	失败或高优先级错误，通常使用 `role="alert"`
`.ak-notice--success`	操作或任务完成

通过 --ak-notice-signal 定制信号色。通知正文使用高对比纸面，因此可以放在亮色或图片背景上。

滑入动效

添加 ak-notice--enter 可在挂载时滑入。用 --ak-notice-enter-duration 和 --ak-notice-enter-delay 调整时长与错峰；重新挂载元素可重播。减少动态效果偏好下直接显示。

html

<aside class="ak-notice ak-notice--enter" role="status" style="--ak-notice-enter-delay: 120ms">
  <span class="ak-notice__code">RI / INFO</span>
  <div class="ak-notice__body"><strong class="ak-notice__title">部署完成</strong></div>
</aside>

ak-notice 战术通知 ​

滑入动效 ​

ak-notice 战术通知

滑入动效