/* 51桌面播放页的页面变体，播放/广告/评论请求继续由原模块处理。 */
.hg-page-watch .hg-web-play{box-sizing:border-box;width:calc(100% - 240px);max-width:1670px;margin:0 auto;padding:20px 0 48px}
.hg-page-watch .hg-web-play>.hg-breadcrumb{margin:0;min-height:21px;line-height:21px;font-size:14px}
.hg-page-watch .hg-web-play__main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;min-height:585px;margin-top:22px}
.hg-page-watch .hg-web-play__left{display:flex;flex-direction:column;gap:16px;min-width:0}
.hg-page-watch .hg-web-play__titlebar{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:45px;padding:12px 20px;border:1px solid #22222a;border-radius:10px;background:#161616;overflow:hidden}
.hg-page-watch .hg-web-play__title{font-size:14px;line-height:20px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-page-watch .hg-web-play__title-ep{font-size:14px;line-height:20px;white-space:nowrap;flex:none}
.hg-page-watch .hg-web-play__viewport{aspect-ratio:1250/440;width:100%;border-radius:12px}
.hg-page-watch .hg-web-play__actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px;min-height:45px}
.hg-page-watch .hg-web-play__action{box-sizing:border-box;width:100%;min-width:0;min-height:45px;padding:12px 8px;font-size:14px;line-height:20px;border-radius:8px;background:#161616;border-color:#22222a;white-space:nowrap}
.hg-page-watch .hg-web-play__more{width:auto;min-width:0}
.hg-page-watch .hg-web-play__side{position:relative;inset:auto;box-sizing:border-box;width:380px;height:585px;min-height:0;padding:24px;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#161616;overflow:hidden}
.hg-page-watch .hg-web-play__side-head{align-items:start;gap:8px}
.hg-page-watch .hg-web-play__side-head h2{font-size:20px;line-height:26px}
.hg-page-watch .hg-web-play__side-current{font-size:12px;white-space:nowrap}
.hg-page-watch .hg-web-play__side .hg-web-play__side-rule{margin:23px 0 24px}
.hg-page-watch .hg-web-play__ep-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.hg-page-watch .hg-web-play__ep{box-sizing:border-box;width:auto;height:40px;min-height:40px;border-radius:8px;font-size:14px}
.hg-page-watch .hg-web-play__ep.is-active{color:#000}
.hg-page-watch .hg-web-play__side--list{height:561px;padding:20px;border-radius:20px}
.hg-page-watch .hg-web-play__playlist-head{gap:12px;margin:0 0 20px}
.hg-page-watch .hg-web-play__autoplay,.hg-page-watch .hg-web-play__playlist-title span{font-size:12px;font-weight:500}
.hg-page-watch .hg-web-play__playlist-title h2{font-size:22px;line-height:30px;font-weight:500}
.hg-page-watch .hg-web-play__playlist{gap:12px}
.hg-page-watch .hg-web-play__side--list .hg-web-play__pl-item{min-height:102px;padding:12px;gap:12px;border-radius:16px;box-sizing:border-box}
.hg-page-watch .hg-web-play__pl-item.is-active{background:rgba(var(--color-primary-rgb),.08);border:1px solid var(--color-primary)}
.hg-page-watch .hg-web-play__pl-thumb{width:112px;height:76px;border-radius:8px}
.hg-page-watch .hg-web-play__pl-body{min-width:0}
.hg-page-watch .hg-web-play__pl-status{font-size:11px;font-weight:500}
.hg-page-watch .hg-web-play__pl-body strong{font-size:14px;line-height:20px;font-weight:500}
.hg-page-watch .hg-web-play__pl-body p{font-size:11px;line-height:16px}
.hg-page-watch .hg-web-play__playlist-tip{font-size:12px;line-height:18px}
.hg-page-watch .hg-web-play__playlist-tip-more{font-weight:500}
.hg-page-watch .hg-web-play__playlist-tip-play{font-weight:400}
.hg-page-watch .hg-web-play__introcard{box-sizing:border-box;min-height:402px;margin-top:36px;padding:18px 32px;gap:28px;border-radius:24px;align-items:center}
.hg-page-watch .hg-web-play__intro-main{gap:28px;align-items:center;min-width:0}
.hg-page-watch .hg-web-play__poster{width:236px;height:314px;padding:0;border-radius:16px}
.hg-page-watch .hg-web-play__intro-main .hg-web-play__facts{padding-top:8px;gap:27px;align-self:center}
.hg-page-watch .hg-web-play__factgrid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:26px}
.hg-page-watch .hg-web-play__factcol:nth-child(n) .hg-web-play__fact:nth-child(n){grid-column:auto;grid-row:auto}
.hg-page-watch .hg-web-play__factcol:nth-child(1) .hg-web-play__fact:nth-child(1){grid-column:1;grid-row:1}
.hg-page-watch .hg-web-play__factcol:nth-child(1) .hg-web-play__fact:nth-child(2){grid-column:2;grid-row:1}
.hg-page-watch .hg-web-play__factcol:nth-child(2) .hg-web-play__fact:nth-child(1){grid-column:1;grid-row:2}
.hg-page-watch .hg-web-play__factcol:nth-child(2) .hg-web-play__fact:nth-child(2){grid-column:2;grid-row:2}
.hg-page-watch .hg-web-play__factcol--tail .hg-web-play__fact:nth-child(1){grid-column:1;grid-row:3}
.hg-page-watch .hg-web-play__factcol--tail .hg-web-play__fact:nth-child(2){grid-column:2;grid-row:3}
.hg-page-watch .hg-web-play__fact{min-height:50px;gap:16px}
.hg-page-watch .hg-web-play__fact b{font-size:18px;line-height:22px}
.hg-page-watch .hg-web-play__fact span{font-size:20px;line-height:22px}
.hg-page-watch button.hg-web-play__follow{font-size:14px}
.hg-page-watch .hg-web-play__introcard .hg-tag,.hg-page-watch .hg-web-detail__topics-label,.hg-page-watch .hg-web-detail__topic{font-size:16px}
.hg-page-watch .hg-web-play__scorebox{width:454px;height:300px;padding:32px 24px;background:linear-gradient(180deg,#171611,#070d0b);border-radius:20px;gap:24px}
.hg-page-watch .hg-web-play__scorehead b,.hg-page-watch .hg-web-play__stars em{font-size:24px}
.hg-page-watch button.hg-web-play__ratesubmit{height:74px;line-height:74px;font-size:24px}
.hg-page-watch .hg-web-play__synopsis{margin-top:24px;padding:24px 32px 22px;border-radius:16px}
.hg-page-watch #vd-related{margin-top:22px}
.hg-page-watch #related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:28px}
.hg-page-watch #related-grid .hg-drama-card{box-sizing:border-box;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;background:#161616}
.hg-page-watch #related-grid .hg-drama-card__cover{width:100%;height:auto;aspect-ratio:374/420;margin:0;border-radius:14px}
.hg-page-watch #related-grid .hg-drama-card__body{padding:16px 0 0}
.hg-page-watch #related-grid .hg-drama-card__title{font-size:16px;line-height:24px;margin:0}
.hg-page-watch #related-grid .hg-drama-card__desc{font-size:13px;line-height:18px;margin-top:6px}
.hg-page-watch #related-grid .hg-drama-card__tags{margin-top:12px}
.hg-page-watch #vd-comments{margin-top:32px;padding:24px;border-radius:16px;background:#141414}
.hg-page-watch .hg-web-play__comment-sort{font-size:14px;line-height:21px;color:#fff;margin:28px 0 12px}
.hg-page-watch .hg-web-play__comment-list .hg-web-play__comment{padding:16px 0;gap:12px}
.hg-page-watch .hg-web-play__comment-body p{font-size:14px;line-height:22px;color:#9a9a9e}
.hg-page-watch .hg-web-play__comments .hg-web-play__composer{margin:20px 0 0;min-height:60px;padding:11px 12px}
.hg-page-watch #vdCommentInput::placeholder,.hg-page-watch .hg-web-play__replybox textarea::placeholder,.hg-page-watch .hg-fb__note textarea::placeholder{color:#9a9a9e;opacity:1}
.hg-page-watch button.hg-fb__type.is-on{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);color:#f2f2f4}
.hg-page-watch button.hg-fb__btn--submit:disabled{background:#25473a!important;color:#b6c9c0!important;opacity:1}
.hg-page-watch #cyberPlayer .xgplayer-volume .xgplayer-drag{background:var(--color-primary)}
@media(max-width:1599px){
  .hg-page-watch .hg-web-play{width:calc(100% - 96px)}
  .hg-page-watch .hg-web-play__introcard{gap:20px;padding:24px;min-height:350px}
  .hg-page-watch .hg-web-play__poster{width:170px;height:226px}
  .hg-page-watch .hg-web-play__scorebox{width:350px;height:280px}
  .hg-page-watch .hg-web-play__fact b{font-size:16px}
  .hg-page-watch .hg-web-play__fact span{font-size:16px}
  .hg-page-watch .hg-web-play__scorehead b,.hg-page-watch .hg-web-play__stars em{font-size:18px}
}
@media(max-width:1199px){
  .hg-page-watch .hg-web-play__main{grid-template-columns:1fr;gap:20px;min-height:0}
  .hg-page-watch .hg-web-play__side{width:100%;height:auto;max-height:585px}
  .hg-page-watch .hg-web-play__episode-scroll{flex:none}
  .hg-page-watch .hg-web-play__viewport{aspect-ratio:16/9}
  .hg-page-watch .hg-web-play__introcard{flex-direction:column;align-items:stretch;margin-top:24px}
  .hg-page-watch .hg-web-play__scorebox{width:100%;height:auto;flex-direction:row;align-items:center}
  .hg-page-watch .hg-web-play__scoreblock{flex:1}
  .hg-page-watch .hg-web-play__ratesubmit{width:180px;flex:none}
  .hg-page-watch #related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .hg-page-watch .hg-web-play{width:100%;padding:16px}
  .hg-page-watch .hg-web-play__actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .hg-page-watch .hg-web-play__action{font-size:12px;gap:4px;padding:10px 4px}
  .hg-page-watch .hg-web-play__introcard{padding:16px}
  .hg-page-watch .hg-web-play__intro-main{gap:16px}
  .hg-page-watch .hg-web-play__poster{width:96px;height:128px}
  .hg-page-watch .hg-web-play__factgrid{gap:12px}
  .hg-page-watch .hg-web-play__fact b,.hg-page-watch .hg-web-play__fact span{font-size:13px;line-height:20px}
  .hg-page-watch .hg-web-play__introcard .hg-tag,.hg-page-watch .hg-web-detail__topics-label,.hg-page-watch .hg-web-detail__topic{font-size:12px}
  .hg-page-watch .hg-web-play__scorebox{flex-direction:column}
  .hg-page-watch button.hg-web-play__ratesubmit{height:44px;line-height:44px;font-size:16px;width:100%}
  .hg-page-watch .hg-web-play__synopsis{padding:20px 16px}
  .hg-page-watch #related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .hg-page-watch #related-grid .hg-drama-card{padding:8px}
  .hg-page-watch #vd-comments{padding:20px 16px}
}