/* 详情及播放页复用源站组件专用样式，基础响应式样式仍由 common.css 提供。 */

     
    .hg-web-detail__actions{display:flex;align-items:center;gap:16px}
    .hg-web-detail__play,.hg-web-detail__share{height:52px;border-radius:999px;font-size:15px;font-weight:600}
    .hg-web-detail__play{padding:0 26px;background:var(--color-primary);color:#111}
    .hg-web-detail__share{padding:0 22px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}
     
    .hg-web-detail__desc.is-clamped{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .hg-web-detail__desc.is-expanded{display:block;-webkit-line-clamp:none;overflow:visible}
     
    .hg-web-detail__expand[hidden]{display:none}
     
    .hg-web-detail__desc-wrap{position:relative;margin:0 0 16px}
    .hg-web-detail__desc-wrap .hg-web-detail__desc{margin:0}
     
    .hg-web-detail__desc-wrap.is-collapsed .hg-web-detail__expand{
      position:absolute;right:0;bottom:0;margin:0;padding:0 0 0 30px;
      font-size:14px;line-height:1.6;
      background:linear-gradient(90deg,rgba(22,22,22,0) 0,#161616 26px,#161616 100%)
    }
     
    .hg-web-detail__desc-wrap:not(.is-collapsed) .hg-web-detail__expand{margin:4px 0 0}
     
    .hg-web-detail__hero>.hg-web-detail__poster{align-self:flex-start}
     
    .hg-web-detail__ep-grid a.is-locked{opacity:.35;cursor:not-allowed;pointer-events:none}
     
    @media (max-width:1023px){
      .hg-web-detail__info h1{font-size:22px;line-height:1.3;margin-bottom:10px}
    }
     
    .hg-web-detail[data-face="1"] .hg-web-detail__info h1{
      display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
      text-overflow:ellipsis;font-size:24px;line-height:1.3;margin-bottom:10px
    }
    @media (max-width:1023px){
      .hg-web-detail[data-face="1"] .hg-web-detail__info h1{font-size:20px}
    }
     
    .hg-web-detail__section-title{margin:0 0 8px;font-size:16px;line-height:24px;
      font-weight:600;color:#fff}
    @media (max-width:1023px){.hg-web-detail__section-title{font-size:15px;margin-bottom:6px}}
     
    .hg-web-detail__ep-head>div{min-width:0}
    .hg-web-detail__ep-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
     
    .hg-web-detail__author .hg-web-detail__follow{flex:none;height:26px;padding:0 14px;
      border:1px solid var(--color-primary);border-radius:999px;
      background:var(--color-primary);background-color:var(--color-primary);color:#111;
      font-size:12px;line-height:1;font-weight:600;cursor:pointer;white-space:nowrap}
    .hg-web-detail__author .hg-web-detail__follow.is-followed{background-color:transparent;color:var(--color-primary)}
     
    .hg-web-detail__author .hg-web-detail__follow[disabled]{opacity:.6;cursor:default}
  

     
    #cyberPlayer,
    #cyberPlayer.xgplayer{
      position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
      max-width:none!important;max-height:none!important;overflow:hidden!important
    }
    #cyberPlayer video,
    #cyberPlayer xg-video-container.xg-video-container{
      position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
      max-width:none!important;max-height:none!important;overflow:hidden!important
    }
    #cyberPlayer video{
      object-fit:contain!important;-o-object-fit:contain!important;
      object-position:center center
    }
     
    #cyberPlayer .xgplayer-poster{
      display:none!important;opacity:0!important;visibility:hidden!important
    }
     
    #cyberPlayer.xgplayer-inactive .xgplayer-controls{
      opacity:0!important;visibility:hidden!important;pointer-events:none!important
    }
     
    #cyberPlayer .xg-mini-progress,
    #cyberPlayer xg-mini-progress{display:none!important}
     
    #cyberPlayer.has-auto-next.xgplayer-is-ended .xgplayer-start,
    #cyberPlayer.has-auto-next.xgplayer-is-ended .xgplayer-replay,
    #cyberPlayer.is-auto-nexting .xgplayer-start,
    #cyberPlayer.is-auto-nexting .xgplayer-replay{
      display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important
    }
     
    button.hg-web-play__action{background-color:#161616}
     
    .hg-web-play__ep.is-locked{opacity:.35;cursor:not-allowed;pointer-events:none}
     
    .hg-web-play__action.is-favorited{color:var(--color-primary)}
    .hg-web-play__action.is-favorited .hg-web-play__collect-icon{color:var(--color-primary)}
     
    .hg-web-play__collect-icon{color:#fff;fill:currentColor;stroke:none}
     
     
    .hg-web-play__like-icon{color:#fff;stroke:currentColor;fill:none}
    .hg-web-play__action.is-liked{color:var(--color-red);border-color:var(--color-red)}
    .hg-web-play__action.is-liked .hg-web-play__like-icon{color:var(--color-red);fill:currentColor;stroke:currentColor}
     
    #vdCommentSubmit{background-color:var(--color-primary)}
     
     
    .hg-web-play__comment-meta .hg-web-play__comment-pin{
      flex:none;padding:1px 6px;border-radius:999px;
      border:1px solid rgba(255,210,28,.5);background-color:rgba(255,210,28,.12);
      color:var(--color-primary);font-size:11px;line-height:1.4;font-weight:600
    }
    .hg-web-play__comment-like{color:#8a8a93}
     
    .hg-web-play__comment-like svg{display:block;width:14px;height:14px;flex:none;
      color:#8a8a93;fill:none;stroke:currentColor;stroke-width:1.5}
     
    .hg-web-play__comment-like span{line-height:1;display:inline-flex;align-items:center}
    .hg-web-play__comment-like.is-liked{color:var(--color-red);border-color:transparent;background:none}
    .hg-web-play__comment-like.is-liked svg{color:var(--color-red);fill:currentColor;stroke:currentColor}
     
    .hg-web-play__comment-more{border-radius:999px;border-color:rgba(255,210,26,.2);background:rgba(255,210,26,.07);color:var(--color-primary)}
     
    .vd-comment-tools{display:flex;justify-content:center;gap:12px}
    .vd-comment-tools .hg-web-play__comment-more{margin:24px 0 0}
     
    .hg-web-play__comment-more[hidden]{display:none}
    
    .hg-web-play__comment[hidden]{display:none}
     
    .hg-web-play__title{margin:0 0 12px;font-size:20px;line-height:1.3;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .hg-web-play__actions{margin:12px 0 0}
     
    .hg-web-play__action[aria-disabled="true"]{opacity:.4;pointer-events:none}
     
    .hg-web-play__loading{position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;display:none;pointer-events:none}
    .hg-web-play__loading.is-on{display:block}
     
    .hg-web-play__loading .xgplayer-enter-spinner{
      position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%)
    }
    .hg-web-play__loading .xgplayer-enter-spinner div{
      position:absolute;left:45%;top:45%;width:6%;height:13%;border-radius:30px;
      background-color:rgba(255,255,255,.7);opacity:0;animation:fade 1s linear infinite
    }
    .hg-web-play__loading .xgplayer-enter-bar1{transform:rotate(0deg) translateY(-140%);animation-delay:0s}
    .hg-web-play__loading .xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}
    .hg-web-play__loading .xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-.833s}
    .hg-web-play__loading .xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}
    .hg-web-play__loading .xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}
    .hg-web-play__loading .xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}
    .hg-web-play__loading .xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}
    .hg-web-play__loading .xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}
    .hg-web-play__loading .xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}
    .hg-web-play__loading .xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}
    .hg-web-play__loading .xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}
    .hg-web-play__loading .xgplayer-enter-bar12{transform:rotate(330deg) translateY(-140%);animation-delay:-.0833s}
     
     
     
    .hg-web-play__main{position:relative;align-items:start}
    .hg-web-play__side{position:absolute;top:0;right:0;bottom:0;width:380px;
      display:flex;flex-direction:column;min-height:0;overflow:hidden}
    @media (max-width:1199px){
       
      .hg-web-play__main{position:static}
      .hg-web-play__side{position:static;width:auto}
      .hg-web-play__playlist--scroll,.hg-web-play__ep-grid{overflow:visible;flex:none}
    }
    .hg-web-play__playlist--scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;
      scrollbar-width:thin;scrollbar-color:#3a3a3f transparent}
     
    .hg-web-play__playlist--scroll .hg-web-play__pl-item{flex-shrink:0}
    .hg-web-play__playlist--scroll::-webkit-scrollbar{width:6px}
    .hg-web-play__playlist--scroll::-webkit-scrollbar-thumb{background:#3a3a3f;border-radius:999px}
    .hg-web-play__playlist--scroll::-webkit-scrollbar-track{background:transparent}
     
    .hg-web-play__playlist-tip{flex:none;display:flex;align-items:center;justify-content:space-between;
      gap:12px;margin:12px 0 0;font-size:12px;color:#6b7280}
    .hg-web-play__playlist-tip-more{display:inline-flex;align-items:center;gap:6px}
     
    .hg-web-play__playlist-tip-more::before{content:'';width:6px;height:6px;border-radius:999px;
      background:#3ce5b6;flex:none}
     
    .hg-web-play__ep-grid{flex:1;min-height:0;overflow-y:auto;align-content:start}

     
    button.hg-web-play__action.hg-web-play__action--immersive{
      background:var(--color-primary);color:#000;border-color:#22222a
    }

     
    .hg-imm-overlay{position:fixed;inset:0;z-index:100000;background:#000}
    .hg-imm-overlay iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
     
    .hg-imm-close{position:absolute;top:14px;right:16px;z-index:2;width:36px;height:36px;
      display:flex;align-items:center;justify-content:center;padding:0;
      border:0;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:20px;line-height:1;cursor:pointer}
    .hg-imm-close:hover{background:rgba(0,0,0,.75)}

     
    .vd-comment{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}
    .vd-comment .vd-avatar{width:36px;height:36px;border-radius:999px;flex-shrink:0;background:linear-gradient(90deg,#95e3ba,#549e82)}
    .vd-comment .vd-c-body{flex:1;min-width:0}
    .vd-comment .vd-c-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
    .vd-comment .vd-c-name{font-size:14px;font-weight:600;color:#fff}
    .vd-comment .vd-c-time{font-size:12px;color:#636366}
    .vd-comment .vd-c-text{margin:0;font-size:14px;line-height:22px;color:#9a9a9e}
     
    .hg-web-play__side-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
     
    .hg-web-play__side-head>div{min-width:0}
  

/* 本站媒体及只读状态适配；不可用操作保留源站颜色，不额外挤占页面高度。 */
.hg-web-detail__hero{flex-wrap:wrap}
.hg-web-detail__author .hg-web-detail__follow:disabled{opacity:1;cursor:default}
.hg-web-detail__play[aria-disabled="true"]{opacity:.5;cursor:default}
.hg-web-play__action:disabled{opacity:1;cursor:default}
.hg-web-play__viewport:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
.hg-web-play__viewport:not(:fullscreen) [data-web-play-exit-fullscreen]{display:none}
.video-page-status,.video-page-note{font-size:13px;line-height:1.6;color:#999;margin:8px 0;overflow-wrap:anywhere}
.video-play-side-ad{flex:none;width:100%;max-width:320px;margin:0 auto;overflow:hidden}
.video-play-side-ad .hg-local-ads{grid-template-columns:minmax(0,1fr);margin:0;gap:0}
.video-play-side-ad .hg-local-ads a{aspect-ratio:320/50}
.hg-web-play__composer input:disabled,.hg-web-play__composer button:disabled,.hg-web-play__comment-more:disabled{cursor:default;opacity:1}
/* 媒体错误只覆盖播放器区域，避免错误提示改变左右列高度与下方广告位置。 */
.hg-web-play__viewport .video-page-status{position:absolute;left:16px;right:16px;bottom:48px;z-index:40;padding:8px 12px;margin:0;border-radius:8px;background:rgba(0,0,0,.8);text-align:center}
/* 保留源站两行简介高度，跟随各断点既有行高，不填入虚构的简介文本。 */
.hg-web-play__related .hg-drama-card__desc{min-height:2lh}
@keyframes fade{0%{opacity:1}100%{opacity:0}}

/* 视频线路选择框样式及响应式适配 */
.hg-web-play__action--line-select{display:inline-flex;align-items:center;gap:6px;padding:0 12px;background:#161616;border:1px solid #22222a;border-radius:8px}
.hg-web-play__line-icon{color:var(--color-primary,#ffd21c);flex-shrink:0}
.hg-web-play__line-label{font-size:13px;color:#fff;white-space:nowrap;font-weight:500}
.hg-web-play__line-select{background:transparent;color:#fff;border:0;outline:0;font-size:13px;font-weight:500;cursor:pointer;padding:4px 0}
.hg-web-play__line-select option{background:#1d1d1e;color:#fff}

@media (max-width:768px){
  .hg-web-play__action--line-select{flex:1 1 100%;width:100%;order:-1;justify-content:flex-start;min-height:44px;margin-bottom:6px}
}

/* 付费状态只覆盖视频区；遮罩无关闭按钮，未授权时播放器本体不可操作。 */
.hg-play-paywall{position:absolute;inset:0;z-index:55;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(8,8,8,.72),rgba(8,8,8,.94));backdrop-filter:blur(8px)}
.hg-play-paywall[hidden],.hg-play-paywall__card[hidden]{display:none!important}
.hg-play-paywall__card{width:min(430px,100%);padding:30px 26px;border:1px solid rgba(255,210,28,.28);border-radius:18px;background:rgba(22,22,22,.94);text-align:center;box-shadow:0 18px 48px rgba(0,0,0,.48)}
.hg-play-paywall__badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(255,210,28,.14);color:#ffd21c;font-size:11px;font-weight:800}
.hg-play-paywall h2{margin:14px 0 0;color:#fff;font-size:25px}
.hg-play-paywall p{margin:10px 0 22px;color:#a0a0a6;font-size:14px;line-height:1.6}
.hg-play-paywall p strong{color:#ffd21c;font-size:19px}
.hg-play-paywall__primary{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(90deg,#ffd21c,#f5a623);color:#171717;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer}
.hg-play-paywall__login{display:block;margin:15px auto 0;padding:4px;border:0;background:transparent;color:#8a8a93;font-size:13px;cursor:pointer}
.hg-paywall-modal-backdrop{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.hg-paywall-modal-backdrop[hidden]{display:none!important}
.hg-paywall-modal{width:min(420px,100%);padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#18181c;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.66);text-align:center}
.hg-paywall-modal h2{margin:0;color:#fff;font-size:22px}.hg-paywall-subtitle{margin:8px 0 20px;color:#8a8a93;font-size:14px}
.hg-paywall-summary{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:13px;background:rgba(255,255,255,.05)}
.hg-paywall-summary strong{color:#ffd21c;font-size:30px}.hg-paywall-summary span{color:#a0a0a6;font-size:13px}
.hg-paywall-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.hg-paywall-primary,.hg-paywall-recharge,.hg-paywall-cancel{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:999px;font-size:15px;text-decoration:none;cursor:pointer}
.hg-paywall-primary,.hg-paywall-recharge{border:0;background:linear-gradient(90deg,#ffd21c,#f5a623);color:#171717;font-weight:800}.hg-paywall-primary[hidden],.hg-paywall-recharge[hidden]{display:none!important}
.hg-paywall-cancel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#b5b5ba}.hg-paywall-notice{margin:14px 0 0;color:#ffd21c;font-size:13px}.hg-paywall-notice[hidden]{display:none}
body.is-hg-paywall-open{overflow:hidden}
@media (max-width:600px){.hg-play-paywall{padding:16px}.hg-play-paywall__card{padding:23px 18px}.hg-play-paywall h2{font-size:21px}.hg-play-paywall p{margin-bottom:18px}.hg-paywall-modal{padding:24px 18px}}

/* 集号区只提示内容定价，不改变集号文本、按钮尺寸或用户播放权限。 */
.hg-web-detail__ep-grid a[data-access-badge],
.hg-web-play__ep[data-access-badge]{position:relative;overflow:hidden}
.hg-web-detail__ep-grid a[data-access-badge]::after,
.hg-web-play__ep[data-access-badge]::after{content:attr(data-access-badge);position:absolute;top:2px;right:3px;padding:1px 3px;border-radius:3px;background:rgba(0,0,0,.58);font-size:8px;font-weight:700;line-height:10px;pointer-events:none;white-space:nowrap}
.hg-web-detail__ep-grid a[data-access-type="vip"]::after,
.hg-web-play__ep[data-access-type="vip"]::after{color:#ffd21c}
.hg-web-detail__ep-grid a[data-access-type="paid"]::after,
.hg-web-play__ep[data-access-type="paid"]::after{color:#f5a623}