

body.bstem #play_page.mac-play-ms{
    background:#0f0f12 !important;
}
#play_page.mac-play-ms{
    background:#0f0f12;
}

#play_page.mac-play-ms .play_box_right.mac-play-ms-recommend{
    max-height:none;
    min-height:0;
    overflow:visible;
}

#play_page.mac-play-ms .mac-play-ms-ad{
    box-sizing:border-box;
    width:300px;
    max-width:100%;
    margin:0 auto 24px;
}
#play_page.mac-play-ms .mac-play-ms-ad-slot{
    box-sizing:border-box;
    width:300px;
    height:250px;
    max-width:100%;
    overflow:hidden;
    background:#1e1d23;
    border:1px solid #2a2a30;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
}

#play_page.mac-play-ms .mac-play-ms-ad-slot iframe,
#play_page.mac-play-ms .mac-play-ms-ad-slot img{
    display:block;
    max-width:100%;
}

#play_page.mac-play-ms .mac-play-ms-recommend{ margin-top:4px; }
#play_page.mac-play-ms .mac-play-ms-recommend .play_namebox{ padding:0 0 10px; }
#play_page.mac-play-ms .mac-play-ms-recommend .play_clike{
    color:var(--tpl-text-strong,#f3f4f6); font-size:15px; font-weight:700;
}

#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist{
    margin:0 0 16px;
}
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist > a{
    display:flex;
    gap:12px;
    align-items:flex-start;
}
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist_thumb{
    flex:0 0 150px;
    width:150px;
    height:auto;
    aspect-ratio:16 / 9;
    border-radius:6px;
    background-size:cover;
    background-position:center;
    background-color:#1e1d23;
    box-shadow:0 4px 12px rgba(0,0,0,.4);
}
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist_text{
    flex:1;
    min-width:0;
    padding:0;
}
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist_title p:first-child{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0;
    font-size:13px;
    line-height:1.5;
    color:#cfcfd6;
}
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist:hover .play_vlist_title p:first-child{
    color:var(--tpl-accent,#40cc92);
}

#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist_tag,
#play_page.mac-play-ms .mac-play-ms-recommend .play_vlist_now{
    display:none;
}

#play_page.mac-play-ms .mac-play-ms-detail{ padding:16px 18px; }
#play_page.mac-play-ms .mac-play-ms-detail__head{
    display:flex; align-items:center; gap:12px; margin-bottom:12px;
}
#play_page.mac-play-ms .mac-play-ms-detail__title{
    margin:0; font-size:20px; font-weight:700; line-height:1.4;
    color:var(--tpl-text-strong,#f3f4f6);
}
#play_page.mac-play-ms .mac-play-ms-detail__score{
    flex:0 0 auto; color:#ff4d8d; font-weight:700; font-size:16px;
}
#play_page.mac-play-ms .mac-play-ms-detail__meta{
    list-style:none; margin:0; padding:0;
}
#play_page.mac-play-ms .mac-play-ms-detail__meta li{
    display:flex; gap:10px; padding:6px 0; font-size:14px; line-height:1.6;
    border-bottom:1px solid rgba(255,255,255,.05);
}
#play_page.mac-play-ms .mac-play-ms-detail__meta li:last-child{ border-bottom:0; }
#play_page.mac-play-ms .mac-play-ms-detail__meta .k{
    flex:0 0 64px; color:#8a8a93;
}
#play_page.mac-play-ms .mac-play-ms-detail__meta .v{
    flex:1; min-width:0; color:var(--tpl-text,#ddd); word-break:break-word;
}
#play_page.mac-play-ms .mac-play-ms-detail__meta .v a{ color:inherit; }
#play_page.mac-play-ms .mac-play-ms-detail__meta .v a:hover{ color:var(--tpl-accent,#40cc92); }
#play_page.mac-play-ms .mac-play-ms-detail__desc{
    margin-top:12px; color:#9a9aa3; font-size:13px; line-height:1.75;
}

@media screen and (min-width:820px){
    #play_page.mac-play-ms .mac-play-ms-grid4{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:16px 12px;
        margin:0;
    }
    #play_page.mac-play-ms .mac-play-ms-grid4 > li,
    #play_page.mac-play-ms .mac-play-ms-grid4 .vodlist_item{
        width:auto !important;
        float:none !important;
        margin:0 !important;
        padding:0 !important;
    }
}

#play_page.mac-play-ms .mac-play-ms-grid4 .vodlist_thumb{
    aspect-ratio:16 / 9 !important;
    padding-top:0 !important;
    height:auto !important;
    background-size:cover !important;
    background-position:center !important;
}

@media (max-width:820px){
    #play_page.mac-play-ms .mac-play-ms-grid4{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    #play_page.mac-play-ms .mac-play-ms-grid4 > li,
    #play_page.mac-play-ms .mac-play-ms-grid4 .vodlist_item{
        width:auto !important; float:none !important; margin:0 !important;
    }
}

#play_page.mac-play-ms .mac-play-ms-detail__tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    align-items:center;
}
#play_page.mac-play-ms .mac-play-ms-detail__tags a{
    color:var(--tpl-tag-link,#ff8c3a);
    text-decoration:none;
    line-height:1.5;
}
#play_page.mac-play-ms .mac-play-ms-detail__tags a:hover{
    text-decoration:underline;
    color:var(--tpl-tag-link-hover,#ffa663);
}

#play_page.mac-play-ms .sc-play-m-ad{ display:none; }
#play_page.mac-play-ms .sc-play-m-ad iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}
@media screen and (max-width:820px){
    #play_page.mac-play-ms .sc-play-m-ad{
        display:block;
        height:120px;
        margin:0 0 10px;
        overflow:hidden;
        border-radius:6px;
    }
}
