片段範例集

引言版的明體靠 p.serif（引擎類名）：build 靠類名把這句的字收進明體子集，font-family 寫在自訂規則上會漏收， 一句話出現兩種明體。

引擎 .lad 的標籤欄不換行、寬＝最長標籤，問句放不下。

box-sizing:content-box 必寫：.lr>b 有右內距，用 border-box 時兩字寬被內距吃掉、變成一字一行。

鍵連標號 .kn 要一起貼（本檔「鍵連標號 kn」），每個都掛 data-md="［N］"，匯出 Markdown 才讀得出對應。

.hot 只把「意涵」字轉紅，一頁標一則。

第三格 .m 吃 .lad 的列距變數 --rr，垂直節奏放大時三格一起長。

subgrid 讓每列的指標欄對齊同一條欄線（Chrome 117 起）。

第一列加 class="cg"，兩列表頭都包在 <thead>：匯出 Markdown 才會把兩列合成表頭（「上半年累計 1H25」）。

組名格寫 <td rowspan="N" class="vg">，表頭列在它上方留一個空 <th>。

--v＝該值 ÷ 該欄最大值（0–1），由作者先算好寫死，頁面不計算。

燈號用狀態記號 .lp（要一起貼：本檔「狀態記號」）：形狀＋顏色（圓＝達標、三角＝留意、方＝未達）， 色弱與黑白列印都分得出。

掛在 .g2／.g3／.g4 上（預設開放欄），子元素是 div＞i 序號＋b 小標＋p 說明。

單檔 HTML 要把圖內嵌成 data URI（先壓到 1200px 寬、webp，每張約 100–200KB）。

100 個 .sq div 要在 html: 圍欄裡列出（前 --on 個加 class="sq on"）—— 用 JS 生成會被列印/離線打斷。

重點段只換成紅色，其他段的藍色深淺不變、不另外退淡（強調只加亮目標，不淡化其他內容）。

條版各段 --p 加總 100，接頭 --x／--w 由各段加總推出，數字一改三處一起重算（build 不驗，交付前對一次數）。

目標線 s 用 left:% 定位，.tr 必須 position:relative。

點數 3–5（點名 16pt，5 點時每點約 8 字一行）。

文字階梯靠「每一級都比上一級寫得長」自然成形。

連接線用框線與偽元素畫，只連到每個子節點的中心。

狀態記號 .lp 要一起貼（本檔「狀態記號」），沒有狀態的方塊不放記號、圖例寫明「無記號＝規劃中」。

閱讀順序左上→右上→左下→右下：左欄放第 1、3 塊，右欄放第 2、4 塊，圓的 span 照 1–4 的順序寫。

屋頂是淡藍五角形（clip-path 只裁底色，字在內距裡不會被裁），寫一行。

「否」箭頭對準問題框中線靠的是 --qh：最長的問題超過兩行（每題約 16 字）就把 --qh 加大，否則箭頭會偏。

格間數字寫的是「前一格到後一格」（機率、轉換率、留存率）。

步驟寫在它所屬的那一道裡，--c＝第幾步（欄）。

每個階段一個 .pc（欄頭 .ph、工期 .du、工作 ul.kv），三列用 subgrid 跨欄對齊。

第 1 欄是工作名，第一個月＝第 2 欄。

時點數寫在 --n。

一律掛 data-md="［N］"，匯出 Markdown 才讀得出對應。

灰字灰框、不上色：它是提醒，不是強調。

<td data-cases="d.寫入系統.must" data-cq="寫入系統｜必須具備">10</td>          
<li data-cases="unit.銀作業" data-cq="銀行作業處" data-noid>作業處　5 案</li>  
<div class="xhb-ec" data-cqmap='{"類目名|數列名":"分組鍵","類目名":"分組鍵"}' data-cqnoid>…</div>

浮層是 document.body.appendChild，最後一張投影片因此不再是 :last-child——引擎的 列印規則用 :last-of-type，不必另貼修正。