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 战术通知 ​

ak-notice 战术通知