工作日薪看板

要解决什么问题

上班时「今天已经赚了多少钱」往往只能靠心算：月薪、法定月工作日（常见按 21.75 天摊）、实际上下班时间一变，数字就对不上。还需要一个不占整页、能钉在桌面或浏览器里的视图，而不是再开一张 Excel。

技能如何工作

技能指向单文件 daily_wage.html（HTML + CSS + JS），本地打开即可运行，不依赖后端。

• 实时工资：用当前时间与配置的上下班时间算「今日已赚」；公式为 (当前秒数 − 上班秒数) × (日薪 / 总工作秒数)，通过 requestAnimationFrame 循环刷新。
• 专注时刻：内置 25 分钟 Pomodoro，IIFE 闭包状态机；到点触发浏览器 Notification，标题栏交替闪烁提示。
• 布局与主题：900px 为唯一断点——宽屏 3×2 网格（时间、今日已赚、进度条、天气、发薪倒计时等），小屏为方形竖排；7 种 data-theme 通过 CSS 变量覆盖玻璃拟态样式。
• 偏好持久化：齿轮弹窗可改月薪、发薪日、工时、主题、玻璃透明度/模糊等，键名前缀 widget_ 写入 localStorage。

天气区块设计为读取外部 weather.json（可由 bot 定时抓取），未配置时仅影响该格展示。

适用边界

• 字体从 fonts.loli.net 加载（国内镜像），样式约定 font-size 仅用偶数 px。
• 动画会尊重 prefers-reduced-motion: reduce。
• 文档是还原 references/daily_wage.html 的规格说明；细节以源文件为准，而非通用 SaaS 工资核算或税务口径。