feat(v1.11.0): 通行证/深渊模式、淡蓝配色与触控小键盘修复

- 触控小键盘补回 3×4 网格样式：上一版重写 CSS 时漏掉了 .keypad/.key，
  按钮退化成行内小方块；现在恢复 46px 圆角键、⌫/✓ 功能键和「触控」开关态。
- 通行证（原「包赛季」）：整段有效期在独立日历上按套餐色连续着色（18% 透明度），
  每一格显示同一个「已完成 / 总单数」（0/1 或 1/1）；完成后色块保留并显示 1/1。
  沿用 season_done 记录完成日期，交互动线不变。
- 新增深渊模式：套餐设置周期天数 N 与周期数 X；开通时从开始日排出 X 个 N 天周期，
  结束日 = 开始日 + N×X − 1。周期内任意一天完成即算该周期完成；同一周期重复完成
  不重复计数；撤销该周期最后一条完成打卡会回退计数。独立日历连续着色，每格显示
  同一个「已完成周期 / 总周期数」。
- 全量把「包赛季」改名为「通行证」；套餐表单新增通行证 / 深渊选项，深渊显示 N/X 字段；
  客户开通表单、套餐批量开通、订阅列表、客户订阅卡片、日历待办行同步适配，
  通行证 / 深渊不再显示「追加时长」（提交也会被服务端拒绝）。
- 快速完成 / 批量完成对通行证改为整段完成，对深渊走周期打卡，不再错误地按日写打卡。
- 配色改为淡蓝 / 暗蓝：亮色用暗蓝主色 + 淡蓝纸底，暗色用海军蓝底 + 淡蓝强调；
  默认套餐色改为 #3B6EA5；大屏同步蓝调并修正热力图例与今日数字的对比度。
- 大屏页签排除通行证 / 深渊（它们不计每日热力，避免点开是空日历）；「今日待打」
  仍会列出待处理的通行证 / 深渊。
- 数据迁移：packages.abyss / packages.cycle_days / subscriptions.abyss /
  subscriptions.cycle_days，老库启动自动补列。
- 修复手机端整段色块把 7 列日历撑出屏幕：日历改成 minmax(0,1fr)，小屏色块缩小。
- 版本号 1.10.0 → 1.11.0。

验证：gofmt / go vet / go test 全绿；亮暗两套、1440 与 390 两档截图走查；
通行证 0/1 → 1/1、深渊 1/4 → 2/4、同周期重复完成不重复计数、撤销回退均实测通过。

internal/web/static/app.js

@@ -76,6 +76,8 @@
     var startWrap = form.querySelector('[data-start-wrap]');
     var startInput = form.querySelector('input[name="start_date"]');
     var endInput = endWrap && endWrap.querySelector('input');
+    var cyclesWrap = form.querySelector('[data-cycles-wrap]');
+    var cyclesInput = cyclesWrap && cyclesWrap.querySelector('input');
     if (!sel) return;
 
     /* 只覆盖“上一次自动填的”终止日，不碰用户手填的值 */
@@ -87,6 +89,13 @@
       }
     }
 
+    /* 显示/隐藏一组字段；隐藏时一并 disable，避免同名字段重复提交 */
+    function setWrap(wrap, show) {
+      if (!wrap) return;
+      wrap.hidden = !show;
+      wrap.querySelectorAll('input, select, textarea').forEach(function (el) { el.disabled = !show; });
+    }
+
     function sync() {
       var opt = sel.options[sel.selectedIndex];
       var unit = opt && opt.getAttribute('data-unit');
@@ -94,30 +103,48 @@
       var validity = opt && parseInt(opt.getAttribute('data-validity') || '0', 10);
 
       if (unit === 'season') {
-        if (daysWrap) daysWrap.hidden = true;
-        if (countWrap) countWrap.hidden = true;
-        if (endWrap) endWrap.hidden = true;
-        if (startWrap) startWrap.hidden = true;
+        setWrap(daysWrap, false);
+        setWrap(countWrap, false);
+        setWrap(endWrap, false);
+        setWrap(startWrap, false);
+        setWrap(cyclesWrap, false);
         if (startInput) startInput.required = false;
         return;
       }
 
-      if (startWrap) startWrap.hidden = false;
+      setWrap(startWrap, true);
       if (startInput) startInput.required = true;
 
+      if (unit === 'abyss') {
+        setWrap(daysWrap, false);
+        setWrap(countWrap, false);
+        setWrap(endWrap, false);
+        setWrap(cyclesWrap, true);
+        if (cyclesInput) {
+          cyclesInput.required = true;
+          if (amount) cyclesInput.value = amount;
+        }
+        return;
+      }
+
+      setWrap(cyclesWrap, false);
+      if (cyclesInput) cyclesInput.required = false;
+
       if (unit === 'count') {
-        if (daysWrap) daysWrap.hidden = true;
-        if (countWrap) { countWrap.hidden = false; if (amount) countWrap.querySelector('input').value = amount; }
-        if (endWrap) endWrap.hidden = false;
+        setWrap(daysWrap, false);
+        setWrap(countWrap, true);
+        setWrap(endWrap, true);
+        if (amount) countWrap.querySelector('input').value = amount;
         if (validity > 0 && startInput && startInput.value) setAutoEnd(addDays(startInput.value, validity - 1));
       } else if (unit === 'day') {
-        if (daysWrap) { daysWrap.hidden = false; if (amount) daysWrap.querySelector('input').value = amount; }
-        if (countWrap) countWrap.hidden = true;
-        if (endWrap) endWrap.hidden = false;
+        setWrap(daysWrap, true);
+        setWrap(countWrap, false);
+        setWrap(endWrap, true);
+        if (amount) daysWrap.querySelector('input').value = amount;
       } else {
-        if (daysWrap) daysWrap.hidden = false;
-        if (countWrap) countWrap.hidden = true;
-        if (endWrap) endWrap.hidden = true;
+        setWrap(daysWrap, true);
+        setWrap(countWrap, false);
+        setWrap(endWrap, false);
       }
     }
 
@@ -134,22 +161,40 @@
     sync();
   });
 
-  /* ---------- 套餐表单：切换默认量单位文案 ---------- */
+  /* ---------- 套餐表单：切换计费方式与对应字段 ---------- */
   document.querySelectorAll('form[data-package-form]').forEach(function (form) {
     var label = form.querySelector('[data-unit-label]');
+    var amountTitle = form.querySelector('[data-amount-title]');
     var radios = form.querySelectorAll('input[name="unit"]');
+    var seasonWrap = form.querySelector('[data-season-wrap]');
+    var validityWrap = form.querySelector('[data-validity-wrap]');
+    var abyssWrap = form.querySelector('[data-abyss-wrap]');
+    var amountWrap = form.querySelector('[data-amount-wrap]');
+    var cycleInput = form.querySelector('input[name="cycle_days"]');
+
+    function setWrap(wrap, show) {
+      if (!wrap) return;
+      wrap.hidden = !show;
+      wrap.querySelectorAll('input, select, textarea').forEach(function (el) { el.disabled = !show; });
+    }
+
     function sync() {
       var v = 'day';
       radios.forEach(function (r) { if (r.checked) v = r.value; });
-      if (label) label.textContent = v === 'count' ? '次' : '天';
-      var seasonWrap = form.querySelector('[data-season-wrap]');
-      var validityWrap = form.querySelector('[data-validity-wrap]');
+
+      if (label) label.textContent = v === 'count' ? '次' : (v === 'abyss' ? '个' : '天');
+      if (amountTitle) amountTitle.textContent = v === 'abyss' ? '周期数' : '默认量';
+
+      setWrap(seasonWrap, v === 'season');
+      setWrap(validityWrap, v === 'count');
+      setWrap(abyssWrap, v === 'abyss');
+      setWrap(amountWrap, v !== 'season');
       if (seasonWrap) {
-        seasonWrap.hidden = v !== 'season';
         seasonWrap.querySelectorAll('input').forEach(function (i) { i.required = v === 'season'; });
       }
-      if (validityWrap) { validityWrap.hidden = v !== 'count'; }
+      if (cycleInput) cycleInput.required = v === 'abyss';
     }
+
     radios.forEach(function (r) { r.addEventListener('change', sync); });
     sync();
   });