/* Player controls from the root demo; quality selection intentionally omitted. */

body.is-play-page .play-screen-controls{display:block;padding:30px 20px 12px;background:linear-gradient(transparent,rgba(0,0,0,.88));z-index:4;color:#eee}
body.is-play-page .player-control-row{display:flex;align-items:center;gap:14px;min-height:38px}
body.is-play-page .player-control-row button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:34px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:#eee;font-size:14px;cursor:pointer}
body.is-play-page .player-control-row button:hover{color:var(--accent,#f01886);background:#ffffff12}
body.is-play-page .player-control-row button:disabled{opacity:.35;cursor:default}
body.is-play-page .player-control-row button:focus-visible,body.is-play-page .player-range:focus-visible{outline:2px solid #f01886;outline-offset:3px}
body.is-play-page .player-control-row .player-time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ddd}
body.is-play-page .player-control-spacer{flex:1}
body.is-play-page .player-range{display:block;appearance:none;border:0;border-radius:8px;height:4px;padding:0;min-height:0;background:linear-gradient(to right,#f01886 var(--fill,0%),#ffffff45 var(--fill,0%));cursor:pointer;accent-color:#f01886}
body.is-play-page .player-range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:#fff}
body.is-play-page .player-range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}
body.is-play-page .player-seek{width:100%;margin:0 0 10px}
body.is-play-page .player-seek:disabled{cursor:default;opacity:.55}
body.is-play-page .player-volume{display:flex;align-items:center;gap:6px}
body.is-play-page .player-volume input{width:65px;margin:0}
body.is-play-page .player-menu-wrap{position:relative}
body.is-play-page .player-options{position:absolute;bottom:46px;right:0;width:128px;padding:7px;background:#202023f5;box-shadow:0 4px 20px #0006;border:1px solid #ffffff15;border-radius:10px}
body.is-play-page .player-options[hidden]{display:none}
body.is-play-page .player-options button{display:flex;width:100%;height:34px;font-size:14px}
body.is-play-page .player-options button[aria-checked=true]{color:#f01886;background:#f0188614}
@media(max-width:600px){body.is-play-page .play-screen-controls{padding:24px 10px 8px}body.is-play-page .player-control-row{gap:5px}body.is-play-page .player-volume input{width:38px}body.is-play-page .player-time{font-size:10px}body.is-play-page .player-control-row button{font-size:12px}}

body.is-play-page .play-player-center:hover{color:#f01886}

body.is-play-page .play-screen-controls{position:absolute;left:0;right:0;bottom:0;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.5;-webkit-font-smoothing:auto}
body.is-play-page .play-screen-controls button{font-family:inherit;font-weight:400;line-height:1.5;box-shadow:none}
body.is-play-page .play-player .dplayer .dplayer-controller,body.is-play-page .play-player .dplayer .dplayer-controller-mask{display:none!important}
body.is-play-page .play-player-center{width:76px;height:76px;padding:0;background:transparent;box-shadow:none;color:#eee;border:0;display:grid;place-items:center;z-index:3;transform:translate(-50%,-50%)}
body.is-play-page .play-player-center svg{display:block;width:72px;height:72px}
body.is-play-page .play-player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
@media(max-width:760px){
 body.is-play-page .player-control-row{gap:6px;flex-wrap:wrap}
 body.is-play-page .player-options{max-height:calc((100vw - 38px)*.5625 - 66px);overflow-y:auto}
 body.is-play-page .play-screen-controls{padding:24px 10px 6px}
 body.is-play-page .player-time{font-size:10px}
 body.is-play-page .player-control-row button{min-width:26px;font-size:12px}
}
body.is-play-page .player-control-row svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){body.is-play-page .player-control-row button{padding-inline:2px}}
@media(min-width:761px) and (max-width:1180px){body.is-play-page .player-control-row{gap:10px}body.is-play-page .player-control-row button{white-space:nowrap;flex-shrink:0}}

/* Account actions share the demo icons and keep their geometry in both states. */
body.is-play-page .play-info-actions .detail-action {gap:8px;padding:9px 17px;height:auto;font-size:14px;line-height:1.5;color:#bbb}
body.is-play-page .play-info-actions .detail-action:is([data-chapter-like],[data-chapter-collect]) {width:88px;flex:0 0 88px;padding:9px 10px;justify-content:center;white-space:nowrap}
body.is-play-page .play-info-actions .detail-action-icon {width:18px;height:18px;flex:0 0 18px;background:none;border-radius:0}
body.is-play-page .play-info-actions .detail-ref-icon {width:18px;height:18px;fill:currentColor;color:#aaa}
body.is-play-page .play-info-actions .detail-action:hover,body.is-play-page .play-info-actions .detail-action:hover .detail-ref-icon {color:var(--accent)}
body.is-play-page .play-info-actions .detail-action--active {background:var(--accent);color:white}
body.is-play-page .play-info-actions .detail-action--active .detail-ref-icon,body.is-play-page .play-info-actions .detail-action--active:hover {color:white}
body.is-play-page .play-info-actions .detail-action--active:hover .detail-ref-icon {color:white}
/* 剧集区域随内容展开，标题与总集数同排。 */
body.is-play-page .play-info { border-bottom: 0; }
body.is-play-page .play-episodes-label { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 0; border-bottom: 0; font-size: 20px; font-weight: 600; line-height: 30px; }
body.is-play-page .play-episodes-total { color: #888; font-size: 13px; font-weight: 400; white-space: nowrap; }
body.is-play-page .play-ep-ranges { flex-wrap: wrap; overflow: visible; }
body.is-play-page .play-ep-grid { max-height: none; overflow: visible; }