使用手冊圖示放大到與其他導覽圖示同量體、radio 欄位標籤對齊文字欄位

1. 使用手冊圖示比其他導覽項目小一圈。用截圖逐一量「非背景像素」的實際
上色範圍才確認：book-open 只有 16×15，folder／chat-bubble／table-cells
都是 18×16（viewBox 全部是 24×24，光看檔案看不出差別）。把 path 撐到
x 3.2–20.8、y 4.5–20，重量後為 18×16，與其他項目一致。
assets/icons/book-open.svg 與 _ICON_PATHS 的行內版同步改，並在註解留下
「新增導覽圖示要量上色像素」這條檢查。

2. 「群組數量／比較方式」欄位標籤原本是一般大小的深色字，跟同一張表單裡
「原文標題／作者」的小灰字粗體不同調——radio 的 fieldset 標籤走的是
Gradio 另一條規則。補上 #metadata_zone fieldset.block > span 對齊成
.7rem／700／--c-text-muted，實測兩者現在都是 11.2px/700/#475569。
.7rem 不是新發明的字級，是對齊 Gradio 既有的欄位標籤值，因此不套
--font-size-base（那是內文用的，標籤本來就小一階）。

驗證：情境 3 實測兩處標籤數值完全相同；十個導覽圖示重新量過上色範圍，
使用手冊已與 folder／chat-bubble／table-cells 同為 18×16。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MQuAXWC1hCsiT48TXftPc7

app_agent.py

@@ -1866,7 +1866,12 @@ _ICON_PATHS = {
     "chat-bubble":  '<path d="M4 5.5h16a1 1 0 0 1 1 1V16a1 1 0 0 1-1 1H9.5L5 21v-4H4a1 1 0 0 1-1-1V6.5a1 1 0 0 1 1-1z"/><line x1="7.5" y1="10" x2="16.5" y2="10"/><line x1="7.5" y1="13.5" x2="13" y2="13.5"/>',
     # 2026-08-12：導覽列最底的「使用手冊」下載項目（assets/icons/book-open.svg
     # 的行內對應版，path 內容需與該檔一致）。
-    "book-open":    '<path d="M12 7.2C10.4 5.9 8.4 5.2 5.8 5.2c-.7 0-1.3.05-1.8.15v12c.5-.1 1.1-.15 1.8-.15 2.6 0 4.6.7 6.2 2"/><path d="M12 7.2c1.6-1.3 3.6-2 6.2-2 .7 0 1.3.05 1.8.15v12c-.5-.1-1.1-.15-1.8-.15-2.6 0-4.6.7-6.2 2"/><line x1="12" y1="7.2" x2="12" y2="19.2"/>',
+    # 2026-08-12 二版：初版畫得比其他導覽圖示小一圈（實際上色像素 16×15，
+    # 其他多是 18×16——用截圖逐一量非背景像素才看得出來，肉眼只覺得「怪怪的」）。
+    # 這版把 path 撐到 x 3.2–20.8、y 4.5–20，上色後約 18×16，跟 folder／
+    # chat-bubble／table-cells 同一個視覺量體。**新增導覽圖示時記得量一次**，
+    # 光看 viewBox 都是 24×24 不代表畫出來一樣大。
+    "book-open":    '<path d="M12 6.6C10.3 5.2 8.1 4.5 5.3 4.5c-.8 0-1.5.06-2.1.17v13.2c.6-.11 1.3-.17 2.1-.17 2.8 0 5 .75 6.7 2.13"/><path d="M12 6.6c1.7-1.4 3.9-2.1 6.7-2.1.8 0 1.5.06 2.1.17v13.2c-.6-.11-1.3-.17-2.1-.17-2.8 0-5 .75-6.7 2.13"/><line x1="12" y1="6.6" x2="12" y2="19.83"/>',
     # 2026-08-12：AI 對話氣泡頭像的白色四角星（assets/icons/ai-avatar.svg 的
     # 行內對應版）。頭像的紫→藍漸層圓底畫在 CSS 的 .avatar-container 上，
     # 不畫在 SVG 裡——avatar_images 是 Python 端參數，同一個檔案沒辦法隨

assets/app.css

@@ -1800,6 +1800,19 @@ img.button-icon { opacity: .82; }
        .form 的 align-items 註解），改 visible 當第二道保險。 */
     overflow: visible !important;
 }
+/* 2026-08-12（業主）：「群組數量／比較方式」這兩個欄位標籤要跟「原文標題／
+   作者」一樣是小灰字粗體。Gradio 給文字欄位標籤的是 .7rem／700／灰，但
+   radio 的 fieldset 標籤走另一條規則，渲染成一般大小的深色字，兩種欄位
+   放在同一張表單裡就不同調。這裡的 .7rem 不是新發明的字級，是對齊 Gradio
+   既有的欄位標籤值（實測文字欄位標籤就是 11.2px＝.7rem／700／
+   --c-text-muted），所以不套 --font-size-base（那是內文用的，標籤比內文小
+   一階是這個表單本來的層級設計）。 */
+#metadata_zone fieldset.block > span {
+    font-size: .7rem !important;
+    font-weight: 700 !important;
+    color: var(--c-text-muted) !important;
+    margin-bottom: 8px !important;
+}
 /* 「比較結構」從 gr.Group 改成 gr.Column 之後（見 app_agent.py 同批註解），
    Gradio 那條藍色標題橫幅與外框就不存在了，這裡只補回跟其他小標題一致的
    上下節奏——它的 Markdown 用的是同一個 `**粗體**` 寫法，顏色/字級自動與