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/screen.css

@@ -7,36 +7,36 @@
 
 :root,
 [data-bs-theme="light"] {
-  --scr-bg: #eef3ee;
+  --scr-bg: #eef4fb;
   --scr-panel: #ffffff;
-  --scr-panel-2: #f7faf7;
-  --scr-line: #dbe5dc;
-  --scr-text: #0f241d;
-  --scr-text-2: #33493f;
-  --scr-muted: #5f7468;
-  --scr-accent: #1f6b52;
-  --scr-accent-2: #2f8a69;
-  --scr-accent-solid: #1f6b52;
+  --scr-panel-2: #f7fafd;
+  --scr-line: #dbe6f1;
+  --scr-text: #0f1c29;
+  --scr-text-2: #354a60;
+  --scr-muted: #5d7186;
+  --scr-accent: #2f5f9e;
+  --scr-accent-2: #3f74b4;
+  --scr-accent-solid: #2f5f9e;
   --scr-danger: #b3261e;
   --scr-warn: #8a5200;
-  --scr-glow: 0 0 18px rgba(31, 107, 82, 0.12);
-  --scr-shadow: 0 14px 32px -22px rgba(16, 32, 24, 0.4);
+  --scr-glow: 0 0 18px rgba(47, 95, 158, 0.12);
+  --scr-shadow: 0 14px 32px -22px rgba(20, 32, 43, 0.4);
 }
 
 [data-bs-theme="dark"] {
-  --scr-bg: #0a120f;
-  --scr-panel: #111a16;
-  --scr-panel-2: #16211c;
-  --scr-line: #24352d;
-  --scr-text: #e8f2ec;
-  --scr-text-2: #b5c9bd;
-  --scr-muted: #87a094;
-  --scr-accent: #5cc4a3;
-  --scr-accent-2: #7bd7b8;
-  --scr-accent-solid: #2b7d61;
+  --scr-bg: #070e16;
+  --scr-panel: #0f1823;
+  --scr-panel-2: #142030;
+  --scr-line: #203448;
+  --scr-text: #e7f0f9;
+  --scr-text-2: #b6c9db;
+  --scr-muted: #87a0b8;
+  --scr-accent: #6fa8dc;
+  --scr-accent-2: #93c4ee;
+  --scr-accent-solid: #2b5d94;
   --scr-danger: #f08a82;
   --scr-warn: #e0b072;
-  --scr-glow: 0 0 24px rgba(92, 196, 163, 0.16);
+  --scr-glow: 0 0 24px rgba(111, 168, 220, 0.16);
   --scr-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
 }
 
@@ -198,10 +198,10 @@ body.screen-body::before {
 .heat-cell span { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); }
 .heat-cell b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; font-weight: 700; color: var(--scr-text); white-space: nowrap; }
 .heat-cell.out { background: var(--scr-panel-2); border-color: var(--scr-line); }
-.heat-cell.out span, .heat-cell.out b { color: var(--scr-muted); }
+.heat-cell.out span, .heat-cell.out b { color: var(--scr-text-2); }
 .heat-cell.past { opacity: 1; }
 .heat-cell.today { outline: 1px solid var(--scr-accent); outline-offset: -1px; }
-.heat-cell.today span { color: var(--scr-accent); font-weight: 700; }
+.heat-cell.today span { color: var(--scr-text); font-weight: 700; }
 .heat-cell:hover { transform: translateY(-1px); border-color: var(--scr-accent); z-index: 3; }
 
 .heat-cell.h1 { background: color-mix(in srgb, var(--scr-accent) 10%, var(--scr-panel-2)); }
@@ -226,7 +226,7 @@ body.screen-body::before {
 .heat-legend i.h2 { background: color-mix(in srgb, var(--scr-accent) 22%, var(--scr-panel-2)); }
 .heat-legend i.h3 { background: color-mix(in srgb, var(--scr-accent) 36%, var(--scr-panel-2)); }
 .heat-legend i.h4 { background: color-mix(in srgb, var(--scr-accent) 52%, var(--scr-panel-2)); }
-.heat-legend .legend-hint { margin-left: auto; font-style: normal; opacity: 0.8; }
+.heat-legend .legend-hint { margin-left: auto; font-style: normal; color: var(--scr-text-2); }
 
 /* TOP 10 */
 .top-list { list-style: none; margin: 0; padding: 6px 10px; overflow: auto; flex: 1 1 auto; min-height: 0; }