地質知識智慧檢索模組導入

/* ===== deck 自訂樣式（writer 1 定義；writer 2 沿用） ===== */
/* 基本字級：h2 34px、p/li 20px；關閉 white theme 標題大寫 */
.reveal { font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif; color: #1e293b; }
.reveal h1, .reveal h2, .reveal h3, .reveal h4 { font-family: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif; text-transform: none; color: #0f172a; letter-spacing: 0; }
.reveal h1 { font-size: 46px; line-height: 1.3; margin: 0 0 18px; }
.reveal h2 { font-size: 34px; line-height: 1.25; margin: 0 0 16px; font-weight: 700; }
.reveal h3 { font-size: 22px; line-height: 1.3; margin: 0 0 8px; font-weight: 700; }
.reveal p, .reveal li { font-size: 20px; line-height: 1.45; }
.reveal ul, .reveal ol { margin: 0 0 0 1.1em; }
.reveal li + li { margin-top: 4px; }
.reveal b, .reveal strong { color: #0f172a; }
.reveal .slides section p.footer-ref { font-size: 13px; line-height: 1.2; }
/* 版面格線：.grid2 兩欄等寬／.grid3 三欄／.grid5 五欄／.grid6 六欄；欄寬比例另以 inline grid-template-columns 覆寫 */
.reveal .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.reveal .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }
.reveal .grid5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; align-items: stretch; }
.reveal .grid6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: stretch; }
/* .card：白底卡片；加色 class 於上緣出色條並帶標題色（.c-blue .c-purple .c-green .c-orange .c-teal .c-gray .c-red） */
.reveal .card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px 16px; box-shadow: 0 1px 4px rgba(15,23,42,.08); box-sizing: border-box; }
.reveal .card p, .reveal .card li { font-size: 18px; line-height: 1.45; margin: 0; }
.reveal .card p + p { margin-top: 6px; }
.reveal .card.c-blue { border-top: 5px solid #2563EB; } .reveal .card.c-blue h3 { color: #1d4ed8; }
.reveal .card.c-purple { border-top: 5px solid #7c3aed; } .reveal .card.c-purple h3 { color: #6d28d9; }
.reveal .card.c-green { border-top: 5px solid #16A34A; } .reveal .card.c-green h3 { color: #15803d; }
.reveal .card.c-orange { border-top: 5px solid #d97706; } .reveal .card.c-orange h3 { color: #b45309; }
.reveal .card.c-teal { border-top: 5px solid #0891b2; } .reveal .card.c-teal h3 { color: #0e7490; }
.reveal .card.c-gray { border-top: 5px solid #475569; } .reveal .card.c-gray h3 { color: #334155; }
.reveal .card.c-red { border-top: 5px solid #dc2626; } .reveal .card.c-red h3 { color: #b91c1c; }
/* .card.dashed：虛線卡（約聘・視需要支援等）；.badge：小膠囊標籤（.badge.gray 灰底） */
.reveal .card.dashed { border: 2px dashed #94a3b8; box-shadow: none; background: #f8fafc; }
.reveal .badge { display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.3; padding: 2px 10px; border-radius: 12px; background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.reveal .badge.gray { background: #f1f5f9; color: #475569; border-color: #cbd5e1; }
/* 實色色卡（白字）：.fill-blue .fill-purple .fill-green .fill-orange .fill-teal .fill-gray .fill-navy，用於 framing／承諾頁五色卡 */
.reveal .fill-blue { background: #2563EB; } .reveal .fill-purple { background: #7c3aed; } .reveal .fill-green { background: #16A34A; }
.reveal .fill-orange { background: #d97706; } .reveal .fill-teal { background: #0891b2; } .reveal .fill-gray { background: #475569; } .reveal .fill-navy { background: #1e3a8a; }
.reveal .colorcard { color: #fff; border-radius: 12px; padding: 16px 16px 14px; box-shadow: 0 2px 6px rgba(15,23,42,.18); box-sizing: border-box; display: flex; flex-direction: column; }
.reveal .colorcard h3 { color: #fff; font-size: 25px; margin: 8px 0 8px; }
.reveal .colorcard p { color: #fff; font-size: 18px; line-height: 1.45; margin: 0; }
.reveal .colorcard .tag { margin-top: auto; padding-top: 10px; font-size: 15px; color: rgba(255,255,255,.88); }
/* .numchip：數字章（圓形白底色字），放在色卡左上 */
.reveal .numchip { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; background: #fff; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; }
/* .band：整列重點條（淺藍底、左側粗色邊）；.band.orange 為橙色版 */
.reveal .band { background: #eff6ff; border-left: 6px solid #2563EB; border-radius: 8px; padding: 10px 16px; font-size: 19px; line-height: 1.45; }
.reveal .band.orange { background: #fff7ed; border-left-color: #d97706; }
/* .kpi：數字磚（.n 大數字、.u 單位、.l 標籤、.s 補充） */
.reveal .kpi { background: #fff; border: 1px solid #e2e8f0; border-top: 5px solid #2563EB; border-radius: 10px; padding: 10px 8px; text-align: center; box-shadow: 0 1px 4px rgba(15,23,42,.08); }
.reveal .kpi .l { font-size: 17px; font-weight: 700; color: #334155; line-height: 1.3; }
.reveal .kpi .n { font-size: 36px; font-weight: 800; color: #1e3a8a; line-height: 1.15; margin: 4px 0 2px; }
.reveal .kpi .u { font-size: 18px; font-weight: 700; color: #1e3a8a; margin-left: 2px; }
.reveal .kpi .s { font-size: 14px; color: #475569; line-height: 1.35; }
/* .tbl：精簡表格（17px；表頭深藍白字、斑馬列） */
.reveal table.tbl { border-collapse: collapse; width: 100%; font-size: 17px; line-height: 1.4; margin: 0; }
.reveal table.tbl th { background: #1e3a8a; color: #fff; font-weight: 700; padding: 6px 10px; border: 1px solid #cbd5e1; text-align: left; }
.reveal table.tbl td { padding: 6px 10px; border: 1px solid #e2e8f0; vertical-align: top; }
.reveal table.tbl tr:nth-child(even) td { background: #f8fafc; }
/* .layer：左側色塊標籤＋右側說明之列（分層機制用）；.lv 為色塊 */
.reveal .layer { display: grid; grid-template-columns: 112px 1fr; gap: 12px; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 8px 12px 8px 8px; box-shadow: 0 1px 4px rgba(15,23,42,.08); }
.reveal .layer + .layer { margin-top: 10px; }
.reveal .layer .lv { color: #fff; border-radius: 8px; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.3; padding: 8px 4px; }
.reveal .layer p { font-size: 17px; line-height: 1.45; margin: 0; }
/* 截圖：.shot 單張截圖框；.tile 等尺寸 contain 圖磚（高度以 inline 指定）；.cap 圖說一行 */
.reveal img.shot { display: block; width: 100%; max-height: none; border: 1px solid #e2e8f0; border-radius: 6px; }
.reveal .tile { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.reveal .tile img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.reveal p.cap { text-align: center; font-size: 15px; line-height: 1.4; color: #334155; margin: 6px 0 0; }
/* 截圖標註 overlay（slides 規範 #22）：.ov 容器（以 inline width 定尺寸）、.ov-box 同色框、.ov-pill 編號膠囊、.lede-bar 圖下立論條 */
.reveal .ov { position: relative; margin: 0 auto; }
.reveal .ov img { width: 100%; display: block; max-height: none; border: 1px solid #e2e8f0; border-radius: 6px; }
.reveal .ov-box { position: absolute; border: 3px solid #d97706; border-radius: 10px; box-sizing: border-box; }
.reveal .ov-pill { position: absolute; color: #fff; font-size: 14px; font-weight: 700; padding: 3px 10px; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,0,0,.3); line-height: 1.3; white-space: nowrap; }
.reveal .lede-bar { background: #f8fafc; border-left: 4px solid #2563EB; border-radius: 6px; padding: 7px 14px; font-size: 15px; line-height: 1.45; color: #1e293b; margin: 6px auto 0; box-sizing: border-box; }
/* 頁面專用微調 */
.reveal .p2 .card p { font-size: 21px; line-height: 1.5; }
.reveal .p2 .card p + p { margin-top: 10px; }
.reveal .p2 .card h3 { font-size: 25px; margin-bottom: 12px; }
.reveal .p3 .colorcard p { font-size: 20px; }
.reveal .p3 .colorcard h3 { font-size: 27px; }
/* .note：灰色補充小字（16px） */
.reveal p.note, .reveal .note { font-size: 16px; color: #475569; line-height: 1.45; }
/* .cover：封面頁（整頁置中） */
.reveal .slides section.cover { text-align: center; }
.reveal .cover .unit { font-size: 24px; color: #334155; margin: 0 0 14px; }
.reveal .cover h1 { font-size: 54px; color: #1e3a8a; margin: 0 0 16px; }
.reveal .cover .meta { font-size: 22px; color: #475569; margin: 0 0 40px; }
.reveal .cover .bidder { font-size: 30px; font-weight: 700; color: #0f172a; margin: 0 0 10px; }
.reveal .cover .date { font-size: 20px; color: #475569; margin: 0; }
</style>

<p class="unit">經濟部地質調查及礦業管理中心</p>

<h1>地質知識智慧檢索<br>模組導入</h1>

<p class="meta">案號 B115087　｜　服務建議書簡報</p>

<p class="bidder">提特斯科技有限公司</p>

<p class="footer-ref">(對照服務建議書 執行摘要, p.1)</p>

---

## 需求理解

<div class="grid2 p2" style="grid-template-columns:0.82fr 1.18fr;">
<div class="card c-blue">
<h3>兩大目標</h3>
<p><b>目標一　建立智慧客服知識庫</b><br>解構客服問答文本、萃取關鍵屬性</p>
<p style="margin-top:14px;"><b>目標二　建立智慧應答服務</b><br>以 LLM＋RAG 建立智慧應答客服機器人</p>
</div>
<div class="card c-orange">
<h3>四項待解問題</h3>
<p><b>● 知識分散</b>：常見問答約 110 則、18 類，同題常跨類重複</p>
<p><b>● 法規四層級</b>：法律、法規命令、行政規則、函釋；修法需同步維護</p>
<p><b>● 口語提問</b>：「地質敏感區蓋房子要做什麼」關鍵字檢索不易命中</p>
<p><b>● 生成幻覺</b>：以 RAG 先檢索依據再作答，回答可追溯出處</p>
</div>
</div>

<div class="band" style="margin-top:16px;"><b>治理前提</b>｜行政院生成式 AI 參考指引：不得以未經確認之生成內容作為公務決策之唯一依據 → 附來源、未達門檻拒答、留存日誌</div>

<p class="footer-ref">(對照服務建議書 壹之一, p.5–6；壹之二, p.6)</p>

---

## 本案框架：一座櫃檯、五項原則

<div class="grid5 p3" style="height:300px;">
<div class="colorcard fill-blue"><div><span class="numchip" style="color:#2563EB;">1</span></div><h3>回答必有出處</h3><p>每則回答附可點擊來源，連結由系統組裝</p><div class="tag">貳之二　p.17</div></div>
<div class="colorcard fill-orange"><div><span class="numchip" style="color:#d97706;">2</span></div><h3>無依據即不答</h3><p>未達信心門檻即拒答並轉專人</p><div class="tag">貳之四　p.21</div></div>
<div class="colorcard fill-green"><div><span class="numchip" style="color:#16A34A;">3</span></div><h3>個資先遮罩</h3><p>提問先遮罩個資，才送外部模型服務</p><div class="tag">肆之三 p.55・伍之四 p.69</div></div>
<div class="colorcard fill-purple"><div><span class="numchip" style="color:#7c3aed;">4</span></div><h3>全程可查核</h3><p>6 群日誌留存境內，標準答案題庫評測</p><div class="tag">貳之五 p.25・參之七 p.46</div></div>
<div class="colorcard fill-teal"><div><span class="numchip" style="color:#0891b2;">5</span></div><h3>模組可抽換</h3><p>抽換層呼叫模型，換授權碼不需改程式</p><div class="tag">肆之八　p.63</div></div>
</div>

<div class="band" style="margin-top:22px; text-align:center;"><b>一座櫃檯</b>＝智慧客服櫃檯系統＋補充文本知識庫——民眾口語提問，只依貴中心常見問答、法規與申辦資料作答</div>

<p class="footer-ref">(對照服務建議書 貳之一, p.14)</p>

---

## 系統功能架構

![系統功能模組架構](diagrams/04-module-architecture.svg)

<p class="footer-ref">(對照服務建議書 貳之一, p.14)</p>

---

## 一次問答處理流程

![一次問答處理流程](diagrams/05-qa-flow.svg)

<p class="footer-ref">(對照服務建議書 貳之三, p.18)</p>

---

## 四層邊界控制與拒答

<div class="grid2" style="grid-template-columns:1.08fr 0.92fr; align-items:center;">
<div>
<div class="layer"><div class="lv fill-blue">第一層<br>輸入檢查</div><p>個資遮蔽、長度限制、注入樣式偵測；惡意指令不送 LLM</p></div>
<div class="layer"><div class="lv fill-orange">第二層<br>信心門檻</div><p><b>最高相似度達門檻才生成</b>，否則拒答；門檻於 PoC 校準、經貴中心確認</p></div>
<div class="layer"><div class="lv fill-purple">第三層<br>Prompt 邊界</div><p>只依片段作答、不作個案判斷、不自產數字／網址／條號、不揭露指令</p></div>
<div class="layer"><div class="lv fill-green">第四層<br>輸出核對</div><p>引用須對應本次片段、逐句支持檢查；無法核對即降級或拒答</p></div>
<p class="note" style="margin:12px 0 0;">範圍外 5 情境（個案查詢・現地狀況・知識範圍外・含個資・惡意誘導）依表列規則處理；LLM 只生成文字，<b>不具查詢資料庫、呼叫外部服務或修改資料之權限</b></p>
</div>
<div>
<div class="ov" style="width:500px;">
<img src="images/mockups/ui-refusal-card.png" alt="拒答卡介面雛型"/>
<div class="ov-box" style="left:4.5%; top:16%; width:91%; height:25%; border-color:#d97706;"></div>
<div class="ov-pill" style="left:50%; top:4.5%; background:#d97706;">① 範圍外說明——不推測個案</div>
<div class="ov-box" style="left:5%; top:44.5%; width:90.5%; height:33%; border-color:#16A34A;"></div>
<div class="ov-pill" style="left:42%; top:48%; background:#16A34A;">② 專人聯絡——拒答即轉人</div>
</div>
<p class="cap">介面雛型（示意）：個案查詢觸發拒答卡</p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 貳之四, p.21)</p>

---

## 前台入口與介面方向

<div style="display:grid; grid-template-columns:1.45fr 1fr; gap:16px; margin-bottom:10px;">
<div class="band" style="font-size:18px; padding:8px 16px;"><b>入口一｜獨立網頁</b>（RWD、免安裝免登入）→ 候選方向 A、B</div>
<div class="band" style="font-size:18px; padding:8px 16px; background:#ecfeff; border-left-color:#0891b2;"><b>入口二｜嵌入臺灣地質知識服務網</b> → 方向 C</div>
</div>

<div class="grid3">
<div><div class="tile" style="height:250px;"><img src="images/mockups/ui-a-desktop.png" alt="方向 A"/></div><p class="cap" style="font-size:17px;"><b style="color:#1d4ed8;">A 岩層藍・服務櫃檯</b><br>正式入口、常駐分類導覽</p></div>
<div><div class="tile" style="height:250px;"><img src="images/mockups/ui-b-desktop.png" alt="方向 B"/></div><p class="cap" style="font-size:17px;"><b style="color:#92400e;">B 砂岩暖調・對話導覽</b><br>主題卡片引導、行動裝置首次使用</p></div>
<div><div class="tile" style="height:250px;"><img src="images/mockups/ui-c-desktop.png" alt="方向 C"/></div><p class="cap" style="font-size:17px;"><b style="color:#0f766e;">C 溪谷青綠・浮動視窗</b><br>浮於既有網站頁面上方</p></div>
</div>

<div class="band" style="margin-top:14px;"><b>三方向共用同一套對話元件</b>，只差版面與配色；正式方向由貴中心於需求訪談選定，第二期系統設計報告書定案（雛型數字均為示意）</div>

<p class="footer-ref">(對照服務建議書 貳之八, p.30)</p>

---

## 對話介面共通元件：以方向 A 為例

<div style="display:grid; grid-template-columns:620px 258px; gap:28px; justify-content:center; align-items:start;">
<div class="ov" style="width:620px;">
<img src="images/mockups/ui-a-desktop.png" alt="方向 A 桌機版"/>
<div class="ov-box" style="left:27.5%; top:42.5%; width:51%; height:12.5%; border-color:#2563EB;"></div>
<div class="ov-pill" style="left:80.5%; top:45.5%; background:#2563EB;">① 三筆來源</div>
<div class="ov-box" style="left:27.3%; top:54.2%; width:15.2%; height:4.4%; border-color:#16A34A;"></div>
<div class="ov-pill" style="left:80.5%; top:55%; background:#16A34A;">② AI 標示</div>
<div class="ov-box" style="left:26.3%; top:64.9%; width:53.3%; height:20.7%; border-color:#d97706;"></div>
<div class="ov-pill" style="left:80.5%; top:74%; background:#d97706;">③ 拒答卡</div>
</div>
<div>
<img class="shot" src="images/mockups/ui-a-mobile-top.png" alt="方向 A 行動版首頁"/>
<p class="cap" style="font-size:14px;">行動版首頁：單欄、標籤列切換類別</p>
</div>
</div>

<div class="lede-bar" style="width:960px;"><b>三方向皆有</b>：<b>① 可點擊來源</b>——由系統組裝　｜　<b>② AI 生成標示</b>　｜　<b>③ 拒答卡</b>——附專人聯絡</div>

<div class="band" style="margin:8px auto 0; width:960px; box-sizing:border-box; font-size:15px; padding:6px 14px;"><b>前台共通規格</b>｜RWD 獨立網址、免安裝免登入｜無障礙規範＋WCAG 2.1 AA</div>

<p class="footer-ref">(對照服務建議書 貳之八, p.31；貳之二, p.16–18)</p>

---

## 入口二：嵌入臺灣地質知識服務網

<div class="grid2" style="grid-template-columns:660px 1fr; align-items:center;">
<div>
<div class="ov" style="width:660px;">
<img src="images/mockups/ui-c-desktop.png" alt="方向 C 嵌入既有網站"/>
<div class="ov-box" style="left:66.3%; top:11.8%; width:31.4%; height:85.8%; border-color:#0891b2;"></div>
<div class="ov-pill" style="left:27%; top:86%; background:#0891b2;">① 浮動對話視窗——iframe・HTTPS</div>
<div class="ov-box" style="left:3.6%; top:16.6%; width:61.4%; height:51.6%; border-color:#7c3aed; border-style:dashed;"></div>
<div class="ov-pill" style="left:5%; top:72%; background:#7c3aed;">② 既有網站——只加一段嵌入碼</div>
</div>
<p class="cap">嵌入後的畫面（方向 C 版型，示意）</p>
<div class="lede-bar" style="width:660px; border-left-color:#0891b2;"><b>① 浮動按鈕＋對話視窗</b>，視窗內容由本系統提供、與網站隔離　｜　<b>② 網站端只加一段嵌入碼</b></div>
</div>
<div>
<table class="tbl" style="font-size:16px;">
<thead><tr><th style="width:30%;">本團隊交付</th><th>內容</th></tr></thead>
<tbody>
<tr><td>嵌入元件</td><td>嵌入碼與參數、安裝說明</td></tr>
<tr><td>API 文件</td><td>依國發會共通性 API 規範、OpenAPI 格式</td></tr>
<tr><td>整合說明</td><td>放置步驟、CSP 允許網域、測試檢核表</td></tr>
<tr><td>安全設定</td><td>僅指定網域可嵌入、全程 HTTPS、來源寫入日誌</td></tr>
</tbody>
</table>
<p class="note" style="margin:10px 0 0;"><b>分工</b>：網站頁面修改由營運方辦理；本團隊交付上列 4 項並配合聯合測試</p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 貳之七, p.27–29)</p>

---

## 滿意度回饋、日誌與數發部函式庫

<div class="grid2" style="grid-template-columns:1fr 1fr; align-items:center;">
<div>
<table class="tbl">
<thead><tr><th style="width:28%;">日誌欄位群</th><th>主要欄位</th></tr></thead>
<tbody>
<tr><td>識別與時間</td><td>對話／訊息識別碼、時間戳記、來源管道</td></tr>
<tr><td>民眾提問</td><td>原始提問（遮罩後）、改寫後查詢</td></tr>
<tr><td>檢索結果</td><td>原始文本片段或索引編號、相似度、門檻判定</td></tr>
<tr><td>生成結果</td><td>最終回答、引用來源、<b>模型供應商與版本、系統指令版本</b></td></tr>
<tr><td>處理狀態</td><td>生成回答／原文摘錄／拒答、回應時間</td></tr>
<tr><td>民眾回饋</td><td>評價、不滿意原因、文字說明（遮罩後）</td></tr>
</tbody>
</table>
<p class="note" style="margin:8px 0 10px;">日誌存境內資料庫、前台不可修改刪除；後台查詢亦留痕</p>
<div class="card c-green" style="padding:10px 14px;">
<p style="font-size:17px;"><b>數發部「AI 對話服務回饋系統」函式庫</b>：依規格導入，預留介接點與統計頁；<b>12 月 9 日前未取得即提書面特別報告</b></p>
</div>
</div>
<div>
<div class="ov" style="width:520px;">
<img src="images/mockups/ui-feedback-menu.png" alt="不滿意原因選單介面雛型"/>
<div class="ov-box" style="left:57%; top:1.2%; width:38.6%; height:10%; border-color:#2563EB;"></div>
<div class="ov-pill" style="left:1.5%; top:2.5%; background:#2563EB;">① 每則回答評價</div>
<div class="ov-box" style="left:6%; top:36.5%; width:76%; height:26.5%; border-color:#d97706;"></div>
<div class="ov-pill" style="left:52%; top:26.5%; background:#d97706;">② 原因可複選・回傳後台</div>
</div>
<p class="cap">介面雛型（示意）：點選「沒幫助」展開原因選單</p>
<div class="lede-bar" style="width:520px;"><b>① 每則回答「有幫助／沒幫助」</b>　｜　<b>② 6 項原因可複選，即時回傳後台</b></div>
</div>
</div>

<p class="footer-ref">(對照服務建議書 貳之五, p.24–25；貳之六, p.26–27)</p>

---

## 資料勘查與知識庫規模

<div class="grid6">
<div class="kpi"><div class="l">常見問答</div><div class="n">110<span class="u">則</span></div><div class="s">137 條去重<br>地質 14 類＋礦業 4 類</div></div>
<div class="kpi"><div class="l">法律</div><div class="n">5<span class="u">部</span></div><div class="s">合計 32,012 字（實測）<br>含地質法 22 條</div></div>
<div class="kpi"><div class="l">法規命令</div><div class="n">57<span class="u">部</span></div><div class="s">約 9.4 萬字</div></div>
<div class="kpi"><div class="l">行政規則</div><div class="n">43<span class="u">部</span></div><div class="s">多為網站附件</div></div>
<div class="kpi"><div class="l">函釋</div><div class="n">82<span class="u">件</span></div><div class="s">地質法相關 44 件<br>3 件已停止適用</div></div>
<div class="kpi" style="border-top-color:#16A34A;"><div class="l">向量數上限（約）</div><div class="n" style="color:#166534;">6,000</div><div class="s">切片後向量筆數估算<br>保守約 340<br>中位約 940–1,270</div></div>
</div>

![知識庫資料處理管線](diagrams/11-kb-pipeline.svg)

<p class="footer-ref">(對照服務建議書 參之一, p.35；參之二, p.38)</p>

---

## 雙軌知識結構與法規切片

![雙軌知識結構](diagrams/12-dual-track.svg)

</div>
<div class="card c-purple">
<h3>法規切片口徑</h3>
<p style="font-size:17px;">● 以「條」為最小單位，相鄰短條合併至約 500 字，不在條文中間切斷</p>
<p style="font-size:17px;">● 單條逾約 600 字依項、款切分</p>
<p style="font-size:17px;">● 保留條號與生效日期；已停止適用者預設排除</p>
<p style="font-size:17px;">● 函釋約 500 字、重疊約 50 字；片長於 PoC 定案</p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 參之三, p.39；參之四, p.40)</p>

---

## 知識庫維運後台（一）：本案雛型

<div class="grid2" style="gap:20px;">
<div>
<div class="ov" style="width:584px;">
<img src="images/mockups/admin-unanswered.png" alt="未解答問題統計雛型"/>
<div class="ov-box" style="left:17.8%; top:49.5%; width:29%; height:50%; border-color:#d97706;"></div>
<div class="ov-pill" style="left:30%; top:11.5%; background:#d97706;">① 遮罩後提問＋最高相似度</div>
<div class="ov-box" style="left:74.2%; top:49.5%; width:24.2%; height:44%; border-color:#16A34A;"></div>
<div class="ov-pill" style="left:58%; top:22%; background:#16A34A;">② 語意歸群・依次數排序</div>
</div>
<p class="cap">未解答問題統計（介面雛型，示意）</p>
</div>
<div>
<div class="ov" style="width:584px;">
<img src="images/mockups/admin-entry.png" alt="條目編輯雛型"/>
<div class="ov-box" style="left:47.8%; top:47.5%; width:49.2%; height:11%; border-color:#2563EB;"></div>
<div class="ov-pill" style="left:48%; top:83%; background:#2563EB;">③ 補充文本可改——即時生效</div>
</div>
<p class="cap">條目編輯（介面雛型，示意）：原答案唯讀、可啟用／停用</p>
</div>
</div>

<div class="lede-bar" style="width:100%; margin-top:10px; border-left-color:#d97706;"><b>① 看出答不出的原因</b>　｜　<b>② 相近提問歸群，決定補充優先序</b>　｜　<b>③ 補充文本即時生效</b>，留修改紀錄</div>

<p class="note" style="text-align:center; margin:10px 0 0;">後台 7 項功能：登入驗證・問答與補充文本查詢・修改補充文本・停用問答・未解答問題統計・回饋函式庫統計・操作紀錄</p>

<p class="footer-ref">(對照服務建議書 參之五, p.43)</p>

---

## 知識庫維運後台（二）：自研核心實圖

<div style="display:grid; grid-template-columns:556px 528px; gap:24px; justify-content:center; align-items:start;">
<div>
<div class="ov" style="width:556px;">
<img src="images/titus-admin-audit-log.png" alt="Titus CMS 操作紀錄"/>
<div class="ov-box" style="left:21.2%; top:35%; width:37.4%; height:64%; border-color:#d97706;"></div>
<div class="ov-pill" style="left:59.5%; top:41.5%; background:#d97706;">① 逐筆留下紀錄・供稽核查詢</div>
<div class="ov-box" style="left:21.2%; top:21.8%; width:72.6%; height:11.2%; border-color:#16A34A;"></div>
<div class="ov-pill" style="left:44%; top:3%; background:#16A34A;">② 條件查詢供稽核</div>
</div>
<p class="cap">Titus CMS 後台操作紀錄（自研產品，展示資料）</p>
</div>
<div>
<div class="ov" style="width:528px;">
<img src="images/ops-admin-role-permissions.png" alt="自研營運後台角色與權限"/>
<div class="ov-box" style="left:31%; top:34.5%; width:38%; height:35.3%; border-color:#2563EB;"></div>
<div class="ov-pill" style="left:71%; top:60%; background:#2563EB;">③ 權限樹逐項核可</div>
</div>
<p class="cap">自研營運後台角色與權限（實際運行系統，展示資料）</p>
</div>
</div>

<div class="lede-bar" style="width:100%; margin-top:10px; border-left-color:#d97706;"><b>① 登入、查詢、修改、停用逐筆留下紀錄</b>　｜　<b>② 條件查詢供稽核</b>　｜　<b>③ 權限分管理者與檢視者</b></div>

<p class="note" style="text-align:center; margin:10px 0 0;">Titus CMS 後台核心以<b>非專屬、永久、無償</b>方式授權貴中心及其委託之維運廠商於本系統範圍內使用，原始碼一併交付；<b>本案客製成果全部歸貴中心</b></p>

<p class="footer-ref">(對照服務建議書 參之五, p.43；肆之七, p.61)</p>

---

## 概念驗證與回答品質評測

![概念驗證與回答品質評測循環](diagrams/15-poc-eval-loop.svg)

</div>
<div>
<table class="tbl" style="font-size:16px;">
<thead><tr><th>標準答案題庫題型</th><th style="width:16%;">題數</th><th>評量重點</th></tr></thead>
<tbody>
<tr><td>常見問答直答</td><td>90</td><td>命中正確條目</td></tr>
<tr><td>法規條文</td><td>90</td><td>條號與版本正確</td></tr>
<tr><td>申辦流程</td><td>60</td><td>步驟完整、附原始連結</td></tr>
<tr><td>範圍外與誘導</td><td>60</td><td>正確拒答並轉專人</td></tr>
<tr><td><b>規劃合計</b></td><td><b>300</b></td><td>應答約 240・應拒 60</td></tr>
</tbody>
</table>
<p class="note" style="margin:10px 0 0;">題目由<b>貴中心業務單位審核定版</b>；正式題數第二期確認</p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 參之六, p.44；參之七, p.46)</p>

---

## 系統架構與技術選型

![系統整體架構](diagrams/16-system-architecture.svg)

</div>
<div>
<div class="card c-teal" style="padding:12px 14px;">
<h3>資料庫與檢索</h3>
<p style="font-size:17px;">單一 PostgreSQL，語意向量與中文關鍵字同庫；約 6,000 向量，<b>精確搜尋、召回不折損</b></p>
</div>
<div class="card c-purple" style="padding:12px 14px; margin-top:12px;">
<h3>模型（PoC 後書面同意）</h3>
<p style="font-size:17px;">向量 <b>gemini-embedding-2</b></p>
<p style="font-size:17px;">LLM <b>Gemini Flash 級現行版本</b></p>
</div>
<div class="card c-gray" style="padding:12px 14px; margin-top:12px;">
<h3>選型原則</h3>
<p style="font-size:17px;">不採中國大陸廠牌；開源以寬鬆授權為主，GPL／AGPL 原則不採</p>
</div>
</div>
</div>

<p class="footer-ref">(對照服務建議書 肆之一, p.49；肆之二, p.51)</p>

---

## 資料流與處理區域

![資料流與個資遮罩點](diagrams/17-data-flow-masking.svg)

<p class="footer-ref">(對照服務建議書 肆之三, p.55)</p>

---

## AI 主權：資料、模型、治理三層對應

<div class="grid3" style="margin-top:10px; gap:18px;">
<div style="text-align:center; font-size:19px; color:#475569; padding:6px 0; border-bottom:2px dashed #cbd5e1;">資料去哪裡？</div>
<div style="text-align:center; font-size:19px; color:#475569; padding:6px 0; border-bottom:2px dashed #cbd5e1;">模型換得掉嗎？</div>
<div style="text-align:center; font-size:19px; color:#475569; padding:6px 0; border-bottom:2px dashed #cbd5e1;">成果與規則歸誰？</div>
</div>

<div class="grid3" style="margin-top:12px; gap:18px; align-items:stretch;">
<div class="card c-teal" style="padding:14px 18px;">
<h3>資料層　資料不出境</h3>
<p style="font-size:19px;">知識庫、日誌與帳號<b>留存於臺灣受控主機</b></p>
<p style="font-size:19px;">外送只有遮罩後提問與公開知識片段，<b>設定不用於模型訓練</b></p>
<p style="font-size:19px;">LLM 與向量服務走<b>指定區域端點</b>，不採全球端點，排除中國大陸、香港及澳門</p>
</div>
<div class="card c-purple" style="padding:14px 18px;">
<h3>模型層　可抽換、不綁定</h3>
<p style="font-size:19px;">供應商抽換層三層設定（LLM／語意向量／向量庫），<b>換廠牌改設定、不改程式</b></p>
<p style="font-size:19px;">備選向量模型 multilingual-e5（MIT 授權）<b>可於受控主機自架</b></p>
<p style="font-size:19px;">切換先跑黃金問答集回歸評測，報請同意後切換，<b>原設定保留可回復</b></p>
</div>
<div class="card c-green" style="padding:14px 18px;">
<h3>治理層　成果歸貴中心</h3>
<p style="font-size:19px;"><b>不採中國大陸廠牌</b>，含開源權重自架；元件來源國別逐項標示</p>
<p style="font-size:19px;">客製成果全部歸貴中心，<b>原始碼與執行碼一併交付</b></p>
<p style="font-size:19px;">回答必有出處、無依據即不答，<b>業務規則由貴中心認定</b></p>
</div>
</div>

<p class="note" style="text-align:center; margin:18px 0 0; font-size:18px;">主選模型為國際廠商雲端服務（Vertex AI 指定區域端點）；貴中心日後政策調整，依授權碼置換與供應商轉換程序更換，保固期內由本團隊協助</p>

<p class="footer-ref">(對照服務建議書 肆之二, p.51；肆之三, p.55；肆之五, p.59；肆之七, p.61；肆之八, p.63；陸之三, p.76)</p>

---

## 資訊安全與個資保護

![資安防護四道關卡](diagrams/18-security-layers.svg)

<p class="note" style="text-align:center; margin:6px 0 0;">防護等級「普」，依資通系統防護基準普級 7 構面逐項規劃</p>
</div>
<div>
<div class="card c-red" style="padding:10px 14px;">
<h3>資安事件通報時限</h3>
<div class="grid3" style="gap:6px; margin-top:4px;">
<div style="text-align:center;"><div style="font-size:26px; font-weight:800; color:#b91c1c;">1 小時</div><div style="font-size:14px; line-height:1.3;">知悉後通知</div></div>
<div style="text-align:center;"><div style="font-size:26px; font-weight:800; color:#b91c1c;">72 小時</div><div style="font-size:14px; line-height:1.3;">控制或復原</div></div>
<div style="text-align:center;"><div style="font-size:26px; font-weight:800; color:#b91c1c;">1 個月</div><div style="font-size:14px; line-height:1.3;">改善報告</div></div>
</div>
</div>
<div class="card c-blue" style="padding:10px 14px; margin-top:10px;">
<h3>檢測與修補</h3>
<p style="font-size:16px;">弱點掃描＋提示注入測試，<b>上線前修補至無高、中風險</b></p>
</div>
<div class="card c-green" style="padding:10px 14px; margin-top:10px;">
<h3>人員</h3>
<p style="font-size:16px;">資安小組 3 人（楊嘉豪負責），iPAS 資訊安全工程師中級<b>通過鑑定（證書核發中）</b></p>
</div>
</div>
</div>

<p class="footer-ref">(對照服務建議書 伍之一, p.64；伍之二, p.66；伍之三, p.68；伍之六, p.71)</p>

---

## 上線部署、保固與教育訓練

![上線部署與移轉流程](diagrams/19-deploy-migration.svg)

<div style="display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr; gap:12px; margin-top:12px;">
<div class="card c-red" style="padding:10px 12px;"><h3>A 緊急故障</h3><p style="font-size:16px;">工作日 <b>4 小時內到場</b>、36 小時內修復；假日 <b>1 小時內應變或 24 小時內到場</b>、36 小時內修復</p></div>
<div class="card c-orange" style="padding:10px 12px;"><h3>B 一般瑕疵</h3><p style="font-size:16px;">功能異常、資料錯誤：指定期限內免費改正</p></div>
<div class="card c-blue" style="padding:10px 12px;"><h3>C 需求變更</h3><p style="font-size:16px;">提出影響評估，依契約變更程序辦理</p></div>
<div class="card c-gray" style="padding:10px 12px;"><h3>D 第三方或環境</h3><p style="font-size:16px;">仍依 A 級時限應變、到場或遠端協助；期間降級為純檢索回覆</p></div>
</div>

<div class="band" style="margin-top:12px; font-size:17px;"><b>保固自驗收合格日起 1 年</b>，單一窗口楊嘉豪；遠端先行不取代到場義務<br>災害復原演練每年 1 次｜管理者訓練 1 場，12/9–12/18 試用期間辦理（日期依貴中心確認）</div>

<p class="footer-ref">(對照服務建議書 陸之二, p.75；陸之四, p.77；陸之五, p.78；伍之七, p.73)</p>

---

## 三期里程碑與工作進度

![三期里程碑與工作進度](diagrams/20-milestone-gantt.svg)

<p class="footer-ref">(對照服務建議書 柒之二, p.83；柒之三, p.85；玖之一, p.102)</p>

---

## 經費配置

<table class="tbl" style="font-size:16px; width:1000px; margin:0 auto;">
<thead><tr><th>工作項目</th><th style="width:20%; text-align:right;">金額（元）</th><th style="width:13%; text-align:right;">占比</th><th style="width:12%; text-align:right;">人日</th></tr></thead>
<tbody>
<tr><td>一、智慧客服櫃檯系統建置</td><td style="text-align:right;">352,500</td><td style="text-align:right;">26.8%</td><td style="text-align:right;">48</td></tr>
<tr><td>二、智慧客服補充文本知識庫建置</td><td style="text-align:right;">372,500</td><td style="text-align:right;">28.3%</td><td style="text-align:right;">54</td></tr>
<tr><td>三、軟硬體環境</td><td style="text-align:right;">73,500</td><td style="text-align:right;">5.6%</td><td style="text-align:right;">5</td></tr>
<tr><td>四、上線維護與保固</td><td style="text-align:right;">175,000</td><td style="text-align:right;">13.3%</td><td style="text-align:right;">23</td></tr>
<tr><td>五、資訊安全防護需求</td><td style="text-align:right;">87,500</td><td style="text-align:right;">6.7%</td><td style="text-align:right;">11</td></tr>
<tr><td>六、專案管理及文件交付</td><td style="text-align:right;">253,286</td><td style="text-align:right;">19.3%</td><td style="text-align:right;">20</td></tr>
<tr><td><b>合計（未稅）</b></td><td style="text-align:right;"><b>1,314,286</b></td><td style="text-align:right;"><b>100.0%</b></td><td style="text-align:right;"><b>161</b></td></tr>
<tr><td style="background:#f0fdf4;"><b style="color:#166534;">含稅總價</b>　<span style="font-size:15px; color:#475569;">未稅 1,314,286＋營業稅 65,714</span></td><td style="text-align:right; background:#f0fdf4; font-size:20px;"><b style="color:#166534;">1,380,000</b></td><td style="background:#f0fdf4;"></td><td style="background:#f0fdf4;"></td></tr>
</tbody>
</table>
<p class="note" style="width:1000px; margin:6px auto 0; font-size:15px;">六大項 26 中類逐項列單價與數量；保固、部署、授權碼置換、弱掃修補與演練，<b>於本建議書所列範圍內均不另計費</b></p>

![依成本性質分類](diagrams/21-cost-structure.svg)

<p class="footer-ref">(對照服務建議書 捌之一, p.90；捌之二, p.91；捌之三, p.93)</p>

---

## Token 精算

![Token 用量三檔情境與編列數](diagrams/22-token-scenarios.svg)

</div>
<div>
<div class="band" style="font-size:17px; margin-bottom:12px;"><b>驗收通過前</b> LLM 與語意向量 API 費用由本公司負擔，內含於本案價金</div>
<div class="card c-blue" style="padding:10px 14px;">
<h3>估算取保守值</h3>
<p style="font-size:16px;">● 依實測語料與測試排程推估三檔</p>
<p style="font-size:16px;">● 繁中每字 1.5 token、未計快取折扣</p>
<p style="font-size:16px;">● 上限 7,158 元 × 安全係數 3 → 編列 <b>21,500 元</b></p>
</div>
<div class="card c-green" style="padding:10px 14px; margin-top:10px;">
<h3>用量控管</h3>
<p style="font-size:16px;">● API 金鑰設每月上限與通知</p>
<p style="font-size:16px;">● 驗收後由貴中心承租，月費載入上線計畫書</p>
</div>
</div>
</div>

<p class="footer-ref">(對照服務建議書 捌之四, p.96)</p>

---

## 風險管理

![風險評估矩陣與對策](diagrams/23-risk-matrix.svg)

<p class="footer-ref">(對照服務建議書 玖之一, p.101；玖之二, p.103)</p>

---

## 專案團隊組織

![本案專案組織架構](diagrams/24-project-org.svg)

</div>
<div>
<div class="card c-blue" style="padding:10px 14px;"><h3>啟動會議</h3><p style="font-size:16px;">確認範圍、資料清單、審查流程，納入專案管理計畫書</p></div>
<div class="card c-purple" style="padding:10px 14px; margin-top:10px;"><h3>工作會議</h3><p style="font-size:16px;">依貴中心需要召開；<b>會議紀錄會後 5 日內送審</b></p></div>
<div class="card c-teal" style="padding:10px 14px; margin-top:10px;"><h3>進度通報與議題追蹤</h3><p style="font-size:16px;">已完成、下階段、待協助；決議列管至結案</p></div>
<p class="note" style="margin:10px 0 0;">系統建置與知識庫建置由本公司自行履行，<b style="white-space:nowrap;">不轉包、不分包</b></p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 拾之一, p.107；柒之一, p.81)</p>

---

## 人員分工與投入人日

![人員分工與工作項目投入人日](diagrams/25-staff-workitem.svg)

</div>
<div style="display:flex; flex-direction:column; gap:6px;">
<div class="card c-blue" style="padding:6px 12px;"><p style="font-size:15px;"><b>楊嘉豪</b>　Seasalt.ai AI 客服產品前端開發與後台介面；ISO/IEC 27001:2022 ISMS 課程完訓</p></div>
<div class="card c-blue" style="padding:6px 12px;"><p style="font-size:15px;"><b>廖信謀</b>　標案文件整合、期程與變更控制</p></div>
<div class="card c-purple" style="padding:6px 12px;"><p style="font-size:15px;"><b>張睿壬</b>　文件結構化與 OCR、PostgreSQL；<span style="white-space:nowrap;">發明專利 I874259</span>（共同發明人）</p></div>
<div class="card c-teal" style="padding:6px 12px;"><p style="font-size:15px;"><b>花千祐</b>　前台介面與 API 介接、無伺服器部署</p></div>
<div class="card c-green" style="padding:6px 12px;"><p style="font-size:15px;"><b>曹子允</b>　測試流程設計、介面文本審校（語言學專業）</p></div>
<div class="card dashed" style="padding:6px 12px;"><p style="font-size:15px;"><span class="badge gray">約聘・視需要支援</span>　<b>黃柏翔</b> 資料庫與效能工程師</p></div>
<div class="card dashed" style="padding:6px 12px;"><p style="font-size:15px;"><span class="badge gray">約聘・視需要支援</span>　<b>高嘉宏</b> UI/UX 設計</p></div>
<p class="note" style="margin:2px 0 0; font-size:15px;">楊嘉豪、張睿壬、花千祐：iPAS 資訊安全工程師中級通過鑑定（證書核發中）</p>
</div>
</div>

<p class="footer-ref">(對照服務建議書 拾之一, p.109；拾之二, p.111)</p>

---

## 履約能量與相近能力

<div class="grid2" style="grid-template-columns:0.8fr 1.3fr; align-items:center;">
<div>
<div class="card c-orange" style="padding:10px 14px;"><h3>花蓮縣衛生局</h3><p style="font-size:16px;">115 年食品安全 e 化稽查管理系統建置整合計畫（HA115032001）</p><p style="font-size:15px; color:#475569;">115 年 6 月決標・主包・履約中</p></div>
<div class="card c-orange" style="padding:10px 14px; margin-top:10px;"><h3>臺大醫院金山分院</h3><p style="font-size:16px;">院內外網站建置案（PA2600027）<br>以自研 Titus CMS 建置</p><p style="font-size:15px; color:#475569;">115 年 8 月決標・主包・履約中</p></div>
<div class="card c-orange" style="padding:10px 14px; margin-top:10px;"><h3>客家公共傳播基金會</h3><p style="font-size:16px;">客新聞 App 建置與維護（HPCF1150007）</p><p style="font-size:15px; color:#475569;">115 年 8 月決標・主包・履約中</p></div>
</div>
<div>

![相近能力與本案需求對應](diagrams/26-capability-mapping.svg)

</div>
</div>

<p class="footer-ref">(對照服務建議書 拾壹之二, p.114；拾壹之三, p.116)</p>

---

## 廠商能量與實績（一）：公司案件與自研產品

<div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:12px 18px;">
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-hualien-dashboard.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">花蓮縣食安 e 化稽查管理系統</b>　<span style="font-size:14px;">公司契約案件・履約中</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-jinshan-home.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">臺大醫院金山分院院內外網站</b>　<span style="font-size:14px;">公司契約案件・履約中</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-titus-gov-demo.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">Titus CMS 政府與公共服務示範站</b>　<span style="font-size:14px;">自研產品</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-ops-admin-audit-logs.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">營運後台稽核紀錄</b>　<span style="font-size:14px;">自研產品・實際運行</span></p></div>
</div>

<p class="footer-ref">(對照服務建議書 附件二, p.138–144；附件一, p.125)</p>

---

## 廠商能量與實績（二）：成員個人經歷

<div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:12px 18px;">
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-seasalt-nearme-kb.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">NearMe AI 客服知識庫後台</b>　<span style="font-size:14px;">成員個人經歷（Seasalt.ai）</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-tnl-paris-olympics.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">奧趣巴黎 2024 奧運互動資訊站</b>　<span style="font-size:14px;">成員個人經歷（TNL Mediagene）</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-tnl-rebrand.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">TNL 10 週年品牌再設計</b>　<span style="font-size:14px;">成員個人經歷（TNL Mediagene）</span></p></div>
<div><div style="height:240px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-seasalt-seaword.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:16px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b;">SeaWord 敏感資訊去識別化</b>　<span style="font-size:14px;">成員個人經歷（Seasalt.ai）</span></p></div>
</div>

<p class="footer-ref">(對照服務建議書 附件二, p.138–144；附件一, p.125)</p>

---

## AI 客服產品實作經驗（成員個人經歷）

<div class="grid2" style="gap:18px; align-items:start;">
<div><div style="height:290px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-seasalt-seax-inbox.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:15px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b; font-size:17px;">SeaX 全通路 AI 客服後台</b><br>跨簡訊／MMS 渠道統一客服對話・AI 輔助回覆・收件匣回覆串・VIP／Follow-up 標籤・單則與群發・活動成效</p></div>
<div><div style="height:290px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:6px; overflow:hidden;"><img src="images/portfolio-seasalt-nearme-faq.png" style="width:100%; height:100%; object-fit:cover; object-position:top;"/></div><p style="font-size:15px; margin:6px 0 0; color:#475569; text-align:center; line-height:1.35;"><b style="color:#1e293b; font-size:17px;">NearMe／SeaChat 對話式 AI 後台</b><br>虛擬客服設定・自訂 FAQ・知識庫管理・對話分析・Google Business Messages 串接</p></div>
</div>

<div class="grid2" style="gap:18px; margin-top:8px; align-items:stretch;">
<div class="card c-blue" style="padding:8px 14px;"><p style="font-size:16px;"><b>→ 本案智慧客服櫃檯</b>　對話介面、回饋與日誌留痕、轉專人</p></div>
<div class="card c-purple" style="padding:8px 14px;"><p style="font-size:16px;"><b>→ 本案知識庫維運後台</b>　常見問答與補充文本維護、上架審核、未解答問題統計</p></div>
</div>

<div class="card c-teal" style="padding:8px 14px; margin-top:8px;"><p style="font-size:16px;"><b>SeaMeet　AI 產出＋人工逐句校正</b>　→ 本案「AI 產出、人工把關」：上架審核、時效疑義清單</p></div>

<p class="note" style="text-align:center; margin:8px 0 0; font-size:15px;">楊嘉豪於 Seasalt.ai 任資深工程師（2021.04～2022.08）期間參與 SeaX／SeaChat 等 AI 客服產品之前端開發與後台介面；屬成員個人前職經歷，非本公司契約實績；畫面為產品公開展示之示例資料</p>

<p class="footer-ref">(對照服務建議書 附件一, p.117–118；附件二, p.143–144)</p>

---

## 承諾總結：一座櫃檯、五項原則

<div class="grid5 p3" style="height:250px;">
<div class="colorcard fill-blue"><div><span class="numchip" style="color:#2563EB;">1</span></div><h3>回答必有出處</h3><p>來源連結由系統組裝，不由 LLM 產生網址</p></div>
<div class="colorcard fill-orange"><div><span class="numchip" style="color:#d97706;">2</span></div><h3>無依據即不答</h3><p>門檻經貴中心確認；未達即拒答轉專人</p></div>
<div class="colorcard fill-green"><div><span class="numchip" style="color:#16A34A;">3</span></div><h3>個資先遮罩</h3><p>遮罩後才外送；無法判定即停止外送</p></div>
<div class="colorcard fill-purple"><div><span class="numchip" style="color:#7c3aed;">4</span></div><h3>全程可查核</h3><p>6 群日誌留存境內，標準答案題庫評測</p></div>
<div class="colorcard fill-teal"><div><span class="numchip" style="color:#0891b2;">5</span></div><h3>模組可抽換</h3><p>抽換層呼叫模型，換授權碼不需改程式</p></div>
</div>

<div class="grid3" style="margin-top:26px; align-items:stretch;">
<div class="kpi" style="border-top-color:#16A34A;"><div class="l">含稅總價</div><div class="n" style="color:#166534;">1,380,000<span class="u" style="color:#166534;">元</span></div></div>
<div class="kpi"><div class="l">全部工作完成</div><div class="n">115.12.24<span class="u">前</span></div></div>
<div class="kpi" style="border-top-color:#d97706;"><div class="l">保固</div><div class="n" style="color:#b45309;">1<span class="u" style="color:#b45309;">年</span></div><div class="s">自驗收合格日起</div></div>
</div>

<p class="footer-ref">(對照服務建議書 貳之一, p.14；執行摘要, p.1)</p>

---

## 感謝聆聽　歡迎發問

<p style="font-size:26px; color:#334155; margin-top:24px;">提特斯科技有限公司</p>

<p class="footer-ref">(對照服務建議書 執行摘要, p.1)</p>

---

## 附錄：需求逐點回應總覽（一）

<table class="tbl" style="font-size:15px; line-height:1.3; border-bottom:2px solid #94a3b8;">
<thead><tr><th style="width:40%;">需求重點</th><th>本團隊對應做法</th><th style="width:15%;">章節・頁</th></tr></thead>
<tbody>
<tr><td colspan="3" style="background:#e2e8f0; font-weight:700;">工作項目一、智慧客服櫃檯系統建置</td></tr>
<tr><td style="padding:5px 10px;">模組化架構</td><td style="padding:5px 10px;">五大功能模組以 API 介接，模型經抽換層呼叫</td><td style="padding:5px 10px;">貳之一 p.14</td></tr>
<tr><td style="padding:5px 10px;">前台 RWD 獨立 Web 對話介面</td><td style="padding:5px 10px;">桌機、平板、行動三種版面；獨立網址直接使用</td><td style="padding:5px 10px;">貳之二 p.16</td></tr>
<tr><td style="padding:5px 10px;">協助整合至臺灣地質知識服務網</td><td style="padding:5px 10px;">交付嵌入元件、API 文件與整合說明，配合聯合測試</td><td style="padding:5px 10px;">貳之七 p.27</td></tr>
<tr><td style="padding:5px 10px;">租用 LLM API 並整合 RAG</td><td style="padding:5px 10px;">LLM 與語意向量 API 經抽換層呼叫；型號經 PoC 比較並取得書面同意</td><td style="padding:5px 10px;">肆之二 p.51</td></tr>
<tr><td style="padding:5px 10px;">理解口語化提問、精準答覆</td><td style="padding:5px 10px;">查詢正規化、多輪追問改寫、語意檢索；標準答案題庫評測</td><td style="padding:5px 10px;">貳之三 p.18</td></tr>
<tr><td style="padding:5px 10px;">免責聲明、回答附可點擊原始來源</td><td style="padding:5px 10px;">對話區頂端常駐免責聲明；每則回答列條目、條號或文件與連結</td><td style="padding:5px 10px;">貳之二 p.16</td></tr>
<tr><td style="padding:5px 10px;">Prompt 控制邊界、未達門檻即拒答並附專人</td><td style="padding:5px 10px;">四層邊界控制；門檻於 PoC 校準並經貴中心確認；拒答卡附聯絡資訊</td><td style="padding:5px 10px;">貳之四 p.21</td></tr>
<tr><td style="padding:5px 10px;">完整日誌、評價按鈕與不滿意原因</td><td style="padding:5px 10px;">每次問答寫入日誌；評價與原因選單回傳後台</td><td style="padding:5px 10px;">貳之五 p.24</td></tr>
<tr><td style="padding:5px 10px;">導入數發部「AI 對話服務回饋系統」函式庫</td><td style="padding:5px 10px;">依其函式庫與介接規格導入，後台提供統計檢視</td><td style="padding:5px 10px;">貳之六 p.26</td></tr>
<tr><td colspan="3" style="background:#e2e8f0; font-weight:700;">工作項目二、智慧客服補充文本知識庫建置</td></tr>
<tr><td style="padding:5px 10px;">整理地質防災、申辦流程、法規規章資料</td><td style="padding:5px 10px;">收件、清理、解構、屬性萃取、切片、向量化、上架審核</td><td style="padding:5px 10px;">參之二 p.38</td></tr>
<tr><td style="padding:5px 10px;">常見問答僅向量化「問題」，答案作補充文本</td><td style="padding:5px 10px;">問題向量化建索引，答案與補充說明以條目編號關聯</td><td style="padding:5px 10px;">參之三 p.39</td></tr>
<tr><td style="padding:5px 10px;">長篇法規依語意邊界切片、具詮釋資料</td><td style="padding:5px 10px;">依條、項、款與句號邊界切片；類別、條號、生效日期等欄位</td><td style="padding:5px 10px;">參之四 p.40</td></tr>
<tr><td style="padding:5px 10px;">後台登入驗證、修改補充文本、停用問答、未解答統計</td><td style="padding:5px 10px;">符合防護基準之登入；條目編輯、啟用停用、未解答問題歸群</td><td style="padding:5px 10px;">參之五 p.43</td></tr>
</tbody>
</table>

<p class="footer-ref">(對照服務建議書 壹之三, p.8)</p>

---

## 附錄：需求逐點回應總覽（二）

<table class="tbl" style="font-size:15px; line-height:1.3; border-bottom:2px solid #94a3b8;">
<thead><tr><th style="width:40%;">需求重點</th><th>本團隊對應做法</th><th style="width:15%;">章節・頁</th></tr></thead>
<tbody>
<tr><td colspan="3" style="background:#e2e8f0; font-weight:700; padding:3px 9px;">工作項目三、軟硬體環境</td></tr>
<tr><td style="padding:3px 9px;">資料庫、中介軟體、開發套件費用內含</td><td style="padding:3px 9px;">採授權寬鬆之開源元件，費用全數內含</td><td style="padding:3px 9px;">肆之二 p.51・捌 p.90</td></tr>
<tr><td style="padding:3px 9px;">開源授權允許商業加值與貴中心永久無償使用</td><td style="padding:3px 9px;">元件授權清單，交付原始碼</td><td style="padding:3px 9px;">肆之五 p.59</td></tr>
<tr><td style="padding:3px 9px;">Copyleft 元件標示來源與動態隔離說明</td><td style="padding:3px 9px;">原則不採用；不可避免者以行程或網路邊界隔離並標示來源與授權</td><td style="padding:3px 9px;">肆之六 p.60</td></tr>
<tr><td style="padding:3px 9px;">廠商備妥測試環境，以測試環境成果驗收</td><td style="padding:3px 9px;">本團隊建置測試環境並提供驗收存取方式</td><td style="padding:3px 9px;">肆之四 p.58</td></tr>
<tr><td style="padding:3px 9px;">驗收前 LLM 與語意向量 API 費用內含並精算</td><td style="padding:3px 9px;">Token 精算表含計算式、三檔情境與安全係數</td><td style="padding:3px 9px;">捌之四 p.96</td></tr>
<tr><td colspan="3" style="background:#e2e8f0; font-weight:700; padding:3px 9px;">工作項目四、上線維護與保固</td></tr>
<tr><td style="padding:3px 9px;">期末提交上線計畫書</td><td style="padding:3px 9px;">併入第三期成果報告書，含災害復原演練計畫</td><td style="padding:3px 9px;">陸之一 p.74</td></tr>
<tr><td style="padding:3px 9px;">協助部署至貴中心雲端並置換授權碼</td><td style="padding:3px 9px;">依貴中心承租時程配合部署；金鑰設定化、置換程序文件化</td><td style="padding:3px 9px;">陸之二 p.75<br>陸之三 p.76</td></tr>
<tr><td style="padding:3px 9px;">保固一年、單一窗口、緊急到場與修復時限</td><td style="padding:3px 9px;">依需求說明書及契約時限辦理</td><td style="padding:3px 9px;">陸之五 p.78</td></tr>
<tr><td style="padding:3px 9px;">配合應用系統瑕疵與資料錯誤之修正</td><td style="padding:3px 9px;">保固期內免費修正；資料錯誤經貴中心確認後更新知識庫</td><td style="padding:3px 9px;">陸之五 p.78</td></tr>
<tr><td style="padding:3px 9px;">配合不定期資安檢測並修補</td><td style="padding:3px 9px;">依檢測報告修補並提出佐證</td><td style="padding:3px 9px;">陸之五 p.78</td></tr>
<tr><td colspan="3" style="background:#e2e8f0; font-weight:700; padding:3px 9px;">工作項目五、資訊安全</td></tr>
<tr><td style="padding:3px 9px;">遵循資安法令與貴中心資安規範</td><td style="padding:3px 9px;">配合貴中心資訊安全管理要求，完成本系統範圍之控制措施</td><td style="padding:3px 9px;">伍之一 p.64</td></tr>
<tr><td style="padding:3px 9px;">自備工具檢測 SQL Injection、XSS 及 OWASP Top 10</td><td style="padding:3px 9px;">上線前高、中風險修補完成並出具複測報告</td><td style="padding:3px 9px;">伍之三 p.68</td></tr>
<tr><td style="padding:3px 9px;">配合每年弱點掃描與滲透測試</td><td style="padding:3px 9px;">參與會議並依時程修補</td><td style="padding:3px 9px;">伍之三 p.68</td></tr>
<tr><td style="padding:3px 9px;">測試資料去識別化</td><td style="padding:3px 9px;">姓名、地址、電話、電子郵件遮罩或替換</td><td style="padding:3px 9px;">伍之五 p.71</td></tr>
<tr><td style="padding:3px 9px;">擬訂災害復原演練計畫，每年演練 1 次</td><td style="padding:3px 9px;">演練計畫併入上線計畫書</td><td style="padding:3px 9px;">伍之七 p.73</td></tr>
<tr><td style="padding:3px 9px;">資安事件通報與處理時限</td><td style="padding:3px 9px;">依契約時限通報、應變與提交報告</td><td style="padding:3px 9px;">伍之六 p.71</td></tr>
</tbody>
</table>

<p class="footer-ref">(對照服務建議書 壹之三, p.8)</p>