feat: 侧边栏标题旁显示版本号徽章（manifest 动态读取）v1.8.5

顶部标题右侧新增圆角版本徽章（如 v1.8.5），页脚版本同步；两处均 chrome.runtime.getManifest() 动态填充，后续升版只改 manifest 一处，杜绝版本号不一致。

README.md

@@ -2,7 +2,7 @@
 
 > 一键搜索 · 自动点击 · 智能评论 —— 小红书运营引流的效率神器
 
-[![版本](https://img.shields.io/badge/版本-1.8.3-ff2442.svg)](https://dl.88531.cn/xhs.html)
+[![版本](https://img.shields.io/badge/版本-1.8.5-ff2442.svg)](https://dl.88531.cn/xhs.html)
 [![平台](https://img.shields.io/badge/平台-Chrome%20%7C%20Edge-4caf50.svg)](#安装方法)
 [![语言](https://img.shields.io/badge/语言-纯%20JavaScript-2196f3.svg)](#开发说明)
 
@@ -104,10 +104,17 @@
 
 ## 📜 版本历史
 
-当前版本：**1.8.3**
+当前版本：**1.8.5**
 
 <details>
-<summary>展开查看完整变更记录（v1.2.0 ~ v1.8.3）</summary>
+<summary>展开查看完整变更记录（v1.2.0 ~ v1.8.5）</summary>
+
+### 1.8.5
+- **标题旁显示版本号**：侧边栏顶部标题右侧新增版本徽章（如 `v1.8.5`），一眼确认装的是哪一版；页脚版本同步显示。徽章与页脚均**从 manifest 动态读取**，以后升版只需改 manifest 一处，不会再出现两处版本号不一致
+
+### 1.8.4
+- **支付成功页直接显示卡密**：只要服务端发了卡就把卡密明文展示在购买页（等宽大字 + 一键复制），**自动激活失败也照常显示**，并附手动激活指引（侧边栏「输入卡密」粘贴 → 激活）——付了钱拿不到卡密、只能找客服的情况不会再出现
+- 打包结构修正：manifest.json 直接位于压缩包根目录，解压后选中同名文件夹即可加载（此前需进内层文件夹，Windows 用户按直觉选外层会报「清单文件缺失或不可读取」）
 
 ### 1.8.3
 - **评论去重：评过的笔记不再重复评论**。每次成功评论后把笔记 ID 写入「已评论索引」（本机保存，最多 5000 条），之后任何时候再刷到同一篇（同关键词、不同关键词、换个时间重新跑都一样）都会**自动跳过**，不会给同一篇笔记发第二条评论——避免重复评论触发平台风控限流

background.js

@@ -16,7 +16,7 @@ const DEFAULT_AI = {
 const AUTH_BASE = 'https://auth.88531.cn';
 const AUTH_PROJECT_ID = 3;
 const AUTH_API_KEY = 'ak_bbf83b76df8219388d7f60b9e67c7db2';
-const CLIENT_VERSION = '1.8.3';
+const CLIENT_VERSION = '1.8.5';
 const TRIAL_MS = 72 * 60 * 60 * 1000; // 试用 72 小时（3 天）
 const TRIAL_QUOTA = 100; // 试用期最多 100 条评论（时间/条数先到先停，防止白嫖薅量）
 const GRACE_DAILY = 3; // 试用到期不硬锁：每天保留 3 条体验额度

buy.css

@@ -254,3 +254,67 @@ h2 {
     color: #ff2442;
     text-decoration: none;
 }
+
+/* 支付成功卡密展示区：无论自动激活成功与否都显示，用户可随时复制 */
+.card-box {
+    margin-top: 14px;
+    border: 2px dashed #ff2442;
+    border-radius: 8px;
+    padding: 14px;
+    background: #fff5f6;
+}
+
+.card-label {
+    font-size: 13px;
+    color: #666;
+    margin-bottom: 8px;
+}
+
+.card-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.card-key {
+    flex: 1;
+    min-width: 240px;
+    font-family: Consolas, 'Courier New', monospace;
+    font-size: 16px;
+    font-weight: 700;
+    color: #1a1a1a;
+    background: #fff;
+    border: 1px solid #f0c0c6;
+    border-radius: 6px;
+    padding: 10px 12px;
+    user-select: all;
+    word-break: break-all;
+}
+
+.copy-btn {
+    padding: 10px 18px;
+    border: none;
+    border-radius: 6px;
+    background: #ff2442;
+    color: #fff;
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+.copy-btn:hover {
+    background: #e01f3a;
+}
+
+.card-hint {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #999;
+}
+
+.ok-line.warn {
+    color: #c62828;
+    font-weight: 600;
+}

buy.html

@@ -33,6 +33,14 @@
     <section id="order-panel" hidden>
       <h2><span class="num">3</span> 订单状态</h2>
       <div id="order-status" class="order-status">等待创建订单…</div>
+      <div id="card-box" class="card-box" hidden>
+        <div class="card-label">您的卡密（请保存好，可用于换机 / 手动激活）</div>
+        <div class="card-row">
+          <code id="card-key" class="card-key">…</code>
+          <button id="copy-card" class="copy-btn">复制卡密</button>
+        </div>
+        <div class="card-hint" id="card-hint"></div>
+      </div>
     </section>
   </main>
 

buy.js

@@ -102,16 +102,11 @@ function startPolling() {
         try {
             const res = await chrome.runtime.sendMessage({ action: 'authQueryOrder', orderNo });
             if (!res || !res.ok) return;
-            if (res.activated) {
+            if (res.cardKey) {
+                // 只要服务端已发卡就把卡密显示出来——哪怕自动激活失败，用户也能自己复制激活
                 clearInterval(pollTimer);
                 pollTimer = null;
-                showActivated(res);
-            } else if (res.cardKey && !res.activated) {
-                clearInterval(pollTimer);
-                pollTimer = null;
-                const status = $('order-status');
-                status.className = 'order-status error';
-                status.textContent = '✗ 已支付但激活失败：' + ((res.licenseState && res.licenseState.message) || '请把订单号发给客服手动处理');
+                showCard(res);
             } else {
                 const status = $('order-status');
                 status.className = 'order-status pending';
@@ -123,16 +118,51 @@ function startPolling() {
     }, 5000);
 }
 
-function showActivated(res) {
+// 支付成功：显示卡密（激活成功/失败都显示，激活失败时给出手动激活指引）
+function showCard(res) {
     const status = $('order-status');
-    status.className = 'order-status success';
-    status.innerHTML = `
-        <div class="ok-title">✓ 支付成功，已自动激活</div>
-        <div class="ok-line">卡密：<b>${esc(res.cardKey || '')}</b></div>
+    const ok = !!res.activated;
+    status.className = 'order-status ' + (ok ? 'success' : 'error');
+    status.innerHTML = ok
+        ? `<div class="ok-title">✓ 支付成功，已自动激活本机</div>
            <div class="ok-line">到期时间：${esc(res.expireTime || '永久')}</div>
-        <div class="ok-line muted">回到插件侧边栏即可使用全部功能（本机已授权）。</div>`;
+           <div class="ok-line muted">回到插件侧边栏即可使用全部功能。</div>`
+        : `<div class="ok-title">✓ 支付成功</div>
+           <div class="ok-line warn">自动激活未生效${(res.licenseState && res.licenseState.message) ? '：' + esc(res.licenseState.message) : ''}</div>
+           <div class="ok-line muted">请复制下面的卡密，回到插件侧边栏「输入卡密」框粘贴 → 点「激活」即可。</div>`;
+
+    $('card-key').textContent = res.cardKey || '';
+    $('card-hint').textContent = ok
+        ? '卡密已随本机自动激活，无需手动输入；保存好可换机或重装后使用。'
+        : '本页不会关闭也不会失效，卡密就在这里，随时可以复制。';
+    $('card-box').hidden = false;
+    $('card-box').scrollIntoView({ behavior: 'smooth', block: 'center' });
 }
 
+// 复制卡密（剪贴板 API 失败时降级 execCommand）
+$('copy-card').addEventListener('click', async () => {
+    const key = ($('card-key').textContent || '').trim();
+    if (!key) return;
+    let ok = false;
+    try {
+        await navigator.clipboard.writeText(key);
+        ok = true;
+    } catch (e) { /* 降级 */ }
+    if (!ok) {
+        try {
+            const ta = document.createElement('textarea');
+            ta.value = key;
+            ta.style.cssText = 'position:fixed;left:-9999px';
+            document.body.appendChild(ta);
+            ta.select();
+            ok = document.execCommand('copy');
+            ta.remove();
+        } catch (e) { ok = false; }
+    }
+    $('copy-card').textContent = ok ? '✓ 已复制' : '复制失败，请手动选中卡密复制';
+    setTimeout(() => { $('copy-card').textContent = '复制卡密'; }, 2500);
+});
+
 document.querySelectorAll('.pay-btn').forEach((btn) => {
     btn.addEventListener('click', () => createOrder(btn.dataset.pay));
 });

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "小红书自动评论助手",
-  "version": "1.8.3",
+  "version": "1.8.5",
   "description": "右侧侧边栏常驻的自动评论助手，支持试用/卡密授权、固定池/自定义文字/图片/AI评论",
   "permissions": [
     "storage",

privacy.html

@@ -16,7 +16,7 @@
 </head>
 <body>
 <h1>小红书自动评论助手 · 隐私政策</h1>
-<div class="meta">生效日期：2026年10月10日 · 适用版本：v1.8.3 及以上</div>
+<div class="meta">生效日期：2026年10月10日 · 适用版本：v1.8.5 及以上</div>
 
 <p>感谢使用「小红书自动评论助手」浏览器扩展（以下简称"本插件"）。我们重视你的隐私。本页面说明本插件收集哪些信息、如何使用以及如何保护。</p>
 

sidepanel.css

@@ -30,6 +30,19 @@ body {
     font-weight: 600;
 }
 
+.header h1 .ver-badge {
+    display: inline-block;
+    margin-left: 4px;
+    padding: 1px 8px;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.28);
+    color: #fff;
+    font-size: 11px;
+    font-weight: 700;
+    vertical-align: middle;
+    letter-spacing: 0.3px;
+}
+
 .search-section {
     padding: 16px;
     border-bottom: 1px solid #eee;

sidepanel.html

@@ -9,7 +9,7 @@
 <body>
     <div class="container">
         <div class="header">
-            <h1>🤖 小红书自动评论助手</h1>
+            <h1>🤖 小红书自动评论助手 <span class="ver-badge" id="ver-badge"></span></h1>
         </div>
         
         <div class="auth-section">
@@ -204,7 +204,7 @@
         
         <div class="footer">
             <div class="version-info">
-                <span>版本: 1.8.3</span>
+                <span id="footer-ver">版本: --</span>
                 <span>侧边栏常驻 · 专注于自动评论</span>
             </div>
         </div>

sidepanel.js

@@ -1294,5 +1294,13 @@ class AutoCommentManager {
 
 // 初始化
 document.addEventListener('DOMContentLoaded', () => {
+    // 标题旁徽章 + 页脚版本统一从 manifest 读取：升版只改 manifest 一处，不会再漏
+    try {
+        const v = chrome.runtime.getManifest().version;
+        const badge = document.getElementById('ver-badge');
+        if (badge) badge.textContent = 'v' + v;
+        const fv = document.getElementById('footer-ver');
+        if (fv) fv.textContent = '版本: ' + v;
+    } catch (e) { /* 版本显示失败不阻断初始化 */ }
     new AutoCommentManager();
 });