確認框改置中 modal、移除統計比較分析手風琴、整包下載按鈕改名

「開始新分析」確認框（千卉指定）：
- 從 nav-col 內嵌卡片改成全螢幕半透明深灰遮罩 + 水平垂直置中的橫式對話框
- 元件搬到 workspace_row 外層是必要的，不是順手：nav-col 在手機寬度是
position:fixed + transform 的抽屜，被 transform 的祖先會讓子孫的
position:fixed 改以該祖先為定位基準，對話框會被關在抽屜裡
- overlay 刻意不設 display：Gradio 的 visible=False 就是靠 display:none
生效，寫 display:flex !important 會把隱藏本身蓋掉。改用「維持 Gradio 給的
flex 排版 + 面板 margin:auto」達成置中
- 深色模式另給 rgba(0,0,0,.62)：頁面本身已是深色，同一階深灰疊上去看不出
被壓暗，遮罩形同不存在
- 補上點遮罩關閉與 Esc 關閉（沿用手機抽屜既有的互動慣例）
- 移除 8-E 的「收合狀態下點重置先自動展開 nav-col」變通，該變通存在的理由
（彈窗會擠在 60px 窄欄）已隨 modal 消失

移除「統計比較分析」手風琴（千卉指定：標題文字與收合效果都不要）：
- 四個子頁改成跟其他導覽項目平列的一般項目
- 原本那一列兼任 stat 頁的 active 指示器，拿掉後改由使用者實際點的子項目
自己標 active：applyActivePage() 多收 navId 參數，結果記在 data-nav，
讓每 400ms 的 _reapplyActivePage()（不帶 navId）不會把 active 清掉
- 連帶移除 #nav_stat_accordion 與 .result-nav-accordion 整組死 CSS

整包下載按鈕改名「下載完整報告」→「下載完整分析資料」（zip 檔名同步），
原名與「下載研究報告」字面過於接近，分不出哪個才是報告本文。

修掉一個自己剛引入的 bug：Esc 關閉對話框原本用 offsetParent !== null 判斷
可見性，但 position:fixed 元素的 offsetParent 永遠是 null，會判成「沒開」，
Esc 永遠關不到。改讀 computed display。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app_agent.py

@@ -1609,7 +1609,7 @@ _ZIP_GROUPS = [
     ("idx",    "指標數據"),
     ("stat",   "統計圖表"),
     ("report", "研究報告"),
-    ("all",    "完整分析結果"),
+    ("all",    "完整分析資料"),
 ]
 
 
@@ -2763,10 +2763,11 @@ img.button-icon { opacity: .82; }
        不一樣）。 */
     .nav-col.collapsed { flex: 0 0 60px !important; max-width: 60px !important; min-width: 60px !important; }
     .nav-col.collapsed .nav-collapse-row { justify-content: center; }
+    /* .reset-confirm 已於 2026-07-24 搬出 nav-col 改成全螢幕 modal，
+       不再需要在收合狀態下隱藏；.result-nav-accordion 同日隨「統計比較
+       分析」手風琴一起移除。 */
     .nav-col.collapsed .scenario-buttons,
-    .nav-col.collapsed .result-nav-accordion,
-    .nav-col.collapsed .result-nav-divider,
-    .nav-col.collapsed .reset-confirm { display: none !important; }
+    .nav-col.collapsed .result-nav-divider { display: none !important; }
     /* 選擇器裡的 #result_nav_col 是為了贏過下方 nav-underline 樣式的
        `#result_nav_col .result-nav-btn`（1 個 id + 1 個 class = 1,1,0）。
        兩邊都掛 !important 時由 specificity 決勝，純 class 的
@@ -2780,36 +2781,13 @@ img.button-icon { opacity: .82; }
     }
     .nav-col.collapsed .button-icon { width: 20px !important; height: 20px !important; }
     .nav-col.collapsed .result-nav { padding-top: .8rem !important; }
-    .nav-col.collapsed #nav_stat_accordion { display: none !important; }
-}
-
-/* 統計比較分析 Accordion 沒有 icon= 參數，改用 CSS ::before 掛圖示
-   （data-URI，同一份 chart-bar 線稿，色值同步 assets/icons/*.svg 的
-   #475569／深色模式同樣靠 filter 反相，寫法比照上面 img.button-icon）。 */
-/* justify-content：Gradio 給 .label-wrap 的預設是 space-between（標題文字
-   靠左、開合箭頭靠右）。這裡是三個 flex 子項（::before 圖示、標題文字、
-   箭頭），space-between 會把可用空間平均塞進三者之間，標題文字被推到整
-   列中間，跟旁邊其他導覽項目的文字對不齊。改成 flex-start 讓圖示與文字
-   靠左並排（跟其他項目一致），箭頭再單獨用 margin-left:auto 推到最右。
-   gap 對齊其他項目：圖示 18px 之後空 10px 才是文字。 */
-#nav_stat_accordion .label-wrap {
-    display: flex !important; align-items: center !important;
-    justify-content: flex-start !important; gap: 10px !important;
-}
-#nav_stat_accordion .label-wrap > .icon {
-    margin-left: auto !important;
-}
-#nav_stat_accordion .label-wrap::before {
-    content: "";
-    width: 18px; height: 18px; flex: none;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='20' x2='20' y2='20'/%3E%3Crect x='5' y='12' width='3' height='8'/%3E%3Crect x='10.5' y='7' width='3' height='13'/%3E%3Crect x='16' y='14' width='3' height='6'/%3E%3C/svg%3E");
-    background-size: contain; background-repeat: no-repeat;
-    opacity: .82;
-}
-.dark #nav_stat_accordion .label-wrap::before {
-    filter: grayscale(1) invert(1) brightness(1.55) contrast(.85);
 }
 
+/* 2026-07-24：這裡原本有一整組 #nav_stat_accordion 樣式（CSS ::before 掛
+   chart-bar 圖示、label-wrap 的 justify-content 修正、深色模式 filter），
+   隨「統計比較分析」Accordion 一起移除。四個子頁現在是平列的一般導覽項目，
+   圖示走 gr.Button(icon=) 那條路，不需要這組特例。 */
+
 /* 手機漢堡開關（mobile_nav_toggle）與抽屜遮罩（nav_backdrop）：兩者都是
    放在 workspace_row 外層、一開始就 visible=True 的獨立元件（理由見
    create_app() 該處註解），CSS 預設整個不顯示，只在手機寬度且 nav-col
@@ -2952,14 +2930,50 @@ img.button-icon { opacity: .82; }
     gap: .6rem !important;
 }
 .upload-actions button { border-radius: 10px !important; font-weight: 700 !important; }
-/* 「開始新分析」按鈕與其確認彈窗：換情境／重新開始共用同一套機制 */
+/* 「開始新分析」按鈕與其確認對話框：換情境／重新開始共用同一套機制 */
 .reset-btn { margin-top: .8rem !important; width: 100% !important; }
-.reset-confirm {
-    border: 1px solid rgba(220,38,38,.35) !important;
+/* 2026-07-24：確認框從 nav-col 內嵌卡片改成置中 modal。
+   刻意不對 overlay 設 display——Gradio 的 visible=False 就是靠 display:none
+   生效，這裡若寫 display:flex !important 會把「隱藏」本身蓋掉，對話框變成
+   永遠開著。改用「維持 Gradio 給的 flex 排版 + 面板自己 margin:auto」達成
+   水平垂直置中，完全不碰 display 這個屬性。 */
+.reset-confirm-overlay {
+    position: fixed !important;
+    inset: 0 !important;
+    z-index: 120 !important;
+    padding: 1.5rem !important;
+    background: rgba(15, 23, 42, .55) !important;
+    backdrop-filter: blur(2px);
+}
+.reset-confirm-panel {
+    margin: auto !important;          /* flex 容器內上下左右皆置中 */
+    width: 100% !important;
+    max-width: 400px !important;
+    flex: none !important;            /* 不被 overlay 的 flex 拉伸成滿版高 */
+    gap: 1.2rem !important;
+    padding: 1.5rem !important;
+    border: 1px solid var(--c-border) !important;
     border-radius: 14px !important;
-    background: rgba(220,38,38,.06) !important;
-    padding: 1rem 1.2rem !important;
-    margin-top: .6rem !important;
+    background: var(--c-surface) !important;
+    box-shadow: 0 20px 50px rgba(15, 23, 42, .3) !important;
+}
+/* 深色模式：頁面本身已經是深色（--c-surface #0d1526），同一階深灰疊上去
+   幾乎看不出後面被壓暗，遮罩形同不存在。改用更黑的值才有「後面那層被關掉」
+   的分離感。兩種寫法都給：.dark 是 Gradio 切主題時掛的 class，媒體查詢則
+   對應本檔既有的 prefers-color-scheme token 機制（見 _DARK_MODE_HEAD_CSS）。 */
+.dark .reset-confirm-overlay { background: rgba(0, 0, 0, .62) !important; }
+@media (prefers-color-scheme: dark) {
+    :root:not(.light) .reset-confirm-overlay { background: rgba(0, 0, 0, .62) !important; }
+}
+.reset-confirm-panel .reset-confirm-text p { margin: 0 !important; }
+/* 橫式：兩顆按鈕同寬並排，窄視窗也不換行 */
+.reset-confirm-actions {
+    flex-wrap: nowrap !important;
+    gap: .7rem !important;
+}
+.reset-confirm-actions button {
+    border-radius: 10px !important;
+    font-weight: 700 !important;
 }
 /* Phase 8-D：結果導覽（情境選定後顯示在開始新分析按鈕下方），純文字
    標籤（暫不用圖示，等下一輪視覺打磨補 Heroicons SVG），維持跟
@@ -3013,27 +3027,9 @@ img.button-icon { opacity: .82; }
    圖示、左緣齊平，這組樣式整個不再需要，連同 class 一起移除。
    Gradio secondary 按鈕邊框那個 specificity 坑不會因此消失——它現在由
    上方 `#result_nav_col .result-nav-btn` 那組共用規則一併處理。 */
-/* padding 左右歸零：Gradio 幫 gr.Accordion 的外層 block 掛了 .padded
-   （水平 12px）。四個子頁改成一般項目、要跟其他導覽項目左緣齊平之後，
-   這 12px 會讓它們整組往右位移，看起來像還有縮排沒拿乾淨。垂直方向的
-   padding 不動，那是手風琴自己的行距。 */
-.result-nav-accordion {
-    margin: 0 !important;
-    border: none !important;
-    background: transparent !important;
-    box-shadow: none !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-}
-/* 手風琴的標題列（統計比較分析）也是一個導覽項目，字重／內距／左緣線
-   都跟 .result-nav-btn 對齊，不然它會是這排裡唯一長得不一樣的一項 */
-.result-nav-accordion .label-wrap {
-    padding: .5rem .75rem !important;
-    font-size: .88rem !important;
-    font-weight: 500 !important;
-    border-left: 2px solid transparent !important;
-    color: var(--c-text-soft) !important;
-}
+/* 2026-07-24：這裡原本有 .result-nav-accordion 與其 .label-wrap 的樣式
+   （拿掉 Gradio .padded 的水平 12px、標題列對齊其他導覽項目），隨
+   「統計比較分析」Accordion 一起移除。 */
 /* 2026-07-23：頁面切換模型——目前使用者所在的那一頁在導覽列高亮，
    applyActivePage() JS 幫對應按鈕加/移除這個 class。視覺先求「看得出
    選中誰」的基本可用，細部樣式（跟 Bootstrap 借來的分組/層級規範）留給
@@ -3044,11 +3040,6 @@ img.button-icon { opacity: .82; }
     color: var(--c-accent-strong) !important;
     font-weight: 700 !important;
 }
-.result-nav-accordion.active .label-wrap {
-    border-left-color: var(--c-accent-strong) !important;
-    color: var(--c-accent-strong) !important;
-    font-weight: 700 !important;
-}
 /* 技術執行紀錄：低優先度診斷工具，跟上面的分析結果用分隔線＋降低視覺
    權重（字級與顏色都比其他導覽項目再低一階）區隔開來 */
 .result-nav-divider {
@@ -3528,15 +3519,26 @@ _APP_HEAD_SCRIPT = """
             report: ['canvas_report'],
             exec:   ['canvas_exec']
         };
+        /* stat 頁沒有自己的導覽列項目——2026-07-24 拿掉「統計比較分析」
+           那層 Accordion 後，四個子頁是平列的獨立項目，active 要落在使用者
+           實際點的那一個，不能靠 page 名稱反查。因此 applyActivePage() 多收
+           一個 navId 參數，並把結果記在 .main-layout-row 的 data-nav 上：
+           每 400ms 跑一次的 _reapplyActivePage() 不帶 navId，靠這個記錄才
+           不會每個 tick 把 active 清掉。 */
         var _PAGE_NAV_IDS = {
-            chat: 'nav_top_btn', idx: 'nav_idx_btn', stat: 'nav_stat_accordion',
+            chat: 'nav_top_btn', idx: 'nav_idx_btn',
             report: 'nav_report_btn', exec: 'nav_exec_btn'
         };
-        function applyActivePage(page) {
+        var _ALL_NAV_IDS = ['nav_top_btn', 'nav_idx_btn', 'nav_report_btn', 'nav_exec_btn',
+                            'nav_stat_sub_0', 'nav_stat_sub_1', 'nav_stat_sub_2', 'nav_stat_sub_3'];
+        function applyActivePage(page, navId) {
             var mainRow = document.querySelector('.main-layout-row');
             if (!mainRow) return;
             mainRow.setAttribute('data-page', page);
             mainRow.classList.toggle('chat-collapsed', page !== 'chat');
+            if (navId) mainRow.setAttribute('data-nav', navId);
+            else if (_PAGE_NAV_IDS[page]) mainRow.setAttribute('data-nav', _PAGE_NAV_IDS[page]);
+            var activeId = mainRow.getAttribute('data-nav');
             Object.keys(_PAGE_OWNED_IDS).forEach(function (key) {
                 _PAGE_OWNED_IDS[key].forEach(function (id) {
                     var el = document.getElementById(id);
@@ -3548,9 +3550,9 @@ _APP_HEAD_SCRIPT = """
                     }
                 });
             });
-            Object.keys(_PAGE_NAV_IDS).forEach(function (key) {
-                var btn = document.getElementById(_PAGE_NAV_IDS[key]);
-                if (btn) btn.classList.toggle('active', key === page);
+            _ALL_NAV_IDS.forEach(function (id) {
+                var btn = document.getElementById(id);
+                if (btn) btn.classList.toggle('active', id === activeId);
             });
         }
         function _initActivePageIfNeeded() {
@@ -3594,13 +3596,12 @@ _APP_HEAD_SCRIPT = """
                 if (e.target.closest('#nav_exec_btn')) {
                     closeMobileDrawerIfOpen(); applyActivePage('exec'); scrollToId('canvas_exec'); return;
                 }
-                if (e.target.closest('#nav_stat_accordion .label-wrap')) {
-                    closeMobileDrawerIfOpen(); applyActivePage('stat'); scrollToId('canvas_stat'); return;
-                }
+                /* 2026-07-24：原本這裡還有一支處理「統計比較分析」Accordion
+                   標題列點擊的分支，該層已移除，四個子項目自己就是入口。 */
                 for (var i = 0; i < 4; i++) {
                     if (e.target.closest('#nav_stat_sub_' + i)) {
                         closeMobileDrawerIfOpen();
-                        applyActivePage('stat');
+                        applyActivePage('stat', 'nav_stat_sub_' + i);
                         scrollToId('canvas_stat');
                         /* 注意：這版 Gradio 的巢狀分頁 DOM 結構是
                            .tabs > .tab-wrapper > .tab-container（兩個，
@@ -3688,14 +3689,21 @@ _APP_HEAD_SCRIPT = """
                     return;
                 }
                 if (e.target.closest('#reset_btn')) {
-                    /* 收合狀態下點重置，先展開 nav-col 再讓 Gradio 原生
-                       .click() 觸發確認彈窗，避免彈窗擠在 60px 窄欄裡；
+                    /* 2026-07-24：確認框改成全螢幕置中 modal 後，原本
+                       「收合狀態下先自動展開 nav-col，免得彈窗擠在 60px
+                       窄欄裡」的變通已無必要，移除；手機抽屜仍要收起，
+                       否則對話框會被抽屜遮住一半。
                        這裡不 preventDefault/stopPropagation，事件照常
-                       冒泡給 Gradio。 */
-                    var navCol2 = document.querySelector('.nav-col');
-                    if (navCol2 && navCol2.classList.contains('collapsed')) setNavCollapsed(false);
+                       冒泡給 Gradio 原生 .click()。 */
                     closeMobileDrawerIfOpen();
                 }
+                /* 點遮罩空白處＝取消（面板本身的點擊不算），沿用抽屜遮罩
+                   同一套互動慣例 */
+                if (e.target.id === 'reset_confirm_overlay') {
+                    var cancelBtn = document.getElementById('reset_cancel_btn');
+                    if (cancelBtn) cancelBtn.click();
+                    return;
+                }
                 if (e.target.closest('#reset_confirm_btn')) {
                     /* 2026-07-23：真的按下「確定重新開始」才重置頁面切換
                        狀態回 chat（不能在 #reset_btn 那支就做，那個只是
@@ -3708,7 +3716,20 @@ _APP_HEAD_SCRIPT = """
                 }
             });
             document.addEventListener('keydown', function (e) {
-                if (e.key === 'Escape') closeMobileDrawerIfOpen();
+                if (e.key !== 'Escape') return;
+                /* 對話框開著時 Esc 優先關對話框（modal 慣例：只關最上層的
+                   那一個），沒開著才輪到手機抽屜 */
+                /* 不能用 offsetParent !== null 判斷可見：position:fixed 的
+                   元素 offsetParent 永遠是 null，會判成「沒開」，Esc 就永遠
+                   關不到對話框（改 modal 前這個寫法是對的，改成 fixed 之後
+                   就不成立了）。改讀 computed display。 */
+                var overlay = document.getElementById('reset_confirm_overlay');
+                if (overlay && getComputedStyle(overlay).display !== 'none') {
+                    var cancelBtn = document.getElementById('reset_cancel_btn');
+                    if (cancelBtn) cancelBtn.click();
+                    return;
+                }
+                closeMobileDrawerIfOpen();
             });
         }
         bindNavControls();
@@ -3961,6 +3982,25 @@ def create_app():
             elem_id="nav_backdrop_wrap",
         )
 
+        # 「開始新分析」確認對話框（2026-07-24 改成置中 modal）：原本是
+        # nav-col 裡的一張內嵌卡片，擠在 220px 窄欄裡，收合成 60px icon bar
+        # 時更不成人形（8-E 當時還為此加了「收合狀態下點重置先自動展開
+        # nav-col」的變通，改成 modal 後那個理由消失，該變通已一併移除）。
+        # 放在 workspace_row 外層是必要的，不是順手：nav-col 在手機寬度是
+        # position:fixed＋transform 的抽屜，而被 transform 的祖先會讓子孫的
+        # position:fixed 改以該祖先為定位基準，對話框會被關在抽屜裡而不是
+        # 覆蓋整個視窗。
+        with gr.Column(visible=False, elem_id="reset_confirm_overlay",
+                       elem_classes=["reset-confirm-overlay"]) as reset_confirm_row:
+            with gr.Column(elem_id="reset_confirm_panel", elem_classes=["reset-confirm-panel"]):
+                gr.Markdown("確定要開始新分析嗎？目前進度將會遺失。",
+                            elem_classes=["reset-confirm-text"])
+                with gr.Row(elem_classes=["reset-confirm-actions"]):
+                    reset_cancel_btn  = gr.Button("取消", elem_id="reset_cancel_btn",
+                                                  scale=1, variant="secondary")
+                    reset_confirm_btn = gr.Button("確定重新開始", elem_id="reset_confirm_btn",
+                                                  scale=1, variant="primary")
+
         # Phase 8-B：三欄式工作區——nav-col（窄，導覽/重置）＋chat-col
         # （對話視窗＋輸入框，獨立捲動）＋canvas-col（步驟列＋上傳/表單/
         # 執行紀錄，獨立捲動）。手機寬度見 CSS 的 media query 改上下堆疊。
@@ -4000,20 +4040,13 @@ def create_app():
                     "開始新分析", icon=str(BASE_DIR / "assets" / "icons" / "plus.svg"),
                     elem_id="reset_btn", elem_classes=["reset-btn"], variant="secondary",
                 )
-                with gr.Column(visible=False, elem_classes=["reset-confirm"]) as reset_confirm_row:
-                    gr.Markdown("確定要開始新分析嗎？目前進度將會遺失。")
-                    with gr.Row(elem_classes=["upload-actions"]):
-                        reset_cancel_btn  = gr.Button("取消", scale=1, variant="secondary")
-                        reset_confirm_btn = gr.Button("確定重新開始", elem_id="reset_confirm_btn", scale=2, variant="primary")
-
                 # Phase 8-D：結果導覽——情境選定後顯示，讓使用者不用手動
                 # 往下捲一大段就能跳到 Canvas 對應區塊。這幾顆按鈕刻意不接
                 # Python .click()：純粹是「捲動＋切換巢狀子分頁」的畫面
                 # 操作，不牽動任何後端狀態，改用跟首頁情境卡片同一套手法
                 # （_APP_HEAD_SCRIPT 的 JS 監聽），完全不用走 Gradio queue
-                # 來回，反應更快。下載捷徑／「下載完整報告」假按鈕留到
-                # 下一輪視覺打磨（Heroicons 圖示）一起補，這次先求導覽功能
-                # 正確可用。
+                # 來回，反應更快。（下載捷徑當初規劃留到下一輪補，已於
+                # 2026-07-24 補齊，見下方 nav_dl_* 那四顆。）
                 with gr.Column(visible=False, elem_id="result_nav_col", elem_classes=["result-nav"]) as result_nav_col:
                     # 2026-07-23 改名「AI對話」＋改變功能定位：原本純粹是
                     # 「捲回 Canvas 最上面」的畫面操作，現在身兼「切回流程頁」
@@ -4029,29 +4062,26 @@ def create_app():
                         "語言指標分析", icon=str(BASE_DIR / "assets" / "icons" / "trending-up.svg"),
                         elem_id="nav_idx_btn", elem_classes=["result-nav-btn"], variant="secondary",
                     )
-                    # open=True（千卉 2026-07-23）：收合狀態下這一項跟旁邊四個
-                    # 主項目長得一樣，看不出底下還有四個子頁面，使用者不會知道
-                    # 要去點開。導覽列的作用是把可去的地方攤開來給人看，預設收
-                    # 起來等於把內容藏住。仍然保留可收合，只是不再預設收起。
-                    with gr.Accordion("統計比較分析", open=True, elem_id="nav_stat_accordion",
-                                       elem_classes=["result-nav-accordion"]):
-                        # 2026-07-23 千卉決定：這四頁改用跟其他導覽項目完全
-                        # 一樣的樣式（elem_classes 從 result-nav-subbtn 換成
-                        # result-nav-btn）並各自配圖示，縮排也拿掉、左緣齊平。
-                        # 原本的「小一號字＋灰一階＋真縮排」子選單樣式（Phase 3
-                        # 借 Bootstrap Sidebars 的那套）連同 CSS 一併移除。
-                        nav_stat_sub_0 = gr.Button(
-                            "敘述統計", icon=str(BASE_DIR / "assets" / "icons" / "table-cells.svg"),
-                            elem_id="nav_stat_sub_0", elem_classes=["result-nav-btn"], variant="secondary")
-                        nav_stat_sub_1 = gr.Button(
-                            "差異性分析", icon=str(BASE_DIR / "assets" / "icons" / "scale.svg"),
-                            elem_id="nav_stat_sub_1", elem_classes=["result-nav-btn"], variant="secondary")
-                        nav_stat_sub_2 = gr.Button(
-                            "監督式學習", icon=str(BASE_DIR / "assets" / "icons" / "academic-cap.svg"),
-                            elem_id="nav_stat_sub_2", elem_classes=["result-nav-btn"], variant="secondary")
-                        nav_stat_sub_3 = gr.Button(
-                            "非監督式學習", icon=str(BASE_DIR / "assets" / "icons" / "squares-2x2.svg"),
-                            elem_id="nav_stat_sub_3", elem_classes=["result-nav-btn"], variant="secondary")
+                    # 2026-07-24 千卉決定：拿掉「統計比較分析」這層 Accordion
+                    # （標題文字與收合效果都不要），四個子頁直接跟其他導覽項目
+                    # 平列。它原本存在的理由（2026-07-23 改 open=True 時的說法）
+                    # 是「讓人看得出底下還有四個子頁面」，但四頁攤開後這層標題
+                    # 只剩下多一列文字跟一個不會有人去點的箭頭。
+                    # 副作用：原本「統計比較分析」那一列兼任 stat 頁的 active
+                    # 指示器，拿掉後改由使用者實際點的那個子項目自己標 active，
+                    # 見 _APP_HEAD_SCRIPT 的 applyActivePage()。
+                    nav_stat_sub_0 = gr.Button(
+                        "敘述統計", icon=str(BASE_DIR / "assets" / "icons" / "table-cells.svg"),
+                        elem_id="nav_stat_sub_0", elem_classes=["result-nav-btn"], variant="secondary")
+                    nav_stat_sub_1 = gr.Button(
+                        "差異性分析", icon=str(BASE_DIR / "assets" / "icons" / "scale.svg"),
+                        elem_id="nav_stat_sub_1", elem_classes=["result-nav-btn"], variant="secondary")
+                    nav_stat_sub_2 = gr.Button(
+                        "監督式學習", icon=str(BASE_DIR / "assets" / "icons" / "academic-cap.svg"),
+                        elem_id="nav_stat_sub_2", elem_classes=["result-nav-btn"], variant="secondary")
+                    nav_stat_sub_3 = gr.Button(
+                        "非監督式學習", icon=str(BASE_DIR / "assets" / "icons" / "squares-2x2.svg"),
+                        elem_id="nav_stat_sub_3", elem_classes=["result-nav-btn"], variant="secondary")
                     nav_report_btn = gr.Button(
                         "LLM輔助分析", icon=str(BASE_DIR / "assets" / "icons" / "document.svg"),
                         elem_id="nav_report_btn", elem_classes=["result-nav-btn"], variant="secondary",
@@ -4080,7 +4110,7 @@ def create_app():
                         elem_classes=["result-nav-btn", "result-nav-dl"], variant="secondary",
                     )
                     nav_dl_all_btn = gr.DownloadButton(
-                        "下載完整報告", icon=str(BASE_DIR / "assets" / "icons" / "download.svg"),
+                        "下載完整分析資料", icon=str(BASE_DIR / "assets" / "icons" / "download.svg"),
                         visible=False, elem_id="nav_dl_all_btn",
                         elem_classes=["result-nav-btn", "result-nav-dl"], variant="secondary",
                     )

docs/需求彙整-UIUX改版.md

@@ -210,14 +210,14 @@
 | 下載指標數據 | 75 項指標原始數值（工作底稿）：csv + xlsx | 指標數據.zip |
 | 下載統計圖表 | 敘述統計、差異性分析、特徵重要性、分群樹狀圖／手肘圖／PCA 圖、分群結果 | 統計圖表.zip |
 | 下載研究報告 | 統計技術報告與 LLM 生成研究報告本文（docx） | 研究報告.zip |
-| 下載完整報告 | 以上全部，去重後打成一包 | 完整分析結果.zip |
+| 下載完整分析資料 | 以上全部，去重後打成一包 | 完整分析資料.zip |
 
 規則：
 
 - 內容為空的那一包不會產生，對應按鈕就不出現。例如 LLM 報告產製失敗時，「下載研究報告」不會亮出來
 - 只有一組有內容時不另外產生「完整分析結果」，避免兩顆按鈕內容一模一樣讓使用者猶豫該點哪個
 - zip 內容與各結果頁提供的下載檔案完全一致（含檔名改名規則），不含僅供畫面顯示的中間產物
-- ⚠️「下載研究報告」與「下載完整報告」字面接近，非技術使用者可能分不清哪個才是報告本文，命名待實機檢視後確認
+- 命名沿革：整包那顆原先叫「下載完整報告」，與「下載研究報告」字面過於接近，非技術使用者分不清哪個才是報告本文，2026-07-24 實機檢視後改為「下載完整分析資料」
 
 ## 十、Footer／設定／API 處理