From dc154a01b199c4dbb79a9f1f5349c04b66cef69a Mon Sep 17 00:00:00 2001
From: ogt <ogt@awoooi.local>
Date: Thu, 25 Jun 2026 14:14:16 +0800
Subject: [PATCH] fix: wrap growth rail on mobile

---
 config.py                          |  2 +-
 docs/AI_INTELLIGENCE_MODULE_SOT.md |  1 +
 web/static/css/ewoooc-shell.css    | 24 +++++++++++++++++++++++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/config.py b/config.py
index c742883..fcc270e 100644
--- a/config.py
+++ b/config.py
@@ -402,7 +402,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '')
 # ==========================================
 # 系統版本與路徑
 # ==========================================
-SYSTEM_VERSION = "V10.673"
+SYSTEM_VERSION = "V10.674"
 LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log')
 public_url = PUBLIC_URL  # 用於模板顯示
 
diff --git a/docs/AI_INTELLIGENCE_MODULE_SOT.md b/docs/AI_INTELLIGENCE_MODULE_SOT.md
index b212048..cabe3f2 100644
--- a/docs/AI_INTELLIGENCE_MODULE_SOT.md
+++ b/docs/AI_INTELLIGENCE_MODULE_SOT.md
@@ -750,3 +750,4 @@ POSTGRES_HOST=momo-db
 | 2026-06-25 | Google Drive 自動匯入不可在正式排程開瀏覽器 | V10.671 起背景匯入缺少 `config/google_token.json` 時 fail-closed 並提示一次性授權檔轉換；正式 scheduler 不再嘗試 `run_local_server()`，且 token refresh 必須能寫回共用 `config/` 掛載，避免主機重啟後再次出現 `could not locate runnable browser` 或授權檔遺失。 |
 | 2026-06-25 | 待確認候選必須能一眼比對雙平台賣場 | V10.672 起 MOMO 待確認候選回傳 PChome/MOMO 兩個賣場連結與白話檢核點，前台改成雙欄比對並提供「同時開兩個賣場」，不再顯示 `variant_selection_review` 等工程 matcher tag。 |
 | 2026-06-25 | 待確認候選 API 不可回傳 raw matcher code | V10.673 起 `match_reasons` 相容欄位也改回白話理由，避免前台或檢視 payload 時再次看到 `variant_selection_review`、`focused_exact_identity_*` 等工程代碼。 |
+| 2026-06-25 | 共用成長流程列手機版不可溢出畫面 | V10.674 起全站 `momo-growth-rail` 在手機寬度改為換行呈現，避免「評估 / 分析 / 建議 / 解法 / 治理」流程 chip 超出視覺邊界。 |
diff --git a/web/static/css/ewoooc-shell.css b/web/static/css/ewoooc-shell.css
index ed95453..9e857d1 100644
--- a/web/static/css/ewoooc-shell.css
+++ b/web/static/css/ewoooc-shell.css
@@ -786,6 +786,28 @@ body.momo-v2-body {
   }
 
   .momo-growth-rail {
-    padding: 6px 14px;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 6px;
+    padding: 6px 10px;
+    overflow-x: hidden;
+  }
+
+  .momo-growth-goal {
+    flex: 1 1 100%;
+    justify-content: flex-start;
+    margin-right: 0;
+  }
+
+  .momo-growth-current {
+    flex: 1 1 auto;
+    justify-content: flex-start;
+    border-left: 0;
+    padding: 0 6px;
+  }
+
+  .momo-growth-step {
+    flex: 0 1 auto;
+    padding: 0 8px;
   }
 }