字幕樣式

在設定裡開啟影片字幕 → 字幕樣式，改動會實時顯示在預覽裡。

基本設定

• 顯示模式：雙語模式、僅原文或僅譯文。
• 譯文位置：在原文上方或下方。
• 主字幕和翻譯字幕：分別設定字型、字號比例、顏色和粗細。
• 背景透明度：字幕後面那塊底色有多深。

重設為預設值會恢復所有設定。

預設模板

在自訂 CSS → 預設模板裡：

模板	效果
模糊譯文	譯文先模糊，滑鼠移上去才清晰，適合先聽再看
虛線譯文	譯文下面加一條虛線
弱化原文	原文顏色變淺，突出譯文

自訂 CSS

你寫的 CSS 會疊加在上面的設定之上。可以用這些選擇器：

選擇器	對應
.read-frog-subtitles-box	包住兩行字幕的框
.subtitles-main	原文那一行
.subtitles-translation	譯文那一行

把譯文模糊，滑鼠移上去再顯示：

.subtitles-translation {
  filter: blur(6px);
}

.subtitles-translation:hover {
  filter: none;
}

黃色譯文，用陰影代替底框：

.read-frog-subtitles-box {
  background: transparent;
}

.subtitles-translation {
  color: #ffd84d;
  text-shadow: 0 1px 3px rgb(0 0 0 / 0.9);
}

編輯器會邊寫邊檢查 CSS，點儲存生效。