feat: 购买流程重做（新页选套餐→选支付方式）+ 支付后后台自动激活 v1.8.0

- 修复「点击购买授权没反应」：支付方式选择行被 .pay-select-row 的 display:flex 压过 hidden 属性常驻显示；新增全局 [hidden]{display:none!important}
- 点「购买授权」改为打开新页面 buy.html：①展示本项目全部在售套餐 ②选套餐后才显示支付方式 ③下单支付
- 自动激活改为后台 chrome.alarms 每分钟轮询（关掉侧边栏/支付页也能激活），侧边栏轮询保留为快速通道
- authCreateOrder 支持传入所选套餐 cardTypeId；新增 getCardTypes 消息

sidepanel.css

@@ -894,35 +894,11 @@ body {
     background: linear-gradient(135deg, #f57c00, #ff9800);
 }
 
-.pay-select-row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
+.buy-hint {
     margin-top: 8px;
-}
-
-.pay-select-label {
     font-size: 12px;
-    color: #666;
-}
-
-.pay-btn {
-    padding: 6px 12px;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    background: #fff;
-    font-size: 12px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-}
-
-.pay-btn:hover {
-    border-color: #4caf50;
-    color: #2e7d32;
-}
-
-.pay-cancel {
-    color: #999;
+    line-height: 1.6;
+    color: #888;
 }
 
 .order-status {
@@ -1055,4 +1031,9 @@ body {
 @keyframes latest-version-pulse {
     0%, 100% { box-shadow: 0 4px 14px rgba(255, 36, 66, 0.45); }
     50% { box-shadow: 0 4px 22px rgba(255, 36, 66, 0.75); }
+}
+
+/* hidden 属性必须压过 display:flex 等规则，否则元素常驻显示（购买授权点了没反应即此原因） */
+[hidden] {
+    display: none !important;
 }