时间盒-Timebox 复刻版 · 分钟级时间管理
手机默认显示当天的日程卡片，时间、标题和状态完整排列。点一下卡片即可编辑，无需双击或拖拽。
系统有两个视图，通过顶部按钮切换：
顶部工具栏有 竖向 / 横向 按钮，一键切换时间轴方向。两种布局数据完全通用，切换后不会丢失任何内容，选择会被记住。
| 布局 | 形态 | 适合场景 |
|---|---|---|
| 横向（默认） | 时间从左往右流，上午/下午两条轨道上下堆叠 | 宽屏、习惯甘特图的人 |
| 竖向 | 时间从上往下流，上午/下午两列左右并排 | 更接近纸质日程本，竖屏或窄窗口 |
竖向模式下，时间盒自动变为纵向条形，文字自动换行；上下边缘可拖动调整时长。
盒子尺寸过小、放不下文字时，会退化为纯色块（完整标题、起止时间仍在鼠标悬停提示里）。
| 布局 | 判据 | 行为 |
|---|---|---|
| 横向 | 盒子宽度 < 26px | 隐藏文字，显示纯色块 |
| 竖向 | 盒子高度 14–19px（约 10–15 分钟） | 使用紧凑小字号，仍显示文字 |
| 盒子高度 < 14px（约 5 分钟） | 隐藏文字，显示纯色块 |
竖向的文字是沿盒子宽度方向横向排布的，所以只看高度够不够放一行字，不看高度低于横向的 26px 阈值。
有三种方式可以把时间盒精确到任意分钟（例如 8:12）：
08:12。弹窗的「时长」区域除了 15m/30m/60m 快捷按钮，还有一个数字输入框，可以填任意分钟数（1–720），例如 47 分钟。
| 操作 | 精度 | 说明 |
|---|---|---|
| 弹窗输入开始时间 | 1 分钟 | 最精确，可输入任意 HH:MM |
| 拖拽 / 双击（默认） | 1 分钟 | 精细调整 |
| 拖拽 / 双击 + Alt | 5 分钟 | 对齐网格线 |
| 拖动左右边缘 | 默认 1 分钟，Alt 为 5 分钟 | 连续拖拽调整时长 |
| 自定义时长输入框 | 1 分钟 | 1–720 分钟 |
7:00 为基准点存储（与原站一致）。
因此 7:00 之前的时刻暂不支持，输入更早的时间会提示错误。
| 操作 | 方式 |
|---|---|
| 移动时间盒 | 拖动盒子中间到目标位置 |
| 调整时长 | 拖动盒子左/右边缘 |
| 改标题 | 单击盒子上的文字，直接输入；Enter 保存，Esc 取消 |
| 完整编辑 | 双击盒子，或右键 → 编辑 |
| 删除 | 右键 → 删除，或把盒子拖到空白处松手 |
| 快速操作 | 右键菜单：完成 / 延后 / 重要 / 15m / 30m / 60m |
时间盒状态分自动和手动两组。自动组由红色当前时间线推进，无需任何操作。
| 状态 | 触发条件 | 视觉 |
|---|---|---|
| 未开始 | 当前时间早于开始时间，或日期在未来 | 淡出、去饱和、灰色文字 |
| 进行中 | 当前时间落在盒子区间内 | 橙色高亮边框 + 呼吸光晕 + ▶ + 已过时长进度条 |
| 已完成 | 当前时间晚于结束时间，或日期已过去 | 绿底 + 删除线 + ✓ |
时间轴每 30 秒检查一次，跨过盒子的起止点时状态自动翻转。页面从后台切回前台时也会立即刷新。
在弹窗或右键菜单里主动设置后，该盒子不再随时间线变化：
| 状态 | 含义 | 视觉 |
|---|---|---|
| 未完成 | 时间过了但你没做 | 灰底 + · |
| 延后 | 推迟处理 | 黄色虚线 + » |
| 已完成 | 提前手动打勾 | 绿底 + 删除线 + ✓ |
右键菜单里选「↺ 恢复自动」可清除手动覆盖，重新交给时间线管理。
弹窗底部有 自动 / 未完成 / 延后 / 已完成 四个按钮。选「自动」时会实时提示此刻的自动判定结果，例如：
自动：此刻为「进行中」
每个日期头显示当天进度，例如 「1 进行中」 和进度条 3/8，一眼看出完成情况。
底色深浅仍按任务时长分档，状态则用边框、图标、透明度等叠加表达，两者不冲突：
| 底色 | 时长 |
|---|---|
| 🟩 浅绿 | 15 分钟及以内 |
| 🟦 浅蓝 | 16–30 分钟（默认） |
| 🟨 浅黄 | 31–60 分钟 |
| 🟪 浅紫 | 超过 60 分钟 |
另外：🟥 红色边框 + 左侧红条 = 重要任务。
点击右上角用户菜单 → 数据管理：
localStorage 中。
登录云端账号后，时间盒、作息设置、预设和节日保存在 Cloudflare，各设备通过 WebSocket 实时同步。
离线修改会先保存在本机，恢复网络后补传；页面显示“已同步”后表示云端已确认保存。
多设备修改同一记录会提示选择版本，支持先下载本机备份。
点击“注册 / 登录”使用邮箱和密码创建账号；已有用户名账号仍可登录。注册后务必保存恢复码，忘记密码时可重设；目前不发送密码重置邮件。 已有本地数据可通过用户菜单“将本地数据导入此账号”添加到云端，或通过 JSON 备份跨电脑转移。
用户菜单 → 设置，可自定义：
规则：开始 < 午休始 ≤ 午休终 < 结束，全部为整点。
修改后时间轴会自动重新计算像素密度以适配屏幕宽度。
| 按键 | 作用 |
|---|---|
| Alt + 拖拽 | 5 分钟精度吸附（默认为 1 分钟） |
| Enter | 行内编辑保存 / 弹窗保存 |
| Esc | 取消编辑 / 关闭弹窗与菜单 |
| 双击空白 | 在该位置创建 30 分钟时间盒 |
| 方面 | 原站 | 本复刻版 |
|---|---|---|
| 开始时间精度 | 仅 5 分钟吸附 | 1 分钟（默认拖拽 / 输入框） |
| 开始时间可编辑 | 不可，只能拖 | 弹窗内可直接输入 |
| 时长选择 | 仅 15/30/60 三档 | 任意 1–720 分钟 |
| 边缘拖拽调时长 | 三档状态机跳变 | 连续拖拽 |
| 跨午休的时间盒 | 渲染溢出/错位 | 两轨道分别裁剪显示 |
| 数据存储 | 服务器 + 账号 | 本地 + 登录后云端同步 |
| 需要登录 | 需要（或访客模式） | 无需，打开即用 |