/* Phone-only detail hierarchy: artwork first, title/actions second, episodes next.
   Desktop keeps the existing MacCMS information-column wrapper intact. */
@media (min-width:761px){
  /* Reuse the read-only statistics already fetched for phones.  Desktop gets a
     compact, factual metadata row instead of hiding the counts entirely. */
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stats{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:0 17px!important;margin:11px 0 0!important;padding:0!important;border:0!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#98a6ba!important;font-size:12px!important;line-height:18px!important;text-decoration:none!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat i{display:inline-grid!important;width:15px!important;height:15px!important;place-items:center!important;color:#9caac0!important;font-size:0!important;font-style:normal!important;line-height:1!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat i svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat:nth-child(2) i svg{fill:currentColor!important;stroke:none!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat:nth-child(5) i{color:#e1b74b!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat strong{color:#d9e0eb!important;font-size:12px!important;font-weight:700!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat span{color:#8794a8!important;font-size:12px!important;}
}
/* Hide the technical-player marquee on every viewport.  This selector is
   deliberately more specific than the playlist heading's flex rule. */
body.detail-wrap .pannel_head--vod-playlist .vod-playlist-head-center{display:none!important;}
@media (max-width:760px){
  /* Detail/play inherit older header rules with higher selector weight. */
  body.hg-app .hg-topbar .hg-logo{flex:0 0 55px!important;min-width:55px!important;width:55px!important;}
  body.hg-app .hg-topbar .hg-logo img{width:55px!important;height:30px!important;object-fit:contain!important;}
  body.hg-app .hg-topbar .hg-login{flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;overflow:hidden!important;}
  body.hg-app .hg-topbar .hg-login:after{display:block!important;content:'登录'!important;font-size:10px!important;line-height:1!important;}
  body.detail-wrap.hg-detail-page{min-width:0!important;background:#090d13!important;color:#f5f7fb!important;}
  body.detail-wrap.hg-detail-page .hg-topbar{z-index:1000!important;}
  body.detail-wrap.hg-detail-page .ads_box,body.detail-wrap.hg-detail-page .ads_all,body.detail-wrap.hg-detail-page .extra,body.detail-wrap.hg-detail-page .extra-fab,body.detail-wrap.hg-detail-page .foot,body.detail-wrap.hg-detail-page .foot_nav,body.detail-wrap.hg-detail-page #bottomNav{display:none!important;}
  body.detail-wrap.hg-detail-page .hot_banner{padding:0!important;background:#090d13!important;}
  body.detail-wrap.hg-detail-page .hot_banner .detail_list_box{width:100%!important;padding:14px 14px 0!important;}
  /* A detail page is a catalogue record, not the full-screen feed player.
     Keep the existing artwork, title and controls, but present them as a
     compact portrait cover followed by readable information. */
  body.detail-wrap.hg-detail-page .hot_banner .detail_list .vod-detail-hero-box{display:block!important;height:auto!important;min-height:0!important;padding:20px 18px 18px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:linear-gradient(145deg,#151b28 0%,#0c111a 72%)!important;box-shadow:0 18px 38px rgba(0,0,0,.36)!important;overflow:hidden!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero-box:before{display:none!important;}
  /* The current source cover is 286×166 (landscape).  Preserve that real
     ratio instead of stretching/cropping it into a fake portrait asset. */
  body.detail-wrap.hg-detail-page .vod-detail-hero__thumb{position:relative!important;inset:auto!important;display:block!important;width:min(286px,100%)!important;height:auto!important;aspect-ratio:286 / 166!important;margin:0 auto!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:15px!important;background:#111722!important;box-shadow:0 12px 26px rgba(0,0,0,.42)!important;overflow:hidden!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__thumb .vodlist_thumb{width:100%!important;height:100%!important;background-position:center!important;background-size:cover!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__thumb:after{display:none!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__thumb:before{position:absolute!important;z-index:1!important;inset:0!important;content:""!important;background:linear-gradient(180deg,rgba(4,7,11,.02) 42%,rgba(4,7,11,.58) 100%)!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main-col{position:relative!important;z-index:2!important;right:auto!important;bottom:auto!important;left:auto!important;display:block!important;padding:18px 2px 0!important;background:none!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__top{position:relative!important;z-index:2!important;display:block!important;margin:18px 2px 0!important;padding:0!important;border:0!important;background:transparent!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__top .pannel_head{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__top .title{margin:0 0 12px!important;color:#fff!important;font-size:25px!important;font-weight:850!important;line-height:1.18!important;text-align:center!important;text-shadow:0 2px 14px #000!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin:0 0 15px!important;padding:10px 5px!important;border-top:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;gap:2px!important;color:#9ba7b8!important;font-size:10px!important;line-height:1.15!important;text-align:center!important;text-decoration:none!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat i{display:grid!important;width:16px!important;height:16px!important;place-items:center!important;color:#93a0b3!important;font-size:0!important;font-style:normal!important;line-height:1!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat i svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat:nth-child(2) i svg{fill:currentColor!important;stroke:none!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat:nth-child(5) i{color:#d7b659!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat strong{display:block!important;max-width:100%!important;overflow:hidden!important;color:#f3f6fa!important;font-size:12px!important;font-weight:750!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.detail-wrap.hg-detail-page .hg-detail-mobile-stat--comment:active strong{color:#55e3b8!important;}
  body.detail-wrap.hg-detail-page #detail_rating,body.detail-wrap.hg-detail-page .vod-detail-hero__progress,body.detail-wrap.hg-detail-page .vod-detail-hero__main>ul,body.detail-wrap.hg-detail-page .hg-interaction-panel{display:none!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main{position:relative!important;z-index:2!important;display:block!important;margin:0!important;padding:0 2px!important;background:transparent!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn>.playbtn{width:auto!important;margin:0!important;min-width:0!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn .o_play{grid-column:1 / -1!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn .o_play a{display:flex!important;min-height:50px!important;padding:0 20px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#57e8bd,#2fc895)!important;color:#06140f!important;font-size:16px!important;font-weight:900!important;}
  body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn .playbtn:not(.o_play) a,body.detail-wrap.hg-detail-page .vod-detail-hero__main .content_btn .playbtn:not(.o_play) .btn{display:flex!important;min-width:0!important;min-height:44px!important;padding:0 7px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:12px!important;background:#141c28!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important;}
  body.detail-wrap.hg-detail-page .member-wrap{padding:0!important;background:#090d13!important;}
  body.detail-wrap.hg-detail-page .member-wrap>.container{width:100%!important;padding:14px 14px 42px!important;}
  body.detail-wrap.hg-detail-page .left_row{width:100%!important;margin:0!important;}
  body.detail-wrap.hg-detail-page .member-wrap .pannel{margin:0 0 14px!important;padding:17px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:#121824!important;box-shadow:none!important;}
  body.detail-wrap.hg-detail-page .tabs .title_nav{display:none!important;}
  body.detail-wrap.hg-detail-page .tabs .content>section>h2,body.detail-wrap.hg-detail-page .pannel_head .title{margin:0 0 12px!important;color:#f6f8fb!important;font-size:20px!important;font-weight:800!important;}
  body.detail-wrap.hg-detail-page .tabs .content_desc{max-height:4.8em!important;margin:0!important;color:#b9c1ce!important;font-size:14px!important;line-height:1.7!important;overflow:hidden!important;}
  body.detail-wrap.hg-detail-page .tabs .show_btn,body.detail-wrap.hg-detail-page .tabs .hidden_btn{display:none!important;}
  body.detail-wrap.hg-detail-page .pannel_head--vod-playlist{display:flex!important;align-items:center!important;min-height:30px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}
  body.detail-wrap.hg-detail-page .vod-playlist-head-center,body.detail-wrap.hg-detail-page .vod-playlist-head-sort{display:none!important;}
  body.detail-wrap.hg-detail-page .play_source{padding-top:12px!important;}
  body.detail-wrap.hg-detail-page .play_source_tab{display:none!important;}
  body.detail-wrap.hg-detail-page .play_list_box .playlist_notfull .content_playlist{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;}
  body.detail-wrap.hg-detail-page .play_list_box .playlist_notfull .content_playlist li{width:auto!important;margin:0!important;}
  body.detail-wrap.hg-detail-page .play_list_box .playlist_notfull .content_playlist li a{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:#1a2230!important;color:#e9edf3!important;font-size:13px!important;}
  body.detail-wrap.hg-detail-page .play_list_box .playlist_notfull .content_playlist li.active a{border-color:#52dfb4!important;background:rgba(61,211,158,.18)!important;color:#75eec8!important;}
  body.detail-wrap.hg-detail-page .pannel--vod-related{display:none!important;}
  body.detail-wrap.hg-detail-page #pinglun{margin-top:0!important;}
  body.detail-wrap.hg-detail-page #pinglun .pannel_head{padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;}

  /* The standalone play route follows the same reading order without
     touching the player, permission gate, purchase flow or episode URLs. */
  body.hg-play-page{min-width:0!important;background:#090d13!important;}
  body.hg-play-page .ads_box,body.hg-play-page .ads_all,body.hg-play-page .extra,body.hg-play-page .extra-fab,body.hg-play-page .foot,body.hg-play-page .foot_nav,body.hg-play-page #bottomNav{display:none!important;}
  body.hg-play-page #play_page,body.hg-play-page .play_boxbg{padding:0!important;background:#090d13!important;}
  body.hg-play-page #play_page>.play_boxbg>.container,body.hg-play-page #play_page>.container{width:100%!important;padding:0!important;margin:0!important;}
  body.hg-play-page .play_box.play_video{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#090d13!important;}
  body.hg-play-page .play_video>.left_row{width:100%!important;margin:0!important;}
  body.hg-play-page .player_video{width:100%!important;min-height:0!important;aspect-ratio:16/9!important;background:#020305!important;}
  body.hg-play-page .play_but{min-height:0!important;padding:8px 14px!important;background:#101620!important;}
  body.hg-play-page .play-but-bar{display:flex!important;align-items:center!important;min-height:36px!important;}
  body.hg-play-page .play-but-social,body.hg-play-page .play_but .play-but-item--share{display:none!important;}
  body.hg-play-page .play-but-item{font-size:12px!important;}
  body.hg-play-page #play_page .play_box.play_video>.right_row.hidden_xs.hidden_mi{display:block!important;float:none!important;width:calc(100% - 28px)!important;height:auto!important;min-height:0!important;margin:0 14px 15px!important;padding:16px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:#121824!important;box-sizing:border-box!important;}
  body.hg-play-page .play_video>.right_row .play_box_right{height:auto!important;min-height:0!important;}
  body.hg-play-page .play_video>.right_row .play_box_right>:not(.hg-episode-panel){display:none!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  body.hg-play-page .play_video>.right_row .hg-series-links{display:none!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 12px!important;color:#f4f7fb!important;font-size:19px!important;font-weight:800!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__head em{color:#66e5bb!important;font-size:11px!important;font-style:normal!important;font-weight:700!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__grid li{min-width:0!important;margin:0!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__grid a{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:#1a2230!important;color:#e9edf3!important;font-size:13px!important;}
  body.hg-play-page .play_video>.right_row .hg-episode-panel__grid li.active a{border-color:#52dfb4!important;background:rgba(61,211,158,.18)!important;color:#75eec8!important;}
  body.hg-play-page .hg-play-summary{display:block!important;width:calc(100% - 28px)!important;margin:15px 14px!important;padding:18px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:#121824!important;box-sizing:border-box!important;}
  body.hg-play-page #play_page .hg-play-summary .hg-play-summary__inner{display:block!important;min-height:0!important;padding:0!important;grid-template-columns:none!important;}
  body.hg-play-page .hg-play-summary__poster,body.hg-play-page .hg-play-summary__score{display:none!important;}
  body.hg-play-page #play_page .hg-play-summary .hg-play-summary__content{display:block!important;width:100%!important;min-width:0!important;padding:0!important;}
  body.hg-play-page .hg-play-summary__eyebrow{margin:0 0 7px!important;color:#63e6bd!important;font-size:12px!important;font-weight:800!important;}
  body.hg-play-page .hg-play-summary__title{margin:0 0 8px!important;color:#fff!important;font-size:24px!important;line-height:1.25!important;}
  body.hg-play-page .hg-play-summary__blurb{display:-webkit-box!important;margin:0!important;overflow:hidden!important;color:#aab4c4!important;font-size:13px!important;line-height:1.65!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
  body.hg-play-page #play_page .hg-play-summary .hg-play-summary__meta{display:flex!important;width:100%!important;gap:9px!important;margin-top:14px!important;grid-template-columns:none!important;}
  body.hg-play-page #play_page .hg-play-summary .hg-play-summary__meta>div{flex:1!important;min-width:0!important;padding:10px!important;border-radius:11px!important;background:#182130!important;}
  body.hg-play-page .hg-play-summary__meta span{display:block!important;margin-bottom:4px!important;color:#8f9bad!important;font-size:10px!important;}
  body.hg-play-page .hg-play-summary__meta strong{display:block!important;overflow:hidden!important;color:#f3f6fa!important;font-size:12px!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.hg-play-page #play_page .hg-play-summary .hg-play-summary__meta>div:nth-child(3),body.hg-play-page #play_page .hg-play-summary .hg-play-summary__tags{display:none!important;}
  body.hg-play-page .hg-play-summary>.left_row{width:100%!important;margin:16px 0 0!important;}
  body.hg-play-page .hg-play-summary .play_pan{margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  body.hg-play-page .hg-play-summary .player_detail,body.hg-play-page .hg-play-summary .play_text{display:none!important;}
  body.hg-play-page .container-wrap{width:100%!important;padding:0 14px 40px!important;box-sizing:border-box!important;}
  body.hg-play-page .container-wrap>.pannel{margin:0 0 14px!important;padding:17px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;background:#121824!important;box-shadow:none!important;}
  body.hg-play-page .container-wrap .pannel_head .title{margin:0 0 12px!important;color:#f6f8fb!important;font-size:20px!important;font-weight:800!important;}
}
}

/* Playback engine names are implementation details.  Keep source switching
   functional, but present neutral line labels and no vendor marquee. */
body.detail-wrap .vod-playlist-head-center{display:none!important;}
body.detail-wrap .play_source_tab#NumTab{counter-reset:hg-play-line!important;}
body.detail-wrap .play_source_tab#NumTab a{font-size:0!important;}
body.detail-wrap .play_source_tab#NumTab a:before{counter-increment:hg-play-line!important;content:'线路 ' counter(hg-play-line)!important;font-size:13px!important;}
body.detail-wrap .content_playlist .hg-related-episode a{display:flex!important;min-width:102px!important;min-height:48px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;}
body.detail-wrap .content_playlist .hg-related-episode em{color:#efc95d!important;font-size:11px!important;font-style:normal!important;font-weight:800!important;line-height:1!important;}
/* Match the previous dark episode cards instead of inheriting the legacy
   white playlist button skin.  The paid card is identified by its real gate. */
/* Desktop detail only: restore the original playback-page episode treatment.
   Mobile owns its independent card rules above and is intentionally untouched. */
@media (min-width:761px){
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(102px,1fr))!important;gap:12px!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;counter-reset:hg-detail-episode!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li{width:auto!important;min-width:0!important;height:108px!important;margin:0!important;counter-increment:hg-detail-episode!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li>a{position:relative!important;display:flex!important;box-sizing:border-box!important;width:100%!important;height:108px!important;min-height:108px!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid #303842!important;border-radius:9px!important;background:#191e26!important;color:#93a0b3!important;font-size:0!important;line-height:1!important;box-shadow:none!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li>a:before{content:counter(hg-detail-episode)!important;color:#91a0b4!important;font-size:16px!important;font-weight:800!important;line-height:1!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li:not(.hg-related-episode)>a:after{position:absolute!important;bottom:23px!important;left:0!important;width:100%!important;content:'免费'!important;color:#56e3ad!important;font-size:13px!important;font-weight:800!important;line-height:1!important;text-align:center!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist li.active>a{border-color:#42dca7!important;background:rgba(63,204,148,.12)!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist .hg-related-episode a{border-color:#303842!important;background:#191e26!important;color:#edf2f8!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist .hg-related-episode a:after{position:absolute!important;top:8px!important;right:9px!important;content:'🔒'!important;font-size:11px!important;line-height:1!important;opacity:.65!important;}
  body.detail-wrap .play_list_box .playlist_notfull .content_playlist .hg-related-episode em{position:absolute!important;bottom:23px!important;left:0!important;width:100%!important;margin:0!important;color:#edc554!important;font-size:13px!important;font-style:normal!important;font-weight:800!important;line-height:1!important;text-align:center!important;}
}