.player{--subtitle-en-size: 18px;--subtitle-zh-size: 14px;--subtitle-key-0: #D77832;--subtitle-key-line-0: #F2AE68;--subtitle-key-1: #219653;--subtitle-key-line-1: #86E58B;--subtitle-row-edge: #E6D797;--subtitle-row-bg: color-mix(in srgb, #fff1b8 72%, var(--primary-soft));--subtitle-row-tint: #fff1b818;--subtitle-row-gloss: #ffffff66;--subtitle-row-shadow: #71674418;--subtitle-key-shadow: #172c3c4d;--subtitle-current-bg: #b9dda6}.player .player__side{overflow:hidden}.player .player__subtitles{height:min(56dvh,560px);max-height:none;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scroll-behavior:auto;padding-block:var(--subtitle-lead, 0px) var(--subtitle-tail, 0px)}.player .player__sentence{flex-shrink:0;border:1px solid transparent;border-left-width:5px;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.player .player__subtitle-title{flex-shrink:0}@media (max-width: 1179px){.player .player__subtitles{height:min(50dvh,420px)}}@media (max-width: 860px){.player .player__side{min-height:0;max-height:36dvh}.player .player__subtitles{min-height:0;height:28dvh;flex:1 1 0}.is-watch-page .player .player__side{max-height:none;overflow:hidden}.is-watch-page .player .player__subtitles{height:0}}@media (prefers-reduced-motion: reduce){.player .player__sentence{transition:none}}[data-mode=dark] .player{--subtitle-key-1: #4DA3FF;--subtitle-key-line-1: #2388FF;--subtitle-row-edge: #3FB89C;--subtitle-row-bg: color-mix(in srgb, #153b34 72%, var(--panel-bg));--subtitle-row-tint: #3fb89c26;--subtitle-row-gloss: #ffffff14;--subtitle-row-shadow: #00000040;--subtitle-key-shadow: #00000066}.player[data-font-step="1"]{--subtitle-en-size: 20px;--subtitle-zh-size: 15px}.player[data-font-step="2"]{--subtitle-en-size: 22px;--subtitle-zh-size: 16px}.player .player__sentence-main{gap:7px}.player .player__sentence-text{font:600 var(--subtitle-en-size)/1.65 var(--font-sans);color:var(--text);overflow-wrap:anywhere}.player .player__sentence-translation{font:400 var(--subtitle-zh-size)/1.65 var(--font-sans);color:var(--text-secondary);overflow-wrap:anywhere}.player .player__sentence.is-active{background-color:var(--subtitle-row-bg);background-image:linear-gradient(135deg,var(--subtitle-row-gloss),transparent 45%),linear-gradient(165deg,transparent 30%,var(--subtitle-row-tint));border-color:var(--subtitle-row-edge);-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%);box-shadow:inset 0 1px 0 var(--subtitle-row-gloss),inset 0 -1px 0 var(--subtitle-row-tint),0 2px 7px var(--subtitle-row-shadow)}.player [data-key-slot="0"]{--subtitle-key-ink: var(--subtitle-key-0);--subtitle-key-line: var(--subtitle-key-line-0);--subtitle-key-bg: color-mix(in srgb, var(--subtitle-key-ink) 14%, transparent)}.player [data-key-slot="1"]{--subtitle-key-ink: var(--subtitle-key-1);--subtitle-key-line: var(--subtitle-key-line-1);--subtitle-key-bg: color-mix(in srgb, var(--subtitle-key-ink) 23%, transparent)}[data-mode=dark] .player [data-key-slot="1"]{--subtitle-key-bg: rgba(77,163,255,.2)}.player .word-token.is-key,.player .subtitle-translation-key{color:var(--subtitle-key-ink);text-decoration:underline;text-decoration-color:var(--subtitle-key-line);text-decoration-thickness:2px;text-underline-offset:3px;box-shadow:none;text-shadow:0 1px 1px var(--subtitle-key-shadow);-webkit-box-decoration-break:clone;box-decoration-break:clone}.player .word-token.is-key{background:var(--subtitle-key-bg)}.player .subtitle-translation-key{background:transparent;text-shadow:none}.player .word-token:focus{outline:none}.player .word-token:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.player .word-token__timed{border-radius:5px}.player .word-token__timed.is-current-word{color:#17371d;background:var(--subtitle-current-bg);box-shadow:2px 0 0 var(--subtitle-current-bg),-2px 0 0 var(--subtitle-current-bg);text-shadow:none}.player.is-key-hidden .word-token.is-key,.player.is-key-hidden .subtitle-translation-key{color:inherit;background:transparent;text-decoration:none;box-shadow:none;text-shadow:none}.player.is-blind .subtitle-translation-key{visibility:hidden}.player.is-cloze .word-token.is-key,.player.is-cloze .subtitle-translation-key{color:transparent;background:var(--surface-sunken);text-decoration:none;box-shadow:none;outline:none;text-shadow:none}.player.is-cloze .subtitle-translation-key{background:transparent}.player.is-cloze .word-token.is-key .word-token__timed{color:inherit;background:transparent;box-shadow:none}.player.is-blind .player__sentence-text,.player.is-blind .player__sentence-translation{color:transparent}