字幕样式

在设置里打开视频字幕 → 字幕样式，改动会实时显示在预览里。

基本设置

• 显示模式：双语模式、仅原文或仅译文。
• 译文位置：在原文上方或下方。
• 主字幕和翻译字幕：分别设置字体、字号比例、颜色和粗细。
• 背景透明度：字幕后面那块底色有多深。

重置为默认会恢复所有设置。

预设模板

在自定义 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，点保存生效。