.player{--subtitle-en-size: 18px;--subtitle-zh-size: 14px;--subtitle-density:1;--subtitle-line-height:1.65;--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;scrollbar-gutter:stable;gap:calc(14px * var(--subtitle-density));padding-block:var(--subtitle-lead, 0px) var(--subtitle-tail, 0px)}.player .player__sentence{flex-shrink:0;min-width:0;padding:calc(12px * var(--subtitle-density)) 14px;gap:calc(8px * var(--subtitle-density));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:12px;--subtitle-zh-size:12px;--subtitle-density:.5;--subtitle-line-height:1.5;--subtitle-button-size:24px}.player[data-font-step="0"]{--subtitle-en-size:14px;--subtitle-zh-size:12px;--subtitle-density:.65;--subtitle-line-height:1.5}.player[data-font-step="1"]{--subtitle-en-size:16px;--subtitle-zh-size:13px;--subtitle-density:.8;--subtitle-line-height:1.55}.player[data-font-step="2"]{--subtitle-en-size:18px;--subtitle-zh-size:14px}.player[data-font-step="3"]{--subtitle-en-size:22px;--subtitle-zh-size:16px}.player[data-font-step="4"]{--subtitle-en-size:28px;--subtitle-zh-size:20px}.player .player__sentence-main{gap:calc(8px * var(--subtitle-density))}.player .player__sentence-text{margin:0;min-width:0;white-space:normal;word-break:normal;font:600 var(--subtitle-en-size)/var(--subtitle-line-height) var(--font-sans);color:var(--text);overflow-wrap:anywhere}.player .player__sentence-translation{margin:0;min-width:0;white-space:normal;word-break:normal;font:400 var(--subtitle-zh-size)/var(--subtitle-line-height) var(--font-sans);color:var(--text-secondary);overflow-wrap:anywhere}@media (max-width: 860px),(max-width: 1024px) and (max-height: 500px) and (orientation: landscape){.is-watch-page .player{--subtitle-en-size:18px;--subtitle-zh-size:14px;--subtitle-line-height:1.6}.is-watch-page .player[data-font-step="0"]{--subtitle-en-size:14px;--subtitle-zh-size:12px;--subtitle-line-height:1.5}.is-watch-page .player[data-font-step="1"]{--subtitle-en-size:16px;--subtitle-zh-size:13px;--subtitle-line-height:1.55}.is-watch-page .player[data-font-step="2"]{--subtitle-en-size:18px;--subtitle-zh-size:14px}.is-watch-page .player[data-font-step="3"]{--subtitle-en-size:22px;--subtitle-zh-size:16px}.is-watch-page .player[data-font-step="4"]{--subtitle-en-size:26px;--subtitle-zh-size:19px}.is-watch-page .player .player__subtitles{gap:calc(12px * var(--subtitle-density))}.is-watch-page .player .player__side{container:lyrics / size}.is-watch-page .player .player__sentence{display:flex;padding:calc(10px * var(--subtitle-density)) 12px;gap:calc(8px * var(--subtitle-density));font-size:var(--subtitle-zh-size);line-height:var(--subtitle-line-height)}.is-watch-page .player .player__sentence-main{display:flex;gap:calc(6px * var(--subtitle-density))}.is-watch-page .player .player__sentence-text{display:block;margin:0}.is-watch-page .player:not(.is-translation-hidden) .player__sentence-translation{display:block}.is-watch-page .player .player__sentence-text,.is-watch-page .player .player__sentence-translation{line-height:var(--subtitle-line-height)}.is-watch-page .player .player__sentence-foot{display:flex;margin:0;gap:6px}.is-watch-page .player .player__sentence-time{font-size:9px;line-height:14px}.is-watch-page .player .player__sentence-btn{width:var(--subtitle-button-size,24px);height:var(--subtitle-button-size,24px)}.is-watch-page .player .player__sentence-btn svg{width:14px;height:14px}}.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 .player__video[hidden]{display:none!important}.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}@media (max-width:1024px) and (max-height:500px) and (orientation:landscape){.is-watch-page .player .player__subtitles{gap:calc(12px * var(--subtitle-density))}.is-watch-page .player .player__sentence{padding:calc(10px * var(--subtitle-density)) 12px;gap:calc(8px * var(--subtitle-density))}.is-watch-page .player .player__sentence-text,.is-watch-page .player .player__sentence-translation{line-height:var(--subtitle-line-height)}.is-watch-page .player .player__sentence-btn{width:var(--subtitle-button-size,28px);height:var(--subtitle-button-size,28px)}}@media (max-width:860px),(pointer:coarse){.player .player__sentence{transition:background-color .14s ease-out,border-color .14s ease-out}.player .player__sentence.is-active{-webkit-backdrop-filter:none;backdrop-filter:none}}.player__font-status{display:flex;align-items:center;gap:10px;padding:6px 12px;color:var(--text-secondary);font:400 12px/1.5 var(--font-sans)}.player__font-status>span:first-child{margin-right:auto}.player .player__subtitle-limit{margin:0;padding:8px 12px;color:var(--text-secondary);font:400 12px/1.5 var(--font-sans);max-width:240px}.player .player__subtitle-limit[hidden]{display:none}.is-watch-page .player .player__subtitles{scrollbar-gutter:auto}.player .player__subtitles.player__subtitle-measure{position:fixed;inset:0 auto auto -200vw;display:block;height:auto!important;min-height:0;max-height:none;visibility:hidden;pointer-events:none;overflow:visible;padding-block:0;contain:layout style;z-index:-1}.player .player__subtitle-measure .player__sentence{margin:0}.player.is-translation-hidden .player__subtitle-measure .player__sentence-translation{display:block}.player .player__sentence-text .word-token{padding-inline:0}.player[data-font-ready=false] .player__subtitles:not(.player__subtitle-measure){visibility:hidden}.is-watch-page .player[data-font-step="-1"]{--subtitle-en-size:12px;--subtitle-zh-size:12px;--subtitle-line-height:1.5}@media (max-width:360px){.is-watch-page .player .player__side{margin-inline:-8px;padding-block:0}.is-watch-page .player .player__sentence{padding-inline:10px;border-left-width:3px}}