本卡屬 FR-164（母卡見「母卡」欄），批 3，決策者 2026-10-26 複測後追加。右上「參考資料」面板在控制項層與評估目標層把「控制項要求／評估目標」與「控制項現況說明」排成左右兩欄，決策者原話「永遠不要左右」。只改 1 支檔。

問題是什麼（白話）

參考資料面板寬的時候，條文在左、現況說明在右，兩邊長短不一就一邊很長一邊空白，讀的時候要左右跳。決策者定的通則：頁面內的資料區塊一律上下疊，永遠不排左右兩欄；只有「左導航｜右內容」那種 Splitter 版面分割例外。這條是首腦在 design.md 寫錯（寫成「兩欄」），runner 照做，不是 runner 的錯；design.md 已改成「依序上下疊」。

在哪裡

~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/components/grc/control-view/ControlReferencePane.vue:49    <div class="ref-cols mt-4"> 控制項層的兩欄容器（裡面兩個 <section>）
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/components/grc/control-view/ControlReferencePane.vue:~95   評估目標層同款 <div class="ref-cols">（grep ref-cols 全部命中都要改）
~/Projects/Billows/Audit-Manager/compliance-manager-fe/src/components/grc/control-view/ControlReferencePane.vue:156   .ref-cols { display:grid; grid-template-columns: repeat(auto-fit, minmax(18rem,1fr)); gap:1.5rem }

怎麼修

• 把 .ref-cols 改成上下疊：display:flex; flex-direction:column; gap:0；相鄰 section 之間加 1px 分隔線（border-top: 1px solid var(--border-light)＋上下 padding），不要靠大間距分段。順序：控制項層「控制項要求」在上、「控制項現況說明」在下；評估目標層「評估目標」→「評估目標現況」（有才顯示）→「控制項現況說明」。
• class 名可順手改成 .ref-stack，註解那行「左右並排，窄時自動疊成上下」要刪掉（已不成立）。
• 其他不動：標題列、統計列、收起、群組層內容都維持。

手測

• DEV http://localhost:5180/project/projects/6bfe7e29-7a71-41b5-863c-355715555f0d/round/6fb82dab-bba2-4e94-a1e7-3fd5639c015c（決策者 vite 5180 跑主樹）——工作坊 worktree 要自己起 vite 另一個 port，登入態不共享，用 Playwright headless 自己登（帳號見 test repo .env.e2e）。
• 截三張：控制項層（CRA.I.1）、評估目標層（CRA.I.1 [a]）、參考資料面板被上下 Splitter 拖到很寬與很窄各一次。每張都要看到條文在上、現況說明在下、中間一條細線；任何寬度都不出現左右兩欄。放 docs/features/FR-164-control-view-redesign/screenshots/fr164-4-*.png。
• npx vitest run src/components/grc/control-view 全綠（ControlViewPanes.spec.js 若有斷言 .ref-cols，一起改）。

紀律

• 只改 FE repo（~/Projects/Billows/Audit-Manager/compliance-manager-fe）這一支檔（＋必要時該 spec）。資料區塊一律上下疊、不排左右兩欄（決策者 2026-10-26）；禁左側粗色邊框；不自訂字級。
• FE repo 在 feature/FR-139，不切 branch。git status 有不是你的改動不要碰；顯式 git add <檔名>，禁 -am、禁 reset --hard／checkout .／clean／不帶路徑 stash。
• 檔案內註解只寫「為什麼」與「陷阱」；施工過程進 commit message。
• 做完立刻 commit → 本卡 append 白話回寫（commit hash、截圖）→ 狀態改「修正待驗證」，不等令。push／母卡 Done 等決策者。不自派 subagent。

建議模型與思考強度（首腦判斷）

Stage 3／Model sonnet／Effort low。一支檔一段 CSS 改 flex column＋刪一句註解，首腦已給行號；純機械。