SECTION 07

7. 介面狀態規範

對應來源:介面邊界與異常容錯規範

7.1 正常狀態

🏷️ 標籤層級展示
會員標籤與帳號狀態依類型以顏色區分,提升辨識效率。
🔢 嚴謹千分位靠右
數值一律靠右對齊(Right Align),金額欄位統一對齊小數點,提升審閱效率。
⚡ 快速分頁跳轉
預設每頁 20 / 50 / 100 筆,底部常駐頁碼跳轉與總筆數指示器。

7.2 無數據狀態

📭
空值與空列表規範:
1. 單元格數據空狀態:以顏色區分弱化顯示。數值/無數據定義為 -,字符定義為 N/A;若有數據 0 定義為 0(金額為 0.00)正常顯性展示,嚴禁留白或出現 undefined。
2. 搜尋無結果:呈現專屬空狀態插畫與「查無符合篩選條件的會員資料」,提供「一鍵清除搜尋條件」引導。

7.3 極限狀態

📏 數值極大極限防護
金額達到億級以上時(如 987,654,321.00),設置 white-space: nowrap 強制橫向滾動,防折行破壞表格對齊。
💬 超長文字與標籤防護
用戶名、暱稱或備註長度超額時以 ellipsis 截斷,Hover 展開 Tooltip;標籤過多以 +3 摺疊徽章收納。