Timeline 时间线

<ul class="pvs-timeline" style="max-width:22rem">
  <li class="pvs-timeline__item">
    <time class="pvs-timeline__time">2026-06-15 10:00</time>
    <p class="pvs-timeline__title">提交审核</p>
    <p class="pvs-timeline__desc">编辑提交了文档「快速开始」。</p>
  </li>
  <li class="pvs-timeline__item pvs-timeline__item--success">
    <time class="pvs-timeline__time">10:32</time>
    <p class="pvs-timeline__title">审核通过</p>
    <p class="pvs-timeline__desc">已发布至线上。</p>
  </li>
  <li class="pvs-timeline__item pvs-timeline__item--muted">
    <time class="pvs-timeline__time">11:00</time>
    <p class="pvs-timeline__title">定时下线</p>
    <p class="pvs-timeline__desc">计划任务已创建。</p>
  </li>
</ul>

<ul class="pvs-timeline" style="max-width:18rem">
  <li class="pvs-timeline__item pvs-timeline__item--warning">
    <p class="pvs-timeline__title">配额告警</p>
    <p class="pvs-timeline__desc">存储使用 85%。</p>
  </li>
  <li class="pvs-timeline__item pvs-timeline__item--success">
    <p class="pvs-timeline__title">备份完成</p>
  </li>
</ul>