feat: add protected public web lyrics workflow

web/app.html

@@ -3,30 +3,43 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="description" content="搜索并下载 LRC、翻译歌词或纯文本歌词。">
   <title>LRC Local</title>
   <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
-  <main class="shell">
+  <main>
     <header>
-      <div class="brand">LRC <span>Local</span></div>
-      <div class="local-pill"><i></i> 本机运行中</div>
+      <h1>LRC Local</h1>
+      <a href="https://git.sighs.cc/Flechazo/lrc-local">源码</a>
     </header>
-    <section class="hero">
-      <p class="eyebrow">LOCAL-FIRST LYRIC TOOL</p>
-      <h1>把歌词带走，<br><em>别把隐私留下。</em></h1>
-      <p class="lead">搜索与歌词请求从这台电脑直接发出。关键词、歌词和下载文件不会经过我们的服务器。</p>
-      <form id="search-form">
-        <label for="keyword">歌曲、歌手或专辑</label>
-        <div class="search-row">
-          <input id="keyword" name="keyword" maxlength="100" autocomplete="off" placeholder="例如：起风了" required autofocus>
-          <button type="submit">搜索歌词</button>
-        </div>
-      </form>
-      <div id="notice" class="notice" role="status" aria-live="polite"></div>
-    </section>
+
+    <p>搜索歌曲并下载 LRC、翻译 LRC 或纯文本歌词。</p>
+    <p id="mode-note" class="note">正在确认运行模式…</p>
+
+    <form id="search-form">
+      <label for="keyword">歌曲、歌手或专辑</label>
+      <div class="search-row">
+        <input id="keyword" name="keyword" maxlength="100" autocomplete="off" placeholder="例如：起风了" required autofocus>
+        <button type="submit">搜索</button>
+      </div>
+    </form>
+    <div id="notice" class="notice" role="status" aria-live="polite"></div>
     <section id="results" class="results" aria-label="搜索结果"></section>
-    <footer>非 QQ 音乐官方工具。请仅下载和使用你有权访问的歌词内容。</footer>
+
+    <section id="local-downloads" class="downloads" hidden>
+      <h2>可选：本机版</h2>
+      <p>如果不希望查询经过本站，可以下载本机版。它只监听 <code>127.0.0.1</code>，关闭窗口即停止。</p>
+      <div class="download-links">
+        <a href="/download/lrc-local-windows-amd64.exe">Windows 64 位</a>
+        <a href="/download/lrc-local-linux-amd64.tar.gz">Linux x64</a>
+        <a href="/download/lrc-local-darwin-arm64.tar.gz">macOS Apple 芯片</a>
+        <a href="/download/lrc-local-darwin-amd64.tar.gz">macOS Intel</a>
+        <a href="/download/SHA256SUMS">SHA-256</a>
+      </div>
+    </section>
+
+    <footer>网页版请求由本站转发到固定的 QQ 音乐接口，不保存搜索词、歌词或历史。非 QQ 音乐官方工具，请仅使用你有权访问的内容。</footer>
   </main>
   <script src="/app.js" defer></script>
 </body>