fix(v1.11.5): 深渊日历按单周期显示 1/1 或 0/1，工作台与大屏同步

- 整段色块计数改为按当前格所在周期：cycleDone → 1/1，否则 0/1；
  不再把全局 used/total 重复到每一格。
- 抽出 blockCellText / blockCellPercent，工作台、大屏、客户自助页共用同一口径；
  通行证保持 0/1 / 1/1，深渊按所在周期 1/1 / 0/1。
- 大屏恢复通行证 / 深渊页签；screenCalSubs 补上缺失的 start（之前为零值，
  导致大屏周期判定和色阶都算错），大屏格子现在显示与工作台一致的 1/1、0/1
  以及 34%→4% 的周期色阶。
- 大屏色块样式：has-block / scr-block，亮暗两套都可读。
- 版本 1.11.5；README 的深渊说明同步，「工作台、大屏、客户自助页同一口径」。

验证：测试数据第一周期完成、第二周期未完成，工作台、 大屏、客户自助页均显示
20–26 为 1/1、27–31 为 0/1；周期浓度 34%/24%/14%/4%；gofmt / go vet /
go test 全绿。

README.md

@@ -19,7 +19,7 @@
   ┌───────────────────────────────────────────────┐
   │            代 打 台 · 代打管理平台             │
   └───────────────────────────────────────────────┘
-   版本 1.1.0   配置文件 daili.ini
+   版本 1.11.5   配置文件 daili.ini
    数据库 D:\代打台\daili.db
    访问地址：
      本机   http://127.0.0.1:17777
@@ -49,6 +49,7 @@
 | `timezone` | 空 | 留空跟随系统；可固定 `Asia/Shanghai`。**影响所有“自然日”计算** |
 | `open_browser` | `true` | 启动后自动打开浏览器 |
 | `screen_public` | `true` | 大屏 `/screen` 免登录（投屏用）；改 `false` 则需登录 |
+| `portal_public` | `true` | 客户自助查询 `/customer` 免登录；改 `false` 则关闭该页（不影响大屏） |
 | `log_enabled` | `true` | 运行日志写文件（控制台始终输出） |
 | `log_dir` | `logs` | 日志目录，按天切分 `daili-YYYY-MM-DD.log` |
 
@@ -149,15 +150,25 @@
   - 日历格左侧竖条 = 当天涉及的所有打手颜色（几种人几条，等分显示）；
   - 「当日待完成」每条前面有打手色条 + 名字，未指派的显示灰色「未指派」；
   - 大屏的今日待打、悬停浮层、热力格竖条同样带颜色。
-- **主题**：顶栏右上角 ☾ / ☀ 切换亮 / 暗，偏好记在浏览器里；不选时跟随系统。
+- **主题**：顶栏右上角 ☾ / ☀ 切换亮 / 暗，偏好记在浏览器里；没选过时由页面在首屏按系统偏好自动决定。整套界面只认 `<html data-bs-theme>` 一个开关，不会出现「半亮半暗」。
-- **升级不缓存旧界面**：CSS/JS 链接带版本号（`app.css?v=1.6.0`），换新版程序后浏览器会自动取新文件，不用手动清缓存。
+- **升级不缓存旧界面**：CSS/JS 链接带**内容指纹**（`app.css?v=<12 位哈希>`）。资源可以长缓存（一年、immutable），但样式或脚本一改、重新编译，URL 就会变，浏览器自动取新文件，不用手动清缓存；HTML 仍然 `no-store`。
 
 ---
 
-## 4.3 包赛季与按次有效期
+## 4.4 客户自助查询 /customer
 
-- **包赛季**：套餐计费方式新增第三种「包赛季」，套餐上直接填赛季开始日/结束日。客户开通后，日历上用一条横向色带标出整段赛季；赛季内任意一天点「完成」即整段完成，完成后不再出现在日历与待打，客户详情显示「赛季已完成 + 日期」。
+- **独立开关**：`/customer` 由 `portal_public` 控制（默认 `true`），和大屏 `screen_public` 互不影响；关掉大屏不会连带关掉客户页。
-- **赛季过期不可选**：今天已过赛季结束日的套餐，在客户开通下拉里会置灰并标「赛季已结束」，服务端也会拒绝开通。
+- **查法**：只接受 4–8 位数字手机尾号，精确匹配；同一尾号有多位客户时要求补姓名，并用「张* / Z***」这样的掩码提示，不直接列全名；每个 IP 每分钟最多 40 次查询。
+- **展示**：今日待完成数量、订阅列表（通行证 / 深渊 / 按次 / 按日，含已到期、暂停、已用尽状态）、当月排单。月历里日常任务用空心/实心点表示未完成/已完成，通行证和深渊用连续色块并显示 `1/1` 或 `1/4 周期`；前后月只做日期占位。页面不含备注与价格。
+- **隐私**：页面 `noindex`，HTML `no-store`；只显示排单与完成情况。若不需要客户自助，把 `portal_public` 改成 `false`。
+
+---
+
+## 4.3 通行证、深渊与按次有效期
+
+- **通行证**（原「包赛季」）：套餐上直接填通行证开始日/结束日。客户开通后，该套餐的独立日历会把整段有效期连续着色（用套餐色签的淡化色），每一格显示同一个「已完成 / 总单数」（0/1 或 1/1）。有效期内任意一天点「完成通行证」即整段完成，完成后色块保留并显示 1/1。
+- **深渊**：套餐填「周期天数 N」与「周期数 X」。开通时从开始日连续排出 X 个 N 天周期；独立日历按周期连续着色，颜色从约 34% 依次减淡到约 4%。每一格显示**该周期自己**的完成情况：`1/1` 或 `0/1`，不再重复全局的 `x/X`；工作台、大屏、客户自助页同一口径。周期内任意一天完成即算该周期完成（同周期重复完成不会重复计数），撤销该天打卡会退回该周期。
+- **通行证过期不可选**：今天已过通行证结束日的套餐，在客户开通下拉里会置灰并标「通行证已结束」，服务端也会拒绝开通。
 - **按次默认有效期**：按次套餐可设「默认有效期（天）」，开单时自动算出到期日（开始日 + 天数 − 1），仍可手动改。
 - **删除订阅**：已结束的订阅卡片上，在「重新启用」旁新增「删除」，二次确认后彻底删除该订阅及其打卡/追加记录。
 
@@ -184,7 +195,7 @@
 
 - **迁移**：关闭程序 → 把 `daili.db` 复制到新电脑的新目录 → 放入 `daili.exe` 双击即可，账号、套餐、客户、订阅、追加记录、打卡、日志全部原样保留。
 - **重置**：关闭程序 → 删除 `daili.db` → 重新打开，会回到「创建第一个管理员」的全新状态。
-- 包赛季是 `packages.season/season_start/season_end` 与 `subscriptions.season/season_done`；套餐标签是 `packages.tag`；客户停用是 `customers.archived`（0/1）；打手颜色存在 `users.color`，客户归属打手是 `customers.assignee_id`；加急标记存在 `daili.db` 的 `task_flags` 表；套餐的「独立日历」是 `packages.calendar_separate` 列，老版本数据库打开时会**自动加列**，不用手工迁移；
+- 通行证是 `packages.season/season_start/season_end` 与 `subscriptions.season/season_done`；深渊是 `packages.abyss/cycle_days` 与 `subscriptions.abyss/cycle_days`（`total_count` 存周期数）；套餐标签是 `packages.tag`；客户停用是 `customers.archived`（0/1）；打手颜色存在 `users.color`，客户归属打手是 `customers.assignee_id`；加急标记存在 `daili.db` 的 `task_flags` 表；套餐的「独立日历」是 `packages.calendar_separate` 列，老版本数据库打开时会**自动加列**，不用手工迁移；
 - `daili.ini`（监听/备份/日志配置）与 `backup/`、`logs/` 都是**独立于数据**的，迁移时可以不拷，程序会按默认值重新生成。
 
 - 手动备份：`设置 → 立即备份`（同样遵守保留份数），备份文件本身也是可直接打开的单文件库；
@@ -296,7 +307,7 @@ daili.ini                   首次运行自动生成
 单文件 SQLite + 每次操作即时落盘，正常使用不会丢；每天的自动备份是双保险。仍然建议定期把 `backup/` 拷到别的盘。
 
 **能放到公网吗？**
-不建议。程序按「局域网内可信环境」设计：会话 Cookie 有 HttpOnly / SameSite 保护，但没有 HTTPS、没有登录失败锁定，且大屏默认免登录。要放公网请套一层反向代理 + HTTPS + 访问控制，并把 `screen_public` 改成 `false`。
+不建议。程序按「局域网内可信环境」设计：会话 Cookie 有 HttpOnly / SameSite 保护，但没有 HTTPS、没有登录失败锁定，且大屏和客户自助页默认免登录。要放公网请套一层反向代理 + HTTPS + 访问控制，并把 `screen_public`、`portal_public` 改成 `false`。
 
 ---
 

internal/config/config.go

@@ -34,6 +34,7 @@ type Config struct {
 	Timezone      string
 	OpenBrowser   bool
 	ScreenPublic  bool
+	PortalPublic  bool
 	LogEnabled    bool
 	LogDir        string
 
@@ -57,6 +58,7 @@ func Defaults() *Config {
 		Timezone:      "",
 		OpenBrowser:   true,
 		ScreenPublic:  true,
+		PortalPublic:  true,
 		LogEnabled:    true,
 		LogDir:        "logs",
 	}
@@ -203,6 +205,12 @@ func (c *Config) set(key, val string) error {
 			return fmt.Errorf("screen_public %v", err)
 		}
 		c.ScreenPublic = b
+	case "portal_public":
+		b, err := parseBool(val)
+		if err != nil {
+			return fmt.Errorf("portal_public %v", err)
+		}
+		c.PortalPublic = b
 	case "log_enabled":
 		b, err := parseBool(val)
 		if err != nil {
@@ -307,6 +315,9 @@ open_browser = %t
 # 大屏 /screen 是否免登录（默认 true：适合投屏；改成 false 则需要登录）
 screen_public = %t
 
+# 客户自助查询 /customer 是否免登录（默认 true；不需要对外时可改成 false）
+portal_public = %t
+
 # ---------- 日志 ----------
 # 运行日志同时输出到控制台与 log_dir 下按天切分的文件
 log_enabled = %t
@@ -322,6 +333,7 @@ log_dir = %s
 		c.Timezone,
 		c.OpenBrowser,
 		c.ScreenPublic,
+		c.PortalPublic,
 		c.LogEnabled,
 		c.LogDir,
 	)

internal/domain/domain.go

@@ -74,6 +74,29 @@ const (
 	UnitCount = "count"
 )
 
+// CycleIndex 返回 date 在 [start, start+cycleDays*cycles) 内的周期序号（0 起）。
+// 越界或参数不合法返回 -1。
+func CycleIndex(start, date time.Time, cycleDays int) int {
+	if cycleDays <= 0 {
+		return -1
+	}
+	d := DayDiff(start, date)
+	if d < 0 {
+		return -1
+	}
+	return d / cycleDays
+}
+
+// CycleStart 返回第 idx 个周期的第一天。
+func CycleStart(start time.Time, cycleDays, idx int) time.Time {
+	return AddDays(start, idx*cycleDays)
+}
+
+// CycleEnd 返回第 idx 个周期的最后一天。
+func CycleEnd(start time.Time, cycleDays, idx int) time.Time {
+	return AddDays(start, (idx+1)*cycleDays-1)
+}
+
 // 派生展示状态
 const (
 	StateActive  = "active"  // 进行中

internal/store/checkins.go

@@ -44,7 +44,35 @@ func (db *DB) SaveCheckin(subID int64, date, status, note string, operatorID int
 		}
 
 		delta := 0
-		if s.Unit == domain.UnitCount {
+		if s.Abyss {
+			if s.CycleDays <= 0 {
+				return errors.New("该深渊套餐未设置周期天数")
+			}
+			d, _ := domain.ParseDate(date)
+			start := domain.ParseDateOr(s.StartDate, domain.Today())
+			idx := domain.CycleIndex(start, d, s.CycleDays)
+			if idx < 0 || idx >= s.TotalCount {
+				return errors.New("日期不在深渊周期内")
+			}
+			cycStart := domain.Date(domain.CycleStart(start, s.CycleDays, idx))
+			cycEnd := domain.Date(domain.CycleEnd(start, s.CycleDays, idx))
+			var otherDone int
+			if err := tx.QueryRow(`SELECT COUNT(*) FROM checkins WHERE sub_id=? AND status='done'
+				AND service_date BETWEEN ? AND ? AND service_date<>?`, subID, cycStart, cycEnd, date).Scan(&otherDone); err != nil {
+				return err
+			}
+			oldDone := hasOld && oldStatus == "done"
+			newDone := status == "done"
+			switch {
+			case newDone && !oldDone && otherDone == 0:
+				if s.UsedCount >= s.TotalCount {
+					return errors.New("所有周期已完成")
+				}
+				delta = 1
+			case !newDone && oldDone && otherDone == 0:
+				delta = -1
+			}
+		} else if s.Unit == domain.UnitCount {
 			oldDone := hasOld && oldStatus == "done"
 			newDone := status == "done"
 			switch {
@@ -103,8 +131,29 @@ func (db *DB) DeleteCheckin(id, operatorID int64) (int64, error) {
 		if err != nil {
 			return err
 		}
+		delta := 0
 		if s.Unit == domain.UnitCount && status == "done" {
-			newUsed := s.UsedCount - 1
+			delta = -1
+		}
+		if s.Abyss && status == "done" && s.CycleDays > 0 {
+			d, _ := domain.ParseDate(date)
+			start := domain.ParseDateOr(s.StartDate, domain.Today())
+			idx := domain.CycleIndex(start, d, s.CycleDays)
+			if idx >= 0 {
+				cycStart := domain.Date(domain.CycleStart(start, s.CycleDays, idx))
+				cycEnd := domain.Date(domain.CycleEnd(start, s.CycleDays, idx))
+				var remain int
+				if err := tx.QueryRow(`SELECT COUNT(*) FROM checkins WHERE sub_id=? AND status='done'
+					AND service_date BETWEEN ? AND ?`, subID, cycStart, cycEnd).Scan(&remain); err != nil {
+					return err
+				}
+				if remain == 0 {
+					delta = -1
+				}
+			}
+		}
+		if delta != 0 {
+			newUsed := s.UsedCount + delta
 			if newUsed < 0 {
 				newUsed = 0
 			}
@@ -120,7 +169,6 @@ func (db *DB) DeleteCheckin(id, operatorID int64) (int64, error) {
 
 // CheckinsBetween 取区间内打卡，索引为 [subID][date]。
 func (db *DB) CheckinsBetween(from, to string) (map[int64]map[string]Checkin, error) {
-	out := map[int64]map[string]Checkin{}
 	rows, err := db.sql.Query(`SELECT c.id,c.sub_id,c.service_date,c.status,c.note,IFNULL(c.operator_id,0),
 		IFNULL(u.display_name,''),c.created_at,c.updated_at
 		FROM checkins c LEFT JOIN users u ON u.id=c.operator_id
@@ -128,6 +176,32 @@ func (db *DB) CheckinsBetween(from, to string) (map[int64]map[string]Checkin, er
 	if err != nil {
 		return nil, err
 	}
+	return scanCheckinMap(rows)
+}
+
+// CheckinsForSubs 只取指定订阅在区间内的打卡，避免客户自助页把全部客户的打卡读进内存。
+func (db *DB) CheckinsForSubs(ids []int64, from, to string) (map[int64]map[string]Checkin, error) {
+	out := map[int64]map[string]Checkin{}
+	if len(ids) == 0 {
+		return out, nil
+	}
+	args := make([]any, 0, len(ids)+2)
+	for _, id := range ids {
+		args = append(args, id)
+	}
+	args = append(args, from, to)
+	rows, err := db.sql.Query(`SELECT c.id,c.sub_id,c.service_date,c.status,c.note,IFNULL(c.operator_id,0),
+		IFNULL(u.display_name,''),c.created_at,c.updated_at
+		FROM checkins c LEFT JOIN users u ON u.id=c.operator_id
+		WHERE c.sub_id IN (`+placeholders(len(ids))+`) AND c.service_date BETWEEN ? AND ?`, args...)
+	if err != nil {
+		return nil, err
+	}
+	return scanCheckinMap(rows)
+}
+
+func scanCheckinMap(rows *sql.Rows) (map[int64]map[string]Checkin, error) {
+	out := map[int64]map[string]Checkin{}
 	defer rows.Close()
 	for rows.Next() {
 		var c Checkin

internal/store/customers.go

@@ -172,7 +172,25 @@ func summarizeSubs(subs []Subscription, today string, warnDays int) (string, str
 			continue
 		}
 		var text string
-		if s.Unit == domain.UnitDay {
+		if s.Season {
+			switch {
+			case s.SeasonDone != "":
+				text = s.PackageName + " 通行证已完成"
+			case e.State == domain.StateExpired:
+				text = s.PackageName + " 通行证已结束"
+			default:
+				text = fmt.Sprintf("%s 通行证 %d/%d", s.PackageName, s.BlockDone(), s.BlockTotal())
+			}
+		} else if s.Abyss {
+			switch {
+			case s.TotalCount > 0 && s.UsedCount >= s.TotalCount:
+				text = fmt.Sprintf("%s %d/%d 周期", s.PackageName, s.UsedCount, s.TotalCount)
+			case e.State == domain.StateExpired:
+				text = fmt.Sprintf("%s %d/%d 周期 已过期", s.PackageName, s.UsedCount, s.TotalCount)
+			default:
+				text = fmt.Sprintf("%s %d/%d 周期", s.PackageName, s.UsedCount, s.TotalCount)
+			}
+		} else if s.Unit == domain.UnitDay {
 			switch {
 			case e.State == domain.StateExpired:
 				text = s.PackageName + " 已过期"
@@ -218,13 +236,22 @@ func (db *DB) CustomerCount() (int, error) {
 	return n, err
 }
 
+// CustomersByTailExact 按手机尾号精确匹配客户（客户自助页用，不退回模糊匹配）。
+func (db *DB) CustomersByTailExact(tail string) ([]Customer, error) {
+	tail = strings.TrimSpace(tail)
+	if tail == "" {
+		return nil, nil
+	}
+	return db.queryCustomers(`SELECT `+customerCols+` FROM customers WHERE IFNULL(archived,0)=0 AND tail = ? ORDER BY id`, tail)
+}
+
 // CustomersByTail 按手机尾号精确匹配客户；没有精确命中时退回模糊匹配。
 func (db *DB) CustomersByTail(tail string) ([]Customer, error) {
 	tail = strings.TrimSpace(tail)
 	if tail == "" {
 		return nil, nil
 	}
-	out, err := db.queryCustomers(`SELECT `+customerCols+` FROM customers WHERE IFNULL(archived,0)=0 AND tail = ? ORDER BY id`, tail)
+	out, err := db.CustomersByTailExact(tail)
 	if err != nil {
 		return nil, err
 	}

internal/store/db.go

@@ -164,6 +164,23 @@ func (db *DB) Migrate() error {
 		"ALTER TABLE subscriptions ADD COLUMN season_done TEXT NOT NULL DEFAULT ''"); err != nil {
 		return err
 	}
+	// v1.11：深渊模式（N 天一个周期）与通行证改名的数据字段
+	if err := db.ensureColumn("packages", "abyss",
+		"ALTER TABLE packages ADD COLUMN abyss INTEGER NOT NULL DEFAULT 0"); err != nil {
+		return err
+	}
+	if err := db.ensureColumn("packages", "cycle_days",
+		"ALTER TABLE packages ADD COLUMN cycle_days INTEGER NOT NULL DEFAULT 0"); err != nil {
+		return err
+	}
+	if err := db.ensureColumn("subscriptions", "abyss",
+		"ALTER TABLE subscriptions ADD COLUMN abyss INTEGER NOT NULL DEFAULT 0"); err != nil {
+		return err
+	}
+	if err := db.ensureColumn("subscriptions", "cycle_days",
+		"ALTER TABLE subscriptions ADD COLUMN cycle_days INTEGER NOT NULL DEFAULT 0"); err != nil {
+		return err
+	}
 	return nil
 }
 
@@ -221,7 +238,7 @@ var schemaStatements = []string{
 		unit TEXT NOT NULL CHECK (unit IN ('day','count')),
 		default_amount INTEGER NOT NULL DEFAULT 30,
 		price_cents INTEGER,
-		color TEXT NOT NULL DEFAULT '#2F5D50',
+		color TEXT NOT NULL DEFAULT '#3B6EA5',
 		note TEXT NOT NULL DEFAULT '',
 		archived INTEGER NOT NULL DEFAULT 0,
 		sort_order INTEGER NOT NULL DEFAULT 0,
@@ -231,6 +248,8 @@ var schemaStatements = []string{
 		default_validity_days INTEGER NOT NULL DEFAULT 0,
 		season_start TEXT NOT NULL DEFAULT '',
 		season_end TEXT NOT NULL DEFAULT '',
+		abyss INTEGER NOT NULL DEFAULT 0,
+		cycle_days INTEGER NOT NULL DEFAULT 0,
 		created_at TEXT NOT NULL,
 		updated_at TEXT NOT NULL
 	)`,
@@ -262,6 +281,8 @@ var schemaStatements = []string{
 		used_count INTEGER NOT NULL DEFAULT 0,
 		season INTEGER NOT NULL DEFAULT 0,
 		season_done TEXT NOT NULL DEFAULT '',
+		abyss INTEGER NOT NULL DEFAULT 0,
+		cycle_days INTEGER NOT NULL DEFAULT 0,
 		note TEXT NOT NULL DEFAULT '',
 		created_by INTEGER REFERENCES users(id),
 		created_at TEXT NOT NULL,

internal/store/packages.go

@@ -3,6 +3,7 @@ package store
 import (
 	"database/sql"
 	"errors"
+	"strconv"
 	"strings"
 
 	"daili/internal/domain"
@@ -24,11 +25,14 @@ type Package struct {
 	CalendarSeparate bool
 	// Tag 套餐标签：相同标签的套餐在日历里合并显示
 	Tag string
-	// Season 包赛季模式：开始~结束之间任意一天可整段完成
+	// Season 通行证模式：开始~结束之间任意一天可整段完成
 	Season bool
+	// Abyss 深渊模式：CycleDays 天一个周期，共 DefaultAmount 个周期
+	Abyss     bool
+	CycleDays int
 	// DefaultValidityDays 按次套餐默认有效期（天），0 不限
 	DefaultValidityDays int
-	// 包赛季的固定区间（套餐级）
+	// 通行证的固定区间（套餐级）
 	SeasonStart string
 	SeasonEnd   string
 	CreatedAt   string
@@ -39,8 +43,11 @@ type Package struct {
 
 // UnitLabel 返回类型中文名。
 func (p *Package) UnitLabel() string {
+	if p.Abyss {
+		return "深渊"
+	}
 	if p.Season {
-		return "包赛季"
+		return "通行证"
 	}
 	if p.Unit == domain.UnitCount {
 		return "按次"
@@ -48,12 +55,35 @@ func (p *Package) UnitLabel() string {
 	return "按日"
 }
 
+// AmountText 返回「默认量」列的中文描述。
+func (p *Package) AmountText() string {
+	if p.Abyss {
+		return strconv.Itoa(p.DefaultAmount) + " 周期"
+	}
+	if p.Season {
+		return "整段"
+	}
+	if p.Unit == domain.UnitCount {
+		return strconv.Itoa(p.DefaultAmount) + " 次"
+	}
+	return strconv.Itoa(p.DefaultAmount) + " 天"
+}
+
+// CycleLabel 返回深渊模式的人话描述。
+func (p *Package) CycleLabel() string {
+	if !p.Abyss || p.CycleDays <= 0 {
+		return ""
+	}
+	return strconv.Itoa(p.CycleDays) + " 天/周期"
+}
+
 func scanPackage(row interface{ Scan(dest ...any) error }) (*Package, error) {
 	var p Package
 	var price sql.NullInt64
-	var archived, separate, season, validity int
+	var archived, separate, season, validity, abyss, cycleDays int
 	err := row.Scan(&p.ID, &p.Name, &p.Unit, &p.DefaultAmount, &price, &p.Color, &p.Note,
-		&archived, &p.SortOrder, &separate, &p.Tag, &season, &validity, &p.SeasonStart, &p.SeasonEnd, &p.CreatedAt, &p.UpdatedAt)
+		&archived, &p.SortOrder, &separate, &p.Tag, &season, &validity, &p.SeasonStart, &p.SeasonEnd,
+		&abyss, &cycleDays, &p.CreatedAt, &p.UpdatedAt)
 	if err != nil {
 		if errors.Is(err, sql.ErrNoRows) {
 			return nil, ErrNotFound
@@ -63,6 +93,8 @@ func scanPackage(row interface{ Scan(dest ...any) error }) (*Package, error) {
 	p.Archived = archived == 1
 	p.CalendarSeparate = separate == 1
 	p.Season = season == 1
+	p.Abyss = abyss == 1
+	p.CycleDays = cycleDays
 	p.DefaultValidityDays = validity
 	if price.Valid {
 		p.PriceCents = int(price.Int64)
@@ -73,7 +105,7 @@ func scanPackage(row interface{ Scan(dest ...any) error }) (*Package, error) {
 
 // ListPackages 列出套餐（含订阅计数）。
 func (db *DB) ListPackages(includeArchived bool) ([]Package, error) {
-	q := `SELECT p.id,p.name,p.unit,p.default_amount,p.price_cents,p.color,p.note,p.archived,p.sort_order,p.calendar_separate,p.tag,p.season,p.default_validity_days,p.season_start,p.season_end,p.created_at,p.updated_at,
+	q := `SELECT p.id,p.name,p.unit,p.default_amount,p.price_cents,p.color,p.note,p.archived,p.sort_order,p.calendar_separate,p.tag,p.season,p.default_validity_days,p.season_start,p.season_end,p.abyss,p.cycle_days,p.created_at,p.updated_at,
 		(SELECT COUNT(*) FROM subscriptions s WHERE s.package_id=p.id),
 		(SELECT COUNT(*) FROM subscriptions s WHERE s.package_id=p.id AND s.status<>'closed')
 		FROM packages p`
@@ -90,14 +122,17 @@ func (db *DB) ListPackages(includeArchived bool) ([]Package, error) {
 	for rows.Next() {
 		var p Package
 		var price sql.NullInt64
-		var archived, separate, season, validity int
+		var archived, separate, season, validity, abyss, cycleDays int
 		if err := rows.Scan(&p.ID, &p.Name, &p.Unit, &p.DefaultAmount, &price, &p.Color, &p.Note,
-			&archived, &p.SortOrder, &separate, &p.Tag, &season, &validity, &p.SeasonStart, &p.SeasonEnd, &p.CreatedAt, &p.UpdatedAt, &p.SubCount, &p.ActiveCount); err != nil {
+			&archived, &p.SortOrder, &separate, &p.Tag, &season, &validity, &p.SeasonStart, &p.SeasonEnd,
+			&abyss, &cycleDays, &p.CreatedAt, &p.UpdatedAt, &p.SubCount, &p.ActiveCount); err != nil {
 			return nil, err
 		}
 		p.Archived = archived == 1
 		p.CalendarSeparate = separate == 1
 		p.Season = season == 1
+		p.Abyss = abyss == 1
+		p.CycleDays = cycleDays
 		p.DefaultValidityDays = validity
 		if price.Valid {
 			p.PriceCents = int(price.Int64)
@@ -110,7 +145,7 @@ func (db *DB) ListPackages(includeArchived bool) ([]Package, error) {
 
 // Package 取单个套餐。
 func (db *DB) Package(id int64) (*Package, error) {
-	return scanPackage(db.sql.QueryRow(`SELECT id,name,unit,default_amount,price_cents,color,note,archived,sort_order,calendar_separate,tag,season,default_validity_days,season_start,season_end,created_at,updated_at
+	return scanPackage(db.sql.QueryRow(`SELECT id,name,unit,default_amount,price_cents,color,note,archived,sort_order,calendar_separate,tag,season,default_validity_days,season_start,season_end,abyss,cycle_days,created_at,updated_at
 		FROM packages WHERE id=?`, id))
 }
 
@@ -122,15 +157,15 @@ func (db *DB) CreatePackage(p *Package) (int64, error) {
 		p.DefaultAmount = 30
 	}
 	if strings.TrimSpace(p.Color) == "" {
-		p.Color = "#2F5D50"
+		p.Color = "#3B6EA5"
 	}
 	var price any
 	if p.HasPrice {
 		price = p.PriceCents
 	}
-	res, err := db.sql.Exec(`INSERT INTO packages(name,unit,default_amount,price_cents,color,note,archived,sort_order,calendar_separate,tag,season,default_validity_days,season_start,season_end,created_at,updated_at)
+	res, err := db.sql.Exec(`INSERT INTO packages(name,unit,default_amount,price_cents,color,note,archived,sort_order,calendar_separate,tag,season,default_validity_days,season_start,season_end,abyss,cycle_days,created_at,updated_at)
-		VALUES(?,?,?,?,?,?,0,?,?,?,?,?,?,?,?,?)`,
+		VALUES(?,?,?,?,?,?,0,?,?,?,?,?,?,?,?,?,?,?)`,
-		p.Name, p.Unit, p.DefaultAmount, price, p.Color, p.Note, p.SortOrder, b2i(p.CalendarSeparate), strings.TrimSpace(p.Tag), b2i(p.Season), p.DefaultValidityDays, p.SeasonStart, p.SeasonEnd, now, now)
+		p.Name, p.Unit, p.DefaultAmount, price, p.Color, p.Note, p.SortOrder, b2i(p.CalendarSeparate), strings.TrimSpace(p.Tag), b2i(p.Season), p.DefaultValidityDays, p.SeasonStart, p.SeasonEnd, b2i(p.Abyss), p.CycleDays, now, now)
 	if err != nil {
 		return 0, err
 	}
@@ -144,14 +179,14 @@ func (db *DB) UpdatePackage(p *Package) error {
 		p.DefaultAmount = 30
 	}
 	if strings.TrimSpace(p.Color) == "" {
-		p.Color = "#2F5D50"
+		p.Color = "#3B6EA5"
 	}
 	var price any
 	if p.HasPrice {
 		price = p.PriceCents
 	}
-	_, err := db.sql.Exec(`UPDATE packages SET name=?,unit=?,default_amount=?,price_cents=?,color=?,note=?,sort_order=?,calendar_separate=?,tag=?,season=?,default_validity_days=?,season_start=?,season_end=?,updated_at=?
+	_, err := db.sql.Exec(`UPDATE packages SET name=?,unit=?,default_amount=?,price_cents=?,color=?,note=?,sort_order=?,calendar_separate=?,tag=?,season=?,default_validity_days=?,season_start=?,season_end=?,abyss=?,cycle_days=?,updated_at=?
-		WHERE id=?`, p.Name, p.Unit, p.DefaultAmount, price, p.Color, p.Note, p.SortOrder, b2i(p.CalendarSeparate), strings.TrimSpace(p.Tag), b2i(p.Season), p.DefaultValidityDays, p.SeasonStart, p.SeasonEnd, nowStamp(), p.ID)
+		WHERE id=?`, p.Name, p.Unit, p.DefaultAmount, price, p.Color, p.Note, p.SortOrder, b2i(p.CalendarSeparate), strings.TrimSpace(p.Tag), b2i(p.Season), p.DefaultValidityDays, p.SeasonStart, p.SeasonEnd, b2i(p.Abyss), p.CycleDays, nowStamp(), p.ID)
 	return err
 }
 

internal/store/subscriptions.go

@@ -26,9 +26,12 @@ type Subscription struct {
 	CreatedAt  string
 	UpdatedAt  string
 	ClosedAt   string
-	// Season 包赛季；SeasonDone 标记整段完成的日期（空=未完成）
+	// Season 通行证；SeasonDone 标记整段完成的日期（空=未完成）
 	Season     bool
 	SeasonDone string
+	// Abyss 深渊模式：CycleDays 天一个周期，TotalCount 是周期总数
+	Abyss     bool
+	CycleDays int
 
 	// 联表
 	PackageName     string
@@ -51,6 +54,34 @@ func (s *Subscription) Eval(today time.Time, warnDays int) domain.Eval {
 // IsCount 是否按次套餐。
 func (s *Subscription) IsCount() bool { return s.Unit == domain.UnitCount }
 
+// IsBlock 是否整段型（通行证 / 深渊）：日历上按连续色块展示，不按天计任务。
+func (s *Subscription) IsBlock() bool { return s.Season || s.Abyss }
+
+// BlockTotal 返回整段型订阅的总单数：通行证固定 1，深渊为周期数。
+func (s *Subscription) BlockTotal() int {
+	if s.Season {
+		return 1
+	}
+	if s.Abyss {
+		return s.TotalCount
+	}
+	return 0
+}
+
+// BlockDone 返回整段型订阅的已完成单数：通行证看完成标记，深渊看已完成周期数。
+func (s *Subscription) BlockDone() int {
+	if s.Season {
+		if s.SeasonDone != "" {
+			return 1
+		}
+		return 0
+	}
+	if s.Abyss {
+		return s.UsedCount
+	}
+	return 0
+}
+
 // Pause 暂停分段。
 type Pause struct {
 	ID        int64
@@ -101,7 +132,7 @@ func (a *Adjustment) KindLabel() string {
 
 const subSelect = `SELECT s.id,s.customer_id,s.package_id,s.unit,s.status,s.start_date,IFNULL(s.end_date,''),
 	s.total_count,s.used_count,s.note,IFNULL(s.created_by,0),s.created_at,s.updated_at,IFNULL(s.closed_at,''),
-	IFNULL(s.season,0),IFNULL(s.season_done,''),
+	IFNULL(s.season,0),IFNULL(s.season_done,''),IFNULL(s.abyss,0),IFNULL(s.cycle_days,0),
 	p.name,p.color,c.tail,c.name,IFNULL(c.contact,''),
 	IFNULL(c.assignee_id,0),
 	IFNULL((SELECT u.display_name FROM users u WHERE u.id=c.assignee_id),''),
@@ -112,10 +143,10 @@ const subSelect = `SELECT s.id,s.customer_id,s.package_id,s.unit,s.status,s.star
 
 func scanSub(row interface{ Scan(dest ...any) error }) (*Subscription, error) {
 	var s Subscription
-	var seasonInt int
+	var seasonInt, abyssInt, cycleDays int
 	err := row.Scan(&s.ID, &s.CustomerID, &s.PackageID, &s.Unit, &s.Status, &s.StartDate, &s.EndDate,
 		&s.TotalCount, &s.UsedCount, &s.Note, &s.CreatedBy, &s.CreatedAt, &s.UpdatedAt, &s.ClosedAt,
-		&seasonInt, &s.SeasonDone,
+		&seasonInt, &s.SeasonDone, &abyssInt, &cycleDays,
 		&s.PackageName, &s.PackageColor, &s.CustomerTail, &s.CustomerName, &s.CustomerContact,
 		&s.AssigneeID, &s.AssigneeName, &s.AssigneeColor)
 	if err != nil {
@@ -125,6 +156,8 @@ func scanSub(row interface{ Scan(dest ...any) error }) (*Subscription, error) {
 		return nil, err
 	}
 	s.Season = seasonInt == 1
+	s.Abyss = abyssInt == 1
+	s.CycleDays = cycleDays
 	return &s, nil
 }
 
@@ -323,19 +356,33 @@ func (db *DB) CreateSub(in CreateSubInput) (*Subscription, error) {
 			endDate = domain.Date(domain.AddDays(start, pkg.DefaultValidityDays-1))
 		}
 	}
-	if pkg.Season {
+	if pkg.Abyss {
+		if pkg.CycleDays <= 0 {
+			return nil, errors.New("该深渊套餐未设置周期天数")
+		}
+		total = in.TotalCount
+		if total <= 0 {
+			total = pkg.DefaultAmount
+		}
+		if total <= 0 {
+			total = 1
+		}
+		endDate = domain.Date(domain.AddDays(start, pkg.CycleDays*total-1))
+		unit = domain.UnitDay
+		days = pkg.CycleDays * total
+	} else if pkg.Season {
 		if pkg.SeasonStart == "" || pkg.SeasonEnd == "" {
-			return nil, errors.New("该赛季套餐未设置起止日期")
+			return nil, errors.New("该通行证套餐未设置起止日期")
 		}
 		end, err := domain.ParseDate(pkg.SeasonEnd)
 		if err != nil {
-			return nil, errors.New("赛季结束日期不正确")
+			return nil, errors.New("通行证结束日期不正确")
 		}
 		if domain.DayDiff(domain.Today(), end) < 0 {
-			return nil, errors.New("该赛季已结束，不能开通")
+			return nil, errors.New("该通行证已结束，不能开通")
 		}
 		if domain.DayDiff(start, end) < 0 {
-			return nil, errors.New("赛季结束日期早于开始日期")
+			return nil, errors.New("通行证结束日期早于开始日期")
 		}
 		endDate = domain.Date(end)
 		unit = domain.UnitDay
@@ -354,9 +401,9 @@ func (db *DB) CreateSub(in CreateSubInput) (*Subscription, error) {
 		if !errors.Is(err, sql.ErrNoRows) {
 			return err
 		}
-		res, err := tx.Exec(`INSERT INTO subscriptions(customer_id,package_id,unit,status,start_date,end_date,total_count,used_count,note,created_by,created_at,updated_at,season)
+		res, err := tx.Exec(`INSERT INTO subscriptions(customer_id,package_id,unit,status,start_date,end_date,total_count,used_count,note,created_by,created_at,updated_at,season,abyss,cycle_days)
-			VALUES(?,?,?,'active',?,?,?,0,?,?,?,?,?)`,
+			VALUES(?,?,?,'active',?,?,?,0,?,?,?,?,?,?,?)`,
-			in.CustomerID, in.PackageID, unit, domain.Date(start), nullIfEmpty(endDate), total, in.Note, nullIfZero(in.OperatorID), now, now, b2i(pkg.Season))
+			in.CustomerID, in.PackageID, unit, domain.Date(start), nullIfEmpty(endDate), total, in.Note, nullIfZero(in.OperatorID), now, now, b2i(pkg.Season), b2i(pkg.Abyss), pkg.CycleDays)
 		if err != nil {
 			if isUnique(err) {
 				return errors.New("该客户已订阅此套餐，请改用「追加时长」")
@@ -636,14 +683,14 @@ func (s *Subscription) SubTitle() string {
 	return fmt.Sprintf("%s %s · %s", s.CustomerTail, s.CustomerName, s.PackageName)
 }
 
-// SeasonComplete 把包赛季订阅整段标记为已完成。
+// SeasonComplete 把通行证订阅整段标记为已完成。
 func (db *DB) SeasonComplete(subID int64, date string) error {
 	sub, err := db.Sub(subID)
 	if err != nil {
 		return err
 	}
 	if !sub.Season {
-		return errors.New("不是包赛季订阅")
+		return errors.New("不是通行证订阅")
 	}
 	_, err = db.sql.Exec(`UPDATE subscriptions SET season_done=?, updated_at=? WHERE id=?`,
 		date, nowStamp(), subID)

internal/web/handlers_calendar.go

@@ -26,11 +26,14 @@ type DayCell struct {
 	DoneCount  int
 	UrgentCnt  int
 	Heat       int
-	// 赛季色带
+	// 通行证 / 深渊色块
-	HasSeason   bool
+	BlockColor string
-	SeasonColor string
+	BlockDone  int
-	SeasonStart bool
+	BlockTotal int
-	SeasonEnd   bool
+	BlockText  string
+	BlockTitle string
+	// BlockPercent 色块底色浓度：通行证固定 18%，深渊按周期依次减淡
+	BlockPercent int
 	// PendingCount 当日还没完成的单数（= TaskCount - DoneCount）
 	PendingCount int
 	Tickets      []Ticket
@@ -117,12 +120,13 @@ type calendarData struct {
 
 // calSub 是日历计算用的订阅上下文。
 type calSub struct {
-	sub    store.Subscription
+	sub      store.Subscription
-	start  time.Time
+	start    time.Time
-	end    time.Time
+	end      time.Time
-	hasEnd bool
+	hasEnd   bool
-	eval   domain.Eval
+	eval     domain.Eval
-	pauses []store.Pause
+	pauses   []store.Pause
+	checkins map[string]store.Checkin
 }
 
 func (c calSub) pausedOn(date string) bool {
@@ -137,6 +141,71 @@ func (c calSub) pausedOn(date string) bool {
 	return false
 }
 
+// isBlock 是否为通行证 / 深渊这种整段型订阅。
+func (c calSub) isBlock() bool { return c.sub.IsBlock() }
+
+// blockCovers 只判断日期是否落在整段区间内（已完成也继续显示色块）。
+func (c calSub) blockCovers(date string) bool {
+	if c.sub.Status == domain.StatusClosed || !c.hasEnd {
+		return false
+	}
+	return date >= c.sub.StartDate && date <= c.sub.EndDate
+}
+
+// blockDone 返回整段型订阅的已完成数。
+func (c calSub) blockDone() int { return c.sub.BlockDone() }
+
+// blockTotal 返回整段型订阅的总数。
+func (c calSub) blockTotal() int { return c.sub.BlockTotal() }
+
+// cycleBounds 返回 date 所在深渊周期的起止日。
+func (c calSub) cycleBounds(date string) (string, string, bool) {
+	if !c.sub.Abyss || c.sub.CycleDays <= 0 {
+		return "", "", false
+	}
+	d, err := domain.ParseDate(date)
+	if err != nil {
+		return "", "", false
+	}
+	idx := domain.CycleIndex(c.start, d, c.sub.CycleDays)
+	if idx < 0 || idx >= c.sub.TotalCount {
+		return "", "", false
+	}
+	return domain.Date(domain.CycleStart(c.start, c.sub.CycleDays, idx)),
+		domain.Date(domain.CycleEnd(c.start, c.sub.CycleDays, idx)), true
+}
+
+// cycleDone 判断 date 所在周期是否已经完成（周期内任意一天打卡即算）。
+func (c calSub) cycleDone(date string) bool {
+	s, e, ok := c.cycleBounds(date)
+	if !ok {
+		return false
+	}
+	for d, ci := range c.checkins {
+		if d >= s && d <= e && ci.Status == "done" {
+			return true
+		}
+	}
+	return false
+}
+
+// blockNeedsWork 表示这一天是否需要出现在待完成清单里。
+func (c calSub) blockNeedsWork(date string) bool {
+	if !c.blockCovers(date) || c.sub.Status == domain.StatusClosed {
+		return false
+	}
+	if c.sub.Season {
+		return c.sub.SeasonDone == ""
+	}
+	if c.sub.Abyss {
+		if c.sub.TotalCount <= 0 || c.sub.UsedCount >= c.sub.TotalCount {
+			return false
+		}
+		return !c.cycleDone(date)
+	}
+	return false
+}
+
 func (c calSub) covers(date string) bool {
 	if c.sub.Status == domain.StatusClosed || !c.hasEnd {
 		return false
@@ -147,6 +216,12 @@ func (c calSub) covers(date string) bool {
 		}
 		return date >= c.sub.StartDate && date <= c.sub.EndDate
 	}
+	if c.sub.Abyss {
+		if c.sub.TotalCount > 0 && c.sub.UsedCount >= c.sub.TotalCount {
+			return false
+		}
+		return date >= c.sub.StartDate && date <= c.sub.EndDate && !c.pausedOn(date)
+	}
 	if date < c.sub.StartDate || date > c.sub.EndDate {
 		return false
 	}
@@ -202,6 +277,21 @@ func buildCalendarTabs(pkgs []store.Package, subs []store.Subscription, total in
 	return tabs, true
 }
 
+// wideFrom/wideTo 把打卡查询范围放大，保证跨月的深渊周期也能判定完成。
+func wideFrom(s string) string {
+	if t, err := domain.ParseDate(s); err == nil {
+		return domain.Date(domain.AddDays(t, -400))
+	}
+	return s
+}
+
+func wideTo(s string) string {
+	if t, err := domain.ParseDate(s); err == nil {
+		return domain.Date(domain.AddDays(t, 400))
+	}
+	return s
+}
+
 // loadCalendarSubs 读取区间内与日历相交的订阅；pkgID>0 取该套餐，tag 非空取该标签下的所有套餐。
 func (s *Server) loadCalendarSubs(from, to string, pkgID int64, tag string) ([]store.Subscription, map[int64][]store.Pause, map[int64]map[string]store.Checkin, map[int64]map[string]bool, error) {
 	subs, err := s.db.CalendarSubs(from, to)
@@ -237,7 +327,7 @@ func (s *Server) loadCalendarSubs(from, to string, pkgID int64, tag string) ([]s
 	if err != nil {
 		return nil, nil, nil, nil, err
 	}
-	checkins, err := s.db.CheckinsBetween(from, to)
+	checkins, err := s.db.CheckinsBetween(wideFrom(from), wideTo(to))
 	if err != nil {
 		return nil, nil, nil, nil, err
 	}
@@ -288,10 +378,11 @@ func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
 	list := make([]calSub, 0, len(subs))
 	for _, sub := range subs {
 		cs := calSub{
-			sub:    sub,
+			sub:      sub,
-			start:  domain.ParseDateOr(sub.StartDate, today),
+			start:    domain.ParseDateOr(sub.StartDate, today),
-			eval:   sub.Eval(today, warn),
+			eval:     sub.Eval(today, warn),
-			pauses: pauses[sub.ID],
+			pauses:   pauses[sub.ID],
+			checkins: checkins[sub.ID],
 		}
 		if sub.EndDate != "" {
 			cs.end = domain.ParseDateOr(sub.EndDate, today)
@@ -349,7 +440,24 @@ func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
 				if cs.sub.EndDate == ds {
 					cell.DueCount++
 				}
-				if !cell.InMonth || !cs.covers(ds) {
+				if !cell.InMonth {
+					continue
+				}
+				if cs.isBlock() {
+					if cs.blockCovers(ds) && cell.BlockText == "" {
+						cell.BlockColor = cs.sub.PackageColor
+						cell.BlockText = blockCellText(cs, ds)
+						cell.BlockDone = 0
+						if cell.BlockText == "1/1" {
+							cell.BlockDone = 1
+						}
+						cell.BlockTotal = 1
+						cell.BlockTitle = cs.sub.PackageName + " · " + cell.BlockText
+						cell.BlockPercent = blockCellPercent(cs, day)
+					}
+					continue
+				}
+				if !cs.covers(ds) {
 					continue
 				}
 				cell.TaskCount++
@@ -374,16 +482,6 @@ func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
 					cell.DoneCount++
 				}
 				tickets = append(tickets, t)
-				if cs.sub.Season && cs.sub.SeasonDone == "" {
-					cell.HasSeason = true
-					cell.SeasonColor = cs.sub.PackageColor
-					if ds == cs.sub.StartDate {
-						cell.SeasonStart = true
-					}
-					if ds == cs.sub.EndDate {
-						cell.SeasonEnd = true
-					}
-				}
 			}
 			sort.SliceStable(tickets, func(i, j int) bool {
 				if tickets[i].Urgent != tickets[j].Urgent {
@@ -421,6 +519,21 @@ func (s *Server) handleCalendar(w http.ResponseWriter, r *http.Request) {
 		if cs.sub.EndDate == sel {
 			due = append(due, newSubView(cs.sub, today, warn))
 		}
+		if cs.isBlock() {
+			if !cs.blockNeedsWork(sel) {
+				continue
+			}
+			row := TaskRow{SubView: newSubView(cs.sub, today, warn), Urgent: urgent[cs.sub.ID][sel]}
+			if ci, ok := checkins[cs.sub.ID][sel]; ok {
+				row.CheckinID = ci.ID
+				row.Done = ci.Status == "done"
+				row.Skipped = ci.Status == "skipped"
+				row.Note = ci.Note
+				row.Operator = ci.OperatorName
+			}
+			tasks = append(tasks, row)
+			continue
+		}
 		if !cs.covers(sel) {
 			continue
 		}
@@ -550,6 +663,49 @@ func assigneeStrip(tickets []Ticket) []string {
 	return out
 }
 
+// blockCellText 整段型订阅在 date 所在周期的完成文本：
+// 通行证 0/1 或 1/1；深渊按 date 所在的那一个周期 0/1 或 1/1，不显示全局 x/N。
+func blockCellText(cs calSub, date string) string {
+	if cs.sub.Abyss {
+		if cs.cycleDone(date) {
+			return "1/1"
+		}
+		return "0/1"
+	}
+	if cs.sub.SeasonDone != "" {
+		return "1/1"
+	}
+	return "0/1"
+}
+
+// blockCellPercent 整段型色块浓度：通行证 18%；深渊按所在周期 34%→4%。
+func blockCellPercent(cs calSub, day time.Time) int {
+	if cs.sub.Abyss && cs.sub.CycleDays > 0 {
+		idx := domain.CycleIndex(cs.start, day, cs.sub.CycleDays)
+		return abyssBlockPercent(idx, cs.sub.TotalCount)
+	}
+	return 18
+}
+
+// abyssBlockPercent 深渊色块浓度：第一个周期 34%，之后每个周期依次减淡，
+// 最后一个周期 4%（周期数大于 1 时线性过渡）；跨度比 v1.11.3 的 22%→10% 明显更大。
+func abyssBlockPercent(idx, total int) int {
+	if total <= 1 {
+		return 34
+	}
+	if idx < 0 {
+		idx = 0
+	}
+	if idx >= total {
+		idx = total - 1
+	}
+	pct := 34 - (idx*30)/(total-1)
+	if pct < 4 {
+		pct = 4
+	}
+	return pct
+}
+
 func heatLevel(n int) int {
 	switch {
 	case n <= 0:

internal/web/handlers_customers.go

@@ -243,7 +243,7 @@ func (s *Server) buildCustomerCal(c *store.Customer, cm string, today time.Time)
 	warn := s.warnDays()
 	list := make([]calSub, 0, len(subs))
 	for _, sub := range subs {
-		cs := calSub{sub: sub, pauses: pauses[sub.ID], eval: sub.Eval(today, warn)}
+		cs := calSub{sub: sub, pauses: pauses[sub.ID], eval: sub.Eval(today, warn), checkins: checkins[sub.ID]}
 		if sub.EndDate != "" {
 			cs.hasEnd = true
 			cs.end = domain.ParseDateOr(sub.EndDate, today)
@@ -487,7 +487,7 @@ func (s *Server) handleSubCreate(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 	s.logOp(r, "新建订阅", "subscription", sub.ID,
-		"为 "+c.Tail+" "+c.Name+" 开通 "+sub.PackageName+"（"+unitLabel(sub.Unit)+"）")
+		"为 "+c.Tail+" "+c.Name+" 开通 "+sub.PackageName+"（"+subTypeLabel(sub)+"）")
 	s.redirect(w, r, "/customers/"+itoa(customerID), "已开通「"+sub.PackageName+"」")
 }
 
@@ -498,6 +498,16 @@ func unitLabel(u string) string {
 	return "按日"
 }
 
+func subTypeLabel(sub *store.Subscription) string {
+	switch {
+	case sub.Abyss:
+		return "深渊"
+	case sub.Season:
+		return "通行证"
+	}
+	return unitLabel(sub.Unit)
+}
+
 func itoa(v int64) string { return strconv.FormatInt(v, 10) }
 
 func sortAdjustments(list []store.Adjustment) {

internal/web/handlers_misc.go

@@ -56,6 +56,7 @@ type settingsData struct {
 	BackupEnabled bool
 	ConfigPath    string
 	ScreenPublic  bool
+	PortalPublic  bool
 	Addrs         []string
 	Port          string
 	Uptime        string
@@ -140,6 +141,7 @@ func (s *Server) handleSettings(w http.ResponseWriter, r *http.Request) {
 		BackupEnabled: s.cfg.BackupEnabled,
 		ConfigPath:    s.cfg.ConfigPath,
 		ScreenPublic:  s.cfg.ScreenPublic,
+		PortalPublic:  s.cfg.PortalPublic,
 		Addrs:         LocalAddrs(),
 		Port:          port,
 		Uptime:        humanDuration(time.Since(s.started)),

internal/web/handlers_packages.go

@@ -35,7 +35,7 @@ func (s *Server) handlePackageNewPage(w http.ResponseWriter, r *http.Request) {
 	p := s.newPage(r, "新增套餐", "packages")
 	tags, _ := s.db.PackageTags()
 	p.D = &packageFormData{
-		Package: &store.Package{Unit: domain.UnitDay, DefaultAmount: 30, Color: "#2F5D50"},
+		Package: &store.Package{Unit: domain.UnitDay, DefaultAmount: 30, Color: "#3B6EA5"},
 		IsNew:   true,
 		Tags:    tags,
 	}
@@ -68,25 +68,43 @@ func readPackageForm(r *http.Request) *store.Package {
 	}
 	p.CalendarSeparate = r.PostFormValue("calendar_separate") != ""
 	p.Tag = strings.TrimSpace(r.PostFormValue("tag"))
-	if p.Unit == "season" {
+	switch p.Unit {
+	case "season":
 		p.Season = true
 		p.Unit = domain.UnitDay
+	case "abyss":
+		p.Abyss = true
+		p.Unit = domain.UnitDay
+	}
+	if v, err := strconv.Atoi(strings.TrimSpace(r.PostFormValue("cycle_days"))); err == nil {
+		p.CycleDays = v
 	}
 	if v, err := strconv.Atoi(strings.TrimSpace(r.PostFormValue("default_validity_days"))); err == nil {
 		p.DefaultValidityDays = v
 	}
 	p.SeasonStart = strings.TrimSpace(r.PostFormValue("season_start"))
 	p.SeasonEnd = strings.TrimSpace(r.PostFormValue("season_end"))
+	if p.Season && p.DefaultAmount <= 0 {
+		p.DefaultAmount = 1
+	}
 	return p
 }
 
 func validatePackage(p *store.Package) string {
 	if p.Season {
 		if p.SeasonStart == "" || p.SeasonEnd == "" {
-			return "包赛季套餐必须填写赛季开始日和结束日"
+			return "通行证套餐必须填写开始日和结束日"
 		}
 		if p.SeasonEnd < p.SeasonStart {
-			return "赛季结束日不能早于开始日"
+			return "通行证结束日不能早于开始日"
+		}
+	}
+	if p.Abyss {
+		if p.CycleDays < 1 || p.CycleDays > 365 {
+			return "深渊模式的周期天数必须在 1-365 之间"
+		}
+		if p.DefaultAmount < 1 || p.DefaultAmount > 1000 {
+			return "深渊模式的周期数必须在 1-1000 之间"
 		}
 	}
 	if p.Name == "" {
@@ -160,12 +178,14 @@ func (s *Server) handlePackageBatchSubscribe(w http.ResponseWriter, r *http.Requ
 		return
 	}
 	start := strings.TrimSpace(r.PostFormValue("start_date"))
-	if start == "" {
+	if start == "" && !pkg.Season {
 		start = domain.Date(domain.Today())
 	}
-	if _, err := domain.ParseDate(start); err != nil {
+	if start != "" {
-		s.redirect(w, r, back, "开始日期格式不正确")
+		if _, err := domain.ParseDate(start); err != nil {
-		return
+			s.redirect(w, r, back, "开始日期格式不正确")
+			return
+		}
 	}
 	end := strings.TrimSpace(r.PostFormValue("end_date"))
 	days := s.formInt(r, "days", 0)

internal/web/handlers_portal.go

@@ -0,0 +1,390 @@
+package web
+
+import (
+	"fmt"
+	"net"
+	"net/http"
+	"net/url"
+	"regexp"
+	"strings"
+	"sync"
+	"time"
+
+	"daili/internal/domain"
+	"daili/internal/store"
+)
+
+// portalDay 客户自助月历中的一天：日常任务按 done/total 计，通行证/深渊按整段色块展示。
+type portalDay struct {
+	Date    string
+	Day     int
+	InMonth bool
+	Today   bool
+	Total   int
+	Done    int
+	// 通行证 / 深渊色块
+	BlockColor   string
+	BlockText    string
+	BlockTitle   string
+	BlockPercent int
+	// Label 是读屏用的整格描述
+	Label string
+}
+
+// portalSub 客户自助页里的一个订阅；复用管理端 SubView 的状态/剩余文案。
+type portalSub struct {
+	SubView
+	TodayLabel string
+	TodayClass string
+}
+
+// portalAsk 同一尾号命中多个客户时要求补姓名。
+type portalAsk struct {
+	Tail   string
+	Count  int
+	Masked []string
+}
+
+// portalView 客户自助查询结果。
+type portalView struct {
+	Tail         string
+	Name         string
+	Game         string
+	Subs         []portalSub
+	Weeks        [][]portalDay
+	MonthTitle   string
+	Prev         string
+	Next         string
+	TodayTotal   int
+	TodayDone    int
+	TodayPending int
+	TodayState   string // done / pending / none
+	SubCount     int
+	Expiring     string
+	Masked       []string
+}
+
+var portalTailRe = regexp.MustCompile(`^\d{4,8}$`)
+
+const (
+	portalRateLimit  = 40
+	portalRateWindow = time.Minute
+)
+
+var portalHits = struct {
+	sync.Mutex
+	m map[string][]time.Time
+}{m: map[string][]time.Time{}}
+
+// allowPortal 对自助查询做简单的按 IP 限流，避免尾号枚举把库打穿。
+func allowPortal(remote string) bool {
+	host, _, err := net.SplitHostPort(remote)
+	if err != nil || host == "" {
+		host = remote
+	}
+	now := time.Now()
+	portalHits.Lock()
+	defer portalHits.Unlock()
+	kept := portalHits.m[host][:0]
+	for _, t := range portalHits.m[host] {
+		if now.Sub(t) < portalRateWindow {
+			kept = append(kept, t)
+		}
+	}
+	if len(kept) >= portalRateLimit {
+		portalHits.m[host] = kept
+		return false
+	}
+	portalHits.m[host] = append(kept, now)
+	return true
+}
+
+// handleCustomerPortal 客户自助查询页（公开，无入口链接）。
+func (s *Server) handleCustomerPortal(w http.ResponseWriter, r *http.Request) {
+	w.Header().Set("X-Robots-Tag", "noindex, nofollow")
+	p := s.newPage(r, "排单查询", "")
+	q := r.URL.Query()
+	tail := strings.TrimSpace(q.Get("tail"))
+	name := strings.TrimSpace(q.Get("name"))
+	month := strings.TrimSpace(q.Get("cm"))
+	p.Query = tail
+	p.Name = name
+
+	if tail == "" {
+		s.render(w, r, "portal", p)
+		return
+	}
+	if !allowPortal(r.RemoteAddr) {
+		p.InlineError = "查询太频繁，请稍后再试"
+		s.render(w, r, "portal", p)
+		return
+	}
+	if !portalTailRe.MatchString(tail) {
+		p.InlineError = "请输入 4–8 位数字手机尾号"
+		p.InvalidField = "tail"
+		s.render(w, r, "portal", p)
+		return
+	}
+
+	list, err := s.db.CustomersByTailExact(tail)
+	if err != nil {
+		p.InlineError = "读取客户失败，请稍后再试"
+		s.render(w, r, "portal", p)
+		return
+	}
+	if len(list) == 0 {
+		p.InlineError = "没有找到这个尾号的客户，请核对尾号"
+		p.InvalidField = "tail"
+		s.render(w, r, "portal", p)
+		return
+	}
+	if len(list) > 1 {
+		if name == "" {
+			p.D = &portalAsk{Tail: tail, Count: len(list), Masked: maskNames(list)}
+			s.render(w, r, "portal", p)
+			return
+		}
+		matched := matchByName(list, name)
+		if len(matched) == 0 {
+			p.InlineError = "尾号对得上，但姓名不匹配，请再确认一下"
+			p.InvalidField = "name"
+			s.render(w, r, "portal", p)
+			return
+		}
+		if len(matched) > 1 {
+			p.D = &portalAsk{Tail: tail, Count: len(matched), Masked: maskNames(matched)}
+			s.render(w, r, "portal", p)
+			return
+		}
+		list = matched
+	}
+
+	c := list[0]
+	p.D = s.buildPortal(c, tail, name, month)
+	s.render(w, r, "portal", p)
+}
+
+func matchByName(list []store.Customer, name string) []store.Customer {
+	needle := strings.ToLower(strings.TrimSpace(name))
+	out := make([]store.Customer, 0, len(list))
+	for _, c := range list {
+		if strings.Contains(strings.ToLower(c.Name), needle) {
+			out = append(out, c)
+		}
+	}
+	return out
+}
+
+func maskNames(list []store.Customer) []string {
+	out := make([]string, 0, len(list))
+	seen := map[string]bool{}
+	for _, c := range list {
+		m := maskName(c.Name)
+		if seen[m] {
+			continue
+		}
+		seen[m] = true
+		out = append(out, m)
+	}
+	return out
+}
+
+// maskName 只保留首字，避免多客户态直接列出全名。
+func maskName(name string) string {
+	rs := []rune(strings.TrimSpace(name))
+	switch len(rs) {
+	case 0:
+		return "*"
+	case 1:
+		return "*"
+	}
+	return string(rs[0]) + strings.Repeat("*", len(rs)-1)
+}
+
+// buildPortal 组装某位客户的排单视图。
+func (s *Server) buildPortal(c store.Customer, tail, name, month string) *portalView {
+	today := domain.Today()
+	todayStr := domain.Date(today)
+	warn := s.warnDays()
+	first := time.Date(today.Year(), today.Month(), 1, 0, 0, 0, 0, time.UTC)
+	if month != "" {
+		if t, err := time.Parse("2006-01", month); err == nil {
+			first = t
+		}
+	}
+	year, mon := first.Year(), int(first.Month())
+	firstDay := time.Date(year, time.Month(mon), 1, 0, 0, 0, 0, time.UTC)
+	lastDay := firstDay.AddDate(0, 1, -1)
+	start := firstDay.AddDate(0, 0, -((int(firstDay.Weekday()) + 6) % 7))
+	end := lastDay.AddDate(0, 0, 6-((int(lastDay.Weekday())+6)%7))
+
+	allSubs, _ := s.db.SubsByCustomer(c.ID)
+	subs := make([]store.Subscription, 0, len(allSubs))
+	ids := make([]int64, 0, len(allSubs))
+	for _, sub := range allSubs {
+		if sub.Status == domain.StatusClosed {
+			continue
+		}
+		subs = append(subs, sub)
+		ids = append(ids, sub.ID)
+	}
+
+	cks, _ := s.db.CheckinsForSubs(ids, wideFrom(domain.Date(start)), wideTo(domain.Date(end)))
+	pauses, _ := s.db.PausesForSubs(ids)
+	cals := make([]calSub, 0, len(subs))
+	for _, sub := range subs {
+		cs := calSub{
+			sub:      sub,
+			start:    domain.ParseDateOr(sub.StartDate, today),
+			eval:     sub.Eval(today, warn),
+			pauses:   pauses[sub.ID],
+			checkins: cks[sub.ID],
+		}
+		if sub.EndDate != "" {
+			cs.hasEnd = true
+			cs.end = domain.ParseDateOr(sub.EndDate, today)
+		}
+		cals = append(cals, cs)
+	}
+
+	v := &portalView{
+		Tail:     c.Tail,
+		Name:     c.Name,
+		Game:     c.GameName,
+		SubCount: len(subs),
+	}
+	v.MonthTitle = fmt.Sprintf("%d 年 %d 月", year, mon)
+	v.Prev = portalQuery(tail, name, firstDay.AddDate(0, -1, 0).Format("2006-01"))
+	v.Next = portalQuery(tail, name, firstDay.AddDate(0, 1, 0).Format("2006-01"))
+
+	for _, cs := range cals {
+		sub := cs.sub
+		ev := newSubView(sub, today, warn)
+		ps := portalSub{SubView: ev}
+		if ev.StateClass == "active" && !sub.Season && !sub.Abyss && cs.covers(todayStr) {
+			if ci, ok := cks[sub.ID][todayStr]; ok && portalDone(ci) {
+				ps.TodayLabel, ps.TodayClass = "今日已完成", "active"
+			} else {
+				ps.TodayLabel, ps.TodayClass = "今日未完成", "plain"
+			}
+		}
+		v.Subs = append(v.Subs, ps)
+
+		if sub.EndDate != "" && sub.EndDate >= todayStr {
+			switch ev.Eval.State {
+			case domain.StateExpired, domain.StateUsedUp, domain.StateClosed:
+			default:
+				if v.Expiring == "" || sub.EndDate < v.Expiring {
+					v.Expiring = sub.EndDate
+				}
+			}
+		}
+	}
+
+	// 月历
+	days := int(end.Sub(start).Hours()/24) + 1
+	week := make([]portalDay, 0, 7)
+	for i := 0; i < days; i++ {
+		d := start.AddDate(0, 0, i)
+		ds := domain.Date(d)
+		pd := portalDay{Date: ds, Day: d.Day(), InMonth: d.Month() == time.Month(mon), Today: ds == todayStr}
+		// 与主日历一致：只在本月格子里显示任务，前后月只做日期占位。
+		if pd.InMonth {
+			for _, cs := range cals {
+				sub := cs.sub
+				if cs.isBlock() {
+					if cs.blockCovers(ds) && pd.BlockText == "" {
+						pd.BlockColor = sub.PackageColor
+						pd.BlockText = blockCellText(cs, ds)
+						pd.BlockTitle = sub.PackageName + " · " + pd.BlockText
+						pd.BlockPercent = blockCellPercent(cs, d)
+					}
+					continue
+				}
+				if !cs.covers(ds) {
+					continue
+				}
+				pd.Total++
+				if ci, ok := cks[sub.ID][ds]; ok && portalDone(ci) {
+					pd.Done++
+				}
+			}
+		}
+		pd.Label = portalDayLabel(pd, mon)
+		week = append(week, pd)
+		if len(week) == 7 {
+			v.Weeks = append(v.Weeks, week)
+			week = make([]portalDay, 0, 7)
+		}
+	}
+	if len(week) > 0 {
+		v.Weeks = append(v.Weeks, week)
+	}
+
+	// 今日进度：整段型订阅算 1 项，通行证看 season_done，深渊看当天所在周期。
+	for _, cs := range cals {
+		if cs.isBlock() {
+			if cs.blockCovers(todayStr) {
+				v.TodayTotal++
+				if !cs.blockNeedsWork(todayStr) {
+					v.TodayDone++
+				}
+			}
+			continue
+		}
+		if !cs.covers(todayStr) {
+			continue
+		}
+		v.TodayTotal++
+		if ci, ok := cks[cs.sub.ID][todayStr]; ok && portalDone(ci) {
+			v.TodayDone++
+		}
+	}
+	v.TodayPending = v.TodayTotal - v.TodayDone
+	switch {
+	case v.TodayTotal == 0:
+		v.TodayState = "none"
+	case v.TodayPending <= 0:
+		v.TodayState = "done"
+	default:
+		v.TodayState = "pending"
+	}
+	return v
+}
+
+// portalDone 与管理端日历口径一致：done 和 skipped 都算当天已处理。
+func portalDone(ci store.Checkin) bool {
+	return ci.Status == "done" || ci.Status == "skipped"
+}
+
+func portalDayLabel(pd portalDay, month int) string {
+	labelMonth := month
+	if t, err := time.Parse("2006-01-02", pd.Date); err == nil {
+		labelMonth = int(t.Month())
+	}
+	label := fmt.Sprintf("%d 月 %d 日", labelMonth, pd.Day)
+	if pd.Today {
+		label += "，今天"
+	}
+	if pd.BlockText != "" {
+		label += "，" + pd.BlockTitle
+	}
+	if pd.Total > 0 {
+		label += fmt.Sprintf("，共 %d 单，已完成 %d 单", pd.Total, pd.Done)
+	}
+	if pd.BlockText == "" && pd.Total == 0 {
+		label += "，无排单"
+	}
+	return label
+}
+
+// portalQuery 用 url.Values 拼翻月链接，姓名含 & / 空格时也不会丢参数。
+func portalQuery(tail, name, month string) string {
+	q := url.Values{}
+	q.Set("tail", tail)
+	if name != "" {
+		q.Set("name", name)
+	}
+	q.Set("cm", month)
+	return "/customer?" + q.Encode()
+}

internal/web/handlers_screen.go

@@ -21,6 +21,11 @@ type screenDay struct {
 	Done    int
 	Urgent  int
 	Heat    int
+	// 通行证 / 深渊整段色块：BlockText 是该周期的 1/1 或 0/1
+	BlockColor   string
+	BlockText    string
+	BlockTitle   string
+	BlockPercent int
 	// Strip 打手色竖条（去重）
 	Strip []string
 }
@@ -30,20 +35,21 @@ type screenTask struct {
 }
 
 type screenData struct {
-	Stats       *store.Stats
+	Stats        *store.Stats
-	MonthTitle  string
+	MonthTitle   string
-	Year, Month int
+	Year, Month  int
-	Weeks       [][]screenDay
+	Weeks        [][]screenDay
-	Weekdays    []string
+	Weekdays     []string
-	Top         []SubView
+	Top          []SubView
-	DueToday    []SubView
+	DueToday     []SubView
-	TodayList   []screenTask
+	TodayList    []screenTask
-	Recent      []store.Adjustment
+	Recent       []store.Adjustment
-	TodayTasks  int
+	TodayTasks   int
-	TodayDone   int
+	TodayDone    int
-	TodayUrgent int
+	TodayUrgent  int
-	Refresh     int
+	Refresh      int
-	Version     string
+	Version      string
+	AssetVersion string
 
 	HeatMode    string // task = 每日待完成；due = 到期
 	Tag         string
@@ -65,7 +71,13 @@ func (s *Server) screenCalSubs(from, to string, pkgID int64, tag string) ([]calS
 	warn := s.warnDays()
 	list := make([]calSub, 0, len(subs))
 	for _, sub := range subs {
-		cs := calSub{sub: sub, pauses: pauses[sub.ID], eval: sub.Eval(today, warn)}
+		cs := calSub{
+			sub:      sub,
+			start:    domain.ParseDateOr(sub.StartDate, today),
+			pauses:   pauses[sub.ID],
+			checkins: checkins[sub.ID],
+			eval:     sub.Eval(today, warn),
+		}
 		if sub.EndDate != "" {
 			cs.hasEnd = true
 			cs.end = domain.ParseDateOr(sub.EndDate, today)
@@ -91,18 +103,19 @@ func (s *Server) handleScreen(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 	data := &screenData{
-		Stats:       stats,
+		Stats:        stats,
-		MonthTitle:  fmt.Sprintf("%d 年 %d 月", today.Year(), int(today.Month())),
+		MonthTitle:   fmt.Sprintf("%d 年 %d 月", today.Year(), int(today.Month())),
-		Year:        today.Year(),
+		Year:         today.Year(),
-		Month:       int(today.Month()),
+		Month:        int(today.Month()),
-		Weekdays:    []string{"一", "二", "三", "四", "五", "六", "日"},
+		Weekdays:     []string{"一", "二", "三", "四", "五", "六", "日"},
-		Top:         subViews(stats.Top, today, warn),
+		Top:          subViews(stats.Top, today, warn),
-		Refresh:     s.screenRefresh(),
+		Refresh:      s.screenRefresh(),
-		Version:     s.cfg.Version,
+		Version:      s.cfg.Version,
-		HeatMode:    heatMode,
+		AssetVersion: s.assetVersion,
-		PkgID:       pkgID,
+		HeatMode:     heatMode,
-		Tag:         tag,
+		PkgID:        pkgID,
-		FilterQuery: "pkg=" + itoa(pkgID),
+		Tag:          tag,
+		FilterQuery:  "pkg=" + itoa(pkgID),
 	}
 
 	// 今日到期（可按套餐过滤）
@@ -136,11 +149,30 @@ func (s *Server) handleScreen(w http.ResponseWriter, r *http.Request) {
 			count, doneN, urgentN := 0, 0, 0
 			strip := []string{}
 			seenColor := map[string]bool{}
+			sd := screenDay{
+				Date:    ds,
+				Day:     d.Day(),
+				InMonth: d.Month() == today.Month(),
+				IsToday: ds == domain.Date(today),
+				IsPast:  d.Before(today),
+			}
 			for _, cs := range list {
 				if heatMode == "due" {
 					if cs.sub.EndDate == ds {
 						count++
 					}
+				}
+				// 通行证 / 深渊是整段型：不计入每日待完成热力，但用整段色块显示周期状态。
+				if cs.isBlock() {
+					if cs.blockCovers(ds) && sd.BlockText == "" {
+						sd.BlockColor = cs.sub.PackageColor
+						sd.BlockText = blockCellText(cs, ds)
+						sd.BlockTitle = cs.sub.PackageName + " · " + sd.BlockText
+						sd.BlockPercent = blockCellPercent(cs, d)
+					}
+					continue
+				}
+				if heatMode == "due" {
 					continue
 				}
 				if !cs.covers(ds) {
@@ -167,18 +199,12 @@ func (s *Server) handleScreen(w http.ResponseWriter, r *http.Request) {
 			if d.Month() == today.Month() {
 				data.HeatTotal += count
 			}
-			week = append(week, screenDay{
+			sd.Count = count + doneN
-				Date:    ds,
+			sd.Done = doneN
-				Day:     d.Day(),
+			sd.Urgent = urgentN
-				InMonth: d.Month() == today.Month(),
+			sd.Heat = heatLevel(count)
-				IsToday: ds == domain.Date(today),
+			sd.Strip = strip
-				IsPast:  d.Before(today),
+			week = append(week, sd)
-				Count:   count + doneN,
-				Done:    doneN,
-				Urgent:  urgentN,
-				Heat:    heatLevel(count),
-				Strip:   strip,
-			})
 		}
 		data.Weeks = append(data.Weeks, week)
 	}
@@ -208,7 +234,7 @@ func (s *Server) handleScreen(w http.ResponseWriter, r *http.Request) {
 		data.Recent = adj
 	}
 
-	// 页签：按标签合并 + 独立显示另开
+	// 页签：按标签合并 + 独立显示另开；通行证 / 深渊也放进大屏，用整段色块显示周期状态
 	pkgs, _ := s.db.ListPackages(true)
 	data.Tabs, data.HasTabs = buildCalendarTabs(pkgs, nil, 0)
 	for i := range data.Tabs {

internal/web/handlers_subs.go

@@ -72,6 +72,15 @@ func (s *Server) handleSubExtend(w http.ResponseWriter, r *http.Request) {
 	note := strings.TrimSpace(r.PostFormValue("note"))
 	back := backURL(r, "/customers/"+itoa(sub.CustomerID))
 
+	if sub.Season {
+		s.redirect(w, r, back, "通行证不支持追加时长，请修改套餐或新建订阅")
+		return
+	}
+	if sub.Abyss {
+		s.redirect(w, r, back, "深渊模式按周期计数，不支持追加时长")
+		return
+	}
+
 	if sub.Unit == domain.UnitDay {
 		newEnd := strings.TrimSpace(r.PostFormValue("new_end_date"))
 		plan, err := s.db.ExtendDays(id, newEnd, note, opID)
@@ -162,15 +171,15 @@ func (s *Server) handleCheckinSave(w http.ResponseWriter, r *http.Request) {
 	}
 	if sub.Season {
 		if status == "skipped" {
-			s.redirect(w, r, back, "包赛季不能跳过，请直接完成或结束")
+			s.redirect(w, r, back, "通行证不能跳过，请直接完成或结束")
 			return
 		}
 		if err := s.db.SeasonComplete(id, date); err != nil {
-			s.redirect(w, r, back, "完成赛季失败："+err.Error())
+			s.redirect(w, r, back, "完成通行证失败："+err.Error())
 			return
 		}
-		s.logOp(r, "赛季完成", "subscription", id, fmt.Sprintf("%s 赛季整段完成（%s）", sub.SubTitle(), date))
+		s.logOp(r, "通行证完成", "subscription", id, fmt.Sprintf("%s 通行证整段完成（%s）", sub.SubTitle(), date))
-		s.redirect(w, r, back, "已把 "+sub.CustomerTail+" "+sub.CustomerName+" 的赛季标记为完成")
+		s.redirect(w, r, back, "已把 "+sub.CustomerTail+" "+sub.CustomerName+" 的通行证标记为完成")
 		return
 	}
 	if err := s.db.SaveCheckin(id, date, status, note, opID); err != nil {
@@ -217,7 +226,7 @@ func (s *Server) handleSubDelete(w http.ResponseWriter, r *http.Request) {
 	s.redirect(w, r, "/customers/"+itoa(sub.CustomerID), "已删除订阅「"+sub.PackageName+"」")
 }
 
-// handleSeasonDone 从订阅卡片直接完成整段赛季。
+// handleSeasonDone 从订阅卡片直接完成整段通行证。
 func (s *Server) handleSeasonDone(w http.ResponseWriter, r *http.Request) {
 	id := pathID(r)
 	sub, err := s.db.Sub(id)
@@ -233,6 +242,6 @@ func (s *Server) handleSeasonDone(w http.ResponseWriter, r *http.Request) {
 		s.redirect(w, r, "/customers/"+itoa(sub.CustomerID), "完成失败："+err.Error())
 		return
 	}
-	s.logOp(r, "赛季完成", "subscription", id, sub.SubTitle()+" 整段完成（"+date+"）")
+	s.logOp(r, "通行证完成", "subscription", id, sub.SubTitle()+" 整段完成（"+date+"）")
-	s.redirect(w, r, "/customers/"+itoa(sub.CustomerID), "已把赛季标记为完成")
+	s.redirect(w, r, "/customers/"+itoa(sub.CustomerID), "已把通行证标记为完成")
 }

internal/web/handlers_tasks.go

@@ -23,11 +23,26 @@ func (s *Server) pendingTasks(date string, customerIDs map[int64]bool, pkgID int
 		if customerIDs != nil && !customerIDs[sub.CustomerID] {
 			continue
 		}
-		cs := calSub{sub: sub, pauses: pauses[sub.ID], eval: sub.Eval(today, warn)}
+		cs := calSub{sub: sub, pauses: pauses[sub.ID], eval: sub.Eval(today, warn), checkins: checkins[sub.ID]}
 		if sub.EndDate != "" {
 			cs.hasEnd = true
 			cs.end = domain.ParseDateOr(sub.EndDate, today)
 		}
+		if cs.isBlock() {
+			if !cs.blockNeedsWork(date) {
+				continue
+			}
+			row := TaskRow{SubView: newSubView(sub, today, warn), Urgent: urgent[sub.ID][date]}
+			if ci, ok := checkins[sub.ID][date]; ok {
+				row.CheckinID = ci.ID
+				row.Done = ci.Status == "done"
+				row.Skipped = ci.Status == "skipped"
+				row.Note = ci.Note
+				row.Operator = ci.OperatorName
+			}
+			rows = append(rows, row)
+			continue
+		}
 		if !cs.covers(date) {
 			continue
 		}
@@ -45,6 +60,18 @@ func (s *Server) pendingTasks(date string, customerIDs map[int64]bool, pkgID int
 	return rows, nil
 }
 
+// completeTask 完成某个订阅的某一天：通行证走整段完成，其余写打卡。
+func (s *Server) completeTask(subID int64, date string, operatorID int64) error {
+	sub, err := s.db.Sub(subID)
+	if err != nil {
+		return err
+	}
+	if sub.Season {
+		return s.db.SeasonComplete(subID, date)
+	}
+	return s.db.SaveCheckin(subID, date, "done", "", operatorID)
+}
+
 // handleQuickCheckin 输入手机尾号直接完成当日服务：
 // 命中 1 项直接完成；命中多项则跳到日历的选择面板。
 func (s *Server) handleQuickCheckin(w http.ResponseWriter, r *http.Request) {
@@ -101,7 +128,7 @@ func (s *Server) handleQuickCheckin(w http.ResponseWriter, r *http.Request) {
 		if u != nil {
 			op = u.ID
 		}
-		if err := s.db.SaveCheckin(row.ID, date, "done", "", op); err != nil {
+		if err := s.completeTask(row.ID, date, op); err != nil {
 			s.redirect(w, r, back, "完成失败："+err.Error())
 			return
 		}
@@ -147,7 +174,7 @@ func (s *Server) handleCheckinBatch(w http.ResponseWriter, r *http.Request) {
 			failed++
 			continue
 		}
-		if err := s.db.SaveCheckin(id, date, "done", "", op); err != nil {
+		if err := s.completeTask(id, date, op); err != nil {
 			failed++
 			lastErr = err.Error()
 			continue

internal/web/server.go

@@ -5,6 +5,7 @@ import (
 	"bytes"
 	"context"
 	"crypto/rand"
+	"crypto/sha256"
 	"embed"
 	"encoding/hex"
 	"fmt"
@@ -44,17 +45,19 @@ type Config struct {
 	BackupDir     string
 	BackupEnabled bool
 	ScreenPublic  bool
+	PortalPublic  bool
 	ConfigPath    string
 	Version       string
 }
 
 // Server 是应用服务。
 type Server struct {
-	db      *store.DB
+	db           *store.DB
-	cfg     Config
+	cfg          Config
-	tpl     *renderer
+	tpl          *renderer
-	handler http.Handler
+	handler      http.Handler
-	started time.Time
+	started      time.Time
+	assetVersion string
 }
 
 type ctxKey int
@@ -67,11 +70,33 @@ func New(db *store.DB, cfg Config) (*Server, error) {
 	if err != nil {
 		return nil, err
 	}
-	s := &Server{db: db, cfg: cfg, tpl: r, started: time.Now()}
+	s := &Server{db: db, cfg: cfg, tpl: r, started: time.Now(), assetVersion: staticAssetVersion()}
 	s.handler = s.routes()
 	return s, nil
 }
 
+// staticAssetVersion 计算内嵌静态资源的内容指纹。
+// 资源 URL 带上它之后可以放心长缓存；改了 CSS/JS 重新编译就会自动换 URL。
+func staticAssetVersion() string {
+	h := sha256.New()
+	if err := fs.WalkDir(staticFS, "static", func(path string, d fs.DirEntry, err error) error {
+		if err != nil || d.IsDir() {
+			return nil
+		}
+		data, rerr := fs.ReadFile(staticFS, path)
+		if rerr != nil {
+			return nil
+		}
+		h.Write([]byte(path))
+		h.Write([]byte{0})
+		h.Write(data)
+		return nil
+	}); err != nil {
+		return "dev"
+	}
+	return hex.EncodeToString(h.Sum(nil))[:12]
+}
+
 // Handler 返回 HTTP 处理器。
 func (s *Server) Handler() http.Handler { return s.handler }
 
@@ -82,7 +107,7 @@ func (s *Server) routes() http.Handler {
 	if err != nil {
 		panic(err)
 	}
-	mux.Handle("GET /static/", cacheControl(http.StripPrefix("/static/", http.FileServerFS(sub))))
+	mux.Handle("GET /static/", s.staticFiles(http.StripPrefix("/static/", http.FileServerFS(sub))))
 	mux.HandleFunc("GET /healthz", func(w http.ResponseWriter, r *http.Request) {
 		w.Header().Set("Content-Type", "text/plain; charset=utf-8")
 		_, _ = w.Write([]byte("ok"))
@@ -130,6 +155,10 @@ func (s *Server) routes() http.Handler {
 	mux.HandleFunc("POST /packages/{id}/archive", s.auth(s.handlePackageArchive))
 	mux.HandleFunc("GET /packages/{id}", s.auth(s.handlePackageDetail))
 	mux.HandleFunc("POST /packages/{id}/subscribe", s.auth(s.handlePackageBatchSubscribe))
+	if s.cfg.PortalPublic {
+		// 客户自助查询：独立开关，不受大屏 screen_public 影响
+		mux.HandleFunc("GET /customer", s.handleCustomerPortal)
+	}
 	if s.cfg.ScreenPublic {
 		// 大屏免登录：仅局域网部署时使用，内容为只读看板
 		mux.HandleFunc("GET /screen", s.handleScreen)
@@ -153,9 +182,16 @@ func (s *Server) routes() http.Handler {
 	return s.noCacheHTML(mux)
 }
 
-func cacheControl(h http.Handler) http.Handler {
+// staticFiles 给内嵌静态资源加缓存策略：
+// 只有带当前内容指纹（?v=）的 URL 才允许一年不可变缓存，其它一律回源。
+func (s *Server) staticFiles(h http.Handler) http.Handler {
 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-		w.Header().Set("Cache-Control", "public, max-age=300")
+		w.Header().Set("X-Content-Type-Options", "nosniff")
+		if r.URL.Query().Get("v") == s.assetVersion {
+			w.Header().Set("Cache-Control", "public, max-age=31536000, immutable")
+		} else {
+			w.Header().Set("Cache-Control", "no-cache")
+		}
 		h.ServeHTTP(w, r)
 	})
 }
@@ -337,14 +373,19 @@ type page struct {
 	TodayStr string
 	WarnDays int
 	Version  string
-	Query    string
+	// AssetVersion 是内嵌静态资源的内容指纹，用于 /static/*.css?v=... 的长缓存
-	Next     string
+	AssetVersion string
-	DueToday int
+	Query        string
-	Due3     int
+	Name         string
-	Due7     int
+	InlineError  string
-	Addr     string
+	InvalidField string
-	Theme    string // "" = 跟随系统；light / dark
+	Next         string
-	D        any
+	DueToday     int
+	Due3         int
+	Due7         int
+	Addr         string
+	Theme        string // "" = 跟随系统；light / dark
+	D            any
 }
 
 func (s *Server) warnDays() int {
@@ -374,9 +415,11 @@ func (s *Server) newPage(r *http.Request, title, nav string) *page {
 		TodayStr: domain.Date(today),
 		WarnDays: s.warnDays(),
 		Version:  s.cfg.Version,
-		Query:    r.URL.Query().Get("q"),
+
-		Next:     r.URL.Query().Get("next"),
+		AssetVersion: s.assetVersion,
-		Theme:    themeFromRequest(r),
+		Query:        r.URL.Query().Get("q"),
+		Next:         r.URL.Query().Get("next"),
+		Theme:        themeFromRequest(r),
 	}
 	if u != nil {
 		if due, due3, due7, err := s.db.Badges(today); err == nil {

internal/web/static/app.js

@@ -2,15 +2,22 @@
 (function () {
   'use strict';
 
-  /* 提示条自动淡出 */
+  /* ---------- 工具：本地日期，禁止用 toISOString 做“自然日”计算 ---------- */
+  function pad2(n) { return n < 10 ? '0' + n : '' + n; }
+  function parseDay(s) { return new Date(s + 'T00:00:00'); }
+  function fmtDay(d) { return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()); }
+  function addDays(s, n) { var d = parseDay(s); d.setDate(d.getDate() + n); return fmtDay(d); }
+  function diffDays(a, b) { return Math.round((b.getTime() - a.getTime()) / 86400000); }
+
+  /* ---------- 提示条：自动淡出（.flash 固定定位，不会顶动页面） ---------- */
   document.querySelectorAll('[data-flash]').forEach(function (el) {
     setTimeout(function () {
       el.classList.add('hide');
-      setTimeout(function () { el.remove(); }, 450);
+      setTimeout(function () { el.remove(); }, 400);
     }, 4200);
   });
 
-  /* 按 / 聚焦搜索框 */
+  /* ---------- 按 / 聚焦搜索框 ---------- */
   document.addEventListener('keydown', function (e) {
     if (e.key !== '/' || e.metaKey || e.ctrlKey || e.altKey) return;
     var tag = (document.activeElement && document.activeElement.tagName) || '';
@@ -19,17 +26,14 @@
     if (s) { e.preventDefault(); s.focus(); s.select(); }
   });
 
-  /* 危险操作确认 */
+  /* ---------- 危险操作确认 ---------- */
   document.querySelectorAll('form[data-confirm]').forEach(function (f) {
     f.addEventListener('submit', function (e) {
       if (!window.confirm(f.getAttribute('data-confirm'))) e.preventDefault();
     });
   });
 
-  /* 追加时长面板：点日历挑终止日 + 实时反算 */
+  /* ---------- 追加时长面板：点日历挑终止日 + 实时反算 ---------- */
-  function parseDay(s) { return new Date(s + 'T00:00:00'); }
-  function diffDays(a, b) { return Math.round((b.getTime() - a.getTime()) / 86400000); }
-
   document.querySelectorAll('form[data-extend]').forEach(function (form) {
     var base = parseDay(form.getAttribute('data-base'));
     var today = parseDay(form.getAttribute('data-today'));
@@ -63,7 +67,7 @@
     if (input.value) paint(input.value);
   });
 
-  /* 新订阅表单：按套餐类型切换「天数 / 次数 / 终止日」 */
+  /* ---------- 新订阅表单：按套餐类型切换「天数 / 次数 / 终止日」 ---------- */
   document.querySelectorAll('form[data-sub-form]').forEach(function (form) {
     var sel = form.querySelector('[data-pkg-select]');
     var daysWrap = form.querySelector('[data-days-wrap]');
@@ -71,93 +75,182 @@
     var endWrap = form.querySelector('[data-end-wrap]');
     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;
 
+    /* 只覆盖“上一次自动填的”终止日，不碰用户手填的值 */
+    function setAutoEnd(v) {
+      if (!endInput || !v) return;
+      if (!endInput.value || endInput.dataset.auto === endInput.value) {
+        endInput.value = v;
+        endInput.dataset.auto = v;
+      }
+    }
+
+    /* 显示/隐藏一组字段；隐藏时一并 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');
       var amount = opt && opt.getAttribute('data-amount');
       var validity = opt && parseInt(opt.getAttribute('data-validity') || '0', 10);
-      var endInput = endWrap && endWrap.querySelector('input');
 
       if (unit === 'season') {
-        if (daysWrap) daysWrap.hidden = true;
+        setWrap(daysWrap, false);
-        if (countWrap) countWrap.hidden = true;
+        setWrap(countWrap, false);
-        if (endWrap) endWrap.hidden = true;
+        setWrap(endWrap, false);
-        if (startWrap) startWrap.hidden = true;
+        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 === 'count') {
+      if (unit === 'abyss') {
-        if (daysWrap) daysWrap.hidden = true;
+        setWrap(daysWrap, false);
-        if (countWrap) { countWrap.hidden = false; if (amount) countWrap.querySelector('input').value = amount; }
+        setWrap(countWrap, false);
-        if (endWrap) endWrap.hidden = false;
+        setWrap(endWrap, false);
-        if (validity > 0 && endInput && !endInput.value && startInput && startInput.value) {
+        setWrap(cyclesWrap, true);
-          var d = new Date(startInput.value + 'T00:00:00');
+        if (cyclesInput) {
-          d.setDate(d.getDate() + validity - 1);
+          cyclesInput.required = true;
-          endInput.value = d.toISOString().slice(0, 10);
+          if (amount) cyclesInput.value = amount;
         }
+        return;
+      }
+
+      setWrap(cyclesWrap, false);
+      if (cyclesInput) cyclesInput.required = false;
+
+      if (unit === 'count') {
+        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; }
+        setWrap(daysWrap, true);
-        if (countWrap) countWrap.hidden = true;
+        setWrap(countWrap, false);
-        if (endWrap) endWrap.hidden = false;
+        setWrap(endWrap, true);
+        if (amount) daysWrap.querySelector('input').value = amount;
       } else {
-        if (daysWrap) daysWrap.hidden = false;
+        setWrap(daysWrap, true);
-        if (countWrap) countWrap.hidden = true;
+        setWrap(countWrap, false);
-        if (endWrap) endWrap.hidden = true;
+        setWrap(endWrap, false);
       }
     }
+
     sel.addEventListener('change', sync);
+    if (startInput) {
+      startInput.addEventListener('change', function () {
+        var opt = sel.options[sel.selectedIndex];
+        var validity = opt && parseInt(opt.getAttribute('data-validity') || '0', 10);
+        if (opt && opt.getAttribute('data-unit') === 'count' && validity > 0 && startInput.value) {
+          setAutoEnd(addDays(startInput.value, validity - 1));
+        }
+      });
+    }
     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]');
+      if (label) label.textContent = v === 'count' ? '次' : (v === 'abyss' ? '个' : '天');
-      var validityWrap = form.querySelector('[data-validity-wrap]');
+      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();
   });
+
+  /* ---------- 批量开通：表头全选 + 半选状态 ---------- */
+  document.querySelectorAll('[data-select-all]').forEach(function (box) {
+    var form = box.closest('form') || document;
+    var boxes = form.querySelectorAll('input[name="customer_ids"]');
+
+    function refresh() {
+      var total = 0, checked = 0;
+      boxes.forEach(function (c) {
+        if (c.disabled) return;
+        total++;
+        if (c.checked) checked++;
+      });
+      box.checked = total > 0 && checked === total;
+      box.indeterminate = checked > 0 && checked < total;
+    }
+
+    box.addEventListener('change', function () {
+      boxes.forEach(function (c) { if (!c.disabled) c.checked = box.checked; });
+      box.indeterminate = false;
+    });
+    boxes.forEach(function (c) { c.addEventListener('change', refresh); });
+    refresh();
+  });
 })();
 
 /* ---------- 亮色 / 暗色切换 ----------
-   偏好写 cookie，服务端首屏直接带 data-theme，不闪。
+   唯一状态源是 <html data-bs-theme>：服务端按 Cookie 直出，
-   没有 cookie 时跟随系统（由 CSS 的 prefers-color-scheme 决定）。 */
+   没有 Cookie 时由 <head> 里的内联脚本按系统偏好补上。 */
 (function () {
   'use strict';
   var KEY = 'daili_theme';
+  var root = document.documentElement;
   var btns = document.querySelectorAll('[data-theme-toggle]');
   if (!btns.length) return;
 
-  function effective() {
+  function current() {
-    var attr = document.documentElement.getAttribute('data-theme');
+    return root.getAttribute('data-bs-theme') === 'dark' ? 'dark' : 'light';
-    if (attr === 'light' || attr === 'dark') return attr;
+  }
-    return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  function paint() {
+    var dark = current() === 'dark';
+    btns.forEach(function (b) { b.setAttribute('aria-pressed', dark ? 'true' : 'false'); });
   }
 
-  Array.prototype.forEach.call(btns, function (btn) {
+  btns.forEach(function (btn) {
     btn.addEventListener('click', function () {
-      var next = effective() === 'dark' ? 'light' : 'dark';
+      var next = current() === 'dark' ? 'light' : 'dark';
-      document.documentElement.setAttribute('data-theme', next);
+      root.setAttribute('data-bs-theme', next);
       document.cookie = KEY + '=' + next + '; path=/; max-age=31536000; SameSite=Lax';
+      paint();
     });
   });
+  paint();
 })();
 
 /* ---------- 触摸小键盘 + 抽屉时钟 + 更多菜单 ---------- */
@@ -170,14 +263,14 @@
     var d = new Date();
     var pad = function (n) { return n < 10 ? '0' + n : '' + n; };
     var t = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
-    Array.prototype.forEach.call(clocks, function (el) { el.textContent = t; });
+    clocks.forEach(function (el) { el.textContent = t; });
   }
   if (clocks.length) { tick(); setInterval(tick, 1000); }
 
   /* 小键盘：输入手机尾号
      关键点：鼠标按下时阻止默认行为，否则按钮会先抢走输入框焦点；
      每次按键后再把焦点和光标送回输入框末尾。 */
-  Array.prototype.forEach.call(document.querySelectorAll('[data-keypad]'), function (pad) {
+  document.querySelectorAll('[data-keypad]').forEach(function (pad) {
     // 键盘是表单的兄弟节点（不在 <form> 内），所以先找输入框，再用 input.form 反查表单
     var scope = pad.closest('.drawer-block') || pad.parentElement || document;
     var input = scope.querySelector('input[name="tail"]');
@@ -221,33 +314,20 @@
 
   /* 更多菜单：点开一个时收起其它，点空白处关闭 */
   document.addEventListener('click', function (e) {
-    var opened = document.querySelectorAll('.more-actions[open]');
+    document.querySelectorAll('.more-actions[open]').forEach(function (d) {
-    Array.prototype.forEach.call(opened, function (d) {
       if (!d.contains(e.target)) { d.removeAttribute('open'); }
     });
   });
 })();
 
-
+/* ---------- 触控/PC 小键盘模式 ---------- */
-/* ---------- 全选 + 触控/PC 小键盘模式 ---------- */
 (function () {
   'use strict';
 
-  /* 批量开通：表头全选 */
-  Array.prototype.forEach.call(document.querySelectorAll('[data-select-all]'), function (box) {
-    box.addEventListener('change', function () {
-      var form = box.closest('form') || document;
-      Array.prototype.forEach.call(form.querySelectorAll('input[name="customer_ids"]'), function (c) {
-        if (!c.disabled) { c.checked = box.checked; }
-      });
-    });
-  });
-
-  /* 触控 / PC 模式：触控时显示键盘并禁用输入框（不唤起系统输入法） */
   var KEY = 'daili_keypad_mode';
 
   function applyMode(touch) {
-    Array.prototype.forEach.call(document.querySelectorAll('[data-keypad]'), function (pad) {
+    document.querySelectorAll('[data-keypad]').forEach(function (pad) {
       pad.hidden = !touch;
       var block = pad.closest('.drawer-block') || document;
       var input = block.querySelector('input[name="tail"]');
@@ -269,7 +349,7 @@
   try { touchMode = localStorage.getItem(KEY) === 'touch'; } catch (err) { }
   applyMode(touchMode);
 
-  Array.prototype.forEach.call(document.querySelectorAll('[data-keypad-toggle]'), function (btn) {
+  document.querySelectorAll('[data-keypad-toggle]').forEach(function (btn) {
     btn.addEventListener('click', function () {
       touchMode = !touchMode;
       try { localStorage.setItem(KEY, touchMode ? 'touch' : 'pc'); } catch (err) { }

internal/web/static/screen.css

@@ -1,79 +1,70 @@
 /* ============================================================
-   代打台 · 可视化大屏（记分板）
+   代打台 · 可视化大屏（v1.10）
-   默认深色；亮色由系统偏好或 [data-theme="light"] 覆盖
+   ------------------------------------------------------------
+   只认 <html data-bs-theme="light|dark">；默认由模板给 dark。
+   Bootstrap 只用于重置与栅格，视觉全部在本文件内闭环。
    ============================================================ */
 
-:root {
+:root,
-  --bg: #0c0f12;
+[data-bs-theme="light"] {
-  --panel: #12161b;
+  --scr-bg: #eef4fb;
-  --panel-2: #171c22;
+  --scr-panel: #ffffff;
-  --line: #232a32;
+  --scr-panel-2: #f7fafd;
-  --ink: #e9edf1;
+  --scr-line: #dbe6f1;
-  --ink-2: #aab4bf;
+  --scr-text: #0f1c29;
-  --muted: #6f7b87;
+  --scr-text-2: #354a60;
-  --accent: #58c1a3;
+  --scr-muted: #5d7186;
-  --accent-2: #8bd9c4;
+  --scr-accent: #2f5f9e;
-  --danger: #ef6b62;
+  --scr-accent-2: #3f74b4;
-  --warn: #e6ac55;
+  --scr-accent-solid: #2f5f9e;
-  --ok: #58c1a3;
+  --scr-danger: #b3261e;
-  --glow: 0 0 24px rgba(88, 193, 163, 0.18);
+  --scr-warn: #8a5200;
+  --scr-glow: 0 0 18px rgba(47, 95, 158, 0.12);
+  --scr-shadow: 0 14px 32px -22px rgba(20, 32, 43, 0.4);
 }
 
-@media (prefers-color-scheme: light) {
+[data-bs-theme="dark"] {
-  :root:not([data-theme="dark"]) {
+  --scr-bg: #070e16;
-    --bg: #f4f2ec;
+  --scr-panel: #0f1823;
-    --panel: #ffffff;
+  --scr-panel-2: #142030;
-    --panel-2: #faf9f5;
+  --scr-line: #203448;
-    --line: #e0ddd2;
+  --scr-text: #e7f0f9;
-    --ink: #1b1e23;
+  --scr-text-2: #b6c9db;
-    --ink-2: #4a4f57;
+  --scr-muted: #87a0b8;
-    --muted: #8a8f97;
+  --scr-accent: #6fa8dc;
-    --accent: #2f7d68;
+  --scr-accent-2: #93c4ee;
-    --accent-2: #245c4d;
+  --scr-accent-solid: #2b5d94;
-    --danger: #b3302a;
+  --scr-danger: #f08a82;
-    --warn: #a0600f;
+  --scr-warn: #e0b072;
-    --ok: #2f7d68;
+  --scr-glow: 0 0 24px rgba(111, 168, 220, 0.16);
-    --glow: 0 0 18px rgba(47, 125, 104, 0.12);
+  --scr-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
-  }
-}
-
-:root[data-theme="light"] {
-  --bg: #f4f2ec;
-  --panel: #ffffff;
-  --panel-2: #faf9f5;
-  --line: #e0ddd2;
-  --ink: #1b1e23;
-  --ink-2: #4a4f57;
-  --muted: #8a8f97;
-  --accent: #2f7d68;
-  --accent-2: #245c4d;
-  --danger: #b3302a;
-  --warn: #a0600f;
-  --ok: #2f7d68;
-  --glow: 0 0 18px rgba(47, 125, 104, 0.12);
 }
 
 * { box-sizing: border-box; }
 
 html, body { height: 100%; margin: 0; }
 
-body {
+body.screen-body {
-  background: var(--bg);
+  background:
-  color: var(--ink);
+    radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--scr-accent) 14%, transparent), transparent 60%),
-  font-family: "Bahnschrift", "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;
+    radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--scr-accent) 8%, transparent), transparent 55%),
+    var(--scr-bg);
+  color: var(--scr-text);
+  font-family: "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC",
+    system-ui, -apple-system, "Segoe UI", sans-serif;
   font-size: 14px;
+  line-height: 1.45;
   overflow: hidden;
+  -webkit-font-smoothing: antialiased;
 }
 
-/* 背景：极淡的网格与光晕 */
+body.screen-body::before {
-body::before {
   content: "";
   position: fixed; inset: 0; z-index: 0; pointer-events: none;
   background:
-    radial-gradient(1200px 600px at 20% -10%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 60%),
+    linear-gradient(var(--scr-line) 1px, transparent 1px) 0 0 / 100% 44px,
-    linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 40px,
+    linear-gradient(90deg, var(--scr-line) 1px, transparent 1px) 0 0 / 44px 100%;
-    linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 40px 100%;
+  opacity: 0.35;
-  opacity: 0.5;
 }
 
 .scr {
@@ -82,69 +73,65 @@ body::before {
   grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
   gap: 10px;
   height: 100vh;
+  height: 100dvh;
   padding: 12px 16px 8px;
 }
 
 /* ---------- 头部 ---------- */
 
-.scr-head { display: flex; align-items: center; gap: 16px; min-height: 40px; }
+.scr-head { display: flex; align-items: center; gap: 14px; min-height: 40px; flex-wrap: wrap; padding-bottom: 8px; border-bottom: 1px solid var(--scr-line); }
 
-.scr-brand { display: flex; align-items: baseline; gap: 6px; font-size: 17px; font-weight: 700; letter-spacing: 0.08em; }
+.scr-brand { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; letter-spacing: 0.06em; color: var(--scr-text); }
 .scr-brand .mark {
   display: inline-grid; place-items: center;
-  width: 24px; height: 24px; margin-right: 4px;
+  width: 26px; height: 26px;
-  background: var(--accent); color: var(--bg);
+  background: var(--scr-accent-solid); color: #fff;
-  font-size: 13px; border-radius: 2px;
+  font-size: 13px; font-weight: 800; border-radius: 8px;
-  align-self: center;
 }
-.scr-brand em { font-style: normal; font-size: 11px; color: var(--muted); letter-spacing: 0.2em; }
+.scr-brand em { font-style: normal; font-size: 11px; font-weight: 500; color: var(--scr-muted); letter-spacing: 0.16em; }
 
 .scr-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
 .scr-tabs a {
   display: inline-flex; align-items: center; gap: 5px;
   height: 28px; padding: 0 11px;
-  font-size: 12px; color: var(--ink-2); text-decoration: none;
+  font-size: 12px; color: var(--scr-text-2); text-decoration: none;
-  border: 1px solid var(--line); border-radius: 999px;
+  border: 1px solid var(--scr-line); border-radius: 999px;
-  background: var(--panel);
+  background: var(--scr-panel);
 }
-.scr-tabs a::before {
+.scr-tabs a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--tab, var(--scr-accent)); }
-  content: ""; width: 6px; height: 6px; border-radius: 50%;
+.scr-tabs a:hover { border-color: var(--scr-accent); color: var(--scr-text); text-decoration: none; }
-  background: var(--tab, var(--accent));
+.scr-tabs a.on { background: var(--scr-accent-solid); border-color: var(--scr-accent-solid); color: #fff; }
-}
+.scr-tabs a.on::before { background: #fff; }
-.scr-tabs a.on { background: var(--accent); border-color: var(--accent); color: var(--bg); }
-.scr-tabs a.on::before { background: var(--bg); }
 
 .scr-tools { display: flex; align-items: center; gap: 8px; }
 .scr-switch {
   height: 28px; padding: 0 10px;
   display: inline-flex; align-items: center;
-  font-size: 12px; color: var(--accent); text-decoration: none;
+  font-size: 12px; color: var(--scr-accent); text-decoration: none;
-  border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line));
+  border: 1px solid color-mix(in srgb, var(--scr-accent) 40%, var(--scr-line));
-  border-radius: 999px; background: var(--panel);
+  border-radius: 999px; background: var(--scr-panel);
 }
-.scr-switch:hover { background: color-mix(in srgb, var(--accent) 12%, var(--panel)); }
+.scr-switch:hover { background: color-mix(in srgb, var(--scr-accent) 12%, var(--scr-panel)); text-decoration: none; }
 
 .scr-theme {
   width: 28px; height: 28px; padding: 0;
   display: inline-grid; place-items: center;
-  border: 1px solid var(--line); border-radius: 999px;
+  border: 1px solid var(--scr-line); border-radius: 999px;
-  background: var(--panel); color: var(--ink-2);
+  background: var(--scr-panel); color: var(--scr-text-2);
   font-size: 13px; cursor: pointer;
 }
+.scr-theme:hover { border-color: var(--scr-accent); color: var(--scr-accent); }
 .scr-theme .ic-sun { display: none; }
-:root[data-theme="light"] .scr-theme .ic-sun { display: inline; }
+[data-bs-theme="dark"] .scr-theme .ic-sun { display: inline; }
-:root[data-theme="light"] .scr-theme .ic-moon { display: none; }
+[data-bs-theme="dark"] .scr-theme .ic-moon { display: none; }
-@media (prefers-color-scheme: light) {
-  :root:not([data-theme="dark"]) .scr-theme .ic-sun { display: inline; }
-  :root:not([data-theme="dark"]) .scr-theme .ic-moon { display: none; }
-}
 
 .scr-clock { margin-left: auto; text-align: right; line-height: 1.1; }
-.scr-clock b { font-family: var(--mono, "Bahnschrift", monospace); font-size: 22px; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }
+.scr-clock b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 22px; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; color: var(--scr-text); }
-.scr-clock span { display: block; font-size: 11px; color: var(--muted); }
+.scr-clock span { display: block; font-size: 11px; color: var(--scr-muted); }
 
-.scr-links { font-size: 11px; color: var(--muted); }
+.scr-links { font-size: 11px; color: var(--scr-muted); }
-.scr-links a { color: var(--accent); text-decoration: none; }
+.scr-links a { color: var(--scr-accent); text-decoration: none; }
+.scr-links a:hover { text-decoration: underline; }
 
 /* ---------- KPI ---------- */
 
@@ -152,23 +139,24 @@ body::before {
 .kpi {
   position: relative;
   display: flex; align-items: baseline; gap: 6px;
-  padding: 10px 14px;
+  padding: 10px 14px 10px 18px;
-  background: var(--panel);
+  background: var(--scr-panel);
-  border: 1px solid var(--line);
+  border: 1px solid var(--scr-line);
-  border-radius: 3px;
+  border-radius: 10px;
   overflow: hidden;
+  box-shadow: var(--scr-shadow);
 }
 .kpi::after {
   content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
-  background: var(--accent);
+  background: var(--scr-accent);
 }
-.kpi span { font-size: 12px; color: var(--muted); margin-right: auto; }
+.kpi span { font-size: 12px; color: var(--scr-muted); margin-right: auto; }
-.kpi b { font-family: "Bahnschrift", monospace; font-size: 30px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
+.kpi b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 30px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--scr-text); }
-.kpi i { font-style: normal; font-size: 11px; color: var(--muted); }
+.kpi i { font-style: normal; font-size: 11px; color: var(--scr-muted); }
-.kpi-hot::after { background: var(--danger); }
+.kpi-hot::after { background: var(--scr-danger); }
-.kpi-hot b { color: var(--danger); }
+.kpi-hot b { color: var(--scr-danger); }
-.kpi-warm::after { background: var(--warn); }
+.kpi-warm::after { background: var(--scr-warn); }
-.kpi-warm b { color: var(--warn); }
+.kpi-warm b { color: var(--scr-warn); }
 
 /* ---------- 主区 ---------- */
 
@@ -176,140 +164,158 @@ body::before {
 
 .panel {
   display: flex; flex-direction: column; min-height: 0;
-  background: var(--panel);
+  background: var(--scr-panel);
-  border: 1px solid var(--line);
+  border: 1px solid var(--scr-line);
-  border-radius: 3px;
+  border-radius: 10px;
   overflow: hidden;
+  box-shadow: var(--scr-shadow);
 }
 .panel-head {
   display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
   padding: 9px 14px;
-  border-bottom: 1px solid var(--line);
+  border-bottom: 1px solid var(--scr-line);
-  background: var(--panel-2);
+  background: var(--scr-panel-2);
 }
-.panel-head h2 { margin: 0; font-size: 13px; letter-spacing: 0.08em; font-weight: 700; }
+.panel-head h2 { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--scr-text); }
-.panel-head span { font-size: 11px; color: var(--muted); }
+.panel-head span { font-size: 11px; color: var(--scr-muted); }
 
 /* 热力 */
-.heat-grid { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 8px 12px; min-height: 0; }
+.heat-grid { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 8px 12px; min-height: 0; min-width: 0; overflow: hidden; }
-.heat-dow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 4px; }
+.heat-dow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 4px; }
-.heat-dow span { text-align: center; font-size: 10px; color: var(--muted); }
+.heat-dow span { text-align: center; font-size: 10px; color: var(--scr-muted); }
-.heat-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-bottom: 4px; }
+.heat-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 4px; align-items: stretch; }
 .heat-cell {
   position: relative;
   display: flex; align-items: center; justify-content: space-between;
-  min-height: 0; aspect-ratio: 2.05 / 1;
+  min-height: 34px; min-width: 0;
-  padding: 4px 7px;
+  padding: 3px 7px 3px 9px;
-  border: 1px solid var(--line);
+  border: 1px solid var(--scr-line); border-radius: 6px;
-  border-radius: 2px;
+  background: var(--scr-panel-2);
-  background: var(--panel-2);
+  font-size: 11px; color: var(--scr-muted);
-  font-size: 11px; color: var(--muted);
+  overflow: hidden;
   transition: transform 0.1s ease, border-color 0.1s ease;
 }
-.heat-cell span { font-family: "Bahnschrift", monospace; font-size: 11px; }
+.heat-cell span { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); }
-.heat-cell b { font-family: "Bahnschrift", monospace; font-size: 12px; color: var(--ink-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 { opacity: 0.28; }
+.heat-cell.out { background: var(--scr-panel-2); border-color: var(--scr-line); }
-.heat-cell.past { opacity: 0.66; }
+.heat-cell.out span, .heat-cell.out b { color: var(--scr-text-2); }
-.heat-cell.today { outline: 1px solid var(--accent); outline-offset: -1px; }
+.heat-cell.past { opacity: 1; }
-.heat-cell.today span { color: var(--accent); font-weight: 700; }
+.heat-cell.today { outline: 1px solid var(--scr-accent); outline-offset: -1px; }
-.heat-cell:hover { transform: translateY(-1px); border-color: var(--accent); z-index: 3; }
+.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(--accent) 12%, var(--panel-2)); border-color: color-mix(in srgb, var(--accent) 22%, var(--line)); }
+.heat-cell.h1 { background: color-mix(in srgb, var(--scr-accent) 10%, var(--scr-panel-2)); }
-.heat-cell.h2 { background: color-mix(in srgb, var(--accent) 24%, var(--panel-2)); }
+.heat-cell.h2 { background: color-mix(in srgb, var(--scr-accent) 22%, var(--scr-panel-2)); }
-.heat-cell.h3 { background: color-mix(in srgb, var(--accent) 38%, var(--panel-2)); }
+.heat-cell.h3 { background: color-mix(in srgb, var(--scr-accent) 36%, var(--scr-panel-2)); }
-.heat-cell.h4 { background: color-mix(in srgb, var(--accent) 56%, var(--panel-2)); }
+.heat-cell.h4 { background: color-mix(in srgb, var(--scr-accent) 52%, var(--scr-panel-2)); }
-.heat-cell.h3 b, .heat-cell.h4 b { color: var(--bg); }
+.heat-cell.h3 span, .heat-cell.h4 span { color: var(--scr-text); }
-.heat-cell.h3 span, .heat-cell.h4 span { color: color-mix(in srgb, var(--bg) 75%, var(--accent)); }
+.heat-cell.h3 b, .heat-cell.h4 b { color: var(--scr-text); }
+.heat-cell.has-block {
+  background: color-mix(in srgb, var(--block) var(--block-pct, 18%), var(--scr-panel-2));
+  border-color: color-mix(in srgb, var(--block) 30%, var(--scr-line));
+}
+.heat-cell b.scr-block {
+  display: inline-flex; align-items: center;
+  padding: 1px 5px; border-radius: 4px;
+  background: color-mix(in srgb, var(--block) 20%, var(--scr-panel));
+  border: 1px solid color-mix(in srgb, var(--block) 32%, transparent);
+  color: var(--scr-text);
+  font-size: 12px; font-weight: 700;
+}
 
 .cell-urgent {
   position: absolute; top: 3px; right: 3px;
   width: 5px; height: 5px; border-radius: 50%;
-  background: var(--danger);
+  background: var(--scr-danger);
-  box-shadow: 0 0 6px color-mix(in srgb, var(--danger) 70%, transparent);
+  box-shadow: 0 0 6px color-mix(in srgb, var(--scr-danger) 70%, transparent);
 }
 
-.heat-legend {
+.heat-legend { display: flex; align-items: center; gap: 4px; padding: 6px 14px 10px; font-size: 10px; color: var(--scr-muted); }
-  display: flex; align-items: center; gap: 4px;
-  padding: 6px 14px 10px;
-  font-size: 10px; color: var(--muted);
-}
 .heat-legend span { margin-right: 6px; }
-.heat-legend i {
+.heat-legend i { width: 14px; height: 9px; border-radius: 2px; border: 1px solid var(--scr-line); display: inline-block; }
-  width: 14px; height: 9px; border-radius: 1px;
+.heat-legend i.h0 { background: var(--scr-panel-2); }
-  border: 1px solid var(--line);
+.heat-legend i.h1 { background: color-mix(in srgb, var(--scr-accent) 10%, var(--scr-panel-2)); }
-  display: inline-block;
+.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.h0 { background: var(--panel-2); }
+.heat-legend i.h4 { background: color-mix(in srgb, var(--scr-accent) 52%, var(--scr-panel-2)); }
-.heat-legend i.h1 { background: color-mix(in srgb, var(--accent) 12%, var(--panel-2)); }
+.heat-legend .legend-hint { margin-left: auto; font-style: normal; color: var(--scr-text-2); }
-.heat-legend i.h2 { background: color-mix(in srgb, var(--accent) 24%, var(--panel-2)); }
-.heat-legend i.h3 { background: color-mix(in srgb, var(--accent) 38%, var(--panel-2)); }
-.heat-legend i.h4 { background: color-mix(in srgb, var(--accent) 56%, var(--panel-2)); }
-.heat-legend .legend-hint { margin-left: auto; font-style: normal; opacity: 0.7; }
 
 /* TOP 10 */
-.top-list { list-style: none; margin: 0; padding: 6px 10px; overflow: hidden; flex: 1 1 auto; }
+.top-list { list-style: none; margin: 0; padding: 6px 10px; overflow: auto; flex: 1 1 auto; min-height: 0; }
 .top-item {
   display: grid;
-  grid-template-columns: 22px 54px minmax(0, 1fr) auto auto 56px;
+  grid-template-columns: 24px 56px minmax(0, 1fr) minmax(0, 118px) 78px 64px;
   gap: 8px; align-items: center;
   padding: 5px 4px;
-  border-bottom: 1px dashed var(--line);
+  border-bottom: 1px dashed var(--scr-line);
   font-size: 12px;
 }
 .top-item:last-child { border-bottom: 0; }
-.top-item .rank { font-family: "Bahnschrift", monospace; font-size: 11px; color: var(--muted); }
+.top-item .rank { grid-column: 1; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-muted); }
-.top-item:nth-child(-n+3) .rank { color: var(--accent); font-weight: 700; }
+.top-item:nth-child(-n+3) .rank { color: var(--scr-accent); font-weight: 700; }
-.top-tail { font-family: "Bahnschrift", monospace; font-size: 14px; font-weight: 700; letter-spacing: 0.03em; }
+.top-tail { grid-column: 2; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 14px; font-weight: 700; letter-spacing: 0.03em; color: var(--scr-text); }
-.top-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
+.top-name { grid-column: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--scr-text-2); }
 .top-pkg {
-  font-size: 10px; padding: 1px 6px; border-radius: 2px;
+  grid-column: 4;
-  border-left: 2px solid var(--tag, var(--accent));
+  font-size: 10px; padding: 1px 6px; border-radius: 999px;
-  background: color-mix(in srgb, var(--tag, var(--accent)) 14%, transparent);
+  border-left: 2px solid var(--tag, var(--scr-accent));
-  color: var(--ink-2); white-space: nowrap;
+  background: color-mix(in srgb, var(--tag, var(--scr-accent)) 14%, transparent);
+  color: var(--scr-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
-.top-remain { font-family: "Bahnschrift", monospace; font-size: 11px; white-space: nowrap; }
+.top-remain { grid-column: 5; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); white-space: nowrap; }
-.top-item.lv-today .top-remain { color: var(--danger); font-weight: 700; }
+.top-bar { grid-column: 6; height: 4px; background: var(--scr-line); border-radius: 999px; overflow: hidden; }
-.top-item.lv-warn .top-remain { color: var(--warn); }
+.top-bar i { display: block; height: 100%; background: var(--scr-accent); }
-.top-bar { height: 4px; background: var(--line); border-radius: 999px; overflow: hidden; }
+.top-item.lv-today .top-remain { color: var(--scr-danger); font-weight: 700; }
-.top-bar i { display: block; height: 100%; background: var(--accent); }
+.top-item.lv-warn .top-remain { color: var(--scr-warn); }
-.top-item.lv-today .top-bar i { background: var(--danger); }
+.top-item.lv-today .top-bar i { background: var(--scr-danger); }
-.top-item.lv-warn .top-bar i { background: var(--warn); }
+.top-item.lv-warn .top-bar i { background: var(--scr-warn); }
 
 /* ---------- 底部两块 ---------- */
 
-.scr-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-height: 150px; max-height: 30vh; }
+.scr-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-height: 168px; max-height: 30vh; }
-.today-list { list-style: none; margin: 0; padding: 4px 10px 8px; overflow: auto; }
+.today-list { list-style: none; margin: 0; padding: 4px 10px 8px; overflow: auto; min-height: 0; }
 .today-list li {
-  display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) 86px 52px 76px;
   gap: 8px; align-items: center;
   padding: 5px 6px;
-  border-bottom: 1px dashed var(--line);
+  border-bottom: 1px dashed var(--scr-line);
   font-size: 12px;
 }
 .today-list li:last-child { border-bottom: 0; }
 .today-list li.urgent {
-  background: color-mix(in srgb, var(--danger) 9%, transparent);
+  background: color-mix(in srgb, var(--scr-danger) 8%, transparent);
-  border-left: 2px solid var(--danger);
+  border-left: 2px solid var(--scr-danger);
   padding-left: 8px;
 }
+.today-list .tchip { grid-column: 1; }
+.today-list .pkg { grid-column: 2; font-size: 10px; color: var(--scr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.today-list .asg { grid-column: 3; }
+.today-list .tag-urgent { grid-column: 4; justify-self: start; }
+.today-list .rem { grid-column: 5; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); white-space: nowrap; text-align: right; }
+
 .tchip {
   display: inline-flex; align-items: baseline; gap: 3px;
   padding: 1px 6px;
-  border-left: 2px solid var(--tag, var(--accent));
+  border-left: 2px solid var(--tag, var(--scr-accent));
-  background: color-mix(in srgb, var(--tag, var(--accent)) 14%, transparent);
+  background: color-mix(in srgb, var(--tag, var(--scr-accent)) 14%, transparent);
-  border-radius: 1px; white-space: nowrap;
+  border-radius: 2px 6px 6px 2px; white-space: nowrap;
+  color: var(--scr-text-2);
 }
-.tchip b { font-family: "Bahnschrift", monospace; font-size: 13px; }
+.tchip b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 13px; color: var(--scr-text); }
-.today-list .pkg { font-size: 10px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.today-list .rem { font-family: "Bahnschrift", monospace; font-size: 11px; color: var(--ink-2); white-space: nowrap; }
 
 .tag-urgent {
-  font-size: 9px; line-height: 1; padding: 2px 4px;
+  display: inline-flex; align-items: center;
-  background: var(--danger); color: #fff; border-radius: 2px;
+  height: 18px; padding: 0 6px;
+  font-size: 10px; font-weight: 700; line-height: 1;
+  background: color-mix(in srgb, var(--scr-danger) 18%, var(--scr-panel));
+  color: var(--scr-danger);
+  border: 1px solid color-mix(in srgb, var(--scr-danger) 32%, transparent);
+  border-radius: 999px;
   white-space: nowrap;
 }
 
-.scr-empty, .scr-empty-inline { color: var(--muted); font-size: 12px; padding: 16px; text-align: center; margin: 0; }
+.scr-empty, .scr-empty-inline { color: var(--scr-muted); font-size: 12px; padding: 16px; text-align: center; margin: 0; }
 .scr-empty-inline { padding: 0; text-align: left; }
 
 /* ---------- 最近追加 ---------- */
@@ -317,18 +323,18 @@ body::before {
 .scr-recent {
   display: flex; align-items: center; gap: 10px;
   padding: 5px 12px;
-  background: var(--panel);
+  background: var(--scr-panel);
-  border: 1px solid var(--line); border-radius: 3px;
+  border: 1px solid var(--scr-line); border-radius: 10px;
-  font-size: 11px; color: var(--muted);
+  font-size: 11px; color: var(--scr-muted);
   overflow: hidden;
 }
-.recent-label { flex: 0 0 auto; letter-spacing: 0.12em; color: var(--accent); font-size: 10px; }
+.recent-label { flex: 0 0 auto; letter-spacing: 0.12em; color: var(--scr-accent); font-size: 10px; }
 .recent-track { display: flex; gap: 18px; overflow: hidden; white-space: nowrap; }
-.recent-item { color: var(--ink-2); }
+.recent-item { color: var(--scr-text-2); }
-.recent-item b { font-family: "Bahnschrift", monospace; font-size: 12px; color: var(--ink); margin-right: 3px; }
+.recent-item b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; color: var(--scr-text); margin-right: 3px; }
-.recent-item em { font-style: normal; color: var(--accent); margin-left: 3px; }
+.recent-item em { font-style: normal; color: var(--scr-accent); margin-left: 3px; }
 
-.scr-foot { text-align: center; font-size: 10px; color: var(--muted); letter-spacing: 0.06em; }
+.scr-foot { text-align: center; font-size: 10px; color: var(--scr-muted); letter-spacing: 0.06em; }
 
 /* ---------- 当日明细浮层 ---------- */
 
@@ -336,76 +342,72 @@ body::before {
   position: fixed; z-index: 60;
   width: 340px; max-height: 62vh; overflow: auto;
   padding: 10px 12px;
-  background: var(--panel);
+  background: var(--scr-panel);
-  border: 1px solid var(--accent);
+  border: 1px solid var(--scr-accent);
-  border-radius: 3px;
+  border-radius: 10px;
-  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.7), var(--glow);
+  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55), var(--scr-glow);
   font-size: 12px;
-  pointer-events: none;
+  pointer-events: auto;
+  overscroll-behavior: contain;
 }
 .day-pop[hidden] { display: none; }
-.day-pop h4 {
+.day-pop h4 { margin: 0 0 6px; display: flex; align-items: baseline; justify-content: space-between; font-size: 12px; color: var(--scr-text); }
-  margin: 0 0 6px; display: flex; align-items: baseline; justify-content: space-between;
+.day-pop h4 small { font-weight: 400; color: var(--scr-muted); font-size: 10px; }
-  font-size: 12px; color: var(--ink);
+.day-pop .pop-meta { display: flex; gap: 10px; margin-bottom: 6px; font-size: 10px; color: var(--scr-muted); }
-}
+.day-pop .pop-meta b { color: var(--scr-text-2); font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; }
-.day-pop h4 small { font-weight: 400; color: var(--muted); font-size: 10px; }
-.day-pop .pop-meta { display: flex; gap: 10px; margin-bottom: 6px; font-size: 10px; color: var(--muted); }
-.day-pop .pop-meta b { color: var(--ink-2); font-family: "Bahnschrift", monospace; }
 .day-pop ul { list-style: none; margin: 0; padding: 0; }
-.day-pop li {
+.day-pop li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 3px 0; border-bottom: 1px dashed var(--scr-line); }
-  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
-  gap: 6px; align-items: center;
-  padding: 3px 0; border-bottom: 1px dashed var(--line);
-}
 .day-pop li:last-child { border-bottom: 0; }
-.day-pop li.urgent { color: var(--danger); }
+.day-pop li.urgent { color: var(--scr-danger); }
 .day-pop li.done { opacity: 0.45; text-decoration: line-through; }
-.day-pop .pop-tail { font-family: "Bahnschrift", monospace; font-size: 12px; font-weight: 700; }
+.day-pop .pop-tail { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; font-weight: 700; }
-.day-pop .pop-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
+.day-pop .pop-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--scr-text-2); }
-.day-pop .pop-rem { font-size: 10px; color: var(--muted); white-space: nowrap; }
+.day-pop .pop-rem { font-size: 10px; color: var(--scr-muted); white-space: nowrap; }
-.day-pop .pop-more { margin-top: 6px; font-size: 10px; color: var(--muted); text-align: right; }
+.day-pop .pop-more { margin-top: 6px; font-size: 10px; color: var(--scr-muted); text-align: right; }
-.day-pop .pop-empty { color: var(--muted); text-align: center; padding: 8px 0; }
+.day-pop .pop-empty { color: var(--scr-muted); text-align: center; padding: 8px 0; }
 
-/* ---------- 小屏适配（笔记本投屏也常见） ---------- */
+/* ---------- 打手颜色 ---------- */
-
-@media (max-width: 1200px) {
-  .scr-main { grid-template-columns: 1fr 1fr; }
-  .scr-kpis .kpi b { font-size: 24px; }
-  .top-item { grid-template-columns: 20px 48px minmax(0, 1fr) auto 48px; }
-  .top-item .top-pkg { display: none; }
-}
-
-@media (max-width: 860px) {
-  body { overflow: auto; }
-  .scr { height: auto; }
-  .scr-main, .scr-bottom { grid-template-columns: 1fr; }
-  .scr-tabs, .scr-links { display: none; }
-}
-
-
-/* ---------- 打手颜色（大屏） ---------- */
 
 .asg-strip {
   position: absolute; left: 0; top: 0; bottom: 0;
   display: flex; flex-direction: column;
-  width: 3px; overflow: hidden;
+  width: 3px; overflow: hidden; border-radius: 6px 0 0 6px;
 }
 .asg-strip i { display: block; flex: 1 1 0; min-height: 3px; }
+.asg-strip.sm { width: 3px; }
 
-.heat-cell { padding-left: 9px; }
+.asg { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; color: var(--scr-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-
+.asg i { width: 7px; height: 7px; border-radius: 2px; flex: 0 0 auto; }
-.asg {
+.asg.none { color: var(--scr-muted); }
-  display: inline-flex; align-items: center; gap: 4px;
-  font-size: 10px; color: var(--ink-2); white-space: nowrap;
-  overflow: hidden; text-overflow: ellipsis;
-}
-.asg i { width: 7px; height: 7px; border-radius: 1px; flex: 0 0 auto; }
-.asg.none { color: var(--muted); }
 .asg.none i { opacity: 0.5; }
 
-.today-list li { grid-template-columns: auto minmax(0, 1fr) auto auto auto; }
+.pop-who { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
 
-.pop-who {
+/* ---------- 小屏 / 投屏适配 ---------- */
-  display: inline-block; width: 7px; height: 7px;
+
-  border-radius: 1px; margin-right: 4px; vertical-align: 0;
+@media (max-width: 1200px) {
+  .scr-main { grid-template-columns: 1fr 1fr; }
+  .scr-kpis .kpi b { font-size: 24px; }
+  .top-item { grid-template-columns: 24px 52px minmax(0, 1fr) 78px 56px; }
+  .top-item .top-pkg { display: none; }
+  .top-remain { grid-column: 4; }
+  .top-bar { grid-column: 5; }
+  .today-list li { grid-template-columns: auto minmax(0, 1fr) 52px 76px; }
+  .today-list .asg { display: none; }
+  .today-list .tag-urgent { grid-column: 3; }
+  .today-list .rem { grid-column: 4; }
+}
+
+@media (max-width: 860px) {
+  body.screen-body { overflow: auto; }
+  .scr { height: auto; }
+  .scr-main, .scr-bottom { grid-template-columns: 1fr; }
+  .scr-bottom { max-height: none; }
+  .scr-tabs, .scr-links { display: none; }
+  .scr-clock { margin-left: 0; }
+  .scr-kpis { grid-template-columns: 1fr 1fr; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .heat-cell { transition: none; }
 }

internal/web/static/screen.js

@@ -1,4 +1,4 @@
-/* 大屏：时钟 + 全屏 + 主题 + 日历悬停明细 */
+/* 大屏：时钟 + 全屏 + 主题 + 日历悬停/点按明细 */
 (function () {
   'use strict';
 
@@ -25,32 +25,42 @@
         document.documentElement.requestFullscreen();
       }
     }
+    if (e.key === 'Escape') { hide(); }
   });
 
-  /* ---------- 主题切换 ---------- */
+  /* ---------- 主题切换：唯一状态源 data-bs-theme ---------- */
   var THEME_KEY = 'daili_theme';
-  function effectiveTheme() {
+  var root = document.documentElement;
-    var attr = document.documentElement.getAttribute('data-theme');
+  var themeBtns = document.querySelectorAll('[data-theme-toggle]');
-    if (attr === 'light' || attr === 'dark') return attr;
+
-    return window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
+  function currentTheme() {
+    return root.getAttribute('data-bs-theme') === 'light' ? 'light' : 'dark';
   }
-  document.querySelectorAll('[data-theme-toggle]').forEach(function (btn) {
+  function paintTheme() {
+    var dark = currentTheme() === 'dark';
+    themeBtns.forEach(function (b) { b.setAttribute('aria-pressed', dark ? 'true' : 'false'); });
+  }
+
+  themeBtns.forEach(function (btn) {
     btn.addEventListener('click', function () {
-      var next = effectiveTheme() === 'dark' ? 'light' : 'dark';
+      var next = currentTheme() === 'dark' ? 'light' : 'dark';
-      document.documentElement.setAttribute('data-theme', next);
+      root.setAttribute('data-bs-theme', next);
       document.cookie = THEME_KEY + '=' + next + '; path=/; max-age=31536000; SameSite=Lax';
+      paintTheme();
     });
   });
+  paintTheme();
 
-  /* ---------- 日历格子悬停明细 ---------- */
+  /* ---------- 日历格子明细 ---------- */
-  var root = document.querySelector('.scr');
+  var scr = document.querySelector('.scr');
   var pop = document.getElementById('day-pop');
-  if (!root || !pop) return;
+  if (!scr || !pop) return;
 
-  var api = root.getAttribute('data-api') || '/api/screen/day';
+  var api = scr.getAttribute('data-api') || '/api/screen/day';
-  var pkg = root.getAttribute('data-pkg') || '0';
+  var pkg = scr.getAttribute('data-pkg') || '0';
   var cache = {};
   var hideTimer = null;
+  var pinned = false;
 
   function esc(s) {
     return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
@@ -77,7 +87,7 @@
     var d = new Date(data.date + 'T00:00:00');
     var label = data.date + ' 周' + '日一二三四五六'.charAt(d.getDay());
     var html = '<h4>' + esc(label) + '<small>' + data.total + ' 单 · 已完成 ' + data.done +
-      (data.urgent ? ' · <span style="color:var(--danger)">加急 ' + data.urgent + '</span>' : '') + '</small></h4>';
+      (data.urgent ? ' · <span style="color:var(--scr-danger)">加急 ' + data.urgent + '</span>' : '') + '</small></h4>';
     if (!data.items || !data.items.length) {
       html += '<div class="pop-empty">这天没有排单</div>';
     } else {
@@ -121,12 +131,32 @@
     });
   }
 
-  function hideSoon() {
+  function hide() {
-    hideTimer = setTimeout(function () { pop.hidden = true; }, 160);
+    clearTimeout(hideTimer);
+    pinned = false;
+    pop.hidden = true;
   }
+  function hideSoon() {
+    if (pinned) return;
+    clearTimeout(hideTimer);
+    hideTimer = setTimeout(function () { pop.hidden = true; }, 260);
+  }
+  function keepOpen() { clearTimeout(hideTimer); }
 
   document.querySelectorAll('.heat-cell[data-date]').forEach(function (cell) {
     cell.addEventListener('mouseenter', function () { show(cell); });
     cell.addEventListener('mouseleave', hideSoon);
+    cell.addEventListener('focus', function () { show(cell); });
+    cell.addEventListener('click', function (e) {
+      e.preventDefault();
+      var openForCell = !pop.hidden && pop.dataset.date === cell.getAttribute('data-date');
+      if (openForCell) { hide(); return; }
+      pinned = true;
+      show(cell);
+      pop.dataset.date = cell.getAttribute('data-date');
+    });
   });
+
+  pop.addEventListener('mouseenter', keepOpen);
+  pop.addEventListener('mouseleave', function () { if (!pinned) hideSoon(); });
 })();

internal/web/templates/_layout.html

@@ -1,49 +1,70 @@
 {{define "layout"}}<!doctype html>
-<html lang="zh-CN"{{if .Theme}} data-theme="{{.Theme}}"{{end}}>
+<html lang="zh-CN"{{if .Theme}} data-bs-theme="{{.Theme}}"{{end}}>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark">
 <title>{{.Title}} · 代打台</title>
-<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="/static/favicon.svg?v={{.AssetVersion}}" type="image/svg+xml">
-<link rel="stylesheet" href="/static/app.css?v={{.Version}}">
+<script>
+  /* 首屏主题：服务端没有写 data-bs-theme 时（还没选过主题）跟随系统，避免闪白 */
+  (function () {
+    var d = document.documentElement;
+    if (d.hasAttribute('data-bs-theme')) return;
+    var dark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+    d.setAttribute('data-bs-theme', dark ? 'dark' : 'light');
+  })();
+</script>
+<link rel="stylesheet" href="/static/vendor/bootstrap.min.css?v={{.AssetVersion}}">
+<link rel="stylesheet" href="/static/app.css?v={{.AssetVersion}}">
 </head>
 <body>
 {{if .User}}
-<header class="topbar">
+<nav class="navbar navbar-expand-xl app-navbar sticky-top">
-  <a class="brand" href="/calendar"><span class="brand-mark">代</span><span class="brand-name">代打台</span></a>
+  <div class="container-fluid">
-  <form class="search" action="/customers" method="get" role="search">
+    <a class="navbar-brand" href="/calendar"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></a>
-    <input type="search" name="q" value="{{.Query}}" placeholder="手机尾号 / 姓名 / 游戏名" aria-label="搜索客户" autocomplete="off" data-search>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="展开导航"><span class="navbar-toggler-icon"></span></button>
-    <kbd>/</kbd>
+    <div class="collapse navbar-collapse" id="mainNav">
-  </form>
+      <ul class="navbar-nav me-auto">
-  <nav class="nav">
+        <li class="nav-item"><a class="nav-link{{if eq .Nav "calendar"}} active{{end}}" href="/calendar">日历</a></li>
-    <a href="/calendar" class="{{if eq .Nav "calendar"}}on{{end}}">日历</a>
+        <li class="nav-item"><a class="nav-link{{if eq .Nav "customers"}} active{{end}}" href="/customers">客户</a></li>
-    <a href="/customers" class="{{if eq .Nav "customers"}}on{{end}}">客户</a>
+        <li class="nav-item"><a class="nav-link{{if eq .Nav "subscriptions"}} active{{end}}" href="/subscriptions">订阅</a></li>
-    <a href="/subscriptions" class="{{if eq .Nav "subscriptions"}}on{{end}}">订阅</a>
+        <li class="nav-item"><a class="nav-link{{if eq .Nav "packages"}} active{{end}}" href="/packages">套餐</a></li>
-    <a href="/packages" class="{{if eq .Nav "packages"}}on{{end}}">套餐</a>
+        <li class="nav-item"><a class="nav-link nav-screen" href="/screen" target="_blank" rel="noopener">大屏 ↗</a></li>
-    <a href="/screen" target="_blank" rel="noopener" class="nav-screen">大屏 ↗</a>
+      </ul>
-  </nav>
+      <form class="nav-search" role="search" action="/customers" method="get">
-  <div class="topbar-right">
+        <input class="form-control form-control-sm" type="search" name="q" value="{{.Query}}" placeholder="手机尾号 / 姓名 / 游戏名" aria-label="搜索客户" data-search>
-    <a class="pill pill-due" href="/subscriptions?state=due_today" title="今天到期的订阅">今日到期 <b>{{.DueToday}}</b></a>
+        <kbd aria-hidden="true">/</kbd>
-    <a class="pill pill-warn" href="/subscriptions?state=due3" title="3 天内到期">3 天内 <b>{{.Due3}}</b></a>
+      </form>
-    <a class="pill" href="/subscriptions?state=due7" title="7 天内到期">7 天内 <b>{{.Due7}}</b></a>
+      <div class="nav-side">
-    <button class="theme-toggle" type="button" data-theme-toggle aria-label="切换亮色/暗色" title="切换亮色/暗色">
+        <a class="badge-due" href="/subscriptions?state=due_today" title="今天到期">今日到期 <b>{{.DueToday}}</b></a>
-      <span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span>
+        <a class="badge-warn" href="/subscriptions?state=due3" title="3 天内到期">3 天内 <b>{{.Due3}}</b></a>
-    </button>
+        <a class="badge-muted" href="/subscriptions?state=due7" title="7 天内到期">7 天内 <b>{{.Due7}}</b></a>
-    <div class="me">
+        <button class="theme-toggle" type="button" data-theme-toggle aria-label="切换亮色/暗色" aria-pressed="false"><span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span></button>
-      <a href="/settings">{{if .User.DisplayName}}{{.User.DisplayName}}{{else}}{{.User.Username}}{{end}}</a>
+        <div class="dropdown">
-      <form method="post" action="/logout"><button type="submit" class="link-btn">退出</button></form>
+          <button class="btn btn-soft btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">{{if .User.DisplayName}}{{.User.DisplayName}}{{else}}{{.User.Username}}{{end}}</button>
+          <ul class="dropdown-menu dropdown-menu-end">
+            <li><a class="dropdown-item" href="/settings">设置</a></li>
+            <li><a class="dropdown-item" href="/logs">操作日志</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><form method="post" action="/logout"><button class="dropdown-item text-danger" type="submit">退出登录</button></form></li>
+          </ul>
+        </div>
+      </div>
     </div>
   </div>
-</header>
+</nav>
-{{else}}
-<button class="theme-toggle auth-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色" title="切换亮色/暗色">
-  <span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span>
-</button>
 {{end}}
-{{if .Flash}}<div class="flash" data-flash>{{.Flash}}</div>{{end}}
+{{if .Flash}}<div class="flash" role="status" data-flash>{{.Flash}}</div>{{end}}
-{{if .Error}}<div class="flash flash-error">{{.Error}}</div>{{end}}
+{{if .Error}}<div class="notice notice-danger" role="alert">{{.Error}}</div>{{end}}
-<main{{if .User}} class="with-top"{{end}}>{{template "content" .}}</main>
+<main class="{{if .User}}app-main{{else}}auth-main{{end}}">{{template "content" .}}</main>
-{{if .User}}<footer class="foot">代打台 v{{.Version}} · <a href="/logs">操作日志</a> · <a href="/settings">设置</a> · <a href="/screen" target="_blank" rel="noopener">大屏</a></footer>{{end}}
+{{if .User}}<footer class="app-foot">
-<script src="/static/app.js?v={{.Version}}" defer></script>
+  <span>代打台 <span class="foot-version">v{{.Version}}</span></span>
+  <a href="/logs">操作日志</a>
+  <a href="/settings">设置</a>
+  <a href="/screen" target="_blank" rel="noopener">大屏</a>
+</footer>{{end}}
+<script src="/static/vendor/bootstrap.bundle.min.js?v={{.AssetVersion}}" defer></script>
+<script src="/static/app.js?v={{.AssetVersion}}" defer></script>
 </body>
 </html>{{end}}

internal/web/templates/_partials.html

@@ -3,9 +3,9 @@
 {{define "pager"}}
 {{if gt .Pages 1}}
 <nav class="pager">
-  {{if .Prev}}<a class="btn btn-sm" href="{{.Prev}}">← 上一页</a>{{else}}<span class="btn btn-sm disabled">← 上一页</span>{{end}}
+  {{if .Prev}}<a class="btn btn-soft btn-sm" href="{{.Prev}}">← 上一页</a>{{else}}<span class="btn btn-soft btn-sm disabled">← 上一页</span>{{end}}
   <span class="pager-info">{{.Page}} / {{.Pages}} 页 · 共 {{.Total}} 条</span>
-  {{if .Next}}<a class="btn btn-sm" href="{{.Next}}">下一页 →</a>{{else}}<span class="btn btn-sm disabled">下一页 →</span>{{end}}
+  {{if .Next}}<a class="btn btn-soft btn-sm" href="{{.Next}}">下一页 →</a>{{else}}<span class="btn btn-soft btn-sm disabled">下一页 →</span>{{end}}
 </nav>
 {{end}}
 {{end}}
@@ -38,40 +38,51 @@
       <form method="post" action="/subscriptions/{{.ID}}/checkin">
         <input type="hidden" name="date" value="{{.Today}}">
         <input type="hidden" name="status" value="done">
-        <button class="btn btn-sm">今日打卡</button>
+        <button class="btn btn-primary btn-sm">今日打卡</button>
       </form>
       {{end}}
-      {{if .Season}}
+      {{if .Abyss}}
-      {{if eq .SeasonDone ""}}
+        {{if .CanAbyssToday}}
-      <form method="post" action="/subscriptions/{{.ID}}/season-done" data-confirm="标记后整段赛季完成，确认？">
+        <form method="post" action="/subscriptions/{{.ID}}/checkin">
-        <input type="hidden" name="date" value="{{.Today}}">
+          <input type="hidden" name="date" value="{{.Today}}">
-        <button class="btn btn-primary btn-sm">完成赛季</button>
+          <input type="hidden" name="status" value="done">
-      </form>
+          <button class="btn btn-primary btn-sm">完成本周期</button>
+        </form>
+        {{end}}
+        <span class="chip chip-active">已完成 {{.UsedCount}} / {{.TotalCount}} 周期</span>
+      {{else if .Season}}
+        {{if .CanPassToday}}
+        <form method="post" action="/subscriptions/{{.ID}}/season-done" data-confirm="标记后整段通行证完成，确认？">
+          <input type="hidden" name="date" value="{{.Today}}">
+          <button class="btn btn-primary btn-sm">完成通行证</button>
+        </form>
+        {{else if .SeasonDone}}
+        <span class="chip chip-active">通行证已完成 {{.SeasonDone}}</span>
+        {{else}}
+        <span class="chip chip-plain">不在通行证有效期</span>
+        {{end}}
       {{else}}
-      <span class="chip chip-active">赛季已完成 {{.SeasonDone}}</span>
+      <a class="btn btn-soft btn-sm" href="?extend={{.ID}}#extend">{{if eq .Unit "day"}}追加时长{{else}}追加次数{{end}}</a>
-      {{end}}
-      {{else}}
-      <a class="btn btn-primary btn-sm" href="?extend={{.ID}}#extend">{{if eq .Unit "day"}}追加时长{{else}}追加次数{{end}}</a>
       {{end}}
       {{if eq .Status "active"}}
       <form method="post" action="/subscriptions/{{.ID}}/pause" data-confirm="暂停后剩余时长冻结，确认暂停？">
-        <button class="btn btn-sm">暂停</button>
+        <button class="btn btn-soft btn-sm">暂停</button>
       </form>
       {{else if eq .Status "paused"}}
       <form method="post" action="/subscriptions/{{.ID}}/resume">
-        <button class="btn btn-sm">恢复</button>
+        <button class="btn btn-soft btn-sm">恢复</button>
       </form>
       {{end}}
       <form method="post" action="/subscriptions/{{.ID}}/close" data-confirm="结束后该订阅不再出现在待打清单，确认结束？">
-        <button class="btn btn-sm btn-ghost">结束</button>
+        <button class="btn btn-ghost btn-sm">结束</button>
       </form>
     {{else}}
       <form method="post" action="/subscriptions/{{.ID}}/reopen">
-        <button class="btn btn-sm">重新启用</button>
+        <button class="btn btn-soft btn-sm">重新启用</button>
       </form>
       <form method="post" action="/subscriptions/{{.ID}}/delete" data-confirm="将永久删除该订阅及其打卡/追加记录，无法恢复。确定删除？">
         <input type="hidden" name="confirm" value="delete">
-        <button class="btn btn-sm btn-ghost" style="color:var(--danger)">删除</button>
+        <button class="btn btn-ghost btn-sm text-danger">删除</button>
       </form>
     {{end}}
   </div>
@@ -83,7 +94,7 @@
   <header class="extend-head">
     <div>
       <h3>给 {{.Sub.CustomerTail}} {{.Sub.CustomerName}} 追加{{if .IsDay}}时长{{else}}次数{{end}}</h3>
-      <p class="muted">{{.Sub.PackageName}} · {{.View.RemainText}} · {{.View.PeriodText}}</p>
+      <p>{{.Sub.PackageName}} · {{.View.RemainText}} · {{.View.PeriodText}}</p>
     </div>
     <a class="extend-close" href="{{.Back}}" aria-label="关闭">×</a>
   </header>
@@ -118,7 +129,7 @@
     </label>
     <div class="actions">
       <button type="submit" class="btn btn-primary">确认追加</button>
-      <a class="btn" href="{{.Back}}">取消</a>
+      <a class="btn btn-soft" href="{{.Back}}">取消</a>
     </div>
   </form>
   {{else}}
@@ -142,7 +153,7 @@
     </label>
     <div class="actions">
       <button type="submit" class="btn btn-primary">确认追加</button>
-      <a class="btn" href="{{.Back}}">取消</a>
+      <a class="btn btn-soft" href="{{.Back}}">取消</a>
     </div>
   </form>
   {{end}}

internal/web/templates/_screen_layout.html

@@ -1,15 +1,18 @@
 {{define "screenlayout"}}<!doctype html>
-<html lang="zh-CN"{{if .Theme}} data-theme="{{.Theme}}"{{end}}>
+<html lang="zh-CN" data-bs-theme="{{if eq .Theme "light"}}light{{else}}dark{{end}}">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="dark light">
 <meta http-equiv="refresh" content="{{.D.Refresh}}">
 <title>{{.Title}} · 代打台</title>
-<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="/static/favicon.svg?v={{.D.AssetVersion}}" type="image/svg+xml">
-<link rel="stylesheet" href="/static/screen.css?v={{.D.Version}}">
+<link rel="stylesheet" href="/static/vendor/bootstrap.min.css?v={{.D.AssetVersion}}">
+<link rel="stylesheet" href="/static/screen.css?v={{.D.AssetVersion}}">
 </head>
 <body class="screen-body">
 {{template "content" .}}
-<script src="/static/screen.js?v={{.D.Version}}" defer></script>
+<script src="/static/vendor/bootstrap.bundle.min.js?v={{.D.AssetVersion}}" defer></script>
+<script src="/static/screen.js?v={{.D.AssetVersion}}" defer></script>
 </body>
 </html>{{end}}

internal/web/templates/pages/calendar.html

@@ -5,7 +5,7 @@
       <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.PrevY}}&m={{.D.PrevM}}&{{.D.FilterQuery}}" aria-label="上个月">‹</a>
       <h1>{{.D.Title}}</h1>
       <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.NextY}}&m={{.D.NextM}}&{{.D.FilterQuery}}" aria-label="下个月">›</a>
-      <a class="btn btn-sm" href="/calendar?{{.D.FilterQuery}}">回到今天</a>
+      <a class="btn btn-soft btn-sm" href="/calendar?{{.D.FilterQuery}}">回到今天</a>
     </div>
     <div class="cal-stats">
       <span><em>{{.D.MonthDue}}</em>本月到期</span>
@@ -40,9 +40,8 @@
       {{range .D.Weeks}}
       <div class="cal-week" role="row">
         {{range .}}
-        <a class="cal-cell heat-{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsSelected}} sel{{end}}{{if .IsWeekend}} weekend{{end}}{{if .DueCount}} has-due{{end}}"
+        <a class="cal-cell heat-{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsSelected}} sel{{end}}{{if .IsWeekend}} weekend{{end}}{{if .DueCount}} has-due{{end}}{{if .BlockColor}} has-block{{end}}"
-           href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{.Date}}&{{$.D.FilterQuery}}" role="gridcell">
+           href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{.Date}}&{{$.D.FilterQuery}}" role="gridcell"{{if .BlockColor}} style="--block:{{.BlockColor}};--block-pct:{{.BlockPercent}}%"{{end}}>
-          {{if .HasSeason}}<span class="season-band{{if .SeasonStart}} start{{end}}{{if .SeasonEnd}} end{{end}}" style="--sc:{{.SeasonColor}}" aria-hidden="true"></span>{{end}}
           {{if .Strip}}<span class="asg-strip" aria-hidden="true">{{range .Strip}}<i style="background:{{.}}"></i>{{end}}</span>{{end}}
           <div class="cell-top">
             <span class="dnum">{{.Day}}</span>
@@ -51,6 +50,7 @@
               {{if .DueCount}}<span class="due-badge"><em>到期</em>{{.DueCount}}</span>{{end}}
             </span>
           </div>
+          {{if .BlockText}}<span class="cell-block" title="{{.BlockTitle}}">{{.BlockText}}</span>{{end}}
           {{if .TaskCount}}
           <div class="cell-count">
             <b>{{.DoneCount}}</b><span>/ {{.TaskCount}}</span>
@@ -83,7 +83,7 @@
           <input type="hidden" name="pkg" value="{{.D.PkgID}}">
           <input type="hidden" name="tag" value="{{.D.Tag}}">
           <input type="hidden" name="back" value="{{.D.Back}}">
-          <input type="text" name="tail" placeholder="输入手机尾号，回车即可完成" maxlength="8" autocomplete="off" inputmode="numeric" aria-label="手机尾号快速完成">
+          <input class="form-control form-control-sm" type="text" name="tail" placeholder="输入手机尾号，回车即可完成" maxlength="8" autocomplete="off" inputmode="numeric" aria-label="手机尾号快速完成">
           <button class="btn btn-sm btn-primary" type="submit">完成</button>
           <button type="button" class="btn btn-sm btn-ghost keypad-toggle" data-keypad-toggle title="切换触控/PC 模式" aria-label="切换触控/PC 模式">⌨</button>
         </form>
@@ -115,7 +115,7 @@
             <input type="hidden" name="back" value="{{.D.Back}}">
             <ul class="pick-list">
               {{range .D.PickRows}}
-              <li>
+              <li class="list-group-item px-0">
                 <label>
                   <input type="checkbox" name="sub_ids" value="{{.ID}}"{{if not .Done}}{{if not .Skipped}} checked{{end}}{{end}}>
                   <span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
@@ -129,7 +129,7 @@
             </ul>
             <div class="actions">
               <button class="btn btn-primary btn-sm" type="submit">确认完成选中项</button>
-              <a class="btn btn-sm" href="{{.D.Back}}">取消</a>
+              <a class="btn btn-soft btn-sm" href="{{.D.Back}}">取消</a>
             </div>
           </form>
           {{else}}
@@ -139,10 +139,10 @@
         {{end}}
 
         {{if .D.Tasks}}
-        <ul class="task-list">
+        <ul class="list-group list-group-flush task-list">
           {{range .D.Tasks}}
           {{if or .Done .Skipped}}
-          <li class="task task-done" style="--asg:{{.AssigneeHex}}">
+          <li class="list-group-item task task-done px-0" style="--asg:{{.AssigneeHex}}">
             <details class="done-fold">
               <summary>
                 <span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
@@ -173,7 +173,7 @@
                         <input type="hidden" name="back" value="{{$.D.Back}}">
                         <button class="btn btn-sm {{if .Urgent}}btn-urgent{{else}}btn-ghost{{end}}" type="submit">{{if .Urgent}}取消加急{{else}}标记加急{{end}}</button>
                       </form>
-                      <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>
+                  {{if not (or .Season .Abyss)}}<a class="btn btn-soft btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>{{end}}
                     </div>
                   </details>
                 </div>
@@ -181,7 +181,7 @@
             </details>
           </li>
           {{else}}
-          <li class="task{{if .Urgent}} urgent{{end}}" style="--asg:{{.AssigneeHex}}">
+          <li class="list-group-item task{{if .Urgent}} urgent{{end}} px-0" style="--asg:{{.AssigneeHex}}">
             <div class="task-main">
               <a class="task-title" href="/customers/{{.CustomerID}}">
                 <span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
@@ -205,12 +205,14 @@
               <details class="more-actions">
                 <summary class="btn btn-sm btn-ghost" title="更多操作" aria-label="更多操作">⋯</summary>
                 <div class="more-menu">
+                  {{if not .Season}}
                   <form method="post" action="/subscriptions/{{.ID}}/checkin">
                     <input type="hidden" name="date" value="{{$.D.Selected}}">
                     <input type="hidden" name="status" value="skipped">
                     <input type="hidden" name="back" value="{{$.D.Back}}">
                     <button class="btn btn-sm btn-ghost" type="submit">跳过这次</button>
                   </form>
+                  {{end}}
                   <form method="post" action="/tasks/urgent">
                     <input type="hidden" name="sub_id" value="{{.ID}}">
                     <input type="hidden" name="date" value="{{$.D.Selected}}">
@@ -218,7 +220,7 @@
                     <input type="hidden" name="back" value="{{$.D.Back}}">
                     <button class="btn btn-sm {{if .Urgent}}btn-urgent{{else}}btn-ghost{{end}}" type="submit">{{if .Urgent}}取消加急{{else}}标记加急{{end}}</button>
                   </form>
-                  <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>
+                  {{if not (or .Season .Abyss)}}<a class="btn btn-soft btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>{{end}}
                 </div>
               </details>
             </div>
@@ -234,7 +236,7 @@
       <section class="drawer-block">
         <h3>这天到期 <em>{{len .D.Due}}</em></h3>
         {{if .D.Due}}
-        <ul class="due-list">
+        <ul class="list-group list-group-flush due-list">
           {{range .D.Due}}
           <li>
             <a class="due-main" href="/customers/{{.CustomerID}}">
@@ -242,7 +244,7 @@
               <span class="pkg">{{.PackageName}}</span>
               <span class="rem">{{.RemainShort}}</span>
             </a>
-            <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加</a>
+            <a class="btn btn-soft btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加</a>
           </li>
           {{end}}
         </ul>

internal/web/templates/pages/customer_detail.html

@@ -3,13 +3,33 @@
   <header class="cust-head">
     <div class="cust-id">
       <span class="cust-tail">{{.D.Customer.Tail}}</span>
-      <div>
+      <div class="cust-id-main">
         <h1>{{.D.Customer.Name}}{{if .D.Customer.Archived}} <span class="chip chip-closed">已停用</span>{{end}}</h1>
         <div class="cust-tags">
           {{range .D.Customer.TagList}}<span class="tagchip">{{.}}</span>{{end}}
         </div>
       </div>
     </div>
+    <div class="page-actions">
+      <form method="post" action="/customers/{{.D.Customer.ID}}/assignee" class="assign-form">
+        <select name="assignee_id" aria-label="归属打手">
+          <option value="0">未指派</option>
+          {{range .D.Users}}<option value="{{.ID}}"{{if eq $.D.Customer.AssigneeID .ID}} selected{{end}}>{{if .DisplayName}}{{.DisplayName}}{{else}}{{.Username}}{{end}}</option>{{end}}
+        </select>
+        <button class="btn btn-soft btn-sm" type="submit">保存打手</button>
+      </form>
+      <a class="btn btn-soft" href="/customers/{{.D.Customer.ID}}/edit">编辑资料</a>
+      {{if .D.Customer.Archived}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/restore"><button class="btn btn-soft" type="submit">恢复客户</button></form>
+      {{else}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/archive" data-confirm="停用后该客户不再出现在日历和大屏，订阅会保留。确定停用？"><button class="btn btn-ghost" type="submit">停用客户</button></form>
+      {{end}}
+      <form method="post" action="/customers/{{.D.Customer.ID}}/delete" data-confirm="将永久删除该客户及其全部订阅、打卡与追加记录，无法恢复。确定删除？">
+        <input type="hidden" name="confirm" value="delete">
+        <button class="btn btn-ghost text-danger" type="submit">彻底删除</button>
+      </form>
+      <a class="btn btn-ghost" href="/customers">返回列表</a>
+    </div>
     <dl class="cust-meta">
       {{if .D.Customer.GameName}}<div><dt>游戏</dt><dd>{{.D.Customer.GameName}}</dd></div>{{end}}
       {{if .D.Customer.GameServer}}<div><dt>区服</dt><dd>{{.D.Customer.GameServer}}</dd></div>{{end}}
@@ -17,29 +37,9 @@
       {{if .D.Customer.Source}}<div><dt>来源</dt><dd>{{.D.Customer.Source}}</dd></div>{{end}}
       <div><dt>打手</dt><dd>
         <span class="asg{{if eq .D.Customer.AssigneeID 0}} none{{end}}"><i style="background:{{if .D.Customer.AssigneeColor}}{{.D.Customer.AssigneeColor}}{{else}}#8A8F98{{end}}"></i>{{if .D.Customer.AssigneeName}}{{.D.Customer.AssigneeName}}{{else}}未指派{{end}}</span>
-        <form method="post" action="/customers/{{.D.Customer.ID}}/assignee" class="assign-form">
-          <select name="assignee_id">
-            <option value="0">未指派</option>
-            {{range .D.Users}}<option value="{{.ID}}"{{if eq $.D.Customer.AssigneeID .ID}} selected{{end}}>{{if .DisplayName}}{{.DisplayName}}{{else}}{{.Username}}{{end}}</option>{{end}}
-          </select>
-          <button class="btn btn-sm" type="submit">保存</button>
-        </form>
       </dd></div>
       <div><dt>建档</dt><dd>{{.D.Customer.CreatedAt}}</dd></div>
     </dl>
-    <div class="page-actions">
-      <a class="btn" href="/customers/{{.D.Customer.ID}}/edit">编辑资料</a>
-      {{if .D.Customer.Archived}}
-      <form method="post" action="/customers/{{.D.Customer.ID}}/restore"><button class="btn" type="submit">恢复客户</button></form>
-      {{else}}
-      <form method="post" action="/customers/{{.D.Customer.ID}}/archive" data-confirm="停用后该客户不再出现在日历和大屏，订阅会保留。确定停用？"><button class="btn btn-ghost" type="submit">停用客户</button></form>
-      {{end}}
-      <form method="post" action="/customers/{{.D.Customer.ID}}/delete" data-confirm="将永久删除该客户及其全部订阅、打卡与追加记录，无法恢复。确定删除？">
-        <input type="hidden" name="confirm" value="delete">
-        <button class="btn btn-ghost" type="submit" style="color:var(--danger)">彻底删除</button>
-      </form>
-      <a class="btn btn-ghost" href="/customers">返回列表</a>
-    </div>
   </header>
 
   {{if .D.Customer.Note}}<div class="notice note">{{.D.Customer.Note}}</div>{{end}}
@@ -49,9 +49,9 @@
     <div class="section-head">
       <h2>当月排单</h2>
       <div class="minical-nav">
-        <a class="btn btn-sm btn-ghost" href="{{.D.CustCal.Prev}}">‹</a>
+        <a class="btn btn-ghost btn-sm btn-square" href="{{.D.CustCal.Prev}}" aria-label="上个月">‹</a>
         <b>{{.D.CustCal.Title}}</b>
-        <a class="btn btn-sm btn-ghost" href="{{.D.CustCal.Next}}">›</a>
+        <a class="btn btn-ghost btn-sm btn-square" href="{{.D.CustCal.Next}}" aria-label="下个月">›</a>
         <span class="muted small">{{.D.CustCal.TaskDays}} 天有单 · {{.D.CustCal.TotalTasks}} 单</span>
       </div>
     </div>
@@ -86,25 +86,28 @@
 
     {{if .D.Packages}}
     <form method="post" action="/customers/{{.D.Customer.ID}}/subscriptions" class="inline-form" data-sub-form>
-      <select name="package_id" required data-pkg-select>
+      <select class="form-select form-select-sm" name="package_id" required data-pkg-select aria-label="选择套餐">
         <option value="">选择套餐…</option>
         {{range .D.Packages}}
-        <option value="{{.ID}}" data-unit="{{if .Season}}season{{else}}{{.Unit}}{{end}}" data-amount="{{.DefaultAmount}}" data-validity="{{.DefaultValidityDays}}"{{if .Archived}} disabled{{end}}{{if .SeasonExpired $.TodayStr}} disabled{{end}}>
+        <option value="{{.ID}}" data-unit="{{if .Season}}season{{else if .Abyss}}abyss{{else}}{{.Unit}}{{end}}" data-amount="{{.DefaultAmount}}" data-validity="{{.DefaultValidityDays}}"{{if .Archived}} disabled{{end}}{{if .SeasonExpired $.TodayStr}} disabled{{end}}>
-          {{.Name}} · {{.UnitLabel}} {{if .Season}}{{.SeasonStart}}~{{.SeasonEnd}}{{else}}{{.DefaultAmount}}{{if eq .Unit "day"}}天{{else}}次{{end}}{{end}}{{if .SeasonExpired $.TodayStr}}（赛季已结束）{{end}}{{if .Archived}}（已归档）{{end}}
+          {{.Name}} · {{.UnitLabel}} {{if .Season}}{{.SeasonStart}}~{{.SeasonEnd}}{{else if .Abyss}}{{.CycleDays}} 天/周期 × {{.DefaultAmount}} 周期{{else}}{{.DefaultAmount}}{{if eq .Unit "day"}}天{{else}}次{{end}}{{end}}{{if .SeasonExpired $.TodayStr}}（通行证已结束）{{end}}{{if .Archived}}（已归档）{{end}}
         </option>
         {{end}}
       </select>
       <label class="inline-field" data-start-wrap>开始日
-        <input type="date" name="start_date" value="{{.TodayStr}}" required>
+        <input class="form-control form-control-sm" type="date" name="start_date" value="{{.TodayStr}}" required>
       </label>
       <label class="inline-field" data-days-wrap>{{/* 默认显示 */}}
-        天数 <input type="number" name="days" min="1" max="3650" value="30">
+        天数 <input class="form-control form-control-sm" type="number" name="days" min="1" max="3650" value="30">
       </label>
       <label class="inline-field" data-count-wrap hidden>
-        次数 <input type="number" name="total_count" min="1" max="10000" value="10">
+        次数 <input class="form-control form-control-sm" type="number" name="total_count" min="1" max="10000" value="10">
+      </label>
+      <label class="inline-field" data-cycles-wrap hidden>
+        周期数 <input class="form-control form-control-sm" type="number" name="total_count" min="1" max="1000" value="4">
       </label>
       <label class="inline-field" data-end-wrap>
-        终止日（可留空）<input type="date" name="end_date">
+        终止日（可留空）<input class="form-control form-control-sm" type="date" name="end_date">
       </label>
       <button class="btn btn-primary" type="submit">开通订阅</button>
     </form>
@@ -147,9 +150,9 @@
     </div>
     {{if .D.Adjustments}}
     <div class="table-wrap">
-      <table class="table tight">
+      <table class="table tight table-adjust">
         <thead>
-          <tr><th>时间</th><th>套餐</th><th>类型</th><th>计算起点</th><th>结束日变化</th><th>增量</th><th>备注</th><th>操作人</th></tr>
+          <tr><th scope="col">时间</th><th scope="col">套餐</th><th scope="col">类型</th><th scope="col">计算起点</th><th scope="col">结束日变化</th><th scope="col">增量</th><th scope="col">备注</th><th scope="col">操作人</th></tr>
         </thead>
         <tbody>
           {{range .D.Adjustments}}

internal/web/templates/pages/customer_form.html

@@ -3,7 +3,7 @@
   <header class="page-head">
     <div>
       <h1>{{if .D.IsNew}}新建客户{{else}}编辑客户{{end}}</h1>
-      <p class="muted">手机尾号 + 客户名 唯一；尾号是日常查询的主键。</p>
+      <p>手机尾号 + 客户名 唯一；尾号是日常查询的主键。</p>
     </div>
   </header>
 
@@ -11,23 +11,23 @@
         action="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}/edit{{end}}">
     <div class="grid-2">
       <label class="field"><span>手机尾号 <i>*</i></span>
-        <input name="tail" value="{{.D.Customer.Tail}}" required maxlength="8" placeholder="例如 1234" autofocus>
+        <input type="text" name="tail" value="{{.D.Customer.Tail}}" required maxlength="8" placeholder="例如 1234" inputmode="numeric" autofocus>
       </label>
       <label class="field"><span>客户名 <i>*</i></span>
-        <input name="name" value="{{.D.Customer.Name}}" required maxlength="32" placeholder="例如 老张">
+        <input type="text" name="name" value="{{.D.Customer.Name}}" required maxlength="32" placeholder="例如 老张">
       </label>
     </div>
     <div class="grid-2">
       <label class="field"><span>游戏名</span>
-        <input name="game_name" value="{{.D.Customer.GameName}}" maxlength="32" placeholder="例如 王者荣耀">
+        <input type="text" name="game_name" value="{{.D.Customer.GameName}}" maxlength="32" placeholder="例如 王者荣耀">
       </label>
       <label class="field"><span>区服 / UID</span>
-        <input name="game_server" value="{{.D.Customer.GameServer}}" maxlength="32" placeholder="例如 微信区 123456">
+        <input type="text" name="game_server" value="{{.D.Customer.GameServer}}" maxlength="32" placeholder="例如 微信区 123456">
       </label>
     </div>
     <div class="grid-2">
       <label class="field"><span>联系方式</span>
-        <input name="contact" value="{{.D.Customer.Contact}}" maxlength="64" placeholder="微信 / QQ">
+        <input type="text" name="contact" value="{{.D.Customer.Contact}}" maxlength="64" placeholder="微信 / QQ">
       </label>
       <label class="field"><span>归属打手</span>
         <select name="assignee_id">
@@ -36,22 +36,23 @@
           <option value="{{.ID}}"{{if eq $.D.Customer.AssigneeID .ID}} selected{{end}}>{{if .DisplayName}}{{.DisplayName}}{{else}}{{.Username}}{{end}}</option>
           {{end}}
         </select>
-        <small class="muted">该客户之后的所有单子都记在这个打手名下</small>
+        <small>该客户之后的所有单子都记在这个打手名下</small>
-      </label>
+      </label>
-
+    </div>
-<label class="field"><span>来源渠道</span>
+    <div class="grid-2">
-        <input name="source" value="{{.D.Customer.Source}}" maxlength="32" placeholder="抖音 / 朋友介绍">
+      <label class="field"><span>来源渠道</span>
+        <input type="text" name="source" value="{{.D.Customer.Source}}" maxlength="32" placeholder="抖音 / 朋友介绍">
+      </label>
+      <label class="field"><span>标签</span>
+        <input type="text" name="tags" value="{{.D.Customer.Tags}}" maxlength="120" placeholder="老客户,包月,难缠（逗号分隔）">
       </label>
     </div>
-    <label class="field"><span>标签</span>
-      <input name="tags" value="{{.D.Customer.Tags}}" maxlength="120" placeholder="老客户,包月,难缠（逗号分隔）">
-    </label>
     <label class="field"><span>备注</span>
       <textarea name="note" rows="3" maxlength="500" placeholder="打法偏好、沟通记录等">{{.D.Customer.Note}}</textarea>
     </label>
     <div class="actions">
       <button class="btn btn-primary" type="submit">保存</button>
-      <a class="btn" href="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}{{end}}">取消</a>
+      <a class="btn btn-soft" href="{{if .D.IsNew}}/customers{{else}}/customers/{{.D.Customer.ID}}{{end}}">取消</a>
     </div>
   </form>
 </div>

internal/web/templates/pages/customers.html

@@ -3,7 +3,7 @@
   <header class="page-head">
     <div>
       <h1>客户</h1>
-      <p class="muted">共 {{.D.Total}} 位 · 输入手机尾号可快速定位</p>
+      <p>共 {{.D.Total}} 位 · 输入手机尾号可快速定位</p>
     </div>
     <div class="page-actions">
       {{if .D.ShowArchived}}
@@ -16,16 +16,16 @@
   </header>
 
   <form class="filterbar" method="get" action="/customers">
-    <input type="search" name="q" value="{{.D.Q}}" placeholder="手机尾号 / 姓名 / 游戏名 / 联系方式" autocomplete="off">
+    <input type="search" name="q" value="{{.D.Q}}" placeholder="手机尾号 / 姓名 / 游戏名 / 联系方式" autocomplete="off" aria-label="搜索客户">
-    <button class="btn" type="submit">搜索</button>
+    <button class="btn btn-soft" type="submit">搜索</button>
     {{if .D.Q}}<a class="btn btn-ghost" href="/customers">清除</a>{{end}}
   </form>
 
   {{if .D.List}}
   <div class="table-wrap">
-    <table class="table">
+    <table class="table table-customers">
       <thead>
-        <tr><th>尾号</th><th>客户</th><th>联系方式</th><th>订阅与剩余</th><th>标签</th><th></th></tr>
+        <tr><th scope="col">尾号</th><th scope="col">客户</th><th scope="col">联系方式</th><th scope="col">订阅与剩余</th><th scope="col">标签</th><th scope="col"><span class="visually-hidden">操作</span></th></tr>
       </thead>
       <tbody>
         {{range .D.List}}
@@ -36,11 +36,9 @@
             {{if .GameName}}<div class="muted small">{{.GameName}}{{if .GameServer}} · {{.GameServer}}{{end}}</div>{{end}}
           </td>
           <td class="muted small">{{if .Contact}}{{.Contact}}{{else}}—{{end}}</td>
-          <td>
+          <td><span class="summary due-{{.Level}}">{{.Summary}}</span></td>
-            <span class="summary due-{{.Level}}">{{.Summary}}</span>
-          </td>
           <td>{{range .TagList}}<span class="tagchip">{{.}}</span>{{end}}</td>
-          <td class="right"><a class="btn btn-sm" href="/customers/{{.ID}}">详情</a></td>
+          <td class="right"><a class="btn btn-soft btn-sm" href="/customers/{{.ID}}">详情</a></td>
         </tr>
         {{end}}
       </tbody>
@@ -52,7 +50,7 @@
     <div class="empty-mark">票</div>
     {{if .D.Q}}
     <p>没有匹配「{{.D.Q}}」的客户。</p>
-    <a class="btn" href="/customers">看全部客户</a>
+    <a class="btn btn-soft" href="/customers">看全部客户</a>
     {{else}}
     <p>还没有客户。先建一位，再给他开套餐。</p>
     <a class="btn btn-primary" href="/customers/new">＋ 新建客户</a>

internal/web/templates/pages/login.html

@@ -1,20 +1,21 @@
 {{define "content"}}
 <div class="auth">
+  <button class="theme-toggle auth-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色" aria-pressed="false"><span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span></button>
   <div class="auth-card">
-    <div class="auth-brand"><span class="brand-mark">代</span><span>代打台</span></div>
+    <div class="auth-brand"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></div>
     <h1>登录</h1>
-    <p class="muted">所有账户均为管理员，任何操作都会留痕。</p>
+    <p>所有账户均为管理员，任何操作都会留痕。</p>
-    <form method="post" action="/login" class="form">
+    <form method="post" action="/login" class="stack">
       <input type="hidden" name="next" value="{{.Next}}">
       <label class="field"><span>用户名</span>
-        <input type="text" name="username" required autofocus autocomplete="username">
+        <input class="form-control" id="username" type="text" name="username" required autofocus autocomplete="username">
       </label>
       <label class="field"><span>密码</span>
-        <input type="password" name="password" required autocomplete="current-password">
+        <input class="form-control" id="password" type="password" name="password" required autocomplete="current-password">
       </label>
       <button type="submit" class="btn btn-primary btn-block">登录</button>
     </form>
-    <p class="auth-foot muted">代打台 · 单文件部署 · 数据只在本机</p>
+    <p class="auth-foot">代打台 · 单文件部署 · 数据只在本机</p>
   </div>
 </div>
 {{end}}

internal/web/templates/pages/logs.html

@@ -3,20 +3,20 @@
   <header class="page-head">
     <div>
       <h1>操作日志</h1>
-      <p class="muted">共 {{.D.Total}} 条 · 谁在什么时候改了什么，都在这里</p>
+      <p>共 {{.D.Total}} 条 · 谁在什么时候改了什么，都在这里</p>
     </div>
   </header>
 
   <form class="filterbar" method="get" action="/logs">
-    <input type="search" name="q" value="{{.D.Q}}" placeholder="搜索摘要 / 动作 / 操作人" autocomplete="off">
+    <input type="search" name="q" value="{{.D.Q}}" placeholder="搜索摘要 / 动作 / 操作人" autocomplete="off" aria-label="搜索日志">
-    <button class="btn" type="submit">搜索</button>
+    <button class="btn btn-soft" type="submit">搜索</button>
     {{if .D.Q}}<a class="btn btn-ghost" href="/logs">清除</a>{{end}}
   </form>
 
   {{if .D.List}}
   <div class="table-wrap">
-    <table class="table tight">
+    <table class="table tight table-logs">
-      <thead><tr><th>时间</th><th>操作人</th><th>动作</th><th>对象</th><th>摘要</th><th>IP</th></tr></thead>
+      <thead><tr><th scope="col">时间</th><th scope="col">操作人</th><th scope="col">动作</th><th scope="col">对象</th><th scope="col">摘要</th><th scope="col">IP</th></tr></thead>
       <tbody>
         {{range .D.List}}
         <tr>

internal/web/templates/pages/package_detail.html

@@ -3,62 +3,79 @@
   <header class="page-head">
     <div>
       <h1>{{.D.Package.Name}}</h1>
-      <p class="muted">
+      <p>
-        {{if eq .D.Package.Unit "day"}}按日{{else}}按次{{end}} ·
+        {{.D.Package.UnitLabel}} · {{.D.Package.AmountText}}{{if .D.Package.CycleLabel}} · {{.D.Package.CycleLabel}}{{end}}
-        默认 {{.D.Package.DefaultAmount}}{{if eq .D.Package.Unit "day"}} 天{{else}} 次{{end}} ·
+        {{if .D.Package.Tag}} · 标签「{{.D.Package.Tag}}」{{end}}{{if .D.Package.CalendarSeparate}} · 独立日历{{end}}
-        {{if .D.Package.Tag}}标签「{{.D.Package.Tag}}」 · {{end}}{{if .D.Package.CalendarSeparate}}独立日历 · {{end}}
         {{if .D.Package.Archived}}<span class="chip chip-closed">已归档</span>{{end}}
       </p>
     </div>
     <div class="page-actions">
       <a class="btn btn-ghost" href="/packages">返回套餐</a>
-      <a class="btn" href="/packages/{{.D.Package.ID}}/edit">编辑套餐</a>
+      <a class="btn btn-soft" href="/packages/{{.D.Package.ID}}/edit">编辑套餐</a>
     </div>
   </header>
 
   {{if .D.Package.Note}}<div class="notice note">{{.D.Package.Note}}</div>{{end}}
 
+  <form class="filterbar" method="get" action="/packages/{{.D.Package.ID}}">
+    <input type="search" name="q" value="{{.D.Q}}" placeholder="按尾号 / 姓名筛选客户" aria-label="筛选客户">
+    <button class="btn btn-soft" type="submit">筛选</button>
+    {{if .D.Q}}<a class="btn btn-ghost" href="/packages/{{.D.Package.ID}}">清除</a>{{end}}
+    <span class="muted small">共 {{len .D.Customers}} 位客户</span>
+  </form>
+
   <form method="post" action="/packages/{{.D.Package.ID}}/subscribe" class="section card">
     <h2>批量开通</h2>
-    <p class="muted small">勾选客户后一次开通；已经是该套餐的客户会自动跳过。开始日期默认今天，时长/次数默认取套餐设置，可改。</p>
+    <p class="muted small">勾选客户后一次开通；已经是该套餐的客户会自动跳过。{{if .D.Package.Season}}通行证从套餐区间开始，整段完成。{{else if .D.Package.Abyss}}按周期数开通，结束日自动计算。{{else}}开始日期默认今天，数量默认取套餐设置，可改。{{end}}</p>
 
-    <div class="grid-3">
+    {{if .D.Package.Abyss}}
+    <div class="grid-2">
+      <label class="field"><span>开始日期</span>
+        <input type="date" name="start_date" value="{{.D.Today}}" required>
+      </label>
+      <label class="field"><span>周期数</span>
+        <input type="number" name="total_count" min="1" max="1000" value="{{.D.Package.DefaultAmount}}">
+      </label>
+    </div>
+    <p class="muted small">每 {{.D.Package.CycleDays}} 天一个周期，共 {{.D.Package.DefaultAmount}} 个周期；结束日按开始日自动计算。</p>
+    {{else if .D.Package.Season}}
+    <p class="muted small">通行证区间：{{.D.Package.SeasonStart}} → {{.D.Package.SeasonEnd}}，开通后整段完成，不再按天排单。</p>
+    {{else if eq .D.Package.Unit "day"}}
+    <div class="grid-auto">
       <label class="field"><span>开始日期</span>
         <input type="date" name="start_date" value="{{.D.Today}}" required>
       </label>
-      {{if eq .D.Package.Unit "day"}}
       <label class="field"><span>天数</span>
         <input type="number" name="days" min="1" max="3650" value="{{.D.Package.DefaultAmount}}">
       </label>
-      {{else}}
+    </div>
+    {{else}}
+    <div class="grid-auto">
+      <label class="field"><span>开始日期</span>
+        <input type="date" name="start_date" value="{{.D.Today}}" required>
+      </label>
       <label class="field"><span>次数</span>
         <input type="number" name="total_count" min="1" max="10000" value="{{.D.Package.DefaultAmount}}">
       </label>
       <label class="field"><span>到期日（可选）</span>
         <input type="date" name="end_date">
       </label>
-      {{end}}
-    </div>
-
-    <div class="filterbar">
-      <input type="search" name="q" value="{{.D.Q}}" placeholder="按尾号 / 姓名筛选客户">
-      <button class="btn" type="submit" formmethod="get" formaction="/packages/{{.D.Package.ID}}">筛选</button>
-      <span class="muted small">共 {{len .D.Customers}} 位客户</span>
     </div>
+    {{end}}
 
     <div class="table-wrap">
       <table class="table tight">
         <thead>
           <tr>
-            <th style="width:44px"><input type="checkbox" data-select-all aria-label="全选"></th>
+            <th style="width:44px"><input type="checkbox" data-select-all aria-label="全选可开通客户"></th>
-            <th>尾号</th><th>客户</th><th>当前订阅</th><th>状态</th>
+            <th scope="col">尾号</th><th scope="col">客户</th><th scope="col">当前订阅</th><th scope="col">状态</th>
           </tr>
         </thead>
         <tbody>
           {{range .D.Customers}}
           {{$subscribed := index $.D.Subscribed .ID}}
           <tr{{if $subscribed}} class="archived"{{end}}>
-            <td><input type="checkbox" name="customer_ids" value="{{.ID}}"{{if $subscribed}} disabled{{else}} checked{{end}}></td>
+            <td>{{if $subscribed}}<span class="muted small" title="已是此套餐">—</span>{{else}}<input type="checkbox" name="customer_ids" value="{{.ID}}" aria-label="选择 {{.Name}}" checked>{{end}}</td>
             <td><a class="tail" href="/customers/{{.ID}}">{{.Tail}}</a></td>
             <td>{{.Name}}{{if .AssigneeName}} <span class="asg"><i style="background:{{.AssigneeColor}}"></i>{{.AssigneeName}}</span>{{end}}</td>
             <td class="summary due-{{.Level}}">{{.Summary}}</td>

internal/web/templates/pages/package_form.html

@@ -3,40 +3,48 @@
   <header class="page-head">
     <div>
       <h1>{{if .D.IsNew}}新增套餐{{else}}编辑套餐{{end}}</h1>
-      <p class="muted">按日套餐用起止日期计算剩余天数；按次套餐记录剩余次数。</p>
+      <p>按日套餐用起止日期计算剩余天数；按次套餐记录剩余次数；通行证整段完成；深渊按周期完成。</p>
     </div>
   </header>
 
   <form method="post" class="form card" data-package-form
         action="{{if .D.IsNew}}/packages{{else}}/packages/{{.D.Package.ID}}/edit{{end}}">
     <label class="field"><span>套餐名称 <i>*</i></span>
-      <input name="name" required maxlength="32" value="{{.D.Package.Name}}" placeholder="例如 包月日常 / 赛季深渊 / 10 次副本">
+      <input type="text" name="name" required maxlength="32" value="{{.D.Package.Name}}" placeholder="例如 包月日常 / 深渊通行证 / 10 次副本">
     </label>
 
     <fieldset class="field">
       <span>计费方式 <i>*</i></span>
       <div class="radios">
-        <label><input type="radio" name="unit" value="day"{{if and (eq .D.Package.Unit "day") (not .D.Package.Season)}} checked{{end}}>
+        <label><input type="radio" name="unit" value="day"{{if and (eq .D.Package.Unit "day") (not .D.Package.Season) (not .D.Package.Abyss)}} checked{{end}}>
           <b>按日</b><small>有开始日与结束日，每天一条待打任务，可打卡</small></label>
-        <label><input type="radio" name="unit" value="count"{{if and (eq .D.Package.Unit "count") (not .D.Package.Season)}} checked{{end}}>
+        <label><input type="radio" name="unit" value="count"{{if and (eq .D.Package.Unit "count") (not .D.Package.Season) (not .D.Package.Abyss)}} checked{{end}}>
           <b>按次</b><small>记录剩余次数，排期完成时自动扣 1 次，有效期可选</small></label>
         <label><input type="radio" name="unit" value="season"{{if .D.Package.Season}} checked{{end}}>
-          <b>包赛季</b><small>整段赛季一次完成；赛季结束日过后不能再开通</small></label>
+          <b>通行证</b><small>通行证有效期内整段一次完成；日历上连续着色，每天显示同一个完成数</small></label>
+        <label><input type="radio" name="unit" value="abyss"{{if .D.Package.Abyss}} checked{{end}}>
+          <b>深渊</b><small>N 天一个周期，周期内任意一天完成即算该周期完成；按周期数计数</small></label>
       </div>
     </fieldset>
 
     <div class="grid-2" data-season-wrap hidden>
-      <label class="field"><span>赛季开始日 <i>*</i></span><input type="date" name="season_start" value="{{.D.Package.SeasonStart}}"></label>
+      <label class="field"><span>通行证开始日 <i>*</i></span><input type="date" name="season_start" value="{{.D.Package.SeasonStart}}"></label>
-      <label class="field"><span>赛季结束日 <i>*</i></span><input type="date" name="season_end" value="{{.D.Package.SeasonEnd}}"></label>
+      <label class="field"><span>通行证结束日 <i>*</i></span><input type="date" name="season_end" value="{{.D.Package.SeasonEnd}}"></label>
     </div>
-    <div class="grid-2" data-validity-wrap hidden>
+
-      <label class="field"><span>按次默认有效期（天，0=不限）</span>
+    <div class="field field-narrow" data-abyss-wrap hidden>
-        <input type="number" name="default_validity_days" min="0" max="3650" value="{{.D.Package.DefaultValidityDays}}">
+      <span>周期天数 N <i>*</i></span>
-      </label>
+      <input type="number" name="cycle_days" min="1" max="365" value="{{if .D.Package.Abyss}}{{.D.Package.CycleDays}}{{else}}7{{end}}" placeholder="例如 7">
+      <small>N 天一个周期；下方「周期数」填 X。开通后从开始日连续排 X 个周期。</small>
+    </div>
+
+    <div class="field field-narrow" data-validity-wrap hidden>
+      <span>按次默认有效期（天，0 = 不限）</span>
+      <input type="number" name="default_validity_days" min="0" max="3650" value="{{.D.Package.DefaultValidityDays}}">
     </div>
 
     <div class="grid-2">
-      <label class="field"><span>默认量 <i>*</i></span>
+      <label class="field" data-amount-wrap><span><span data-amount-title>默认量</span> <i>*</i></span>
         <div class="input-suffix">
           <input type="number" name="default_amount" min="1" max="10000" value="{{.D.Package.DefaultAmount}}" required>
           <b data-unit-label>{{if eq .D.Package.Unit "count"}}次{{else}}天{{end}}</b>
@@ -47,16 +55,15 @@
       </label>
     </div>
 
-    <div class="grid-2">
+    <div class="grid-3">
       <label class="field"><span>日历色签</span>
         <input type="color" name="color" value="{{.D.Package.Color}}">
       </label>
       <label class="field"><span>标签（可选）</span>
         <input type="text" name="tag" value="{{.D.Package.Tag}}" maxlength="20" list="pkg-tags" placeholder="例如：包月活动托">
         <datalist id="pkg-tags">{{range .D.Tags}}<option value="{{.}}"></option>{{end}}</datalist>
-        <small class="muted">相同标签的套餐在日历里会合并成同一个页签</small>
+        <small>相同标签的套餐在日历里会合并成同一个页签</small>
       </label>
-
       <label class="field"><span>排序（小的靠前）</span>
         <input type="number" name="sort_order" value="{{.D.Package.SortOrder}}">
       </label>
@@ -64,7 +71,7 @@
 
     <label class="check-line">
       <input type="checkbox" name="calendar_separate" value="1"{{if .D.Package.CalendarSeparate}} checked{{end}}>
-      <span>在日历中独立显示<small>勾选后工作台和大屏的日历会为该套餐单独开一个标签页，便于把“每日任务”和其他委托分开看</small></span>
+      <span>在日历中独立显示<small>通行证 / 深渊建议勾选：会单独开一个标签页，按色块连续展示，和其他日常任务分开看</small></span>
     </label>
 
     <label class="field"><span>说明</span>
@@ -73,7 +80,7 @@
 
     <div class="actions">
       <button class="btn btn-primary" type="submit">保存</button>
-      <a class="btn" href="/packages">取消</a>
+      <a class="btn btn-soft" href="/packages">取消</a>
     </div>
   </form>
 </div>

internal/web/templates/pages/packages.html

@@ -3,16 +3,16 @@
   <header class="page-head">
     <div>
       <h1>套餐</h1>
-      <p class="muted">新增套餐只需加一行配置，不会影响任何已有客户与订阅</p>
+      <p>新增套餐只需加一行配置，不会影响任何已有客户与订阅</p>
     </div>
     <div class="page-actions"><a class="btn btn-primary" href="/packages/new">＋ 新增套餐</a></div>
   </header>
 
   {{if .D.List}}
   <div class="table-wrap">
-    <table class="table">
+    <table class="table table-packages">
       <thead>
-        <tr><th class="col-dot"></th><th>名称</th><th>类型</th><th>默认量</th><th>参考价</th><th>订阅中 / 总数</th><th>状态</th><th></th></tr>
+        <tr><th class="col-dot" scope="col"><span class="visually-hidden">颜色</span></th><th scope="col">名称</th><th scope="col">类型</th><th scope="col">默认量</th><th scope="col">参考价</th><th scope="col">订阅中 / 总数</th><th scope="col">状态</th><th scope="col"><span class="visually-hidden">操作</span></th></tr>
       </thead>
       <tbody>
         {{range .D.List}}
@@ -24,15 +24,15 @@
             {{if .Note}}<div class="muted small">{{.Note}}</div>{{end}}
           </td>
           <td>{{.UnitLabel}}</td>
-          <td class="mono">{{.DefaultAmount}}{{if eq .Unit "day"}} 天{{else}} 次{{end}}</td>
+          <td class="mono">{{.AmountText}}</td>
           <td class="mono">{{if .HasPrice}}¥{{money .PriceCents}}{{else}}—{{end}}</td>
           <td class="mono">{{.ActiveCount}} / {{.SubCount}}</td>
           <td>{{if .Archived}}<span class="chip chip-closed">已归档</span>{{else}}<span class="chip chip-active">启用中</span>{{end}}</td>
           <td class="actions-cell">
-            <a class="btn btn-sm" href="/packages/{{.ID}}">详情/批量</a>
+            <a class="btn btn-soft btn-sm" href="/packages/{{.ID}}">详情/批量</a>
-                <a class="btn btn-sm btn-ghost" href="/packages/{{.ID}}/edit">编辑</a>
+            <a class="btn btn-ghost btn-sm" href="/packages/{{.ID}}/edit">编辑</a>
             <form method="post" action="/packages/{{.ID}}/archive"{{if not .Archived}} data-confirm="归档后不能再新建该套餐的订阅，已有订阅不受影响。继续？"{{end}}>
-              <button class="btn btn-sm btn-ghost">{{if .Archived}}恢复{{else}}归档{{end}}</button>
+              <button class="btn btn-ghost btn-sm">{{if .Archived}}恢复{{else}}归档{{end}}</button>
             </form>
           </td>
         </tr>

internal/web/templates/pages/portal.html

@@ -0,0 +1,125 @@
+{{define "content"}}
+<div class="portal-wrap">
+  <header class="portal-head">
+    <a class="portal-brand" href="/customer"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></a>
+    <h1>排单查询</h1>
+    <p class="muted">输入手机尾号查看自己的排单与完成情况。</p>
+  </header>
+
+  {{if .InlineError}}<div class="notice notice-danger portal-error" id="portal-error" role="alert">{{.InlineError}}</div>{{end}}
+
+  <details class="portal-search" {{if or (not .Query) .InlineError}}open{{end}}>
+    <summary class="portal-search-head">{{if .InlineError}}修改查询{{else if .Query}}查询其他尾号{{else}}输入手机尾号查询{{end}}</summary>
+    <form class="portal-form" method="get" action="/customer">
+      <div class="portal-form-body">
+        <div class="row g-2 align-items-end">
+          <div class="col-12 col-sm-4">
+            <label class="form-label" for="tail">手机尾号（4–8 位）</label>
+            <input class="form-control" id="tail" name="tail" value="{{.Query}}" inputmode="numeric" pattern="[0-9]{4,8}" minlength="4" maxlength="8" placeholder="例如 2300" required{{if not .Query}} autofocus{{end}}{{if eq .InvalidField "tail"}} aria-invalid="true" aria-describedby="portal-error"{{end}}>
+          </div>
+          <div class="col-12 col-sm-4">
+            <label class="form-label" for="name">客户姓名（可选）</label>
+            <input class="form-control" id="name" name="name" value="{{.Name}}" maxlength="32" placeholder="尾号重复时填写"{{if eq .InvalidField "name"}} aria-invalid="true" aria-describedby="portal-error"{{end}}>
+          </div>
+          <div class="col-12 col-sm-4">
+            <button class="btn btn-primary w-100" type="submit">查询</button>
+          </div>
+        </div>
+        <p class="muted small mb-0 mt-2">只显示排单与完成情况，不含备注与价格。</p>
+      </div>
+    </form>
+  </details>
+
+  {{with .D}}
+  {{if .Masked}}
+  <section class="portal-result">
+    <div class="card mt-3"><div class="card-body">
+      <h2 class="h5">找到 {{.Count}} 位客户</h2>
+      <p class="muted mb-2">尾号 {{.Tail}} 对应多位客户，请补一个姓名后查询。</p>
+      {{if .Masked}}<p class="portal-ask-names">可能是：{{range $i, $n := .Masked}}{{if $i}}、{{end}}{{$n}}{{end}}</p>{{end}}
+      <form class="portal-ask-form" method="get" action="/customer">
+        <input type="hidden" name="tail" value="{{.Tail}}">
+        <label class="visually-hidden" for="ask-name">姓名</label>
+        <input class="form-control" id="ask-name" name="name" maxlength="32" placeholder="输入姓名（可只填一部分）" required autofocus>
+        <button class="btn btn-primary" type="submit">查询</button>
+      </form>
+    </div></div>
+  </section>
+  {{else}}
+  <section class="portal-result">
+    {{if .Subs}}
+    <div class="card mt-3"><div class="card-body">
+      <div class="portal-client">
+        <div class="portal-client-main">
+          <h2 class="portal-client-name">{{.Tail}} · {{.Name}}</h2>
+          <div class="portal-client-meta">
+            {{if .Game}}<span class="tagchip">{{.Game}}</span>{{end}}
+            {{if .Expiring}}<span class="tagchip">最近到期 {{.Expiring}}</span>{{end}}
+          </div>
+        </div>
+        <div class="portal-client-status">
+          {{if eq .TodayState "done"}}<span class="chip chip-active">今日已清完</span>
+          {{else if eq .TodayState "pending"}}<span class="chip chip-plain">今日待完成 {{.TodayPending}} / {{.TodayTotal}}</span>
+          {{else}}<span class="chip chip-plain">今日无排单</span>{{end}}
+        </div>
+      </div>
+    </div></div>
+
+    <div class="card mt-3"><div class="card-body">
+      <div class="portal-section-head"><h2>订阅</h2><span class="portal-section-count">{{.SubCount}}</span></div>
+      <div class="portal-sub-list">
+        {{range .Subs}}
+        <article class="portal-sub">
+          <div class="portal-sub-main">
+            <strong>{{.PackageName}}</strong>
+            <span class="tagchip">{{.UnitLabel}}</span>
+            {{if .TodayLabel}}<span class="chip chip-{{.TodayClass}}">{{.TodayLabel}}</span>{{else}}{{template "state-chip" .}}{{end}}
+          </div>
+          <div class="portal-sub-meta">
+            <span>{{.RemainText}}</span>
+            <span class="muted">{{.PeriodText}}</span>
+          </div>
+        </article>
+        {{end}}
+      </div>
+    </div></div>
+
+    <div class="card mt-3"><div class="card-body">
+      <div class="portal-section-head">
+        <h2>当月排单</h2>
+        <div class="pcal-nav">
+          <a class="btn btn-soft pcal-nav-btn" href="{{.Prev}}" aria-label="上个月">‹</a>
+          <b>{{.MonthTitle}}</b>
+          <a class="btn btn-soft pcal-nav-btn" href="{{.Next}}" aria-label="下个月">›</a>
+        </div>
+      </div>
+      <div class="pcal" role="grid" aria-label="{{.MonthTitle}}排单">
+        <div class="pcal-dow" role="row">
+          <span role="columnheader">一</span><span role="columnheader">二</span><span role="columnheader">三</span><span role="columnheader">四</span><span role="columnheader">五</span><span role="columnheader">六</span><span role="columnheader">日</span>
+        </div>
+        {{range .Weeks}}
+        <div class="pcal-row" role="row">
+          {{range .}}
+          <div class="pcal-cell{{if not .InMonth}} out{{end}}{{if .Today}} today{{end}}{{if .BlockColor}} has-block{{end}}" role="gridcell" aria-label="{{.Label}}"{{if .BlockColor}} style="--block:{{.BlockColor}};--block-pct:{{.BlockPercent}}%"{{end}}>
+            <b>{{.Day}}</b>
+            {{if .Today}}<i class="pcal-today">今天</i>{{end}}
+            {{if .BlockText}}<span class="pcal-block" title="{{.BlockTitle}}">{{.BlockText}}</span>{{end}}
+            {{if .Total}}{{if eq .Total 1}}<span class="pcal-dot{{if .Done}} done{{end}}" title="{{.Done}}/{{.Total}} 单"></span>{{else}}<span class="pcal-count">{{.Done}}/{{.Total}}</span>{{end}}{{end}}
+          </div>
+          {{end}}
+        </div>
+        {{end}}
+      </div>
+    </div></div>
+    {{else}}
+    <div class="card mt-3"><div class="card-body">
+      <h2 class="h4 mb-1">{{.Tail}} · {{.Name}}</h2>
+      <div class="portal-client-meta">{{if .Game}}<span class="tagchip">{{.Game}}</span>{{end}}</div>
+      <p class="muted mb-0 mt-3">还没有进行中的订阅。如需开通，请联系你的代打。</p>
+    </div></div>
+    {{end}}
+  </section>
+  {{end}}
+  {{end}}
+</div>
+{{end}}

internal/web/templates/pages/screen.html

@@ -1,7 +1,7 @@
 {{define "content"}}
 <div class="scr" data-pkg="{{.D.PkgID}}" data-heat="{{.D.HeatMode}}" data-api="/api/screen/day">
   <header class="scr-head">
-    <div class="scr-brand"><span class="mark">代</span>代打台<em>控制台</em></div>
+    <div class="scr-brand"><span class="mark" aria-hidden="true">代</span>代打台<em>控制台</em></div>
 
     {{if .D.HasTabs}}
     <nav class="scr-tabs">
@@ -16,8 +16,8 @@
          title="切换热力统计口径">
         {{if eq .D.HeatMode "due"}}热力：到期{{else}}热力：待完成{{end}} ⇄
       </a>
-      <button class="scr-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色">
+      <button class="scr-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色" aria-pressed="false">
-        <span class="ic-moon">☾</span><span class="ic-sun">☀</span>
+        <span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span>
       </button>
     </div>
 
@@ -51,12 +51,12 @@
         {{range .D.Weeks}}
         <div class="heat-row">
           {{range .}}
-          <div class="heat-cell h{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsPast}} past{{end}}"
+          <div class="heat-cell h{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsPast}} past{{end}}{{if .BlockColor}} has-block{{end}}"
-               data-date="{{.Date}}" title="{{.Date}}">
+               data-date="{{.Date}}" title="{{if .BlockTitle}}{{.BlockTitle}} · {{end}}{{.Date}}"{{if .BlockColor}} style="--block:{{.BlockColor}};--block-pct:{{.BlockPercent}}%"{{end}}>
             {{if .Strip}}<span class="asg-strip sm" aria-hidden="true">{{range .Strip}}<i style="background:{{.}}"></i>{{end}}</span>{{end}}
             <span>{{.Day}}</span>
             {{if gt .Urgent 0}}<u class="cell-urgent"></u>{{end}}
-            {{if .Count}}<b>{{.Done}}/{{.Count}}</b>{{end}}
+            {{if and .BlockText (not .Count)}}<b class="scr-block">{{.BlockText}}</b>{{else if .Count}}<b>{{.Done}}/{{.Count}}</b>{{end}}
           </div>
           {{end}}
         </div>
@@ -119,7 +119,7 @@
       {{if .D.TodayList}}
       <ul class="today-list">
         {{range .D.TodayList}}
-        <li class="{{if .Urgent}}urgent{{end}} lv-{{.Eval.Level}}">
+        <li class="{{if .Urgent}}urgent {{end}}lv-{{.Eval.Level}}">
           <span class="tchip" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
           <span class="pkg">{{.PackageName}}</span>
           <span class="asg{{if .AssigneeNone}} none{{end}}"><i style="background:{{.AssigneeHex}}"></i>{{.AssigneeLabel}}</span>

internal/web/templates/pages/settings.html

@@ -3,7 +3,7 @@
   <header class="page-head">
     <div>
       <h1>设置</h1>
-      <p class="muted">预警天数、备份、账户与数据导出</p>
+      <p>预警天数、备份、账户与数据导出</p>
     </div>
   </header>
 
@@ -28,8 +28,8 @@
     <p class="muted small">所有账户权限相同，任何操作都会记在日志里。每个管理员的颜色用于日历左侧竖条和待办标识。</p>
     <p class="muted small">{{if eq .User.ID 1}}你是初始管理员，可以点「编辑」修改其他管理员的用户名、昵称和密码。{{else}}只有初始管理员（首个账号）可以修改其他管理员的资料。{{end}}</p>
     <div class="table-wrap">
-      <table class="table tight">
+      <table class="table tight table-users">
-        <thead><tr><th>用户名</th><th>显示名称</th><th>打手颜色</th><th>状态</th><th>创建时间</th><th>最近登录</th><th></th></tr></thead>
+        <thead><tr><th scope="col">用户名</th><th scope="col">显示名称</th><th scope="col">打手颜色</th><th scope="col">状态</th><th scope="col">创建时间</th><th scope="col">最近登录</th><th scope="col"><span class="visually-hidden">操作</span></th></tr></thead>
         <tbody>
           {{$me := .User}}
           {{range .D.Users}}
@@ -38,8 +38,8 @@
             <td>{{.DisplayName}}</td>
             <td>
               <form method="post" action="/settings/users/{{.ID}}/color" class="color-form">
-                <input type="color" name="color" value="{{if .Color}}{{.Color}}{{else}}#8A8F98{{end}}" title="打手颜色">
+                <input type="color" name="color" value="{{if .Color}}{{.Color}}{{else}}#8A8F98{{end}}" title="打手颜色" aria-label="打手颜色">
-                <button class="btn btn-sm btn-ghost" type="submit">保存</button>
+                <button class="btn btn-soft btn-sm" type="submit">保存</button>
               </form>
             </td>
             <td>{{if .IsActive}}<span class="chip chip-active">启用</span>{{else}}<span class="chip chip-closed">停用</span>{{end}}</td>
@@ -50,10 +50,10 @@
               <span class="muted small">当前账户</span>
               {{else}}
               {{if eq $me.ID 1}}
-              <a class="btn btn-sm" href="/settings/users/{{.ID}}/edit">编辑</a>
+              <a class="btn btn-soft btn-sm" href="/settings/users/{{.ID}}/edit">编辑</a>
               {{end}}
               <form method="post" action="/settings/users/{{.ID}}/toggle">
-                <button class="btn btn-sm btn-ghost">{{if .IsActive}}停用{{else}}启用{{end}}</button>
+                <button class="btn btn-ghost btn-sm">{{if .IsActive}}停用{{else}}启用{{end}}</button>
               </form>
               {{end}}
             </td>
@@ -63,8 +63,8 @@
       </table>
     </div>
     <form method="post" action="/settings/users" class="inline-form">
-      <label class="inline-field">用户名 <input name="username" required minlength="3" maxlength="32" autocomplete="off"></label>
+      <label class="inline-field">用户名 <input type="text" name="username" required minlength="3" maxlength="32" autocomplete="off"></label>
-      <label class="inline-field">显示名称 <input name="display_name" maxlength="32"></label>
+      <label class="inline-field">显示名称 <input type="text" name="display_name" maxlength="32"></label>
       <label class="inline-field">初始密码 <input type="password" name="password" required minlength="6" autocomplete="new-password"></label>
       <button class="btn btn-primary" type="submit">新增管理员</button>
     </form>
@@ -89,15 +89,16 @@
       <div><dt>数据库</dt><dd class="mono small">{{.D.DBPath}}</dd></div>
       <div><dt>备份</dt><dd class="mono small">{{.D.BackupDir}} · 保留 {{.D.BackupKeep}} 份 · {{if .D.BackupEnabled}}自动备份已开启{{else}}自动备份已关闭{{end}}</dd></div>
       <div><dt>大屏</dt><dd class="mono small">/screen {{if .D.ScreenPublic}}免登录{{else}}需登录{{end}}</dd></div>
+      <div><dt>客户自助</dt><dd class="mono small">/customer {{if .D.PortalPublic}}免登录{{else}}已关闭{{end}}</dd></div>
       <div><dt>局域网地址</dt><dd class="mono small">http://{{if .D.Addrs}}{{index .D.Addrs 0}}{{else}}127.0.0.1{{end}}:{{.D.Port}}/screen</dd></div>
       <div><dt>已运行</dt><dd class="mono">{{.D.Uptime}}</dd></div>
       <div><dt>数据量</dt><dd>{{.D.CustomerCount}} 位客户 · {{.D.PackageCount}} 个套餐 · {{.D.LogCount}} 条日志</dd></div>
     </dl>
     <div class="actions wrap">
-      <form method="post" action="/settings/backup"><button class="btn" type="submit">立即备份</button></form>
+      <form method="post" action="/settings/backup"><button class="btn btn-soft" type="submit">立即备份</button></form>
-      <a class="btn" href="/export/customers.csv">导出客户 CSV</a>
+      <a class="btn btn-soft" href="/export/customers.csv">导出客户 CSV</a>
-      <a class="btn" href="/export/subscriptions.csv">导出订阅 CSV</a>
+      <a class="btn btn-soft" href="/export/subscriptions.csv">导出订阅 CSV</a>
-      <a class="btn" href="/export/logs.csv">导出日志 CSV</a>
+      <a class="btn btn-soft" href="/export/logs.csv">导出日志 CSV</a>
     </div>
     {{if .D.Backups}}
     <details class="backups">

internal/web/templates/pages/setup.html

@@ -1,25 +1,26 @@
 {{define "content"}}
 <div class="auth">
+  <button class="theme-toggle auth-theme" type="button" data-theme-toggle aria-label="切换亮色/暗色" aria-pressed="false"><span class="ic-moon" aria-hidden="true">☾</span><span class="ic-sun" aria-hidden="true">☀</span></button>
   <div class="auth-card">
-    <div class="auth-brand"><span class="brand-mark">代</span><span>代打台</span></div>
+    <div class="auth-brand"><span class="brand-mark" aria-hidden="true">代</span><span>代打台</span></div>
     <h1>创建第一个管理员</h1>
-    <p class="muted">数据库里还没有账户。设置好账号后即可开始录入套餐与客户。</p>
+    <p>数据库里还没有账户。设置好账号后即可开始录入套餐与客户。</p>
-    <form method="post" action="/setup" class="form">
+    <form method="post" action="/setup" class="stack">
       <label class="field"><span>用户名</span>
-        <input type="text" name="username" required minlength="3" maxlength="32" autocomplete="username" placeholder="建议用拼音或英文名">
+        <input class="form-control" id="username" type="text" name="username" required minlength="3" maxlength="32" autocomplete="username" placeholder="建议用拼音或英文名">
       </label>
       <label class="field"><span>显示名称</span>
-        <input type="text" name="display_name" maxlength="32" placeholder="例如：老王（可留空）">
+        <input class="form-control" id="display_name" type="text" name="display_name" maxlength="32" placeholder="例如：老王（可留空）">
       </label>
       <label class="field"><span>密码（至少 6 位）</span>
-        <input type="password" name="password" required minlength="6" autocomplete="new-password">
+        <input class="form-control" id="password" type="password" name="password" required minlength="6" autocomplete="new-password">
       </label>
       <label class="field"><span>再输一次密码</span>
-        <input type="password" name="password2" required minlength="6" autocomplete="new-password">
+        <input class="form-control" id="password2" type="password" name="password2" required minlength="6" autocomplete="new-password">
       </label>
       <button type="submit" class="btn btn-primary btn-block">创建并登录</button>
     </form>
-    <p class="auth-foot muted">忘记密码只能手动改数据库，请妥善保管。</p>
+    <p class="auth-foot">忘记密码只能手动改数据库，请妥善保管。</p>
   </div>
 </div>
 {{end}}

internal/web/templates/pages/subscriptions.html

@@ -3,11 +3,11 @@
   <header class="page-head">
     <div>
       <h1>订阅</h1>
-      <p class="muted">共 {{.D.Total}} 条 · 剩余时长各自独立计算</p>
+      <p>共 {{.D.Total}} 条 · 剩余时长各自独立计算</p>
     </div>
   </header>
 
-  <div class="tabs">
+  <nav class="tabs" aria-label="订阅状态">
     <a href="/subscriptions?state=active" class="{{if eq .D.State "active"}}on{{end}}">进行中</a>
     <a href="/subscriptions?state=due7" class="{{if eq .D.State "due7"}}on{{end}}">7 天内到期</a>
     <a href="/subscriptions?state=due_today" class="{{if eq .D.State "due_today"}}on{{end}}">今天到期</a>
@@ -15,25 +15,25 @@
     <a href="/subscriptions?state=paused" class="{{if eq .D.State "paused"}}on{{end}}">暂停中</a>
     <a href="/subscriptions?state=closed" class="{{if eq .D.State "closed"}}on{{end}}">已结束</a>
     <a href="/subscriptions?state=all" class="{{if eq .D.State "all"}}on{{end}}">全部</a>
-  </div>
+  </nav>
 
   <form class="filterbar" method="get" action="/subscriptions">
     <input type="hidden" name="state" value="{{.D.State}}">
-    <input type="search" name="q" value="{{.D.Q}}" placeholder="尾号 / 姓名 / 套餐" autocomplete="off">
+    <input type="search" name="q" value="{{.D.Q}}" placeholder="尾号 / 姓名 / 套餐" autocomplete="off" aria-label="搜索订阅">
-    <select name="package_id">
+    <select name="package_id" aria-label="按套餐筛选">
       <option value="0">全部套餐</option>
       {{range .D.Packages}}
       <option value="{{.ID}}"{{if eq $.D.PackageID .ID}} selected{{end}}>{{.Name}}</option>
       {{end}}
     </select>
-    <button class="btn" type="submit">筛选</button>
+    <button class="btn btn-soft" type="submit">筛选</button>
   </form>
 
   {{if .D.List}}
   <div class="table-wrap">
-    <table class="table">
+    <table class="table table-subs">
       <thead>
-        <tr><th>客户</th><th>套餐</th><th>状态</th><th>剩余</th><th>时间</th><th>操作</th></tr>
+        <tr><th scope="col">客户</th><th scope="col">套餐</th><th scope="col">状态</th><th scope="col">剩余</th><th scope="col">时间</th><th scope="col">操作</th></tr>
       </thead>
       <tbody>
         {{range .D.List}}
@@ -49,14 +49,14 @@
           <td class="mono small">{{.PeriodText}}</td>
           <td class="actions-cell">
             {{if ne .Status "closed"}}
-            <a class="btn btn-sm" href="/customers/{{.CustomerID}}?extend={{.ID}}#extend">追加</a>
+            {{if not (or .Season .Abyss)}}<a class="btn btn-soft btn-sm" href="/customers/{{.CustomerID}}?extend={{.ID}}#extend">追加</a>{{end}}
             {{if eq .Status "active"}}
-            <form method="post" action="/subscriptions/{{.ID}}/pause"><button class="btn btn-sm btn-ghost">暂停</button></form>
+            <form method="post" action="/subscriptions/{{.ID}}/pause"><button class="btn btn-ghost btn-sm">暂停</button></form>
             {{else if eq .Status "paused"}}
-            <form method="post" action="/subscriptions/{{.ID}}/resume"><button class="btn btn-sm">恢复</button></form>
+            <form method="post" action="/subscriptions/{{.ID}}/resume"><button class="btn btn-soft btn-sm">恢复</button></form>
             {{end}}
             {{else}}
-            <form method="post" action="/subscriptions/{{.ID}}/reopen"><button class="btn btn-sm">重新启用</button></form>
+            <form method="post" action="/subscriptions/{{.ID}}/reopen"><button class="btn btn-soft btn-sm">重新启用</button></form>
             {{end}}
           </td>
         </tr>
@@ -69,7 +69,7 @@
   <div class="empty">
     <div class="empty-mark">票</div>
     <p>这个筛选下没有订阅。</p>
-    <a class="btn" href="/subscriptions?state=all">看全部</a>
+    <a class="btn btn-soft" href="/subscriptions?state=all">看全部</a>
   </div>
   {{end}}
 </div>

internal/web/view.go

@@ -29,6 +29,9 @@ type SubView struct {
 	Today        string
 	// CanCheckinToday 表示今天可以直接打卡（订阅在有效状态与区间内）
 	CanCheckinToday bool
+	// CanPassToday / CanAbyssToday 整段型订阅今天能否完成（在有效区间内且未完成）
+	CanPassToday  bool
+	CanAbyssToday bool
 }
 
 // AssigneeLabel 返回打手显示名；未指派时给灰字提示。
@@ -79,20 +82,26 @@ func newSubView(s store.Subscription, today time.Time, warnDays int) SubView {
 		Today:        domain.Date(today),
 	}
 	if s.Season {
-		v.UnitLabel = "赛季"
+		v.UnitLabel = "通行证"
-		if s.SeasonDone != "" {
-			v.RemainText = "赛季已完成"
-			v.RemainShort = "已完成"
-			v.StateLabel = "赛季已完成"
-			v.StateClass = "active"
-		} else {
-			v.RemainText = fmt.Sprintf("剩 %d 天", e.RemainingDays)
-			v.RemainShort = fmt.Sprintf("%d 天", e.RemainingDays)
-		}
 		v.PeriodText = s.StartDate + " → " + s.EndDate
-		return v
+		v.Progress = 0
-	}
+		if s.SeasonDone != "" {
-	if s.Unit == domain.UnitDay {
+			v.RemainText = "已完成 1 / 1"
+			v.RemainShort = "1/1"
+			v.Progress = 100
+		} else {
+			v.RemainText = "已完成 0 / 1"
+			v.RemainShort = "0/1"
+		}
+	} else if s.Abyss {
+		v.UnitLabel = "深渊"
+		v.PeriodText = s.StartDate + " → " + s.EndDate
+		v.RemainText = fmt.Sprintf("已完成 %d / %d 周期", s.UsedCount, s.TotalCount)
+		v.RemainShort = fmt.Sprintf("%d/%d 周期", s.UsedCount, s.TotalCount)
+		if s.TotalCount > 0 {
+			v.Progress = clampPct(s.UsedCount * 100 / s.TotalCount)
+		}
+	} else if s.Unit == domain.UnitDay {
 		v.UnitLabel = "按日"
 		v.RemainText = fmt.Sprintf("剩 %d 天", e.RemainingDays)
 		v.RemainShort = fmt.Sprintf("%d 天", e.RemainingDays)
@@ -143,9 +152,29 @@ func newSubView(s store.Subscription, today time.Time, warnDays int) SubView {
 			v.DueText = "次数已用尽"
 		}
 	}
-	// 今天能否打卡：进行中且（按日或有剩余次数）
+	// 整段型：完成后统一显示「已完成」，不再提示到期
-	v.CanCheckinToday = e.State == domain.StateActive &&
+	if s.Season && s.SeasonDone != "" {
+		v.StateLabel = "已完成"
+		v.StateClass = "active"
+		v.DueText = ""
+	}
+	if s.Abyss && s.TotalCount > 0 && s.UsedCount >= s.TotalCount {
+		v.StateLabel = "已完成"
+		v.StateClass = "active"
+		v.DueText = ""
+	}
+	// 今天能否打卡：进行中、非整段型，且（按日或有剩余次数）
+	v.CanCheckinToday = !s.IsBlock() && e.State == domain.StateActive &&
 		(s.Unit == domain.UnitDay || e.RemainingCount > 0)
+	startT := domain.ParseDateOr(s.StartDate, today)
+	endT := domain.ParseDateOr(s.EndDate, today)
+	inRange := !today.Before(startT) && (s.EndDate == "" || !today.After(endT))
+	if s.Season && s.SeasonDone == "" && inRange && e.State == domain.StateActive {
+		v.CanPassToday = true
+	}
+	if s.Abyss && s.TotalCount > 0 && s.UsedCount < s.TotalCount && inRange && e.State == domain.StateActive {
+		v.CanAbyssToday = true
+	}
 	return v
 }
 

main.go

@@ -26,7 +26,7 @@ import (
 	"daili/internal/web"
 )
 
-const version = "1.8.2"
+const version = "1.11.5"
 
 func main() {
 	cfgFlag := flag.String("config", "", "配置文件路径（默认：exe 同级的 "+config.FileName+"）")
@@ -131,6 +131,7 @@ func main() {
 		BackupDir:     cfg.BackupDir,
 		BackupEnabled: cfg.BackupEnabled,
 		ScreenPublic:  cfg.ScreenPublic,
+		PortalPublic:  cfg.PortalPublic,
 		ConfigPath:    cfg.Path,
 		Version:       version,
 	})