diff --git a/data/查詢範例.xlsx b/data/查詢範例.xlsx
new file mode 100644
index 0000000..91a4678
Binary files /dev/null and b/data/查詢範例.xlsx differ
diff --git a/web/App_Code/Model/ViewModel/bed.cs b/web/App_Code/Model/ViewModel/bed.cs
index 7832f2d..59c565c 100644
--- a/web/App_Code/Model/ViewModel/bed.cs
+++ b/web/App_Code/Model/ViewModel/bed.cs
@@ -1,73 +1,38 @@
 using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-using System.Data;
-using System.Configuration;
-using System.Collections;
-using Newtonsoft.Json;
-using System.ComponentModel;
-using System.Globalization;
-using System.Web.UI;
-
-using System;
 using System.Collections;
 using System.Collections.Generic;
-using System.Data;
-using System.IO;
-using System.IO.Compression;
-using System.Net.Mail;
-using System.Configuration;
-using System.Drawing;
-using System.Drawing.Imaging;
-using System.Web;
-using System.Web.UI;
-using System.Web.UI.WebControls;
-using System.Data.OleDb;
-using Microsoft.VisualBasic;
-using System.Text;
-using System.Text.RegularExpressions;
-using System.Web.Security;
-using System.Security.Cryptography;
-using System.Web.UI;
-using System.Collections;
 using System.Collections.Specialized;
 using System.ComponentModel;
+using System.ComponentModel.DataAnnotations;
 using System.ComponentModel.Design;
 using System.ComponentModel.Design.Serialization;
+using System.Configuration;
+using System.Data;
+using System.Data.OleDb;
+using System.Drawing;
+using System.Drawing.Imaging;
+using System.Globalization;
 using System.IO;
+using System.IO.Compression;
+using System.Linq;
+using System.Net;
+using System.Net.Mail;
+using System.Reflection;
+using System.Security.Cryptography;
 using System.Security.Principal;
+using System.Text;
+using System.Text.RegularExpressions;
+using System.Web;
 using System.Web.Caching;
 using System.Web.ModelBinding;
 using System.Web.Routing;
+using System.Web.Security;
 using System.Web.SessionState;
+using System.Web.UI;
 using System.Web.UI.Adapters;
 using System.Web.UI.HtmlControls;
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-using System.Collections;
-using System.Data;
-using System.Data.OleDb;
-using System.Configuration;
-using System.Web.UI;
 using System.Web.UI.WebControls;
 using Newtonsoft.Json;
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Web;
-using System.Web.UI;
-using System.Text;
-using System.Text.RegularExpressions;
-using System.Net;
-using System.Reflection;
-using System.ComponentModel;
-using System.Web.UI.WebControls;
-using System.Collections.Generic;
-using System.ComponentModel;
-using System.ComponentModel.DataAnnotations;
 
 
 namespace Model.ViewModel
diff --git a/web/App_Code/api/pivot01Controller.cs b/web/App_Code/api/pivot01Controller.cs
new file mode 100644
index 0000000..5131171
--- /dev/null
+++ b/web/App_Code/api/pivot01Controller.cs
@@ -0,0 +1,246 @@
+using System;
+using System.Collections.Generic;
+using System.Data;
+using System.Data.SqlClient;
+using System.Linq;
+using System.Web.Http;
+using System.Configuration;
+
+/// <summary>
+/// pivot01Controller - 法會報名統計分析 API
+/// 設計理念：直接查詢 SQL VIEW，保持彈性與簡潔
+/// </summary>
+[ezAuthorize]
+public class pivot01Controller : ApiController
+{
+    // 連線字串
+    private readonly string _connectionString;
+
+    public pivot01Controller()
+    {
+        // 優先使用 shopConn 連線字串（純 SQL Server 連線字串）
+        var shopConnectionString = ConfigurationManager.ConnectionStrings["shopConn"]?.ConnectionString;
+        if (!string.IsNullOrEmpty(shopConnectionString))
+        {
+            // 移除不相容的 Provider 參數
+            _connectionString = shopConnectionString.Replace("Provider=SQLOLEDB;", "");
+        }
+        else
+        {
+            // 備用方案：從 Entity Framework 連線字串中提取 SQL Server 連線字串
+            var efConnectionString = ConfigurationManager.ConnectionStrings["ezEntities"]?.ConnectionString;
+            if (!string.IsNullOrEmpty(efConnectionString))
+            {
+                // 解析 EF 連線字串，提取 provider connection string 部分
+                var startIndex = efConnectionString.IndexOf("provider connection string=&quot;") + "provider connection string=&quot;".Length;
+                var endIndex = efConnectionString.LastIndexOf("&quot;");
+                if (startIndex > 0 && endIndex > startIndex)
+                {
+                    _connectionString = efConnectionString.Substring(startIndex, endIndex - startIndex);
+                }
+                else
+                {
+                    throw new InvalidOperationException("無法解析 Entity Framework 連線字串");
+                }
+            }
+            else
+            {
+                throw new InvalidOperationException("找不到可用的資料庫連線字串");
+            }
+        }
+    }
+
+    #region 通用 VIEW 查詢方法
+
+    /// <summary>
+    /// 執行 SQL 查詢並回傳 DataTable
+    /// </summary>
+    /// <param name="sql">SQL 查詢語句</param>
+    /// <param name="parameters">參數陣列</param>
+    /// <returns>查詢結果 DataTable</returns>
+    private DataTable ExecuteSqlQuery(string sql, SqlParameter[] parameters = null)
+    {
+        var dataTable = new DataTable();
+        
+        try
+        {
+            using (var connection = new SqlConnection(_connectionString))
+            using (var command = new SqlCommand(sql, connection))
+            {
+                // 設定逾時時間為 60 秒
+                command.CommandTimeout = 60;
+                
+                // 加入參數
+                if (parameters != null && parameters.Length > 0)
+                {
+                    command.Parameters.AddRange(parameters);
+                }
+
+                // 開啟連線並執行查詢
+                connection.Open();
+                using (var adapter = new SqlDataAdapter(command))
+                {
+                    adapter.Fill(dataTable);
+                }
+            }
+        }
+        catch (SqlException ex)
+        {
+            throw new Exception($"SQL 查詢錯誤: {ex.Message}", ex);
+        }
+        catch (Exception ex)
+        {
+            throw new Exception($"執行查詢時發生錯誤: {ex.Message}", ex);
+        }
+
+        return dataTable;
+    }
+
+    /// <summary>
+    /// DataTable 轉換為動態物件列表（保留中文欄位名）
+    /// </summary>
+    /// <param name="dt">DataTable</param>
+    /// <returns>Dictionary 列表</returns>
+    private List<Dictionary<string, object>> DataTableToDictionary(DataTable dt)
+    {
+        var list = new List<Dictionary<string, object>>();
+
+        foreach (DataRow row in dt.Rows)
+        {
+            var dict = new Dictionary<string, object>();
+            foreach (DataColumn col in dt.Columns)
+            {
+                // 保留原始欄位名稱（包含中文）
+                dict[col.ColumnName] = row[col] == DBNull.Value ? null : row[col];
+            }
+            list.Add(dict);
+        }
+
+        return list;
+    }
+
+    #endregion
+
+    #region API 端點
+
+    /// <summary>
+    /// GET /api/pivot01/activity_stats
+    /// 查詢法會統計（對應「法會統計」VIEW）
+    /// </summary>
+    /// <param name="year">查詢年份</param>
+    /// <returns>法會統計資料</returns>
+    [HttpGet]
+    [Route("api/pivot01/activity_stats")]
+    public IHttpActionResult GetActivityStats(int year)
+    {
+        try
+        {
+            // 驗證年份參數
+            if (year < 1900 || year > 2100)
+            {
+                return BadRequest("年份參數不正確，請輸入 1900 ~ 2100 之間的年份");
+            }
+
+            // 建立 SQL 查詢（包含當年度及無日期的法會）
+            string sql = @"
+                SELECT * FROM [法會統計]
+                WHERE (YEAR(開始日期) = @year OR 開始日期 IS NULL)
+                ORDER BY 
+                    CASE WHEN 開始日期 IS NULL THEN 1 ELSE 0 END,
+                    開始日期 DESC, 
+                    結束日期 DESC
+            ";
+
+            // 建立參數
+            var parameters = new[]
+            {
+                new SqlParameter("@year", SqlDbType.Int) { Value = year }
+            };
+
+            // 執行查詢
+            var dataTable = ExecuteSqlQuery(sql, parameters);
+            var data = DataTableToDictionary(dataTable);
+
+            // 回應結果
+            var result = new
+            {
+                success = true,
+                data = data,
+                message = "查詢成功",
+                rowCount = data.Count
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            var errorResponse = new
+            {
+                success = false,
+                message = $"查詢失敗：{ex.Message}",
+                error = ex.ToString()
+            };
+            return Content(System.Net.HttpStatusCode.BadRequest, errorResponse);
+        }
+    }
+
+    /// <summary>
+    /// GET /api/pivot01/registration_details
+    /// 查詢報名明細（對應「報名明細查詢」VIEW）
+    /// </summary>
+    /// <param name="activityNum">法會編號（必填）</param>
+    /// <returns>報名明細資料</returns>
+    [HttpGet]
+    [Route("api/pivot01/registration_details")]
+    public IHttpActionResult GetRegistrationDetails(int? activityNum = null)
+    {
+        try
+        {
+            // 驗證參數
+            if (!activityNum.HasValue || activityNum.Value <= 0)
+            {
+                return BadRequest("請提供有效的法會編號（activityNum）");
+            }
+
+            // 建立查詢 SQL
+            string sql = @"
+                SELECT * FROM [報名明細查詢]
+                WHERE 法會ID = @activityNum
+                ORDER BY 報名日期 DESC, 報名編號 DESC
+            ";
+
+            // 建立參數
+            var parameters = new[]
+            {
+                new SqlParameter("@activityNum", SqlDbType.Int) { Value = activityNum.Value }
+            };
+
+            // 執行查詢
+            var dataTable = ExecuteSqlQuery(sql, parameters);
+            var data = DataTableToDictionary(dataTable);
+
+            // 回應結果
+            var result = new
+            {
+                success = true,
+                data = data,
+                message = "查詢成功",
+                rowCount = data.Count
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            var errorResponse = new
+            {
+                success = false,
+                message = $"查詢失敗：{ex.Message}",
+                error = ex.ToString()
+            };
+            return Content(System.Net.HttpStatusCode.BadRequest, errorResponse);
+        }
+    }
+
+    #endregion
+}
diff --git a/web/App_Code/api/pivotController.cs b/web/App_Code/api/pivotController.cs
new file mode 100644
index 0000000..78ede99
--- /dev/null
+++ b/web/App_Code/api/pivotController.cs
@@ -0,0 +1,1142 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Net;
+using System.Net.Http;
+using System.Web.Http;
+using PagedList;
+using Newtonsoft.Json;
+using System.Collections;
+using System.Data.Entity;
+
+// api/pivot
+[ezAuthorize]
+public class pivotController : ApiController
+{
+    private Model.ezEntities _db = new Model.ezEntities();
+
+    #region 報表查詢 API
+
+    /// <summary>
+    /// 報名明細查詢 - 對應 Excel 中的視圖結構
+    /// GET api/pivot/registration_details
+    /// </summary>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="activityNum">法會編號</param>
+    /// <param name="followerNum">信眾編號</param>
+    /// <param name="page">頁碼</param>
+    /// <param name="pageSize">每頁筆數</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/registration_details")]
+    public IHttpActionResult GetRegistrationDetails(string startDate = null, string endDate = null, 
+        int? activityNum = null, int? followerNum = null, int page = 1, int pageSize = 1000)
+    {
+        try
+        {
+            // 對應 README.md 中的視圖查詢結構，按顏色分類欄位
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join act in _db.activities on po.activity_num equals act.num
+                       join f in _db.followers on po.f_num equals f.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       select new
+                       {
+                           // 🟠 橘色欄位 - 法會基礎資料 (法會相關的直接來源)
+                           法會ID = act.num,
+                           法會名稱 = act.subject,
+                           開始日期 = act.startDate_solar,
+                           結束日期 = act.endDate_solar,
+                           
+                           // 🔵 藍色欄位 - 信眾基礎資料 (信眾相關的直接來源)
+                           信眾編號 = f.f_number,
+                           信眾姓名 = f.u_name,
+                           報名編號 = po.order_no,
+                           報名日期 = po.up_time,
+                           
+                           // 🟢綠色欄位 - 功德資訊欄位 (功德相關資訊)
+                           功德主 = pod.parent_num != null ? "是" : "否",
+                           功德類型 = aik.kind,
+                           功德名稱 = ai.subject,
+                           
+                           // 🟣 紫色欄位 - 計算欄位 (需要計算)
+                           數量 = pod.qty,
+                           金額 = pod.price,
+                           已收 = 0, // 業務邏輯：固定為 0
+                           未收 = pod.price * pod.qty - 0, // 計算未收金額
+                           
+                           // 額外提供原始資料供進階計算
+                           _metadata = new
+                           {
+                               parent_num = pod.parent_num,
+                               unit_price = pod.price,
+                               quantity = pod.qty,
+                               total_amount = pod.price * pod.qty,
+                               kind_num = aik.num,
+                               item_num = ai.num,
+                               activity_num = act.num,
+                               follower_num = f.num
+                           }
+                       };
+
+            // 日期篩選
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.開始日期 >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.結束日期 <= end);
+            }
+
+            // 法會篩選
+            if (activityNum.HasValue)
+            {
+                query = query.Where(x => x.法會ID == activityNum.Value);
+            }
+
+            // 信眾篩選
+            if (followerNum.HasValue)
+            {
+                query = query.Where(x => x.信眾編號 == followerNum.ToString());
+            }
+
+            // 分頁處理
+            var totalCount = query.Count();
+            var pagedQuery = query.OrderByDescending(x => x.報名日期)
+                                  .ThenByDescending(x => x.法會ID)
+                                  .Skip((page - 1) * pageSize)
+                                  .Take(pageSize)
+                                  .ToList();
+
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    list = pagedQuery,
+                    total = totalCount,
+                    page = page,
+                    pageSize = pageSize,
+                    totalPages = (int)Math.Ceiling((double)totalCount / pageSize)
+                },
+                message = "查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 報名明細查詢 - Excel 匯出格式
+    /// GET api/pivot/registration_details_export
+    /// </summary>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="activityNum">法會編號</param>
+    /// <param name="followerNum">信眾編號</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/registration_details_export")]
+    public IHttpActionResult GetRegistrationDetailsForExport(string startDate = null, string endDate = null, 
+        int? activityNum = null, int? followerNum = null)
+    {
+        try
+        {
+            // 完全對應 Excel 中的欄位結構
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join act in _db.activities on po.activity_num equals act.num
+                       join f in _db.followers on po.f_num equals f.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       select new
+                       {
+                           // 完全對應 Excel 欄位名稱
+                           法會ID = act.num,
+                           法會名稱 = act.subject,
+                           開始日期 = act.startDate_solar,
+                           結束日期 = act.endDate_solar,
+                           信眾編號 = f.f_number,
+                           信眾姓名 = f.u_name,
+                           報名編號 = po.order_no,
+                           報名日期 = po.up_time,
+                           功德主 = pod.parent_num != null ? "是" : "否",
+                           功德類型 = aik.kind,
+                           功德名稱 = ai.subject,
+                           數量 = pod.qty,
+                           金額 = pod.price,
+                           已收 = 0,
+                           未收 = pod.price * pod.qty
+                       };
+
+            // 套用篩選條件
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.開始日期 >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.結束日期 <= end);
+            }
+            if (activityNum.HasValue)
+            {
+                query = query.Where(x => x.法會ID == activityNum.Value);
+            }
+            if (followerNum.HasValue)
+            {
+                query = query.Where(x => x.信眾編號 == followerNum.ToString());
+            }
+
+            var exportData = query.OrderByDescending(x => x.報名日期)
+                                  .ThenByDescending(x => x.法會ID)
+                                  .ToList()
+                                  .Select(x => new
+                                  {
+                                      x.法會ID,
+                                      x.法會名稱,
+                                      開始日期 = x.開始日期.HasValue ? x.開始日期.Value.ToString("yyyy/MM/dd") : "",
+                                      結束日期 = x.結束日期.HasValue ? x.結束日期.Value.ToString("yyyy/MM/dd") : "",
+                                      x.信眾編號,
+                                      x.信眾姓名,
+                                      x.報名編號,
+                                      報名日期 = x.報名日期.HasValue ? x.報名日期.Value.ToString("yyyy/MM/dd HH:mm") : "",
+                                      x.功德主,
+                                      x.功德類型,
+                                      x.功德名稱,
+                                      x.數量,
+                                      x.金額,
+                                      x.已收,
+                                      x.未收
+                                  })
+                                  .ToList();
+
+            // 統計資訊
+            var summary = new
+            {
+                總筆數 = exportData.Count,
+                總金額 = exportData.Sum(x => x.金額 * x.數量),
+                參與法會數 = exportData.Select(x => x.法會ID).Distinct().Count(),
+                參與信眾數 = exportData.Select(x => x.信眾編號).Distinct().Count(),
+                功德主數量 = exportData.Count(x => x.功德主 == "是")
+            };
+
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    details = exportData,
+                    summary = summary,
+                    export_time = DateTime.Now.ToString("yyyy/MM/dd HH:mm:ss"),
+                    filters = new
+                    {
+                        startDate,
+                        endDate,
+                        activityNum,
+                        followerNum
+                    }
+                },
+                message = "匯出資料準備完成"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"匯出失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 取得法會報名統計
+    /// GET api/pivot/activity_stats
+    /// </summary>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="activityNum">法會編號</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/activity_stats")]
+    public IHttpActionResult GetActivityStats(string startDate = null, string endDate = null, int? activityNum = null)
+    {
+        try
+        {
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join act in _db.activities on po.activity_num equals act.num
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       join f in _db.followers on po.f_num equals f.num
+                       select new
+                       {
+                           ActivityNum = act.num,
+                           ActivityName = act.subject,
+                           StartDate = act.startDate_solar,
+                           EndDate = act.endDate_solar,
+                           FollowerNum = f.num,
+                           FollowerName = f.u_name,
+                           OrderNo = po.order_no,
+                           OrderDate = po.up_time,
+                           KindName = aik.kind,
+                           ItemName = ai.subject,
+                           Qty = pod.qty,
+                           Price = pod.price,
+                           Amount = pod.qty * pod.price
+                       };
+
+            // 日期篩選
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.StartDate >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.EndDate <= end);
+            }
+
+            // 法會篩選
+            if (activityNum.HasValue)
+            {
+                query = query.Where(x => x.ActivityNum == activityNum.Value);
+            }
+
+            // 統計資料
+            var stats = query.GroupBy(x => new { x.ActivityNum, x.ActivityName, x.StartDate, x.EndDate })
+                            .Select(g => new
+                            {
+                                activity_num = g.Key.ActivityNum,
+                                activity_name = g.Key.ActivityName,
+                                start_date = g.Key.StartDate,
+                                end_date = g.Key.EndDate,
+                                total_orders = g.Select(x => x.OrderNo).Distinct().Count(),
+                                total_followers = g.Select(x => x.FollowerNum).Distinct().Count(),
+                                total_amount = g.Sum(x => x.Amount),
+                                total_qty = g.Sum(x => x.Qty),
+                                avg_amount_per_follower = g.GroupBy(x => x.FollowerNum).Average(fg => fg.Sum(x => x.Amount))
+                            })
+                            .OrderByDescending(x => x.start_date)
+                            .ToList();
+
+            var result = new
+            {
+                success = true,
+                data = stats,
+                message = "查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 取得信眾參與分析
+    /// GET api/pivot/follower_analysis
+    /// </summary>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="followerNum">信眾編號</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/follower_analysis")]
+    public IHttpActionResult GetFollowerAnalysis(string startDate = null, string endDate = null, int? followerNum = null)
+    {
+        try
+        {
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join act in _db.activities on po.activity_num equals act.num
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       join f in _db.followers on po.f_num equals f.num
+                       select new
+                       {
+                           FollowerNum = f.num,
+                           FollowerName = f.u_name,
+                           FollowerCode = f.f_number,
+                           ActivityNum = act.num,
+                           ActivityName = act.subject,
+                           StartDate = act.startDate_solar,
+                           EndDate = act.endDate_solar,
+                           OrderDate = po.up_time,
+                           KindName = aik.kind,
+                           ItemName = ai.subject,
+                           Amount = pod.qty * pod.price,
+                           HasParent = pod.parent_num != null
+                       };
+
+            // 日期篩選
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.StartDate >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.EndDate <= end);
+            }
+
+            // 信眾篩選
+            if (followerNum.HasValue)
+            {
+                query = query.Where(x => x.FollowerNum == followerNum.Value);
+            }
+
+            // 信眾統計分析
+            var followerStats = query.GroupBy(x => new { x.FollowerNum, x.FollowerName, x.FollowerCode })
+                                    .Select(g => new
+                                    {
+                                        follower_num = g.Key.FollowerNum,
+                                        follower_name = g.Key.FollowerName,
+                                        follower_code = g.Key.FollowerCode,
+                                        total_activities = g.Select(x => x.ActivityNum).Distinct().Count(),
+                                        total_amount = g.Sum(x => x.Amount),
+                                        total_orders = g.Select(x => x.OrderDate).Count(),
+                                        avg_amount_per_activity = g.GroupBy(x => x.ActivityNum).Average(ag => ag.Sum(x => x.Amount)),
+                                        is_patron_count = g.Count(x => x.HasParent),
+                                        participation_rate = Math.Round((double)g.Select(x => x.ActivityNum).Distinct().Count() / _db.activities.Count() * 100, 2),
+                                        favorite_kinds = g.GroupBy(x => x.KindName)
+                                                        .OrderByDescending(kg => kg.Sum(x => x.Amount))
+                                                        .Take(3)
+                                                        .Select(kg => new { kind = kg.Key, amount = kg.Sum(x => x.Amount) })
+                                                        .ToList(),
+                                        recent_activities = g.OrderByDescending(x => x.OrderDate)
+                                                          .Take(5)
+                                                          .Select(x => new { 
+                                                              activity_name = x.ActivityName, 
+                                                              order_date = x.OrderDate,
+                                                              amount = x.Amount 
+                                                          })
+                                                          .ToList()
+                                    })
+                                    .OrderByDescending(x => x.total_amount)
+                                    .ToList();
+
+            var result = new
+            {
+                success = true,
+                data = followerStats,
+                message = "查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 取得收入統計
+    /// GET api/pivot/income_stats
+    /// </summary>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="groupBy">分組方式 (monthly/yearly/activity)</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/income_stats")]
+    public IHttpActionResult GetIncomeStats(string startDate = null, string endDate = null, string groupBy = "monthly")
+    {
+        try
+        {
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join act in _db.activities on po.activity_num equals act.num
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       select new
+                       {
+                           ActivityNum = act.num,
+                           ActivityName = act.subject,
+                           StartDate = act.startDate_solar,
+                           OrderDate = po.up_time,
+                           KindNum = aik.num,
+                           KindName = aik.kind,
+                           ItemName = ai.subject,
+                           Amount = pod.qty * pod.price
+                       };
+
+            // 日期篩選
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.StartDate >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.StartDate <= end);
+            }
+
+            object stats = null;
+
+            switch (groupBy?.ToLower())
+            {
+                case "monthly":
+                    stats = query.GroupBy(x => new { 
+                                    Year = x.StartDate.Value.Year, 
+                                    Month = x.StartDate.Value.Month 
+                                })
+                                .Select(g => new
+                                {
+                                    period = $"{g.Key.Year}/{g.Key.Month:00}",
+                                    year = g.Key.Year,
+                                    month = g.Key.Month,
+                                    total_amount = g.Sum(x => x.Amount),
+                                    total_activities = g.Select(x => x.ActivityNum).Distinct().Count(),
+                                    kind_breakdown = g.GroupBy(x => x.KindName)
+                                                   .Select(kg => new { 
+                                                       kind = kg.Key, 
+                                                       amount = kg.Sum(x => x.Amount) 
+                                                   }).ToList()
+                                })
+                                .OrderBy(x => x.year).ThenBy(x => x.month)
+                                .ToList();
+                    break;
+
+                case "yearly":
+                    stats = query.GroupBy(x => x.StartDate.Value.Year)
+                                .Select(g => new
+                                {
+                                    period = g.Key.ToString(),
+                                    year = g.Key,
+                                    total_amount = g.Sum(x => x.Amount),
+                                    total_activities = g.Select(x => x.ActivityNum).Distinct().Count(),
+                                    kind_breakdown = g.GroupBy(x => x.KindName)
+                                                   .Select(kg => new { 
+                                                       kind = kg.Key, 
+                                                       amount = kg.Sum(x => x.Amount) 
+                                                   }).ToList(),
+                                    monthly_trend = g.GroupBy(x => x.StartDate.Value.Month)
+                                                  .Select(mg => new { 
+                                                      month = mg.Key, 
+                                                      amount = mg.Sum(x => x.Amount) 
+                                                  }).OrderBy(x => x.month).ToList()
+                                })
+                                .OrderBy(x => x.year)
+                                .ToList();
+                    break;
+
+                case "activity":
+                    stats = query.GroupBy(x => new { x.ActivityNum, x.ActivityName, x.StartDate })
+                                .Select(g => new
+                                {
+                                    activity_num = g.Key.ActivityNum,
+                                    activity_name = g.Key.ActivityName,
+                                    start_date = g.Key.StartDate,
+                                    total_amount = g.Sum(x => x.Amount)
+                                })
+                                .OrderByDescending(x => x.start_date)
+                                .ToList()
+                                .Select(g => new
+                                {
+                                    g.activity_num,
+                                    g.activity_name,
+                                    g.start_date,
+                                    g.total_amount,
+                                    kind_breakdown = query.Where(x => x.ActivityNum == g.activity_num)
+                                                          .GroupBy(x => x.KindName)
+                                                          .Select(kg => new
+                                                          {
+                                                              kind = kg.Key,
+                                                              amount = kg.Sum(x => x.Amount),
+                                                              percentage = g.total_amount.HasValue && g.total_amount.Value > 0
+                                                                  ? Math.Round((double)(kg.Sum(x => x.Amount) ?? 0) / (double)g.total_amount.Value * 100, 2)
+                                                                  : 0
+                                                          })
+                                                          .OrderByDescending(x => x.amount)
+                                                          .ToList()
+                                })
+                                .ToList();
+                    break;
+
+                default:
+                    return BadRequest("不支援的分組方式，請使用 monthly, yearly 或 activity");
+            }
+
+            var result = new
+            {
+                success = true,
+                data = stats,
+                groupBy = groupBy,
+                message = "查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    #endregion
+
+    #region 數據分析 API
+
+    /// <summary>
+    /// 樞紐分析
+    /// POST api/pivot/pivot_analysis
+    /// </summary>
+    /// <param name="request">分析請求參數</param>
+    /// <returns></returns>
+    [HttpPost]
+    [Route("api/pivot/pivot_analysis")]
+    public IHttpActionResult PostPivotAnalysis(dynamic request)
+    {
+        try
+        {
+            // TODO: 實作樞紐分析邏輯
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    rows = new List<object>(),
+                    columns = new List<object>(),
+                    values = new List<object>()
+                },
+                message = "分析完成"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"分析失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 趨勢分析
+    /// GET api/pivot/trend_analysis
+    /// </summary>
+    /// <param name="metric">指標名稱</param>
+    /// <param name="startDate">開始日期</param>
+    /// <param name="endDate">結束日期</param>
+    /// <param name="interval">時間間隔</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/trend_analysis")]
+    public IHttpActionResult GetTrendAnalysis(string metric, string startDate = null, string endDate = null, string interval = "monthly")
+    {
+        try
+        {
+            if (string.IsNullOrEmpty(metric))
+            {
+                return BadRequest("請指定分析指標");
+            }
+
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join act in _db.activities on po.activity_num equals act.num
+                       join f in _db.followers on po.f_num equals f.num
+                       select new
+                       {
+                           ActivityDate = act.startDate_solar,
+                           OrderDate = po.up_time,
+                           Amount = pod.qty * pod.price,
+                           FollowerNum = f.num,
+                           ActivityNum = act.num
+                       };
+
+            // 日期篩選
+            if (!string.IsNullOrEmpty(startDate) && DateTime.TryParse(startDate, out DateTime start))
+            {
+                query = query.Where(x => x.ActivityDate >= start);
+            }
+            if (!string.IsNullOrEmpty(endDate) && DateTime.TryParse(endDate, out DateTime end))
+            {
+                query = query.Where(x => x.ActivityDate <= end);
+            }
+
+            object trendData = null;
+            string trendDirection = "stable";
+
+            switch (metric?.ToLower())
+            {
+                case "income": // 收入趨勢
+                    if (interval == "monthly")
+                    {
+                        var monthlyIncome = query.GroupBy(x => new { 
+                                                    Year = x.ActivityDate.Value.Year, 
+                                                    Month = x.ActivityDate.Value.Month 
+                                                })
+                                                .Select(g => new
+                                                {
+                                                    period = $"{g.Key.Year}/{g.Key.Month:00}",
+                                                    value = g.Sum(x => x.Amount),
+                                                    date = new DateTime(g.Key.Year, g.Key.Month, 1)
+                                                })
+                                                .OrderBy(x => x.date)
+                                                .ToList();
+
+                        // 計算趨勢方向
+                        if (monthlyIncome.Count >= 2)
+                        {
+                            var firstHalf = monthlyIncome.Take(monthlyIncome.Count / 2).Average(x => (double)x.value);
+                            var secondHalf = monthlyIncome.Skip(monthlyIncome.Count / 2).Average(x => (double)x.value);
+                            trendDirection = secondHalf > firstHalf * 1.05 ? "up" : (secondHalf < firstHalf * 0.95 ? "down" : "stable");
+                        }
+
+                        trendData = new
+                        {
+                            labels = monthlyIncome.Select(x => x.period).ToList(),
+                            values = monthlyIncome.Select(x => x.value).ToList(),
+                            growth_rates = monthlyIncome.Select((x, i) => i == 0 ? 0.0 : 
+                                Math.Round((double)(x.value - monthlyIncome[i-1].value) / (double)monthlyIncome[i-1].value * 100, 2))
+                                .ToList()
+                        };
+                    }
+                    break;
+
+                case "followers": // 參與信眾數趨勢
+                    if (interval == "monthly")
+                    {
+                        var monthlyFollowers = query.GroupBy(x => new { 
+                                                        Year = x.ActivityDate.Value.Year, 
+                                                        Month = x.ActivityDate.Value.Month 
+                                                    })
+                                                    .Select(g => new
+                                                    {
+                                                        period = $"{g.Key.Year}/{g.Key.Month:00}",
+                                                        value = g.Select(x => x.FollowerNum).Distinct().Count(),
+                                                        date = new DateTime(g.Key.Year, g.Key.Month, 1)
+                                                    })
+                                                    .OrderBy(x => x.date)
+                                                    .ToList();
+
+                        // 計算趨勢方向
+                        if (monthlyFollowers.Count >= 2)
+                        {
+                            var firstHalf = monthlyFollowers.Take(monthlyFollowers.Count / 2).Average(x => (double)x.value);
+                            var secondHalf = monthlyFollowers.Skip(monthlyFollowers.Count / 2).Average(x => (double)x.value);
+                            trendDirection = secondHalf > firstHalf * 1.05 ? "up" : (secondHalf < firstHalf * 0.95 ? "down" : "stable");
+                        }
+
+                        trendData = new
+                        {
+                            labels = monthlyFollowers.Select(x => x.period).ToList(),
+                            values = monthlyFollowers.Select(x => x.value).ToList(),
+                            growth_rates = monthlyFollowers.Select((x, i) => i == 0 ? 0.0 : 
+                                Math.Round((double)(x.value - monthlyFollowers[i-1].value) / (double)monthlyFollowers[i-1].value * 100, 2))
+                                .ToList()
+                        };
+                    }
+                    break;
+
+                case "activities": // 法會數量趨勢
+                    var monthlyActivities = query.GroupBy(x => new { 
+                                                    Year = x.ActivityDate.Value.Year, 
+                                                    Month = x.ActivityDate.Value.Month 
+                                                })
+                                                .Select(g => new
+                                                {
+                                                    period = $"{g.Key.Year}/{g.Key.Month:00}",
+                                                    value = g.Select(x => x.ActivityNum).Distinct().Count(),
+                                                    date = new DateTime(g.Key.Year, g.Key.Month, 1)
+                                                })
+                                                .OrderBy(x => x.date)
+                                                .ToList();
+
+                    trendData = new
+                    {
+                        labels = monthlyActivities.Select(x => x.period).ToList(),
+                        values = monthlyActivities.Select(x => x.value).ToList()
+                    };
+                    break;
+
+                default:
+                    return BadRequest("不支援的指標，請使用 income, followers 或 activities");
+            }
+
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    metric = metric,
+                    interval = interval,
+                    trend = trendDirection,
+                    chart_data = trendData
+                },
+                message = "分析完成"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"分析失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 對比分析
+    /// GET api/pivot/comparative_analysis
+    /// </summary>
+    /// <param name="compareType">對比類型</param>
+    /// <param name="period1">期間1</param>
+    /// <param name="period2">期間2</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/comparative_analysis")]
+    public IHttpActionResult GetComparativeAnalysis(string compareType, string period1, string period2)
+    {
+        try
+        {
+            // TODO: 實作對比分析邏輯
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    period1_data = new List<object>(),
+                    period2_data = new List<object>(),
+                    comparison = new
+                    {
+                        growth_rate = 0.0,
+                        difference = 0.0
+                    }
+                },
+                message = "對比完成"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"對比失敗：{ex.Message}");
+        }
+    }
+
+    #endregion
+
+    #region 報表管理 API
+
+    /// <summary>
+    /// 取得自訂報表清單
+    /// GET api/pivot/custom_reports
+    /// </summary>
+    /// <param name="page">頁碼</param>
+    /// <param name="pageSize">每頁筆數</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/custom_reports")]
+    public IHttpActionResult GetCustomReports(int page = 1, int pageSize = 10)
+    {
+        try
+        {
+            // TODO: 實作自訂報表查詢邏輯
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    list = new List<object>(),
+                    total = 0,
+                    page = page,
+                    pageSize = pageSize
+                },
+                message = "查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 建立自訂報表
+    /// POST api/pivot/custom_reports
+    /// </summary>
+    /// <param name="request">報表設定</param>
+    /// <returns></returns>
+    [HttpPost]
+    [Route("api/pivot/custom_reports")]
+    public IHttpActionResult PostCustomReport(dynamic request)
+    {
+        try
+        {
+            // TODO: 實作自訂報表建立邏輯
+            var result = new
+            {
+                success = true,
+                data = new { id = 1 },
+                message = "報表建立成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"建立失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// 匯出報表
+    /// GET api/pivot/export/{reportId}
+    /// </summary>
+    /// <param name="reportId">報表編號</param>
+    /// <param name="format">匯出格式 (excel/pdf/csv)</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/export/{reportId}")]
+    public IHttpActionResult GetReportExport(int reportId, string format = "excel")
+    {
+        try
+        {
+            // TODO: 實作報表匯出邏輯
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    download_url = $"/admin/pivot/downloads/report_{reportId}.{format}",
+                    file_name = $"report_{reportId}_{DateTime.Now:yyyyMMdd}.{format}"
+                },
+                message = "匯出成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"匯出失敗：{ex.Message}");
+        }
+    }
+
+    #endregion
+
+    #region Excel 數據連接 API
+
+    /// <summary>
+    /// Excel 數據連接專用 - 簡化格式
+    /// GET api/pivot/excel_data
+    /// </summary>
+    /// <param name="format">回傳格式 (json/csv)</param>
+    /// <param name="limit">限制筆數</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/excel_data")]
+    [AllowAnonymous] // 允許 Excel 直接呼叫
+    public IHttpActionResult GetExcelData(string format = "json", int limit = 5000)
+    {
+        try
+        {
+            // 直接查詢，對應視圖結構
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join act in _db.activities on po.activity_num equals act.num
+                       join f in _db.followers on po.f_num equals f.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       orderby po.up_time descending, act.num descending
+                       select new
+                       {
+                           ActivityId = act.num,
+                           ActivityName = act.subject,
+                           StartDate = act.startDate_solar,
+                           EndDate = act.endDate_solar,
+                           FollowerCode = f.f_number,
+                           FollowerName = f.u_name,
+                           OrderNo = po.order_no,
+                           OrderDate = po.up_time,
+                           IsPatron = pod.parent_num != null ? "是" : "否",
+                           KindName = aik.kind,
+                           ItemName = ai.subject,
+                           Quantity = pod.qty,
+                           Price = pod.price,
+                           Received = 0,
+                           Outstanding = pod.price * pod.qty
+                       };
+
+            var data = query.Take(limit).ToList();
+
+            if (format?.ToLower() == "csv")
+            {
+                // CSV 格式回傳
+                var csv = "法會ID,法會名稱,開始日期,結束日期,信眾編號,信眾姓名,報名編號,報名日期,功德主,功德類型,功德名稱,數量,金額,已收,未收\n";
+                foreach (var item in data)
+                {
+                    csv += $"{item.ActivityId},{item.ActivityName},{item.StartDate:yyyy/MM/dd},{item.EndDate:yyyy/MM/dd}," +
+                           $"{item.FollowerCode},{item.FollowerName},{item.OrderNo},{item.OrderDate:yyyy/MM/dd HH:mm}," +
+                           $"{item.IsPatron},{item.KindName},{item.ItemName},{item.Quantity},{item.Price},{item.Received},{item.Outstanding}\n";
+                }
+                
+                return Ok(csv);
+            }
+
+            // JSON 格式回傳 (預設)
+            var result = new
+            {
+                success = true,
+                data = data,
+                count = data.Count,
+                generated_at = DateTime.Now,
+                message = "資料查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"資料查詢失敗：{ex.Message}");
+        }
+    }
+
+    /// <summary>
+    /// Excel 數據連接專用 - 按欄位顏色分類格式
+    /// GET api/pivot/excel_data_structured
+    /// </summary>
+    /// <param name="includeMetadata">是否包含元數據</param>
+    /// <param name="limit">限制筆數</param>
+    /// <returns></returns>
+    [HttpGet]
+    [Route("api/pivot/excel_data_structured")]
+    [AllowAnonymous]
+    public IHttpActionResult GetExcelDataStructured(bool includeMetadata = false, int limit = 5000)
+    {
+        try
+        {
+            var query = from pod in _db.pro_order_detail
+                       join po in _db.pro_order on pod.order_no equals po.order_no
+                       join ai in _db.actItems on pod.actItem_num equals ai.num
+                       join act in _db.activities on po.activity_num equals act.num
+                       join f in _db.followers on po.f_num equals f.num
+                       join aik in _db.actItem_kind on ai.kind equals aik.num
+                       orderby po.up_time descending, act.num descending
+                       select new
+                       {
+                           // 🟠 橘色欄位 - 法會基礎資料
+                           activity_fields = new
+                           {
+                               法會ID = act.num,
+                               法會名稱 = act.subject,
+                               開始日期 = act.startDate_solar,
+                               結束日期 = act.endDate_solar
+                           },
+                           
+                           // 🔵 藍色欄位 - 信眾基礎資料
+                           follower_fields = new
+                           {
+                               信眾編號 = f.f_number,
+                               信眾姓名 = f.u_name,
+                               報名編號 = po.order_no,
+                               報名日期 = po.up_time
+                           },
+                           
+                           // 🟢 綠色欄位 - 功德資訊欄位
+                           merit_info_fields = new
+                           {
+                               功德主 = pod.parent_num != null ? "是" : "否",
+                               功德類型 = aik.kind,
+                               功德名稱 = ai.subject
+                           },
+                           
+                           // 🟣 紫色欄位 - 計算欄位
+                           calculated_fields = new
+                           {
+                               數量 = pod.qty,
+                               金額 = pod.price,
+                               已收 = 0,
+                               未收 = pod.price * pod.qty,
+                               小計 = pod.price * pod.qty
+                           },
+                           
+                           // 📊 元數據 (可選)
+                           metadata = includeMetadata ? new
+                           {
+                               原始資料 = new
+                               {
+                                   parent_num = pod.parent_num,
+                                   kind_num = aik.num,
+                                   item_num = ai.num,
+                                   activity_num = act.num,
+                                   follower_num = f.num
+                               },
+                               欄位分類說明 = new
+                               {
+                                   橘色欄位_法會資料 = "法會相關的基礎資料，用於法會維度分析",
+                                   藍色欄位_信眾資料 = "信眾相關的基礎資料，用於信眾維度分析", 
+                                   綠色欄位_功德資訊 = "功德相關的資訊欄位，包含功德主、功德類型和名稱",
+                                   紫色欄位_計算欄位 = "需要數學計算或統計的欄位"
+                               }
+                           } : null
+                       };
+
+            var data = query.Take(limit).ToList();
+
+            var result = new
+            {
+                success = true,
+                data = new
+                {
+                    records = data,
+                    field_categories = new
+                    {
+                        橘色_法會基礎資料 = new[] { "法會ID", "法會名稱", "開始日期", "結束日期" },
+                        藍色_信眾基礎資料 = new[] { "信眾編號", "信眾姓名", "報名編號", "報名日期" },
+                        綠色_功德資訊欄位 = new[] { "功德主", "功德類型", "功德名稱" },
+                        紫色_計算欄位 = new[] { "數量", "金額", "已收", "未收" }
+                    },
+                    usage_notes = new
+                    {
+                        橘色欄位說明 = "法會相關基礎資料，適合用於法會維度的篩選和分組",
+                        藍色欄位說明 = "信眾相關基礎資料，適合用於信眾維度的篩選和分組",
+                        綠色欄位說明 = "功德資訊欄位，包含功德主判斷、功德類型和名稱，適合用於功德維度的篩選和分組",
+                        紫色欄位說明 = "計算統計欄位，適合用於樞紐分析的值區域進行加總",
+                        Excel樞紐分析建議 = new
+                        {
+                            篩選器 = "橘色(法會名稱) + 藍色(報名日期) + 綠色(功德類型)",
+                            列標籤 = "藍色(信眾姓名) + 綠色(功德主)",
+                            欄標籤 = "橘色(法會名稱) 或時間維度",
+                            值區域 = "紫色(金額加總、數量計數)"
+                        }
+                    }
+                },
+                count = data.Count,
+                generated_at = DateTime.Now,
+                message = "結構化資料查詢成功"
+            };
+
+            return Ok(result);
+        }
+        catch (Exception ex)
+        {
+            return BadRequest($"查詢失敗：{ex.Message}");
+        }
+    }
+
+    #endregion
+
+    #region 工具方法
+
+    /// <summary>
+    /// 釋放資源
+    /// </summary>
+    /// <param name="disposing"></param>
+    protected override void Dispose(bool disposing)
+    {
+        if (disposing)
+        {
+            _db?.Dispose();
+        }
+        base.Dispose(disposing);
+    }
+
+    #endregion
+}
\ No newline at end of file
diff --git a/web/admin/pivot/README-pivot-01.md b/web/admin/pivot/README-pivot-01.md
new file mode 100644
index 0000000..005f749
--- /dev/null
+++ b/web/admin/pivot/README-pivot-01.md
@@ -0,0 +1,1401 @@
+# 法會報名統計
+
+## 相關檢視VIEW
+
+### 法會統計
+```SQL
+CREATE VIEW [dbo].[法會統計]
+AS
+SELECT  TOP (100) PERCENT dbo.activity.num, dbo.activity.category_kind, dbo.activity_category_kind.kind AS 活動主類型, dbo.activity.kind, 
+               dbo.activity_kind.kind AS 活動詳細分類, dbo.activity.subject AS 活動名稱, dbo.activity.startDate_solar AS 開始日期, 
+               dbo.activity.endDate_solar AS 結束日期, dbo.activity.dueDate AS 報名截止日, SUM(dbo.pro_order_detail.qty) AS 功德數量, 
+               SUM(dbo.pro_order_detail.price) AS 合計
+FROM     dbo.pro_order_detail LEFT OUTER JOIN
+               dbo.pro_order ON dbo.pro_order_detail.order_no = dbo.pro_order.order_no RIGHT OUTER JOIN
+               dbo.activity ON dbo.pro_order.activity_num = dbo.activity.num LEFT OUTER JOIN
+               dbo.activity_kind ON dbo.activity.kind = dbo.activity_kind.num LEFT OUTER JOIN
+               dbo.activity_category_kind ON dbo.activity.category_kind = dbo.activity_category_kind.num
+GROUP BY dbo.activity.num, dbo.activity.category_kind, dbo.activity_category_kind.kind, dbo.activity.kind, dbo.activity_kind.kind, dbo.activity.subject, 
+               dbo.activity.startDate_solar, dbo.activity.endDate_solar, dbo.activity.dueDate
+GO
+```
+
+### 報名明細查詢
+```SQL
+CREATE VIEW [dbo].[報名明細查詢]
+AS
+SELECT  dbo.activity.num AS 法會ID, dbo.activity.subject AS 法會名稱, dbo.activity.startDate_solar AS 開始日期, dbo.activity.endDate_solar AS 結束日期, 
+               dbo.followers.f_number AS 信眾編號, dbo.followers.u_name AS 信眾姓名, dbo.pro_order.order_no AS 報名編號, dbo.pro_order.up_time AS 報名日期, 
+               CASE WHEN parent_num IS NOT NULL THEN '是' ELSE '否' END AS 功德主, dbo.actItem_kind.kind AS 功德類型, dbo.actItem.subject AS 功德名稱, 
+               dbo.pro_order_detail.qty AS 數量, dbo.pro_order_detail.price AS 金額, 0 AS 已收, dbo.pro_order_detail.price * dbo.pro_order_detail.qty - 0 AS 未收
+FROM     dbo.pro_order_detail INNER JOIN
+               dbo.pro_order ON dbo.pro_order_detail.order_no = dbo.pro_order.order_no INNER JOIN
+               dbo.actItem ON dbo.pro_order_detail.actItem_num = dbo.actItem.num INNER JOIN
+               dbo.activity ON dbo.pro_order.activity_num = dbo.activity.num INNER JOIN
+               dbo.followers ON dbo.pro_order.f_num = dbo.followers.num INNER JOIN
+               dbo.actItem_kind ON dbo.actItem.kind = dbo.actItem_kind.num
+GO
+```
+#### 欄位分類
+```
+// 🟠 橘色欄位 - 法會基礎資料 (法會相關的直接來源)
+法會ID = act.num,
+法會名稱 = act.subject,
+開始日期 = act.startDate_solar,
+結束日期 = act.endDate_solar,
+
+// 🔵 藍色欄位 - 信眾基礎資料 (信眾相關的直接來源)
+信眾編號 = f.f_number,
+信眾姓名 = f.u_name,
+報名編號 = po.order_no,
+報名日期 = po.up_time,
+
+// 🟢綠色欄位 - 功德資訊欄位 (功德相關資訊)
+功德主 = pod.parent_num != null ? "是" : "否",
+功德類型 = aik.kind,
+功德名稱 = ai.subject,
+
+// 🟣 紫色欄位 - 計算欄位 (需要計算)
+數量 = pod.qty,
+金額 = pod.price,
+已收 = 0, // 業務邏輯：固定為 0
+未收 = pod.price * pod.qty - 0, // 計算未收金額
+```
+
+## API設計
+- pivot01Controller
+- 查詢: 法會統計, 條件參數: 年份
+- 查詢: 報名明細查詢, 條件參數: 法會ID
+- 因為: 希望能隨時加上新的檢視, 不需要動到EF-MODEL
+- 所以: 直接用SQL SELECT指令查詢, VIEW名稱也以字串命名
+- 各檢視的查詢, 都用很固定的模式.
+- 例: SELECT * FROM {VIEW名稱} WHERE {條件欄位} = {條件值(參數傳入)} { AND/OR 其他固定條件} ORDER BY {欄位, 欄位, ...}
+- 傳回欄位: 都以中文名稱為主, 故不用定義對照表
+- 其它統計, 都以VUE/JS, 在瀏覽器端操作
+
+
+## 頁面設計需求
+- 檔名: pivot/pivot01.aspx
+    - .cs只是個空架子, 參考: D:\dev\ez\17168erp\git_17888\web\admin\pivot\query.aspx.cs
+- 頁籤式操作介面
+- Tab1 : 法會選擇頁面
+    - 相關檢視: 法會統計
+    - 一開始只有Tab1, 其它隱藏
+    - 年份選擇, 預設今年, 切換年份時重新查詢
+    - 表格顯示資料條件: 
+        - 當年度(日期範圍涵蓋), 及無日期範圍(NULL)
+        - 排序: 日期
+    - 表格按鈕: "選擇", 點選後, 以該場法會活動, 為查詢條件
+    - 查詢: 報名明細查詢, where: 指定法會的所有資料
+    - 按"選擇"後, 才出現Tab2~5
+- Tab2 : 牌位分析
+    - PIVOT TABLE, 詳見說明
+- Tab3 : 信眾報名分析
+    - PIVOT TABLE, 詳見說明
+- Tab4 : 功德主查詢分析
+    - PIVOT TABLE, 詳見說明
+- Tab5 : 報名明細資料
+    - 相關檢視: 報名明細查詢
+    - 以表格呈現資料
+    - Tab1所選擇法會的所有明細資料
+
+### Tab1 : 法會選擇頁面
+
+- 查詢列:
+    - 下拉:年份選擇, 
+        - 今年起前後5年, 預設今年
+        - 可自行輸入, 也可輸入前後5年以外的年份
+    - "查看"按鈕, 
+        - 按下即查詢所選年份的所有活動
+        - 更新下方表格
+- 法會表格:
+    - 頁面載入時, 依下拉預設查詢當年度所有法會(包含)
+    - 直接列出所有欄位
+### Tab2 : 牌位分析
+- 參考的EXCEL樞紐分析表
+    - 篩選: 法會名稱(不用處理, 因為我們的查詢, 已經只限一場法會了)
+    - 列: 功德類型, 功德名稱
+    - 欄: 無
+    - 值: 數量:加總, 金額加總
+- UI呈現:
+    - 以vuetify Table呈現樞紐分析表
+    - 用JS把該法會明細資料變成PIVOT TABLE的型式
+    - 可以2層收合表格列(功德類型, 功德名稱)
+    - 分別顯示: 該類型, 或該功德項目名稱的: 加總數量, 加總金額
+    - 若無法2層, 就直接呈現4個欄位: 功德類型, 功德名稱, 數量, 金額
+    - 上下層, 樣式要有明顯區隔
+    - 最後一列, 要有全部總計, 若vuetify table有footer也可以
+### Tab3 : 信眾報名分析
+- 搜尋欄位: 關鍵字: 姓名過濾
+- 也是先做PIVOT運算, 欄位如下:
+    - 信眾編號
+    - 信眾姓名
+    - 功德主(功德主=是)數量
+    - 功德主(功德主=是)金額
+    - 功德數量(功德主=否)
+    - 功德金額(功德主=否)
+### Tab4 : 功德主查詢分析
+- 搜尋欄位: 
+    - 關鍵字: 姓名過濾
+    - 功德類型下拉: 全部或單一分類
+    - RADIO : 切換值: 金額, 或:數量
+    - CHECK : 功德主: 是/否
+- PIVOT TABLE
+    - 第一欄: 信眾姓名, FIXED
+    - 第二欄: 總計(金額或數量)
+    - 第三欄以後: 
+        - 標題: 所選功德類型(或全部)的功德項目
+        - 資料列: (依選取) 金額或數量 (該信眾/該功德)
+
+### Tab5 : 報名明細資料
+(細節待補充)
+- 表格: 欄位: 報名明細查詢的所有欄位
+- 各欄位表頭顏色標示為前述分組
+
+## 實作計劃
+
+### Phase 1 : implement controller
+
+#### 目標
+創建 `pivot01Controller.cs`，提供簡單直觀的 API 端點
+
+#### 設計原則
+- **VIEW 導向**: 直接使用 SQL 查詢 VIEW，不依賴 EF Model
+- **動態查詢**: VIEW 名稱以字串參數傳遞，便於新增 VIEW 而不需改程式
+- **固定查詢模式**: `SELECT * FROM {VIEW名稱} WHERE {條件欄位} = {參數值} ORDER BY {排序欄位}`
+- **中文欄位名**: 查詢結果保留 VIEW 的中文欄位名，前端直接使用
+
+#### API 端點設計
+
+##### 1. GET /api/pivot01/activity_stats
+**功能**: 查詢法會統計（對應「法會統計」VIEW）
+
+**參數**:
+- `year` (int, required): 查詢年份
+- `includeNoDate` (bool, optional, default=true): 是否包含無日期的法會
+
+**查詢邏輯**:
+```sql
+SELECT * FROM [法會統計]
+WHERE (YEAR(開始日期) = @year OR YEAR(結束日期) = @year)
+   OR (@includeNoDate = 1 AND (開始日期 IS NULL OR 結束日期 IS NULL))
+ORDER BY 開始日期 DESC, 結束日期 DESC
+```
+
+**回應格式**:
+```json
+{
+  "success": true,
+  "data": [
+    {
+      "num": 123,
+      "category_kind": 1,
+      "活動主類型": "法會",
+      "kind": 5,
+      "活動詳細分類": "法會-梁皇寶懺",
+      "活動名稱": "2025年梁皇寶懺",
+      "開始日期": "2025-03-01",
+      "結束日期": "2025-03-10",
+      "報名截止日": "2025-02-25",
+      "功德數量": 150,
+      "合計": 500000
+    }
+  ],
+  "message": "查詢成功",
+  "rowCount": 10
+}
+```
+
+##### 2. GET /api/pivot01/registration_details
+**功能**: 查詢報名明細（對應「報名明細查詢」VIEW）
+
+**參數**:
+- `activityNum` (int, required): 法會編號（法會ID）
+- `page` (int, optional, default=1): 頁碼
+- `pageSize` (int, optional, default=50): 每頁筆數（最大 10000）
+
+**查詢邏輯**:
+```sql
+SELECT * FROM [報名明細查詢]
+WHERE 法會ID = @activityNum
+ORDER BY 報名日期 DESC, 報名編號 DESC
+OFFSET (@page - 1) * @pageSize ROWS
+FETCH NEXT @pageSize ROWS ONLY
+```
+
+**回應格式**:
+```json
+{
+  "success": true,
+  "data": {
+    "list": [
+      {
+        "法會ID": 123,
+        "法會名稱": "2025年梁皇寶懺",
+        "開始日期": "2025-03-01",
+        "結束日期": "2025-03-10",
+        "信眾編號": "F12345",
+        "信眾姓名": "王大明",
+        "報名編號": "ORD20250101001",
+        "報名日期": "2025-01-15T10:30:00",
+        "功德主": "是",
+        "功德類型": "牌位",
+        "功德名稱": "消災大牌位",
+        "數量": 1,
+        "金額": 3000,
+        "已收": 0,
+        "未收": 3000
+      }
+    ],
+    "pagination": {
+      "currentPage": 1,
+      "pageSize": 50,
+      "totalRows": 523,
+      "totalPages": 11
+    }
+  },
+  "message": "查詢成功"
+}
+```
+
+#### 實作檔案
+```
+D:\dev\ez\17168erp\git_17888\web\App_Code\api\pivot01Controller.cs
+```
+
+#### 程式架構
+```csharp
+using System;
+using System.Collections.Generic;
+using System.Data;
+using System.Data.SqlClient;
+using System.Linq;
+using System.Web.Http;
+using System.Configuration;
+
+[ezAuthorize]
+public class pivot01Controller : ApiController
+{
+    private string _connectionString = ConfigurationManager.ConnectionStrings["ezEntities"].ConnectionString;
+
+    // 通用 VIEW 查詢方法
+    private DataTable ExecuteSqlQuery(string sql, SqlParameter[] parameters = null);
+    private List<Dictionary<string, object>> DataTableToDictionary(DataTable dt);
+
+    // API 端點
+    [HttpGet]
+    [Route("api/pivot01/activity_stats")]
+    public IHttpActionResult GetActivityStats(int year, bool includeNoDate = true);
+
+    [HttpGet]
+    [Route("api/pivot01/registration_details")]
+    public IHttpActionResult GetRegistrationDetails(int activityNum, int page = 1, int pageSize = 50);
+}
+```
+
+#### 開發步驟
+- [x] 確認資料庫中 VIEW 已建立
+- [x] 建立 `pivot01Controller.cs`
+- [x] 實作通用 SQL 查詢方法
+- [x] 實作 `GetActivityStats` 端點
+- [x] 實作 `GetRegistrationDetails` 端點
+- [ ] 使用 Postman/瀏覽器測試 API
+- [ ] 調整錯誤處理和回應格式
+
+---
+
+### Phase 2 : implement aspx/cs, basic
+
+#### 目標
+建立前端頁面 `pivot-01.aspx`，實作 Tab1（法會選擇）和 Tab5（報名明細資料）
+
+#### 實作檔案
+```
+D:\dev\ez\17168erp\git_17888\web\admin\pivot\pivot-01.aspx
+D:\dev\ez\17168erp\git_17888\web\admin\pivot\pivot-01.aspx.cs
+```
+
+#### 設計原則
+- **頁籤式介面**: 使用 Vuetify Tabs 元件
+- **動態顯示**: 只在選擇法會後才顯示 Tab2-56
+- **響應式設計**: 適配桌面和平板
+- **資料快取**: 選擇法會後一次載入全部明細，供所有 Tab 使用
+
+#### Tab1: 法會選擇頁面
+
+##### UI 結構
+```
+┌─────────────────────────────────────────────────┐
+│ 📊 法會報名統計分析                              │
+├─────────────────────────────────────────────────┤
+│ Tab1: 法會選擇 │ Tab2 │ Tab3 │ Tab4 │ Tab5 │     │
+├─────────────────────────────────────────────────┤
+│ 查詢條件                                         │
+│  ┌──────────┐  ┌─────────┐                      │
+│  │ 年份: 2025 ▼│  │ [查看] │                      │
+│  └──────────┘  └─────────┘                      │
+│                                                  │
+│ 法會清單 (共 15 場)                              │
+│ ┌─────────────────────────────────────────────┐│
+│ │編號│法會名稱│日期│報名數│金額│動作│          ││
+│ ├─────────────────────────────────────────────┤│
+│ │123│2025梁皇...│3/1-3/10│150│50萬│[選擇]│    ││
+│ │124│2025地藏...│4/5-4/12│200│60萬│[選擇]│    ││
+│ └─────────────────────────────────────────────┘│
+└─────────────────────────────────────────────────┘
+```
+
+##### 功能規格
+1. **年份選擇器**
+   - 下拉選單，範圍：今年 ± 5 年
+   - 預設值：當前年份（2025）
+   - 可手動輸入其他年份
+
+2. **查看按鈕**
+   - 點擊後呼叫 API: `GET /api/pivot01/activity_stats?year={year}`
+   - 顯示 Loading 動畫
+   - 更新法會清單表格
+
+3. **法會清單表格**
+   - 欄位：編號、法會名稱、日期範圍、報名數、總金額、操作按鈕
+   - 排序：日期降序
+   - 可搜尋、可排序
+
+4. **選擇按鈕**
+   - 點擊後呼叫 API: `GET /api/pivot01/registration_details?activityNum={num}&pageSize=10000`
+   - 儲存完整資料到 Vue data (`rawData`)
+   - 顯示 Tab2-6
+   - 自動切換到 Tab5
+
+#### Tab5: 報名明細資料
+
+##### UI 結構
+```
+┌─────────────────────────────────────────────────┐
+│ Tab1 │ Tab2 │ Tab3 │ Tab4 │ Tab5: 報名明細資料 │   │
+├─────────────────────────────────────────────────┤
+│ 📌 當前法會: 2025年梁皇寶懺 (3/1-3/10)           │
+│ 📊 總筆數: 523 筆 │ 總金額: NT$ 1,569,000        │
+│                                                  │
+│ 🔍 搜尋: [____________________] [匯出Excel]     │
+│                                                  │
+│ 報名明細表格                                     │
+│ ┌─────────────────────────────────────────────┐│
+│ │法會│信眾│姓名│日期│類型│名稱│主│量│金額│收│  ││
+│ ├─────────────────────────────────────────────┤│
+│ │梁皇│F001│王大│1/15│牌位│消災│是│1│3000│3K│ ││
+│ │梁皇│F002│李小│1/16│供養│供僧│否│2│1000│1K│ ││
+│ └─────────────────────────────────────────────┘│
+│ 顯示 1-50 / 共 523 筆        [1][2][3]...[11]  │
+└─────────────────────────────────────────────────┘
+```
+
+##### 功能規格
+1. **資訊列**
+   - 顯示當前法會名稱和日期
+   - 顯示總筆數和總金額（從 `rawData` 計算）
+
+2. **搜尋框**
+   - 可搜尋：信眾編號、信眾姓名、功德類型、功德名稱
+   - 即時過濾（前端）
+
+3. **匯出 Excel 按鈕**
+   - 匯出當前過濾後的資料
+   - 使用 CSV 格式（UTF-8 BOM）
+   - 檔名：`報名明細_{法會名稱}_{時間戳記}.csv`
+
+4. **報名明細表格**
+   - 欄位顏色標示：
+     - 🟠 橘色：法會相關（法會名稱、日期）
+     - 🔵 藍色：信眾相關（編號、姓名、報名日期）
+     - 🟢 綠色：功德相關（類型、名稱、功德主）
+     - 🟣 紫色：計算欄位（數量、金額、已收、未收）
+   - 可排序所有欄位
+   - 分頁顯示（前端分頁）
+
+##### CSS 樣式
+```css
+/* 欄位色彩標記 */
+.field-activity { border-left: 4px solid #ff9800; }  /* 橘色 */
+.field-follower { border-left: 4px solid #2196f3; }  /* 藍色 */
+.field-merit { border-left: 4px solid #4caf50; }     /* 綠色 */
+.field-calculated { border-left: 4px solid #9c27b0; } /* 紫色 */
+```
+
+#### Vue 資料結構
+```javascript
+data() {
+  return {
+    activeTab: 0,  // 當前頁籤
+    
+    // Tab1: 法會選擇
+    tab1: {
+      year: 2025,  // 預設今年
+      yearOptions: [2020, 2021, ..., 2030],
+      loading: false,
+      activities: [],  // 法會清單
+      selectedActivity: null
+    },
+    
+    // 全域資料（所有 Tab 共用）
+    rawData: [],  // 完整報名明細資料
+    
+    // Tab5: 報名明細
+    tab5: {
+      headers: [
+        { text: '信眾姓名', value: '信眾姓名', class: 'field-follower' },
+        { text: '報名日期', value: '報名日期', class: 'field-follower' },
+        { text: '功德類型', value: '功德類型', class: 'field-merit' },
+        { text: '功德名稱', value: '功德名稱', class: 'field-merit' },
+        { text: '功德主', value: '功德主', class: 'field-merit' },
+        { text: '數量', value: '數量', class: 'field-calculated' },
+        { text: '金額', value: '金額', class: 'field-calculated' },
+        { text: '已收', value: '已收', class: 'field-calculated' },
+        { text: '未收', value: '未收', class: 'field-calculated' }
+      ],
+      search: ''
+    }
+  }
+},
+computed: {
+  hasData() { return this.rawData && this.rawData.length > 0; },
+  filteredData() { /* 搜尋過濾邏輯 */ },
+  totalAmount() { /* 總金額計算 */ }
+},
+methods: {
+  async loadActivities() { /* 載入法會清單 */ },
+  async selectActivity(activity) { /* 選擇法會並載入明細 */ },
+  exportToExcel() { /* 匯出 CSV */ }
+}
+```
+
+#### 開發步驟
+- [x] 建立 `pivot-01.aspx.cs`（空架子，參考 query.aspx.cs）
+- [x] 建立 `pivot-01.aspx` 基本框架（MasterPage、Content）
+- [x] 實作 Tab1 UI（年份選擇、法會表格）
+- [x] 實作 Tab1 邏輯（API 呼叫、資料綁定）
+- [x] 實作 Tab5 UI（資訊列、搜尋框、明細表格）
+- [x] 實作 Tab5 邏輯（過濾、排序、分頁）
+- [x] 實作匯出 Excel 功能
+- [x] 調整 CSS 樣式（欄位顏色標示）
+- [ ] 測試所有功能
+
+#### 資料流程
+```
+使用者選擇年份 → API查詢法會列表 → 顯示法會表格
+              ↓
+使用者點選法會 → API載入完整明細 → 儲存到rawData
+              ↓
+         切換到Tab5 → 顯示表格 → 可搜尋/排序/匯出
+```
+
+---
+
+### Phase 3 : Tab2 牌位分析實作計劃
+
+##### 目標
+實作 Tab2 牌位分析功能，將 `rawData` 轉換為樞紐分析表格式，提供功德類型和功德名稱的分層統計
+
+##### 設計規格
+
+###### 資料結構分析
+- **來源資料**: `rawData`（從 Tab1 選擇法會後載入的完整報名明細）
+- **分組維度**: 
+  - 第一層：功德類型 (`功德類型` 欄位)
+  - 第二層：功德名稱 (`功德名稱` 欄位)
+- **統計值**: 
+  - 數量總計：sum(`數量`)
+  - 金額總計：sum(`金額`)
+
+###### Vue 資料結構設計
+```javascript
+// Tab2: 牌位分析
+tab2: {
+  expanded: [],  // 展開的功德類型 ID 陣列
+  pivotData: [], // 處理後的樞紐資料
+  loading: false,
+  headers: [
+    { text: '功德項目', value: 'name', width: 300 },
+    { text: '數量總計', value: 'totalQty', width: 120, align: 'end' },
+    { text: '金額總計', value: 'totalAmount', width: 150, align: 'end' },
+    { text: '', value: 'data-table-expand', width: 50 } // 展開按鈕欄位
+  ]
+}
+```
+
+###### 樞紐資料轉換演算法
+```javascript
+computed: {
+  tab2PivotData() {
+    if (!this.rawData || this.rawData.length === 0) return [];
+    
+    // Step 1: 按功德類型分組
+    const typeGroups = {};
+    this.rawData.forEach(row => {
+      const type = row.功德類型 || '未分類';
+      const name = row.功德名稱 || '未命名';
+      const qty = parseInt(row.數量) || 0;
+      const amount = parseFloat(row.金額) || 0;
+      
+      if (!typeGroups[type]) {
+        typeGroups[type] = {
+          name: type,
+          isGroup: true,
+          totalQty: 0,
+          totalAmount: 0,
+          children: {}
+        };
+      }
+      
+      // Step 2: 按功德名稱分組
+      if (!typeGroups[type].children[name]) {
+        typeGroups[type].children[name] = {
+          name: name,
+          isGroup: false,
+          totalQty: 0,
+          totalAmount: 0,
+          parentType: type
+        };
+      }
+      
+      // Step 3: 累計統計
+      typeGroups[type].children[name].totalQty += qty;
+      typeGroups[type].children[name].totalAmount += amount;
+      typeGroups[type].totalQty += qty;
+      typeGroups[type].totalAmount += amount;
+    });
+    
+    // Step 4: 轉換為表格資料
+    const result = [];
+    Object.values(typeGroups).forEach(group => {
+      result.push(group);
+      Object.values(group.children).forEach(child => {
+        result.push(child);
+      });
+    });
+    
+    return result;
+  }
+}
+```
+
+###### UI 實作規格
+
+**表格結構**:
+```html
+<v-data-table
+  :headers="tab2.headers"
+  :items="tab2PivotData"
+  :expanded.sync="tab2.expanded"
+  show-expand
+  item-key="name"
+  class="elevation-1"
+  hide-default-footer
+>
+  <!-- 功德項目欄位 -->
+  <template v-slot:item.name="{ item }">
+    <div :class="{'font-weight-bold primary--text': item.isGroup, 'ml-6': !item.isGroup}">
+      <v-icon v-if="item.isGroup" left color="orange">mdi-tag</v-icon>
+      <v-icon v-else left color="green" small>mdi-circle-small</v-icon>
+      {{ item.name }}
+    </div>
+  </template>
+  
+  <!-- 數量總計欄位 -->
+  <template v-slot:item.totalQty="{ item }">
+    <span :class="{'font-weight-bold': item.isGroup}">
+      {{ item.totalQty.toLocaleString() }}
+    </span>
+  </template>
+  
+  <!-- 金額總計欄位 -->
+  <template v-slot:item.totalAmount="{ item }">
+    <span :class="{'font-weight-bold': item.isGroup}">
+      {{ formatCurrency(item.totalAmount) }}
+    </span>
+  </template>
+  
+  <!-- 總計 Footer -->
+  <template v-slot:foot>
+    <tfoot>
+      <tr class="grey lighten-3">
+        <td class="font-weight-bold">總計</td>
+        <td class="text-right font-weight-bold">{{ grandTotalQty.toLocaleString() }}</td>
+        <td class="text-right font-weight-bold">{{ formatCurrency(grandTotalAmount) }}</td>
+        <td></td>
+      </tr>
+    </tfoot>
+  </template>
+</v-data-table>
+```
+
+**樣式設計**:
+```css
+/* Tab2 樞紐分析表樣式 */
+.pivot-group-row {
+  background-color: #f5f5f5 !important;
+  border-left: 4px solid #ff9800;
+}
+
+.pivot-detail-row {
+  border-left: 4px solid #4caf50;
+}
+
+.pivot-total-row {
+  background-color: #e3f2fd !important;
+  border-left: 4px solid #2196f3;
+  font-weight: bold !important;
+}
+```
+
+##### 實作步驟
+
+1. **需求分析與設計** (1 小時)
+   - 確認樞紐分析表的確切需求
+   - 設計資料轉換演算法
+   - 規劃 UI 元件結構
+
+2. **資料處理邏輯** (2 小時)
+   - 實作 `tab2PivotData` computed 屬性
+   - 實作資料分組和統計演算法
+   - 添加總計計算邏輯
+
+3. **UI 元件實作** (2 小時)
+   - 在 `pivot-01.aspx` 中添加 Tab2 內容
+   - 實作樞紐分析表格元件
+   - 添加展開/收合功能
+
+4. **樣式與視覺化** (1 小時)
+   - 設計分層樣式（群組 vs 明細）
+   - 添加圖示區分功德類型和名稱
+   - 實作總計列樣式
+
+5. **測試與優化** (1 小時)
+   - 測試不同資料量的效能
+   - 驗證統計數字正確性
+   - 調整使用者體驗
+
+##### 預期成果
+
+**功能完成標準**:
+- ✅ 可正確按功德類型和功德名稱分組顯示
+- ✅ 統計數字正確（數量總計、金額總計）
+- ✅ 支援展開/收合功德類型
+- ✅ 有明顯的視覺層級區分
+- ✅ 表格底部顯示全部總計
+- ✅ 響應式設計適配不同螢幕
+
+**資料範例展示**:
+```
+┌─────────────────────────────────────────────────┐
+│ 📊 牌位分析                                     │
+├─────────────────────────────────────────────────┤
+│ ▼ 🏷️ 牌位                │ 150 │ NT$ 450,000 │  │
+│   ● 消災大牌位            │  80 │ NT$ 240,000 │  │
+│   ● 祈福小牌位            │  70 │ NT$ 210,000 │  │
+│ ▼ 🏷️ 供養                │  95 │ NT$ 285,000 │  │
+│   ● 供僧                  │  45 │ NT$ 135,000 │  │
+│   ● 供燈                  │  50 │ NT$ 150,000 │  │
+├─────────────────────────────────────────────────┤
+│ 總計                      │ 245 │ NT$ 735,000 │  │
+└─────────────────────────────────────────────────┘
+```
+
+### Phase 4 : Tab3 信眾報名分析實作計劃
+
+##### 目標
+實作 Tab3 信眾報名分析功能，統計每位信眾的報名情況，區分功德主和一般信眾的數量與金額
+
+##### 設計規格
+
+###### 需求分析
+根據文件說明：
+- **搜尋欄位**: 關鍵字（姓名過濾）
+- **PIVOT 運算欄位**:
+  - 信眾編號
+  - 信眾姓名
+  - 功德主數量（功德主=是）
+  - 功德主金額（功德主=是）
+  - 功德數量（功德主=否）
+  - 功德金額（功德主=否）
+
+###### 資料結構分析
+- **來源資料**: `rawData`
+- **分組維度**: 信眾（`信眾編號` + `信眾姓名`）
+- **統計維度**: 
+  - 按 `功德主` 欄位分類（"是" / "否"）
+  - 計算數量和金額
+
+###### Vue 資料結構設計
+```javascript
+// Tab3: 信眾報名分析
+tab3: {
+  search: '',  // 搜尋關鍵字
+  headers: [
+    { text: '信眾編號', value: '信眾編號', width: 120, class: 'field-follower' },
+    { text: '信眾姓名', value: '信眾姓名', width: 120, class: 'field-follower' },
+    { text: '功德主數量', value: '功德主數量', width: 120, align: 'end', class: 'field-calculated' },
+    { text: '功德主金額', value: '功德主金額', width: 150, align: 'end', class: 'field-calculated' },
+    { text: '功德數量', value: '功德數量', width: 120, align: 'end', class: 'field-calculated' },
+    { text: '功德金額', value: '功德金額', width: 150, align: 'end', class: 'field-calculated' }
+  ]
+}
+```
+
+###### 樞紐資料轉換演算法
+```javascript
+computed: {
+  tab3PivotData() {
+    if (!this.rawData || this.rawData.length === 0) return [];
+    
+    // Step 1: 按信眾分組
+    const followerGroups = {};
+    this.rawData.forEach(row => {
+      const fNumber = row.信眾編號 || '';
+      const fName = row.信眾姓名 || '';
+      const key = fNumber + '_' + fName;
+      const qty = parseInt(row.數量) || 0;
+      const amount = parseFloat(row.金額) || 0;
+      const isMaster = row.功德主 === '是';
+      
+      if (!followerGroups[key]) {
+        followerGroups[key] = {
+          信眾編號: fNumber,
+          信眾姓名: fName,
+          功德主數量: 0,
+          功德主金額: 0,
+          功德數量: 0,
+          功德金額: 0
+        };
+      }
+      
+      // Step 2: 累計統計
+      if (isMaster) {
+        followerGroups[key].功德主數量 += qty;
+        followerGroups[key].功德主金額 += amount;
+      } else {
+        followerGroups[key].功德數量 += qty;
+        followerGroups[key].功德金額 += amount;
+      }
+    });
+    
+    // Step 3: 轉換為陣列並排序
+    return Object.values(followerGroups)
+      .sort((a, b) => {
+        // 依功德主金額降序，再依姓名升序
+        const amountDiff = (b.功德主金額 + b.功德金額) - (a.功德主金額 + a.功德金額);
+        return amountDiff !== 0 ? amountDiff : a.信眾姓名.localeCompare(b.信眾姓名);
+      });
+  },
+  
+  // 搜尋過濾
+  tab3FilteredData() {
+    if (!this.tab3.search) return this.tab3PivotData;
+    
+    const keyword = this.tab3.search.toLowerCase();
+    return this.tab3PivotData.filter(row => {
+      return row.信眾編號.toLowerCase().includes(keyword) ||
+             row.信眾姓名.toLowerCase().includes(keyword);
+    });
+  },
+  
+  // 總計統計
+  tab3Summary() {
+    const data = this.tab3FilteredData;
+    return {
+      總人數: data.length,
+      功德主數量合計: data.reduce((sum, row) => sum + row.功德主數量, 0),
+      功德主金額合計: data.reduce((sum, row) => sum + row.功德主金額, 0),
+      功德數量合計: data.reduce((sum, row) => sum + row.功德數量, 0),
+      功德金額合計: data.reduce((sum, row) => sum + row.功德金額, 0)
+    };
+  }
+}
+```
+
+###### UI 實作規格
+
+**表格結構**:
+```html
+<v-card>
+  <v-card-title class="success white--text">
+    <v-icon left color="white">mdi-account-multiple</v-icon>
+    信眾報名分析
+    <v-spacer></v-spacer>
+    <v-chip v-if="tab1.selectedActivity" color="white" text-color="success">
+      {{ tab1.selectedActivity.法會名稱 }}
+    </v-chip>
+  </v-card-title>
+  
+  <v-card-text>
+    <!-- 搜尋列 -->
+    <v-row class="mb-4">
+      <v-col cols="12" md="6">
+        <v-text-field
+          v-model="tab3.search"
+          label="搜尋信眾（編號或姓名）"
+          prepend-icon="mdi-magnify"
+          clearable
+          outlined
+          dense
+        ></v-text-field>
+      </v-col>
+      <v-col cols="12" md="6" class="text-right">
+        <v-btn color="primary" @click="exportTab3ToCSV">
+          <v-icon left>mdi-download</v-icon>
+          匯出 Excel
+        </v-btn>
+      </v-col>
+    </v-row>
+    
+    <!-- 統計資訊列 -->
+    <div class="info-bar mb-4">
+      <v-row>
+        <v-col cols="6" md="3">
+          <div><strong>總人數</strong></div>
+          <div class="text-h6">{{ tab3Summary.總人數 }} 人</div>
+        </v-col>
+        <v-col cols="6" md="3">
+          <div><strong>功德主數量</strong></div>
+          <div class="text-h6">{{ tab3Summary.功德主數量合計.toLocaleString() }}</div>
+        </v-col>
+        <v-col cols="6" md="3">
+          <div><strong>功德主金額</strong></div>
+          <div class="text-h6">{{ formatCurrency(tab3Summary.功德主金額合計) }}</div>
+        </v-col>
+        <v-col cols="6" md="3">
+          <div><strong>總金額</strong></div>
+          <div class="text-h6 primary--text">
+            {{ formatCurrency(tab3Summary.功德主金額合計 + tab3Summary.功德金額合計) }}
+          </div>
+        </v-col>
+      </v-row>
+    </div>
+    
+    <!-- 信眾統計表格 -->
+    <v-data-table
+      :headers="tab3.headers"
+      :items="tab3FilteredData"
+      :items-per-page="20"
+      class="elevation-1"
+    >
+      <!-- 金額欄位格式化 -->
+      <template v-slot:item.功德主金額="{ item }">
+        <span :class="{'font-weight-bold success--text': item.功德主金額 > 0}">
+          {{ formatCurrency(item.功德主金額) }}
+        </span>
+      </template>
+      
+      <template v-slot:item.功德金額="{ item }">
+        {{ formatCurrency(item.功德金額) }}
+      </template>
+      
+      <!-- 無資料提示 -->
+      <template v-slot:no-data>
+        <v-alert type="info" class="ma-4">
+          {{ tab3.search ? '查無符合條件的信眾' : '請先選擇法會以載入分析資料' }}
+        </v-alert>
+      </template>
+    </v-data-table>
+  </v-card-text>
+</v-card>
+```
+
+**樣式設計**:
+```css
+/* Tab3 信眾分析樣式 */
+.info-bar {
+  background-color: #f5f5f5;
+  border-radius: 8px;
+  padding: 16px;
+}
+
+.info-bar .text-h6 {
+  color: #1976d2;
+  margin-top: 4px;
+}
+
+/* 功德主高亮 */
+.follower-master-highlight {
+  background-color: #fff3e0 !important;
+}
+```
+
+##### 實作步驟
+
+1. **資料處理邏輯** (2 小時)
+   - 實作 `tab3PivotData` computed 屬性
+   - 實作信眾分組演算法
+   - 區分功德主和一般功德統計
+   - 實作搜尋過濾邏輯
+
+2. **UI 元件實作** (2 小時)
+   - 在 `pivot-01.aspx` 中添加 Tab3 內容
+   - 實作搜尋框和過濾功能
+   - 實作統計資訊列
+   - 實作信眾統計表格
+
+3. **匯出功能** (1 小時)
+   - 實作 `exportTab3ToCSV()` 方法
+   - 處理 CSV 格式和編碼
+
+4. **測試與優化** (1 小時)
+   - 測試不同搜尋條件
+   - 驗證統計數字正確性
+   - 測試匯出功能
+
+##### 預期成果
+
+**功能完成標準**:
+- ✅ 可正確按信眾分組並統計
+- ✅ 區分功德主和一般功德的數量/金額
+- ✅ 搜尋功能正常運作
+- ✅ 統計資訊列顯示正確
+- ✅ 支援匯出 CSV
+- ✅ 資料排序合理（按金額降序）
+
+**資料範例展示**:
+```
+┌────────────────────────────────────────────────────────────────┐
+│ 👥 信眾報名分析                    114年法會報名統計分析        │
+├────────────────────────────────────────────────────────────────┤
+│ 🔍 [搜尋信眾...        ] [匯出Excel]                           │
+│                                                                 │
+│ 📊 總人數: 85 人 │ 功德主數量: 150 │ 總金額: NT$ 1,569,000     │
+├────────────────────────────────────────────────────────────────┤
+│ 編號  │ 姓名   │ 功德主數量 │ 功德主金額  │ 功德數量 │ 功德金額 │
+│ F001  │ 王大明 │     5      │ NT$ 15,000 │    3     │ NT$ 9,000│
+│ F002  │ 李小華 │     3      │ NT$ 9,000  │    5     │ NT$ 5,000│
+│ F003  │ 張美麗 │     0      │ NT$ 0      │    2     │ NT$ 6,000│
+└────────────────────────────────────────────────────────────────┘
+```
+
+---
+
+### Phase 5 : Tab4 功德主查詢分析實作計劃
+
+##### 目標
+實作 Tab4 功德主查詢分析功能，提供動態樞紐分析表，可按功德類型和功德項目查看每位信眾的數量或金額
+
+##### 設計規格
+
+###### 需求分析
+根據文件說明：
+- **搜尋欄位**:
+  - 關鍵字：姓名過濾
+  - 功德類型下拉：全部或單一分類
+  - RADIO：切換值：金額 或 數量
+  - CHECK：功德主：是/否
+- **PIVOT TABLE**:
+  - 第一欄：信眾姓名（FIXED）
+  - 第二欄：總計（金額或數量）
+  - 第三欄以後：所選功德類型（或全部）的功德項目（橫向展開）
+  - 資料列：該信眾在該功德項目的金額或數量
+
+###### 資料結構分析
+- **來源資料**: `rawData`
+- **動態維度**: 
+  - 列：信眾姓名
+  - 欄：功德項目（依選擇的功德類型過濾）
+  - 值：數量 或 金額（可切換）
+- **過濾條件**:
+  - 姓名關鍵字
+  - 功德類型
+  - 功德主狀態
+
+###### Vue 資料結構設計
+```javascript
+// Tab4: 功德主查詢分析
+tab4: {
+  search: '',  // 姓名關鍵字
+  meritType: '全部',  // 功德類型選擇
+  meritTypeOptions: [],  // 功德類型下拉選項
+  valueType: 'amount',  // 'amount' 或 'quantity'
+  showMasterOnly: false,  // 只顯示功德主
+  loading: false
+}
+```
+
+###### 樞紐資料轉換演算法
+```javascript
+computed: {
+  // 功德類型選項（從 rawData 動態產生）
+  tab4MeritTypeOptions() {
+    if (!this.rawData || this.rawData.length === 0) return ['全部'];
+    
+    const types = new Set(this.rawData.map(row => row.功德類型).filter(Boolean));
+    return ['全部', ...Array.from(types).sort()];
+  },
+  
+  // 過濾後的原始資料
+  tab4FilteredRawData() {
+    let data = this.rawData;
+    
+    // 功德主過濾
+    if (this.tab4.showMasterOnly) {
+      data = data.filter(row => row.功德主 === '是');
+    }
+    
+    // 功德類型過濾
+    if (this.tab4.meritType !== '全部') {
+      data = data.filter(row => row.功德類型 === this.tab4.meritType);
+    }
+    
+    // 姓名過濾
+    if (this.tab4.search) {
+      const keyword = this.tab4.search.toLowerCase();
+      data = data.filter(row => 
+        row.信眾姓名.toLowerCase().includes(keyword)
+      );
+    }
+    
+    return data;
+  },
+  
+  // 取得功德項目清單（橫向欄位）
+  tab4MeritItems() {
+    const items = new Set(
+      this.tab4FilteredRawData.map(row => row.功德名稱).filter(Boolean)
+    );
+    return Array.from(items).sort();
+  },
+  
+  // 動態表頭
+  tab4Headers() {
+    const headers = [
+      { text: '信眾姓名', value: '信眾姓名', width: 150, fixed: true, class: 'field-follower' }
+    ];
+    
+    // 總計欄
+    const valueLabel = this.tab4.valueType === 'amount' ? '總金額' : '總數量';
+    headers.push({ 
+      text: valueLabel, 
+      value: '總計', 
+      width: 120, 
+      align: 'end',
+      class: 'field-calculated font-weight-bold'
+    });
+    
+    // 功德項目欄（動態）
+    this.tab4MeritItems.forEach(item => {
+      headers.push({
+        text: item,
+        value: item,
+        width: 100,
+        align: 'end',
+        class: 'field-merit'
+      });
+    });
+    
+    return headers;
+  },
+  
+  // 樞紐分析資料
+  tab4PivotData() {
+    if (!this.tab4FilteredRawData || this.tab4FilteredRawData.length === 0) return [];
+    
+    // Step 1: 按信眾和功德項目分組
+    const followerMeritMap = {};
+    this.tab4FilteredRawData.forEach(row => {
+      const fName = row.信眾姓名;
+      const mName = row.功德名稱;
+      const qty = parseInt(row.數量) || 0;
+      const amount = parseFloat(row.金額) || 0;
+      
+      if (!followerMeritMap[fName]) {
+        followerMeritMap[fName] = { 信眾姓名: fName };
+      }
+      
+      if (!followerMeritMap[fName][mName]) {
+        followerMeritMap[fName][mName] = { qty: 0, amount: 0 };
+      }
+      
+      followerMeritMap[fName][mName].qty += qty;
+      followerMeritMap[fName][mName].amount += amount;
+    });
+    
+    // Step 2: 轉換為表格格式
+    const result = Object.values(followerMeritMap).map(follower => {
+      const row = { 信眾姓名: follower.信眾姓名 };
+      let total = 0;
+      
+      // 計算每個功德項目的值
+      this.tab4MeritItems.forEach(item => {
+        if (follower[item]) {
+          const value = this.tab4.valueType === 'amount' 
+            ? follower[item].amount 
+            : follower[item].qty;
+          row[item] = value;
+          total += value;
+        } else {
+          row[item] = 0;
+        }
+      });
+      
+      row.總計 = total;
+      return row;
+    });
+    
+    // Step 3: 依總計降序排列
+    return result.sort((a, b) => b.總計 - a.總計);
+  }
+}
+```
+
+###### UI 實作規格
+
+**表格結構**:
+```html
+<v-card>
+  <v-card-title class="warning white--text">
+    <v-icon left color="white">mdi-table-pivot</v-icon>
+    功德主查詢分析
+    <v-spacer></v-spacer>
+    <v-chip v-if="tab1.selectedActivity" color="white" text-color="warning">
+      {{ tab1.selectedActivity.法會名稱 }}
+    </v-chip>
+  </v-card-title>
+  
+  <v-card-text>
+    <!-- 搜尋與過濾列 -->
+    <v-row class="mb-4">
+      <!-- 姓名搜尋 -->
+      <v-col cols="12" md="3">
+        <v-text-field
+          v-model="tab4.search"
+          label="搜尋姓名"
+          prepend-icon="mdi-magnify"
+          clearable
+          outlined
+          dense
+        ></v-text-field>
+      </v-col>
+      
+      <!-- 功德類型下拉 -->
+      <v-col cols="12" md="3">
+        <v-select
+          v-model="tab4.meritType"
+          :items="tab4MeritTypeOptions"
+          label="功德類型"
+          prepend-icon="mdi-tag"
+          outlined
+          dense
+        ></v-select>
+      </v-col>
+      
+      <!-- 值類型切換 -->
+      <v-col cols="12" md="3">
+        <v-radio-group v-model="tab4.valueType" row dense>
+          <v-radio label="金額" value="amount"></v-radio>
+          <v-radio label="數量" value="quantity"></v-radio>
+        </v-radio-group>
+      </v-col>
+      
+      <!-- 功德主過濾 -->
+      <v-col cols="12" md="3">
+        <v-checkbox
+          v-model="tab4.showMasterOnly"
+          label="只顯示功德主"
+          dense
+        ></v-checkbox>
+      </v-col>
+    </v-row>
+    
+    <!-- 統計資訊 -->
+    <div class="info-bar mb-4">
+      <v-row>
+        <v-col cols="4">
+          <strong>信眾數:</strong> {{ tab4PivotData.length }} 人
+        </v-col>
+        <v-col cols="4">
+          <strong>功德項目:</strong> {{ tab4MeritItems.length }} 項
+        </v-col>
+        <v-col cols="4">
+          <v-btn color="primary" small @click="exportTab4ToCSV">
+            <v-icon left small>mdi-download</v-icon>
+            匯出 Excel
+          </v-btn>
+        </v-col>
+      </v-row>
+    </div>
+    
+    <!-- 樞紐分析表格 -->
+    <v-data-table
+      :headers="tab4Headers"
+      :items="tab4PivotData"
+      :items-per-page="20"
+      class="elevation-1 pivot-table-horizontal"
+      fixed-header
+      dense
+    >
+      <!-- 總計欄位強調 -->
+      <template v-slot:item.總計="{ item }">
+        <span class="font-weight-bold primary--text">
+          {{ tab4.valueType === 'amount' ? formatCurrency(item.總計) : item.總計.toLocaleString() }}
+        </span>
+      </template>
+      
+      <!-- 功德項目欄位格式化 -->
+      <template v-for="item in tab4MeritItems" v-slot:[`item.${item}`]="{ item: row }">
+        <span :class="{'grey--text': row[item] === 0}">
+          {{ tab4.valueType === 'amount' ? formatCurrency(row[item]) : (row[item] || '-') }}
+        </span>
+      </template>
+      
+      <!-- 無資料提示 -->
+      <template v-slot:no-data>
+        <v-alert type="info" class="ma-4">
+          {{ tab4.search ? '查無符合條件的信眾' : '請先選擇法會以載入分析資料' }}
+        </v-alert>
+      </template>
+    </v-data-table>
+  </v-card-text>
+</v-card>
+```
+
+**樣式設計**:
+```css
+/* Tab4 橫向樞紐表樣式 */
+.pivot-table-horizontal {
+  overflow-x: auto;
+}
+
+.pivot-table-horizontal .v-data-table__wrapper {
+  overflow-x: auto;
+  max-height: 600px;
+}
+
+/* 固定第一欄 */
+.pivot-table-horizontal th:first-child,
+.pivot-table-horizontal td:first-child {
+  position: sticky;
+  left: 0;
+  z-index: 2;
+  background-color: #fff;
+  box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+}
+
+/* 總計欄樣式 */
+.pivot-table-horizontal th:nth-child(2),
+.pivot-table-horizontal td:nth-child(2) {
+  background-color: #f5f5f5;
+  font-weight: bold;
+}
+
+/* 零值淡化 */
+.grey--text {
+  color: #9e9e9e !important;
+}
+```
+
+##### 實作步驟
+
+1. **資料處理邏輯** (3 小時)
+   - 實作過濾條件邏輯
+   - 實作動態表頭生成
+   - 實作橫向樞紐分析演算法
+   - 處理金額/數量切換
+
+2. **UI 元件實作** (3 小時)
+   - 實作搜尋與過濾區塊
+   - 實作動態表頭的 v-data-table
+   - 實作固定第一欄（信眾姓名）
+   - 處理橫向滾動
+
+3. **互動功能** (1 小時)
+   - 實作即時過濾更新
+   - 實作值類型切換
+   - 實作功德主過濾
+
+4. **匯出功能** (1 小時)
+   - 實作 `exportTab4ToCSV()` 方法
+   - 處理動態欄位的 CSV 匯出
+
+5. **測試與優化** (1 小時)
+   - 測試各種過濾組合
+   - 測試橫向滾動和固定欄
+   - 驗證統計數字正確性
+   - 優化大量欄位時的效能
+
+##### 預期成果
+
+**功能完成標準**:
+- ✅ 動態產生功德項目欄位
+- ✅ 支援姓名、功德類型、功德主過濾
+- ✅ 可切換金額/數量顯示
+- ✅ 第一欄（姓名）固定，橫向滾動
+- ✅ 總計欄醒目顯示
+- ✅ 支援匯出 CSV（包含動態欄位）
+- ✅ 零值適當淡化顯示
+
+**資料範例展示**:
+```
+┌───────────────────────────────────────────────────────────────┐
+│ 📊 功德主查詢分析              114年法會報名統計分析           │
+├───────────────────────────────────────────────────────────────┤
+│ 🔍[姓名] [功德類型:全部▼] ⚪金額 ⚪數量 ☑只顯示功德主          │
+│                                                                │
+│ 信眾數: 35 人 │ 功德項目: 8 項 │ [匯出Excel]                  │
+├───────────────────────────────────────────────────────────────┤
+│ 姓名   │ 總金額    │ 消災大牌位│ 祈福小牌位│ 供僧 │ 供燈 │...│
+│ 王大明 │ 50,000   │ 15,000   │ 10,000   │ 15K │ 10K │... │
+│ 李小華 │ 35,000   │ 20,000   │ 5,000    │ 5K  │ 5K  │... │
+│ 張美麗 │ 28,000   │ 0        │ 18,000   │ 5K  │ 5K  │... │
+└───────────────────────────────────────────────────────────────┘
+       ↑固定欄           ↑ 橫向滾動區域 →
+```
+
+---
+
+## 測試計劃
+
+### Phase 1 測試
+1. **API 端點測試**（使用 Postman）
+   - 測試 `/api/pivot01/activity_stats?year=2025`
+   - 測試不同年份參數
+   - 測試 `includeNoDate` 參數
+   - 測試 `/api/pivot01/registration_details?activityNum=123`
+   - 測試分頁參數
+   - 驗證回應格式和資料正確性
+
+### Phase 2 測試
+1. **UI 功能測試**
+   - 測試年份選擇器
+   - 測試法會清單載入
+   - 測試選擇法會功能
+   - 測試 Tab 切換（Tab2-6 在選擇前應隱藏）
+
+2. **資料顯示測試**
+   - 驗證 Tab5 資料正確顯示
+   - 測試搜尋功能（信眾、功德類型等）
+   - 測試排序功能
+   - 測試分頁功能
+
+3. **匯出測試**
+   - 測試匯出 CSV 檔案
+   - 驗證檔案格式正確（UTF-8 BOM）
+   - 測試特殊字元處理
+   - 測試中文編碼
+
+4. **瀏覽器相容性**
+   - Chrome
+   - Edge
+   - Firefox
+
+---
+
+## 預期成果
+
+### Phase 1 完成後
+✅ `pivot01Controller.cs` 正常運作
+✅ API 端點可正確查詢資料
+✅ 回應格式符合前端需求
+✅ 錯誤處理完善
+
+### Phase 2 完成後
+✅ `pivot-01.aspx` 頁面正常運作
+✅ Tab1 可正常查詢和選擇法會
+✅ Tab5 可正常顯示報名明細
+✅ 搜尋、排序、分頁功能正常
+✅ 匯出 Excel 功能正常
+✅ 使用者體驗良好
\ No newline at end of file
diff --git a/web/admin/pivot/README.md b/web/admin/pivot/README.md
new file mode 100644
index 0000000..d134cdf
--- /dev/null
+++ b/web/admin/pivot/README.md
@@ -0,0 +1,768 @@
+# Pivot Module 執行計劃
+
+## 概述
+建立多頁籤數據透視查詢模組，參考 transfer 模組的設計架構，使用相同的技術棧與 UI/UX 模式，實現法會報名資料的多維度分析與展示。
+
+---
+
+## 技術架構
+
+### 前端技術
+- **框架**: Vue.js 2.x + Vuetify 2.x（與 transfer 模組一致）
+- **表格元件**: v-data-table（Vuetify 內建表格元件）
+- **頁籤元件**: v-tabs / v-tab / v-tab-item（Vuetify 頁籤）
+- **UI 框架**: Bootstrap 5 + Bootstrap Icons（MasterPage）
+- **樣式**: 與 transfer 模組保持一致的視覺風格
+
+### 後端 API
+- **框架**: ASP.NET Web API（C#）
+- **ORM**: Entity Framework + LINQ
+- **控制器**: `App_Code/api/pivotController.cs`（已建立）
+- **資料庫視圖**: `報名明細查詢`（SQL View）
+
+### 資料流架構（重要）★
+```
+查詢流程:
+┌─────────────┐
+│   Tab 1     │ → 選擇法會 → API 查詢一次 → 
+│  查詢條件   │              (完整資料集)
+└─────────────┘
+       ↓
+┌─────────────────────────────────────────┐
+│  Vue Data (存於前端 this.rawData)        │
+│  - 完整報名明細                           │
+│  - 一次性載入，不重複查詢                 │
+└─────────────────────────────────────────┘
+       ↓
+┌──────┬──────┬──────┬──────┬──────┐
+│Tab 2 │Tab 3 │Tab 4 │Tab 5 │Tab 6 │
+│明細  │信眾  │收入  │趨勢  │對比  │
+│      │      │      │      │      │
+│ 純前端計算 / 過濾 / 分組 / 統計       │
+│ 使用 computed / methods / filters    │
+└──────────────────────────────────────┘
+```
+
+**優點**:
+1. ✅ **效能優化**: API 只查詢一次，減少伺服器負載
+2. ✅ **即時響應**: 切換頁籤無延遲，使用者體驗佳
+3. ✅ **離線分析**: 資料載入後可離線操作（過濾、排序、統計）
+4. ✅ **減少流量**: 不重複傳輸相同資料
+5. ✅ **一致性**: 所有頁籤基於同一份資料，確保一致性
+
+**技術實現**:
+- `this.rawData`: 原始完整資料（Tab 1 查詢後存入）
+- `computed properties`: 各頁籤的資料來源（動態計算）
+- `methods`: 過濾、分組、統計邏輯
+- `watch`: 監聽過濾條件變化
+
+### 元件規格
+1. **日期選擇器**: `v-date-picker` 或 `<input type="date">`
+2. **下拉選單**: `v-select`（年份、月份、法會選擇）
+3. **資料表格**: `v-data-table`（分頁、排序、過濾）
+4. **頁籤切換**: `v-tabs`（Tab 1~N）
+5. **按鈕群組**: `v-btn`（查詢、匯出、重設）
+6. **載入狀態**: `:loading="loading"`
+7. **視覺標記**: Bootstrap Badge（橙、藍、綠、紫色標籤）
+
+---
+
+## 頁籤設計
+
+### Tab 1: 查詢條件設定
+**功能目標**: 提供查詢條件，篩選法會並選擇目標法會
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [查詢條件]                                                    |
+|--------------------------------------------------------------|
+| 時間範圍: [年份 ▼] [月份 ▼] [查詢法會]                        |
+|--------------------------------------------------------------|
+| 法會清單:                                                     |
+| +----------------------------------------------------------+ |
+| | 序號 | 法會名稱 | 開始日期 | 結束日期 | 報名人數 | 操作 |   |
+| +----------------------------------------------------------+ |
+| | 1 | 2025春季法會 | 2025-03-01 | 2025-03-15 | 120 | [選擇] | |
+| | 2 | 2025夏季法會 | 2025-06-01 | 2025-06-20 | 85  | [選擇] | |
+| +----------------------------------------------------------+ |
++--------------------------------------------------------------+
+```
+
+#### 查詢流程
+1. 選擇年份（2020~2025）或月份（1~12）
+2. 點擊「查詢法會」按鈕
+3. API 回傳該期間的法會清單（`api/pivot/activity_stats`）
+4. 表格呈現法會清單（法會名稱、日期、統計）
+5. 點擊「選擇」按鈕，載入該法會的詳細資料
+6. 自動切換到 Tab 2（詳細資料頁籤）
+
+#### API 整合
+- **端點**: `GET api/pivot/activity_stats?startDate={start}&endDate={end}`
+- **回傳**: 法會清單（含報名統計）
+
+#### 資料查詢策略
+```javascript
+// 選擇法會後，一次性載入完整資料
+selectActivity(item) {
+  this.loading = true;
+  this.selectedActivity = item;
+  
+  // 一次性查詢完整報名明細（不分頁）
+  axios.get('/api/pivot/registration_details', {
+    params: {
+      activityNum: item.法會ID,
+      pageSize: 9999  // 取得全部資料
+    }
+  }).then(response => {
+    // 存入原始資料（供所有頁籤使用）
+    this.rawData = response.data.data.list;
+    
+    // 自動切換到 Tab 2
+    this.activeTab = 1;
+    this.loading = false;
+  });
+}
+```
+
+#### 元件範例
+```html
+<v-select
+  :items="yearOptions"
+  v-model="selectedYear"
+  label="年份"
+  dense
+  outlined
+></v-select>
+<v-select
+  :items="monthOptions"
+  v-model="selectedMonth"
+  label="月份"
+  dense
+  outlined
+  clearable
+></v-select>
+<v-btn color="primary" @click="loadActivities">查詢法會</v-btn>
+
+<v-data-table
+  :headers="activityHeaders"
+  :items="activities"
+  :loading="loading"
+  item-key="法會ID"
+>
+  <template v-slot:item.actions="{ item }">
+    <v-btn small color="success" @click="selectActivity(item)">選擇</v-btn>
+  </template>
+</v-data-table>
+```
+
+---
+
+### Tab 2: 報名明細資料
+**功能目標**: 完整呈現該場法會的所有報名明細
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [報名明細] 法會: 2025春季法會 (2025-03-01 ~ 2025-03-15)       |
+|--------------------------------------------------------------|
+| 過濾: [信眾姓名] [功德類型 ▼] [狀態 ▼] [查詢] [匯出Excel]      |
+|--------------------------------------------------------------|
+| +----------------------------------------------------------+ |
+| | 報名編號 | 報名日期 | 信眾姓名 | 功德名稱 | 數量 | 金額 |   |
+| +----------------------------------------------------------+ |
+| | 20250301001 | 2025-03-01 | 張三 | 點燈 | 1 | 500 |      |
+| | 20250301002 | 2025-03-01 | 李四 | 安太歲 | 1 | 300 |    |
+| +----------------------------------------------------------+ |
+| 第 1 頁，共 10 頁（共 200 筆）                                 |
++--------------------------------------------------------------+
+```
+
+#### 功能特性
+1. **欄位顯示**: 報名編號、報名日期、信眾姓名、功德名稱、數量、金額、已收、未收
+2. **過濾條件**: 信眾姓名（模糊搜尋）、功德類型（下拉選單）、功德主（是/否）
+3. **排序**: 可依任意欄位排序（升序/降序）
+4. **分頁**: 預設每頁 50 筆，可調整（10/20/50/100）
+5. **匯出**: 匯出 Excel/CSV
+
+#### 欄位色彩標記（參考 Excel 視圖）
+- **橙色（法會資料）**: 法會ID、法會名稱、開始日期、結束日期
+- **藍色（信眾資料）**: 信眾編號、信眾姓名
+- **綠色（功德資訊）**: 報名編號、報名日期、功德主、功德類型、功德名稱
+- **紫色（計算欄位）**: 數量、金額、已收、未收
+
+使用 Bootstrap Badge 或背景色區隔：
+```html
+<span class="badge bg-warning text-dark">法會</span>
+<span class="badge bg-info">信眾</span>
+<span class="badge bg-success">功德</span>
+<span class="badge bg-secondary">計算</span>
+```
+
+#### 資料來源（前端計算）
+```javascript
+computed: {
+  // Tab 2: 報名明細（前端分頁、過濾）
+  filteredRegistrations() {
+    let data = this.rawData;
+    
+    // 過濾：信眾姓名
+    if (this.filter.followerName) {
+      data = data.filter(x => x.信眾姓名.includes(this.filter.followerName));
+    }
+    
+    // 過濾：功德類型
+    if (this.filter.itemKind) {
+      data = data.filter(x => x.功德類型 === this.filter.itemKind);
+    }
+    
+    // 過濾：功德主
+    if (this.filter.isParent !== null) {
+      data = data.filter(x => x.功德主 === (this.filter.isParent ? '是' : '否'));
+    }
+    
+    return data;
+  },
+  
+  // 前端分頁
+  paginatedRegistrations() {
+    const start = (this.currentPage - 1) * this.pageSize;
+    const end = start + this.pageSize;
+    return this.filteredRegistrations.slice(start, end);
+  }
+}
+```
+
+#### 元件範例
+```html
+<v-data-table
+  :headers="detailHeaders"
+  :items="registrations"
+  :loading="loading"
+  :server-items-length="totalCount"
+  :options.sync="options"
+  item-key="報名編號"
+  class="elevation-1"
+>
+  <template v-slot:item.信眾姓名="{ item }">
+    <span class="badge bg-info me-1">信</span>{{ item.信眾姓名 }}
+  </template>
+  <template v-slot:item.金額="{ item }">
+    <span class="badge bg-secondary me-1">計</span>{{ item.金額 | currency }}
+  </template>
+</v-data-table>
+```
+
+---
+
+### Tab 3: 信眾參與分析
+**功能目標**: 統計信眾的參與情況（參與次數、金額、最近參與）
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [信眾參與分析]                                                |
+|--------------------------------------------------------------|
+| 過濾: [信眾編號] [參與次數 ≥] [總金額 ≥] [查詢]               |
+|--------------------------------------------------------------|
+| +----------------------------------------------------------+ |
+| | 信眾編號 | 姓名 | 參與次數 | 總金額 | 最近參與日期 |      |
+| +----------------------------------------------------------+ |
+| | F001 | 張三 | 5 | 2500 | 2025-03-01 |                 |
+| | F002 | 李四 | 3 | 1500 | 2025-02-15 |                 |
+| +----------------------------------------------------------+ |
++--------------------------------------------------------------+
+```
+
+#### 功能特性
+1. **統計欄位**: 參與次數、總金額、平均金額、最近參與日期
+2. **過濾條件**: 信眾編號、參與次數閾值、總金額閾值
+3. **排序**: 預設依參與次數降序
+4. **分頁**: 預設每頁 50 筆
+
+#### 資料來源（前端計算）
+```javascript
+computed: {
+  // Tab 3: 信眾參與分析（從 rawData 計算）
+  followerAnalysis() {
+    const followerMap = {};
+    
+    this.rawData.forEach(item => {
+      const fNum = item.信眾編號;
+      if (!followerMap[fNum]) {
+        followerMap[fNum] = {
+          信眾編號: fNum,
+          姓名: item.信眾姓名,
+          參與次數: 0,
+          總金額: 0,
+          最近參與日期: item.報名日期
+        };
+      }
+      
+      followerMap[fNum].參與次數++;
+      followerMap[fNum].總金額 += (item.金額 * item.數量);
+      
+      // 更新最近參與日期
+      if (new Date(item.報名日期) > new Date(followerMap[fNum].最近參與日期)) {
+        followerMap[fNum].最近參與日期 = item.報名日期;
+      }
+    });
+    
+    // 轉換為陣列，並計算平均金額
+    return Object.values(followerMap).map(f => ({
+      ...f,
+      平均金額: Math.round(f.總金額 / f.參與次數)
+    })).sort((a, b) => b.參與次數 - a.參與次數); // 依參與次數降序
+  }
+}
+```
+
+---
+
+### Tab 4: 收入統計分析
+**功能目標**: 依時間、法會、功德類型統計收入
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [收入統計分析]                                                |
+|--------------------------------------------------------------|
+| 分組方式: ( ) 月份 ( ) 年度 (•) 法會 ( ) 功德類型            |
+|--------------------------------------------------------------|
+| +----------------------------------------------------------+ |
+| | 分組名稱 | 報名人數 | 總金額 | 已收 | 未收 | 收款率 |    |
+| +----------------------------------------------------------+ |
+| | 2025春季法會 | 120 | 60000 | 50000 | 10000 | 83.3% |   |
+| | 2025夏季法會 | 85  | 45000 | 40000 | 5000  | 88.9% |   |
+| +----------------------------------------------------------+ |
++--------------------------------------------------------------+
+```
+
+#### 功能特性
+1. **分組方式**: 月份、年度、法會、功德類型
+2. **統計欄位**: 報名人數、總金額、已收、未收、收款率
+3. **圖表呈現**: 可加入 CanvasJS 長條圖/圓餅圖（選配）
+4. **匯出**: 支援 Excel/CSV
+
+#### 資料來源（前端計算）
+```javascript
+computed: {
+  // Tab 4: 收入統計分析（從 rawData 計算）
+  incomeStats() {
+    const statsMap = {};
+    const groupBy = this.groupBy; // 'monthly', 'yearly', 'activity', 'itemKind'
+    
+    this.rawData.forEach(item => {
+      let key;
+      switch(groupBy) {
+        case 'monthly':
+          key = item.報名日期.substring(0, 7); // YYYY-MM
+          break;
+        case 'yearly':
+          key = item.報名日期.substring(0, 4); // YYYY
+          break;
+        case 'activity':
+          key = item.法會名稱;
+          break;
+        case 'itemKind':
+          key = item.功德類型;
+          break;
+      }
+      
+      if (!statsMap[key]) {
+        statsMap[key] = {
+          分組名稱: key,
+          報名人數: 0,
+          總金額: 0,
+          已收: 0,
+          未收: 0
+        };
+      }
+      
+      statsMap[key].報名人數++;
+      const amount = item.金額 * item.數量;
+      statsMap[key].總金額 += amount;
+      statsMap[key].已收 += item.已收 || 0;
+      statsMap[key].未收 += item.未收 || amount;
+    });
+    
+    // 計算收款率
+    return Object.values(statsMap).map(s => ({
+      ...s,
+      收款率: s.總金額 > 0 ? ((s.已收 / s.總金額) * 100).toFixed(1) + '%' : '0%'
+    }));
+  }
+}
+```
+
+---
+
+### Tab 5: 趨勢分析
+**功能目標**: 顯示時間序列趨勢（收入、參與人數、法會數量）
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [趨勢分析]                                                    |
+|--------------------------------------------------------------|
+| 指標: ( ) 收入 (•) 參與人數 ( ) 法會數量                      |
+| 時間間隔: ( ) 月份 (•) 季度 ( ) 年度                          |
+|--------------------------------------------------------------|
+| [折線圖]                                                      |
+|                                                              |
+| +----------------------------------------------------------+ |
+| | 時間 | 數值 | 成長率 |                                    |
+| +----------------------------------------------------------+ |
+| | 2025-01 | 120 | +10% |                                  |
+| | 2025-02 | 132 | +10% |                                  |
+| +----------------------------------------------------------+ |
++--------------------------------------------------------------+
+```
+
+#### 功能特性
+1. **指標選擇**: 收入、參與人數、法會數量
+2. **時間間隔**: 月份、季度、年度
+3. **成長率計算**: 較前期成長率
+4. **圖表**: CanvasJS 折線圖（選配）
+
+#### 資料來源（前端計算）
+```javascript
+computed: {
+  // Tab 5: 趨勢分析（從 rawData 計算）
+  trendAnalysis() {
+    const metric = this.trendMetric; // 'income', 'followers', 'count'
+    const interval = this.trendInterval; // 'monthly', 'quarterly', 'yearly'
+    const trendMap = {};
+    
+    this.rawData.forEach(item => {
+      let key;
+      switch(interval) {
+        case 'monthly':
+          key = item.報名日期.substring(0, 7); // YYYY-MM
+          break;
+        case 'quarterly':
+          const month = parseInt(item.報名日期.substring(5, 7));
+          const quarter = Math.ceil(month / 3);
+          key = `${item.報名日期.substring(0, 4)}-Q${quarter}`;
+          break;
+        case 'yearly':
+          key = item.報名日期.substring(0, 4); // YYYY
+          break;
+      }
+      
+      if (!trendMap[key]) {
+        trendMap[key] = { 時間: key, 收入: 0, 人數: 0, 次數: 0 };
+      }
+      
+      trendMap[key].收入 += (item.金額 * item.數量);
+      trendMap[key].人數++; // 簡化計算，實際可用 Set 去重
+      trendMap[key].次數++;
+    });
+    
+    // 轉換為陣列並排序
+    const result = Object.values(trendMap).sort((a, b) => a.時間.localeCompare(b.時間));
+    
+    // 計算成長率
+    return result.map((item, index) => {
+      if (index === 0) {
+        return { ...item, 數值: item[metric === 'income' ? '收入' : metric === 'followers' ? '人數' : '次數'], 成長率: '-' };
+      }
+      const prev = result[index - 1];
+      const currentValue = item[metric === 'income' ? '收入' : metric === 'followers' ? '人數' : '次數'];
+      const prevValue = prev[metric === 'income' ? '收入' : metric === 'followers' ? '人數' : '次數'];
+      const growthRate = prevValue > 0 ? (((currentValue - prevValue) / prevValue) * 100).toFixed(1) : '0';
+      return { ...item, 數值: currentValue, 成長率: growthRate + '%' };
+    });
+  }
+}
+```
+
+---
+
+### Tab 6: 對比分析（選配）
+**功能目標**: 不同時期、法會的對比分析
+
+#### UI 布局
+```
++--------------------------------------------------------------+
+| [對比分析]                                                    |
+|--------------------------------------------------------------|
+| 對比類型: (•) 法會對比 ( ) 年度對比                           |
+| 期間1: [2025春季法會 ▼]  期間2: [2024春季法會 ▼]             |
+|--------------------------------------------------------------|
+| +----------------------------------------------------------+ |
+| | 指標 | 期間1 | 期間2 | 差異 | 差異率 |                  |
+| +----------------------------------------------------------+ |
+| | 報名人數 | 120 | 100 | +20 | +20% |                   |
+| | 總金額 | 60000 | 50000 | +10000 | +20% |             |
+| +----------------------------------------------------------+ |
++--------------------------------------------------------------+
+```
+
+#### 資料來源（前端計算）
+```javascript
+computed: {
+  // Tab 6: 對比分析（從 rawData 計算）
+  // 注意：對比分析可能需要跨法會資料，如需要可額外查詢
+  comparativeAnalysis() {
+    // 如果只在單一法會內對比（如月份對比），可用 rawData
+    // 如果需要跨法會對比，建議另外查詢或在 Tab 1 時一併載入多場法會資料
+    const period1Data = this.rawData.filter(x => {
+      // 依 period1 條件過濾
+      return this.isPeriod1(x);
+    });
+    
+    const period2Data = this.rawData.filter(x => {
+      // 依 period2 條件過濾
+      return this.isPeriod2(x);
+    });
+    
+    const stats1 = this.calculateStats(period1Data);
+    const stats2 = this.calculateStats(period2Data);
+    
+    return [
+      { 指標: '報名人數', 期間1: stats1.count, 期間2: stats2.count, 差異: stats1.count - stats2.count },
+      { 指標: '總金額', 期間1: stats1.amount, 期間2: stats2.amount, 差異: stats1.amount - stats2.amount },
+      // ... 其他指標
+    ];
+  }
+}
+```
+
+---
+
+## 視覺設計規範
+
+### 色彩系統（參考 transfer）
+- **主色調**: Bootstrap 5 預設配色
+- **成功/確認**: `bg-success` / `text-success`
+- **警告**: `bg-warning` / `text-warning`
+- **危險/錯誤**: `bg-danger` / `text-danger`
+- **資訊**: `bg-info` / `text-info`
+- **次要**: `bg-secondary` / `text-muted`
+
+### 欄位色彩標記（對應 Excel）
+```html
+<!-- 橙色：法會資料 -->
+<span class="badge bg-warning text-dark">法</span>
+
+<!-- 藍色：信眾資料 -->
+<span class="badge bg-info">信</span>
+
+<!-- 綠色：功德資訊 -->
+<span class="badge bg-success">功德</span>
+
+<!-- 紫色：計算欄位 -->
+<span class="badge bg-secondary">計</span>
+```
+
+### 表格樣式
+```css
+/* 與 transfer 保持一致 */
+.v-data-table th {
+  background-color: #f5f5f5 !important;
+  font-weight: bold;
+}
+
+.v-data-table tbody tr:hover {
+  background-color: #f0f8ff !important;
+}
+
+/* 欄位色彩標記 */
+.field-activity { border-left: 3px solid #ffc107; } /* 橙 */
+.field-follower { border-left: 3px solid #17a2b8; } /* 藍 */
+.field-merit { border-left: 3px solid #28a745; }    /* 綠 */
+.field-calculated { border-left: 3px solid #6c757d; } /* 紫 */
+```
+
+---
+
+## API 端點總覽
+
+| 端點 | 方法 | 功能 | 對應頁籤 | 使用時機 |
+|------|------|------|----------|----------|
+| `/api/pivot/activity_stats` | GET | 查詢法會清單與統計 | Tab 1 | 選擇查詢條件時 |
+| `/api/pivot/registration_details` | GET | 報名明細查詢（**完整資料**） | Tab 1 | **選擇法會後一次性載入** ★ |
+| `/api/pivot/registration_details_export` | GET | 報名明細匯出 | Tab 2 | 匯出 Excel 時（選配） |
+| `/api/pivot/excel_data_structured` | GET | Excel 數據連接 | 外部 | Power Query/Power Pivot |
+
+**重要說明**:
+- ✅ **Tab 2~6 不呼叫 API**，全部使用前端 `computed` 計算
+- ✅ `registration_details` 查詢時使用 `pageSize=9999` 取得完整資料
+- ✅ 原 `follower_analysis`, `income_stats`, `trend_analysis`, `comparative_analysis` 端點**保留備用**，但前端優先使用 computed
+- ✅ 如資料量過大（>5000 筆），可調整策略改用分頁查詢
+
+---
+
+## 檔案結構
+
+```
+admin/pivot/
+├── index.aspx              # 首頁（已完成）
+├── index.aspx.cs           # 首頁邏輯（已完成）
+├── query.aspx              # 多頁籤查詢頁面（待建立）★
+├── query.aspx.cs           # 查詢頁面邏輯（待建立）★
+└── README.md               # 本文件
+
+App_Code/api/
+└── pivotController.cs      # API 控制器（已完成）
+```
+
+---
+
+## 實作步驟
+
+### Phase 1: 建立查詢頁面骨架
+1. ✅ 建立 `query.aspx`（參考 transfer/verify.aspx）
+2. ✅ 建立 `query.aspx.cs`（參考 transfer/verify.aspx.cs）
+3. ✅ 引入 Vue.js + Vuetify
+4. ✅ 建立頁籤結構（v-tabs）
+
+### Phase 2: 實作 Tab 1（查詢條件）
+1. ✅ 年份/月份選擇器
+2. ✅ 查詢法會按鈕與 API 整合（`activity_stats`）
+3. ✅ 法會清單表格（v-data-table）
+4. ✅ 選擇法會邏輯（一次性載入完整資料）
+5. ✅ `this.rawData` 資料結構設計
+
+### Phase 3: 實作 Tab 2（報名明細）
+1. ✅ 報名明細表格（前端分頁、排序、過濾）
+2. ✅ `computed: filteredRegistrations` 實作
+3. ✅ 欄位色彩標記（badge）
+4. ✅ 匯出功能（選配）
+
+### Phase 4: 實作 Tab 3~6（分析頁籤）
+1. ✅ 信眾參與分析（Tab 3）- `computed: followerAnalysis`
+2. ✅ 收入統計分析（Tab 4）- `computed: incomeStats`
+3. ✅ 趨勢分析（Tab 5）- `computed: trendAnalysis`
+4. ✅ 對比分析（Tab 6，選配）- `computed: comparativeAnalysis`
+
+### Phase 5: 優化與測試
+1. ✅ UI/UX 調整（與 transfer 保持一致）
+2. ✅ 效能優化（分頁、快取）
+3. ✅ 瀏覽器相容性測試
+4. ✅ 權限控制（ezAuthorize）
+
+---
+
+## 參考範例
+
+### 1. transfer/verify.aspx
+- 多階段流程設計（程序1、程序2）
+- v-data-table 表格元件使用
+- 信眾選擇對話框（v-dialog）
+- 狀態選擇（v-select）
+
+### 2. transfer/verify1.aspx
+- 單階段流程設計
+- 簡潔的查詢與確認流程
+
+### 3. transfer/index.aspx
+- 功能入口頁面設計
+- Bootstrap Icons + Badge
+- 三欄式布局
+
+---
+
+## 注意事項
+
+1. **元件一致性**: 所有元件、樣式、命名均與 transfer 模組保持一致
+2. **API 規範**: 遵循 RESTful 設計，統一回傳格式
+3. **權限控制**: 所有 API 加上 `[ezAuthorize]`
+4. **效能考量**: 
+   - ✅ **前端計算策略**: Tab 1 查詢一次，Tab 2~6 使用 Vue computed 計算
+   - ✅ **資料量控制**: 單一法會報名明細預估 <5000 筆，適合前端處理
+   - ⚠️ **大資料處理**: 若單場法會 >5000 筆，可改用 API 分頁查詢
+   - ✅ **記憶體管理**: 切換法會時清除舊資料（`this.rawData = []`）
+5. **視覺區隔**: 使用 Badge、邊框色、背景色標記欄位類型
+6. **使用者體驗**: 載入狀態（loading）、錯誤提示（alert）、空資料提示
+7. **前端效能優化**:
+   - 使用 `computed` 而非 `methods`（自動快取）
+   - 大型陣列操作使用 `Object.freeze()` 凍結原始資料
+   - v-data-table 啟用虛擬滾動（`:virtual-scroll="true"`，資料量 >1000 時）
+
+---
+
+## SQL View 參考
+
+```SQL
+CREATE VIEW [dbo].[報名明細查詢]
+AS
+SELECT  dbo.activity.num AS 法會ID, dbo.activity.subject AS 法會名稱, dbo.activity.startDate_solar AS 開始日期, dbo.activity.endDate_solar AS 結束日期, 
+               dbo.followers.f_number AS 信眾編號, dbo.followers.u_name AS 信眾姓名, dbo.pro_order.order_no AS 報名編號, dbo.pro_order.up_time AS 報名日期, 
+               CASE WHEN parent_num IS NOT NULL THEN '是' ELSE '否' END AS 功德主, dbo.actItem_kind.kind AS 功德類型, dbo.actItem.subject AS 功德名稱, 
+               dbo.pro_order_detail.qty AS 數量, dbo.pro_order_detail.price AS 金額, 0 AS 已收, dbo.pro_order_detail.price * dbo.pro_order_detail.qty - 0 AS 未收
+FROM     dbo.pro_order_detail INNER JOIN
+               dbo.pro_order ON dbo.pro_order_detail.order_no = dbo.pro_order.order_no INNER JOIN
+               dbo.actItem ON dbo.pro_order_detail.actItem_num = dbo.actItem.num INNER JOIN
+               dbo.activity ON dbo.pro_order.activity_num = dbo.activity.num INNER JOIN
+               dbo.followers ON dbo.pro_order.f_num = dbo.followers.num INNER JOIN
+               dbo.actItem_kind ON dbo.actItem.kind = dbo.actItem_kind.num
+GO
+```
+
+---
+
+## 資料結構範例
+
+```javascript
+// Vue data 結構
+data() {
+  return {
+    // 原始完整資料（Tab 1 查詢後存入，供所有頁籤使用）
+    rawData: [],  // Array<報名明細物件>
+    
+    // 選中的法會
+    selectedActivity: null,
+    
+    // 當前頁籤索引
+    activeTab: 0,  // 0=Tab1, 1=Tab2, 2=Tab3...
+    
+    // Tab 2 過濾條件
+    filter: {
+      followerName: '',
+      itemKind: null,
+      isParent: null
+    },
+    
+    // Tab 4 分組方式
+    groupBy: 'activity',  // 'monthly', 'yearly', 'activity', 'itemKind'
+    
+    // Tab 5 趨勢設定
+    trendMetric: 'income',  // 'income', 'followers', 'count'
+    trendInterval: 'monthly',  // 'monthly', 'quarterly', 'yearly'
+    
+    // 載入狀態
+    loading: false
+  }
+}
+```
+
+## Vue Computed 效能考量
+
+```javascript
+computed: {
+  // 使用 Object.freeze() 凍結大型陣列，提升效能
+  frozenRawData() {
+    return Object.freeze(this.rawData);
+  },
+  
+  // 各頁籤 computed 基於 frozenRawData
+  filteredRegistrations() {
+    return this.frozenRawData.filter(/* 過濾邏輯 */);
+  }
+}
+```
+
+## 執行確認
+
+請檢視以上計劃，確認以下事項：
+
+1. ✅ 頁籤設計（Tab 1~6）符合需求
+2. ✅ 查詢流程（年/月 → 法會清單 → 明細資料）清晰
+3. ✅ 視覺區隔（色彩標記、Badge）符合 Excel 概念
+4. ✅ 技術架構（Vue + Vuetify + API）與 transfer 一致
+5. ✅ 功能完整性（查詢、過濾、排序、匯出）
+6. ✅ **資料流架構（一次查詢 + 前端計算）**合理且高效 ★
+
+**確認後即開始實作 Phase 1（建立查詢頁面骨架）。**
\ No newline at end of file
diff --git a/web/admin/pivot/index.aspx b/web/admin/pivot/index.aspx
new file mode 100644
index 0000000..776832a
--- /dev/null
+++ b/web/admin/pivot/index.aspx
@@ -0,0 +1,185 @@
+<%@ Page Title="數據透視管理" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" EnableEventValidation="false" CodeFile="index.aspx.cs" Inherits="admin_pivot_index" %>
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
+    <link rel="stylesheet" href="../../js/_bootstrap-icons-1.8.1/bootstrap-icons.css">
+    <style>
+        .function-icon {
+            font-size: 2em;
+            line-height: 1;
+            align-content: center;
+        }
+        .external-link-icon {
+            font-size: 0.8em;
+        }
+    </style>
+</asp:Content>
+<asp:Content ID="Content3" ContentPlaceHolderID="page_nav" runat="Server">
+    <h2 class="mb-3">數據透視管理</h2>
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
+    <div id="content" class="container py-4">
+        <div class="row">
+            <!-- 第一欄：報表查詢 -->
+            <div class="col-lg-4 mb-4">
+                <h5 class="text-primary mb-3">
+                    <i class="bi bi-graph-up"></i> 報表查詢
+                </h5>
+                <div class="list-group">
+                     <a href="activity_report.aspx" class="list-group-item list-group-item-action">
+                         <div class="d-flex justify-content-between align-items-start">
+                             <div class="d-flex">
+                                 <i class="bi bi-bar-chart text-success me-3 function-icon"></i>
+                                 <div>
+                                     <div>法會報名統計</div>
+                                     <small class="text-muted">各法會報名人數與金額統計</small>
+                                 </div>
+                             </div>
+                             <span class="badge bg-primary">管理員</span>
+                         </div>
+                     </a>
+                     <a href="follower_report.aspx" class="list-group-item list-group-item-action">
+                         <div class="d-flex justify-content-between align-items-start">
+                             <div class="d-flex">
+                                 <i class="bi bi-people text-info me-3 function-icon"></i>
+                                 <div>
+                                     <div>信眾參與分析</div>
+                                     <small class="text-muted">信眾參與法會的詳細分析</small>
+                                 </div>
+                             </div>
+                             <span class="badge bg-info">管理員</span>
+                         </div>
+                     </a>
+                     <a href="income_report.aspx" class="list-group-item list-group-item-action">
+                         <div class="d-flex justify-content-between align-items-start">
+                             <div class="d-flex">
+                                 <i class="bi bi-currency-dollar text-warning me-3 function-icon"></i>
+                                 <div>
+                                     <div>收入統計報表</div>
+                                     <small class="text-muted">各項功德金收入統計分析</small>
+                                 </div>
+                             </div>
+                             <span class="badge bg-warning text-dark">財務</span>
+                         </div>
+                     </a>
+                </div>
+            </div>
+
+            <!-- 第二欄：數據分析 -->
+            <div class="col-lg-4 mb-4">
+                <h5 class="text-primary mb-3">
+                    <i class="bi bi-pie-chart"></i> 數據分析
+                </h5>
+                <div class="list-group">
+                    <a href="query.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-diagram-3 text-primary me-3 function-icon"></i>
+                                <div>
+                                    <div>數據透視查詢</div>
+                                    <small class="text-muted">多維度數據透視分析（完整版）</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-success">NEW</span>
+                        </div>
+                    </a>
+                    <a href="pivot_analysis.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-diagram-3 text-secondary me-3 function-icon"></i>
+                                <div>
+                                    <div>樞紐分析（舊版）</div>
+                                    <small class="text-muted">多維度數據透視分析</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-secondary">分析師</span>
+                        </div>
+                    </a>
+                    <a href="trend_analysis.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-graph-up-arrow text-success me-3 function-icon"></i>
+                                <div>
+                                    <div>趨勢分析</div>
+                                    <small class="text-muted">時間序列趨勢變化分析</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-success">分析師</span>
+                        </div>
+                    </a>
+                    <a href="comparative_analysis.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-graph-down text-danger me-3 function-icon"></i>
+                                <div>
+                                    <div>對比分析</div>
+                                    <small class="text-muted">不同時期、法會的對比分析</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-danger">分析師</span>
+                        </div>
+                    </a>
+                </div>
+            </div>
+
+            <!-- 第三欄：報表管理 -->
+            <div class="col-lg-4 mb-4">
+                <h5 class="text-primary mb-3">
+                    <i class="bi bi-file-earmark-text"></i> 報表管理
+                </h5>
+                <div class="list-group">
+                    <a href="custom_report.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-file-plus text-info me-3 function-icon"></i>
+                                <div>
+                                    <div>自訂報表</div>
+                                    <small class="text-muted">建立自訂的報表範本</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-info">管理員</span>
+                        </div>
+                    </a>                
+                    <a href="report_schedule.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-clock text-secondary me-3 function-icon"></i>
+                                <div>
+                                    <div>定期報表</div>
+                                    <small class="text-muted">設定定期自動產生報表</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-secondary">管理員</span>
+                        </div>
+                    </a>
+                    <a href="export_center.aspx" class="list-group-item list-group-item-action">
+                        <div class="d-flex justify-content-between align-items-start">
+                            <div class="d-flex">
+                                <i class="bi bi-download text-success me-3 function-icon"></i>
+                                <div>
+                                    <div>匯出中心</div>
+                                    <small class="text-muted">報表匯出與下載管理</small>
+                                </div>
+                            </div>
+                            <span class="badge bg-success">使用者</span>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+
+        <!-- 統計資訊 -->
+        <div class="row mt-4">
+            <div class="col-12">
+                <div class="alert alert-info">
+                    <h6 class="alert-heading">
+                        <i class="bi bi-info-circle"></i> 系統說明
+                    </h6>
+                    <ul class="mb-0">
+                        <li><strong>報表查詢</strong>：提供各種預設報表的查詢與統計功能</li>
+                        <li><strong>數據分析</strong>：多維度的數據透視與趨勢分析工具</li>
+                        <li><strong>報表管理</strong>：自訂報表建立、定期報表設定與匯出管理</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</asp:Content>
\ No newline at end of file
diff --git a/web/admin/pivot/index.aspx.cs b/web/admin/pivot/index.aspx.cs
new file mode 100644
index 0000000..9dd5b99
--- /dev/null
+++ b/web/admin/pivot/index.aspx.cs
@@ -0,0 +1,10 @@
+using System;
+using System.Web.UI;
+
+public partial class admin_pivot_index : MyWeb.config
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+        // 頁面初始化（暫無邏輯）
+    }
+}
\ No newline at end of file
diff --git a/web/admin/pivot/pivot-01.aspx b/web/admin/pivot/pivot-01.aspx
new file mode 100644
index 0000000..842e83b
--- /dev/null
+++ b/web/admin/pivot/pivot-01.aspx
@@ -0,0 +1,1374 @@
+<%@ Page Title="法會報名統計分析" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" EnableEventValidation="false" CodeFile="pivot-01.aspx.cs" Inherits="admin_pivot_pivot01" %>
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
+    <link rel="stylesheet" href="../../js/_bootstrap-icons-1.8.1/bootstrap-icons.css">
+    <style>
+        /* 限定範圍：使用 #pivot01-app 選擇器 */
+        
+        /* 欄位色彩標記 */
+        #pivot01-app .field-activity { border-left: 4px solid #ff9800; }  /* 橘色 - 法會 */
+        #pivot01-app .field-follower { border-left: 4px solid #2196f3; }  /* 藍色 - 信眾 */
+        #pivot01-app .field-merit { border-left: 4px solid #4caf50; }     /* 綠色 - 功德 */
+        #pivot01-app .field-calculated { border-left: 4px solid #9c27b0; } /* 紫色 - 計算 */
+        
+        /* 表格樣式 */
+        #pivot01-app .v-data-table thead th {
+            background-color: #f5f5f5;
+            font-weight: bold;
+            position: sticky;
+            top: 0;
+            z-index: 2;
+        }
+        
+        #pivot01-app .v-data-table tbody tr:hover {
+            background-color: #e3f2fd;
+        }
+        
+        /* 頁籤樣式 */
+        #pivot01-app .v-tabs {
+            margin-bottom: 20px;
+        }
+        
+        /* 查詢條件區域 */
+        #pivot01-app .query-section {
+            background-color: #f8f9fa;
+            padding: 20px;
+            border-radius: 8px;
+            margin-top: 10px;
+            margin-bottom: 10px;
+        }
+        
+        /* 資訊列樣式 - 預設使用灰色背景（Tab3/Tab4）*/
+        #pivot01-app .info-bar {
+            background-color: #f5f5f5;
+            border-radius: 8px;
+            padding: 16px;
+            margin-bottom: 20px;
+        }
+        
+        /* 資訊列樣式 - Tab2/Tab5 使用漸層背景 */
+        #pivot01-app .info-bar.gradient {
+            background-color: #667eea;
+            color: white;
+            padding: 15px 20px;
+            margin: 10px 0;
+        }
+        
+        #pivot01-app .info-bar .text-h6 {
+            margin-top: 4px;
+        }
+        
+        /* 統計卡片 */
+        #pivot01-app .stat-card {
+            padding: 15px;
+            border-radius: 8px;
+            text-align: center;
+        }
+        
+        #pivot01-app .stat-card .stat-value {
+            font-size: 1.8em;
+            font-weight: bold;
+            margin-bottom: 5px;
+        }
+        
+        #pivot01-app .stat-card .stat-label {
+            font-size: 0.9em;
+            opacity: 0.8;
+        }
+        
+        /* 載入動畫 */
+        #pivot01-app .loading-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 9999;
+        }
+        
+        /* Tab2 樞紐分析表樣式 */
+        #pivot01-app .pivot-table .v-data-table__wrapper tbody tr:has(.font-weight-bold.primary--text) {
+            background-color: #f8f9fa;
+        }
+        
+        #pivot01-app .pivot-detail-row {
+            background-color: #ffffff;
+        }
+        
+        #pivot01-app .pivot-detail-row td {
+            border-left: 3px solid #4caf50;
+            padding-left: 12px;
+        }
+        
+        /* 收合按鈕樣式 */
+        #pivot01-app .pivot-table .v-btn--icon.v-size--small {
+            width: 24px;
+            height: 24px;
+        }
+        
+        #pivot01-app .pivot-table .v-btn--icon .v-icon {
+            font-size: 16px;
+        }
+        
+        /* 總計行樣式 */
+        #pivot01-app .pivot-table tfoot tr {
+            background-color: #e3f2fd;
+        }
+        
+        #pivot01-app .pivot-table tfoot td {
+            border-top: 2px solid #2196f3;
+            font-weight: bold;
+        }
+        
+        /* 確保欄位對齊 */
+        #pivot01-app .pivot-table .v-data-table__wrapper table {
+            table-layout: fixed;
+        }
+        
+        #pivot01-app .pivot-table .v-data-table__wrapper th:nth-child(1),
+        #pivot01-app .pivot-table .v-data-table__wrapper td:nth-child(1) {
+            width: 300px;
+        }
+        
+        #pivot01-app .pivot-table .v-data-table__wrapper th:nth-child(2),
+        #pivot01-app .pivot-table .v-data-table__wrapper td:nth-child(2) {
+            width: 120px;
+            text-align: right;
+        }
+        
+        #pivot01-app .pivot-table .v-data-table__wrapper th:nth-child(3),
+        #pivot01-app .pivot-table .v-data-table__wrapper td:nth-child(3) {
+            width: 150px;
+            text-align: right;
+        }
+        
+        /* Tab4 橫向樞紐表樣式 */
+        #pivot01-app .pivot-table-horizontal {
+            overflow-x: auto;
+        }
+        
+        /* 覆蓋全域的表頭固定設定 */
+        #pivot01-app .pivot-table-horizontal thead th {
+            position: relative;
+            top: auto;
+        }
+        
+        #pivot01-app .pivot-table-horizontal .v-data-table__wrapper {
+            overflow-x: auto;
+            overflow-y: visible;
+        }
+        
+        /* 固定第一欄（信眾姓名）*/
+        #pivot01-app .pivot-table-horizontal thead th:first-child {
+            position: sticky;
+            left: 0;
+            z-index: 5;
+            background-color: #f5f5f5;
+            box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+        }
+        
+        #pivot01-app .pivot-table-horizontal tbody td:first-child {
+            position: sticky;
+            left: 0;
+            z-index: 3;
+            background-color: #fff;
+            box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+            font-weight: 500;
+        }
+        
+        /* 固定第二欄（總計）*/
+        #pivot01-app .pivot-table-horizontal thead th:nth-child(2) {
+            position: sticky;
+            left: 150px;
+            z-index: 5;
+            background-color: #e8eaf6;
+            box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+        }
+        
+        #pivot01-app .pivot-table-horizontal tbody td:nth-child(2) {
+            position: sticky;
+            left: 150px;
+            z-index: 3;
+            background-color: #f5f5f5;
+            font-weight: bold;
+            box-shadow: 2px 0 4px rgba(0,0,0,0.1);
+        }
+        
+        /* 零值淡化 */
+        #pivot01-app .grey--text {
+            color: #9e9e9e;
+        }
+        
+        /* 表格包裝容器 */
+        #pivot01-app .table-wrapper {
+            overflow-x: auto;
+            position: relative;
+        }
+    </style>
+</asp:Content>
+
+<asp:Content ID="Content3" ContentPlaceHolderID="page_nav" runat="Server">
+    <h5 class="mb-0">
+        <i class="bi bi-pie-chart-fill"></i> 法會報名統計分析
+    </h5>
+</asp:Content>
+
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
+    <div id="pivot01-app"><v-app>
+            <!-- 載入遮罩 -->
+            <div v-if="loading" class="loading-overlay">
+                <v-progress-circular
+                    :size="70"
+                    :width="7"
+                    color="primary"
+                    indeterminate
+                ></v-progress-circular>
+            </div>
+
+            <v-container fluid>
+                <!-- 頁籤導航 -->
+                <v-tabs v-model="activeTab" background-color="white" color="primary" grow>
+                    <v-tab>
+                        <v-icon left>mdi-calendar-search</v-icon>
+                        法會選擇
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-tablet-dashboard</v-icon>
+                        牌位分析
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-account-group</v-icon>
+                        信眾報名分析
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-account-star</v-icon>
+                        功德主查詢分析
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-table-large</v-icon>
+                        報名明細資料
+                        <v-chip v-if="rawData.length > 0" small class="ml-2">{{ rawData.length }}</v-chip>
+                    </v-tab>
+                </v-tabs>
+
+                <!-- 頁籤內容 -->
+                <v-tabs-items v-model="activeTab">
+                    <!-- Tab1: 法會選擇 -->
+                    <v-tab-item>
+                        <v-card>
+                            <v-card-title class="primary white--text">
+                                <v-icon left color="white">mdi-filter</v-icon>
+                                查詢條件
+                            </v-card-title>
+                            <v-card-text>
+                                <div class="query-section">
+                                    <v-row align="center">
+                                        <v-col cols="12" md="3">
+                                            <v-select
+                                                v-model="tab1.year"
+                                                :items="tab1.yearOptions"
+                                                label="查詢年份"
+                                                dense
+                                                outlined
+                                                prepend-icon="mdi-calendar"
+                                                hide-details
+                                            ></v-select>
+                                        </v-col>
+                                        <v-col cols="12" md="2">
+                                            <v-btn
+                                                color="primary"
+                                                large
+                                                block
+                                                @click="loadActivities"
+                                                :loading="tab1.loading"
+                                            >
+                                                <v-icon left>mdi-magnify</v-icon>
+                                                查看
+                                            </v-btn>
+                                        </v-col>
+                                        <v-col cols="12" md="7">
+                                            <v-alert
+                                                v-if="tab1.activities.length > 0"
+                                                dense
+                                                text
+                                                type="info"
+                                                class="mb-0"
+                                            >
+                                                共查詢到 <strong>{{ tab1.activities.length }}</strong> 場法會活動
+                                            </v-alert>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+
+                                <!-- 法會清單 -->
+                                <v-data-table
+                                    :headers="tab1Headers"
+                                    :items="tab1.activities"
+                                    :loading="tab1.loading"
+                                    loading-text="載入中..."
+                                    class="elevation-1"
+                                    item-key="num"
+                                    :items-per-page="15"
+                                    :footer-props="{
+                                        'items-per-page-options': [10, 15, 20, 50]
+                                    }"
+                                >
+                                    <template v-slot:item.開始日期="{ item }">
+                                        {{ formatDate(item.開始日期) }}
+                                    </template>
+                                    <template v-slot:item.結束日期="{ item }">
+                                        {{ formatDate(item.結束日期) }}
+                                    </template>
+                                    <template v-slot:item.報名截止日="{ item }">
+                                        {{ formatDate(item.報名截止日) }}
+                                    </template>
+                                    <template v-slot:item.功德數量="{ item }">
+                                        <v-chip small color="info" text-color="white">{{ item.功德數量 || 0 }}</v-chip>
+                                    </template>
+                                    <template v-slot:item.合計="{ item }">
+                                        <strong>{{ formatCurrency(item.合計) }}</strong>
+                                    </template>
+                                    <template v-slot:item.actions="{ item }">
+                                        <v-btn
+                                            small
+                                            color="success"
+                                            @click="selectActivity(item)"
+                                            :loading="item.loading"
+                                        >
+                                            <v-icon left small>mdi-check-circle</v-icon>
+                                            選擇
+                                        </v-btn>
+                                    </template>
+                                    <template v-slot:no-data>
+                                        <v-alert type="info" class="ma-4">
+                                            請選擇年份後點擊「查看」按鈕查詢法會資料
+                                        </v-alert>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab2: 牌位分析 -->
+                    <v-tab-item>
+                        <v-card>
+                            <v-card-title class="info white--text">
+                                <v-icon left color="white">mdi-tablet-dashboard</v-icon>
+                                牌位分析
+                                <v-spacer></v-spacer>
+                                <v-chip v-if="tab1.selectedActivity" color="white" text-color="info">
+                                    {{ tab1.selectedActivity.活動名稱 }}
+                                </v-chip>
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 資訊列 -->
+                                <div v-if="tab1.selectedActivity" class="info-bar gradient">
+                                    <v-row>
+                                        <v-col cols="12" md="6">
+                                            <div>
+                                                <v-icon color="white" left>mdi-chart-pie</v-icon>
+                                                <strong>樞紐分析表</strong>
+                                            </div>
+                                            <div class="mt-1">
+                                                <small>按功德類型和功德名稱分組統計</small>
+                                            </div>
+                                        </v-col>
+                                        <v-col cols="12" md="6" class="text-right">
+                                            <div>
+                                                項目總數: <strong>{{ tab2PivotData.filter(item => !item.isGroup).length }}</strong> 項
+                                            </div>
+                                            <div class="mt-1">
+                                                類型總數: <strong>{{ tab2PivotData.filter(item => item.isGroup).length }}</strong> 類
+                                            </div>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+
+                                <!-- 樞紐分析表格 -->
+                                <v-data-table
+                                    :headers="tab2.headers"
+                                    :items="tab2PivotData"
+                                    class="elevation-1 pivot-table"
+                                    hide-default-footer
+                                    disable-pagination
+                                >
+                                    <!-- 功德項目欄位 -->
+                                    <template v-slot:item.name="{ item }">
+                                        <div :class="{'font-weight-bold primary--text': item.isGroup, 'ml-6': !item.isGroup}">
+                                            <!-- 群組項目：功德類型 -->
+                                            <template v-if="item.isGroup">
+                                                <v-btn @click="toggleGroup(item.id)" icon small class="mr-2">
+                                                    <v-icon small>{{ tab2.collapsed.includes(item.id) ? 'mdi-chevron-right' : 'mdi-chevron-down' }}</v-icon>
+                                                </v-btn>
+                                                <v-icon left color="warning">mdi-tag</v-icon>
+                                                {{ item.name }}
+                                            </template>
+                                            <!-- 子項目：功德名稱 -->
+                                            <template v-else>
+                                                <v-icon left color="success" small>mdi-circle-small</v-icon>
+                                                {{ item.name }}
+                                            </template>
+                                        </div>
+                                    </template>
+                                    
+                                    <!-- 數量總計欄位 -->
+                                    <template v-slot:item.totalQty="{ item }">
+                                        <span :class="{'font-weight-bold': item.isGroup}">
+                                            {{ item.totalQty.toLocaleString() }}
+                                        </span>
+                                    </template>
+                                    
+                                    <!-- 金額總計欄位 -->
+                                    <template v-slot:item.totalAmount="{ item }">
+                                        <span :class="{'font-weight-bold': item.isGroup}">
+                                            {{ formatCurrency(item.totalAmount) }}
+                                        </span>
+                                    </template>
+                                    
+                                    <!-- 總計 Footer -->
+                                    <template v-slot:foot>
+                                        <tfoot>
+                                            <tr>
+                                                <td class="font-weight-bold" style="width: 300px;">
+                                                    <v-icon left color="primary">mdi-sigma</v-icon>
+                                                    總計
+                                                </td>
+                                                <td class="text-right font-weight-bold" style="width: 120px;">{{ tab2GrandTotalQty.toLocaleString() }}</td>
+                                                <td class="text-right font-weight-bold" style="width: 150px;">{{ formatCurrency(tab2GrandTotalAmount) }}</td>
+                                                <td style="width: 48px;"></td>
+                                            </tr>
+                                        </tfoot>
+                                    </template>
+                                    
+                                    <!-- 無資料提示 -->
+                                    <template v-slot:no-data>
+                                        <v-alert type="info" class="ma-4">
+                                            請先選擇法會以載入分析資料
+                                        </v-alert>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab3: 信眾報名分析 -->
+                    <v-tab-item>
+                        <v-card>
+                            <v-card-title class="success white--text mb-4">
+                                <v-icon left color="white">mdi-account-multiple</v-icon>
+                                信眾報名分析
+                                <v-spacer></v-spacer>
+                                <v-chip v-if="tab1.selectedActivity" color="white" text-color="success">
+                                    {{ tab1.selectedActivity.活動名稱 }}
+                                </v-chip>
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 搜尋列 -->
+                                <v-row class="mb-4">
+                                    <v-col cols="12">
+                                        <v-text-field
+                                            v-model="tab3.search"
+                                            label="搜尋信眾（編號或姓名）"
+                                            prepend-icon="mdi-magnify"
+                                            clearable
+                                            outlined
+                                            dense
+                                        ></v-text-field>
+                                    </v-col>
+                                </v-row>
+                                
+                                <!-- 統計資訊列 -->
+                                <div v-if="hasData" class="info-bar mb-4">
+                                    <v-row>
+                                        <v-col cols="6" md="3">
+                                            <div><strong>總人數</strong></div>
+                                            <div class="text-h6 success--text">{{ tab3Summary.總人數 }} 人</div>
+                                        </v-col>
+                                        <v-col cols="6" md="3">
+                                            <div><strong>功德主數量</strong></div>
+                                            <div class="text-h6">{{ tab3Summary.功德主數量合計.toLocaleString() }}</div>
+                                        </v-col>
+                                        <v-col cols="6" md="3">
+                                            <div><strong>功德主金額</strong></div>
+                                            <div class="text-h6">{{ formatCurrency(tab3Summary.功德主金額合計) }}</div>
+                                        </v-col>
+                                        <v-col cols="6" md="3">
+                                            <div><strong>總金額</strong></div>
+                                            <div class="text-h6 primary--text">
+                                                {{ formatCurrency(tab3Summary.功德主金額合計 + tab3Summary.功德金額合計) }}
+                                            </div>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+                                
+                                <!-- 信眾統計表格 -->
+                                <v-data-table
+                                    :headers="tab3.headers"
+                                    :items="tab3FilteredData"
+                                    :items-per-page="20"
+                                    class="elevation-1"
+                                >
+                                    <!-- 功德主金額欄位 -->
+                                    <template v-slot:item.功德主金額="{ item }">
+                                        <span :class="{'font-weight-bold success--text': item.功德主金額 > 0}">
+                                            {{ formatCurrency(item.功德主金額) }}
+                                        </span>
+                                    </template>
+                                    
+                                    <!-- 功德金額欄位 -->
+                                    <template v-slot:item.功德金額="{ item }">
+                                        {{ formatCurrency(item.功德金額) }}
+                                    </template>
+                                    
+                                    <!-- 無資料提示 -->
+                                    <template v-slot:no-data>
+                                        <v-alert type="info" class="ma-4">
+                                            {{ tab3.search ? '查無符合條件的信眾' : '請先選擇法會以載入分析資料' }}
+                                        </v-alert>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>                    
+                    <!-- Tab4: 功德主查詢分析 -->
+                    <v-tab-item>
+                        <v-card>
+                            <v-card-title class="warning white--text mb-4">
+                                <v-icon left color="white">mdi-table-pivot</v-icon>
+                                功德主查詢分析
+                                <v-spacer></v-spacer>
+                                <v-chip v-if="tab1.selectedActivity" color="white" text-color="warning">
+                                    {{ tab1.selectedActivity.活動名稱 }}
+                                </v-chip>
+                            </v-card-title>
+
+                            <v-card-text>
+                                <!-- 搜尋與過濾列 -->
+                                <v-row class="mt-2 mb-4 pt-4">
+                                    <!-- 姓名搜尋 -->
+                                    <v-col cols="12" md="3">
+                                        <v-text-field
+                                            v-model="tab4.search"
+                                            label="搜尋姓名"
+                                            prepend-icon="mdi-magnify"
+                                            hide-details
+                                            clearable
+                                            dense
+                                        ></v-text-field>
+                                    </v-col>
+                                    
+                                    <!-- 功德類型下拉 -->
+                                    <v-col cols="12" md="3">
+                                        <v-select
+                                            v-model="tab4.meritType"
+                                            :items="tab4MeritTypeOptions"
+                                            label="功德類型"
+                                            prepend-icon="mdi-tag"
+                                            hide-details
+                                            dense
+                                        ></v-select>
+                                    </v-col>
+                                    
+                                    <!-- 值類型切換 -->
+                                    <v-col cols="12" md="3" class="d-flex align-center">
+                                        <v-radio-group v-model="tab4.valueType" row dense hide-details class="mt-0">
+                                            <v-radio label="金額" value="amount"></v-radio>
+                                            <v-radio label="數量" value="quantity"></v-radio>
+                                        </v-radio-group>
+                                    </v-col>
+                                    
+                                    <!-- 功德主過濾 -->
+                                    <v-col cols="12" md="3" class="d-flex align-center">
+                                        <v-checkbox
+                                            v-model="tab4.showMasterOnly"
+                                            label="只顯示功德主"
+                                            dense
+                                            hide-details
+                                            class="mt-0"
+                                        ></v-checkbox>
+                                    </v-col>
+                                </v-row>
+                                
+                                <!-- 統計資訊 -->
+                                <div v-if="hasData" class="info-bar mb-4">
+                                    <v-row>
+                                        <v-col cols="6">
+                                            <strong>信眾數:</strong> {{ tab4PivotData.length }} 人
+                                        </v-col>
+                                        <v-col cols="6">
+                                            <strong>功德項目:</strong> {{ tab4MeritItems.length }} 項
+                                        </v-col>
+                                    </v-row>
+                                </div>
+                                
+                                <!-- 樞紐分析表格 -->
+                                <div class="table-wrapper">
+                                    <v-data-table
+                                        :headers="tab4Headers"
+                                        :items="tab4PivotData"
+                                        :items-per-page="15"
+                                        class="elevation-1 pivot-table-horizontal"
+                                        dense
+                                    >
+                                        <!-- 總計欄位強調 -->
+                                        <template v-slot:item.總計="{ item }">
+                                            <span class="font-weight-bold primary--text">
+                                                {{ tab4.valueType === 'amount' ? formatCurrency(item.總計) : item.總計.toLocaleString() }}
+                                            </span>
+                                        </template>
+                                        
+                                        <!-- 功德項目欄位格式化 -->
+                                        <template v-for="meritItem in tab4MeritItems" v-slot:[`item.${meritItem}`]="{ item }">
+                                            <span :class="{'grey--text': item[meritItem] === 0}">
+                                                {{ tab4.valueType === 'amount' ? formatCurrency(item[meritItem]) : (item[meritItem] || '-') }}
+                                            </span>
+                                        </template>
+                                        
+                                        <!-- 無資料提示 -->
+                                        <template v-slot:no-data>
+                                            <v-alert type="info" class="ma-4">
+                                                {{ tab4.search ? '查無符合條件的信眾' : '請先選擇法會以載入分析資料' }}
+                                            </v-alert>
+                                        </template>
+                                    </v-data-table>
+                                </div>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab5: 報名明細資料 -->
+                    <v-tab-item>
+                        <v-card>
+                            <v-card-title class="purple white--text">
+                                <v-icon left color="white">mdi-table-large</v-icon>
+                                報名明細資料
+                                <v-spacer></v-spacer>
+                                <v-chip v-if="tab1.selectedActivity" color="white" text-color="purple">
+                                    {{ tab1.selectedActivity.活動名稱 }}
+                                </v-chip>
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 資訊列 -->
+                                <div v-if="tab1.selectedActivity" class="info-bar gradient">
+                                    <v-row>
+                                        <v-col cols="12" md="6">
+                                            <div>
+                                                <v-icon color="white" left>mdi-calendar-range</v-icon>
+                                                <strong>{{ tab1.selectedActivity.活動名稱 }}</strong>
+                                            </div>
+                                            <div class="mt-1">
+                                                <small>
+                                                    {{ formatDate(tab1.selectedActivity.開始日期) }} ~ 
+                                                    {{ formatDate(tab1.selectedActivity.結束日期) }}
+                                                </small>
+                                            </div>
+                                        </v-col>
+                                        <v-col cols="12" md="6" class="text-right">
+                                            <div>
+                                                總筆數: <strong>{{ filteredData.length }}</strong> 筆
+                                            </div>
+                                            <div class="mt-1">
+                                                總金額: <strong>{{ formatCurrency(totalAmount) }}</strong>
+                                            </div>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+
+                                <!-- 搜尋和匯出 -->
+                                <v-row class="my-3">
+                                    <v-col cols="12" md="8">
+                                        <v-text-field
+                                            v-model="tab5.search"
+                                            label="搜尋（姓名、功德類型、功德名稱）"
+                                            prepend-icon="mdi-magnify"
+                                            clearable
+                                            dense
+                                            outlined
+                                            hide-details
+                                        ></v-text-field>
+                                    </v-col>
+                                    <v-col cols="12" md="4">
+                                        <v-btn
+                                            color="success"
+                                            large
+                                            block
+                                            @click="exportToExcel"
+                                            :disabled="filteredData.length === 0"
+                                        >
+                                            <v-icon left>mdi-file-excel</v-icon>
+                                            匯出 Excel
+                                        </v-btn>
+                                    </v-col>
+                                </v-row>
+
+                                <!-- 報名明細表格 -->
+                                <v-data-table
+                                    :headers="tab5Headers"
+                                    :items="filteredData"
+                                    :items-per-page="50"
+                                    class="elevation-1"
+                                    :footer-props="{
+                                        'items-per-page-options': [20, 50, 100, 200]
+                                    }"
+                                >
+                                    <template v-slot:item.報名日期="{ item }">
+                                        {{ formatDate(item.報名日期) }}
+                                    </template>
+                                    <template v-slot:item.功德主="{ item }">
+                                        <v-chip :color="item.功德主 === '是' ? 'success' : 'default'" x-small>
+                                            {{ item.功德主 }}
+                                        </v-chip>
+                                    </template>
+                                    <template v-slot:item.金額="{ item }">
+                                        {{ formatCurrency(item.金額) }}
+                                    </template>
+                                    <template v-slot:item.已收="{ item }">
+                                        {{ formatCurrency(item.已收) }}
+                                    </template>
+                                    <template v-slot:item.未收="{ item }">
+                                        <span :class="item.未收 > 0 ? 'error--text font-weight-bold' : ''">
+                                            {{ formatCurrency(item.未收) }}
+                                        </span>
+                                    </template>
+                                    <template v-slot:no-data>
+                                        <v-alert type="info" class="ma-4">
+                                            無報名明細資料
+                                        </v-alert>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+                </v-tabs-items>
+            </v-container>
+        </v-app>
+    </div>
+</asp:Content>
+
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" runat="Server">
+    <!-- Master Page 已載入 Vue/Vuetify/Axios/Sweetalert2，不需重複載入 -->
+    <script>
+    new Vue({
+        el: '#pivot01-app',
+        vuetify: new Vuetify(),
+        data() {
+            return {
+                // 當前頁籤
+                activeTab: 0,
+                
+                // 全域載入狀態
+                loading: false,
+                
+                // Tab1: 法會選擇
+                tab1: {
+                    year: new Date().getFullYear(),
+                    yearOptions: [],
+                    loading: false,
+                    activities: [],
+                    selectedActivity: null
+                },
+                
+                // Tab1 表頭
+                tab1Headers: [
+                    { text: '法會名稱', value: '活動名稱', width: 250 },
+                    { text: '活動類型', value: '活動詳細分類', width: 150 },
+                    { text: '開始日期', value: '開始日期', width: 120 },
+                    { text: '結束日期', value: '結束日期', width: 120 },
+                    { text: '報名截止', value: '報名截止日', width: 120 },
+                    { text: '報名數', value: '功德數量', width: 100, align: 'center' },
+                    { text: '總金額', value: '合計', width: 120, align: 'end' },
+                    { text: '操作', value: 'actions', width: 120, sortable: false, align: 'center' }
+                ],
+                
+                // 全域資料（所有 Tab 共用）
+                rawData: [],
+                
+                // Tab2: 牌位分析
+                tab2: {
+                    collapsed: [],  // 收合的功德類型 ID 陣列
+                    headers: [
+                        { text: '功德項目', value: 'name', width: 300 },
+                        { text: '數量總計', value: 'totalQty', width: 120, align: 'end' },
+                        { text: '金額總計', value: 'totalAmount', width: 150, align: 'end' }
+                    ]
+                },
+                
+                // Tab3: 信眾報名分析
+                tab3: {
+                    search: '',
+                    headers: [
+                        { text: '信眾編號', value: '信眾編號', width: 120, class: 'field-follower' },
+                        { text: '信眾姓名', value: '信眾姓名', width: 120, class: 'field-follower' },
+                        { text: '功德主數量', value: '功德主數量', width: 120, align: 'end', class: 'field-merit' },
+                        { text: '功德主金額', value: '功德主金額', width: 150, align: 'end', class: 'field-merit' },
+                        { text: '功德數量', value: '功德數量', width: 120, align: 'end', class: 'field-calculated' },
+                        { text: '功德金額', value: '功德金額', width: 150, align: 'end', class: 'field-calculated' }
+                    ]
+                },
+                
+                // Tab4: 功德主查詢分析
+                tab4: {
+                    search: '',
+                    meritType: '全部',
+                    valueType: 'amount',  // 'amount' 或 'quantity'
+                    showMasterOnly: false
+                },
+                
+                // Tab5: 報名明細
+                tab5: {
+                    search: '',
+                    headers: [
+                        { text: '信眾姓名', value: '信眾姓名', width: 100, class: 'field-follower' },
+                        { text: '報名日期', value: '報名日期', width: 120, class: 'field-follower' },
+                        { text: '功德類型', value: '功德類型', width: 120, class: 'field-merit' },
+                        { text: '功德名稱', value: '功德名稱', width: 180, class: 'field-merit' },
+                        { text: '功德主', value: '功德主', width: 80, align: 'center', class: 'field-merit' },
+                        { text: '數量', value: '數量', width: 80, align: 'end', class: 'field-calculated' },
+                        { text: '金額', value: '金額', width: 100, align: 'end', class: 'field-calculated' },
+                        { text: '已收', value: '已收', width: 100, align: 'end', class: 'field-calculated' },
+                        { text: '未收', value: '未收', width: 100, align: 'end', class: 'field-calculated' }
+                    ]
+                }
+            };
+        },
+        computed: {
+            // Tab5 表頭
+            tab5Headers() {
+                return this.tab5.headers;
+            },
+            
+            // 是否有資料（Tab2-5 可用）
+            hasData() {
+                return this.rawData && this.rawData.length > 0;
+            },
+            
+            // Tab2: 樞紐分析表資料
+            tab2PivotData() {
+                if (!this.rawData || this.rawData.length === 0) return [];
+                
+                // Step 1: 按功德類型分組
+                const typeGroups = {};
+                this.rawData.forEach(row => {
+                    const type = row.功德類型 || '未分類';
+                    const name = row.功德名稱 || '未命名';
+                    const qty = parseInt(row.數量) || 0;
+                    const amount = parseFloat(row.金額) || 0;
+                    
+                    if (!typeGroups[type]) {
+                        typeGroups[type] = {
+                            name: type,
+                            isGroup: true,
+                            totalQty: 0,
+                            totalAmount: 0,
+                            children: {},
+                            id: type  // 用於展開/收合的唯一標識
+                        };
+                    }
+                    
+                    // Step 2: 按功德名稱分組
+                    if (!typeGroups[type].children[name]) {
+                        typeGroups[type].children[name] = {
+                            name: name,
+                            isGroup: false,
+                            totalQty: 0,
+                            totalAmount: 0,
+                            parentType: type,
+                            id: type + '_' + name
+                        };
+                    }
+                    
+                    // Step 3: 累計統計
+                    typeGroups[type].children[name].totalQty += qty;
+                    typeGroups[type].children[name].totalAmount += amount;
+                    typeGroups[type].totalQty += qty;
+                    typeGroups[type].totalAmount += amount;
+                });
+                
+                // Step 4: 轉換為表格資料（根據收合狀態過濾）
+                const result = [];
+                Object.values(typeGroups).forEach(group => {
+                    result.push(group);
+                    // 只有當群組未收合時才顯示子項目
+                    if (!this.tab2.collapsed.includes(group.id)) {
+                        Object.values(group.children).forEach(child => {
+                            result.push(child);
+                        });
+                    }
+                });
+                
+                return result;
+            },
+            
+            // Tab2: 總計數量
+            tab2GrandTotalQty() {
+                return this.rawData.reduce((sum, row) => {
+                    return sum + (parseInt(row.數量) || 0);
+                }, 0);
+            },
+            
+            // Tab2: 總計金額
+            tab2GrandTotalAmount() {
+                return this.rawData.reduce((sum, row) => {
+                    return sum + (parseFloat(row.金額) || 0);
+                }, 0);
+            },
+            
+            // Tab3: 樞紐分析表資料
+            tab3PivotData() {
+                if (!this.rawData || this.rawData.length === 0) return [];
+                
+                // Step 1: 按信眾分組
+                const followerGroups = {};
+                this.rawData.forEach(row => {
+                    const fNumber = row.信眾編號 || '';
+                    const fName = row.信眾姓名 || '';
+                    const key = fNumber + '_' + fName;
+                    const qty = parseInt(row.數量) || 0;
+                    const amount = parseFloat(row.金額) || 0;
+                    const isMaster = row.功德主 === '是';
+                    
+                    if (!followerGroups[key]) {
+                        followerGroups[key] = {
+                            信眾編號: fNumber,
+                            信眾姓名: fName,
+                            功德主數量: 0,
+                            功德主金額: 0,
+                            功德數量: 0,
+                            功德金額: 0
+                        };
+                    }
+                    
+                    // Step 2: 累計統計
+                    if (isMaster) {
+                        followerGroups[key].功德主數量 += qty;
+                        followerGroups[key].功德主金額 += amount;
+                    } else {
+                        followerGroups[key].功德數量 += qty;
+                        followerGroups[key].功德金額 += amount;
+                    }
+                });
+                
+                // Step 3: 轉換為陣列並排序
+                return Object.values(followerGroups)
+                    .sort((a, b) => {
+                        // 依總金額降序，再依姓名升序
+                        const amountDiff = (b.功德主金額 + b.功德金額) - (a.功德主金額 + a.功德金額);
+                        return amountDiff !== 0 ? amountDiff : a.信眾姓名.localeCompare(b.信眾姓名, 'zh-TW');
+                    });
+            },
+            
+            // Tab3: 搜尋過濾
+            tab3FilteredData() {
+                if (!this.tab3.search) return this.tab3PivotData;
+                
+                const keyword = this.tab3.search.toLowerCase();
+                return this.tab3PivotData.filter(row => {
+                    return row.信眾編號.toLowerCase().includes(keyword) ||
+                           row.信眾姓名.toLowerCase().includes(keyword);
+                });
+            },
+            
+            // Tab3: 統計摘要
+            tab3Summary() {
+                const data = this.tab3FilteredData;
+                return {
+                    總人數: data.length,
+                    功德主數量合計: data.reduce((sum, row) => sum + row.功德主數量, 0),
+                    功德主金額合計: data.reduce((sum, row) => sum + row.功德主金額, 0),
+                    功德數量合計: data.reduce((sum, row) => sum + row.功德數量, 0),
+                    功德金額合計: data.reduce((sum, row) => sum + row.功德金額, 0)
+                };
+            },
+            
+            // Tab4: 功德類型選項
+            tab4MeritTypeOptions() {
+                if (!this.rawData || this.rawData.length === 0) return ['全部'];
+                
+                const types = new Set(this.rawData.map(row => row.功德類型).filter(Boolean));
+                return ['全部', ...Array.from(types).sort()];
+            },
+            
+            // Tab4: 過濾後的原始資料
+            tab4FilteredRawData() {
+                let data = this.rawData;
+                
+                // 功德主過濾
+                if (this.tab4.showMasterOnly) {
+                    data = data.filter(row => row.功德主 === '是');
+                }
+                
+                // 功德類型過濾
+                if (this.tab4.meritType !== '全部') {
+                    data = data.filter(row => row.功德類型 === this.tab4.meritType);
+                }
+                
+                // 姓名過濾
+                if (this.tab4.search) {
+                    const keyword = this.tab4.search.toLowerCase();
+                    data = data.filter(row => 
+                        row.信眾姓名 && row.信眾姓名.toLowerCase().includes(keyword)
+                    );
+                }
+                
+                return data;
+            },
+            
+            // Tab4: 取得功德項目清單（橫向欄位）
+            tab4MeritItems() {
+                const items = new Set(
+                    this.tab4FilteredRawData.map(row => row.功德名稱).filter(Boolean)
+                );
+                return Array.from(items).sort();
+            },
+            
+            // Tab4: 動態表頭
+            tab4Headers() {
+                const headers = [
+                    { text: '信眾姓名', value: '信眾姓名', width: 150, fixed: true, class: 'field-follower sticky-col' }
+                ];
+                
+                // 總計欄
+                const valueLabel = this.tab4.valueType === 'amount' ? '總金額' : '總數量';
+                headers.push({ 
+                    text: valueLabel, 
+                    value: '總計', 
+                    width: 120, 
+                    align: 'end',
+                    class: 'field-calculated font-weight-bold'
+                });
+                
+                // 功德項目欄（動態）
+                this.tab4MeritItems.forEach(item => {
+                    headers.push({
+                        text: item,
+                        value: item,
+                        width: 100,
+                        align: 'end',
+                        class: 'field-merit'
+                    });
+                });
+                
+                return headers;
+            },
+            
+            // Tab4: 樞紐分析資料
+            tab4PivotData() {
+                if (!this.tab4FilteredRawData || this.tab4FilteredRawData.length === 0) return [];
+                
+                // Step 1: 按信眾和功德項目分組
+                const followerMeritMap = {};
+                this.tab4FilteredRawData.forEach(row => {
+                    const fName = row.信眾姓名;
+                    const mName = row.功德名稱;
+                    const qty = parseInt(row.數量) || 0;
+                    const amount = parseFloat(row.金額) || 0;
+                    
+                    if (!followerMeritMap[fName]) {
+                        followerMeritMap[fName] = { 信眾姓名: fName };
+                    }
+                    
+                    if (!followerMeritMap[fName][mName]) {
+                        followerMeritMap[fName][mName] = { qty: 0, amount: 0 };
+                    }
+                    
+                    followerMeritMap[fName][mName].qty += qty;
+                    followerMeritMap[fName][mName].amount += amount;
+                });
+                
+                // Step 2: 轉換為表格格式
+                const result = Object.values(followerMeritMap).map(follower => {
+                    const row = { 信眾姓名: follower.信眾姓名 };
+                    let total = 0;
+                    
+                    // 計算每個功德項目的值
+                    this.tab4MeritItems.forEach(item => {
+                        if (follower[item]) {
+                            const value = this.tab4.valueType === 'amount' 
+                                ? follower[item].amount 
+                                : follower[item].qty;
+                            row[item] = value;
+                            total += value;
+                        } else {
+                            row[item] = 0;
+                        }
+                    });
+                    
+                    row.總計 = total;
+                    return row;
+                });
+                
+                // Step 3: 依總計降序排列
+                return result.sort((a, b) => b.總計 - a.總計);
+            },
+            
+            // Tab5: 過濾後的資料
+            filteredData() {
+                if (!this.tab5.search) return this.rawData;
+                
+                const keyword = this.tab5.search.toLowerCase();
+                return this.rawData.filter(row => {
+                    return (
+                        (row.信眾姓名 && row.信眾姓名.toLowerCase().includes(keyword)) ||
+                        (row.功德類型 && row.功德類型.toLowerCase().includes(keyword)) ||
+                        (row.功德名稱 && row.功德名稱.toLowerCase().includes(keyword))
+                    );
+                });
+            },
+            
+            // Tab5: 總金額
+            totalAmount() {
+                return this.filteredData.reduce((sum, row) => {
+                    return sum + (row.金額 * row.數量);
+                }, 0);
+            }
+        },
+        methods: {
+            /**
+             * 初始化年份選項
+             */
+            initYearOptions() {
+                const currentYear = new Date().getFullYear();
+                this.tab1.yearOptions = [];
+                for (let i = -5; i <= 5; i++) {
+                    this.tab1.yearOptions.push(currentYear + i);
+                }
+            },
+            
+            /**
+             * 切換群組的收合/展開狀態
+             */
+            toggleGroup(groupId) {
+                const index = this.tab2.collapsed.indexOf(groupId);
+                if (index > -1) {
+                    // 已收合，展開它
+                    this.tab2.collapsed.splice(index, 1);
+                } else {
+                    // 未收合，收合它
+                    this.tab2.collapsed.push(groupId);
+                }
+            },
+            
+            /**
+             * 查詢法會清單
+             */
+            async loadActivities() {
+                this.tab1.loading = true;
+                this.tab1.activities = [];
+                
+                try {
+                    const response = await axios.get('/api/pivot01/activity_stats', {
+                        params: { year: this.tab1.year }
+                    });
+                    
+                    if (response.data.success) {
+                        this.tab1.activities = response.data.data;
+                        
+                        if (this.tab1.activities.length === 0) {
+                            Swal.fire({
+                                icon: 'info',
+                                title: '查無資料',
+                                text: `${this.tab1.year} 年度查無法會資料`,
+                                timer: 2000
+                            });
+                        }
+                    } else {
+                        throw new Error(response.data.message || '查詢失敗');
+                    }
+                } catch (error) {
+                    console.error('載入法會清單失敗:', error);
+                    Swal.fire({
+                        icon: 'error',
+                        title: '查詢失敗',
+                        text: error.response?.data?.Message || error.message || '查詢失敗，請稍後再試'
+                    });
+                } finally {
+                    this.tab1.loading = false;
+                }
+            },
+            
+            /**
+             * 選擇法會並載入完整資料
+             */
+            async selectActivity(activity) {
+                this.tab1.selectedActivity = activity;
+                this.loading = true;
+                
+                try {
+                    const response = await axios.get('/api/pivot01/registration_details', {
+                        params: {
+                            activityNum: activity.num
+                        }
+                    });
+                    
+                    if (response.data.success) {
+                        this.rawData = response.data.data;
+                        
+                        // 自動切換到 Tab5（報名明細）
+                        this.activeTab = 4;
+                        
+                        Swal.fire({
+                            icon: 'success',
+                            title: '載入成功',
+                            text: `已載入 ${this.rawData.length} 筆報名資料`,
+                            timer: 2000,
+                            showConfirmButton: false
+                        });
+                    } else {
+                        throw new Error(response.data.message || '載入失敗');
+                    }
+                } catch (error) {
+                    console.error('載入報名資料失敗:', error);
+                    Swal.fire({
+                        icon: 'error',
+                        title: '載入失敗',
+                        text: error.response?.data?.Message || error.message || '載入失敗，請稍後再試'
+                    });
+                } finally {
+                    this.loading = false;
+                }
+            },
+            
+            /**
+             * 匯出 Excel（CSV 格式）
+             */
+            exportToExcel() {
+                if (!this.filteredData || this.filteredData.length === 0) {
+                    Swal.fire('提示', '沒有資料可匯出', 'warning');
+                    return;
+                }
+                
+                try {
+                    // 顯示載入訊息
+                    Swal.fire({
+                        title: '匯出中...',
+                        text: '請稍候',
+                        icon: 'info',
+                        showConfirmButton: false,
+                        allowOutsideClick: false,
+                        didOpen: () => {
+                            Swal.showLoading();
+                        }
+                    });
+                    
+                    // 準備匯出資料
+                    const exportData = this.filteredData.map(item => ({
+                        '法會名稱': item.法會名稱,
+                        '信眾編號': item.信眾編號,
+                        '信眾姓名': item.信眾姓名,
+                        '報名日期': this.formatDateTime(item.報名日期),
+                        '功德類型': item.功德類型,
+                        '功德名稱': item.功德名稱,
+                        '功德主': item.功德主,
+                        '數量': item.數量,
+                        '金額': item.金額,
+                        '已收': item.已收,
+                        '未收': item.未收
+                    }));
+                    
+                    // 轉換為 CSV
+                    const headers = Object.keys(exportData[0]);
+                    const csvRows = [
+                        headers.join(','),
+                        ...exportData.map(row => {
+                            return headers.map(h => {
+                                let value = row[h];
+                                
+                                // 信眾編號強制為文字（使用 ="值" 格式）
+                                if (h === '信眾編號') {
+                                    return `"=""${value}"""`;
+                                }
+                                
+                                // 一般文字欄位處理
+                                if (typeof value === 'string') {
+                                    if (value.includes(',') || value.includes('"') || value.includes('\n')) {
+                                        return `"${value.replace(/"/g, '""')}"`;
+                                    }
+                                    return value;
+                                }
+                                
+                                return value !== null && value !== undefined ? value : '';
+                            }).join(',');
+                        })
+                    ];
+                    const csv = csvRows.join('\n');
+                    
+                    // 下載檔案
+                    const blob = new Blob(['\uFEFF' + csv], { type: 'text/csv;charset=utf-8;' });
+                    const link = document.createElement('a');
+                    const url = URL.createObjectURL(blob);
+                    const fileName = `報名明細_${this.tab1.selectedActivity.活動名稱}_${new Date().getTime()}.csv`;
+                    
+                    link.setAttribute('href', url);
+                    link.setAttribute('download', fileName);
+                    link.style.visibility = 'hidden';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    
+                    // 直接關閉載入對話框，不顯示完成提示
+                    Swal.close();
+                } catch (error) {
+                    console.error('匯出失敗:', error);
+                    Swal.fire('錯誤', `匯出失敗: ${error.message}`, 'error');
+                }
+            },
+            
+            /**
+             * 格式化金額
+             */
+            formatCurrency(amount) {
+                if (amount === null || amount === undefined) return '-';
+                return new Intl.NumberFormat('zh-TW', {
+                    style: 'currency',
+                    currency: 'TWD',
+                    minimumFractionDigits: 0
+                }).format(amount);
+            },
+            
+            /**
+             * 格式化日期
+             */
+            formatDate(date) {
+                if (!date) return '-';
+                const d = new Date(date);
+                if (isNaN(d.getTime())) return '-';
+                return d.toLocaleDateString('zh-TW', { 
+                    year: 'numeric', 
+                    month: '2-digit', 
+                    day: '2-digit' 
+                });
+            },
+            
+            /**
+             * 格式化日期時間
+             */
+            formatDateTime(datetime) {
+                if (!datetime) return '-';
+                const d = new Date(datetime);
+                if (isNaN(d.getTime())) return '-';
+                return d.toLocaleString('zh-TW', {
+                    year: 'numeric',
+                    month: '2-digit',
+                    day: '2-digit',
+                    hour: '2-digit',
+                    minute: '2-digit'
+                });
+            }
+        },
+        mounted() {
+            console.log('Pivot-01 App 已載入');
+            console.log('toggleGroup method exists:', typeof this.toggleGroup === 'function');
+            
+            // 初始化年份選項
+            this.initYearOptions();
+            
+            // 頁面載入時自動查詢當年度法會
+            this.loadActivities();
+        }
+    });
+    </script>
+</asp:Content>
+
diff --git a/web/admin/pivot/pivot-01.aspx.cs b/web/admin/pivot/pivot-01.aspx.cs
new file mode 100644
index 0000000..765b00f
--- /dev/null
+++ b/web/admin/pivot/pivot-01.aspx.cs
@@ -0,0 +1,11 @@
+using System;
+using System.Web.UI;
+
+public partial class admin_pivot_pivot01 : MyWeb.config
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+        // 頁面初始化（暫無邏輯）
+        // 前端直接呼叫 API
+    }
+}
diff --git a/web/admin/pivot/query.aspx b/web/admin/pivot/query.aspx
new file mode 100644
index 0000000..43a9afa
--- /dev/null
+++ b/web/admin/pivot/query.aspx
@@ -0,0 +1,1128 @@
+<%@ Page Title="數據透視查詢" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" EnableEventValidation="false" CodeFile="query.aspx.cs" Inherits="admin_pivot_query" %>
+<asp:Content ID="Content1" ContentPlaceHolderID="page_header" runat="Server">
+    <link rel="stylesheet" href="../../js/_bootstrap-icons-1.8.1/bootstrap-icons.css">
+    <style>
+        /* 與 transfer 保持一致的樣式 */
+        .v-data-table th {
+            background-color: #f5f5f5 !important;
+            font-weight: bold;
+        }
+        
+        .v-data-table tbody tr:hover {
+            background-color: #f0f8ff !important;
+        }
+        
+        /* 欄位色彩標記 */
+        .field-activity { border-left: 3px solid #ffc107; } /* 橙 */
+        .field-follower { border-left: 3px solid #17a2b8; } /* 藍 */
+        .field-merit { border-left: 3px solid #28a745; }    /* 綠 */
+        .field-calculated { border-left: 3px solid #6c757d; } /* 紫 */
+        
+        /* Badge 樣式 */
+        .badge-field {
+            font-size: 0.75em;
+            padding: 2px 6px;
+            margin-right: 4px;
+        }
+        
+        /* 頁籤樣式 */
+        .v-tabs {
+            margin-bottom: 20px;
+        }
+        
+        /* 過濾區域 */
+        .filter-section {
+            background-color: #f8f9fa;
+            padding: 15px;
+            border-radius: 5px;
+            margin-bottom: 20px;
+        }
+        
+        /* 統計卡片 */
+        .stat-card {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 20px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+        }
+        
+        /* 載入動畫 */
+        .loading-overlay {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            z-index: 9999;
+        }
+    </style>
+</asp:Content>
+
+<asp:Content ID="Content3" ContentPlaceHolderID="page_nav" runat="Server">
+    <h5 class="mb-0">
+        <i class="bi bi-graph-up"></i> 數據透視查詢
+    </h5>
+</asp:Content>
+
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
+    <div id="pivot-query-app">
+        <v-app>
+            <!-- 載入遮罩 -->
+            <div v-if="loading" class="loading-overlay">
+                <v-progress-circular
+                    :size="70"
+                    :width="7"
+                    color="primary"
+                    indeterminate
+                ></v-progress-circular>
+            </div>
+
+            <v-container fluid>
+                <!-- 頁籤導航 -->
+                <v-tabs v-model="activeTab" background-color="white" color="primary" grow>
+                    <v-tab>
+                        <v-icon left>mdi-magnify</v-icon>
+                        查詢條件
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-table</v-icon>
+                        報名明細
+                        <v-chip v-if="rawData.length > 0" small class="ml-2">{{ rawData.length }}</v-chip>
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-account-group</v-icon>
+                        信眾分析
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-currency-usd</v-icon>
+                        收入統計
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-chart-line</v-icon>
+                        趨勢分析
+                    </v-tab>
+                    <v-tab :disabled="!hasData">
+                        <v-icon left>mdi-compare</v-icon>
+                        對比分析
+                    </v-tab>
+                </v-tabs>
+
+                <!-- 頁籤內容 -->
+                <v-tabs-items v-model="activeTab">
+                    <!-- Tab 1: 查詢條件 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-primary white--text">
+                                <v-icon left color="white">mdi-filter</v-icon>
+                                查詢條件設定
+                            </v-card-title>
+                            <v-card-text>
+                                <v-row class="mt-4">
+                                    <v-col cols="12" md="3">
+                                        <v-select
+                                            v-model="searchCriteria.year"
+                                            :items="yearOptions"
+                                            label="年份"
+                                            dense
+                                            outlined
+                                            prepend-icon="mdi-calendar"
+                                        ></v-select>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-select
+                                            v-model="searchCriteria.month"
+                                            :items="monthOptions"
+                                            label="月份（可選）"
+                                            dense
+                                            outlined
+                                            clearable
+                                            prepend-icon="mdi-calendar-month"
+                                        ></v-select>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-btn
+                                            color="primary"
+                                            large
+                                            block
+                                            @click="loadActivities"
+                                            :loading="loadingActivities"
+                                        >
+                                            <v-icon left>mdi-magnify</v-icon>
+                                            查詢法會
+                                        </v-btn>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-btn
+                                            color="secondary"
+                                            large
+                                            block
+                                            outlined
+                                            @click="resetSearch"
+                                        >
+                                            <v-icon left>mdi-refresh</v-icon>
+                                            重設
+                                        </v-btn>
+                                    </v-col>
+                                </v-row>
+
+                                <!-- 法會清單 -->
+                                <v-divider class="my-4"></v-divider>
+                                <h6 class="mb-3">
+                                    <v-icon left color="primary">mdi-format-list-bulleted</v-icon>
+                                    法會清單
+                                    <v-chip v-if="activities.length > 0" small class="ml-2">
+                                        共 {{ activities.length }} 場
+                                    </v-chip>
+                                </h6>
+
+                                <v-data-table
+                                    :headers="activityHeaders"
+                                    :items="activities"
+                                    :loading="loadingActivities"
+                                    loading-text="載入中..."
+                                    class="elevation-1"
+                                    item-key="activity_num"
+                                    :items-per-page="10"
+                                >
+                                    <template v-slot:item.start_date="{ item }">
+                                        {{ formatDate(item.start_date) }}
+                                    </template>
+                                    <template v-slot:item.end_date="{ item }">
+                                        {{ formatDate(item.end_date) }}
+                                    </template>
+                                    <template v-slot:item.total_amount="{ item }">
+                                        {{ formatCurrency(item.total_amount) }}
+                                    </template>
+                                    <template v-slot:item.actions="{ item }">
+                                        <v-btn
+                                            small
+                                            color="success"
+                                            @click="selectActivity(item)"
+                                            :loading="item.loading"
+                                        >
+                                            <v-icon left small>mdi-check</v-icon>
+                                            選擇
+                                        </v-btn>
+                                    </template>
+                                    <template v-slot:no-data>
+                                        <v-alert type="info" class="ma-4">
+                                            請選擇查詢條件後點擊「查詢法會」
+                                        </v-alert>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab 2: 報名明細 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-success white--text">
+                                <v-icon left color="white">mdi-table</v-icon>
+                                報名明細
+                                <v-spacer></v-spacer>
+                                <v-chip color="white" text-color="success">
+                                    {{ selectedActivity ? selectedActivity.activity_name : '未選擇' }}
+                                </v-chip>
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 過濾條件 -->
+                                <div class="filter-section">
+                                    <v-row>
+                                        <v-col cols="12" md="3">
+                                            <v-text-field
+                                                v-model="tab2Filter.followerName"
+                                                label="信眾姓名"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-account-search"
+                                                @input="applyTab2Filter"
+                                            ></v-text-field>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-select
+                                                v-model="tab2Filter.itemKind"
+                                                :items="itemKindOptions"
+                                                label="功德類型"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-tag"
+                                                @change="applyTab2Filter"
+                                            ></v-select>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-select
+                                                v-model="tab2Filter.isParent"
+                                                :items="[{text: '是', value: true}, {text: '否', value: false}]"
+                                                label="功德主"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-account-star"
+                                                @change="applyTab2Filter"
+                                            ></v-select>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-btn
+                                                color="primary"
+                                                block
+                                                @click="exportTab2Data"
+                                            >
+                                                <v-icon left>mdi-download</v-icon>
+                                                匯出 Excel
+                                            </v-btn>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+
+                                <!-- 統計資訊 -->
+                                <v-row class="mb-4">
+                                    <v-col cols="12" md="3">
+                                        <v-card color="primary" dark>
+                                            <v-card-text>
+                                                <div class="text-h6">{{ filteredRegistrations.length }}</div>
+                                                <div>報名筆數</div>
+                                            </v-card-text>
+                                        </v-card>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-card color="success" dark>
+                                            <v-card-text>
+                                                <div class="text-h6">{{ uniqueFollowersCount }}</div>
+                                                <div>報名人數</div>
+                                            </v-card-text>
+                                        </v-card>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-card color="warning" dark>
+                                            <v-card-text>
+                                                <div class="text-h6">{{ formatCurrency(totalAmount) }}</div>
+                                                <div>總金額</div>
+                                            </v-card-text>
+                                        </v-card>
+                                    </v-col>
+                                    <v-col cols="12" md="3">
+                                        <v-card color="info" dark>
+                                            <v-card-text>
+                                                <div class="text-h6">{{ formatCurrency(averageAmount) }}</div>
+                                                <div>平均金額</div>
+                                            </v-card-text>
+                                        </v-card>
+                                    </v-col>
+                                </v-row>
+
+                                <!-- 報名明細表格 -->
+                                <v-data-table
+                                    :headers="tab2Headers"
+                                    :items="paginatedRegistrations"
+                                    :items-per-page="tab2PageSize"
+                                    :page.sync="tab2CurrentPage"
+                                    :server-items-length="filteredRegistrations.length"
+                                    class="elevation-1"
+                                    item-key="報名編號"
+                                    :footer-props="{
+                                        'items-per-page-options': [10, 20, 50, 100]
+                                    }"
+                                >
+                                    <template v-slot:item.法會名稱="{ item }">
+                                        <span class="badge badge-field bg-warning text-dark">法</span>
+                                        {{ item.法會名稱 }}
+                                    </template>
+                                    <template v-slot:item.信眾姓名="{ item }">
+                                        <span class="badge badge-field bg-info">信</span>
+                                        {{ item.信眾姓名 }}
+                                    </template>
+                                    <template v-slot:item.功德主="{ item }">
+                                        <span class="badge badge-field bg-success">功德</span>
+                                        <v-chip :color="item.功德主 === '是' ? 'success' : 'default'" x-small>
+                                            {{ item.功德主 }}
+                                        </v-chip>
+                                    </template>
+                                    <template v-slot:item.功德類型="{ item }">
+                                        <span class="badge badge-field bg-success">功德</span>
+                                        {{ item.功德類型 }}
+                                    </template>
+                                    <template v-slot:item.金額="{ item }">
+                                        <span class="badge badge-field bg-secondary">計</span>
+                                        {{ formatCurrency(item.金額) }}
+                                    </template>
+                                    <template v-slot:item.未收="{ item }">
+                                        <span class="badge badge-field bg-secondary">計</span>
+                                        {{ formatCurrency(item.未收) }}
+                                    </template>
+                                    <template v-slot:item.報名日期="{ item }">
+                                        {{ formatDateTime(item.報名日期) }}
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab 3: 信眾分析 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-info white--text">
+                                <v-icon left color="white">mdi-account-group</v-icon>
+                                信眾參與分析
+                                <v-spacer></v-spacer>
+                                <v-chip color="white" text-color="info">
+                                    共 {{ followerAnalysis.length }} 位信眾
+                                </v-chip>
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 過濾條件 -->
+                                <div class="filter-section">
+                                    <v-row>
+                                        <v-col cols="12" md="3">
+                                            <v-text-field
+                                                v-model="tab3Filter.followerCode"
+                                                label="信眾編號"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-account-search"
+                                            ></v-text-field>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-text-field
+                                                v-model.number="tab3Filter.minCount"
+                                                label="最少參與次數"
+                                                type="number"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-counter"
+                                            ></v-text-field>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-text-field
+                                                v-model.number="tab3Filter.minAmount"
+                                                label="最少總金額"
+                                                type="number"
+                                                dense
+                                                outlined
+                                                clearable
+                                                prepend-icon="mdi-currency-usd"
+                                            ></v-text-field>
+                                        </v-col>
+                                        <v-col cols="12" md="3">
+                                            <v-select
+                                                v-model="tab3SortBy"
+                                                :items="[
+                                                    {text: '參與次數（降序）', value: 'count_desc'},
+                                                    {text: '參與次數（升序）', value: 'count_asc'},
+                                                    {text: '總金額（降序）', value: 'amount_desc'},
+                                                    {text: '總金額（升序）', value: 'amount_asc'}
+                                                ]"
+                                                label="排序方式"
+                                                dense
+                                                outlined
+                                                prepend-icon="mdi-sort"
+                                            ></v-select>
+                                        </v-col>
+                                    </v-row>
+                                </div>
+
+                                <!-- 信眾分析表格 -->
+                                <v-data-table
+                                    :headers="tab3Headers"
+                                    :items="filteredFollowerAnalysis"
+                                    :items-per-page="20"
+                                    class="elevation-1"
+                                    item-key="信眾編號"
+                                >
+                                    <template v-slot:item.信眾編號="{ item }">
+                                        <v-chip small color="info">{{ item.信眾編號 }}</v-chip>
+                                    </template>
+                                    <template v-slot:item.參與次數="{ item }">
+                                        <v-chip small :color="item.參與次數 >= 5 ? 'success' : 'default'">
+                                            {{ item.參與次數 }}
+                                        </v-chip>
+                                    </template>
+                                    <template v-slot:item.總金額="{ item }">
+                                        {{ formatCurrency(item.總金額) }}
+                                    </template>
+                                    <template v-slot:item.平均金額="{ item }">
+                                        {{ formatCurrency(item.平均金額) }}
+                                    </template>
+                                    <template v-slot:item.最近參與日期="{ item }">
+                                        {{ formatDate(item.最近參與日期) }}
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab 4: 收入統計 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-warning white--text">
+                                <v-icon left color="white">mdi-currency-usd</v-icon>
+                                收入統計分析
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- 分組方式選擇 -->
+                                <v-row class="mb-4">
+                                    <v-col cols="12">
+                                        <v-chip-group v-model="tab4GroupBy" mandatory>
+                                            <v-chip value="monthly" color="primary">
+                                                <v-icon left>mdi-calendar-month</v-icon>
+                                                月份
+                                            </v-chip>
+                                            <v-chip value="yearly" color="success">
+                                                <v-icon left>mdi-calendar</v-icon>
+                                                年度
+                                            </v-chip>
+                                            <v-chip value="activity" color="info">
+                                                <v-icon left>mdi-star</v-icon>
+                                                法會
+                                            </v-chip>
+                                            <v-chip value="itemKind" color="warning">
+                                                <v-icon left>mdi-tag</v-icon>
+                                                功德類型
+                                            </v-chip>
+                                        </v-chip-group>
+                                    </v-col>
+                                </v-row>
+
+                                <!-- 收入統計表格 -->
+                                <v-data-table
+                                    :headers="tab4Headers"
+                                    :items="incomeStats"
+                                    :items-per-page="20"
+                                    class="elevation-1"
+                                    item-key="分組名稱"
+                                >
+                                    <template v-slot:item.分組名稱="{ item }">
+                                        <strong>{{ item.分組名稱 }}</strong>
+                                    </template>
+                                    <template v-slot:item.總金額="{ item }">
+                                        <strong class="text-success">{{ formatCurrency(item.總金額) }}</strong>
+                                    </template>
+                                    <template v-slot:item.已收="{ item }">
+                                        {{ formatCurrency(item.已收) }}
+                                    </template>
+                                    <template v-slot:item.未收="{ item }">
+                                        <span :class="item.未收 > 0 ? 'text-danger' : ''">
+                                            {{ formatCurrency(item.未收) }}
+                                        </span>
+                                    </template>
+                                    <template v-slot:item.收款率="{ item }">
+                                        <v-chip :color="getPaymentRateColor(item.收款率)" small>
+                                            {{ item.收款率 }}
+                                        </v-chip>
+                                    </template>
+                                </v-data-table>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab 5: 趨勢分析 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-secondary white--text">
+                                <v-icon left color="white">mdi-chart-line</v-icon>
+                                趨勢分析
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- Tab 5 內容待實作 -->
+                                <v-alert type="info" class="mt-4">
+                                    趨勢分析功能開發中...
+                                </v-alert>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+
+                    <!-- Tab 6: 對比分析 -->
+                    <v-tab-item>
+                        <v-card class="mt-4">
+                            <v-card-title class="bg-dark white--text">
+                                <v-icon left color="white">mdi-compare</v-icon>
+                                對比分析
+                            </v-card-title>
+                            <v-card-text>
+                                <!-- Tab 6 內容待實作 -->
+                                <v-alert type="info" class="mt-4">
+                                    對比分析功能開發中...
+                                </v-alert>
+                            </v-card-text>
+                        </v-card>
+                    </v-tab-item>
+                </v-tabs-items>
+            </v-container>
+        </v-app>
+    </div>
+</asp:Content>
+
+<asp:Content ID="Content5" ContentPlaceHolderID="footer_script" runat="Server">
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vuetify@2.6.14/dist/vuetify.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <link href="https://cdn.jsdelivr.net/npm/vuetify@2.6.14/dist/vuetify.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet">
+
+    <script>
+    new Vue({
+        el: '#pivot-query-app',
+        vuetify: new Vuetify(),
+        data() {
+            return {
+                // 當前頁籤
+                activeTab: 0,
+                
+                // 載入狀態
+                loading: false,
+                loadingActivities: false,
+                
+                // 查詢條件
+                searchCriteria: {
+                    year: new Date().getFullYear(),
+                    month: null
+                },
+                
+                // 年份選項（2020~2030）
+                yearOptions: Array.from({ length: 11 }, (_, i) => 2020 + i),
+                
+                // 月份選項
+                monthOptions: [
+                    { text: '1月', value: 1 },
+                    { text: '2月', value: 2 },
+                    { text: '3月', value: 3 },
+                    { text: '4月', value: 4 },
+                    { text: '5月', value: 5 },
+                    { text: '6月', value: 6 },
+                    { text: '7月', value: 7 },
+                    { text: '8月', value: 8 },
+                    { text: '9月', value: 9 },
+                    { text: '10月', value: 10 },
+                    { text: '11月', value: 11 },
+                    { text: '12月', value: 12 }
+                ],
+                
+                // 法會清單
+                activities: [],
+                
+                // 法會清單表頭
+                activityHeaders: [
+                    { text: '序號', value: 'activity_num', width: 100 },
+                    { text: '法會名稱', value: 'activity_name', width: 250 },
+                    { text: '開始日期', value: 'start_date', width: 130 },
+                    { text: '結束日期', value: 'end_date', width: 130 },
+                    { text: '報名人數', value: 'total_followers', width: 120, align: 'end' },
+                    { text: '報名筆數', value: 'total_orders', width: 120, align: 'end' },
+                    { text: '總金額', value: 'total_amount', width: 150, align: 'end' },
+                    { text: '操作', value: 'actions', width: 120, sortable: false, align: 'center' }
+                ],
+                
+                // 選中的法會
+                selectedActivity: null,
+                
+                // 原始完整資料（供所有頁籤使用）
+                rawData: [],
+                
+                // Tab 2: 報名明細
+                tab2Filter: {
+                    followerName: '',
+                    itemKind: null,
+                    isParent: null
+                },
+                tab2CurrentPage: 1,
+                tab2PageSize: 50,
+                tab2Headers: [
+                    { text: '報名日期', value: '報名日期', width: 150 },
+                    { text: '信眾姓名', value: '信眾姓名', width: 120 },
+                    { text: '功德類型', value: '功德類型', width: 120 },
+                    { text: '功德名稱', value: '功德名稱', width: 200 },
+                    { text: '功德主', value: '功德主', width: 100, align: 'center' },
+                    { text: '數量', value: '數量', width: 80, align: 'end' },
+                    { text: '金額', value: '金額', width: 120, align: 'end' },
+                    { text: '未收', value: '未收', width: 120, align: 'end' }
+                ],
+                
+                // Tab 3: 信眾參與分析
+                tab3Filter: {
+                    followerCode: '',
+                    minCount: null,
+                    minAmount: null
+                },
+                tab3SortBy: 'count_desc',
+                tab3Headers: [
+                    { text: '信眾編號', value: '信眾編號', width: 120 },
+                    { text: '姓名', value: '姓名', width: 120 },
+                    { text: '參與次數', value: '參與次數', width: 100, align: 'center' },
+                    { text: '總金額', value: '總金額', width: 150, align: 'end' },
+                    { text: '平均金額', value: '平均金額', width: 150, align: 'end' },
+                    { text: '最近參與日期', value: '最近參與日期', width: 130 }
+                ],
+                
+                // Tab 4: 收入統計分析
+                tab4GroupBy: 'monthly',
+                tab4Headers: [
+                    { text: '分組名稱', value: '分組名稱', width: 200 },
+                    { text: '報名人數', value: '報名人數', width: 120, align: 'center' },
+                    { text: '總金額', value: '總金額', width: 150, align: 'end' },
+                    { text: '已收', value: '已收', width: 120, align: 'end' },
+                    { text: '未收', value: '未收', width: 120, align: 'end' },
+                    { text: '收款率', value: '收款率', width: 100, align: 'center' }
+                ]
+            };
+        },
+        computed: {
+            // 是否有資料
+            hasData() {
+                return this.rawData.length > 0;
+            },
+            
+            // Tab 2: 功德類型選項（從原始資料提取）
+            itemKindOptions() {
+                if (!this.rawData.length) return [];
+                const kinds = [...new Set(this.rawData.map(x => x.功德類型))];
+                return kinds.filter(k => k).sort();
+            },
+            
+            // Tab 2: 過濾後的報名明細
+            filteredRegistrations() {
+                let data = this.rawData;
+                
+                // 過濾：信眾姓名
+                if (this.tab2Filter.followerName) {
+                    data = data.filter(x => x.信眾姓名 && x.信眾姓名.includes(this.tab2Filter.followerName));
+                }
+                
+                // 過濾：功德類型
+                if (this.tab2Filter.itemKind) {
+                    data = data.filter(x => x.功德類型 === this.tab2Filter.itemKind);
+                }
+                
+                // 過濾：功德主
+                if (this.tab2Filter.isParent !== null) {
+                    data = data.filter(x => x.功德主 === (this.tab2Filter.isParent ? '是' : '否'));
+                }
+                
+                return data;
+            },
+            
+            // Tab 2: 前端分頁
+            paginatedRegistrations() {
+                const start = (this.tab2CurrentPage - 1) * this.tab2PageSize;
+                const end = start + this.tab2PageSize;
+                return this.filteredRegistrations.slice(start, end);
+            },
+            
+            // Tab 2: 不重複信眾數
+            uniqueFollowersCount() {
+                if (!this.filteredRegistrations.length) return 0;
+                const followers = new Set(this.filteredRegistrations.map(x => x.信眾編號));
+                return followers.size;
+            },
+            
+            // Tab 2: 總金額
+            totalAmount() {
+                return this.filteredRegistrations.reduce((sum, item) => {
+                    return sum + (item.金額 * item.數量);
+                }, 0);
+            },
+            
+            // Tab 2: 平均金額
+            averageAmount() {
+                if (!this.filteredRegistrations.length) return 0;
+                return Math.round(this.totalAmount / this.filteredRegistrations.length);
+            },
+            
+            // Tab 3: 信眾參與分析（從 rawData 計算）
+            followerAnalysis() {
+                const followerMap = {};
+                
+                this.rawData.forEach(item => {
+                    const fNum = item.信眾編號;
+                    if (!followerMap[fNum]) {
+                        followerMap[fNum] = {
+                            信眾編號: fNum,
+                            姓名: item.信眾姓名,
+                            參與次數: 0,
+                            總金額: 0,
+                            最近參與日期: item.報名日期
+                        };
+                    }
+                    
+                    followerMap[fNum].參與次數++;
+                    followerMap[fNum].總金額 += (item.金額 * item.數量);
+                    
+                    // 更新最近參與日期
+                    if (new Date(item.報名日期) > new Date(followerMap[fNum].最近參與日期)) {
+                        followerMap[fNum].最近參與日期 = item.報名日期;
+                    }
+                });
+                
+                // 轉換為陣列，並計算平均金額
+                return Object.values(followerMap).map(f => ({
+                    ...f,
+                    平均金額: Math.round(f.總金額 / f.參與次數)
+                }));
+            },
+            
+            // Tab 3: 過濾並排序信眾分析
+            filteredFollowerAnalysis() {
+                let data = this.followerAnalysis;
+                
+                // 過濾：信眾編號
+                if (this.tab3Filter.followerCode) {
+                    data = data.filter(x => x.信眾編號 && x.信眾編號.includes(this.tab3Filter.followerCode));
+                }
+                
+                // 過濾：最少參與次數
+                if (this.tab3Filter.minCount) {
+                    data = data.filter(x => x.參與次數 >= this.tab3Filter.minCount);
+                }
+                
+                // 過濾：最少總金額
+                if (this.tab3Filter.minAmount) {
+                    data = data.filter(x => x.總金額 >= this.tab3Filter.minAmount);
+                }
+                
+                // 排序
+                switch (this.tab3SortBy) {
+                    case 'count_desc':
+                        data.sort((a, b) => b.參與次數 - a.參與次數);
+                        break;
+                    case 'count_asc':
+                        data.sort((a, b) => a.參與次數 - b.參與次數);
+                        break;
+                    case 'amount_desc':
+                        data.sort((a, b) => b.總金額 - a.總金額);
+                        break;
+                    case 'amount_asc':
+                        data.sort((a, b) => a.總金額 - b.總金額);
+                        break;
+                }
+                
+                return data;
+            },
+            
+            // Tab 4: 收入統計分析（從 rawData 計算）
+            incomeStats() {
+                const statsMap = {};
+                const groupBy = this.tab4GroupBy;
+                
+                this.rawData.forEach(item => {
+                    let key;
+                    switch(groupBy) {
+                        case 'monthly':
+                            key = item.報名日期 ? item.報名日期.substring(0, 7) : '未知'; // YYYY-MM
+                            break;
+                        case 'yearly':
+                            key = item.報名日期 ? item.報名日期.substring(0, 4) : '未知'; // YYYY
+                            break;
+                        case 'activity':
+                            key = item.法會名稱 || '未知';
+                            break;
+                        case 'itemKind':
+                            key = item.功德類型 || '未知';
+                            break;
+                    }
+                    
+                    if (!statsMap[key]) {
+                        statsMap[key] = {
+                            分組名稱: key,
+                            報名人數: new Set(),
+                            總金額: 0,
+                            已收: 0,
+                            未收: 0
+                        };
+                    }
+                    
+                    statsMap[key].報名人數.add(item.信眾編號);
+                    const amount = item.金額 * item.數量;
+                    statsMap[key].總金額 += amount;
+                    statsMap[key].已收 += item.已收 || 0;
+                    statsMap[key].未收 += item.未收 || amount;
+                });
+                
+                // 計算收款率並轉換 Set 為數字
+                return Object.values(statsMap).map(s => ({
+                    分組名稱: s.分組名稱,
+                    報名人數: s.報名人數.size,
+                    總金額: s.總金額,
+                    已收: s.已收,
+                    未收: s.未收,
+                    收款率: s.總金額 > 0 ? ((s.已收 / s.總金額) * 100).toFixed(1) + '%' : '0%'
+                })).sort((a, b) => {
+                    // 依分組名稱排序
+                    if (groupBy === 'monthly' || groupBy === 'yearly') {
+                        return b.分組名稱.localeCompare(a.分組名稱);
+                    }
+                    return b.總金額 - a.總金額;
+                });
+            }
+        },
+        methods: {
+            /**
+             * 載入法會清單
+             */
+            async loadActivities() {
+                if (!this.searchCriteria.year) {
+                    this.$swal('提示', '請選擇年份', 'warning');
+                    return;
+                }
+                
+                this.loadingActivities = true;
+                this.activities = [];
+                
+                try {
+                    // 計算日期範圍
+                    let startDate, endDate;
+                    if (this.searchCriteria.month) {
+                        // 指定月份
+                        startDate = `${this.searchCriteria.year}-${String(this.searchCriteria.month).padStart(2, '0')}-01`;
+                        const lastDay = new Date(this.searchCriteria.year, this.searchCriteria.month, 0).getDate();
+                        endDate = `${this.searchCriteria.year}-${String(this.searchCriteria.month).padStart(2, '0')}-${lastDay}`;
+                    } else {
+                        // 整年
+                        startDate = `${this.searchCriteria.year}-01-01`;
+                        endDate = `${this.searchCriteria.year}-12-31`;
+                    }
+                    
+                    // 呼叫 API
+                    const response = await axios.get('/api/pivot/activity_stats', {
+                        params: {
+                            startDate: startDate,
+                            endDate: endDate
+                        }
+                    });
+                    
+                    if (response.data.success) {
+                        this.activities = response.data.data;
+                        if (this.activities.length === 0) {
+                            this.$swal('提示', '查無法會資料', 'info');
+                        }
+                    } else {
+                        throw new Error(response.data.message || '查詢失敗');
+                    }
+                } catch (error) {
+                    console.error('載入法會清單失敗:', error);
+                    this.$swal('錯誤', error.response?.data?.Message || error.message || '查詢失敗', 'error');
+                } finally {
+                    this.loadingActivities = false;
+                }
+            },
+            
+            /**
+             * 選擇法會並載入完整資料
+             */
+            async selectActivity(activity) {
+                this.loading = true;
+                this.selectedActivity = activity;
+                
+                try {
+                    // 一次性查詢完整報名明細（不分頁）
+                    const response = await axios.get('/api/pivot/registration_details', {
+                        params: {
+                            activityNum: activity.activity_num,
+                            pageSize: 9999  // 取得全部資料
+                        }
+                    });
+                    
+                    if (response.data.success) {
+                        // 存入原始資料（供所有頁籤使用）
+                        this.rawData = response.data.data.list;
+                        
+                        // 自動切換到 Tab 2
+                        this.activeTab = 1;
+                        
+                        this.$swal({
+                            icon: 'success',
+                            title: '載入成功',
+                            text: `已載入 ${this.rawData.length} 筆報名資料`,
+                            timer: 2000,
+                            showConfirmButton: false
+                        });
+                    } else {
+                        throw new Error(response.data.message || '載入失敗');
+                    }
+                } catch (error) {
+                    console.error('載入報名資料失敗:', error);
+                    this.$swal('錯誤', error.response?.data?.Message || error.message || '載入失敗', 'error');
+                } finally {
+                    this.loading = false;
+                }
+            },
+            
+            /**
+             * 重設查詢條件
+             */
+            resetSearch() {
+                this.searchCriteria = {
+                    year: new Date().getFullYear(),
+                    month: null
+                };
+                this.activities = [];
+                this.rawData = [];
+                this.selectedActivity = null;
+                this.activeTab = 0;
+            },
+            
+            /**
+             * 格式化日期
+             */
+            formatDate(date) {
+                if (!date) return '-';
+                const d = new Date(date);
+                return d.toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' });
+            },
+            
+            /**
+             * 格式化金額
+             */
+            formatCurrency(amount) {
+                if (amount === null || amount === undefined) return '-';
+                return new Intl.NumberFormat('zh-TW', {
+                    style: 'currency',
+                    currency: 'TWD',
+                    minimumFractionDigits: 0
+                }).format(amount);
+            },
+            
+            /**
+             * 格式化日期時間
+             */
+            formatDateTime(datetime) {
+                if (!datetime) return '-';
+                const d = new Date(datetime);
+                return d.toLocaleString('zh-TW', {
+                    year: 'numeric',
+                    month: '2-digit',
+                    day: '2-digit',
+                    hour: '2-digit',
+                    minute: '2-digit'
+                });
+            },
+            
+            /**
+             * Tab 2: 應用過濾條件
+             */
+            applyTab2Filter() {
+                // 重置頁碼
+                this.tab2CurrentPage = 1;
+            },
+            
+            /**
+             * Tab 2: 匯出 Excel
+             */
+            async exportTab2Data() {
+                if (!this.filteredRegistrations.length) {
+                    Swal.fire('提示', '沒有資料可匯出', 'warning');
+                    return;
+                }
+                
+                try {
+                    // 顯示載入訊息
+                    Swal.fire({
+                        title: '匯出中...',
+                        text: '請稍候',
+                        icon: 'info',
+                        showConfirmButton: false,
+                        allowOutsideClick: false,
+                        didOpen: () => {
+                            Swal.showLoading();
+                        }
+                    });
+                    
+                    // 延遲一點時間讓 UI 更新
+                    await new Promise(resolve => setTimeout(resolve, 100));
+                    
+                    // 準備匯出資料
+                    const exportData = this.filteredRegistrations.map(item => ({
+                        '報名日期': this.formatDateTime(item.報名日期),
+                        '信眾編號': item.信眾編號,
+                        '信眾姓名': item.信眾姓名,
+                        '功德類型': item.功德類型,
+                        '功德名稱': item.功德名稱,
+                        '功德主': item.功德主,
+                        '數量': item.數量,
+                        '金額': item.金額,
+                        '已收': item.已收,
+                        '未收': item.未收
+                    }));
+                    
+                    // 轉換為 CSV（處理特殊欄位格式）
+                    const headers = Object.keys(exportData[0]);
+                    const csvRows = [
+                        headers.join(','),
+                        ...exportData.map(row => {
+                            return headers.map(h => {
+                                let value = row[h];
+                                
+                                // 信眾編號強制為文字（使用 ="值" 格式）
+                                if (h === '信眾編號') {
+                                    return `"=""${value}"""`;
+                                }
+                                
+                                // 一般文字欄位：如果包含逗號、引號、換行，需要用雙引號包起來
+                                if (typeof value === 'string') {
+                                    if (value.includes(',') || value.includes('"') || value.includes('\n')) {
+                                        return `"${value.replace(/"/g, '""')}"`;
+                                    }
+                                    return value;
+                                }
+                                
+                                // 數字欄位（處理 null/undefined）
+                                return value !== null && value !== undefined ? value : '';
+                            }).join(',');
+                        })
+                    ];
+                    const csv = csvRows.join('\n');
+                    
+                    // 下載檔案
+                    const blob = new Blob(['\uFEFF' + csv], { type: 'text/csv;charset=utf-8;' });
+                    const link = document.createElement('a');
+                    const url = URL.createObjectURL(blob);
+                    link.setAttribute('href', url);
+                    link.setAttribute('download', `報名明細_${this.selectedActivity.activity_name}_${new Date().getTime()}.csv`);
+                    link.style.visibility = 'hidden';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    
+                    // 關閉載入訊息並顯示成功
+                    Swal.fire('成功', '匯出完成', 'success');
+                } catch (error) {
+                    console.error('匯出失敗:', error);
+                    Swal.fire('錯誤', `匯出失敗: ${error.message}`, 'error');
+                }
+            },
+            
+            /**
+             * 取得收款率顏色
+             */
+            getPaymentRateColor(rate) {
+                const numRate = parseFloat(rate);
+                if (numRate >= 80) return 'success';
+                if (numRate >= 50) return 'warning';
+                return 'error';
+            }
+        },
+        mounted() {
+            console.log('Pivot Query App 已載入');
+            
+            // 檢查是否有 SweetAlert2
+            if (typeof Swal === 'undefined') {
+                console.warn('SweetAlert2 未載入，將使用原生 alert');
+                this.$swal = function(title, text, icon) {
+                    alert(`${title}\n${text}`);
+                    return Promise.resolve();
+                };
+            } else {
+                this.$swal = Swal.fire.bind(Swal);
+            }
+        }
+    });
+    </script>
+</asp:Content>
diff --git a/web/admin/pivot/query.aspx.cs b/web/admin/pivot/query.aspx.cs
new file mode 100644
index 0000000..62057d4
--- /dev/null
+++ b/web/admin/pivot/query.aspx.cs
@@ -0,0 +1,10 @@
+using System;
+using System.Web.UI;
+
+public partial class admin_pivot_query : MyWeb.config
+{
+    protected void Page_Load(object sender, EventArgs e)
+    {
+        // 頁面初始化（暫無邏輯）
+    }
+}