/* Scoped to the viewing area; the episode list and other page columns keep their layout. */
.page-vod-play .play_video .player_video.embed-responsive {
    height: 0;
    padding-bottom: var(--player-mobile-ratio, 56.25%);
    background: #08090d;
}
.page-vod-play .play_video .player_video > .MacPlayer,
.page-vod-play .play_video .MacPlayer.embed-responsive {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    min-height: 0;
}
.page-vod-play .play_video .MacPlayer table { height: 100%; }
.player-web-exit[hidden] { display: none !important; }
.player-web-exit {
    font: 13px/1.4 Helvetica, Arial, 'Microsoft Yahei', sans-serif;
    color: #d9dbe3;
    border: 1px solid #ffffff26;
    background: #ffffff08;
    padding: 7px 12px;
    border-radius: 6px;
    cursor: pointer;
}
.player-web-exit:hover {
    color: #ff9bb8;
    border-color: #fb729966;
    background: #fb729912;
}
.player-web-exit:focus-visible { outline: 2px solid #fb7299; outline-offset: 3px; }
.player-web-exit { position: absolute; z-index: 10001; top: 12px; right: 16px; background: #14151de6; }
.player-scroll-locked { overflow: hidden !important; overscroll-behavior: none; }
.page-vod-play.player-web .play_video .player_video.embed-responsive {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.page-vod-play.player-web .play_video .fodong_box,
.page-vod-play.player-cinema .play_video .fodong_box { display: none; }
@media (min-width: 820px) {
    .page-vod-play .play_video .player_video.embed-responsive { padding-bottom: 56.25%; }
}
@media (min-width: 1024px) {
    .page-vod-play.player-cinema .play_video > .left_row { width: 100%; float: none; }
    .page-vod-play.player-cinema .play_video > .right_row { display: none; }
    .page-vod-play.player-cinema .play_video .player_video.embed-responsive {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        padding-bottom: 0;
        max-height: calc(100vh - 190px);
        max-height: calc(100dvh - 190px);
    }
}
@media (max-width: 600px) {
    .player-web-exit { font-size: 12px; padding: 6px 10px; }
}