/* Mayi 接入层：不改官网视觉，只补播放器/公告兼容 */
html:has(.hg-layout),
.hg-layout {
  --hg-asset: /assets/huangguo;
  min-height: 100vh;
  background: #080808 !important;
  color: #fff !important;
}
.hg-layout a { color: inherit; }
.hg-layout .hg-main,
.hg-layout .main {
  background: transparent !important;
  color: #fff;
}
.hg-layout .hg-header {
  background: rgba(8, 8, 8, 0.92) !important;
}
.hg-layout .site-footer,
.hg-layout .mobile-tabbar {
  display: none !important;
}
/* 隐藏误注入的作者版权底条（PC/手机） */
.hg-layout [data-mayi-copy],
body.hg-layout > div[data-mayi-copy],
body.hg-layout > div[style*="z-index:99999"],
body.hg-layout > div[style*="z-index: 99999"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* PC 顶栏「注册/登录」黄胶囊（对齐黄果稿） */
a.hg-header__login,
a.hg-auth-btn.hg-header__login,
button.hg-auth-btn.hg-header__login,
button.hg-header__login.hg-header__login {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  height: 34px;
  margin: 0;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background-color: #ffd21c !important;
  background-image: linear-gradient(90deg, #ffd21c, #ffeb98) !important;
  color: #000 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
button.hg-header__login.hg-header__login:hover,
a.hg-header__login:hover {
  filter: brightness(1.05);
}

/* 手机底部导航：强制 4 格等宽，播放页隐藏 */
.hg-m-tabbar {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  height: calc(56px + env(safe-area-inset-bottom, 0px));
  padding: 6px 0 env(safe-area-inset-bottom, 0px);
  background: rgba(12, 12, 12, 0.98);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  box-sizing: border-box;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.hg-m-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  min-width: 0;
  width: 100%;
}
.hg-m-tab[data-tab="mine"],
.hg-m-tabbar .hg-m-tab:nth-child(4) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.hg-m-tab-ico {
  display: flex;
  color: inherit;
}
.hg-m-tab-label {
  color: inherit;
}
.hg-m-tab.is-active {
  color: #ffd21c;
}
.hg-m-tab.is-active .hg-m-tab-label {
  color: #ffd21c;
}
@media (max-width: 1023px) {
  .hg-m-tabbar {
    display: grid !important;
  }
  .hg-layout.hg-has-mtab {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .hg-layout.hg-has-mtab .hg-footer {
    margin-bottom: 8px;
  }
  .hg-layout.hg-play-page .hg-m-tabbar,
  .hg-layout.hg-play-page .mobile-tabbar {
    display: none !important;
  }
  .hg-layout.hg-play-page {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1024px) {
  .hg-m-tabbar {
    display: none !important;
  }
}
/* 页头 Logo：PC 略放大；手机固定左对齐（对齐 mogudj，杜绝居中/靠左来回跳） */
.hg-layout .hg-header__logo {
  flex: 0 0 auto;
  max-width: min(340px, 48vw);
  display: flex;
  align-items: center;
}
.hg-layout .hg-header__logo img {
  height: 54px !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: 54px !important;
  object-fit: contain !important;
  background: transparent !important;
}
@media (min-width: 1280px) {
  .hg-layout .hg-header__logo img {
    height: 58px !important;
    max-height: 58px !important;
  }
}
@media (max-width: 1023px) {
  /* 禁止整页左右拖：100% 不用 100vw（vw 含滚动条会撑宽） */
  html:has(.hg-layout),
  html.hg-drawer-lock,
  body.hg-layout {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative;
  }
  .hg-layout,
  .hg-layout .hg-body,
  .hg-layout .hg-main,
  .hg-layout .main {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* 手机顶栏三栏网格：左汉堡 | 中居中LOGO | 右搜索 —— 真正居中且自适应 */
  .hg-layout #app-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    z-index: 112;
  }
  .hg-layout .hg-header.header {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #0d0d0d !important;
  }
  .hg-layout .hg-header__inner {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    justify-content: stretch !important;
    height: 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
    gap: 0 !important;
    overflow: hidden !important;
  }
  .hg-layout .hg-header__menu {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    z-index: 5;
    justify-self: start;
  }
  .hg-layout .hg-header__logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 auto !important;
    max-width: min(200px, 56vw) !important;
    width: auto !important;
    z-index: 2;
    justify-self: center !important;
    display: flex !important;
    justify-content: center !important;
  }
  .hg-layout .hg-header__logo img {
    height: 36px !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
  .hg-layout .hg-header__search-btn,
  .hg-layout .hg-header__search-btn.lg\:hidden {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    width: 44px !important;
    height: 44px !important;
    flex: none !important;
    z-index: 6;
    position: relative;
    pointer-events: auto !important;
    justify-self: end !important;
    align-items: center;
    justify-content: center;
  }
  .hg-layout .hg-header__search-btn img,
  .hg-layout .hg-header__search-btn-icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
  }
  .hg-layout .hg-header__search-btn-icon[hidden] {
    display: none !important;
  }
  .hg-layout .hg-header.is-mobile-search .hg-header__search-btn-icon--search {
    display: none !important;
  }
  .hg-layout .hg-header.is-mobile-search .hg-header__search-btn-icon--close:not([hidden]),
  .hg-layout .hg-header.is-mobile-search .hg-header__search-btn-icon--close {
    display: block !important;
  }
  /* 桌面导航/登录/搜索框必须彻底脱离文档流，否则 min-width 会撑出横向滚动 */
  .hg-layout .hg-topbar-nav,
  .hg-layout .hg-header__auth {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
  }
  .hg-layout .hg-header__search:not(.is-mobile-open) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    position: absolute !important;
  }
  .hg-layout .hg-header.is-mobile-search .hg-header__search,
  .hg-layout .hg-header__search.is-mobile-open {
    display: flex !important;
    flex-direction: column !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    z-index: 120 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 12px 0 !important;
    background: #0d0d0d !important;
    border: 0;
    border-radius: 0;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
  }
  .hg-layout .hg-header.is-mobile-search .hg-search,
  .hg-layout .hg-header__search.is-mobile-open .hg-search {
    width: 100%;
    max-width: none;
    border: 1.5px solid #ffd21c !important;
    border-radius: 999px !important;
    background: #161616 !important;
    padding: 4px 14px !important;
  }
  .hg-layout .hg-header.is-mobile-search .hg-search-suggest,
  .hg-layout .hg-header__search.is-mobile-open .hg-search-suggest {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 10px;
  }
  .hg-layout .hg-search-suggest__panel {
    border-radius: 20px 20px 0 0 !important;
    padding: 18px 16px 28px !important;
    max-height: min(78vh, 720px);
    background: #1a1a1c;
  }
  .hg-layout .hg-search-suggest__guess {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .hg-layout .hg-search-guess {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    background: #161616;
    border-radius: 12px;
    overflow: hidden;
  }
  .hg-layout .hg-search-guess__cover {
    position: relative;
    aspect-ratio: 3 / 4;
    background: #111;
  }
  .hg-layout .hg-search-guess__cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
  }
  .hg-layout .hg-search-guess__badge {
    position: absolute;
    left: 6px;
    top: 6px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #e11;
    color: #fff;
    font-size: 10px;
  }
  .hg-layout .hg-search-guess__score {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 6px;
    border-radius: 6px 0 0 0;
    background: linear-gradient(-57deg, #e5bb73, #f5dda9);
    color: #111;
    font-size: 11px;
    font-weight: 700;
  }
  .hg-layout .hg-search-guess__body {
    padding: 8px;
  }
  .hg-layout .hg-search-guess__title {
    font-size: 13px;
    line-height: 1.35;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hg-layout .hg-search-guess__ep {
    margin-top: 4px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
  }
  .hg-layout .hg-search-suggest__hot {
    display: flex !important;
    flex-direction: column;
    gap: 0;
  }
  .hg-layout .hg-search-suggest__hot-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
  }
  .hg-layout .hg-search-suggest__rank {
    width: 22px;
    color: #ffd21c;
    font-weight: 700;
  }
  .hg-layout .hg-search-suggest__heat {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
  }
}
.hg-layout .hg-mobile-nav__logo img {
  height: 48px !important;
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
  background: transparent !important;
}
.hg-layout .hg-footer__logo img {
  height: 52px !important;
  max-height: 52px !important;
  width: auto !important;
  object-fit: contain !important;
  background: transparent !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hg-header__search.is-mobile-open {
  display: flex !important;
  position: absolute;
  left: 12px;
  right: 12px;
  top: 100%;
  z-index: 50;
  background: #111;
  padding: 8px;
  border-radius: 10px;
}
/* 播放页：沿用站内播放器，套进黄果深色壳 */
.hg-layout .player-wrap,
.hg-layout .video-player,
.hg-layout .play-box {
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
.hg-layout .section-title,
.hg-layout .video-grid .title {
  color: #fff;
}
.hg-vd-mayi .related-grid,
.hg-vd-mayi .video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 900px) {
  .hg-vd-mayi .related-grid,
  .hg-vd-mayi .video-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/*
 * 侧栏：common.css 用 translateX(-100%) 藏抽屉，会撑出可左右拖动的滚动宽，
 * 且旧 mayi 把 z-index 压成 80 < 顶栏 112，打开后被顶栏挡住。
 * 这里改为：关闭完全移出文档流；打开全屏遮罩 + 高 z-index。
 */
.hg-layout .dx-drawer.app-aside--left,
.hg-layout .dx-drawer,
.hg-layout aside.dx-drawer,
.dx-drawer.app-aside--left,
.dx-drawer {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  will-change: auto !important;
  z-index: 10050 !important;
  background: rgba(0, 0, 0, 0.55) !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.hg-layout .dx-drawer.dx-drawer--open,
.hg-layout aside.dx-drawer.dx-drawer--open,
.dx-drawer.dx-drawer--open,
.dx-drawer.app-aside--left.dx-drawer--open {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
}
html.dx-drawer-open,
html.dx-drawer-open body {
  overflow: hidden !important;
}
html.dx-drawer-open #app-header,
html.dx-drawer-open .hg-header.header {
  z-index: 1 !important;
}
.hg-layout .dx-drawer .hg-mobile-nav,
.dx-drawer .hg-mobile-nav {
  width: min(320px, 86%) !important;
  max-width: 320px !important;
  height: 100% !important;
  max-height: 100dvh !important;
  background: #121212 !important;
  position: relative !important;
  z-index: 10051 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  padding-top: env(safe-area-inset-top, 0px);
  transform: none !important;
}
.hg-m-tabbar {
  max-width: 100% !important;
}
.hg-empty-tip {
  color: rgba(255, 255, 255, 0.45);
  padding: 28px 8px;
  text-align: center;
}

/* 无封面：蘑菇 LOGO 占位，居中 contain，勿裁切成黄果图 */
.hg-layout .hg-drama-card__cover img[src*="cover-placeholder"],
.hg-layout .hg-category-item__thumb img[src*="cover-placeholder"],
.hg-layout .hg-hero__bg-img[src*="cover-placeholder"],
.hg-layout .hg-play__poster img[src*="cover-placeholder"] {
  object-fit: contain !important;
  background: #121212 !important;
}

/* ===== 播放页一比一（分集侧栏 + 信息/打分） ===== */
.hg-play {
  padding: 0 0 28px;
}
.hg-play__crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.45);
  margin: 4px 0 10px;
}
.hg-play__crumb a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}
.hg-play__crumb a:hover {
  color: var(--color-primary, #ffd21c);
}
.hg-play__crumb-sep {
  opacity: 0.5;
}
.hg-play__title {
  margin: 0 0 14px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
/* 覆盖 common.css 竖滑/绝对定位侧栏，避免选集盖住播放器 */
.hg-layout .hg-play__stage {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  gap: 14px !important;
  align-items: start !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}
.hg-layout .hg-play__player {
  position: relative !important;
  z-index: 1;
  min-width: 0;
  width: 100%;
}
.hg-play__player .player-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 240px;
  border-radius: 12px;
}
.hg-layout .hg-play__side {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 1 !important;
  width: auto !important;
  background: #141414;
  border-radius: 12px;
  padding: 14px 12px 12px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: min(68vh, 560px);
  align-self: stretch;
}
.hg-play__side-head {
  margin-bottom: 10px;
}
.hg-play__side-head-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.hg-play__side-title {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
}
.hg-play__side-cur {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-primary, #ffd21c);
  white-space: nowrap;
}
.hg-play__side-upd {
  margin: 4px 0 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
}
.hg-play__ep-chip {
  display: none;
}
.hg-play__tools-grid {
  display: contents;
}
.hg-play__episodes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  overflow: auto;
  padding-right: 2px;
  flex: 1;
}
.hg-play__ep-item.source-btn {
  height: 36px;
  margin: 0;
  padding: 0 2px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hg-play__ep-item.source-btn.is-active,
.hg-play__ep-item.source-btn.active {
  background: var(--color-primary, #ffd21c) !important;
  color: #111 !important;
  border-color: transparent;
  font-weight: 700;
}
.hg-play__lines {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
}
.hg-play__lines .source-btn {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
}
.hg-play__lines .source-btn.active {
  border-color: var(--color-primary, #ffd21c);
  color: var(--color-primary, #ffd21c);
}
.hg-play__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 14px 0 18px;
}
.hg-play__tool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #1c1c1c;
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}
.hg-play__tool em {
  font-style: normal;
}
.hg-play__tool.is-on,
.hg-play__tool.play-action-btn.is-on {
  color: var(--color-primary, #ffd21c);
}
.hg-play__ep-nav {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.hg-play__detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  background: #121212;
  border-radius: 14px;
  padding: 16px;
}
.hg-play__info {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.hg-play__poster {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
}
.hg-play__poster img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}
.hg-play__meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 18px;
}
.hg-play__meta-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  margin-bottom: 8px;
}
.hg-play__meta-row .k {
  color: rgba(255, 255, 255, 0.4);
}
.hg-play__meta-row .v {
  color: rgba(255, 255, 255, 0.9);
}
.hg-play__tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  margin: 0 6px 6px 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  text-decoration: none;
}
.hg-play__desc {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
}
.hg-play__rate {
  background: #1a1a1a;
  border-radius: 12px;
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hg-play__rate-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hg-play__rate-label {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.hg-play__rate-num {
  font-size: 2rem;
  font-weight: 800;
  color: var(--color-primary, #ffd21c);
  line-height: 1.1;
}
.hg-play__rate-num small {
  font-size: 0.9rem;
  margin-left: 2px;
  font-weight: 700;
}
.hg-play__rate-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hg-play__rate-tip {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.hg-rate__stars {
  display: flex;
  gap: 6px;
}
.hg-rate__star {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.28);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.hg-rate__star.is-on {
  color: var(--color-primary, #ffd21c);
}
.hg-play__rate-submit {
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: #2a2a2a;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.hg-play__rate-submit:hover {
  background: #333;
}
.hg-play__rate-msg {
  margin: 0;
  font-size: 12px;
  color: var(--color-primary, #ffd21c);
}
/* 覆盖 common.css 两列 grid：相关推荐整块必须全宽 */
.hg-layout .hg-play .hg-play__related,
.hg-layout .hg-play__related,
.hg-vd-mayi .hg-play__related {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 22px;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  gap: 0 !important;
}
.hg-layout .hg-play__related > .section,
.hg-layout .hg-play__related > .hg-section,
.hg-layout .hg-play__related > .hg-related-sec,
.hg-vd-mayi .hg-play__related > .section,
.hg-vd-mayi .hg-play__related > .hg-section {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1;
}
.hg-layout .hg-related-grid,
.hg-layout .hg-play__related .hg-card-grid,
.hg-layout .hg-related-sec .hg-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 16px;
  width: 100% !important;
}
@media (min-width: 640px) {
  .hg-layout .hg-related-grid,
  .hg-layout .hg-play__related .hg-card-grid,
  .hg-layout .hg-related-sec .hg-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .hg-layout .hg-related-grid,
  .hg-layout .hg-play__related .hg-card-grid,
  .hg-layout .hg-related-sec .hg-card-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
/* 相关推荐卡片：压掉简介留白，避免「半截空卡片」 */
.hg-layout .hg-related-grid .hg-drama-card__desc,
.hg-layout .hg-play__related .hg-drama-card__desc {
  display: none !important;
}
.hg-layout .hg-related-grid .hg-drama-card__body,
.hg-layout .hg-play__related .hg-drama-card__body {
  min-height: 0 !important;
  padding-top: 8px !important;
}
.hg-layout .hg-related-grid .hg-drama-card__title,
.hg-layout .hg-play__related .hg-drama-card__title {
  font-size: 13px;
  line-height: 1.35;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hg-layout .pager,
.hg-layout nav.pager {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 20px 0 8px;
}
.hg-layout .pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: 13px;
}
.hg-layout .pager a.active {
  background: var(--color-primary, #ffd21c);
  color: #111;
  font-weight: 700;
}
/* 若仍注入经典 video-grid，也拉满全宽 */
.hg-layout .hg-play__related .video-grid,
.hg-vd-mayi .hg-play__related .video-grid,
.hg-vd-mayi > .section .video-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (min-width: 640px) {
  .hg-layout .hg-play__related .video-grid,
  .hg-vd-mayi .hg-play__related .video-grid,
  .hg-vd-mayi > .section .video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1024px) {
  .hg-layout .hg-play__related .video-grid,
  .hg-vd-mayi .hg-play__related .video-grid,
  .hg-vd-mayi > .section .video-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}
.hg-layout .hg-play__related .section-head h2,
.hg-layout .hg-related-sec .hg-section-title h2 {
  color: #fff !important;
}
.hg-play .play-sources:not(.hg-play__lines) {
  display: none;
}
@media (max-width: 1023px) {
  .hg-layout .hg-play__stage {
    grid-template-columns: 1fr !important;
  }
  .hg-layout .hg-play__side {
    max-height: none;
    width: 100% !important;
  }
  .hg-play__detail {
    grid-template-columns: 1fr;
  }
  .hg-play__meta-grid {
    grid-template-columns: 1fr 1fr;
  }
  .hg-play__ep-nav {
    margin-left: 0;
    width: 100%;
  }
  /* 移动端播放页：全屏竖屏 + 底部选集栏（对齐目标站） */
  .hg-layout.hg-play-page,
  .hg-layout.hg-play-page .hg-body,
  .hg-layout.hg-play-page .hg-main,
  .hg-layout.hg-play-page .main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    background: #000 !important;
  }
  .hg-layout.hg-play-page #app-header,
  .hg-layout.hg-play-page .hg-header,
  .hg-layout.hg-play-page .hg-footer,
  .hg-layout.hg-play-page .hg-sidebar,
  .hg-layout.hg-play-page .hg-m-tabbar,
  .hg-layout.hg-play-page .hg-play__desk-only {
    display: none !important;
  }
  .hg-layout.hg-play-page .hg-play {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    background: #000;
    padding: 0 !important;
    overflow: hidden;
  }
  .hg-layout.hg-play-page .hg-play__stage {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    height: 100% !important;
    min-height: 100% !important;
    background: #000 !important;
  }
  .hg-layout.hg-play-page .hg-play__player,
  .hg-layout.hg-play-page .hg-play__player .player-wrap,
  .hg-layout.hg-play-page .hg-play__player .player-wrap.is-parse-mode {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #000 !important;
  }
  .hg-layout.hg-play-page #mayi-player,
  .hg-layout.hg-play-page #mayi-parse-frame {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #000;
  }
  /* 全屏播放区上下滑切集：透明层接住 touch（底部留给进度条/选集） */
  .hg-layout.hg-play-page .hg-play__swipe-catch {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: calc(48px + 44px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 6 !important;
    background: transparent !important;
    touch-action: pan-y !important;
    -webkit-user-select: none;
    user-select: none;
  }
  /* 底栏叠层：介绍 → 进度条 → 选集（均固定，互不遮挡） */
  .hg-layout.hg-play-page .player-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 46 !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 10px !important;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.94) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    pointer-events: auto !important;
  }
  .hg-layout.hg-play-page .player-bar .pvol,
  .hg-layout.hg-play-page .player-bar #btn-fs {
    display: none !important;
  }
  .hg-layout.hg-play-page .player-bar .pseek {
    flex: 1;
    margin: 0 !important;
  }
  .hg-layout.hg-play-page .player-bar .ptime {
    font-size: 11px;
    white-space: nowrap;
  }
  .hg-play__h5-top {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 40;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 10px 8px;
    pointer-events: none;
  }
  .hg-play__h5-back,
  .hg-play__h5-fb,
  .hg-play__h5-logo {
    pointer-events: auto;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  }
  .hg-play__h5-back {
    grid-column: 1;
    justify-self: start;
    font-size: 28px;
    line-height: 1;
    padding: 0 6px;
  }
  .hg-play__h5-logo {
    grid-column: 2;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: min(168px, 46vw);
  }
  .hg-play__h5-logo img {
    display: block;
    height: 34px !important;
    width: auto !important;
    max-width: 100%;
    object-fit: contain;
  }
  .hg-play__h5-fb {
    grid-column: 3;
    justify-self: end;
    padding: 0 4px;
  }
  /* 旧水印位隐藏，避免与居中 LOGO 叠影 */
  .hg-play__h5-wm {
    display: none !important;
  }
  .hg-play__h5-side {
    position: fixed;
    right: 10px;
    bottom: calc(160px + env(safe-area-inset-bottom, 0px));
    z-index: 40;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .hg-play__h5-brand {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 1px 3px #000;
  }
  .hg-play__h5-act {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 48px;
    border: 0;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    cursor: pointer;
    text-shadow: 0 1px 3px #000;
  }
  .hg-play__h5-act span {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  .hg-play__h5-act.is-on span,
  .hg-play__h5-act.is-on {
    color: #ffd21c;
  }
  .hg-play__h5-meta {
    position: fixed;
    left: 14px;
    right: 72px;
    /* 在进度条上方：选集48 + 进度条44 */
    bottom: calc(48px + 44px + 8px + env(safe-area-inset-bottom, 0px));
    z-index: 47;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    pointer-events: none;
  }
  .hg-play__h5-title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
  }
  .hg-play__h5-desc {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .hg-play__ep-dock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 48;
    display: flex;
    align-items: stretch;
    height: calc(48px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .hg-play__ep-bar {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    margin: 0;
    padding: 0 12px 0 14px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
  }
  .hg-play__ep-bar-fs {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    background: transparent;
    color: #fff;
    font-size: 18px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .hg-play__ep-bar-txt {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .hg-play__ep-bar-up {
    flex-shrink: 0;
    opacity: 0.9;
    font-size: 16px;
  }
  .hg-play__panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    max-height: 72vh;
    background: #1a1a1a;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45);
  }
  .hg-play__panel[hidden] {
    display: none !important;
  }
  .hg-play__panel-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 12px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .hg-play__panel-tabs {
    display: flex;
    flex: 1;
    gap: 14px;
    overflow-x: auto;
  }
  .hg-play__panel-tab {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.45);
    font-size: 15px;
    padding: 6px 2px 10px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
  }
  .hg-play__panel-tab.is-active {
    color: #fff;
    font-weight: 700;
  }
  .hg-play__panel-tab.is-active::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0;
    height: 3px;
    border-radius: 999px;
    background: #ffd21c;
  }
  .hg-play__panel-close {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
  }
  .hg-play__panel-body {
    padding: 14px 12px calc(16px + env(safe-area-inset-bottom, 0px));
    overflow: auto;
  }
  .hg-play__panel-ep-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
    color: #fff;
  }
  .hg-play__panel-ep-head span {
    color: rgba(255, 255, 255, 0.45);
    font-size: 13px;
  }
  .hg-play__episodes--panel {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
  }
  .hg-play__episodes--panel .hg-play__ep-item.source-btn.is-active,
  .hg-play__episodes--panel .hg-play__ep-item.source-btn.active {
    background: transparent !important;
    border: 1px solid #ffd21c !important;
    color: #ffd21c !important;
  }
  .hg-play__panel-desc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.6;
  }
  .hg-play__panel-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
  }
  .hg-play__panel-meta span {
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
  }
  .hg-play__panel-addr {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.6;
  }
  .hg-play__panel-addr a {
    color: #ffd21c;
  }
  .hg-play__panel-addr-btn {
    display: inline-flex;
    margin-top: 14px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #ffd21c;
    color: #111 !important;
    font-weight: 700;
    text-decoration: none;
  }
  .hg-play__panel-works .hg-card-grid,
  .hg-play__panel-works .hg-related-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}
@media (min-width: 1024px) {
  .hg-play__h5-top,
  .hg-play__h5-wm,
  .hg-play__h5-side,
  .hg-play__h5-meta,
  .hg-play__ep-bar,
  .hg-play__panel {
    display: none !important;
  }
}
@media (max-width: 640px) {
  .hg-play__info {
    grid-template-columns: 88px minmax(0, 1fr);
  }
}

/* 排行榜：按钮型 pill tab 与原站一致 */
.hg-rank-page button.hg-pill-tabs__item {
  cursor: pointer;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
.hg-rank-page .hg-rank-item__title a {
  color: inherit;
  text-decoration: none;
}
.hg-rank-page .hg-rank-item__title a:hover {
  color: var(--color-primary, #ffd21c);
}
.hg-rank-page .hg-brand-link {
  color: var(--color-primary, #ffd21c);
  text-decoration: none;
}
@media (max-width: 1023px) {
  .hg-rank-page .hg-rank-hero {
    padding: 20px 18px;
    min-height: 0;
  }
  .hg-rank-page .hg-rank-hero__title-row h1 {
    font-size: 24px;
    line-height: 1.3;
  }
  .hg-rank-page .hg-rank-item {
    padding: 14px 14px;
    gap: 12px;
  }
  .hg-rank-page .hg-rank-num {
    min-width: 36px;
    font-size: 22px;
  }
  .hg-rank-page .hg-rank-item.is-expanded {
    min-height: 0;
    padding: 14px;
  }
  .hg-rank-page .hg-rank-item.is-expanded .hg-rank-item__cover {
    width: 96px;
    height: 118px;
  }
}

/* 专题/全部分类：覆盖经典模板白底粉字，深色壳可读 */
.hg-layout .cat-all-page .section-head h2,
.hg-layout .cat-all-group-title,
.hg-layout .cat-all-group-title a {
  color: #fff !important;
}
.hg-layout .cat-all-page .section-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
  margin-bottom: 16px;
}
.hg-layout a.cat-all-item,
.hg-layout .cat-all-item {
  color: rgba(255, 255, 255, 0.88) !important;
  background: #1c1c1c !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}
.hg-layout a.cat-all-item:hover,
.hg-layout .cat-all-item:hover {
  color: #111 !important;
  background: var(--color-primary, #ffd21c) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(255, 210, 28, 0.22) !important;
}
.hg-layout .cat-all-item-text {
  color: inherit !important;
}

/* 会员中心 / 我的：统一蘑菇深色壳，避免像跳回经典模板 */
.hg-toast {
  position: fixed;
  left: 50%;
  top: calc(72px + env(safe-area-inset-top, 0px));
  z-index: 12000;
  transform: translate(-50%, -8px);
  max-width: min(92vw, 360px);
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
  color: #d1fae5;
  background: rgba(6, 78, 59, 0.96);
  border: 1px solid rgba(52, 211, 153, 0.45);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.hg-toast.is-err {
  color: #fecaca;
  background: rgba(127, 29, 29, 0.96);
  border-color: rgba(248, 113, 113, 0.45);
}
.hg-toast.is-show {
  opacity: 1;
  transform: translate(-50%, 0);
}
.hg-layout .member-page,
.hg-layout .mine-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 12px 12px 24px;
  box-sizing: border-box;
}
.hg-layout .member-hero,
.hg-layout .mine-hero,
.hg-layout .member-card,
.hg-layout .mine-card {
  background: #141414 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: #fff !important;
}
.hg-layout .member-hero {
  background:
    radial-gradient(420px 160px at 100% 0%, rgba(255, 210, 28, 0.12), transparent 55%),
    linear-gradient(160deg, #1a1410 0%, #141414 55%) !important;
}
.hg-layout .member-avatar {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #ffd21c, #ff4d6d) !important;
  color: #111 !important;
}
.hg-layout .member-hero h1,
.hg-layout .member-card-head strong,
.hg-layout .mine-card-title,
.hg-layout .mine-hero-text h2 {
  color: #fff !important;
}
.hg-layout .member-uid,
.hg-layout .member-vip-sub,
.hg-layout .member-hint,
.hg-layout .member-card-head span,
.hg-layout .mine-row,
.hg-layout .muted {
  color: rgba(255, 255, 255, 0.62) !important;
}
.hg-layout .member-stat,
.hg-layout .member-share input,
.hg-layout .member-form input {
  background: #1c1c1c !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}
.hg-layout .member-btn,
.hg-layout .member-share .member-btn,
.hg-layout a.member-btn {
  background: #ff4d6d !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
}
.hg-layout .member-btn.ghost,
.hg-layout .member-mini-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffd21c !important;
  border: 1px solid rgba(255, 210, 28, 0.35) !important;
}
.hg-layout .member-vip-pill {
  background: rgba(255, 77, 109, 0.2) !important;
  color: #ff8fa3 !important;
  border: 1px solid rgba(255, 77, 109, 0.4) !important;
}
.hg-layout .member-progress {
  background: rgba(255, 255, 255, 0.08) !important;
}
.hg-layout .member-progress i {
  background: linear-gradient(90deg, #ffd21c, #ff4d6d) !important;
}
.hg-layout .member-chip {
  background: #1c1c1c !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}
.hg-layout .member-toast.is-ok {
  background: rgba(6, 78, 59, 0.35) !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
  color: #a7f3d0 !important;
}

/* 1.7.5 封面免费/收费角标 */
.hg-drama-card__cover,
.hg-category-item__thumb{position:relative}
.hg-layout .cover-pay-badge.hg-pay-badge{
  position:absolute;top:8px;right:8px;z-index:4;
  padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;
  line-height:1.2;pointer-events:none;letter-spacing:.02em;
  box-shadow:0 2px 8px rgba(0,0,0,.35)
}
.hg-layout .cover-pay-badge.hg-pay-badge.is-paid{background:rgba(15,23,42,.82);color:#fbbf24}
.hg-layout .cover-pay-badge.hg-pay-badge.is-free{background:rgba(22,163,74,.92);color:#fff}
.hg-layout .hg-category-item__thumb .cover-pay-badge.hg-pay-badge{top:4px;right:4px;padding:2px 6px;font-size:10px}
.hg-layout .hg-drama-card__badge{z-index:3}
.hg-layout .player-lock-actions{flex-wrap:wrap;gap:8px}
.hg-layout .btn-lock-vip{background:linear-gradient(90deg,#ffd21c,#f5a623)!important;color:#1a1a1a!important;font-weight:800!important}

.hg-layout .player-wrap.is-locked #mayi-player,
.hg-layout .player-wrap.is-locked .mayi-parse-frame{visibility:hidden!important}
.hg-layout .player-lock{z-index:40}
.hg-layout .member-chip-vip,.hg-layout a.member-chip-vip{
  background:linear-gradient(90deg,#ffd21c,#f5a623)!important;
  color:#1a1a1a!important;font-weight:800!important;border:0!important
}

.hg-layout .member-btn-vip,.hg-layout a.member-btn-vip{
  background:linear-gradient(90deg,#ffd21c,#f5a623)!important;
  color:#1a1a1a!important;font-weight:800!important;border:0!important
}

/* player-lock 白底按钮：覆盖 .hg-layout a { color:inherit } 导致白字看不见 */
.hg-layout .player-lock-actions{display:flex;flex-direction:column;gap:10px;width:100%}
.hg-layout .player-lock .btn-lock{
  display:block!important;width:100%!important;box-sizing:border-box!important;
  padding:12px 14px!important;border-radius:10px!important;text-align:center!important;
  background:#fff!important;color:#111!important;font-weight:750!important;
  border:1px solid rgba(255,255,255,.2)!important;text-decoration:none!important;
  opacity:1!important;-webkit-text-fill-color:#111!important
}
.hg-layout .player-lock .btn-lock-vip,
.hg-layout .player-lock a.btn-lock-vip{
  background:linear-gradient(90deg,#ffd21c,#f5a623)!important;
  color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;
  border:0!important;font-weight:800!important;font-size:15px!important
}
.hg-layout .member-card .member-chip-vip,
.hg-layout a.member-chip-vip,
.hg-layout a.member-btn-vip{
  background:linear-gradient(90deg,#ffd21c,#f5a623)!important;
  color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;
  font-weight:800!important;border:0!important;font-size:14px!important;
  padding:12px 18px!important
}

/* === HG VIP PAY UI === */
.hg-layout .hg-vip-page{--vip-gold:#f2c96c;--vip-gold2:#e8b44a;--vip-bg:#0b0b0f;--vip-card:#171821;--vip-line:rgba(255,255,255,.08);color:#f5f5f7;max-width:720px;margin:0 auto 88px;padding:0 12px 24px;box-sizing:border-box}
.hg-layout .hg-vip-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 14px;position:sticky;top:0;z-index:20;background:linear-gradient(#0b0b0f 70%,rgba(11,11,15,0));backdrop-filter:blur(6px)}
.hg-layout .hg-vip-top__back{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1;color:#fff;text-decoration:none;background:rgba(255,255,255,.06)}
.hg-layout .hg-vip-top__rec{font-size:12px;color:#111;background:var(--vip-gold);padding:6px 10px;border-radius:999px;text-decoration:none;font-weight:700;white-space:nowrap}
.hg-layout .hg-vip-tabs{display:flex;gap:18px;align-items:center}
.hg-layout .hg-vip-tabs__item{color:rgba(255,255,255,.45);font-size:15px;font-weight:700;text-decoration:none;padding-bottom:6px;border-bottom:2px solid transparent}
.hg-layout .hg-vip-tabs__item.is-on{color:#fff;border-bottom-color:var(--vip-gold)}
.hg-layout .hg-vip-hero{position:relative;overflow:hidden;border-radius:18px;padding:18px 16px 20px;background:linear-gradient(135deg,#3a2a12 0%,#1a140c 45%,#121018 100%);border:1px solid rgba(242,201,108,.28);margin-bottom:16px}
.hg-layout .hg-vip-hero__user{display:flex;align-items:center;gap:10px;position:relative;z-index:1}
.hg-layout .hg-vip-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#2a2116;display:grid;place-items:center;border:2px solid rgba(242,201,108,.55)}
.hg-layout .hg-vip-avatar__img{width:100%;height:100%;object-fit:cover}
.hg-layout .hg-vip-avatar__letter{font-weight:800;color:var(--vip-gold);font-size:18px}
.hg-layout .hg-vip-hero__user strong{display:block;font-size:15px;color:#fff}
.hg-layout .hg-vip-hero__user em{display:inline-block;margin-top:3px;font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.35);color:var(--vip-gold);border:1px solid rgba(242,201,108,.35)}
.hg-layout .hg-vip-hero__status{margin-top:14px;position:relative;z-index:1}
.hg-layout .hg-vip-hero__status h1{margin:0;font-size:22px;line-height:1.25;color:#fff;letter-spacing:.02em}
.hg-layout .hg-vip-hero__status p{margin:6px 0 0;font-size:13px;color:rgba(255,255,255,.62)}
.hg-layout .hg-vip-hero__mark{position:absolute;right:8px;bottom:-8px;font-size:96px;font-weight:900;color:rgba(242,201,108,.12);line-height:1;pointer-events:none}
.hg-layout .hg-vip-perks{margin:0 0 16px}
.hg-layout .hg-vip-perks h2{margin:0 0 12px;text-align:center;font-size:14px;color:var(--vip-gold);display:flex;align-items:center;justify-content:center;gap:10px}
.hg-layout .hg-vip-perks h2 i{display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--vip-gold),transparent)}
.hg-layout .hg-vip-perks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hg-layout .hg-vip-perks li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.hg-layout .hg-vip-perks li span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(242,201,108,.1);border:1px solid rgba(242,201,108,.22);color:var(--vip-gold);font-size:12px;font-weight:800}
.hg-layout .hg-vip-perks li b{font-size:11px;color:#fff;font-weight:700}
.hg-layout .hg-vip-perks li em{font-style:normal;font-size:10px;color:rgba(255,255,255,.45)}
.hg-layout .hg-vip-toast{margin:0 0 12px;padding:10px 12px;border-radius:12px;font-size:13px}
.hg-layout .hg-vip-toast.is-ok{background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}
.hg-layout .hg-vip-toast.is-err{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}
.hg-layout .hg-vip-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hg-layout .hg-vip-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 10px 0;min-height:148px;border-radius:14px;background:var(--vip-card);border:1.5px solid var(--vip-line);cursor:pointer;overflow:hidden}
.hg-layout .hg-vip-plan input{position:absolute;opacity:0;pointer-events:none}
.hg-layout .hg-vip-plan.is-on,.hg-layout .hg-vip-plan:has(input:checked){border-color:var(--vip-gold);box-shadow:0 0 0 1px rgba(242,201,108,.35),0 8px 24px rgba(242,201,108,.12)}
.hg-layout .hg-vip-plan__badge{position:absolute;top:0;left:0;background:#e11d48;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-bottom-right-radius:10px;font-style:normal}
.hg-layout .hg-vip-plan__name{font-size:14px;font-weight:800;color:#fff;text-align:center}
.hg-layout .hg-vip-plan__price{text-align:center;font-size:26px;font-weight:900;color:#fff;line-height:1.1}
.hg-layout .hg-vip-plan__price small{font-size:.55em;margin-right:1px}
.hg-layout .hg-vip-plan__dur{text-align:center;font-size:11px;color:rgba(255,255,255,.45)}
.hg-layout .hg-vip-plan__foot{margin-top:auto;display:block;text-align:center;font-size:11px;font-weight:700;color:#1a140c;background:linear-gradient(90deg,var(--vip-gold),var(--vip-gold2));padding:8px 6px}
.hg-layout .hg-vip-note{margin:12px 0 0;font-size:12px;color:rgba(255,255,255,.45);line-height:1.5}
.hg-layout .hg-vip-cta-space{height:76px}
.hg-layout .hg-vip-cta{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:220;padding:10px 16px;background:linear-gradient(180deg,rgba(11,11,15,0),rgba(11,11,15,.92) 30%,#0b0b0f);pointer-events:none}
.hg-layout .hg-vip-cta__btn{pointer-events:auto;display:block;width:100%;max-width:720px;margin:0 auto;border:0;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:900;color:#1a140c;background:linear-gradient(90deg,#ffd76a,#f2c96c 40%,#e8b44a);box-shadow:0 8px 28px rgba(242,201,108,.35);cursor:pointer}
.hg-layout .hg-vip-cta__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.hg-layout.hg-has-mtab .hg-vip-cta{bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:220}
.hg-layout.hg-vip-pay-page .hg-vip-cta{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;z-index:220!important}
.hg-layout.hg-vip-pay-page .hg-m-tabbar,
.hg-layout.hg-vip-pay-page .mobile-tabbar{display:none!important}
.hg-layout.hg-vip-pay-page{padding-bottom:0!important}
@media (min-width:900px){.hg-layout .hg-vip-cta{bottom:16px}}
.hg-layout .hg-vip-orders{margin-top:8px}
.hg-layout .hg-vip-orders h2{margin:0 0 10px;font-size:15px;color:#fff}
.hg-layout .hg-vip-orders ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hg-layout .hg-vip-order{padding:12px;border-radius:12px;background:var(--vip-card);border:1px solid var(--vip-line);display:grid;gap:4px;font-size:12px;color:rgba(255,255,255,.55)}
.hg-layout .hg-vip-order strong{color:#fff;font-size:15px;margin-right:8px}
.hg-layout .hg-vip-order code{font-size:11px;color:rgba(255,255,255,.4)}
.hg-layout .hg-vip-st{font-style:normal;margin-left:8px}
.hg-layout .hg-vip-st.is-ok{color:#6ee7b7}
.hg-layout .hg-vip-st.is-wait{color:var(--vip-gold)}
.hg-layout .hg-vip-empty{padding:16px;text-align:center;color:rgba(255,255,255,.4);font-size:13px}
/* sheet */
.hg-layout .hg-vip-sheet{position:fixed;inset:0;z-index:10060!important}
.hg-layout .hg-vip-sheet[hidden]{display:none!important}
.hg-layout .hg-vip-sheet__mask{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.hg-layout .hg-vip-sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;background:#14151c;border-radius:18px 18px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px rgba(0,0,0,.45);animation:hgVipSheetUp .28s ease}
@keyframes hgVipSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.hg-layout .hg-vip-sheet__handle{width:40px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);margin:4px auto 10px}
.hg-layout .hg-vip-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.hg-layout .hg-vip-sheet__head h3{margin:0;font-size:18px;color:#fff;display:inline}
.hg-layout .hg-vip-sheet__head span{margin-left:8px;font-size:12px;color:rgba(255,255,255,.4)}
.hg-layout .hg-vip-sheet__x{border:0;background:transparent;color:rgba(255,255,255,.55);font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.hg-layout .hg-vip-sheet__plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;background:#1c1d27;border:1px solid var(--vip-line);margin-bottom:16px}
.hg-layout .hg-vip-sheet__plan strong{display:block;font-size:18px;color:#fff}
.hg-layout .hg-vip-sheet__plan p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.45)}
.hg-layout .hg-vip-sheet__price{font-style:normal;font-size:14px;font-weight:900;color:#111;background:var(--vip-gold);padding:8px 14px;border-radius:999px;white-space:nowrap}
.hg-layout .hg-vip-sheet__price b{font-size:18px}
.hg-layout .hg-vip-sheet__block h4{margin:0 0 10px;font-size:14px;color:#fff}
.hg-layout .hg-vip-payways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hg-layout .hg-vip-payway{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#1c1d27;border:1.5px solid var(--vip-line);cursor:pointer}
.hg-layout .hg-vip-payway input{position:absolute;opacity:0;pointer-events:none}
.hg-layout .hg-vip-payway.is-on,.hg-layout .hg-vip-payway:has(input:checked){border-color:var(--vip-gold);box-shadow:0 0 0 1px rgba(242,201,108,.25)}
.hg-layout .hg-vip-payway em{font-style:normal;font-weight:700;color:#fff;font-size:14px}
.hg-layout .hg-vip-payway__ico{width:22px;height:22px;border-radius:6px;display:inline-block;background:linear-gradient(135deg,#38bdf8,#2563eb)}
.hg-layout .hg-vip-payway__ico--wx{background:linear-gradient(135deg,#4ade80,#16a34a)}
.hg-layout .hg-vip-sheet__tip{margin:14px 0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);font-size:12px;color:rgba(255,255,255,.4);line-height:1.5}
.hg-layout .hg-vip-sheet__pay{display:block;width:100%;border:0;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:900;color:#1a140c;background:linear-gradient(90deg,#ffd76a,#f2c96c 40%,#e8b44a);cursor:pointer}
.hg-layout .hg-vip-sheet__pay:disabled{opacity:.45;cursor:not-allowed}
body.is-hg-vip-sheet{overflow:hidden}
@media (max-width:420px){
  .hg-layout .hg-vip-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hg-layout .hg-vip-plan__price{font-size:22px}
  .hg-layout .hg-vip-perks ul{gap:4px}
  .hg-layout .hg-vip-perks li span{width:36px;height:36px}
}

/* === HG VIP CTA TOP === */
.hg-layout .member-vip-cta,.hg-layout a.member-vip-cta{display:flex!important;align-items:center;justify-content:center;margin:14px 0 0;width:100%;box-sizing:border-box;padding:14px 18px!important;border-radius:999px!important;background:linear-gradient(90deg,#ffd76a,#f2c96c 40%,#e8b44a)!important;color:#1a140c!important;-webkit-text-fill-color:#1a140c!important;font-size:16px!important;font-weight:900!important;letter-spacing:.04em;text-decoration:none!important;border:0!important;box-shadow:0 8px 24px rgba(242,201,108,.35)}
.hg-layout a.member-vip-cta.is-done{background:rgba(255,255,255,.08)!important;color:#f2c96c!important;-webkit-text-fill-color:#f2c96c!important;box-shadow:none;font-size:14px!important;font-weight:700!important}
.hg-layout.hg-vip-orders-page .hg-vip-orders{margin-top:8px}