dsh-niuma 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-niuma",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "牛马加速器 — DSH 工资换算实时计数器：按实收月薪、上下班时间、午休（可设是否算工时）、法定节假日自动折算秒/分/时/日/周/月工资，工资每秒滚动增长。Community salary ticker plugin for DeepSeek Harness.",
   "type": "module",
   "main": "lib/index.js",

package/src/client/index.js

@@ -116,19 +116,33 @@ const zh = {
   'paidHoursPerDay': '日有效工时',
   'todayTarget': '今日目标',
   'monthEarned': '本月已赚',
+  'monthWorkedDays': '本月已工作',
+  'monthRemainingDays': '剩余工作日',
   'holidaySourceLink': '国务院办公厅 2026 年节假日安排',
   'configLoading': '正在读取设置…',
   'configFailed': '设置读取失败，使用默认值',
   'retry': '重试',
   'settings': '设置',
+  'decimalsLabel': '小数',
+  'decimalsUnit': '位',
+  'turboLabel': '加速',
+  'refreshRate': '刷新频率',
+  'rateSecond': '按秒（1s）',
+  'rateFrame': '刷新率（≈16ms）',
   'settingsHint': '改完点「保存」生效；格式不对会在下方红字提示，不影响计时。',
-  'salaryField': '实收月薪（元/月）',
+  'salaryField': '实收月薪',
+  'groupSalary': '工资',
+  'groupWorkTime': '工作时间',
+  'groupLunch': '午休',
+  'salaryUnit': '元 / 月',
   'workStartField': '上班时间',
   'workEndField': '下班时间',
   'lunchEnabledField': '启用午休',
+  'lunchEnabledShort': '启用',
   'lunchStartField': '午休开始',
   'lunchEndField': '午休结束',
   'lunchPaidField': '午休算工时',
+  'lunchPaidShort': '算工时',
   'holidaysCardTitle': '节假日安排',
   'holidays2026Label': '2026 年（官方）',
   'holidays2027Label': '2027 年（预估）',
@@ -153,6 +167,7 @@ const zh = {
   'saveFailed': '保存失败：',
   'dayUnit': '天',
   'hourUnit': '小时',
+  'minuteUnit': '分钟',
   'viewLabel': '查看',
   'viewCurrent': '本月',
   'viewYear': '全年平均',
@@ -207,19 +222,33 @@ const en = {
   'paidHoursPerDay': 'Paid hours / day',
   'todayTarget': "Today's target",
   'monthEarned': 'Earned this month',
+  'monthWorkedDays': 'Worked this month',
+  'monthRemainingDays': 'Workdays left',
   'holidaySourceLink': 'State Council 2026 holiday schedule',
   'configLoading': 'Loading settings…',
   'configFailed': 'Failed to load settings, using defaults',
   'retry': 'Retry',
   'settings': 'Settings',
+  'decimalsLabel': 'Decimals',
+  'decimalsUnit': 'dp',
+  'turboLabel': 'Turbo',
+  'refreshRate': 'Refresh rate',
+  'rateSecond': 'Per second (1s)',
+  'rateFrame': 'Display rate (~16ms)',
   'settingsHint': 'Click Save to apply. Invalid input is shown in red below; the ticker keeps running.',
-  'salaryField': 'Net monthly salary (CNY)',
+  'salaryField': 'Net monthly salary',
+  'groupSalary': 'Salary',
+  'groupWorkTime': 'Working hours',
+  'groupLunch': 'Lunch break',
+  'salaryUnit': 'CNY / month',
   'workStartField': 'Work start',
   'workEndField': 'Work end',
   'lunchEnabledField': 'Enable lunch break',
+  'lunchEnabledShort': 'On',
   'lunchStartField': 'Lunch start',
   'lunchEndField': 'Lunch end',
   'lunchPaidField': 'Lunch is paid',
+  'lunchPaidShort': 'Paid',
   'holidaysCardTitle': 'Holiday calendar',
   'holidays2026Label': '2026 (official)',
   'holidays2027Label': '2027 (estimated)',
@@ -244,6 +273,7 @@ const en = {
   'saveFailed': 'Save failed: ',
   'dayUnit': 'd',
   'hourUnit': 'h',
+  'minuteUnit': 'min',
   'viewLabel': 'View',
   'viewCurrent': 'This month',
   'viewYear': 'Year average',
@@ -294,6 +324,7 @@ function formFromConfig(config) {
     lunchStart: String(config.lunchStart == null ? '' : config.lunchStart),
     lunchEnd: String(config.lunchEnd == null ? '' : config.lunchEnd),
     lunchPaid: config.lunchPaid === true,
+    updateMs: String(config.updateMs == null ? 1000 : config.updateMs),
   };
 }
 
@@ -308,6 +339,7 @@ function patchFromForm(form) {
     lunchStart: String(form.lunchStart || '').trim(),
     lunchEnd: String(form.lunchEnd || '').trim(),
     lunchPaid: Boolean(form.lunchPaid),
+    updateMs: Number(form.updateMs),
   };
 }
 
@@ -353,19 +385,26 @@ function useRemoteConfig() {
   return { ...state, refresh };
 }
 
-/** 当前时间：每 250ms 检查一次，只有整秒变化才 setState（每秒重算一次）。 */
-function useSecondClock() {
+/**
+ * 当前时间：按配置的刷新间隔更新。
+ * - updateMs >= 50：setInterval（按秒 / 200ms / 100ms）
+ * - updateMs <= 16：requestAnimationFrame（跟随屏幕刷新率连续滚动）
+ */
+function useClock(updateMs) {
   const [now, setNow] = React.useState(() => new Date());
   React.useEffect(() => {
-    let lastSecond = -1;
-    const timer = setInterval(() => {
-      const second = Math.floor(Date.now() / 1000);
-      if (second === lastSecond) return;
-      lastSecond = second;
-      setNow(new Date());
-    }, 250);
+    if (updateMs <= 16) {
+      let raf = 0;
+      const loop = () => {
+        setNow(new Date());
+        raf = requestAnimationFrame(loop);
+      };
+      raf = requestAnimationFrame(loop);
+      return () => cancelAnimationFrame(raf);
+    }
+    const timer = setInterval(() => setNow(new Date()), updateMs);
     return () => clearInterval(timer);
-  }, []);
+  }, [updateMs]);
   return now;
 }
 
@@ -453,10 +492,103 @@ function SectionTitle(props) {
 }
 
 /** 今日已赚主卡：渐变底 + 超大金额 + 进度条（视觉焦点只有这一处）。 */
+/* ------------------------------------------------------------------ *
+ * 滚动金额：连续的「机械里程表」
+ *   每一位不是等金额变了才跳一格，而是按位权连续转动：
+ *   最后一位小数转得飞快（0-9 循环），前一位慢 10 倍，整数位几乎不动。
+ *   加速模式下每帧（rAF）更新 wheel 位置，看起来就是数字在持续往上滚。
+ * ------------------------------------------------------------------ */
+const ROLL_BLOCKS = Array.from({ length: 11 }, (_, i) => String(i % 10));
+
+/** 单个数字轮：`position` 是连续位置（单位=1 个数字格，小数部分=滚到一半）。 */
+function RollingDigit(props) {
+  const heightEm = 1.22;
+  const widthEm = 0.62;
+  const pos = Number.isFinite(props.position) ? props.position : 0;
+  const wheel = ((pos % 10) + 10) % 10;
+  return React.createElement('span', {
+    'aria-hidden': 'true',
+    style: {
+      display: 'inline-block', position: 'relative', overflow: 'hidden',
+      width: `${widthEm}em`, height: `${heightEm}em`, verticalAlign: 'baseline',
+    },
+  }, [
+    React.createElement('span', {
+      key: 'ghost',
+      style: { visibility: 'hidden', display: 'block', height: `${heightEm}em`, lineHeight: `${heightEm}em` },
+    }, '0'),
+    React.createElement('span', {
+      key: 'strip',
+      style: {
+        position: 'absolute', left: 0, top: 0, display: 'flex', flexDirection: 'column',
+        transform: `translateY(${-(wheel * heightEm)}em)`,
+        willChange: 'transform',
+      },
+    }, ROLL_BLOCKS.map((value, i) => React.createElement('span', {
+      key: i,
+      style: { display: 'block', height: `${heightEm}em`, lineHeight: `${heightEm}em` },
+    }, value))),
+  ]);
+}
+
+/**
+ * 金额 → 连续滚轮。`value` 是原始金额，`decimals` 决定小数位。
+ * 每一位的轮位 = value * 10^decimals / 10^(该位右侧数字个数)，因此低位快、高位慢。
+ */
+function RollingMoney(props) {
+  const decimals = Math.max(0, Math.min(6, Number.isInteger(props.decimals) ? props.decimals : 4));
+  const text = formatMoney(props.value, decimals);
+  const scale = 10 ** decimals;
+  // 从右往左数「该位右侧还有几个数字」，得到每位位权
+  const chars = text.split('');
+  const significances = new Array(chars.length).fill(-1);
+  let seen = 0;
+  for (let i = chars.length - 1; i >= 0; i -= 1) {
+    if (/[0-9]/.test(chars[i])) {
+      significances[i] = seen;
+      seen += 1;
+    }
+  }
+  return React.createElement('span', {
+    style: {
+      display: 'inline-flex', alignItems: 'baseline', letterSpacing: 0, position: 'relative',
+      // 等宽字体保证每个数字轮宽度稳定（不裁字、不抖动）
+      fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+      ...(props.style || {}),
+    },
+  }, [
+    React.createElement('span', {
+      key: 'sr',
+      style: {
+        position: 'absolute', width: 1, height: 1, padding: 0, margin: -1,
+        overflow: 'hidden', clip: 'rect(0,0,0,0)', whiteSpace: 'nowrap', border: 0,
+      },
+    }, text),
+    React.createElement('span', {
+      key: 'visual',
+      'aria-hidden': 'true',
+      style: { display: 'inline-flex', alignItems: 'baseline' },
+    }, chars.map((char, i) => {
+      if (!/[0-9]/.test(char)) {
+        return React.createElement('span', {
+          key: `s${i}`,
+          style: { display: 'inline-block', lineHeight: '1.22em' },
+        }, char);
+      }
+      const position = (Number(props.value) || 0) * scale / 10 ** significances[i];
+      return React.createElement(RollingDigit, { key: `d${i}`, position });
+    })),
+  ]);
+}
+
 function HeroCard(props) {
   const t = props.t;
   const snap = props.snap;
   const rates = snap.rates;
+  const decimals = Number.isInteger(props.decimals) ? props.decimals : 4;
+  const onDecimalsChange = props.onDecimalsChange;
+  const turbo = props.turbo === true;
+  const onTurboChange = props.onTurboChange;
   const progress = Math.max(0, Math.min(1, Number(snap.todayProgress) || 0));
   const percentText = `${(progress * 100).toFixed(1)}%`;
   const live = snap.status === 'working';
@@ -510,19 +642,61 @@ function HeroCard(props) {
       key: 'amt',
       style: { display: 'flex', alignItems: 'baseline', gap: 7, marginTop: 4, flexWrap: 'wrap' },
     }, [
-      React.createElement('span', {
+      React.createElement(RollingMoney, {
         key: 'val',
+        value: snap.todayEarned,
+        decimals,
         style: {
-          fontSize: 46, lineHeight: 1.12, fontWeight: 800, letterSpacing: '-1.2px',
+          fontSize: 46, lineHeight: 1.12, fontWeight: 800,
           ...GOLD,
           ...NUM,
           ...(rest ? { opacity: 0.62 } : {}),
         },
-      }, formatMoney(snap.todayEarned, 4)),
+      }),
       React.createElement('span', {
         key: 'unit',
         style: { fontSize: 18, fontWeight: 700, color: C.label2, ...NUM },
       }, '元'),
+      React.createElement('label', {
+        key: 'dec',
+        title: t('decimalsLabel'),
+        style: {
+          marginLeft: 'auto', display: 'inline-flex', alignItems: 'center', gap: 3,
+          fontSize: 10, color: C.label3, ...NUM,
+        },
+      }, [
+        React.createElement('span', { key: 'l' }, t('decimalsLabel')),
+        React.createElement('select', {
+          key: 's',
+          value: String(decimals),
+          'aria-label': t('decimalsLabel'),
+          onChange: (event) => onDecimalsChange && onDecimalsChange(Number(event.target.value)),
+          style: {
+            height: 22, padding: '0 2px', borderRadius: 6,
+            border: `1px solid ${C.border1}`, background: C.layer2, color: C.label2,
+            fontSize: 10.5, fontVariantNumeric: 'tabular-nums', outline: 'none', cursor: 'pointer',
+          },
+        }, [0, 1, 2, 3, 4, 5, 6].map((n) => React.createElement('option', { key: n, value: String(n) }, String(n)))),
+        React.createElement('span', { key: 'u' }, t('decimalsUnit')),
+      ]),
+      React.createElement('label', {
+        key: 'turbo',
+        title: t('turboLabel'),
+        style: {
+          display: 'inline-flex', alignItems: 'center', gap: 3,
+          fontSize: 10, padding: '1px 6px', borderRadius: 999,
+          border: `1px solid ${turbo ? `color-mix(in srgb, ${GOLD_TINT} 60%, ${C.border1})` : C.border1}`,
+          background: turbo ? `color-mix(in srgb, ${GOLD_TINT} 16%, transparent)` : 'transparent',
+          color: turbo ? C.label2 : C.label3, cursor: 'pointer', ...NUM,
+        },
+      }, [
+        React.createElement('input', {
+          key: 'i', type: 'checkbox', checked: turbo,
+          onChange: (event) => onTurboChange && onTurboChange(event.target.checked),
+          style: { accentColor: GOLD_TINT, width: 12, height: 12, margin: 0, cursor: 'inherit' },
+        }),
+        React.createElement('span', { key: 'l' }, t('turboLabel')),
+      ]),
     ]),
     React.createElement('div', {
       key: 'chips',
@@ -695,6 +869,8 @@ function DetailsFooter(props) {
     { key: 'hours', label: t('paidHoursPerDay'), value: `${trimNumber(rates.paidHours, 2)}${t('hourUnit')}` },
     { key: 'target', label: t('todayTarget'), value: money(snap.todayTarget, 2) },
     { key: 'month', label: t('monthEarned'), value: money(snap.monthEarned, 2) },
+    { key: 'worked', label: t('monthWorkedDays'), value: `${snap.monthWorkdaysDone}${t('dayUnit')}` },
+    { key: 'left', label: t('monthRemainingDays'), value: `${snap.monthWorkdaysLeft}${t('dayUnit')}` },
   ];
   return React.createElement('div', {
     style: {
@@ -854,81 +1030,126 @@ function SettingsSection(props) {
   const save = props.save;
   const onSave = props.onSave;
 
+  // E 方案：行式短控件 —— 标签固定左列，控件都按内容定宽（不拉满）
+  const rowStyle = {
+    display: 'flex', alignItems: 'center', gap: 10,
+    minHeight: 33, padding: '2px 0', borderTop: `1px solid ${C.border1}`,
+  };
+  const rowKeyStyle = { width: 62, flex: '0 0 62px', fontSize: 11.5, color: C.label3 };
+  const rowValStyle = { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap', minWidth: 0 };
   const inputStyle = {
-    width: '100%',
-    boxSizing: 'border-box',
-    padding: '6px 9px',
-    borderRadius: 8,
-    border: `1px solid ${C.border}`,
-    background: C.layer2,
-    color: C.label,
-    fontSize: 13,
-    fontVariantNumeric: 'tabular-nums',
-    outline: 'none',
+    boxSizing: 'border-box', width: 88, minHeight: 28, padding: '4px 8px',
+    borderRadius: 7, border: `1px solid ${C.border}`, background: C.layer2,
+    color: C.label, fontSize: 12.5, fontVariantNumeric: 'tabular-nums', outline: 'none',
   };
-  const labelStyle = { fontSize: 10.5, color: C.label3, fontWeight: 500 };
+  const selectStyle = {
+    boxSizing: 'border-box', width: 48, minHeight: 28, padding: '4px 2px 4px 6px',
+    borderRadius: 7, border: `1px solid ${C.border}`, background: C.layer2,
+    color: C.label, fontSize: 12.5, fontVariantNumeric: 'tabular-nums', outline: 'none', cursor: 'pointer',
+  };
+  const unitStyle = { fontSize: 10.5, color: C.label3, whiteSpace: 'nowrap' };
+  const dashStyle = { fontSize: 11, color: C.label3, margin: '0 1px' };
+  const HOUR_OPTIONS = Array.from({ length: 24 }, (_, i) => String(i).padStart(2, '0'));
+  const MINUTE_OPTIONS = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0'));
 
-  const textField = (field, labelKey, placeholder) => React.createElement('label', {
-    key: field,
-    style: { display: 'flex', flexDirection: 'column', gap: 4, flex: '1 1 130px', minWidth: 112 },
+  const row = (key, label, values) => React.createElement('div', { key, style: rowStyle }, [
+    React.createElement('span', { key: 'k', style: rowKeyStyle }, label),
+    React.createElement('div', { key: 'v', style: rowValStyle }, values),
+  ]);
+
+  /** 24 小时制时间：小时/分钟两个下拉，各 46px（不受浏览器 locale 影响）。 */
+  const timeSelects = (field, label, disabled = false) => {
+    const [rawHour = '00', rawMinute = '00'] = String(form[field] || '00:00').split(':');
+    const hour = HOUR_OPTIONS.includes(rawHour) ? rawHour : '00';
+    const minute = MINUTE_OPTIONS.includes(rawMinute) ? rawMinute : '00';
+    const commit = (nextHour, nextMinute) => setField(field, `${nextHour}:${nextMinute}`);
+    const style = { ...selectStyle, opacity: disabled ? 0.45 : 1, cursor: disabled ? 'default' : 'pointer' };
+    return React.createElement('span', { key: field, style: { display: 'inline-flex', alignItems: 'center', gap: 2 } }, [
+      React.createElement('select', {
+        key: 'h', value: hour, disabled, 'aria-label': `${label} ${t('hourUnit')}`,
+        onChange: (event) => commit(event.target.value, minute), style,
+      }, HOUR_OPTIONS.map((value) => React.createElement('option', { key: value, value }, value))),
+      React.createElement('span', { key: 'c', style: { color: C.label3, fontWeight: 700, fontSize: 12 } }, ':'),
+      React.createElement('select', {
+        key: 'm', value: minute, disabled, 'aria-label': `${label} ${t('minuteUnit')}`,
+        onChange: (event) => commit(hour, event.target.value), style,
+      }, MINUTE_OPTIONS.map((value) => React.createElement('option', { key: value, value }, value))),
+    ]);
+  };
+
+  const timeRange = (startField, endField, label, disabled) => React.createElement('span', {
+    key: `${startField}-${endField}`,
+    style: { display: 'inline-flex', alignItems: 'center', gap: 2 },
   }, [
-    React.createElement('span', { key: 'l', style: labelStyle }, t(labelKey)),
-    React.createElement('input', {
-      key: 'i',
-      type: 'text',
-      value: form[field],
-      placeholder: placeholder || 'HH:mm',
-      onChange: (event) => setField(field, event.target.value),
-      style: inputStyle,
-    }),
+    timeSelects(startField, label, disabled),
+    React.createElement('span', { key: 'dash', style: dashStyle }, '–'),
+    timeSelects(endField, label, disabled),
   ]);
 
-  const checkField = (field, labelKey) => React.createElement('label', {
+  const toggle = (field, labelKey, disabled) => React.createElement('label', {
     key: field,
     style: {
-      display: 'flex', alignItems: 'center', gap: 6, flex: '1 1 140px',
-      fontSize: 12, color: C.label2, cursor: 'pointer', minHeight: 30,
+      display: 'inline-flex', alignItems: 'center', gap: 5,
+      padding: '2px 6px', borderRadius: 8,
+      border: `1px solid ${C.border1}`, background: C.layer2,
+      fontSize: 10.5, color: disabled ? C.label3 : C.label2, whiteSpace: 'nowrap',
+      cursor: disabled ? 'default' : 'pointer', opacity: disabled ? 0.55 : 1,
     },
   }, [
     React.createElement('input', {
-      key: 'i',
-      type: 'checkbox',
-      checked: Boolean(form[field]),
+      key: 'i', type: 'checkbox', checked: Boolean(form[field]), disabled,
       onChange: (event) => setCheck(field, event.target.checked),
+      style: { accentColor: GOLD_TINT, width: 13, height: 13, margin: 0, cursor: 'inherit' },
     }),
     React.createElement('span', { key: 'l' }, t(labelKey)),
   ]);
 
+  const lunchDisabled = !form.lunchEnabled;
+  const RATE_OPTIONS = [
+    ['1000', t('rateSecond')],
+    ['250', '250 ms'],
+    ['100', '100 ms'],
+    ['50', '50 ms'],
+    ['16', t('rateFrame')],
+  ];
+
   return React.createElement('details', {
-    style: { background: C.layer1, border: `1px solid ${C.border1}`, borderRadius: 12, padding: '11px 13px' },
+    open: true,
+    style: { background: C.layer1, border: `1px solid ${C.border1}`, borderRadius: 12, padding: '10px 12px' },
   }, [
     React.createElement('summary', {
       key: 'sum',
-      style: { cursor: 'pointer', fontSize: 13, fontWeight: 650, color: C.label, userSelect: 'none' },
+      style: { cursor: 'pointer', fontSize: 12.5, fontWeight: 650, color: C.label, userSelect: 'none' },
     }, t('settings')),
-    React.createElement('div', {
-      key: 'hint',
-      style: { fontSize: 10.5, color: C.label3, margin: '5px 0 10px' },
-    }, t('settingsHint')),
-    React.createElement('div', {
-      key: 'dataNote',
-      style: { fontSize: 10.5, color: C.label3, margin: '-4px 0 10px', lineHeight: 1.55 },
-    }, t('settingsDataNote')),
-    React.createElement('div', {
-      key: 'fields',
-      style: { display: 'flex', flexWrap: 'wrap', gap: 9 },
-    }, [
-      textField('monthlySalary', 'salaryField', '10000'),
-      textField('workStart', 'workStartField', '09:00'),
-      textField('workEnd', 'workEndField', '18:00'),
-      textField('lunchStart', 'lunchStartField', '12:00'),
-      textField('lunchEnd', 'lunchEndField', '13:00'),
-      checkField('lunchEnabled', 'lunchEnabledField'),
-      checkField('lunchPaid', 'lunchPaidField'),
+    React.createElement('div', { key: 'body', style: { marginTop: 7 } }, [
+      row('salary', t('salaryField'), [
+        React.createElement('input', {
+          key: 'i', type: 'text', inputMode: 'decimal', value: form.monthlySalary, placeholder: '10000',
+          onChange: (event) => setField('monthlySalary', event.target.value), style: inputStyle,
+        }),
+        React.createElement('span', { key: 'u', style: unitStyle }, t('salaryUnit')),
+      ]),
+      row('worktime', t('groupWorkTime'), [
+        timeRange('workStart', 'workEnd', t('groupWorkTime'), false),
+      ]),
+      row('lunch', t('groupLunch'), [
+        // 时间在前、两个开关在后（放到行尾）
+        timeRange('lunchStart', 'lunchEnd', t('groupLunch'), lunchDisabled),
+        toggle('lunchEnabled', 'lunchEnabledShort', false),
+        toggle('lunchPaid', 'lunchPaidShort', lunchDisabled),
+      ]),
+      row('refresh', t('refreshRate'), [
+        React.createElement('select', {
+          key: 'r',
+          value: String(form.updateMs),
+          onChange: (event) => setField('updateMs', event.target.value),
+          style: { ...selectStyle, width: 128, padding: '4px 6px' },
+        }, RATE_OPTIONS.map(([value, label]) => React.createElement('option', { key: value, value }, label))),
+      ]),
     ]),
     React.createElement('div', {
       key: 'actions',
-      style: { display: 'flex', alignItems: 'center', gap: 10, flexWrap: 'wrap', marginTop: 11 },
+      style: { display: 'flex', alignItems: 'center', gap: 10, marginTop: 7, paddingTop: 7, borderTop: `1px solid ${C.border1}` },
     }, [
       React.createElement('button', {
         key: 'save',
@@ -936,30 +1157,29 @@ function SettingsSection(props) {
         onClick: onSave,
         disabled: save.status === 'saving',
         style: {
-          // 金色按钮：与主卡金额、节假日强调同一套金色系；深棕字保证任何主题下都有对比度
           border: `1px solid color-mix(in srgb, ${GOLD_TINT} 72%, rgba(0,0,0,.18))`,
           color: '#3A2A05',
           background: save.status === 'saving'
             ? `color-mix(in srgb, ${GOLD_TINT} 52%, #fff)`
             : 'linear-gradient(180deg, #F8DC86 0%, #EFC258 52%, #D99D2C 100%)',
           borderRadius: 8,
-          padding: '7px 20px',
-          fontSize: 13,
+          padding: '5px 16px',
+          fontSize: 12.5,
           fontWeight: 700,
           letterSpacing: '.3px',
           cursor: save.status === 'saving' ? 'default' : 'pointer',
           opacity: save.status === 'saving' ? 0.72 : 1,
-          boxShadow: `0 2px 10px color-mix(in srgb, ${GOLD_TINT} 36%, transparent), inset 0 1px 0 rgba(255,255,255,.45)`,
+          boxShadow: `0 2px 9px color-mix(in srgb, ${GOLD_TINT} 34%, transparent), inset 0 1px 0 rgba(255,255,255,.45)`,
           textShadow: '0 1px 0 rgba(255,255,255,.28)',
         },
       }, save.status === 'saving' ? t('saving') : t('save')),
       save.status === 'ok'
-        ? React.createElement('span', { key: 'ok', style: { fontSize: 12, color: C.ok } }, save.message || t('saved'))
+        ? React.createElement('span', { key: 'ok', style: { fontSize: 11.5, color: C.ok } }, save.message || t('saved'))
         : null,
       save.status === 'error'
         ? React.createElement('span', {
           key: 'err',
-          style: { fontSize: 12, color: C.error, flex: '1 1 220px', whiteSpace: 'pre-wrap' },
+          style: { fontSize: 11.5, color: C.error, flex: '1 1 200px', whiteSpace: 'pre-wrap' },
         }, `${t('saveFailed')}${save.errors.join('；')}`)
         : null,
     ]),
@@ -973,7 +1193,6 @@ function NiumaPanel(props) {
   const t = props && typeof props.t === 'function' ? props.t : fallbackTranslate;
 
   const remote = useRemoteConfig();
-  const now = useSecondClock();
 
   // 服务端配置 -> 规范化配置；坏数据/缺字段一律退回 DEFAULTS（计算不会抛）。
   const cfg = React.useMemo(() => {
@@ -987,7 +1206,11 @@ function NiumaPanel(props) {
     }
   }, [remote.data]);
 
-  // 每秒重算（core 是纯函数，重算代价极小；已下班/休息日会稳定在日工资或 0）。
+  // 刷新频率：1000=按秒；16≈屏幕刷新率（连续滚动）；中间值为毫秒级
+  const updateMs = cfg.turbo === true ? 16 : (Number.isInteger(cfg.updateMs) ? cfg.updateMs : 1000);
+  const now = useClock(updateMs);
+
+  // 每次刷新重算（core 是纯函数，重算代价极小；已下班/休息日会稳定在日工资或 0）。
   const snap = React.useMemo(() => earnedToday(cfg, now), [cfg, now]);
   const rates = snap && snap.rates ? snap.rates : computeRates(cfg, snap && snap.dateKey);
   const baseForm = React.useMemo(() => formFromConfig(cfg), [cfg]);
@@ -1108,6 +1331,28 @@ function NiumaPanel(props) {
       });
   };
 
+  // 快速保存：主金额小数位这种即时偏好，不走设置表单的「保存」流程
+  const [quickError, setQuickError] = React.useState('');
+  const postConfig = React.useCallback((patch) => {
+    if (typeof fetch !== 'function') return;
+    fetch(`${ROUTE_BASE}/settings`, {
+      method: 'POST',
+      headers: { 'content-type': 'application/json' },
+      credentials: 'same-origin',
+      body: JSON.stringify(patch),
+    })
+      .then(async (response) => {
+        let body = null;
+        try { body = await response.json(); } catch (error) { body = null; }
+        if (!response.ok || !body || body.ok !== true) throw new Error((body && body.error) || `HTTP ${response.status}`);
+        setQuickError('');
+        remote.refresh();
+      })
+      .catch((error) => setQuickError(String((error && error.message) || error)));
+  }, [remote.refresh]);
+  const onDecimalsChange = (value) => postConfig({ decimals: value });
+  const onTurboChange = (checked) => postConfig({ turbo: Boolean(checked) });
+
   const holidaySource = (remote.data && remote.data.holidaySource) || HOLIDAY_SOURCE;
   const banner = remote.status === 'failed'
     ? {
@@ -1206,7 +1451,7 @@ function NiumaPanel(props) {
       ])
       : null,
 
-    React.createElement(HeroCard, { key: 'hero', t, snap }),
+    React.createElement(HeroCard, { key: 'hero', t, snap, decimals: cfg.decimals, onDecimalsChange, turbo: cfg.turbo, onTurboChange }),
     React.createElement(CountdownRow, { key: 'countdown', t, snap }),
     React.createElement('div', {
       key: 'ratesHead',

package/src/core.mjs

@@ -27,6 +27,12 @@ export const DEFAULTS = Object.freeze({
   lunchPaid: false,
   holidays: DEFAULT_HOLIDAYS,
   extraWorkdays: DEFAULT_EXTRA_WORKDAYS,
+  /** 主金额小数位（0-6） */
+  decimals: 4,
+  /** 面板刷新间隔 ms：1000=按秒；16≈屏幕刷新率（连续滚动）；中间值为毫秒级 */
+  updateMs: 1000,
+  /** 加速（滚动模式）：true 时强制毫秒级刷新（≈屏幕刷新率），数字连续滚动 */
+  turbo: false,
 });
 
 const SALARY_MAX = 10_000_000;
@@ -159,6 +165,23 @@ export function normalizeConfig(patch) {
   merged.lunchEnabled = merged.lunchEnabled !== false;
   merged.lunchPaid = merged.lunchPaid === true;
 
+  // 展示/刷新偏好：主金额小数位 0-6；刷新间隔 16-1000ms（16 ≈ 屏幕刷新率）；加速开关
+  merged.turbo = merged.turbo === true;
+  const decimals = Number(merged.decimals);
+  if (!Number.isInteger(decimals) || decimals < 0 || decimals > 6) {
+    errors.push('小数位数需要是 0~6 的整数');
+    merged.decimals = Number.isInteger(decimals) ? decimals : DEFAULTS.decimals;
+  } else {
+    merged.decimals = decimals;
+  }
+  const updateMs = Number(merged.updateMs);
+  if (!Number.isInteger(updateMs) || updateMs < 16 || updateMs > 1000) {
+    errors.push('刷新间隔需要是 16~1000ms 的整数');
+    merged.updateMs = Number.isInteger(updateMs) ? updateMs : DEFAULTS.updateMs;
+  } else {
+    merged.updateMs = updateMs;
+  }
+
   // 日期列表
   const holidays = normalizeDateList(merged.holidays);
   const extraWorkdays = normalizeDateList(merged.extraWorkdays);
@@ -342,6 +365,16 @@ export function earnedToday(config, now) {
   const secondsToStart = workday && nowSec < startSec ? startSec - nowSec : 0;
   const secondsToEnd = workday && nowSec < endSec ? endSec - nowSec : 0;
 
+  // 本月工作天数进度：已完成 = 今天之前的完整工作日 +（今天已下班则 +1）；
+  // 「今天」在上班/午休中时算剩余（还没干完），这样「已工作 + 剩余 = 本月总工作日」。
+  const monthWorkdays = rates.monthlyWorkdays;
+  let monthWorkdaysDone = 0;
+  for (let day = 1; day < date.getDate(); day += 1) {
+    if (isWorkday(dateKeyOf(new Date(date.getFullYear(), date.getMonth(), day)), config)) monthWorkdaysDone += 1;
+  }
+  if (workday && status === 'off') monthWorkdaysDone += 1;
+  const monthWorkdaysLeft = Math.max(0, monthWorkdays - monthWorkdaysDone);
+
   return {
     dateKey: key,
     isWorkday: workday,
@@ -352,6 +385,9 @@ export function earnedToday(config, now) {
     todayTarget,
     todayProgress,
     monthEarned,
+    monthWorkdays,
+    monthWorkdaysDone,
+    monthWorkdaysLeft,
     secondsToStart,
     secondsToEnd,
     rates,