/* 播放页里**本站新增**的会员相关样式：选集格子的皇冠角标、整屏会员锁遮罩。
 *
 * 与 pages/hg-player.css 分开是有意的 —— 那份是从黄果站一字未改抄过来的，
 * 原站没有会员体系，往里面加规则日后就分不清哪些是原站的、哪些是自己的。
 * 本文件由 application/index/video.php 的 pageCss 排在 hg-player.css 之后加载，
 * 同权重下后者胜出，需要覆盖时不必加 !important。 */

/* ── 选集格子的皇冠角标 ─────────────────────────────────────────────────── */
.hg-web-play__ep{position:relative}
.hg-vip-mark{
  position:absolute;
  top:2px;
  right:2px;
  width:12px;
  height:12px;
  display:flex;
  color:var(--color-primary);
  pointer-events:none;
}
.hg-vip-mark svg{
  width:100%;
  height:100%;
  fill:currentColor;
  display:block;
}
/* 加锁的集数字压暗一档，跟免费集区分开；仍然可点（点进去是那一集的播放页，
   页面上有开会员入口 —— 比一个点不动的死格子有用）。 */
.hg-web-play__ep.is-vip{color:var(--color-font2)}

/* ── 会员锁遮罩 ─────────────────────────────────────────────────────────── */
.hg-web-play__lock{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:24px;
  box-sizing:border-box;
  text-align:center;
  /* 半透明压在封面上：底下的海报还看得见，能一眼认出是哪部剧 */
  background:rgba(0,0,0,.78);
}
.hg-web-play__lock-icon{
  display:flex;
  width:32px;
  height:32px;
  color:var(--color-primary);
}
.hg-web-play__lock-icon svg{
  width:100%;
  height:100%;
  fill:currentColor;
  display:block;
}
.hg-web-play__lock-title{
  margin:0;
  font-size:16px;
  line-height:24px;
  font-weight:600;
  color:var(--color-text);
}
.hg-web-play__lock-desc{
  margin:0;
  max-width:420px;
  font-size:12px;
  line-height:20px;
  color:var(--color-font2);
}
.hg-web-play__lock-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:8px;
}
.hg-web-play__lock-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 20px;
  border:0;
  border-radius:8px;
  background:var(--hg-btn-gradient);
  color:#111214;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.hg-web-play__lock-btn.is-ghost{
  background:transparent;
  border:1px solid var(--color-border);
  color:var(--color-text);
}