今天我們要升級 Reporting_GenerateHtmlCsv.xaml 報表模組，將原本陽春的靜態表格進化為具備專業 UI/UX、內建動態圖表與即時篩選機制的「全球專利情報戰報儀表板」！

┌──────────────────────────────────────────────────────────────┐
│  📊 全球專利加權風險評估看板 (含檢索時間戳記)                     │
├─────────────────┬──────────────────┬─────────────────────────┤
│ 🔴 Tier 1 (4分) │ 🟠 Tier 2 (2分)  │ 🔵 Tier 3 (1分) │ 總計  │
├─────────────────┴──────────────────┴─────────────────────────┤
│  [ 🍩 風險分佈圓餅圖 (Chart.js) ]    [ 📊 階層數量長條圖 ]     │
├──────────────────────────────────────────────────────────────┤
│  按鈕篩選：[ 全部 ] [ 🔴 僅看 Tier 1 ] [ 🟠 僅看 Tier 2 ]      │
│  搜尋框：🔍 即時輸入案號、申請人、標籤即時模糊過濾...            │
├──────────────────────────────────────────────────────────────┤
│  專利情報互動清單 (支援懸停反白、標籤晶片化、自動換行截斷)      │
└──────────────────────────────────────────────────────────────┘

• 1.動態雙圖表（Chart.js）：

• Doughnut 圓餅圖：直觀呈現高、中、低風險專利的分佈佔比。

• Bar 長條圖：量化各風險階層的具體專利數量。

• 2.快速標籤切換按鈕（One-Click Filter）：點擊按鈕一秒過濾出高危險案件，不需重新整理頁面。

• 3.即時多欄位文字搜尋：輸入任意關鍵字（如 TSMC、散熱、TW...），表格內容毫秒級即時過濾。

• 4.現代化卡片 UI：採用 Tailwind 風格色票，搭配圓角與標籤晶片（Badges），讓科技情報具備專業儀表板質感。

今日成果