.video-page-controls{display:flex;gap:6px;align-items:center;flex-basis:100%;justify-content:flex-start}
.video-subtitle-host{width:100%;min-width:0}
.video-subtitle-wrap{position:relative;width:100%;line-height:0}
.video-subtitle-wrap>video{display:block;width:100%;max-width:100%;margin:0}
.video-context{margin-top:16px;background:#fff;border:1px solid #eee5e8;border-radius:7px;padding:12px 14px;line-height:1.7}
.video-context-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#725f69}
.video-context-expand{font-size:12px;color:#b07429;padding:3px 0}
.video-context-note{font-size:11px;color:#a59a9f;margin:3px 0 12px}
.video-context-cue{display:grid;grid-template-columns:1fr auto;gap:4px 10px;width:100%;text-align:left;line-height:1.8;border-left:3px solid transparent;padding:10px 12px;border-top:1px solid #f3edef;white-space:pre-wrap;overflow-wrap:anywhere}
.video-context-cue.is-current{border-left-color:#e7ac59;background:#fff7ec}
.video-context-cue:hover{background:#fff9f0}
.video-context-time{font-size:11px;color:#a58c73;font-variant-numeric:tabular-nums}
.video-context-position{font-size:11px;color:#b28a5a}
.video-context-cue .video-cue-ja,.video-context-cue .video-cue-zh{grid-column:1 / -1;font-size:13px;color:#564b51}
.video-context-cue .video-cue-zh{color:#91632e}
.video-context.is-expanded .video-context-list{max-height:360px;overflow:auto;overscroll-behavior:contain}
.video-subtitle-wrap:fullscreen{display:flex;align-items:center;justify-content:center;background:#000;width:100%;height:100%}
.video-subtitle-wrap:fullscreen>video{width:100%;height:100%;max-height:100%;object-fit:contain}
.video-subtitle-box{position:absolute;left:3%;bottom:55px;width:min(84%,430px);max-height:calc(100% - 70px);overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto;line-height:1.55;scrollbar-width:thin}
.video-caption-bubble{max-width:100%;border:1px solid #edc48d;background:#fffdf8e8;color:#62554c;border-radius:3px 12px 12px 12px;padding:6px 10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 4px #0001}
.video-caption-entry.is-current .video-caption-bubble{border-color:#e5a446;background:#fffaf2f5;color:#3b3027}
.video-caption-time{display:block;font-size:10px;color:#fff;text-shadow:0 1px 3px #000b;margin:0 0 3px 7px;font-variant-numeric:tabular-nums}
.video-caption-bubble .video-cue-ja{font-size:11px;color:#78695e}
.video-caption-bubble .video-cue-zh{font-size:12px}
.video-subtitle-wrap:fullscreen .video-subtitle-box{width:clamp(260px,37vw,490px);left:3%;bottom:65px;max-height:55%;gap:8px}
.video-subtitle-wrap:fullscreen .video-caption-bubble{font-size:14px;padding:7px 12px}
.video-subtitle-wrap:fullscreen .video-cue-ja{font-size:12px}
.video-subtitle-wrap:fullscreen .video-cue-zh{font-size:14px}
@media(max-width:600px){.video-subtitle-box{width:88%;bottom:43px;gap:4px}.video-caption-bubble{font-size:11px;padding:4px 7px}.video-context{padding:10px;margin-top:12px}.video-context-cue{padding:9px 7px}.viewer-source{font-size:12px}.viewer-head{grid-template-columns:max-content minmax(0,1fr) 30px;padding:0 10px}}
.video-caption-entry{max-width:100%;opacity:.72}.video-caption-entry.is-current{opacity:1}
.video-page-controls button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:5px;border:0;border-radius:5px;color:#8c7781;background:transparent;line-height:1}
.video-page-controls svg{display:block;pointer-events:none}
.video-page-controls button:hover{background:#b38a9b12}
.video-page-controls button[aria-pressed=true]{color:#d79542}
@font-face{font-family:SakukoiSourceHanSans;src:url('../assets/fonts/message-source-han-sans-sc.woff2') format('woff2');font-display:swap}
.sakukoi-video-player{width:100%;margin-top:12px}.sakukoi-video-player [hidden]{display:none!important}
.sakukoi-video-player .video-page-controls{background:#161616;padding:5px 7px;box-sizing:border-box;border-radius:5px 5px 0 0}
.sakukoi-video-player .video-page-controls button{color:#ddd;background:transparent;border:0;padding:5px;width:34px;height:34px}
.sakukoi-video-player .video-page-controls button[aria-pressed=true]{color:#e5a446}
.sakukoi-video-player .video-context-cue{border:0;border-top:1px solid #f3edef;border-left:3px solid transparent;background:transparent;padding:9px 8px;color:inherit;font:inherit}
.sakukoi-video-player .video-context-cue.is-current{border-left-color:#e7ac59;background:#fff7ec}
.sakukoi-video-player .video-caption-text,.sakukoi-video-player .video-cue-zh{font-family:SakukoiSourceHanSans,'Microsoft YaHei',sans-serif}
.sakukoi-video-player .video-subtitle-box{pointer-events:none}.sakukoi-video-player .video-caption-entry{line-height:1.5}