diff --git a/static/app.js b/static/app.js
index 73dbf0e..8b4a1a2 100644
--- a/static/app.js
+++ b/static/app.js
@@ -426,8 +426,9 @@ function renderFinance() {
       { label: "日期", input: `<input name="month" type="date" required>` },
       { label: "类型", input: `<select name="category"><option>签单</option><option>确认收入</option><option>人力成本</option><option>费用</option><option>外部采购</option></select>` },
       { label: "金额/万", input: `<input name="amount" type="number" step="0.01" required>` },
+      { label: "费用说明", input: `<input name="notes" placeholder="摘要说明">` },
     ], { handler: "createFinance", text: "新增明细" }), "p-4")}
-    ${renderTable(["日期", "类型", "金额", "备注"], rows)}
+    ${card(`<div class="flex items-center justify-between cursor-pointer" onclick="document.querySelector('#finance-table').classList.toggle('hidden'); this.querySelector('i').classList.toggle('rotate-90')"><h3 class="font-bold text-slate-700">明细列表 <span class="text-slate-400 font-normal">(${state.data.finance.length})</span></h3><i data-lucide="chevron-down" class="transition-transform rotate-90"></i></div><div id="finance-table" class="hidden mt-3">${renderTable(["日期", "类型", "金额", "备注"], rows)}</div>`, "p-4")}
   </div>`;
   renderChartOn("financeChart2", state.data.financeMonthly);
 }