npm - prts-moonlit - Versions diffs - 1.0.0 - Mend

prts-moonlit 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/ledger.html ADDED Viewed

@@ -0,0 +1,1003 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1, user-scalable=no">
+<meta name="theme-color" content="#04060f">
+<meta name="color-scheme" content="dark">
+<title>小账本</title>
+<!--BUNDLED: data.js + app.js 已内联，改数据请编辑 data.js 后重跑 sync_from_photos.py-->
+<style>
+:root{
+  --blue:#1b5cff; --blue-m:#0b2a8f; --blue-d:#061748; --ink:#04060f;
+  --paper:#f2f7ff; --lime:#d9f838; --out:#ff5c5c; --in:#5fe08a;
+  --dim:rgba(242,247,255,.62); --line:rgba(242,247,255,.12);
+  color-scheme:dark;
+}
+*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
+html,body{margin:0;padding:0}
+body{
+  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
+  background:var(--ink);color:var(--paper);font-size:15px;line-height:1.4;
+  padding-bottom:112px;overflow-x:hidden;-webkit-font-smoothing:antialiased;
+}
+/* 背景层：斜向蓝渐变 + 放射线 + 网点 */
+.bg{position:fixed;inset:0;z-index:0;pointer-events:none;
+  background:linear-gradient(160deg,var(--blue-m) 0%,var(--blue) 34%,var(--blue-d) 62%,var(--ink) 100%)}
+.bg:after{content:'';position:absolute;inset:-20%;
+  background:repeating-conic-gradient(from 0deg at 82% 4%, rgba(0,0,0,.42) 0 .55deg, transparent .55deg 6.2deg)}
+.dots{position:fixed;inset:0;z-index:1;pointer-events:none;
+  background-image:radial-gradient(circle,#04123c 1.3px,transparent 1.4px);background-size:7px 7px;opacity:.45}
+.wrap{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:0 16px}
+/* ===== 标题 ===== */
+.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:calc(16px + env(safe-area-inset-top)) 2px 10px}
+.hd h1{margin:0;font-size:32px;font-weight:900;font-style:italic;letter-spacing:-.04em;line-height:1.15}
+.hd h1 span{display:inline-block;background:var(--paper);color:var(--ink);padding:2px 12px 5px;
+  transform:skewX(-10deg);box-shadow:5px 5px 0 var(--ink), 7px 7px 0 var(--lime)}
+.hd h1 span i{font-style:normal;display:inline-block;transform:skewX(10deg)}
+.sound{width:42px;height:42px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);
+  transform:skewX(-10deg);font-size:16px;display:grid;place-items:center;cursor:pointer;
+  box-shadow:4px 4px 0 var(--ink);flex:none}
+.sound i{font-style:normal;transform:skewX(10deg);display:inline-block}
+.hd-r{display:flex;align-items:center;gap:10px}
+.homeb{height:42px;padding:0 13px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);
+  transform:skewX(-10deg);font:inherit;font-weight:900;font-size:13px;letter-spacing:.05em;
+  display:grid;place-items:center;cursor:pointer;box-shadow:4px 4px 0 var(--ink);flex:none}
+.homeb i{font-style:normal;transform:skewX(10deg);display:inline-block}
+.homeb:active{transform:skewX(-10deg) translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
+/* ===== 汇总卡 ===== */
+.summary{
+  background:linear-gradient(150deg,rgba(4,6,15,.94),rgba(6,23,72,.94));
+  border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);
+  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
+  padding:14px 16px 0;margin:6px 0 14px;
+}
+.sum-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
+.sum-top .k{font-size:11px;letter-spacing:.24em;color:var(--lime);font-weight:800;font-style:italic;flex:none}
+.bal{margin:0;font-size:42px;font-weight:900;font-style:italic;letter-spacing:-.045em;
+  font-variant-numeric:tabular-nums;text-align:right;word-break:break-all;
+  text-shadow:3px 3px 0 rgba(4,6,15,.9)}
+.bal small{font-size:22px;font-weight:800;color:var(--dim);margin-right:2px;letter-spacing:0;font-style:normal}
+.sum-row{display:flex;margin-top:12px;border-top:1px solid var(--line)}
+.sum-row>div{flex:1;min-width:0;padding:11px 0 14px}
+.sum-row>div+div{border-left:1px solid var(--line);padding-left:12px}
+.sum-row>div:not(:last-child){padding-right:10px}
+.sum-row .k{display:block;font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.1em;margin-bottom:2px}
+.sum-row b{font-size:16px;font-weight:800;font-style:italic;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
+/* ===== 主卡片（tabs + 内容） ===== */
+.card{
+  background:rgba(4,6,15,.86);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);
+  clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);
+  padding:14px 14px 16px;
+}
+.card section{display:none}
+.card section.on{display:block}
+/* ===== 顶部 Tab ===== */
+.tabs{display:flex;gap:6px;margin-bottom:14px}
+.tabs button{
+  flex:1;border:2px solid var(--ink);background:rgba(242,247,255,.08);color:var(--dim);
+  padding:9px 0;font-size:13px;font-weight:800;font-style:italic;font-family:inherit;
+  cursor:pointer;transform:skewX(-8deg);letter-spacing:.04em;
+}
+.tabs button span{display:inline-block;transform:skewX(8deg)}
+.tabs button.on{background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--lime)}
+/* ===== 支出/收入 分段 ===== */
+.seg{display:flex;gap:6px;margin:0 0 14px}
+.seg button{
+  flex:1;border:2px solid var(--ink);background:rgba(242,247,255,.08);color:var(--dim);
+  padding:10px 0;font-size:15px;font-weight:900;font-style:italic;font-family:inherit;
+  cursor:pointer;transform:skewX(-8deg);
+}
+.seg button span{display:inline-block;transform:skewX(8deg)}
+.seg button.on-out{background:var(--out);color:#fff;box-shadow:3px 3px 0 var(--ink)}
+.seg button.on-in{background:var(--in);color:#04130a;box-shadow:3px 3px 0 var(--ink)}
+/* ===== 金额输入 ===== */
+.amt-card{display:flex;align-items:baseline;gap:6px;border-bottom:3px solid var(--lime);
+  padding:2px 2px 8px;margin:0 0 2px}
+.amt-card>span{font-size:26px;font-weight:900;font-style:italic;color:var(--lime);flex:none}
+.amt-card input{
+  flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:38px;font-weight:900;
+  font-style:italic;letter-spacing:-.03em;font-family:inherit;color:var(--paper);
+  font-variant-numeric:tabular-nums;padding:2px 0;
+}
+.amt-card input::placeholder{color:rgba(242,247,255,.25)}
+.lbl{font-size:10.5px;letter-spacing:.18em;font-weight:800;font-style:italic;color:var(--lime);
+  margin:16px 2px 9px;text-transform:uppercase}
+/* ===== 分类 chips ===== */
+.chips{display:flex;flex-wrap:wrap;gap:7px}
+.chips button{
+  border:2px solid var(--ink);background:rgba(242,247,255,.1);color:var(--paper);
+  padding:9px 12px;font-size:13px;font-weight:800;font-style:italic;font-family:inherit;
+  cursor:pointer;box-shadow:3px 3px 0 rgba(4,6,15,.9);
+}
+.chips button.on{background:var(--lime);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
+/* ===== 备注/日期 分组 ===== */
+.group{background:rgba(242,247,255,.06);border:2px solid var(--ink);margin-top:14px;
+  box-shadow:3px 3px 0 rgba(4,6,15,.9)}
+.row{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:50px}
+.row+.row{border-top:1px solid var(--line)}
+.row .rk{font-size:13px;color:var(--dim);font-weight:700;flex:none;letter-spacing:.05em}
+input.txt{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;
+  font-family:inherit;color:var(--paper);padding:13px 0}
+input.txt::placeholder{color:rgba(242,247,255,.4)}
+input.rdate{margin-left:auto;width:auto;max-width:60%;flex:0 0 auto;border:0;outline:0;
+  background:transparent;font-size:15px;font-family:inherit;color:var(--lime);
+  text-align:right;padding:13px 0;-webkit-appearance:none;appearance:none;font-weight:700}
+input.rdate::-webkit-date-and-time-value{text-align:right}
+/* ===== 保存 ===== */
+.save{width:100%;margin:18px 0 2px;border:3px solid var(--ink);padding:15px;
+  background:var(--lime);color:var(--ink);font-size:17px;font-weight:900;font-style:italic;
+  font-family:inherit;cursor:pointer;letter-spacing:.08em;transform:skewX(-6deg);
+  box-shadow:5px 5px 0 var(--ink)}
+.save span{display:inline-block;transform:skewX(6deg)}
+/* ===== 月份栏 ===== */
+.month-bar{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}
+.month-bar b{font-size:15px;font-weight:900;font-style:italic;letter-spacing:.02em}
+.month-bar button{
+  border:2px solid var(--ink);background:var(--lime);color:var(--ink);width:34px;height:32px;
+  font-size:16px;font-weight:900;font-family:inherit;cursor:pointer;transform:skewX(-10deg);
+  box-shadow:3px 3px 0 var(--ink);line-height:1;
+}
+/* ===== 明细 ===== */
+.day-h{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--dim);
+  font-weight:800;font-style:italic;letter-spacing:.03em;margin:16px 2px 6px;
+  border-left:4px solid var(--lime);padding-left:8px}
+.item{display:flex;align-items:center;gap:11px;padding:10px 2px;position:relative;
+  border-bottom:1px solid var(--line)}
+.item:last-child{border-bottom:none}
+.ico{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;
+  font-size:17px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}
+.item .mid{flex:1;min-width:0}
+.item .t{font-size:15px;font-weight:800;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.item .n{font-size:11px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em}
+.item .v{font-size:16px;font-weight:900;font-style:italic;font-variant-numeric:tabular-nums;flex:none;letter-spacing:-.02em}
+.tag{display:inline-block;background:rgba(217,248,56,.16);color:var(--lime);padding:1px 6px;
+  font-size:10px;font-weight:800;font-style:italic;margin-right:2px}
+.del{width:28px;height:28px;flex:none;border:2px solid var(--ink);cursor:pointer;
+  background:rgba(242,247,255,.08);color:var(--dim);font-size:13px;line-height:1;
+  font-family:inherit;padding:0}
+.del:active{background:rgba(255,92,92,.2);color:var(--out)}
+.empty{text-align:center;color:var(--dim);font-size:14px;padding:40px 10px;font-style:italic}
+.empty div{font-size:36px;margin-bottom:8px;opacity:.7}
+/* ===== 统计 ===== */
+.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 2px}
+.stat{background:rgba(242,247,255,.06);border:2px solid var(--ink);padding:12px 13px;
+  box-shadow:3px 3px 0 rgba(4,6,15,.9)}
+.stat .k{font-size:10px;color:var(--dim);font-weight:700;letter-spacing:.08em}
+.stat .v{font-size:20px;font-weight:900;font-style:italic;margin-top:5px;
+  font-variant-numeric:tabular-nums;letter-spacing:-.03em}
+.catrow{margin:14px 2px}
+.catrow .top{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;
+  font-weight:700;margin-bottom:7px}
+.catrow .top i{font-style:italic;color:var(--dim);font-weight:600}
+.bar{height:9px;background:rgba(242,247,255,.12);overflow:hidden;transform:skewX(-14deg)}
+.bar i{display:block;height:100%}
+/* ===== 回收站 ===== */
+.trashbar{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
+.trashbar .lbl{margin:0 0 9px}
+.tb-row{display:flex;flex-wrap:wrap;gap:8px}
+.ghost{border:2px solid var(--ink);background:rgba(242,247,255,.08);color:var(--lime);
+  padding:9px 13px;font-size:12.5px;font-weight:800;font-style:italic;font-family:inherit;
+  cursor:pointer;box-shadow:3px 3px 0 rgba(4,6,15,.9)}
+/* ===== 底部工具栏 ===== */
+.dock{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;
+  padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(4,6,15,.95);
+  border-top:3px solid var(--ink);z-index:9;max-width:560px;margin:0 auto}
+.dock button{flex:1;border:2px solid var(--ink);padding:12px 6px;font-size:14px;font-weight:900;
+  font-style:italic;color:var(--ink);background:var(--lime);font-family:inherit;cursor:pointer;
+  transform:skewX(-8deg);letter-spacing:.04em}
+.dock button span{display:inline-block;transform:skewX(8deg)}
+.dock button.dngr{background:var(--out);color:#fff;box-shadow:3px 3px 0 var(--ink)}
+/* ===== Toast ===== */
+.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%) skewX(-10deg);
+  background:var(--lime);color:var(--ink);padding:10px 20px;font-size:13.5px;font-weight:900;
+  font-style:italic;opacity:0;pointer-events:none;z-index:99;max-width:80%;text-align:center;
+  white-space:nowrap;box-shadow:4px 4px 0 var(--ink)}
+.toast.on{opacity:1}
+/* ===== 确认弹窗 ===== */
+.modal{position:fixed;inset:0;background:rgba(4,6,15,.6);display:none;align-items:center;
+  justify-content:center;padding:24px;z-index:200;backdrop-filter:blur(3px)}
+.modal.on{display:flex}
+.mbox{width:280px;max-width:100%;background:var(--blue-d);border:3px solid var(--ink);
+  box-shadow:7px 7px 0 var(--ink);text-align:center}
+.mtitle{font-size:16px;font-weight:900;font-style:italic;padding:18px 16px 0;color:var(--lime)}
+.mtext{font-size:13px;color:var(--dim);line-height:1.5;padding:8px 16px 16px;white-space:pre-line}
+.mrow{display:flex;border-top:3px solid var(--ink)}
+.mbtn{flex:1;border:0;background:transparent;padding:13px 6px;font-size:16px;font-weight:900;
+  font-style:italic;font-family:inherit;color:var(--paper);cursor:pointer}
+.mbtn+.mbtn{border-left:3px solid var(--ink)}
+.mbtn.cancel{color:var(--dim)}
+.mbtn.danger{color:var(--out)}
+/* ===== 过场 ===== */
+.wipe{position:fixed;top:0;bottom:0;left:0;width:62%;z-index:80;display:none;pointer-events:none;
+  background:linear-gradient(90deg,rgba(217,248,56,0),var(--lime) 45%,var(--paper) 55%,rgba(27,92,255,0));
+  opacity:0}
+.burst{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;pointer-events:none}
+.burst .flash{position:absolute;inset:0;background:var(--paper);opacity:0}
+.burst .word{position:relative;font-size:52px;font-weight:900;font-style:italic;letter-spacing:-.05em;
+  color:var(--lime);text-shadow:5px 5px 0 var(--ink);opacity:0;
+  transform:skewX(-9deg) rotate(-8deg);transform-origin:center}
+</style>
+</head>
+<body>
+<div class="bg"></div>
+<div class="dots"></div>
+<div class="wrap">
+  <header class="hd">
+    <h1><span><i>小账本</i></span></h1>
+    <div class="hd-r">
+      <button class="homeb" id="backBtn" title="回终端主页（PRTS）"><i>← 终端主页</i></button>
+      <button class="sound" id="soundBtn" title="音效开关"><i>♪</i></button>
+    </div>
+  </header>
+  <section class="summary">
+    <div class="sum-top">
+      <span class="k">本月结余</span>
+      <p class="bal" id="balTxt"><small>¥</small>0.00</p>
+    </div>
+    <div class="sum-row">
+      <div><span class="k">支出</span><b id="outTxt">¥0.00</b></div>
+      <div><span class="k">收入</span><b id="inTxt">¥0.00</b></div>
+      <div><span class="k">笔数</span><b id="cntTxt">0</b></div>
+    </div>
+  </section>
+  <div class="card">
+    <div class="tabs">
+      <button class="on" data-tab="add"><span>记账</span></button>
+      <button data-tab="list"><span>明细</span></button>
+      <button data-tab="stat"><span>统计</span></button>
+    </div>
+    <section id="tab-add" class="on">
+      <div class="seg">
+        <button id="btnOut" class="on-out"><span>支出</span></button>
+        <button id="btnIn"><span>收入</span></button>
+      </div>
+      <div class="amt-card">
+        <span>¥</span>
+        <input id="amt" type="number" inputmode="decimal" placeholder="0.00" step="0.01">
+      </div>
+      <div class="lbl">分类</div>
+      <div class="chips" id="chips"></div>
+      <div class="group">
+        <div class="row"><input class="txt" id="note" placeholder="备注（可选），如：食堂午饭" maxlength="30"></div>
+        <div class="row"><span class="rk">日期</span><input id="date" type="date" class="rdate"></div>
+      </div>
+      <button class="save" id="saveBtn"><span>保存这笔</span></button>
+    </section>
+    <section id="tab-list">
+      <div class="month-bar">
+        <button id="prevM">‹</button>
+        <b id="monthLbl"></b>
+        <button id="nextM">›</button>
+      </div>
+      <div id="listBox"></div>
+    </section>
+    <section id="tab-stat">
+      <div class="month-bar">
+        <button id="prevS">‹</button>
+        <b id="statLbl"></b>
+        <button id="nextS">›</button>
+      </div>
+      <div class="stat-grid">
+        <div class="stat"><div class="k">本月支出</div><div class="v" id="sOut" style="color:var(--out)">¥0</div></div>
+        <div class="stat"><div class="k">本月收入</div><div class="v" id="sIn" style="color:var(--in)">¥0</div></div>
+        <div class="stat"><div class="k">日均支出</div><div class="v" id="sAvg">¥0</div></div>
+        <div class="stat"><div class="k">最大单笔</div><div class="v" id="sMax">¥0</div></div>
+      </div>
+      <div class="lbl">支出构成</div>
+      <div id="catBox"></div>
+    </section>
+  </div>
+</div>
+<div class="dock">
+  <button id="expBtn"><span>导出 CSV</span></button>
+  <button id="clrBtn" class="dngr"><span>清空数据</span></button>
+</div>
+<div class="toast" id="toast"></div>
+<div class="modal" id="modal">
+  <div class="mbox">
+    <div class="mtitle"></div>
+    <div class="mtext"></div>
+    <div class="mrow">
+      <button class="mbtn cancel">取消</button>
+      <button class="mbtn ok">确定</button>
+    </div>
+  </div>
+</div>
+<div class="wipe" id="wipe"></div>
+<div class="burst" id="burst"><div class="flash"></div><div class="word">記録完了!</div></div>
+<script>
+/* ===== 内联数据（原 data.js）===== */
+/* 小账本 · 数据文件 */
+/* 自动导入源：已启用（2026-09-25 主人要求导入这些账单）。
+   每次打开账本时，这里的记录会自动并入；id 相同的不会重复；
+   已被删进回收站的 id 不会被回灌。 */
+window.PENDING_IMPORT = [{"id": "auto_101c82976e0b", "type": "out", "amount": 39.47, "cat": "其他", "note": "京东自营旗舰店(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.8, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_e2b66a222efd", "type": "out", "amount": 506.8, "cat": "其他", "note": "支付宝-*信…息技术有限公司(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_5097e75d131e", "type": "out", "amount": 28.9, "cat": "购物", "note": "支付宝-深圳市闪魔数码科技集团有限公(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_0481a45c4e6d", "type": "out", "amount": 44.0, "cat": "娱乐", "note": "财付通-Apple(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_9f9f6d94d23c", "type": "out", "amount": 50.0, "cat": "学习", "note": "支付宝-杭州深度求索人工智能基础技术(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_277eea1c05a9", "type": "out", "amount": 39.4, "cat": "餐饮", "note": "支付宝-上海拉扎斯信息科技有限公司(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_78ca2d1e437a", "type": "in", "amount": 4.49, "cat": "其他", "note": "银联入账(7707)", "date": "2026-09-24", "ts": 1790254397000, "src": "银行短信", "conf": 0.95, "asset": "9D981081-C14E-4CE2-8492-6E92B4152E55/L0/001"}, {"id": "auto_6f35ce49913c", "type": "out", "amount": 24.0, "cat": "餐饮", "note": "俺来也点餐", "date": "2026-09-24", "ts": 1790254390000, "src": "校园卡", "conf": 0.9, "asset": "BFDD0872-9E40-4813-80F8-884223A69520/L0/001"}, {"id": "auto_da55595cdd44", "type": "out", "amount": 9.2, "cat": "餐饮", "note": "三食堂一楼", "date": "2026-09-24", "ts": 1790254390000, "src": "校园卡", "conf": 0.9, "asset": "BFDD0872-9E40-4813-80F8-884223A69520/L0/001"}, {"id": "auto_3a8c170f5877", "type": "out", "amount": 22.9, "cat": "餐饮", "note": "支付宝-北京三快在线科技有限公司(7707)", "date": "2026-09-25", "ts": 1790307300000, "src": "银行短信", "conf": 0.95, "asset": "DDB8D256-EE87-4997-AF99-29828D339255/L0/001"}, {"id": "auto_d675016b7b70", "type": "out", "amount": 30.0, "cat": "交通", "note": "支付宝-上海公共交通卡股份有限公司(7707)", "date": "2026-09-25", "ts": 1790319720000, "src": "银行短信", "conf": 0.95, "asset": "DDB8D256-EE87-4997-AF99-29828D339255/L0/001"}, {"id": "auto_d8a3be74f08e", "type": "out", "amount": 50.0, "cat": "鲸鲸", "note": "主人给鲸鲸续饭 · 支付宝-杭州深度求索(7707)", "date": "2026-09-26", "ts": 1790399100000, "src": "银行短信", "conf": 0.9, "asset": "5DDDECCA-647A-47A1-BD42-369FD42F5FF5/L0/001/L0/001"}];
+/* 文件级备份：上面的记录已并入自动导入源，这里留空（原件备份见 shared/ledger/data.js.backup） */
+window.LEDGER_BACKUP = [];
+</script>
+<script>
+/* ===== 内联逻辑（原 app.js）===== */
+/* 小账本 · app.js */
+(function () {
+  'use strict';
+  var KEY = 'minis_ledger_v1';
+  var TRASH_KEY = 'minis_ledger_trash_v1';
+  var CATS = {
+    out: [
+      { n: '餐饮', e: '🍚', c: '#f4566b' },
+      { n: '交通', e: '🚌', c: '#f79b3e' },
+      { n: '购物', e: '🛍️', c: '#a855f7' },
+      { n: '学习', e: '📚', c: '#3b6cf6' },
+      { n: '娱乐', e: '🎮', c: '#ec4899' },
+      { n: '日用', e: '🧴', c: '#14b8a6' },
+      { n: '医疗', e: '💊', c: '#ef4444' },
+      { n: '鲸鲸', e: '🐋', c: '#1f9dbe' },
+      { n: '其他', e: '📦', c: '#94a3b8' }
+    ],
+    in: [
+      { n: '生活费', e: '💰', c: '#12b886' },
+      { n: '兼职', e: '💼', c: '#0ea5e9' },
+      { n: '奖学金', e: '🏆', c: '#f59e0b' },
+      { n: '红包', e: '🧧', c: '#ef4444' },
+      { n: '其他', e: '📦', c: '#94a3b8' }
+    ]
+  };
+  var S = {
+    records: [],
+    trash: [],
+    type: 'out',
+    cat: null,
+    tab: 'add',
+    // 明细/统计的当前月份（从今天起）
+    listYear: null,
+    listMonth: null,
+    statYear: null,
+    statMonth: null
+  };
+  /* ---------- 存储 ---------- */
+  function loadTrash() {
+    try {
+      var t = JSON.parse(localStorage.getItem(TRASH_KEY) || '[]');
+      S.trash = Array.isArray(t) ? t : [];
+    } catch (e) { S.trash = []; }
+  }
+  function saveTrash() {
+    try { localStorage.setItem(TRASH_KEY, JSON.stringify(S.trash)); } catch (e) {}
+  }
+  function load() {
+    loadTrash();
+    try {
+      var raw = localStorage.getItem(KEY);
+      S.records = raw ? JSON.parse(raw) : [];
+      if (!Array.isArray(S.records)) S.records = [];
+    } catch (e) { S.records = []; }
+    // 被删过的 id（回收站里的）永不回灌
+    var dead = {};
+    S.trash.forEach(function (r) { if (r && r.id) dead[r.id] = 1; });
+    if (Object.keys(dead).length) {
+      S.records = S.records.filter(function (r) { return !dead[r.id]; });
+    }
+    // 合并由脚本自动导入的账单（data.js 的 window.PENDING_IMPORT，默认为空）
+    var inc = window.PENDING_IMPORT;
+    if (Array.isArray(inc) && inc.length) {
+      var seen = {};
+      S.records.forEach(function (r) { seen[r.id] = 1; });
+      var added = 0;
+      inc.forEach(function (r) {
+        if (!r || !r.id || seen[r.id] || dead[r.id]) return;
+        if (!r.type || !r.amount || !r.date) return;
+        seen[r.id] = 1;
+        S.records.push(r);
+        added++;
+      });
+      if (added) {
+        save();
+        setTimeout(function () { toast('自动导入 ' + added + ' 笔账单'); }, 400);
+      }
+    }
+  }
+  function save() {
+    try { localStorage.setItem(KEY, JSON.stringify(S.records)); } catch (e) {}
+  }
+  /* ---------- 工具 ---------- */
+  function money(n) {
+    return (Math.round(n * 100) / 100).toFixed(2);
+  }
+  function todayStr() {
+    var d = new Date();
+    return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
+  }
+  function pad(n) { return (n < 10 ? '0' : '') + n; }
+  function catOf(type, name) {
+    var arr = CATS[type];
+    for (var i = 0; i < arr.length; i++) if (arr[i].n === name) return arr[i];
+    return { n: name, e: '📦', c: '#94a3b8' };
+  }
+  function ym(dstr) { return dstr.slice(0, 7); }
+  function toast(msg) {
+    var t = document.getElementById('toast');
+    t.textContent = msg;
+    t.classList.add('on');
+    clearTimeout(t._h);
+    t._h = setTimeout(function () { t.classList.remove('on'); }, 1500);
+  }
+  function $(id) { return document.getElementById(id); }
+  // 页内确认弹窗：WebView 里 confirm() 会被静默忽略，必须自绘
+  function ask(title, text, onOk, okLabel, danger) {
+    var m = document.getElementById('modal');
+    if (!m) { onOk(); return; }
+    m.querySelector('.mtitle').textContent = title;
+    m.querySelector('.mtext').textContent = text || '';
+    var ok = m.querySelector('.mbtn.ok');
+    ok.textContent = okLabel || '确定';
+    ok.className = 'mbtn ok' + (danger ? ' danger' : '');
+    m.classList.add('on');
+    m.querySelector('.mbtn.cancel').onclick = function () { m.classList.remove('on'); };
+    ok.onclick = function () { m.classList.remove('on'); onOk(); };
+    m.onclick = function (e) { if (e.target === m) m.classList.remove('on'); };
+  }
+  /* ---------- 渲染：顶部汇总（当月）---------- */
+  function renderHero() {
+    var m = ym(todayStr());
+    var out = 0, inc = 0, cnt = 0;
+    S.records.forEach(function (r) {
+      if (ym(r.date) !== m) return;
+      cnt++;
+      if (r.type === 'out') out += r.amount; else inc += r.amount;
+    });
+    $('balTxt').innerHTML = '<small>¥</small>' + money(inc - out);
+    $('outTxt').textContent = '¥' + money(out);
+    $('inTxt').textContent = '¥' + money(inc);
+    $('cntTxt').textContent = cnt;
+  }
+  /* ---------- 渲染：分类 chips ---------- */
+  function renderChips() {
+    var box = $('chips');
+    box.innerHTML = '';
+    CATS[S.type].forEach(function (c) {
+      var b = document.createElement('button');
+      b.textContent = c.e + ' ' + c.n;
+      if (S.cat === c.n) b.className = 'on';
+      b.onclick = function () { S.cat = c.n; renderChips(); };
+      box.appendChild(b);
+    });
+    if (!S.cat || !CATS[S.type].some(function (x) { return x.n === S.cat; })) {
+      S.cat = CATS[S.type][0].n;
+      renderChips();
+    }
+  }
+  /* ---------- 渲染：明细 ---------- */
+  function renderList() {
+    var y = S.listYear, mo = S.listMonth;
+    $('monthLbl').textContent = y + '年' + (mo + 1) + '月';
+    var key = y + '-' + pad(mo + 1);
+    var rows = S.records.filter(function (r) { return ym(r.date) === key; })
+      .sort(function (a, b) { return a.date < b.date ? 1 : (a.date > b.date ? -1 : b.ts - a.ts); });
+    var box = $('listBox');
+    if (!rows.length) {
+      box.innerHTML = '<div class="empty"><div>🗒️</div>这个月还没有记录</div>' + trashHtml();
+      bindTrash();
+      return;
+    }
+    var total = 0;
+    rows.forEach(function (r) { if (r.type === 'out') total += r.amount; else total -= r.amount; });
+    var html = '';
+    var curDay = '';
+    rows.forEach(function (r) {
+      if (r.date !== curDay) {
+        curDay = r.date;
+        var d = new Date(r.date + 'T00:00:00');
+        var wd = '日一二三四五六'[d.getDay()];
+        html += '<div class="day-h"><span>' + r.date.slice(5).replace('-', '月') + '日 周' + wd +
+          '</span><span>' + daySum(r.date) + '</span></div>';
+      }
+      var c = catOf(r.type, r.cat);
+      var sign = r.type === 'out' ? '-' : '+';
+      var col = r.type === 'out' ? 'var(--out)' : 'var(--in)';
+      var meta = [];
+      if (r.src) meta.push('<span class="tag">' + esc(r.src) + '</span>');
+      if (r.note) meta.push(esc(r.note)); else meta.push(c.n);
+      html += '<div class="item">' +
+        '<div class="ico" style="background:' + c.c + '22;color:' + c.c + '">' + c.e + '</div>' +
+        '<div class="mid"><div class="t">' + esc(r.cat) + '</div>' +
+        '<div class="n">' + meta.join(' · ') + '</div></div>' +
+        '<div class="v" style="color:' + col + '">' + sign + '¥' + money(r.amount) + '</div>' +
+        '<button class="del" data-id="' + r.id + '">✕</button>' +
+        '</div>';
+    });
+    html += '<div class="day-h" style="margin-top:18px"><span>本月结余</span><span style="color:' +
+      (total >= 0 ? 'var(--in)' : 'var(--out)') + '">¥' + money(-total) + '</span></div>';
+    var bakn = (window.LEDGER_BACKUP && window.LEDGER_BACKUP.length) || 0;
+    if (S.trash.length || bakn) {
+      html += '<div class="trashbar"><div class="lbl">回收站</div><div class="tb-row">';
+      if (S.trash.length) {
+        html += '<button class="ghost" id="undoBtn">恢复已删除的 ' + S.trash.length + ' 笔</button>';
+        html += '<button class="ghost" id="purgeBtn">彻底清空</button>';
+      }
+      if (bakn) html += '<button class="ghost" id="bakBtn">从文件备份恢复</button>';
+      html += '</div></div>';
+    }
+    box.innerHTML = html;
+    bindTrash();
+    box.querySelectorAll('.del').forEach(function (b) {
+      b.onclick = function () {
+        var id = b.getAttribute('data-id');
+        var rec = null;
+        S.records = S.records.filter(function (r) {
+          if (r.id === id) { rec = r; return false; }
+          return true;
+        });
+        if (rec) { S.trash.push(rec); saveTrash(); }
+        save(); renderAll(); toast('已删除（可在回收站恢复）');
+      };
+    });
+  }
+  function trashHtml() {
+    var bakn = (window.LEDGER_BACKUP && window.LEDGER_BACKUP.length) || 0;
+    if (!S.trash.length && !bakn) return '';
+    var h = '<div class="trashbar"><div class="lbl">回收站</div><div class="tb-row">';
+    if (S.trash.length) {
+      h += '<button class="ghost" id="undoBtn">恢复已删除的 ' + S.trash.length + ' 笔</button>';
+      h += '<button class="ghost" id="purgeBtn">彻底清空</button>';
+    }
+    if (bakn) h += '<button class="ghost" id="bakBtn">从文件备份恢复</button>';
+    return h + '</div></div>';
+  }
+  function bindTrash() {
+    var ub = document.getElementById('undoBtn');
+    if (ub) ub.onclick = restoreTrash;
+    var pb = document.getElementById('purgeBtn');
+    if (pb) pb.onclick = purgeTrash;
+    var bb = document.getElementById('bakBtn');
+    if (bb) bb.onclick = restoreBackup;
+  }
+  function daySum(date) {
+    var t = 0;
+    S.records.forEach(function (r) {
+      if (r.date !== date) return;
+      if (r.type === 'out') t += r.amount; else t -= r.amount;
+    });
+    return (t > 0 ? '支出 ¥' : (t < 0 ? '收入 ¥' : '')) + (t === 0 ? '' : money(Math.abs(t)));
+  }
+  function esc(s) {
+    return String(s).replace(/[&<>"]/g, function (m) {
+      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[m];
+    });
+  }
+  /* ---------- 渲染：统计 ---------- */
+  function renderStat() {
+    var y = S.statYear, mo = S.statMonth;
+    $('statLbl').textContent = y + '年' + (mo + 1) + '月';
+    var key = y + '-' + pad(mo + 1);
+    var rows = S.records.filter(function (r) { return ym(r.date) === key; });
+    var out = 0, inc = 0, max = 0, byCat = {};
+    rows.forEach(function (r) {
+      if (r.type === 'out') {
+        out += r.amount;
+        byCat[r.cat] = (byCat[r.cat] || 0) + r.amount;
+        if (r.amount > max) max = r.amount;
+      } else inc += r.amount;
+    });
+    var days = new Date(y, mo + 1, 0).getDate();
+    var isThisMonth = (todayStr().slice(0, 7) === key);
+    var used = isThisMonth ? new Date().getDate() : days;
+    $('sOut').textContent = '¥' + money(out);
+    $('sIn').textContent = '¥' + money(inc);
+    $('sAvg').textContent = '¥' + money(used ? out / used : 0);
+    $('sMax').textContent = '¥' + money(max);
+    var list = Object.keys(byCat).map(function (k) {
+      return { n: k, v: byCat[k] };
+    }).sort(function (a, b) { return b.v - a.v; });
+    var box = $('catBox');
+    if (!list.length) {
+      box.innerHTML = '<div class="empty"><div>📊</div>这个月还没有支出</div>';
+      return;
+    }
+    var mx = list[0].v;
+    var html = '';
+    list.forEach(function (it) {
+      var c = catOf('out', it.n);
+      var pct = out ? (it.v / out * 100).toFixed(0) : 0;
+      html += '<div class="catrow"><div class="top"><span>' + c.e + ' ' + esc(it.n) +
+        ' <i>' + pct + '%</i></span><span>¥' + money(it.v) + '</span></div>' +
+        '<div class="bar"><i style="width:' + Math.max(4, it.v / mx * 100) + '%;background:' + c.c + '"></i></div></div>';
+    });
+    box.innerHTML = html;
+  }
+  function renderAll() { renderHero(); renderList(); renderStat(); }
+  /* ---------- 事件 ---------- */
+  function bindTabs() {
+    document.querySelectorAll('.tabs button').forEach(function (b) {
+      b.onclick = function () {
+        document.querySelectorAll('.tabs button').forEach(function (x) { x.classList.remove('on'); });
+        b.classList.add('on');
+        S.tab = b.getAttribute('data-tab');
+        document.querySelectorAll('section').forEach(function (s) { s.classList.remove('on'); });
+        $('tab-' + S.tab).classList.add('on');
+      };
+    });
+  }
+  function bindForm() {
+    $('btnOut').onclick = function () { setType('out'); };
+    $('btnIn').onclick = function () { setType('in'); };
+    function setType(t) {
+      S.type = t;
+      S.cat = CATS[t][0].n;
+      $('btnOut').className = t === 'out' ? 'on-out' : '';
+      $('btnIn').className = t === 'in' ? 'on-in' : '';
+      renderChips();
+    }
+    $('saveBtn').onclick = function () {
+      var v = parseFloat($('amt').value);
+      if (!v || v <= 0) { toast('请填写金额'); $('amt').focus(); return; }
+      if (v > 9999999) { toast('金额太大啦'); return; }
+      S.records.push({
+        id: Date.now() + '' + Math.floor(Math.random() * 1000),
+        type: S.type,
+        amount: Math.round(v * 100) / 100,
+        cat: S.cat,
+        note: $('note').value.trim(),
+        date: $('date').value || todayStr(),
+        ts: Date.now()
+      });
+      save();
+      $('amt').value = '';
+      $('note').value = '';
+      renderAll();
+      toast('已记录 ✓');
+      $('amt').focus();
+    };
+    $('amt').addEventListener('keydown', function (e) {
+      if (e.key === 'Enter') $('saveBtn').click();
+    });
+  }
+  function stepMonth(which, dir) {
+    var yk = which === 'list' ? 'listYear' : 'statYear';
+    var mk = which === 'list' ? 'listMonth' : 'statMonth';
+    var y = S[yk], m = S[mk] + dir;
+    if (m < 0) { m = 11; y--; }
+    if (m > 11) { m = 0; y++; }
+    S[yk] = y; S[mk] = m;
+    if (which === 'list') renderList(); else renderStat();
+  }
+  function bindMonths() {
+    $('prevM').onclick = function () { stepMonth('list', -1); };
+    $('nextM').onclick = function () { stepMonth('list', 1); };
+    $('prevS').onclick = function () { stepMonth('stat', -1); };
+    $('nextS').onclick = function () { stepMonth('stat', 1); };
+  }
+  function exportCSV() {
+    if (!S.records.length) { toast('还没有数据'); return; }
+    var rows = [['日期', '类型', '分类', '金额', '备注']];
+    S.records.slice().sort(function (a, b) { return a.date < b.date ? -1 : 1; })
+      .forEach(function (r) {
+        rows.push([r.date, r.type === 'out' ? '支出' : '收入', r.cat, r.amount.toFixed(2), r.note || '']);
+      });
+    var csv = '\ufeff' + rows.map(function (r) {
+      return r.map(function (x) { return '"' + String(x).replace(/"/g, '""') + '"'; }).join(',');
+    }).join('\r\n');
+    var blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
+    var a = document.createElement('a');
+    a.href = URL.createObjectURL(blob);
+    a.download = '小账本_' + todayStr() + '.csv';
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(function () { URL.revokeObjectURL(a.href); a.remove(); }, 500);
+    toast('已导出 CSV');
+  }
+  /* ---------- 回收站 ---------- */
+  function mergeIn(list, msg) {
+    var seen = {};
+    S.records.forEach(function (r) { seen[r.id] = 1; });
+    var n = 0;
+    (list || []).forEach(function (r) {
+      if (!r || !r.id || !r.type || !r.amount || !r.date || seen[r.id]) return;
+      seen[r.id] = 1; S.records.push(r); n++;
+    });
+    save(); renderAll();
+    toast(n ? msg + ' ' + n + ' 笔' : '没有可恢复的记录');
+  }
+  function restoreTrash() {
+    if (!S.trash.length) return;
+    var t = S.trash;
+    S.trash = []; saveTrash();
+    mergeIn(t, '已恢复');
+  }
+  function purgeTrash() {
+    if (!S.trash.length) return;
+    ask('彻底清空回收站？', '共 ' + S.trash.length + ' 笔，删除后无法恢复。', function () {
+      S.trash = []; saveTrash(); renderAll(); toast('回收站已清空');
+    }, '彻底删除', true);
+  }
+  function restoreBackup() {
+    mergeIn(window.LEDGER_BACKUP, '已从文件备份恢复');
+  }
+  function clearAll() {
+    if (!S.records.length) { toast('没有数据可清空'); return; }
+    ask('清空全部记录？', '共 ' + S.records.length + ' 笔，会移入回收站，\n可在「明细」页恢复。', function () {
+      S.trash = S.trash.concat(S.records);
+      S.records = [];
+      saveTrash(); save(); renderAll(); toast('已清空（回收站可恢复）');
+    }, '清空', true);
+  }
+  /* ---------- 回终端主页 ---------- */
+  function goHome() {
+  try{window.__bgmFade&&window.__bgmFade()}catch(e){}
+    var p = location.pathname || '';
+    var u = 'index.html';
+    setTimeout(function () { location.href = u; }, 380);
+  }
+  /* ---------- 初始化 ---------- */
+  function init() {
+    var d = new Date();
+    S.listYear = S.statYear = d.getFullYear();
+    S.listMonth = S.statMonth = d.getMonth();
+    S.type = 'out';
+    S.cat = CATS.out[0].n;
+    $('date').value = todayStr();
+    // 明细/统计默认展示当前月
+    $('monthLbl').textContent = '';
+    $('statLbl').textContent = '';
+    load();
+    bindTabs(); bindForm(); bindMonths();
+    $('expBtn').onclick = exportCSV;
+    $('clrBtn').onclick = clearAll;
+    var bb = $('backBtn'); if (bb) bb.onclick = goHome;
+    renderChips();
+    renderAll();
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else init();
+})();
+</script>
+<script>
+/* ===== 附加增强：音效 + 过场（不改 app.js 逻辑，纯叠加） ===== */
+(function () {
+  var AC = null, soundOn = true;
+  function ac() {
+    if (!AC) { try { AC = new (window.AudioContext || window.webkitAudioContext)(); } catch (e) { AC = null; } }
+    if (AC && AC.state === 'suspended') AC.resume();
+    return AC;
+  }
+  function tone(f, d, type, vol) {
+    var c = ac(); if (!c || !soundOn) return;
+    var o = c.createOscillator(), g = c.createGain();
+    o.type = type || 'triangle'; o.frequency.value = f; g.gain.value = 0;
+    o.connect(g); g.connect(c.destination);
+    var t = c.currentTime;
+    g.gain.linearRampToValueAtTime(vol || 0.06, t + 0.01);
+    g.gain.exponentialRampToValueAtTime(0.0001, t + (d || 0.08));
+    o.start(t); o.stop(t + (d || 0.08) + 0.03);
+  }
+  function sting() { tone(660, .09, 'triangle', .06); setTimeout(function () { tone(990, .09); }, 90); setTimeout(function () { tone(1320, .16); }, 180); }
+  function tick() { tone(1150, .03, 'square', .025); }
+  function tw(dur, cb, done) {
+    var t0 = Date.now(), id = setInterval(function () {
+      var p = Math.min(1, (Date.now() - t0) / dur); cb(p);
+      if (p >= 1) { clearInterval(id); if (done) done(); }
+    }, 12);
+  }
+  function easeOut(p) { return 1 - Math.pow(1 - p, 3); }
+  function sweep() {
+    var w = document.getElementById('wipe');
+    w.style.display = 'block';
+    tw(360, function (p) {
+      w.style.transform = 'translateX(' + (-140 + p * 280).toFixed(1) + '%) skewX(-14deg)';
+      w.style.opacity = (p < .12 ? p * 8.3 : (p > .88 ? (1 - p) * 8.3 : 1)).toFixed(2);
+    }, function () { w.style.display = 'none'; });
+  }
+  function burst() {
+    var b = document.getElementById('burst'), flash = b.querySelector('.flash'), word = b.querySelector('.word');
+    b.style.display = 'flex';
+    tw(180, function (p) { flash.style.opacity = (0.8 * (1 - p)).toFixed(3); });
+    tw(280, function (p) {
+      var e = easeOut(p);
+      word.style.opacity = Math.min(1, p * 3).toFixed(2);
+      word.style.transform = 'skewX(-9deg) rotate(' + (-30 + e * 22).toFixed(1) + 'deg) scale(' + (0.5 + e * 0.6).toFixed(3) + ')';
+    }, function () {
+      setTimeout(function () {
+        tw(320, function (p) {
+          var e = easeOut(p);
+          word.style.opacity = (1 - p).toFixed(2);
+          word.style.transform = 'skewX(-9deg) rotate(' + (-8 + e * 9).toFixed(1) + 'deg) scale(' + (1.1 + e * 0.3).toFixed(3) + ') translateY(' + (-e * 30).toFixed(1) + 'px)';
+        }, function () {
+          b.style.display = 'none'; word.style.opacity = '0'; flash.style.opacity = '0';
+        });
+      }, 240);
+    });
+  }
+  var soundBtn = document.getElementById('soundBtn');
+  soundBtn.addEventListener('click', function () {
+    soundOn = !soundOn;
+    soundBtn.innerHTML = '<i>' + (soundOn ? '♪' : '✕') + '</i>';
+    if (soundOn) tone(880, .06, 'triangle', .05);
+  });
+  document.addEventListener('click', function (e) {
+    var el = e.target;
+    if (!el || !el.closest) return;
+    if (el.closest('.tabs button')) { tick(); sweep(); }
+    else if (el.closest('.seg button')) { tick(); }
+    else if (el.closest('.chips button')) { tick(); }
+    else if (el.closest('.month-bar button')) { tick(); }
+    else if (el.closest('.del')) { tick(); }
+    else if (el.closest('#saveBtn')) {
+      var v = parseFloat(document.getElementById('amt').value);
+      if (v > 0 && v <= 9999999) { sting(); setTimeout(burst, 60); }
+    }
+  }, true);
+})();
+</script>
+<audio id="bgm" loop preload="none"></audio>
+<div id="bgmBtn" title="BGM">♪</div>
+<style>#bgmBtn{position:fixed;left:14px;bottom:14px;z-index:120;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:2px solid #4cc9ff;background:rgba(7,12,24,.92);color:#4cc9ff;font-size:18px;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:3px 3px 0 rgba(0,0,0,.45);font-family:ui-monospace,Menlo,monospace}#bgmBtn.on{background:#4cc9ff;color:#071018}</style>
+<script>
+/* ===== BGM ENGINE v2 · Color Your Night · 跨页续播 ===== */
+(function(){
+  var au=document.getElementById('bgm');
+  var btn=document.querySelector('#bgmBtn,[data-bgm],#ci-bgm');
+  if(!au)return;
+  var K='whale.bgm',KP='whale.bgm.pos';
+  var want=localStorage.getItem(K)!=='off';
+  var pos0=parseFloat(localStorage.getItem(KP)||'0');if(isNaN(pos0)||pos0<0)pos0=0;
+  var abuf=null,dbuf=null,bURL='',node=null,ctx=null,gn=null,fbT=0,pend=0,decoding=0,warmOnly=0;
+  var elemTried=sessionStorage.getItem('whale.bgm.ef')==='1'?1:0;
+  var waT0=0,waOff=0;
+  function lit(s){if(btn)btn.classList.toggle('on',!!s)}
+  function playing(){return !!node||(!au.paused&&au.readyState>0)}
+  function curPos(){
+    if(node&&ctx&&dbuf)return (((ctx.currentTime-waT0)+waOff)%dbuf.duration)||0;
+    return au.currentTime||0;
+  }
+  function savePos(){try{localStorage.setItem(KP,curPos().toFixed(2))}catch(e){}}
+  window.addEventListener('pagehide',savePos);
+  setInterval(function(){if(playing())savePos()},1000);
+  if(btn){btn.addEventListener('click',function(e){
+    if(e&&e.preventDefault)e.preventDefault();
+    if(playing()){want=false;localStorage.setItem(K,'off');stopAll()}
+    else{want=true;localStorage.setItem(K,'on');ensure()}
+  });}
+  function fadeElem(){try{au.volume=0}catch(e){}var v=0,iv=setInterval(function(){v=Math.min(.6,v+.05);try{au.volume=v}catch(e){};if(v>=.6)clearInterval(iv)},70)}
+  function startElem(){
+    au.src=bURL;au.load();
+    var ap=function(){try{au.currentTime=pos0}catch(e){pos0=0}};
+    if(au.readyState>=1)ap();else au.addEventListener('loadedmetadata',ap,{once:true});
+    var p=au.play();if(p&&p.catch)p.catch(function(){});
+    clearTimeout(fbT);
+    fbT=setTimeout(function(){
+      if(au.readyState<3||au.paused){try{au.pause()}catch(e){};elemTried=1;try{sessionStorage.setItem('whale.bgm.ef','1')}catch(e){};toWA()}
+    },3200);
+  }
+  function toWA(){
+    if(!dbuf){
+      if(!abuf||decoding){pend=1;return}
+      try{
+        var AC=window.AudioContext||window.webkitAudioContext;if(!AC)return;
+        ctx=ctx||new AC();if(ctx.resume)ctx.resume();
+        decoding=1;
+        ctx.decodeAudioData(abuf.slice(0),function(b){decoding=0;dbuf=b;if(warmOnly){warmOnly=0;if(pend&&want){pend=0;ensure()}}else{startNode()}},function(){decoding=0});
+      }catch(e){decoding=0}
+      return;
+    }
+    startNode();
+  }
+  function startNode(){
+    try{
+      if(!gn){gn=ctx.createGain();gn.connect(ctx.destination)}
+      if(ctx.state!=='running'&&ctx.resume)ctx.resume();
+      if(node){try{node.stop()}catch(e){};node=null}
+      if(dbuf.duration&&pos0>dbuf.duration-0.6)pos0=0;
+      node=ctx.createBufferSource();node.buffer=dbuf;node.loop=true;
+      node.connect(gn);gn.gain.value=0;
+      waT0=ctx.currentTime;waOff=pos0||0;
+      node.start(0,waOff);
+      var v=0,iv=setInterval(function(){v=Math.min(.6,v+.05);gn.gain.value=v;if(v>=.6)clearInterval(iv)},70);
+      lit(1);try{sessionStorage.setItem('whale.bgm.ef','1')}catch(e){}
+    }catch(e){}
+  }
+  function stopAll(){clearTimeout(fbT);savePos();
+    try{au.pause()}catch(e){}
+    try{if(node){node.stop();node=null}}catch(e){}
+    lit(0);
+  }
+  function ensure(){
+    if(playing())return;
+    if(abuf&&elemTried){toWA();return}
+    if(bURL){startElem();return}
+    pend=1;
+  }
+  au.addEventListener('playing',function(){lit(1);clearTimeout(fbT);fadeElem()});
+  au.addEventListener('pause',function(){if(!node)lit(0)});
+  document.addEventListener('visibilitychange',function(){if(!document.hidden){if(ctx&&ctx.state!=='running'&&ctx.resume){try{ctx.resume()}catch(e){}}if(want&&!playing())ensure()}});
+  function kick(){if(ctx&&ctx.state!=='running'&&ctx.resume){try{ctx.resume()}catch(e){}}if(!want||playing())return;if(bURL)ensure();else pend=1}
+  document.addEventListener('pointerdown',kick,true);
+  au.addEventListener('playing',function(){document.removeEventListener('pointerdown',kick,true)});
+  fetch('bgm.mp3').then(function(r){return r.arrayBuffer()}).then(function(a){
+    abuf=a;bURL=URL.createObjectURL(new Blob([a],{type:'audio/mpeg'}));
+    if(elemTried&&want){warmOnly=1;toWA()}
+    if(want&&!playing()){pend=0;ensure()}
+  }).catch(function(){});
+  if(want){setTimeout(function(){if(!playing()&&bURL){ensure()}},400)}
+  window.__bgmFade=function(){savePos();try{if(node&&gn){var g0=gn.gain.value,t0=Date.now();var iv=setInterval(function(){var k=Math.max(0,1-(Date.now()-t0)/500);gn.gain.value=g0*k;if(k<=0)clearInterval(iv)},60)}}catch(e){}};
+})();
+</script>
+</body>
+</html>