<script setup lang="ts">
const items = [
  { title: "旧版更新能力", body: "旧客户端继续按原有方式读取更新信息、工具状态、模块清单和下载包。" },
  { title: "旧版媒体源能力", body: "媒体源目录继续保留旧字段结构，客户端无需修改即可读取。" },
  { title: "新版动态配置", body: "新版客户端优先读取发布、接口源、健康状态和缓存策略，失败时可回退旧路径。" },
  { title: "反馈兼容", body: "反馈提交和状态查询入口继续保留，查询结果只展示公开进度。" },
];
</script>

<template>
  <section class="page-heading">
    <p class="eyebrow">Compatibility</p>
    <h1>兼容说明</h1>
    <p>新旧客户端共用 update.ymhut.cn。门户只展示能力说明，具体接口由客户端自动选择。</p>
  </section>

  <section class="content-grid">
    <article v-for="item in items" :key="item.title" class="panel compat-card">
      <h2>{{ item.title }}</h2>
      <p>{{ item.body }}</p>
    </article>
  </section>
</template>
