A — max-width: 180px（對照組）
正常限制寬度的 time input 對照。
等待量測…
B — width: 100%; 宣稱 border-box
對照 computed box-sizing，若 WebKit 回報 content-box 會明確標示設定不符。
等待量測…
C — Flexbox
Flex wrapper；input 使用 flex: 1 1 0% 與 min-width: 0。
等待量測…
D — Grid
Grid wrapper 使用 minmax(0, 1fr) 欄位。
等待量測…
E — appearance: none
保留原生 time 型別，移除 WebKit appearance 並設為 100% 寬。
等待量測…
F — WebKit datetime pseudo-element
原生 time input，限制 datetime edit 相關 pseudo-element 的 min/max 尺寸。
等待量測…
G — B 組條件，無 padding
與 B 相同的 input CSS，父容器 padding 設為 0。
等待量測…
H — text / select 原生控制項
一般文字輸入與選單作為尺寸比較組，寬度皆為 100%。
等待量測…
I — 明確宣告 border-box
原生 time input；直接宣告 width: 100%、box-sizing: border-box、padding: 8px 10px 與 1px border。
等待量測…
J — 正式勿擾欄位結構重現
最小還原 quiet-hours section → form → Grid → label.form-group → input.form-control，包含共用 box-sizing 與正式欄位寬度規則。
等待量測…
K — 正式勿擾欄位結構，appearance: auto
DOM 與共用 CSS 同 J；time input 使用 width: 100%、max-width: 100%、box-sizing: border-box。
等待量測…
L — 與 K 相同結構，appearance: none
DOM、Grid 與所有尺寸樣式同 K；唯一變化是 appearance / -webkit-appearance 設為 none。點擊欄位確認原生時間選擇器仍可開啟。
等待量測…