baseline: 薪酬逻辑收口到 shared/payroll.js 后的当前全量状态

这是第一个包含完整工作区的提交，也是后续「拆 SFC / 上 Vite」的回滚基线。

此前的提交均为 index.html 单文件历史快照，由 .bak 文件重建。

当前状态（提交前已实测）：
- index.html 内联薪酬算法已删除，改调 WHTPayroll
- shared/payroll.js 为唯一薪酬实现，浏览器与 Node 共用
- 对外接口未变：aggregateMonth / isCutEdge / payDayKind 等保留同名薄包装

未入库内容见 .gitignore：依赖、Chrome 验证 profile、验证截图、
运行时 sqlite 数据与日志、时间戳备份、.trash。

png/probe_pill_worst.js

@@ -0,0 +1,41 @@
+// 最坏情况宽度预算：27天×12h=324.0h，¥6318.0（5位数），360px 小屏
+const { spawn } = require('child_process');
+const CHROME = '/usr/bin/chromium';
+const OUT_DIR = __dirname;
+const URL = 'http://127.0.0.1:8388/index.html';
+const chrome = spawn(CHROME, ['--headless=new','--no-sandbox','--disable-gpu','--disable-dev-shm-usage',
+  '--remote-debugging-port=9237', `--user-data-dir=${OUT_DIR}/.chrome-pill2`,'--window-size=360,900','about:blank'
+], { stdio:['ignore','ignore','pipe'] });
+const stderr=[]; chrome.stderr.on('data',d=>stderr.push(d.toString()));
+const sleep=ms=>new Promise(r=>setTimeout(r,ms));
+async function getWs(){for(let i=0;i<40;i++){try{const t=await(await fetch('http://127.0.0.1:9237/json/list')).json();if(t.length)return t[0].webSocketDebuggerUrl;}catch(e){}await sleep(250);}throw new Error('CDP fail '+stderr.join('').slice(-300));}
+(async()=>{
+  const ws=new WebSocket(await getWs()); let id=0; const pending=new Map();
+  let or; const op=new Promise(r=>or=r); ws.onopen=or;
+  ws.onmessage=e=>{const m=JSON.parse(e.data); if(m.id&&pending.has(m.id)){pending.get(m.id)(m);pending.delete(m.id);}};
+  await op;
+  const send=(me,p={})=>new Promise(r=>{const i=++id;pending.set(i,r);ws.send(JSON.stringify({id:i,method:me,params:p}));});
+  const ev=async x=>{const r=await send('Runtime.evaluate',{expression:x,awaitPromise:true,returnByValue:true});return r.result&&r.result.result&&r.result.result.value;};
+  await send('Runtime.enable'); await send('Page.enable');
+  await send('Emulation.setDeviceMetricsOverride',{width:360,height:900,deviceScaleFactor:1,mobile:true});
+  await send('Page.navigate',{url:URL}); await sleep(1300);
+  // 满月 27 天 × 12h = 324.0h → 工时收入 ¥6318.0
+  await ev(`(function(){const rec={};for(let d=1;d<=27;d++)rec['2026-09-'+String(d).padStart(2,'0')]={status:'work',shift_type:'night',hours:12,contraband_found:0,contraband_missed:0,other_penalty:null,penalty_reason:''};localStorage.setItem('work_records',JSON.stringify(rec));return 1;})()`);
+  await send('Page.navigate',{url:URL}); await sleep(1400);
+  const r = await ev(`(function(){
+    const wrap=document.querySelector('header .flex.flex-wrap');
+    const ps=Array.from(document.querySelectorAll('header .pill'));
+    const gap=parseFloat(getComputedStyle(wrap).gap)||6;
+    const items=ps.map(p=>({t:p.innerText.replace(/\\s+/g,' ').trim(),w:+p.getBoundingClientRect().width.toFixed(1),top:+p.getBoundingClientRect().top.toFixed(1)}));
+    const cs=getComputedStyle(ps[0]);
+    return { wrapW:+wrap.getBoundingClientRect().width.toFixed(1), gap, rows:new Set(items.map(i=>i.top)).size,
+      sum:+(items.reduce((a,b)=>a+b.w,0)+gap*(items.length-1)).toFixed(1),
+      pillPad:cs.padding, pillFont:cs.fontSize, pillGap:cs.gap, items };
+  })()`);
+  console.log('【最坏情况 @360px】');
+  console.log(` 容器 ${r.wrapW}px | wrapper gap ${r.gap}px | pill padding ${r.pillPad} | font ${r.pillFont} | icon gap ${r.pillGap}`);
+  console.log(` 三胶囊总需 ${r.sum}px → 溢出 ${(r.sum-r.wrapW).toFixed(1)}px | 实际行数 ${r.rows}`);
+  r.items.forEach(i=>console.log(`   ${String(i.w).padStart(6)}px  "${i.t}"`));
+  console.log(`\n 需要压缩至少 ${(r.sum-r.wrapW).toFixed(1)}px（外加安全余量）`);
+  ws.close(); chrome.kill(); process.exit(0);
+})().catch(e=>{console.error('FAILED:',e.message);console.error(stderr.join('').slice(-300));try{chrome.kill();}catch(_){}process.exit(1);});