docs(observability): 補齊 UI 治理規範

static/css/observability-system.css

@@ -1,6 +1,12 @@
 /*
  * AI 觀測台共用視覺系統
  * 只在 ewoooc_base.html 的 .momo-observability-mode 啟用，避免污染一般後台頁。
+ *
+ * Governance:
+ * - 新增觀測頁時，優先使用本檔 token / utility class，不要在 template 內重建一套 hero/table/card。
+ * - 標題與 KPI 數字使用 --obs-title-size / --obs-value-size，不要再硬寫超大 clamp。
+ * - 圖表容器使用 .obs-chart-frame 系列；只有資料百分比 width 可保留 inline style。
+ * - 視覺語言固定為暖色焦糖系、Noto Sans TC、點陣方格；禁止回到紫色、純黑、Times/Georgia。
  */
 .momo-observability-mode {
   --obs-ink: var(--momo-ink, #302720);
@@ -70,8 +76,8 @@
     linear-gradient(135deg, rgba(255, 248, 239, 0.96), rgba(255, 255, 255, 0.76));
   box-shadow: 0 18px 42px rgba(70, 46, 28, 0.08);
   color: var(--obs-ink);
-  font-family: Georgia, 'Times New Roman', 'Noto Sans TC', serif;
-  font-size: clamp(1.65rem, 3vw, 2.65rem);
+  font-family: 'Noto Sans TC', 'Inter', sans-serif;
+  font-size: var(--obs-title-size);
   letter-spacing: -0.045em;
 }