<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Qidianio Clash 订阅</title>
  <style>
    :root { color-scheme: dark; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
    body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101827; color: #e5e7eb; }
    main { width: min(680px, calc(100% - 32px)); padding: 28px; background: #182235; border: 1px solid #2d3c56; border-radius: 16px; box-sizing: border-box; }
    h1 { margin: 0 0 10px; font-size: 24px; }
    p { color: #aab7cc; line-height: 1.6; }
    .link { display: block; padding: 14px; background: #0b1220; border-radius: 10px; word-break: break-all; color: #8ec5ff; }
    button { margin-top: 14px; border: 0; border-radius: 9px; padding: 11px 18px; color: #fff; background: #2563eb; cursor: pointer; font-size: 15px; }
    small { display: block; margin-top: 18px; color: #718096; }
  </style>
</head>
<body>
  <main>
    <h1>Qidianio Clash 订阅</h1>
    <p>请复制下面的地址，添加到 Clash Verge Rev / Mihomo Party 的订阅管理中。</p>
    <code class="link" id="url">https://sub.qidianio.com/latest.yaml</code>
    <button id="copy">复制订阅地址</button>
    <small>节点协议：Hysteria2 · 更新地址保持不变</small>
  </main>
  <script>
    const url = document.getElementById('url').textContent;
    document.getElementById('copy').addEventListener('click', async () => {
      await navigator.clipboard.writeText(url);
      document.getElementById('copy').textContent = '已复制';
    });
  </script>
</body>
</html>
