feat: 样式统一 + 月份下拉框扩展

- 品牌色统一为天机阁标准 #4A6CF7，tailwind.config 扩展完整色阶
- styles.css 新增 :root CSS 变量层（brand 色阶、语义色、圆角/阴影 token）
- 全项目 hex/Tailwind 类统一替换为 brand-* CSS 变量（115 处引用）
- border-radius/box-shadow 统一使用 token 变量
- 预留 :root[data-theme="dark"] 暗色主题变量占位
- 所有月份下拉框范围从 3 年/15 月扩展至 2020-2027（8 年 96 月）

static/modules/plan_expense.js

@@ -55,9 +55,9 @@ function renderPlanExpense() {
   var totalAmount = filtered.reduce(function(s, r) { return s + (r.amount || 0); }, 0);
   var totalIncurred = filtered.reduce(function(s, r) { return s + (r.incurred_amount || 0); }, 0);
 
-  // 月份下拉选项（去年/今年/明年）
+  // 月份下拉选项（2020-2027）
   var monthOpts = '';
-  for (var yr = thisYear - 1; yr <= thisYear + 1; yr++)
+  for (var yr = 2020; yr <= 2027; yr++)
     for (var m = 1; m <= 12; m++) {
       var mv = yr + '-' + String(m).padStart(2, '0');
       monthOpts += '<option value="' + mv + '">' + mv + '</option>';
@@ -107,10 +107,10 @@ function renderPlanExpense() {
     tableRows = '<tr><td colspan="6" class="p-6 text-center text-slate-400">' + emptyMsg + '</td></tr>';
   }
 
-  // 模态框 monthOpts for form (with current value preselected)
+  // 模态框 monthOpts for form (2020-2027)
   var curMonth = thisYear + '-' + String(now.getMonth() + 1).padStart(2, '0');
   var modalMonthOpts = '<option value="">请选择</option>';
-  for (var yr2 = thisYear - 1; yr2 <= thisYear + 1; yr2++)
+  for (var yr2 = 2020; yr2 <= 2027; yr2++)
     for (var m2 = 1; m2 <= 12; m2++) {
       var mv2 = yr2 + '-' + String(m2).padStart(2, '0');
       modalMonthOpts += '<option value="' + mv2 + '"' + (mv2 === curMonth ? ' selected' : '') + '>' + mv2 + '</option>';