疊加畫面自訂

先從範本開始，再僅在需要時使用 URL 選項與 CSS。

最快方式：選擇範本

有 StreamElements 或 Streamlabs 聊天外觀？透過聊天外觀指南匯入自訂小工具.

範本是取得精美疊加畫面的最簡單方式，無需從頭撰寫 CSS。

範本庫，包含搜尋、分類篩選器與範本預覽 — 搜尋與篩選範本，然後將產生的疊加畫面 URL 複製至 OBS。

自訂層級

層級	適用用途	位置
範本控制項	快速調整外觀。	範本庫.
URL 參數	行為、標籤、篩選器、縮放與限制。	疊加畫面 URL 查詢字串。
OBS 自訂 CSS	為單一 OBS 來源進行小範圍樣式覆寫。	OBS 瀏覽器來源屬性。
託管／自行託管 CSS	可在多個疊加畫面中重複使用的樣式。	`&css=` 或 `&b64css=`.
自訂疊加畫面	完全自訂行為。	自訂疊加畫面指南.

常用 URL 選項

featured.html?session=YOUR_SESSION&scale=1.1&limit=10

session 將疊加畫面連線至正確的聊天室。
scale 無需重寫 CSS 即可變更尺寸。
limit 在支援的頁面上控制保持可見的訊息數量。
hidesource 隱藏停駐面板中的平台來源標籤（僅dock.html ）。
css 和 b64css 載入自訂樣式。

使用 OBS 前先預覽

疊加畫面範例預覽，顯示帶樣式的 Social Stream 聊天訊息輸出 — 測試 OBS 前，先在一般瀏覽器中開啟最終 URL。

常見解決方式

瀏覽器中正常，OBS 中不正常： 移除 OBS 自訂 CSS 並重新整理瀏覽器來源。
缺少字型： 使用直接的 HTTPS 字型檔案連結，並檢查 CORS／防盜連規則。
所有內容都不可見： 檢查不透明度、顏色、篩選器，以及頁面是否需要精選／事件承載資料。
變更 URL 沒有效果： 重新整理 OBS 來源或取代 URL。