* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  height: 100%;
  max-height: 100%;
  max-height: 100dvh;
  background: #0e0e10;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}
button { font-family: inherit; cursor: pointer; touch-action: manipulation; user-select: none; }
:root {
  --bg: #141416;
  --bg2: #1c1c1f;
  --line: #2a2a2e;
  --orange: #ff7a18;
  --red: #e53935;
  --blue: #3d5bff;
  --muted: #8b8d96;
  /* 1080×960 设计稿：底图按 PNG 标注尺寸纵向拼接；仅 #fitInner 整页 scale（app.js fitToHost） */
  --h5-design-w: 1080px;
  --h5-design-h: 960px;
  /* contain：整页缩进视口；App WebView 内由 app.js 改为 cover */
  --h5-fit-mode: contain;
  --h5-skin-canvas-w: 1080px;
  --h5-skin-head-h: 310px;
  --h5-skin-qieye-h: 98px;
  --h5-skin-xiazhu-w: 1048px;
  --h5-skin-xiazhu-h: 408px;
  --h5-skin-xiazhu-radius: 16px;
  /* 由 layoutMarksixBetPane 按锚点写入；默认=锚点换算 1048×408 @ left16 top426 */
  --h5-skin-xiazhu-left: 16px;
  --h5-skin-xiazhu-top: 426px;
  --h5-marksix-foot-mt: 426px;
  --h5-skin-canvas-cy: 480px;
  /* 底图锚点：相对画布中心 (540,480)，x 右正 y 上正（图心）；像素由 ref-ui skinRectFromAnchor 计算 */
  --h5-skin-anchor-game-x: 0px;
  --h5-skin-anchor-game-y: 325px;
  --h5-skin-anchor-qieye-x: 0px;
  --h5-skin-anchor-qieye-y: 120px;
  --h5-skin-anchor-xiazhu-x: 0px;
  --h5-skin-anchor-xiazhu-y: -150px;
  --h5-skin-anchor-di-x: 0px;
  --h5-skin-anchor-di-y: -155px;
  --h5-skin-di-sheet-h: 650px;
  --h5-bottom-sheet-max: min(780px, 88%);
  --h5-skin-touzhu-w: 400px;
  --h5-skin-touzhu-h: 88px;
  --ref-head-block-h: var(--h5-skin-head-h);
  --ref-tabs-bar-h: var(--h5-skin-qieye-h);
  --ref-bet-pane-h: var(--h5-skin-xiazhu-h);
  --ref-foot-block-h: calc(
    var(--h5-design-h) - var(--h5-skin-head-h) - var(--h5-skin-qieye-h) - var(--h5-skin-xiazhu-h)
  );
  --ref-bet-block-h: calc(var(--h5-design-h) - var(--ref-head-block-h));
  --ref-game-design-h: var(--h5-design-h);
  --ref-head-brand-w: 313px;
  --ref-head-grid-r1: 64px;
  --ref-head-grid-r2: 80px;
  --ref-head-grid-r3: 48px;
  --ref-head-grid-gap: 12px;
  --ref-draw-balls-max-w: 720px;
  --ref-draw-row-min-h: 66px;
  --ref-last-row-scale: 0.82;
  --h5-type-scale: 1;
  --ui-text-scale: var(--h5-type-scale);
  --ref-tile-gap: 17px;
  --bet-cell-h: 126px;
  --bet-gap: 14px;
  --hall-grid-gap-y: 28px;
  --hall-grid-gap-x: 20px;
  --hall-grid-pad-x: 24px;
  /* 更多 · 用户信息三行 */
  --h5-more-user-row-gap: 28px;
  --h5-more-user-label-w: 176px;
  --h5-more-user-k-size: calc(28px * var(--h5-type-scale));
  --h5-more-user-v-size: calc(30px * var(--h5-type-scale));
  --h5-more-user-line: 1.48;
  --h5-more-user-row-min-h: 54px;
  --h5-more-user-col-gap: 20px;
  /* 皮服底滑弹层正文字号（投注/开奖/玩法/筹码/更多 列表统一） */
  --h5-sheet-title-font: calc(32px * var(--h5-type-scale, 1));
  --h5-sheet-row-font: calc(24px * var(--h5-type-scale, 1));
  --h5-sheet-row-secondary-font: calc(18px * var(--h5-type-scale, 1));
  --h5-sheet-meta-font: calc(20px * var(--h5-type-scale, 1));
  --h5-sheet-empty-font: calc(24px * var(--h5-type-scale, 1));
  --h5-sheet-sep-font: calc(20px * var(--h5-type-scale, 1));
  --h5-sheet-more-btn-font: calc(26px * var(--h5-type-scale, 1));
  --h5-sheet-rules-h-font: calc(32px * var(--h5-type-scale, 1));
  --h5-sheet-rules-body-font: calc(26px * var(--h5-type-scale, 1));
  /* 局内客服（1080 画布，勿用大厅 14px 小号字） */
  --h5-cs-tab-font: calc(24px * var(--h5-type-scale, 1));
  --h5-cs-body-font: calc(24px * var(--h5-type-scale, 1));
  --h5-cs-meta-font: calc(20px * var(--h5-type-scale, 1));
  --h5-cs-input-font: calc(24px * var(--h5-type-scale, 1));
  --h5-cs-btn-font: calc(24px * var(--h5-type-scale, 1));
  /* 底滑 / 弹层右上角关闭钮（玩法说明、记录、筹码、更多、充值等共用） */
  --h5-sheet-close-font: calc(26px * var(--h5-type-scale));
  --h5-tab-qieye-font: calc(30px * var(--h5-type-scale));
  --h5-ref-tool-bar-font: calc(26px * var(--h5-type-scale));
  --h5-ref-tool-sq-font: calc(30px * var(--h5-type-scale));
  /* 顶栏「本期截至」：文案 34px / 倒计时 38px，不跟 --h5-type-scale */
  --h5-ref-cut-font: 34px;
  --h5-ref-cut-clock-font: 38px;
  --h5-ref-cut-row-min-h: 56px;
  --h5-ref-cut-gap: 0;
  --h5-ref-last-tag-gap: 10px;
  --h5-foot-touzhu-bal-font: calc(30px * var(--h5-type-scale));
  --h5-foot-touzhu-submit-font: calc(28px * var(--h5-type-scale));
  /* 充值底滑：不乘 type-scale（手机 1.4× 会撑爆）；随 1080 画布整体 scale */
  --h5-pay-title-font: 32px;
  --h5-pay-bal-font: 26px;
  --h5-pay-bal-num-font: 36px;
  --h5-pay-sec-font: 24px;
  --h5-pay-empty-font: 24px;
  --h5-pay-pack-g-font: 28px;
  --h5-pay-pack-sub-font: 20px;
  --h5-pay-pack-p-font: 22px;
  --h5-pay-method-font: 24px;
  --h5-pay-note-font: 22px;
  --h5-pay-ok-font: 30px;
  --h5-pay-records-font: 26px;
  --h5-pay-bal-h: 72px;
  --h5-pay-method-h: 64px;
  --h5-pay-ok-h: 76px;
  --h5-pay-records-gap: 24px;
  --h5-sheet-close-pad-y: 12px;
  --h5-sheet-close-pad-x: 28px;
  --h5-sheet-close-radius: 12px;
  --h5-sheet-close-min-w: 128px;
  --h5-sheet-close-min-h: 52px;
  --hall-foot-overlay-h: calc(var(--h5-skin-touzhu-h) + 28px);
  /* 选择筹码底滑：底边对齐 ref-foot 顶，不盖住筹码+投注条 */
  --h5-chip-stack-bottom: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  --h5-hall-panel-bg: rgba(8, 10, 16, 0.58);
  --h5-hall-foot-bg: rgba(8, 10, 16, 0.58);
  --h5-hall-panel-border: rgba(255, 255, 255, 0.14);
  --h5-hall-panel-radius: 16px;
  --h5-hall-panel-radius-top: 20px;
  /* 1080 稿内图片展示尺寸（PNG 等比 contain 进框，不二次 JS 缩放） */
  --h5-img-chip-pile: 63px;
  --h5-img-chip-foot: 77px;
  --h5-img-chip-sheet: 77px;
  --h5-img-chip-badge: 31px;
  --h5-img-game-icon: 176px;
  /* 游戏图标稿 192；首页 .hall 与局内 .h5-more-grid 展示尺寸各管各的，禁止混用同一套 class */
  --h5-game-icon-src: 192px;
  /* 1080 宽四列均分：(设计宽 − 左右内边距 − 三列间距) / 4 */
  --h5-hall-center-icon-show: calc(
    (var(--h5-design-w) - 2 * var(--hall-grid-pad-x) - 3 * var(--hall-grid-gap-x)) / 4
  );
  --h5-hall-center-grid-gap-y: 24px;
  --h5-hall-center-icon-scale: calc(var(--h5-hall-center-icon-show) / var(--h5-game-icon-src));
  --h5-more-game-icon-show: 144px;
  --h5-more-game-icon-scale: calc(var(--h5-more-game-icon-show) / var(--h5-game-icon-src));
  /* 下排 icon 叠上排同色底：中心圆保留本玩法字，外圈露上排渐变 */
  --h5-hall-icon-face-r: 46%;
  --h5-head-icon-scale: calc(var(--h5-img-game-icon) / var(--h5-game-icon-src));
  --h5-img-player-w: 96px;
  --h5-img-player-h: 96px;
  --h5-img-player: var(--h5-img-player-w);
  --h5-img-vs-w: 96px;
  --h5-img-vs-h: 96px;
  --h5-img-vs-pane-w: 328px;
  --h5-img-vs-pane-h: 128px;
  --h5-img-tool-more: 35px;
  --h5-img-gengduo: 44px;
  /* 顶栏工具钮：与「更多」外框同高（44 图案 + 8 内边距/描边） */
  --h5-ref-tool-outer: calc(var(--h5-img-gengduo) + 8px);
  --h5-img-refresh: 31px;
  /* 出奖图定稿（用户锁定）：球80×80 车64×64 方框64×64 顶栏第3行方框48×48 — 仅此处+core.js H5_IMG，禁止 layout 自定义 */
  --h5-img-ball-w: 80px;
  --h5-img-ball-h: 80px;
  --h5-img-ball-car-w: 64px;
  --h5-img-ball-car-h: 64px;
  --h5-img-tag-ts-w: 64px;
  --h5-img-tag-ts-h: 64px;
  --h5-img-tag-ts-last-w: 48px;
  --h5-img-tag-ts-last-h: 48px;
  --h5-img-tag-ts-wide-w: 96px;
  --h5-img-tag-ts-wide-h: 48px;
  --h5-img-ball-num-font: calc(var(--h5-img-ball-h) * 0.371 * var(--h5-type-scale));
  --h5-img-tag-ts-font: calc(var(--h5-img-tag-ts-h) * 0.395 * var(--h5-type-scale));
  --h5-skin-ball-num-font: calc(var(--h5-img-ball-h) * 0.46 * var(--h5-type-scale));
  --h5-skin-tag-ts-font: calc(var(--h5-img-tag-ts-h) * 0.52 * var(--h5-type-scale));
  --h5-skin-tag-ts-last-font: calc(var(--h5-img-tag-ts-last-h) * 0.52 * var(--h5-type-scale));
  --h5-skin-tag-ts-wide-font: calc(var(--h5-img-tag-ts-wide-h) * 0.42 * var(--h5-type-scale));
}
.ref-game[data-kind="k3"],
.ref-game[data-kind="pk10"] {
  --ref-head-grid-r2: 80px;
  --ref-draw-row-min-h: 76px;
}

.shell {
  height: 100%;
  max-height: 100%;
  max-height: 100dvh;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  position: relative;
  background: var(--bg);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-sizing: border-box;
}
.fit-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  transform-origin: top center;
  flex-shrink: 0;
}
.fit-inner.is-game-canvas {
  width: var(--h5-design-w);
  height: var(--h5-design-h);
  min-height: var(--h5-design-h);
  max-height: var(--h5-design-h);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.fit-inner.is-game-canvas .game-stage {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.fit-inner.is-game-canvas .game-stage > .ref-stage {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.shell.shell--h5-design {
  position: relative;
  display: block;
  overflow: hidden;
}
html.browser,
html.browser body {
  height: 100%;
  max-height: 100dvh;
  overflow: hidden;
}
html.browser .shell {
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  box-sizing: border-box;
}
html.browser .shell.shell--h5-design {
  background: #08080a;
}
html.embed.hall-list-active,
html.embed.hall-list-active body,
html.embed .fit-inner.is-hall-list,
html.embed .fit-inner.is-hall-list .game-stage {
  background: transparent;
}
html.embed .shell.shell--hall-list {
  background: #0a0a0e;
}
html.embed.hall-list-active .game-stage {
  overflow: visible;
}
.fit-inner.is-game-canvas {
  transform-origin: center center;
  flex-shrink: 0;
}
.fit-inner.is-game-canvas .game-pane.ref-stage,
.fit-inner.is-game-canvas .game-pane.ref-stage > .ref-game {
  width: 100%;
  height: 100%;
  min-height: 0;
}
body.embed .shell,
html.embed .shell {
  padding-top: max(env(safe-area-inset-top, 0px), var(--app-inset-top, 0px));
}
/* 已嵌在宿主视频区下方：不再垫顶部安全区 */
html.nest.embed .shell,
html.nest .shell,
body.nest .shell {
  padding-top: 0;
}
/* App nest：WebView 除局内 .ref-game（含走势图/弹层）外全透明；不裁切溢出（原生窗已铺满 h5 槽） */
html.nest,
html.nest body {
  background: transparent !important;
  background-color: transparent !important;
  overflow: visible !important;
}
html.nest .shell {
  overflow: visible !important;
}
html.nest .shell,
html.nest.embed .shell.shell--h5-design,
html.nest.embed .shell.shell--hall-list,
html.nest.hall-list-active .shell,
html.nest.embed.hall-list-active .shell {
  background: transparent !important;
  background-color: transparent !important;
}
html.nest.embed .game-stage > .hall {
  background: transparent !important;
  background-color: transparent !important;
}
html.nest.embed .game-stage > .boot-msg {
  background: rgba(14, 14, 16, 0.78) !important;
  color: #e8eaed;
  border-radius: 10px;
  margin: 16px 12px;
  flex: 0 1 auto;
  align-self: center;
  max-width: calc(100% - 24px);
}
html.nest.embed .fit-inner.is-game-canvas,
html.nest.embed .game-stage,
html.nest.embed .game-pane.ref-stage {
  background: transparent !important;
  background-color: transparent !important;
}
html.nest.embed .shell.shell--h5-design,
html.nest.embed .fit-inner.is-game-canvas,
html.nest.embed .fit-inner.is-hall-list,
html.nest.embed .game-stage,
html.nest.embed .game-pane.ref-stage,
html.nest.embed .game-nav,
html.nest.embed .hall,
html.nest.embed #toast,
html.nest.embed #mask,
html.nest.embed #authMask {
  pointer-events: auto !important;
}
html.nest.embed .fit-inner.is-game-canvas {
  visibility: hidden;
}
html.nest.embed .game-pane.ref-stage > .ref-game.ref-skin {
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
}
html.nest.embed .ref-game.ref-skin > .g-body.ref-body {
  overflow: hidden;
}
html.nest.embed.fit-ready .fit-inner.is-game-canvas,
html.nest.embed.fit-ready .fit-inner.is-hall-list {
  visibility: visible;
}
html.nest.embed .fit-inner.is-hall-list {
  visibility: hidden;
}
/* App 图标恢复局内：禁止闪游戏中心（不绘制列表时也挡住 fit-ready 露出） */
html.nest.embed.host-direct-game .hall,
html.nest.embed.host-direct-game.hall-list-active .hall,
html.nest.embed.host-direct-game .fit-inner.is-hall-list .hall {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.nest.embed.host-direct-game.fit-ready .fit-inner.is-hall-list {
  visibility: hidden !important;
}
html.nest.embed.host-direct-game .game-pane.ref-stage,
html.nest.embed.host-direct-game .ref-game.ref-skin {
  visibility: visible !important;
}
html.nest.embed .shell.shell--h5-design,
html.nest.embed .fit-inner.is-game-canvas,
html.nest.embed .game-stage,
html.nest.embed .game-pane.ref-stage {
  overflow: visible !important;
}
/* nest：走势图半透（禁 backdrop-filter，Android 上会糊成实底） */
html.nest.embed .ref-game.ref-skin [class*="-road-panel"] {
  background: rgba(8, 10, 16, 0.38) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.nest.embed .ref-game.ref-skin [class*="-road-layer"] {
  background: transparent !important;
}

.game-nav[hidden] { display: none; }
.game-nav {
  flex: 0 0 auto;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 2px 6px 0;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  border-bottom: 1px solid var(--line);
}
.game-nav::-webkit-scrollbar { display: none; }
.g-tab {
  flex: 0 0 auto;
  width: 64px;
  border: 0;
  background: transparent;
  color: #c8c9d0;
  padding: 0;
  scroll-snap-align: start;
}
.g-tab .thumb {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
  background: #2a2a30;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.g-tab.on .thumb {
  border-color: var(--orange);
  box-shadow: 0 0 0 1px rgba(255,122,24,.35);
}
.g-tab .name {
  margin-top: 1px;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.nest .game-nav {
  padding: 2px 4px 0;
  gap: 4px;
}
html.nest .g-tab {
  width: 60px;
}
html.nest .g-tab .thumb {
  width: 52px;
  height: 52px;
  font-size: 22px;
  border-radius: 10px;
}
.g-tab.on .name { color: var(--orange); font-weight: 700; }

.thumb.marksix { background: linear-gradient(145deg, #c62828, #7b1a1a); }
.thumb.pc28 { background: linear-gradient(145deg, #1565c0, #0d47a1); }
.thumb.k3 { background: linear-gradient(145deg, #2e7d32, #1b5e20); }
.thumb.ssc { background: linear-gradient(145deg, #6a1b9a, #4a148c); }
.thumb.pk10 { background: linear-gradient(145deg, #ef6c00, #e65100); }

.game-stage {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.game > .win-layer {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 10px 16px 14px;
  background: rgba(12, 10, 8, .78);
  border-radius: 0 0 8px 8px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px #000;
  opacity: 0;
  pointer-events: none;
  z-index: 12;
  transition: opacity .45s ease;
  box-sizing: border-box;
  text-align: center;
  overflow: visible;
  height: auto;
  max-height: none;
}
.win-layer.show { opacity: 1; }
.ref-game.ref-skin > .win-layer:not(.show) {
  z-index: 1;
  pointer-events: none;
}
.game.ref-game.win-notice-open,
.game-stage.win-notice-open {
  overflow: visible;
}
.win-layer .win-note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  flex: 0 0 auto;
  pointer-events: none;
  box-sizing: border-box;
}
.win-layer .win-note-head {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0 4px;
  text-align: center;
  line-height: 1.32;
  font-size: 34px;
  font-weight: 800;
  box-sizing: border-box;
  margin-bottom: 4px;
}
.win-layer .win-note-head.hit { color: #ffd54f; }
.win-layer .win-note-head.miss { color: #c5cad6; }
.win-layer .win-note-details {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  max-width: 100%;
}
.win-layer .win-note-row {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 4px;
  text-align: center;
  line-height: 1.35;
  font-size: 22px;
  font-weight: 600;
  color: rgba(180, 186, 198, .92);
  box-sizing: border-box;
}
.win-layer .hit,
.win-layer .miss {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 0 4px;
  text-align: center;
  line-height: 1.3;
  font-size: 34px;
  font-weight: 800;
  box-sizing: border-box;
}
.win-layer .hit { color: #ffd54f; }
.win-layer .miss { color: #c5cad6; }
.game-pane {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.game-stage > .game-pane.game-pane--enter,
.game-stage > .hall.hall--enter {
  animation: h5-game-slide-up 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes h5-game-slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.game-pane .game {
  flex: 1 1 0;
  min-height: 0;
}
.game-pane .g-body[data-pane="bet"] {
  flex: 1 1 0;
  min-height: 0;
}
.game-pane[hidden] {
  display: none !important;
}
.boot-msg {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  color: #9aa0aa;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.game {
  position: relative;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.g-head {
  flex: 0 0 auto;
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px 0;
}
.mode-seg {
  display: flex;
  background: #2a2a30;
  border-radius: 16px;
  padding: 2px;
  flex-shrink: 0;
}
.mode-seg button {
  height: 26px;
  padding: 0 12px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: #c5c6ce;
  font-size: 12px;
}
.mode-seg button.on {
  background: var(--orange);
  color: #fff;
  font-weight: 700;
}
.status {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  color: #eee;
}
.status b { color: var(--orange); font-size: 16px; }
.speaker, .more-btn {
  border: 0;
  background: transparent;
  color: #c5c6ce;
}
.speaker.off { opacity: .35; }
.more-btn {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  flex-shrink: 0;
}

.g-body { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.g-body[hidden], [hidden] { display: none !important; }
.bet-main {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.bet-foot {
  flex: 0 0 auto;
  background: var(--bg);
}

.video-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #9aa0aa;
  font-size: 13px;
}
.video-stage {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 72px;
}

.result-row {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px 0;
  gap: 6px;
  min-height: 42px;
  box-sizing: border-box;
  z-index: 1;
}
.result-dice, .result-balls {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 34px;
}
.result-tags {
  display: flex;
  gap: 6px;
  min-height: 26px;
  flex-shrink: 0;
}
.tag {
  min-width: 28px;
  height: 26px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.tag.sum { background: #3d5bff; }
.tag.big, .tag.odd { background: #3d5bff; }
.tag.small, .tag.even { background: #7c4dff; }
.tag.leopard { background: #ff7a18; }
.tag.red { background: #e53935; }
.tag.blue { background: #1e88e5; }
.tag.green { background: #43a047; }

.die {
  width: 34px; height: 34px;
  background: #fff;
  border-radius: 6px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  padding: 4px;
  box-shadow: 0 2px 0 #cfcfcf;
}
.die i {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #222;
  justify-self: center;
  align-self: center;
  opacity: 0;
}
.die[data-n="1"] i:nth-child(5),
.die[data-n="2"] i:nth-child(1),
.die[data-n="2"] i:nth-child(9),
.die[data-n="3"] i:nth-child(1),
.die[data-n="3"] i:nth-child(5),
.die[data-n="3"] i:nth-child(9),
.die[data-n="4"] i:nth-child(1),
.die[data-n="4"] i:nth-child(3),
.die[data-n="4"] i:nth-child(7),
.die[data-n="4"] i:nth-child(9),
.die[data-n="5"] i:nth-child(1),
.die[data-n="5"] i:nth-child(3),
.die[data-n="5"] i:nth-child(5),
.die[data-n="5"] i:nth-child(7),
.die[data-n="5"] i:nth-child(9),
.die[data-n="6"] i:nth-child(1),
.die[data-n="6"] i:nth-child(3),
.die[data-n="6"] i:nth-child(4),
.die[data-n="6"] i:nth-child(6),
.die[data-n="6"] i:nth-child(7),
.die[data-n="6"] i:nth-child(9) { opacity: 1; }
.die.spin { animation: die-spin .18s linear infinite; }
img.die-img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  vertical-align: middle;
  flex: 0 0 auto;
  display: block;
}
img.die-img.spin {
  animation: die-spin .18s linear infinite;
}
@keyframes die-spin {
  from { transform: rotate(0deg) scale(.92); }
  to { transform: rotate(360deg) scale(1); }
}

.ball {
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; color: #fff;
  background: #e53935;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
}
.ball.b0 { background: #455a64; }
.ball.b1 { background: #e53935; }
.ball.b2 { background: #1e88e5; }
.ball.b3 { background: #43a047; }
.ball.b4 { background: #fb8c00; }
.ball.b5 { background: #8e24aa; }
.ball.b6 { background: #00acc1; }
.ball.b7 { background: #6d4c41; }
.ball.b8 { background: #3949ab; }
.ball.b9 { background: #c0ca33; color: #222; }
.ball.red { background: #e53935; }
.ball.blue { background: #1e88e5; }
.ball.green { background: #43a047; }
.ball.sp { outline: 2px solid #ffd54f; }
.ball.car { border-radius: 0; width: 26px; height: 26px; font-size: 11px; overflow: visible; }

.tabs {
  flex: 0 0 32px;
  min-height: 32px;
  display: flex;
  gap: 2px;
  padding: 0 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.tabs::-webkit-scrollbar { display: none; }
.tabs button {
  flex: 0 0 auto;
  height: 26px;
  min-width: 44px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: #c5c6ce;
  font-size: 13px;
  position: relative;
}
.tabs button.on {
  color: var(--orange);
  font-weight: 700;
}
.tabs button.on::after {
  content: '';
  position: absolute;
  left: 10px; right: 10px; bottom: 2px;
  height: 2px;
  background: var(--orange);
  border-radius: 1px;
}

.bet-pane {
  flex: 0 0 var(--bet-pane-max);
  height: var(--bet-pane-max);
  min-height: var(--bet-pane-max);
  max-height: var(--bet-pane-max);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 2px 6px;
  box-sizing: border-box;
}
.bet-pane::-webkit-scrollbar { width: 0; }

.win-pop {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  background: rgba(12, 10, 8, .62);
  border-radius: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px #000;
  opacity: 0;
  pointer-events: none;
  z-index: 8;
  transition: opacity .45s ease;
}
.win-pop.show { opacity: 1; }
.win-pop .hit,
.win-pop .miss {
  pointer-events: none;
  padding: 0 4px;
  text-align: center;
  line-height: 1.35;
  font-size: 16px;
}
.win-pop .hit { color: #ffe082; }
.win-pop .miss { color: #9aa3b8; }

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--bet-gap);
  min-height: var(--bet-pane-body);
  align-content: start;
}
.bet-cell {
  position: relative;
  height: var(--bet-cell-h);
  border: 0;
  border-radius: 10px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.bet-cell .lab { font-size: 22px; font-weight: 800; letter-spacing: 2px; }
.bet-cell .odds { font-size: 12px; opacity: .92; }
.bet-cell.red { background: linear-gradient(180deg, #ef5350, #c62828); }
.bet-cell.blue { background: linear-gradient(180deg, #5c6bc0, #283593); }
.bet-cell.orange { background: linear-gradient(180deg, #ffa726, #ef6c00); }
.bet-cell.purple { background: linear-gradient(180deg, #ab47bc, #6a1b9a); }
.bet-cell.teal { background: linear-gradient(180deg, #26a69a, #00695c); }
.bet-cell.green { background: linear-gradient(180deg, #66bb6a, #2e7d32); }
.bet-cell.has-stake { box-shadow: inset 0 0 0 2px #ffd54f; }
.bet-cell .stake {
  position: absolute;
  right: 6px; top: 6px;
  min-width: 22px; height: 18px; padding: 0 5px;
  border-radius: 9px;
  background: rgba(0,0,0,.45);
  font-size: 11px;
  font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}

.grid-sum {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
}
.grid-sum .bet-cell { height: 52px; }
.grid-sum .lab { font-size: 16px; letter-spacing: 0; }
.grid-pairs, .grid-nums, .grid-zod, .grid-cars {
  display: grid;
  gap: 6px;
}
.grid-pairs { grid-template-columns: repeat(3, 1fr); }
.grid-nums { grid-template-columns: repeat(7, 1fr); }
.grid-zod { grid-template-columns: repeat(6, 1fr); }
.grid-cars { grid-template-columns: repeat(5, 1fr); }
.grid-pairs .bet-cell,
.grid-nums .bet-cell,
.grid-zod .bet-cell,
.grid-cars .bet-cell { height: 48px; }
.grid-nums .lab, .grid-zod .lab, .grid-cars .lab { font-size: 14px; letter-spacing: 0; }

.chip-row {
  flex: 0 0 auto;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 4px 6px 6px;
  background: var(--bg);
  box-sizing: border-box;
}
.chip-row .bal {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 0;
  color: #ffd54f;
  font-size: 11px;
  white-space: nowrap;
  padding: 5px 12px 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #3d3420 0%, #1a1610 100%);
  box-shadow: inset 0 1px 0 rgba(255, 213, 79, .22);
  z-index: 1;
}
.chip-row .bal::after {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -3px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .55);
  filter: blur(2px);
  z-index: -1;
}
.chip-row .bal-go {
  font-size: 12px;
  font-weight: 700;
  color: #ffd54f;
}
.chips {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 1px 3px 4px;
  margin-left: 4px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.chips::-webkit-scrollbar { display: none; }
.chip {
  flex: 0 0 auto;
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 3px dashed rgba(255,255,255,.55);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
.chip.c10 { background: #2e7d32; }
.chip.c50 { background: #7b1fa2; }
.chip.c100 { background: #c2185b; }
.chip.c500 { background: #00838f; }
.chip.custom {
  background: #37474f;
  border-style: solid;
  font-size: 10px;
}
.chip.custom.has-val {
  font-size: 11px;
}
.chip.custom.has-val.long {
  font-size: 9px;
  letter-spacing: -0.5px;
}
.chip.on { box-shadow: 0 0 0 2px #ffd54f, 0 2px 0 rgba(0,0,0,.3); }
.rebet {
  flex: 0 0 auto;
  height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  background: #d6d6d6;
  color: #333;
  font-size: 13px;
  font-weight: 700;
}

.stats {
  flex: 0 0 auto;
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 2px 6px;
  font-size: 11px;
  color: #b0b3bb;
  background: var(--bg);
  box-sizing: border-box;
}
.stats-road {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding-right: 4px;
}
.settle-rec-wrap {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: 2px 4px 2px 6px;
  border-radius: 6px;
  background: #232328;
  box-sizing: border-box;
}
.settle-rec-inline {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9aa3b8;
  font-size: 10px;
  text-align: left;
  box-sizing: border-box;
}
.settle-rec-inline .settle-txt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settle-rec-inline.hit .settle-txt { color: #ffe082; font-weight: 700; }
.settle-rec-inline.miss .settle-txt { color: #9aa3b8; }
.settle-rec-inline.empty .settle-txt { color: #6a6d78; }
.settle-all-link {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 2px 0 4px;
  border: 0;
  background: transparent;
  color: #c5c6ce;
  font-size: 11px;
  white-space: nowrap;
}
.settle-sheet .settle-list {
  max-height: 160px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  margin: 0;
}
.settle-sheet .settle-record-item {
  padding: 6px 0;
  border-bottom: 1px solid #2a2a30;
  box-sizing: border-box;
}
.settle-sheet .settle-list .settle-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto max-content auto minmax(0, 1fr);
  align-items: center;
  column-gap: 6px;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  border-bottom: none;
  box-sizing: border-box;
}
.settle-sheet .settle-row-detail {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.45;
  color: #7a808c;
  word-break: break-word;
}
.settle-sheet .settle-record-item.hit .settle-row-detail {
  color: #a89860;
}
.settle-sheet .settle-record-item .settle-name,
.settle-sheet .settle-record-item .settle-issue,
.settle-sheet .settle-record-item .settle-result {
  color: #9aa3b8;
}
.settle-sheet .settle-record-item.hit .settle-name,
.settle-sheet .settle-record-item.hit .settle-issue {
  color: #ddd;
}
.settle-sheet .settle-record-item.hit .settle-result,
.settle-sheet .settle-row.hit .settle-result {
  color: #ffe082;
}
.settle-col {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settle-name { text-align: left; }
.settle-issue {
  text-align: center;
  min-width: max-content;
  overflow: visible;
  text-overflow: clip;
}
.settle-result { text-align: right; }
.settle-sep {
  color: #4a4a52;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
}
.settle-row.hit .settle-result { color: #ffe082; }
.settle-row.miss .settle-result { color: #9aa3b8; }
.settle-row.hit .settle-name,
.settle-row.hit .settle-issue { color: #ddd; }
.settle-row.miss .settle-name,
.settle-row.miss .settle-issue { color: #9aa3b8; }
.settle-empty {
  padding: 24px 0;
  text-align: center;
  color: #8b8d96;
  font-size: 13px;
}
.hist-wrap {
  flex: 0 0 auto;
  min-height: calc(var(--hist-block-h) + 4px);
  display: flex;
  align-items: stretch;
  min-width: 0;
  padding: 2px 4px 2px;
  background: var(--bg);
  box-sizing: border-box;
}
.hist-scroll {
  flex: 1;
  min-width: 0;
  min-height: var(--hist-block-h);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  overscroll-behavior-x: contain;
}
.hist-scroll::-webkit-scrollbar { height: 0; }
.hist-cols {
  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  width: max-content;
}
.hist-col {
  flex: 0 0 22px;
  width: 22px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hist-cell {
  height: 22px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.hist-cell.big, .hist-cell.odd { background: var(--red); }
.hist-cell.small, .hist-cell.even { background: var(--blue); }
.hist-cell.sum { background: #2e2e34; color: #eee; }
.bet-toast-slot {
  position: absolute;
  left: 6px;
  right: 6px;
  top: 0;
  z-index: 18;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
  min-height: 0;
}
.toast {
  background: rgba(20, 20, 30, .94);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  padding: 8px 14px;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s;
  z-index: 40;
  max-width: 100%;
  text-align: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
  border: 1px solid rgba(255, 255, 255, .08);
}
.toast.in-bet {
  position: relative;
  left: auto;
  transform: none;
  white-space: normal;
  word-break: break-word;
}
.toast.in-stage {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  white-space: normal;
  max-width: min(92%, 320px);
}
.toast.on { opacity: 1; }

.mask {
  display: none;
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 30;
  align-items: flex-end;
  justify-content: center;
}
.mask.on { display: flex; }
.mask.on .sheet {
  animation: sheet-up .28s ease;
}
@keyframes sheet-up {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.pay-amts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}
.pay-amts button.on {
  border-color: #d4a017;
  color: #f2d48a;
}
.pay-amts button {
  flex: 1;
  height: 36px;
  border: 1px solid #3a3a42;
  border-radius: 8px;
  background: #141416;
  color: #eee;
  font-size: 13px;
}
.sheet {
  width: 100%;
  background: #1f1f24;
  border-radius: 16px 16px 0 0;
  padding: 16px 16px 24px;
}
.sheet-t { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.pay-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sheet-x {
  border: 0;
  background: transparent;
  color: #9aa0aa;
  font-size: 13px;
  height: 28px;
  padding: 0 4px 0 12px;
}
.sheet-inp {
  width: 100%; height: 42px;
  border: 1px solid #3a3a42;
  border-radius: 8px;
  background: #141416;
  color: #fff;
  padding: 0 12px;
  font-size: 16px;
  margin-bottom: 12px;
}
.sheet-ok {
  width: 100%; height: 42px;
  border: 0; border-radius: 8px;
  background: var(--orange); color: #fff;
  font-size: 15px; font-weight: 700;
}
.sheet-ok-inline {
  width: auto;
  height: 28px;
  padding: 0 12px;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.sheet-sub { margin-top: 8px; margin-bottom: 10px; }
.sheet p { font-size: 13px; color: #c5c6ce; line-height: 1.6; margin-bottom: 8px; }
.sheet .rec { font-size: 12px; color: #9aa0aa; max-height: 160px; overflow: auto; }
.sheet .rec div { padding: 4px 0; border-bottom: 1px solid #2a2a30; }

.auth-mask {
  display: none;
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 35;
  align-items: flex-end;
  justify-content: center;
}
.auth-mask.on { display: flex; }
.auth-card {
  width: 100%;
  background: #1f1f24;
  border-radius: 16px 16px 0 0;
  padding: 16px 16px 24px;
}
.auth-card h2 { font-size: 16px; margin-bottom: 12px; }
.auth-card .auth-err {
  min-height: 18px;
  font-size: 12px;
  color: #ff8a80;
  margin: 4px 0 10px;
}
.auth-card .checks {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: #9aa0aa;
  margin: 0 0 12px;
}
.auth-card .checks label { display: flex; align-items: center; gap: 6px; }
.auth-switch {
  margin-top: 10px;
  width: 100%;
  height: 36px;
  border: 0;
  background: transparent;
  color: #9aa0aa;
  font-size: 13px;
}

.play-bar { display: none !important; }

/* 游戏中心：固定 1080×960 画布（与局内 #fitInner 同尺），底栏 + 列表区自上而下 */
.hall {
  position: relative;
  width: var(--h5-design-w);
  height: var(--h5-design-h);
  min-height: var(--h5-design-h);
  max-height: var(--h5-design-h);
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
  color: #e8e8ec;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
  --h5-hall-list-boost: 0px;
}
html.embed .hall {
  background: transparent;
}
.fit-inner.is-game-canvas .game-stage > .hall {
  flex: 0 0 auto;
  align-self: center;
  height: var(--h5-design-h);
  min-height: var(--h5-design-h);
}
.hall .hall-main {
  position: absolute;
  left: var(--h5-hall-list-left, 0);
  top: var(--h5-hall-list-top, 0);
  z-index: 2;
  width: var(--h5-hall-list-w, 100%);
  max-width: var(--h5-hall-list-w, 100%);
  height: var(--h5-hall-list-h, calc(var(--h5-design-h) - var(--ref-foot-block-h)));
  max-height: var(--h5-hall-list-h, calc(var(--h5-design-h) - var(--ref-foot-block-h)));
  bottom: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 0;
  overflow: hidden;
  pointer-events: auto;
  background: var(--h5-hall-panel-bg);
  border: 1px solid var(--h5-hall-panel-border);
  border-radius: var(--h5-hall-panel-radius-top) var(--h5-hall-panel-radius-top) 0 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hall .hall-main::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.hall .hall-main .hall-sec {
  flex: 0 0 auto;
  margin: 0 12px;
  padding: 8px 4px 8px;
  text-align: center;
  font-size: var(--h5-tab-qieye-font);
  font-weight: 800;
  color: #e8e8ec;
  border: 0;
  box-shadow: none;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.hall .hall-main .hall-grid-wrap,
.hall .hall-main .hall-grid-wrap.hall-grid-wrap--clip {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px var(--hall-grid-pad-x) 16px;
  width: 100%;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hall .hall-main .hall-grid-wrap::-webkit-scrollbar,
.hall .hall-main .hall-grid-wrap.hall-grid-wrap--clip::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.hall .hall-main .hall-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: var(--h5-hall-center-icon-show);
  justify-items: stretch;
  align-items: start;
  align-content: start;
  column-gap: var(--hall-grid-gap-x);
  row-gap: var(--h5-hall-center-grid-gap-y, 24px);
  width: 100%;
  box-sizing: border-box;
}
.hall .hall-main .hall-game-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: var(--h5-hall-center-icon-show);
  height: var(--h5-hall-center-icon-show);
  justify-self: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  overflow: hidden;
  flex: 0 0 auto;
  cursor: pointer;
}
.hall .hall-main .hall-game-icon-img {
  display: block;
  width: var(--h5-hall-center-icon-show);
  height: var(--h5-hall-center-icon-show);
  max-width: none;
  max-height: none;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center center;
  border: 0;
  border-radius: 0;
  pointer-events: none;
}
.hall-glyph {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 1px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.hall-badge {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background: rgba(255, 255, 255, .94);
  color: #6a4a12;
  font-size: 10px;
  line-height: 1;
  padding: 2px 5px;
  border-radius: 8px;
  font-weight: 800;
}
.hall-foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  pointer-events: none;
  height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  min-height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  max-height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
}
.hall-foot .hall-foot-game {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.hall-foot .hall-foot-game .hall-ref-foot.ref-foot {
  margin-top: 0 !important;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: var(--h5-skin-touzhu-h);
  max-height: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: var(--h5-hall-foot-bg);
  border-top: 1px solid var(--h5-hall-panel-border);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.hall-foot .hall-foot-game .ref-bal::before {
  content: none;
  background: none;
}
html.nest.embed .hall-foot .hall-foot-game .hall-ref-foot.ref-foot {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hall-foot .hall-foot-game.ref-game {
  position: relative;
  z-index: 1;
  background: transparent;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.hall-foot .hall-ref-foot-actions {
  visibility: hidden;
  pointer-events: none;
  flex: 0 0 var(--h5-skin-touzhu-w);
  width: var(--h5-skin-touzhu-w);
  min-height: var(--h5-skin-touzhu-h);
  height: var(--h5-skin-touzhu-h);
}
.hall-foot .hall-ref-foot-ph {
  display: block;
  width: 100%;
  height: 100%;
}

.play-bar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: #12140f;
}
.play-bar button {
  border: 0;
  background: #2f7bff;
  color: #fff;
  border-radius: 14px;
  height: 28px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
}
.play-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.lfd-game {
  background: linear-gradient(180deg, #d3e56a, #b9ce48);
  color: #14200a;
}
.lfd-panel {
  flex: 1 1 0;
  min-height: 72px;
  overflow: auto;
  margin: 8px 8px 0;
  border-radius: 8px;
  background: rgba(20, 40, 10, .18);
}
.lfd-cut {
  flex: 0 0 auto;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  padding: 6px 8px 0;
}
.lfd-views {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 6px 8px;
}
.lfd-views button {
  border: 0;
  background: transparent;
  color: #243010;
  font-size: 13px;
  font-weight: 700;
  padding: 2px 4px;
}
.lfd-views button.on {
  color: #0b3f86;
  border-bottom: 2px solid #0b3f86;
}
.lfd-kind {
  flex: 0 0 auto;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: #1a3a10;
}
.lfd-board {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  padding: 8px 10px;
}
.lfd-card {
  position: relative;
  flex: 1;
  min-height: 108px;
  border: 0;
  border-radius: 10px;
  background: rgba(18, 28, 16, .62);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.lfd-card .lab { font-size: 28px; font-weight: 800; }
.lfd-card.long .lab { color: #ff5a6a; }
.lfd-card.ping .lab { color: #7dff6b; }
.lfd-card.feng .lab { color: #8eb6ff; }
.lfd-card .odds { font-size: 22px; font-weight: 800; }
.lfd-card.has-stake { box-shadow: inset 0 0 0 2px #ffd54f; }
.lfd-card .stake {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  font-size: 13px;
  font-weight: 800;
  color: #ffe082;
}
.lfd-game .chip-row { background: transparent; }
.lfd-road {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px;
}
.bead {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}
.bead.long { background: #e53935; }
.bead.feng { background: #3949ab; }
.bead.ping { background: #2e7d32; }
.lfd-count {
  padding: 0 8px 8px;
  font-size: 12px;
  font-weight: 800;
}
.lfd-open {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 8px 0;
  font-size: 13px;
  font-weight: 800;
}
.lfd-cardface.red { color: #c62828; }
.lfd-cardface.black { color: #1a1a1a; }
.lfd-empty {
  padding: 16px 8px;
  text-align: center;
  color: #3d4a28;
  font-size: 13px;
}
.lfd-rec {
  padding: 8px;
  font-size: 13px;
  font-weight: 700;
}
.lfd-rec div {
  padding: 4px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.crowd-dock {
  position: absolute;
  left: 50%;
  top: 18%;
  width: 0;
  height: 0;
  pointer-events: none;
}
.crowd-fly {
  position: absolute;
  width: var(--h5-img-chip-pile);
  height: var(--h5-img-chip-pile);
  margin-left: calc(var(--h5-img-chip-pile) / -2);
  margin-top: calc(var(--h5-img-chip-pile) / -2);
  pointer-events: none;
  z-index: 30;
  opacity: 1;
  transition: transform .22s cubic-bezier(.2, .85, .25, 1);
}
.crowd-fly.settle-fly {
  z-index: 55;
  opacity: 1 !important;
  margin: 0;
  transition: none;
}
.crowd-fly img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .45));
}
.bet-tile .crowd-pile {
  --pile-chip-scale: 1;
  position: absolute;
  left: 6%;
  right: 6%;
  top: 6%;
  bottom: 6%;
  pointer-events: none;
  z-index: 1;
}
.crowd-chip {
  position: absolute;
  width: calc(var(--h5-img-chip-pile) * var(--pile-chip-scale, 1));
  height: calc(var(--h5-img-chip-pile) * var(--pile-chip-scale, 1));
  margin: 0;
  pointer-events: none;
  transform-origin: center center;
}
.crowd-chip img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .5));
}

.ref-game {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #12131a;
  color: #e8e8ec;
}
.ref-game > .ref-head {
  flex: 0 0 var(--ref-head-block-h);
  height: var(--ref-head-block-h);
  min-height: var(--ref-head-block-h);
  max-height: var(--ref-head-block-h);
  overflow: visible;
  position: relative;
  z-index: 3;
}
.ref-game > .g-body.ref-body {
  flex: 0 0 var(--ref-bet-block-h);
  height: var(--ref-bet-block-h);
  min-height: var(--ref-bet-block-h);
  max-height: var(--ref-bet-block-h);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #07070a;
}
.ref-game .ball:not(.ball-img) {
  display: none !important;
}
.ref-game .ball.ball-img,
.ref-game .ball.ball-img.red,
.ref-game .ball.ball-img.blue,
.ref-game .ball.ball-img.green,
.ref-game .ball.ball-img.he,
.ref-game .ball.ball-img.b0,
.ref-game .ball.ball-img.b1,
.ref-game .ball.ball-img.b2,
.ref-game .ball.ball-img.b3,
.ref-game .ball.ball-img.b4,
.ref-game .ball.ball-img.b5,
.ref-game .ball.ball-img.b6,
.ref-game .ball.ball-img.b7,
.ref-game .ball.ball-img.b8,
.ref-game .ball.ball-img.b9,
.ref-game .ball.ball-img.b10 {
  background: transparent !important;
  box-shadow: none !important;
  border: none;
}
.ref-game .tag:not(.tag-img):not(.ball-img) {
  display: none !important;
}
.ref-game .ref-last .tag,
.ref-game .ref-draw .tag {
  background: transparent !important;
}
.ref-head {
  flex: 0 0 auto;
  padding: 2px 8px 6px 8px;
  box-sizing: border-box;
  overflow: visible;
}
.ref-head-row {
  display: grid;
  grid-template-columns: var(--ref-head-brand-w) minmax(0, 1fr);
  grid-template-rows: var(--ref-head-grid-r1) var(--ref-head-grid-r2) var(--ref-head-grid-r3);
  column-gap: 6px;
  row-gap: var(--ref-head-grid-gap);
  width: 100%;
  height: calc(
    var(--ref-head-grid-r1) + var(--ref-head-grid-r2) + var(--ref-head-grid-r3) +
    var(--ref-head-grid-gap) * 2
  );
  max-height: calc(
    var(--ref-head-grid-r1) + var(--ref-head-grid-r2) + var(--ref-head-grid-r3) +
    var(--ref-head-grid-gap) * 2
  );
  align-items: center;
}
.ref-game .ref-head-row {
  grid-template-rows: var(--ref-head-grid-r1) var(--ref-head-grid-r2) var(--ref-head-grid-r3);
}
.ref-head-brand {
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0 0 0 6px;
  margin: 0;
  box-sizing: border-box;
}
.ref-brand-top {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: var(--h5-img-game-icon);
  height: var(--h5-img-game-icon);
  min-height: var(--h5-img-game-icon);
  flex-shrink: 0;
  gap: 0;
  padding-left: 3px;
  overflow: visible;
}
.ref-brand-top .ref-icon-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--h5-img-game-icon);
  height: var(--h5-img-game-icon);
  flex: 0 0 auto;
  overflow: visible;
}
.ref-brand-top .ref-icon {
  transform: none;
}
.ref-brand-lower {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  padding: 0 2px 4px 4px;
  box-sizing: border-box;
  flex-shrink: 0;
}
.ref-head-brand .crowd-dock.ref-player-dock {
  position: relative;
  left: auto;
  top: auto;
  width: var(--h5-img-player-w);
  height: var(--h5-img-player-h);
  min-width: var(--h5-img-player-w);
  min-height: var(--h5-img-player-h);
  transform: none;
  margin: 0 0 0 52px;
  align-self: flex-end;
  flex: 0 0 auto;
  z-index: 2;
}
.ref-player-ico {
  width: var(--h5-img-player-w);
  height: var(--h5-img-player-h);
  min-width: var(--h5-img-player-w);
  max-width: var(--h5-img-player-w);
  min-height: var(--h5-img-player-h);
  max-height: var(--h5-img-player-h);
  object-fit: none;
  flex: 0 0 auto;
  display: block;
  pointer-events: none;
  transform-origin: center bottom;
}
.ref-player-ico.ref-player-shake-on {
  animation: ref-player-shake 0.36s ease-in-out;
}
@keyframes ref-player-shake {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  12% {
    transform: translate(-4px, 1px) rotate(-5deg);
  }
  24% {
    transform: translate(4px, -2px) rotate(5deg);
  }
  36% {
    transform: translate(-3px, 0) rotate(-3deg);
  }
  48% {
    transform: translate(3px, 1px) rotate(3deg);
  }
  60% {
    transform: translate(-2px, 0) rotate(-2deg);
  }
  72% {
    transform: translate(2px, 0) rotate(2deg);
  }
}
.ref-head-brand .ref-cut {
  align-self: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  justify-content: flex-end;
  box-sizing: border-box;
  overflow: visible;
  line-height: 1.35;
  min-height: var(--h5-ref-cut-row-min-h, 44px);
  align-items: center;
}
.ref-head-board {
  display: contents;
}
.ref-tools {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}
.ref-outcome {
  display: contents;
}
.ref-draw-balls {
  grid-column: 2;
  grid-row: 2;
}
.ref-draw {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
}
.ref-last {
  grid-column: 2;
  grid-row: 3;
}
.ref-icon-btn {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  line-height: 0;
  cursor: pointer;
  border-radius: 0;
  overflow: visible;
  flex-shrink: 0;
}
.ref-icon-btn:active {
  opacity: .88;
}
.ref-icon {
  width: var(--h5-img-game-icon);
  height: var(--h5-img-game-icon);
  max-width: none;
  max-height: none;
  border-radius: 0;
  display: block;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center center;
  pointer-events: none;
  vertical-align: top;
}
.ref-head-row .ref-tools {
  --ref-tools-scale: 1;
  transition: none;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 7px;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.ref-head-row .ref-tool {
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(22, 22, 30, .88);
  color: #d8d9e0;
  border-radius: 16px;
  font-size: 26px;
  font-weight: 700;
  padding: 10px 14px;
  line-height: 1.15;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
  white-space: nowrap;
  min-width: 0;
}
.ref-head-row .ref-tool-sq {
  padding: 10px;
  min-width: 59px;
  max-width: 66px;
  flex: 0 0 auto;
  justify-content: center;
}
.ref-head-row .ref-tool-caret {
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin-left: 3px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  opacity: .92;
}
.ref-head-row .ref-tool-caret-down {
  border-top: 9px solid #fff;
  border-bottom: none;
}
.ref-head-row .ref-tool-caret-up {
  border-bottom: 9px solid #fff;
  border-top: none;
}
.ref-head-row .ref-tool.is-open .ref-tool-caret-down {
  border-top: none;
  border-bottom: 9px solid #fff;
}
.ref-head-row .ref-tool.is-open .ref-tool-caret-up {
  border-bottom: none;
  border-top: 9px solid #fff;
}
.ref-head-row .ref-tool-ico {
  height: 19px;
  width: auto;
  max-width: 38px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: .85;
  vertical-align: middle;
}
.ref-head-row .ref-tool-sq > .ref-tool-ico {
  width: var(--h5-img-tool-more);
  height: var(--h5-img-tool-more);
  max-width: var(--h5-img-tool-more);
  object-fit: contain;
}
.ref-tool {
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(22, 22, 30, .88);
  color: #d8d9e0;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 7px;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  flex: 0 1 auto;
  white-space: nowrap;
  min-width: 0;
}
.ref-tool-sq {
  padding: 5px;
  min-width: 28px;
  max-width: 32px;
  flex: 0 0 auto;
  justify-content: center;
}
.ref-tool-ico {
  height: 10px;
  width: auto;
  max-width: 22px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: .85;
  vertical-align: middle;
}
.ref-tool-sq > .ref-tool-ico {
  width: 18px;
  height: 18px;
  max-width: 18px;
  object-fit: contain;
}
.ref-cut {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
  gap: 0;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  line-height: 1.25;
  letter-spacing: 0;
  flex-shrink: 0;
}
.ref-head-brand .ref-cut-lab {
  min-width: 0;
  text-align: right;
}
.ref-cut-lab {
  font-size: calc(16px * var(--ui-text-scale));
  font-weight: 800;
  color: #f2f2f4;
  flex: 0 0 auto;
  flex-shrink: 0;
  display: inline-block;
  min-width: 0;
  text-align: left;
  box-sizing: border-box;
}
.ref-head-brand .ref-cut-gap {
  display: inline-block;
  flex: 0 0 var(--h5-ref-cut-gap, 28px);
  width: var(--h5-ref-cut-gap, 28px);
  min-width: var(--h5-ref-cut-gap, 28px);
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  vertical-align: middle;
}
.ref-cut-clock {
  font-size: calc(18px * var(--ui-text-scale));
  font-weight: 800;
  color: #7dff6b;
  flex: 0 0 auto;
  flex-shrink: 0;
  display: inline-block;
  min-width: 5.5ch;
  text-align: left;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  letter-spacing: 0;
  box-sizing: border-box;
}
.ref-head-row .ref-draw-balls {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  max-width: min(100%, var(--ref-draw-balls-max-w));
  margin-left: auto;
  justify-self: end;
  min-height: var(--ref-draw-row-min-h, 38px);
  padding: 2px 0;
  overflow: visible;
}
.ref-draw-balls {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 0;
  padding: 0;
  overflow: visible;
}
.ref-head-row .ref-draw-balls .ref-streak-sum {
  flex: 0 0 49px;
  width: 49px;
  height: 49px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(22px * var(--ui-text-scale));
  font-weight: 800;
  color: #fff;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
}
.ref-draw-balls .ref-streak-sum {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
}
.ref-draw-balls .ref-streak-sum.c3 { background: #ffc107; color: #1a1200; }
.ref-draw-balls .ref-streak-sum.c4 { background: #78909c; }
.ref-draw-balls .ref-streak-sum.c5 { background: #26c6da; }
.ref-draw-balls .ref-streak-sum.c6 { background: #ff7043; }
.ref-draw-balls .ref-streak-sum.c7 { background: #5c6bc0; }
.ref-draw-balls .ref-streak-sum.c8 { background: #8d6e63; }
.ref-draw-balls .ref-streak-sum.c9 { background: #e53935; }
.ref-draw-balls .ref-streak-sum.c10 { background: #43a047; }
.ref-draw-balls .ref-streak-sum.c11 { background: #7b1fa2; }
.ref-draw-balls .ref-streak-sum.c12 { background: #00897b; }
.ref-draw-balls .ref-streak-sum.c13 { background: #3949ab; }
.ref-draw-balls .ref-streak-sum.c14 { background: #c62828; }
.ref-draw-balls .ref-streak-sum.c15 { background: #6d4c41; }
.ref-draw-balls .ref-streak-sum.c16 { background: #546e7a; }
.ref-draw-balls .ref-streak-sum.c17 { background: #d84315; }
.ref-draw-balls .ref-streak-sum.c18 { background: #2e7d32; }
.ref-draw-balls .ref-streak-sum.leo { background: #ff7a18; }
.ref-draw-balls:empty {
  display: none;
  min-height: 0;
  padding: 0;
  margin: 0;
}
.ref-head-row .ref-draw-balls.ref-draw-xdense {
  gap: 7px;
}
.ref-head-row .ref-draw-balls.ref-draw-xxdense {
  gap: 7px;
}
.ref-head-row .ref-draw-balls .ball.ball-img em {
  font-size: 26px;
  font-weight: 800;
}
.ref-head-row .ref-draw-balls .ball.ball-img.ball-streak {
  border-radius: 0;
  overflow: visible;
}
.ref-head-row .ref-draw-balls .ball.ball-img.ball-streak img {
  border-radius: 0;
  object-fit: none;
}
.ref-head-row .ref-draw-balls .ball.ball-img.ball-streak em {
  font-size: calc(19px * var(--ui-text-scale));
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
/* 紧凑出奖（勿用于皮服顶栏第二行，顶栏见 ref-outcome-img.css 80×80） */
.ref-draw-balls .ball.ball-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  flex: 0 1 30px;
  min-width: 18px;
  max-width: 30px;
}
.ref-head-row .ref-draw-balls .ball.ball-img:not(.car) {
  width: auto;
  height: auto;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
  border-radius: 0;
}
.ref-head-row .ref-draw-balls .ball.ball-img img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  border-radius: 0;
}
.ref-draw-balls.ref-draw-dense .ball.ball-img {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  max-width: 24px;
}
.ref-draw-balls.ref-draw-xdense {
  gap: 3px;
}
.ref-draw-balls.ref-draw-xdense .ball.ball-img {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
  max-width: 20px;
}
.ref-draw-balls.ref-draw-xdense .ball.ball-img em {
  font-size: 9px;
}
.ref-draw-balls .ball.ball-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.ref-draw-balls .ball.ball-img.sp:not(.car) {
  outline: 2px solid #ffd54f;
  border-radius: 50%;
}
.ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car) {
  border-radius: 0;
}
.ref-head-row .ref-draw-balls .ball.ball-img.car,
.ref-head-row .ref-draw-balls .ball.ball-img.car.car-champ {
  border-radius: 0;
  overflow: visible;
}
.ref-head-row .ref-draw-balls .ball.ball-img.car img {
  border-radius: 0;
  object-fit: none;
}
.ref-head-row .ref-draw-balls .ball.ball-img.car.car-champ {
  outline: 2px solid #ffd54f;
  outline-offset: 0;
}
.ref-draw-balls .ball.ball-img.car {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  max-width: 28px;
  border-radius: 0;
  overflow: visible;
}
.ref-draw-balls.ref-draw-dense .ball.ball-img.car {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  max-width: 22px;
}
.ref-draw-balls.ref-draw-xdense .ball.ball-img.car {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  max-width: 18px;
}
.ref-draw-balls .ball.ball-img.car img {
  border-radius: 0;
  object-fit: contain;
}
.ref-draw-balls .ball.ball-img.car.car-champ,
.ref-draw-balls .ball.ball-img.car.sp {
  outline: 2px solid #ffd54f;
  border-radius: 0;
}
.ref-draw {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  flex-wrap: nowrap;
  max-width: 100%;
  min-height: 0;
}
.ref-draw:empty {
  display: none;
}
.ref-draw .result-dice,
.ref-draw .result-balls,
.ref-draw .result-tags {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.ref-head-row .ref-last {
  --ref-last-scale: var(--ref-last-row-scale, 1);
  display: flex;
  gap: calc(5px * var(--ref-last-scale, 1));
  justify-content: flex-end;
  flex-wrap: nowrap;
  min-height: 0;
  align-items: center;
  padding: 0 0 1px;
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.ref-last {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  flex-wrap: nowrap;
  min-height: 0;
  align-items: center;
  padding: 0;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.ref-last .tag {
  flex: 0 1 auto;
  white-space: nowrap;
}
.ref-draw-balls .ball.ball-img em {
  font-size: 13px;
  font-weight: 800;
}
.ref-game .ref-last .tag,
.ref-game .ref-draw .tag {
  min-width: 26px;
  height: 24px;
  padding: 0 7px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ref-game .ref-head-row .ref-draw .tag {
  min-width: 34px;
  min-height: 36px;
  height: auto;
  padding: 0 10px;
  border-radius: 0;
  font-size: calc(15px * var(--ui-text-scale));
}
.ref-game .ref-head-row .ref-last .tag {
  min-width: calc(34px * var(--ref-last-scale, 1));
  min-height: calc(36px * var(--ref-last-scale, 1));
  height: auto;
  padding: 0 calc(10px * var(--ref-last-scale, 1));
  border-radius: 0;
  font-size: calc(15px * var(--ui-text-scale) * var(--ref-last-scale, 1));
}
.ref-game .ref-head-row .ref-draw .tag.tag-img {
  background: transparent !important;
  padding: 0;
  min-width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  border-radius: 0;
  overflow: visible;
  flex-shrink: 0;
}
.ref-game .ref-head-row .ref-last .tag.tag-img {
  background: transparent !important;
  padding: 0;
  min-width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  border-radius: 0;
  overflow: visible;
  flex-shrink: 0;
}
.ref-game .ref-head-row .ref-draw .tag.tag-img em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-size: calc(15px * var(--ui-text-scale));
  font-weight: 800;
  color: #fff;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
.ref-game .ref-head-row .ref-last .tag.tag-img em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-size: calc(15px * var(--ui-text-scale) * var(--ref-last-scale, 1));
  font-weight: 800;
  color: #fff;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
.ref-game .ball.ball-img {
  position: relative;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ref-game .ball.ball-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ref-game .ball.ball-img em {
  position: absolute;
  font-style: normal;
  font-size: calc(12px * var(--ui-text-scale));
  font-weight: 800;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.ref-head-row .result-dice {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  min-height: 0;
  align-items: center;
  width: 100%;
}
.ref-head-row .ref-draw:not(:empty) {
  min-height: 0;
  align-items: center;
}
.ref-tabs-bar {
  flex: 0 0 auto;
  margin: 0;
  margin-top: 0;
  background: linear-gradient(
    180deg,
    #3a3a44 0%,
    #2a2a34 38%,
    #1e1e26 72%,
    #14141a 100%
  );
  border-top: 1px solid rgba(255, 255, 255, .07);
  border-bottom: 1px solid rgba(0, 0, 0, .85);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .55);
}
.ref-tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 2px;
  overflow-x: auto;
  padding: 4px 6px 10px;
  -webkit-overflow-scrolling: touch;
}
.ref-tabs button {
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  color: #fff;
  border-radius: 10px;
  padding: 6px 8px;
  font-size: calc(13px * var(--ui-text-scale));
  font-weight: 700;
  white-space: nowrap;
  position: relative;
}
.ref-tabs button.on {
  background: linear-gradient(180deg, rgba(58, 58, 68, .95) 0%, rgba(38, 38, 48, .98) 100%);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.ref-pane {
  flex: 1 1 0;
  min-height: 0;
  overflow: auto;
  padding: 10px 8px 8px;
  background: #07070a;
  -webkit-overflow-scrolling: touch;
}
.ref-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
  background: rgba(8, 8, 12, .94);
}
.ref-foot-grow {
  flex: 1 1 auto;
  min-width: 6px;
}
.ref-foot-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ref-bal {
  flex: 0 1 auto;
  max-width: 46%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(0, 0, 0, .55);
  border-radius: 20px;
  height: 36px;
  padding: 0 4px 0 4px;
  min-width: 0;
}
.ref-refresh-btn {
  flex-shrink: 0;
  border: 0;
  background: transparent;
  padding: 4px;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ref-bal-num {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffc107;
  font-size: calc(14px * var(--ui-text-scale));
  font-weight: 800;
}
.ref-refresh {
  flex-shrink: 0;
  width: var(--h5-img-refresh);
  height: var(--h5-img-refresh);
  object-fit: contain;
  opacity: .92;
}
.ref-plus {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: #ff9800;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
}
.ref-chip-pick {
  flex: 0 0 auto;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
}
.ref-chip-face {
  width: var(--h5-img-chip-foot);
  height: var(--h5-img-chip-foot);
  object-fit: contain;
}
.ref-chip-arrow {
  height: 21px;
  width: auto;
  max-width: 42px;
  object-fit: contain;
  opacity: .95;
  flex-shrink: 0;
}
.ref-chip-lab-h { display: none !important; }
.ref-chip-panel {
  background: url(../res/com/bg_chip_choose.png) center top / 100% auto no-repeat;
  padding: 12px 8px 8px;
  min-height: 120px;
}
.ref-submit {
  flex-shrink: 0;
  border: 0;
  border-radius: 22px;
  height: 44px;
  min-width: 76px;
  padding: 0 26px;
  background: linear-gradient(180deg, #5a9aff 0%, #2f6bff 55%, #2560eb 100%);
  color: #fff;
  font-size: calc(16px * var(--ui-text-scale));
  font-weight: 800;
  box-shadow: 0 2px 10px rgba(47, 107, 255, .35);
}
.ref-lay {
  display: grid;
  gap: 8px;
  min-height: 120px;
}
/* 参考/按钮布局1：两列高格（单双等） */
.lay-1 { grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(132px, 1fr); }
/* 布局2：三列高格（龙虎、色波等） */
.lay-2 { grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(108px, 1fr); }
/* 布局3：四列高格 */
.lay-3 { grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(92px, 1fr); }
/* 布局4：2×2 */
.lay-4 { grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(102px, 1fr); gap: 10px; }
/* 布局5/6：大 | 单/双 | 小 */
.lay-5,
.lay-6 {
  grid-template-columns: 1.08fr 1fr 1.08fr;
  align-items: stretch;
  min-height: 172px;
  gap: 6px;
}
.lay-5 .lay-side,
.lay-6 .lay-side { display: flex; min-height: 172px; }
.lay-5 .lay-side .bet-tile,
.lay-6 .lay-side .bet-tile { flex: 1; width: 100%; min-height: 172px; }
.lay-5 .lay-mid,
.lay-6 .lay-mid { display: flex; flex-direction: column; gap: 6px; justify-content: stretch; }
.lay-5 .lay-mid .bet-tile,
.lay-6 .lay-mid .bet-tile { flex: 1; min-height: 80px; }
.lay-7 {
  grid-template-columns: 1fr 1.2fr 1fr;
  align-items: stretch;
}
.lay-7 .lay-side { min-height: 150px; display: flex; }
.lay-7 .lay-side .bet-tile { flex: 1; width: 100%; }
.lay-7 .lay-mid.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.lay-8 .lay-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}
.lay-8 .lay-bot {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
/* 布局9：3×2 */
.lay-9 { grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(68px, 1fr); }
/* 布局10：2×4 */
.lay-10 { grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(66px, 1fr); }
/* 布局11：2×5（特码/冠亚和/冠军号等） */
.lay-11 { grid-template-columns: repeat(5, 1fr); grid-auto-rows: minmax(44px, 1fr); }
.lay-scroll { overflow-y: auto; align-content: start; -webkit-overflow-scrolling: touch; }
.ref-game .ref-pane > .ref-lay {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
}
.ref-game .ref-pane > .lay-1 { grid-template-rows: minmax(0, 1fr); }
.ref-game .ref-pane > .lay-4 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ref-game .ref-pane > .lay-8 .lay-top { flex: 1 1 0; min-height: 0; margin-bottom: 0; }
.ref-game .ref-pane > .lay-8 .lay-bot { flex: 1 1 0; min-height: 0; }
.ref-game .ref-pane > .lay-8 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.ref-game .ref-pane > .lay-9 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ref-game .ref-pane > .lay-10 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ref-game .ref-pane > .lay-11:not(.lay-scroll) { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ref-game .ref-pane > .lay-scroll {
  height: 100%;
  max-height: none;
  overflow-y: auto;
  align-content: start;
  -webkit-overflow-scrolling: touch;
}
.ref-game .ref-pane > .ref-lay:not(.lay-scroll):not(.lay-5):not(.lay-6) .bet-tile {
  min-height: 0;
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}
.ref-game .ref-pane > .lay-8 .lay-top,
.ref-game .ref-pane > .lay-8 .lay-bot {
  min-height: 0;
  align-content: stretch;
}
.ref-game .ref-pane > .lay-8 .lay-top .bet-tile,
.ref-game .ref-pane > .lay-8 .lay-bot .bet-tile {
  min-height: 0;
  height: auto;
  align-self: stretch;
}
.ref-game .ref-pane > .lay-5,
.ref-game .ref-pane > .lay-6 {
  min-height: 0;
  height: 100%;
  grid-template-rows: minmax(0, 1fr);
}
.ref-game .ref-pane > .lay-5 .lay-side,
.ref-game .ref-pane > .lay-6 .lay-side {
  min-height: 0;
  height: 100%;
}
.ref-game .ref-pane > .lay-5 .lay-side .bet-tile,
.ref-game .ref-pane > .lay-6 .lay-side .bet-tile {
  min-height: 0;
}
.ref-game .ref-pane > .lay-5 .lay-mid .bet-tile,
.ref-game .ref-pane > .lay-6 .lay-mid .bet-tile {
  min-height: 0;
}
.ref-game .ref-pane > .lay-2 { grid-template-rows: minmax(0, 1fr); }
.ref-game .ref-pane > .lay-3 { grid-template-rows: minmax(0, 1fr); }
.ref-game .ref-pane > .lay-7 { grid-template-rows: minmax(0, 1fr); }
.ref-game .ref-pane > .lay-7 .lay-side { min-height: 0; height: 100%; }
.ref-game .bet-tile {
  position: relative;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 10px;
  color: #c8cad4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 52px;
  background: rgba(24, 26, 34, .92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.ref-game .bet-tile .lab,
.ref-game .bet-tile .odds {
  position: relative;
  z-index: 6;
  pointer-events: none;
}
.ref-game .bet-tile .lab {
  font-size: calc(22px * var(--ui-text-scale));
  font-weight: 800;
  line-height: 1.1;
}
.ref-game .bet-tile .lab.lab-up { color: #7ec8ff; }
.ref-game .bet-tile .lab.lab-down { color: #ff7a8a; }
.ref-game .bet-tile .lab.lab-mid { color: #8ee4a0; }
.ref-game .bet-tile .lab.lab-num { color: #e8eaef; font-size: calc(18px * var(--ui-text-scale)); }
.ref-game .bet-tile .lab.lab-num.lab-red { color: #ff8a8a; }
.ref-game .bet-tile .lab.lab-num.lab-blue { color: #8ab4ff; }
.ref-game .bet-tile .lab.lab-num.lab-green { color: #8ee4a0; }
.ref-game .bet-tile .odds {
  font-size: calc(13px * var(--ui-text-scale));
  font-weight: 700;
  color: rgba(200, 202, 212, .88);
}
.ref-game .bet-tile .lab.lab-up + .odds { color: rgba(126, 200, 255, .85); }
.ref-game .bet-tile .lab.lab-down + .odds { color: rgba(255, 122, 138, .85); }
.ref-game .bet-tile .tile-amt-mine,
.ref-game .bet-tile .tile-crowd-amt {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  min-height: 20px;
  padding: 2px 5px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .52);
  pointer-events: none;
  z-index: 7;
  max-width: calc(100% - 10px);
  box-sizing: border-box;
}
.ref-game .bet-tile .tile-crowd-amt {
  left: 5px;
  top: 5px;
}
.ref-game .bet-tile .tile-amt-mine {
  right: 5px;
  bottom: 5px;
  justify-content: flex-end;
}
.ref-game .bet-tile .tile-amt-mine img,
.ref-game .bet-tile .tile-crowd-amt img {
  width: var(--h5-img-chip-badge);
  height: var(--h5-img-chip-badge);
  object-fit: contain;
  flex-shrink: 0;
}
.ref-game .bet-tile .tile-amt-val,
.ref-game .bet-tile .tile-crowd-amt-val {
  font-size: calc(12px * var(--ui-text-scale));
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}
.ref-game .bet-tile .tile-amt-val {
  color: #ffe082;
}
.ref-game .bet-tile .tile-crowd-amt-val {
  color: #b8e4ff;
}
.bet-tile .tile-mine-pile {
  --pile-chip-scale: 1;
  position: absolute;
  left: 6%;
  right: 6%;
  top: 6%;
  bottom: 6%;
  pointer-events: none;
  z-index: 1;
}
.bet-tile .mine-chip {
  position: absolute;
  width: calc(var(--h5-img-chip-pile) * var(--pile-chip-scale, 1));
  height: calc(var(--h5-img-chip-pile) * var(--pile-chip-scale, 1));
  margin: 0;
  pointer-events: none;
  transform-origin: center center;
}
.bet-tile .mine-chip img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .55));
}
.crowd-fly-self {
  z-index: 35;
  width: var(--h5-img-chip-pile);
  height: var(--h5-img-chip-pile);
  margin-left: calc(var(--h5-img-chip-pile) / -2);
  margin-top: calc(var(--h5-img-chip-pile) / -2);
}
.ref-game .bet-tile.has-stake {
  border-color: rgba(0, 220, 255, .85);
  box-shadow: 0 0 8px rgba(0, 200, 255, .35);
}
.ref-game .bet-tile.bet-selected {
  z-index: 4;
  border-radius: 10px;
  box-shadow: 0 0 14px rgba(76, 175, 80, .4);
}
.ref-game .bet-tile.bet-selected::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 3px solid #5ecc5e;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 8;
}
@keyframes h5-win-border-flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.15; }
}
.ref-game .bet-tile.bet-win {
  z-index: 5;
}
.ref-game .bet-tile > .bet-win-ring {
  position: absolute;
  inset: 0;
  z-index: 8;
  border: 5px solid #ffe082;
  border-radius: inherit;
  box-sizing: border-box;
  pointer-events: none;
  animation: h5-win-border-flash 0.5s ease-in-out infinite;
}
.bet-tile .stake {
  position: absolute;
  right: 6px; bottom: 6px;
  min-width: 20px; height: 18px; padding: 0 4px;
  border-radius: 9px;
  background: rgba(0, 0, 0, .5);
  font-size: 11px;
  font-weight: 800;
  color: #ffe082;
}
.ref-chip-sheet .ref-chip-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.ref-chip-opt {
  border: 0;
  background: transparent;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 11px;
}
.ref-chip-opt img {
  width: var(--h5-img-chip-sheet);
  height: var(--h5-img-chip-sheet);
  object-fit: contain;
}
.ref-stage {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ref-stage.game-pane > .ref-game,
.ref-stage.game-pane > .game.ref-game {
  flex: 1;
  min-height: 0;
}
.ref-game .bet-main {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.ref-game .ref-tabs-bar {
  flex: 0 0 var(--ref-tabs-bar-h);
  height: var(--ref-tabs-bar-h);
  min-height: var(--ref-tabs-bar-h);
  max-height: var(--ref-tabs-bar-h);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ref-game .ref-tabs-bar .ref-tabs {
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 2px;
  padding-bottom: 6px;
}
.ref-game .ref-pane {
  flex: 0 0 auto;
  height: var(--ref-bet-pane-h);
  min-height: var(--ref-bet-pane-h);
  max-height: var(--ref-bet-pane-h);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  padding: 10px 10px 10px;
}
.ref-game .ref-pane > .ref-lay {
  gap: var(--ref-tile-gap);
  row-gap: var(--ref-tile-gap);
  column-gap: var(--ref-tile-gap);
}
.ref-game .ref-pane > .lay-4 {
  gap: calc(var(--ref-tile-gap) + 2px);
}
.ref-game .ref-pane > .lay-5,
.ref-game .ref-pane > .lay-6 {
  gap: var(--ref-tile-gap);
}
.ref-game .ref-pane > .lay-5 .lay-mid,
.ref-game .ref-pane > .lay-6 .lay-mid {
  gap: var(--ref-tile-gap);
}
.ref-game .ref-pane > .lay-8 {
  gap: var(--ref-tile-gap);
}
.ref-game .ref-pane > .lay-8 .lay-top,
.ref-game .ref-pane > .lay-8 .lay-bot {
  gap: var(--ref-tile-gap);
}
.ref-game .ref-pane > .lay-7 .lay-mid.grid {
  gap: var(--ref-tile-gap);
}
.ref-game .ref-foot {
  flex: 0 0 calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  min-height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  max-height: calc(var(--ref-foot-block-h) + env(safe-area-inset-bottom, 0px));
  margin-top: 0;
  box-sizing: border-box;
}

/* 六合彩皮服定稿基准：只增 [data-kind="marksix"]，其它玩法成对扩展；禁止 .ref-skin 合并、禁止改 lock */
/* 六合彩：1080×960 皮画布 + 中心锚点叠层（见 ref-ui skinRectFromAnchor） */
.ref-game[data-kind="marksix"] {
  --h5-marksix-bottom-sheet-max: min(780px, 88%);
  position: relative;
  background: #0a0a0e;
  isolation: isolate;
  overflow: visible;
}
.ref-game[data-kind="marksix"] .ref-skin-stack {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--h5-design-w);
  height: var(--h5-design-h);
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}
.ref-game[data-kind="marksix"] .ref-skin-layer {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: fill;
  max-width: none;
  max-height: none;
}
.ref-game[data-kind="marksix"] > .ref-head {
  position: relative;
  z-index: 20;
  background: transparent;
}
/* 皮服顶栏：工具栏可点；开奖/结果区只展示，勿挡 ? / 客服 / 记录（与 bjl 定稿一致） */
.ref-game.ref-skin > .ref-head {
  position: relative;
  z-index: 20;
}
.ref-game.ref-skin .ref-head-row .ref-tools {
  position: relative;
  z-index: 12;
  pointer-events: auto;
}
.ref-game.ref-skin .ref-head-row .ref-tool {
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
.ref-game.ref-skin .ref-head-row .ref-draw-balls,
.ref-game.ref-skin .ref-head-row .ref-draw,
.ref-game.ref-skin .ref-head-row .ref-last {
  pointer-events: none;
}
/* 下注 pane 与 ref-skin-stack 同参照 ref-game 画布；勿 relative，否则 top 会相对顶栏下方错位 */
.ref-game[data-kind="marksix"] > .g-body.ref-body {
  position: static;
  z-index: 1;
  background: transparent !important;
}
.ref-game[data-kind="marksix"] .bet-main, .ref-game[data-kind="pc28"] .bet-main, .ref-game[data-kind="k3"] .bet-main, .ref-game[data-kind="ssc"] .bet-main, .ref-game[data-kind="pk10"] .bet-main, .ref-game[data-kind="dice"] .bet-main, .ref-game[data-kind="lfd"] .bet-main, .ref-game[data-kind="bjl"] .bet-main {
  background: transparent;
}
.ref-game[data-kind="marksix"] > .ref-head,
.ref-game[data-kind="pc28"] > .ref-head, .ref-game[data-kind="k3"] > .ref-head, .ref-game[data-kind="ssc"] > .ref-head, .ref-game[data-kind="pk10"] > .ref-head, .ref-game[data-kind="dice"] > .ref-head, .ref-game[data-kind="lfd"] > .ref-head, .ref-game[data-kind="bjl"] > .ref-head {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 12px 16px 0 10px;
}
.ref-game[data-kind="marksix"] .ref-head-brand, .ref-game[data-kind="pc28"] .ref-head-brand, .ref-game[data-kind="k3"] .ref-head-brand, .ref-game[data-kind="ssc"] .ref-head-brand, .ref-game[data-kind="pk10"] .ref-head-brand, .ref-game[data-kind="dice"] .ref-head-brand, .ref-game[data-kind="lfd"] .ref-head-brand, .ref-game[data-kind="bjl"] .ref-head-brand {
  position: relative;
  align-self: start;
  justify-content: flex-start;
  overflow: visible;
  min-width: var(--ref-head-brand-w);
  width: var(--ref-head-brand-w);
  min-height: calc(
    var(--h5-marksix-brand-lower-offset) + var(--h5-img-player-h) + var(--h5-ref-cut-row-min-h)
  );
}
/* 176 游戏图标浮在左上，不占流式高度，避免把玩家/截至和右侧开奖区整段顶下去 */
.ref-game[data-kind="marksix"] .ref-brand-top, .ref-game[data-kind="pc28"] .ref-brand-top, .ref-game[data-kind="k3"] .ref-brand-top, .ref-game[data-kind="ssc"] .ref-brand-top, .ref-game[data-kind="pk10"] .ref-brand-top, .ref-game[data-kind="dice"] .ref-brand-top, .ref-game[data-kind="lfd"] .ref-brand-top, .ref-game[data-kind="bjl"] .ref-brand-top {
  position: absolute;
  top: 0;
  left: 3px;
  z-index: 2;
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-brand-lower, .ref-game[data-kind="pc28"] .ref-brand-lower, .ref-game[data-kind="k3"] .ref-brand-lower, .ref-game[data-kind="ssc"] .ref-brand-lower, .ref-game[data-kind="pk10"] .ref-brand-lower, .ref-game[data-kind="dice"] .ref-brand-lower, .ref-game[data-kind="lfd"] .ref-brand-lower, .ref-game[data-kind="bjl"] .ref-brand-lower {
  position: relative;
  z-index: 3;
  margin-top: var(--h5-marksix-brand-lower-offset);
  justify-content: flex-start;
  align-items: flex-start;
  overflow: visible;
  padding-bottom: 0;
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-head-brand .crowd-dock.ref-player-dock,
.ref-game[data-kind="marksix"] .ref-head-brand .ref-cut, .ref-game[data-kind="pc28"] .ref-head-brand .ref-cut, .ref-game[data-kind="k3"] .ref-head-brand .ref-cut, .ref-game[data-kind="ssc"] .ref-head-brand .ref-cut, .ref-game[data-kind="pk10"] .ref-head-brand .ref-cut, .ref-game[data-kind="dice"] .ref-head-brand .ref-cut, .ref-game[data-kind="lfd"] .ref-head-brand .ref-cut, .ref-game[data-kind="bjl"] .ref-head-brand .ref-cut {
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-head-row, .ref-game[data-kind="pc28"] .ref-head-row, .ref-game[data-kind="k3"] .ref-head-row, .ref-game[data-kind="ssc"] .ref-head-row, .ref-game[data-kind="pk10"] .ref-head-row, .ref-game[data-kind="dice"] .ref-head-row, .ref-game[data-kind="lfd"] .ref-head-row, .ref-game[data-kind="bjl"] .ref-head-row {
  --ref-head-grid-r1: 80px;
  --ref-head-grid-gap: 4px;
  --h5-marksix-draw-row-gap: 0;
  padding-bottom: var(--h5-marksix-outcome-edge-gap);
  --ref-draw-row-min-h: 0;
  --ref-last-row-scale: 1;
  --h5-marksix-ball-num-font: var(--h5-skin-ball-num-font);
  --h5-marksix-tag-ts-font: var(--h5-skin-tag-ts-font);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  align-items: start;
  align-content: start;
  column-gap: 8px;
  grid-template-rows: auto auto auto;
  row-gap: var(--h5-marksix-draw-row-gap);
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tools, .ref-game[data-kind="pc28"] .ref-head-row .ref-tools, .ref-game[data-kind="k3"] .ref-head-row .ref-tools, .ref-game[data-kind="ssc"] .ref-head-row .ref-tools, .ref-game[data-kind="pk10"] .ref-head-row .ref-tools, .ref-game[data-kind="dice"] .ref-head-row .ref-tools, .ref-game[data-kind="lfd"] .ref-head-row .ref-tools, .ref-game[data-kind="bjl"] .ref-head-row .ref-tools {
  align-self: start;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding-top: var(--h5-ref-tools-offset-y);
  min-height: var(--h5-ref-tool-bar-h);
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool, .ref-game[data-kind="k3"] .ref-head-row .ref-tool, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool, .ref-game[data-kind="dice"] .ref-head-row .ref-tool, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool {
  box-sizing: border-box;
  border-radius: var(--h5-ref-tool-radius);
  font-weight: 700;
  line-height: 1;
  gap: 4px;
  outline: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--h5-ref-tool-bar-h);
  min-height: var(--h5-ref-tool-bar-h);
  max-height: var(--h5-ref-tool-bar-h);
  width: var(--h5-ref-tool-bar-w);
  min-width: var(--h5-ref-tool-bar-w);
  max-width: var(--h5-ref-tool-bar-w);
  padding: 0 8px;
  font-size: var(--h5-ref-tool-bar-font);
  white-space: nowrap;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq {
  width: var(--h5-ref-tool-sq);
  min-width: var(--h5-ref-tool-sq);
  max-width: var(--h5-ref-tool-sq);
  padding: 0;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="help"], .ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] {
  background: rgba(22, 22, 30, .92);
  border: 1px solid rgba(255, 255, 255, .88);
  color: #fff;
  font-size: var(--h5-ref-tool-sq-font);
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"], .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] {
  line-height: 0;
  padding: 0;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="kefu"] .ref-tool-kefu-ico {
  width: calc(34px * var(--h5-type-scale, 1));
  height: calc(34px * var(--h5-type-scale, 1));
  min-width: calc(34px * var(--h5-type-scale, 1));
  max-width: calc(34px * var(--h5-type-scale, 1));
  flex-shrink: 0;
  display: block;
  overflow: visible;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"], .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] {
  padding: 0;
  background: rgba(22, 22, 30, .92);
  border: 1px solid rgba(255, 255, 255, .88);
  line-height: 0;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="k3"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="dice"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.ref-tool-sq[data-act="more"] .ref-tool-ico {
  width: var(--h5-ref-tool-gengduo);
  height: var(--h5-ref-tool-gengduo);
  min-width: var(--h5-ref-tool-gengduo);
  max-width: var(--h5-ref-tool-gengduo);
  flex-shrink: 0;
  object-fit: contain;
  opacity: 1;
  display: block;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="pc28"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="pc28"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="pc28"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="k3"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="k3"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="k3"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="ssc"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="ssc"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="ssc"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="pk10"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="pk10"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="pk10"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="dice"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="dice"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="dice"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="lfd"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="lfd"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="lfd"] .ref-head-row .ref-tool[data-act="draw-rec"],
.ref-game[data-kind="bjl"] .ref-head-row .ref-tool[data-act="road"],
.ref-game[data-kind="bjl"] .ref-head-row .ref-tool[data-act="settle-rec"],
.ref-game[data-kind="bjl"] .ref-head-row .ref-tool[data-act="draw-rec"] {
  background: rgba(10, 10, 16, .45);
  border: 1px solid rgba(255, 255, 255, .9);
  color: #f2f2f6;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="k3"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool-caret, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool-caret {
  margin-left: 6px;
  border-left-width: var(--h5-ref-tool-caret-half);
  border-right-width: var(--h5-ref-tool-caret-half);
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="k3"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool-caret-down, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool-caret-down {
  border-top: var(--h5-ref-tool-caret-h) solid #fff;
  border-bottom: none;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="k3"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="dice"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool-caret-up, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool-caret-up {
  border-bottom: var(--h5-ref-tool-caret-h) solid #fff;
  border-top: none;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="k3"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="dice"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.is-open .ref-tool-caret-down {
  border-top: none;
  border-bottom: var(--h5-ref-tool-caret-h) solid #fff;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="pc28"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="k3"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="ssc"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="pk10"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="dice"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="lfd"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up, .ref-game[data-kind="bjl"] .ref-head-row .ref-tool.is-open .ref-tool-caret-up {
  border-bottom: none;
  border-top: var(--h5-ref-tool-caret-h) solid #fff;
}
/* 走势图：与 bjl 一致（半透底+白边；仅向下 caret；路单展开 is-road-open 时箭头向上） */
.ref-game.ref-skin .ref-head-row .ref-tool[data-act="road"] .ref-tool-caret-up {
  display: none !important;
}
.ref-game.ref-skin .ref-head-row .ref-tool[data-act="road"].is-road-open .ref-tool-caret-down {
  border-top: none;
  border-bottom: var(--h5-ref-tool-caret-h) solid #fff;
}
.ref-game.ref-skin .ref-head-row .ref-tool[data-act="road"].is-open:not(.is-road-open) .ref-tool-caret-down {
  border-top: var(--h5-ref-tool-caret-h) solid #fff;
  border-bottom: none;
}

/* 各玩法走势图 / 路单：半透明底（嵌 App 可透见下方）+ 淡色格线 */
.ref-game.ref-skin {
  --h5-road-panel-bg: rgba(8, 10, 16, 0.55);
  --h5-road-panel-blur: 10px;
  --h5-road-col-gap: 8px;
  --h5-road-row-gap: 6px;
}
.ref-game.ref-skin [class*="-road-panel"] {
  --h5-road-grid-line: rgba(255, 255, 255, 0.45);
  --h5-road-grid-frame: rgba(255, 255, 255, 0.55);
  --h5-road-grid-step-x: calc(38px + var(--h5-road-col-gap, 8px));
  --h5-road-grid-step-y: calc(38px + var(--h5-road-row-gap, 6px));
  --h5-road-row-count: 6;
  --h5-road-block-h: calc(var(--h5-road-row-count) * var(--h5-road-grid-step-y));
  background: var(--h5-road-panel-bg);
  backdrop-filter: blur(var(--h5-road-panel-blur));
  -webkit-backdrop-filter: blur(var(--h5-road-panel-blur));
}
.ref-game.ref-skin[data-kind="pc28"] [class*="-road-panel"] {
  --h5-road-row-count: 5;
}
.ref-game.ref-skin [class*="-road-cell"],
.ref-game.ref-skin [class*="-road-bead"],
.ref-game.ref-skin [class*="-road-rlab"],
.ref-game.ref-skin [class*="-road-tile"] {
  box-sizing: border-box;
  border: none;
}
/* 连续横竖网格（伪元素画在内容下层，避免被侧栏/列块背景盖住） */
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"] > [class*="-road-scroll"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-wrap"] > [class*="-road-scroll"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-plate"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-grid"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-bar-row"] {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  background: transparent;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-wrap"] > [class*="-road-scroll"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-left-plate"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-stat-road"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-bar-road"] {
  border: 1px solid var(--h5-road-grid-frame);
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-side-labels"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-side"]:not([class*="-road-side-labels"]) {
  border-right: 1px solid var(--h5-road-grid-frame);
  background: transparent;
  position: relative;
  z-index: 1;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"] > [class*="-road-scroll"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"] > [class*="-road-side-labels"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"] > [class*="-road-side"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-scroll"] > [class*="-road-cols"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-plate"] > [class*="-road-plate-col"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-grid"] > [class*="-road-col"] {
  position: relative;
  z-index: 1;
  background: transparent;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--h5-road-grid-line) 0,
    var(--h5-road-grid-line) 1px,
    transparent 1px,
    transparent var(--h5-road-grid-step-y)
  );
  background-repeat: repeat;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-table"] > [class*="-road-scroll"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    to right,
    var(--h5-road-grid-line) 0,
    var(--h5-road-grid-line) 1px,
    transparent 1px,
    transparent var(--h5-road-grid-step-x)
  );
  background-repeat: repeat;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-wrap"] > [class*="-road-scroll"]::before,
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-plate"]::before,
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-grid"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(
      to bottom,
      var(--h5-road-grid-line) 0,
      var(--h5-road-grid-line) 1px,
      transparent 1px,
      transparent var(--h5-road-grid-step-y)
    ),
    repeating-linear-gradient(
      to right,
      var(--h5-road-grid-line) 0,
      var(--h5-road-grid-line) 1px,
      transparent 1px,
      transparent var(--h5-road-grid-step-x)
    );
  background-repeat: repeat;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-bar-row"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    to right,
    var(--h5-road-grid-line) 0,
    var(--h5-road-grid-line) 1px,
    transparent 1px,
    transparent var(--h5-road-grid-step-x)
  );
  background-repeat: repeat;
}
.ref-game.ref-skin [class*="-road-cell"] .ball.ball-img,
.ref-game.ref-skin [class*="-road-bead"] .ball.ball-img,
.ref-game.ref-skin [class*="-road-cell"] .die-img,
.ref-game.ref-skin [class*="-road-mark"] .ball.ball-img {
  width: 88%;
  height: 88%;
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
  box-sizing: border-box;
}
.ref-game.ref-skin [class*="-road-cell"] .ball.ball-img img,
.ref-game.ref-skin [class*="-road-bead"] .ball.ball-img img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.ref-game.ref-skin [class*="-road-cell-empty"],
.ref-game.ref-skin [class*="-road-bead-empty"] {
  visibility: visible;
  background: transparent;
}
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-col"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-plate-col"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-cell"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-cols"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-bead"],
.ref-game.ref-skin [class*="-road-panel"] [class*="-road-rlab"] {
  border: none;
  background: transparent;
}

.ref-game[data-kind="marksix"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="k3"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="dice"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw:empty, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw:empty {
  display: none;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="k3"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls {
  align-self: start;
  justify-content: flex-end;
  justify-self: stretch;
  align-items: flex-end;
  gap: 7px;
  max-width: 100%;
  min-height: 0;
  margin-top: var(--h5-marksix-outcome-offset-y);
  padding: 0 2px;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="k3"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ball.ball-img em, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ball.ball-img em {
  font-size: var(--h5-marksix-ball-num-font);
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="pc28"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="k3"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="ssc"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="pk10"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="dice"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="lfd"] .ref-head-row .ref-last .tag.tag-img em, .ref-game[data-kind="bjl"] .ref-head-row .ref-last .tag.tag-img em {
  font-size: calc(var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h)) * 0.52 * var(--h5-type-scale));
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="k3"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .marksix-draw-plus, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .marksix-draw-plus {
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0.65em;
  font-size: calc(var(--h5-img-ball-h) * 0.48);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
  user-select: none;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last, .ref-game[data-kind="pc28"] .ref-head-row .ref-last, .ref-game[data-kind="k3"] .ref-head-row .ref-last, .ref-game[data-kind="ssc"] .ref-head-row .ref-last, .ref-game[data-kind="pk10"] .ref-head-row .ref-last, .ref-game[data-kind="dice"] .ref-head-row .ref-last, .ref-game[data-kind="lfd"] .ref-head-row .ref-last, .ref-game[data-kind="bjl"] .ref-head-row .ref-last {
  align-self: start;
  justify-content: flex-end;
  align-items: center;
  gap: var(--h5-ref-last-tag-gap, 10px);
  margin-top: var(--h5-marksix-outcome-edge-gap);
  padding: 0 4px 0 0;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last > .ball.ball-img,
.ref-game[data-kind="pc28"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="marksix"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pc28"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img , .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img , .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img , .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img , .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img , .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img {

  align-self: center;
  vertical-align: middle;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="pc28"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .ball.ball-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .ball.ball-img {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pc28"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .tag.tag-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .tag.tag-img {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}
.ref-game[data-kind="marksix"] .ref-head-brand .ref-cut, .ref-game[data-kind="pc28"] .ref-head-brand .ref-cut, .ref-game[data-kind="k3"] .ref-head-brand .ref-cut, .ref-game[data-kind="ssc"] .ref-head-brand .ref-cut, .ref-game[data-kind="pk10"] .ref-head-brand .ref-cut, .ref-game[data-kind="dice"] .ref-head-brand .ref-cut, .ref-game[data-kind="lfd"] .ref-head-brand .ref-cut, .ref-game[data-kind="bjl"] .ref-head-brand .ref-cut {
  margin-left: 0;
  align-self: flex-start;
  width: 100%;
  max-width: none;
  overflow: visible;
}
.ref-game[data-kind="marksix"] .ref-cut-lab, .ref-game[data-kind="pc28"] .ref-cut-lab, .ref-game[data-kind="k3"] .ref-cut-lab, .ref-game[data-kind="ssc"] .ref-cut-lab, .ref-game[data-kind="pk10"] .ref-cut-lab, .ref-game[data-kind="dice"] .ref-cut-lab, .ref-game[data-kind="lfd"] .ref-cut-lab, .ref-game[data-kind="bjl"] .ref-cut-lab {
  font-size: var(--h5-ref-cut-font);
  font-weight: 800;
  min-width: max-content;
  width: auto;
  max-width: none;
  flex-shrink: 0;
  overflow: visible;
  white-space: nowrap;
  line-height: 1.35;
}
.ref-game[data-kind="marksix"] .ref-cut-clock, .ref-game[data-kind="pc28"] .ref-cut-clock, .ref-game[data-kind="k3"] .ref-cut-clock, .ref-game[data-kind="ssc"] .ref-cut-clock, .ref-game[data-kind="pk10"] .ref-cut-clock, .ref-game[data-kind="dice"] .ref-cut-clock, .ref-game[data-kind="lfd"] .ref-cut-clock, .ref-game[data-kind="bjl"] .ref-cut-clock {
  font-size: var(--h5-ref-cut-clock-font);
  font-weight: 800;
  min-width: var(--h5-img-player-w);
  width: auto;
  max-width: none;
  flex-shrink: 0;
  overflow: visible;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.ref-game[data-kind="marksix"] .ref-tabs-bar, .ref-game[data-kind="pc28"] .ref-tabs-bar, .ref-game[data-kind="k3"] .ref-tabs-bar, .ref-game[data-kind="ssc"] .ref-tabs-bar, .ref-game[data-kind="pk10"] .ref-tabs-bar, .ref-game[data-kind="dice"] .ref-tabs-bar, .ref-game[data-kind="lfd"] .ref-tabs-bar, .ref-game[data-kind="bjl"] .ref-tabs-bar {
  background: transparent !important;
  border: 0;
  box-shadow: none;
}
.ref-game[data-kind="marksix"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="pc28"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="k3"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="ssc"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="pk10"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="dice"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="lfd"] .ref-tabs-bar .ref-tabs, .ref-game[data-kind="bjl"] .ref-tabs-bar .ref-tabs {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  align-items: stretch;
  justify-content: stretch;
  gap: var(--h5-tab-qieye-gap);
  padding: var(--h5-tab-qieye-pad-y) var(--h5-tab-qieye-pad-x);
  overflow: hidden;
}
.ref-game[data-kind="marksix"] .ref-tabs button, .ref-game[data-kind="pc28"] .ref-tabs button, .ref-game[data-kind="k3"] .ref-tabs button, .ref-game[data-kind="ssc"] .ref-tabs button, .ref-game[data-kind="pk10"] .ref-tabs button, .ref-game[data-kind="dice"] .ref-tabs button, .ref-game[data-kind="lfd"] .ref-tabs button, .ref-game[data-kind="bjl"] .ref-tabs button {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0 var(--h5-tab-qieye-btn-pad-x);
  border-radius: var(--h5-tab-qieye-btn-radius);
  font-size: var(--h5-tab-qieye-font);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.ref-game[data-kind="marksix"] .ref-tabs button.on, .ref-game[data-kind="pc28"] .ref-tabs button.on, .ref-game[data-kind="k3"] .ref-tabs button.on, .ref-game[data-kind="ssc"] .ref-tabs button.on, .ref-game[data-kind="pk10"] .ref-tabs button.on, .ref-game[data-kind="dice"] .ref-tabs button.on, .ref-game[data-kind="lfd"] .ref-tabs button.on, .ref-game[data-kind="bjl"] .ref-tabs button.on {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.ref-game[data-kind="marksix"] .bet-main, .ref-game[data-kind="pc28"] .bet-main, .ref-game[data-kind="k3"] .bet-main, .ref-game[data-kind="ssc"] .bet-main, .ref-game[data-kind="pk10"] .bet-main, .ref-game[data-kind="dice"] .bet-main, .ref-game[data-kind="lfd"] .bet-main, .ref-game[data-kind="bjl"] .bet-main {
  position: static;
}
.ref-game[data-kind="marksix"] .ref-pane[data-pane-body], .ref-game[data-kind="pc28"] .ref-pane[data-pane-body], .ref-game[data-kind="k3"] .ref-pane[data-pane-body], .ref-game[data-kind="ssc"] .ref-pane[data-pane-body], .ref-game[data-kind="pk10"] .ref-pane[data-pane-body], .ref-game[data-kind="dice"] .ref-pane[data-pane-body], .ref-game[data-kind="lfd"] .ref-pane[data-pane-body], .ref-game[data-kind="bjl"] .ref-pane[data-pane-body] {
  background: transparent !important;
  position: absolute;
  left: var(--h5-skin-xiazhu-left);
  top: var(--h5-skin-xiazhu-top);
  width: var(--h5-skin-xiazhu-w);
  height: var(--h5-skin-xiazhu-h);
  min-width: var(--h5-skin-xiazhu-w);
  max-width: var(--h5-skin-xiazhu-w);
  min-height: var(--h5-skin-xiazhu-h);
  max-height: var(--h5-skin-xiazhu-h);
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  z-index: 2;
  flex: none;
}
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay, .ref-game[data-kind="pc28"] .ref-pane > .ref-lay, .ref-game[data-kind="k3"] .ref-pane > .ref-lay, .ref-game[data-kind="ssc"] .ref-pane > .ref-lay, .ref-game[data-kind="pk10"] .ref-pane > .ref-lay, .ref-game[data-kind="dice"] .ref-pane > .ref-lay, .ref-game[data-kind="lfd"] .ref-pane > .ref-lay, .ref-game[data-kind="bjl"] .ref-pane > .ref-lay {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--h5-skin-xiazhu-w);
  height: var(--h5-skin-xiazhu-h);
  max-width: var(--h5-skin-xiazhu-w);
  max-height: var(--h5-skin-xiazhu-h);
  min-height: 0;
  margin: 0;
  gap: 0;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] {
  --h5-marksix-brand-lower-offset: 146px;
  --h5-marksix-outcome-offset-y: 32px;
  --h5-marksix-outcome-edge-gap: 10px;
}
.ref-game[data-kind="marksix"], .ref-game[data-kind="pc28"], .ref-game[data-kind="k3"], .ref-game[data-kind="ssc"], .ref-game[data-kind="pk10"], .ref-game[data-kind="dice"], .ref-game[data-kind="lfd"], .ref-game[data-kind="bjl"] {
  --h5-marksix-pile-chip-scale: 0.72;
  --h5-marksix-pile-chip-opacity: 0.52;
  /* 下注格：字/倍率略小于原 44/26；紧凑格（lay-4 等）再小一档 */
  --h5-skin-bet-lab-font: calc(36px * var(--ui-text-scale, 1));
  --h5-skin-bet-odds-font: calc(20px * var(--ui-text-scale, 1));
  --h5-skin-bet-lab-font-compact: calc(30px * var(--ui-text-scale, 1));
  --h5-skin-bet-odds-font-compact: calc(17px * var(--ui-text-scale, 1));
  --h5-skin-bet-lab-font-long: calc(15px * var(--ui-text-scale, 1));
  /* 筹码盒 = 下注底图四边各收进一截，具体像素由 fitPileToTile 按筹码尺寸算 */
  --h5-skin-pile-inset-x: 6%;
  --h5-skin-pile-inset-top: 6%;
  --h5-skin-pile-inset-bottom: 6%;
  --h5-ref-tools-offset-y: 10px;
  --h5-ref-tool-radius: 11px;
  --h5-ref-tool-bar-w: 192px;
  --h5-ref-tool-bar-h: 72px;
  --h5-ref-tool-sq: 72px;
  --h5-ref-tool-gengduo: 56px;
  --h5-ref-tool-caret-half: 11px;
  --h5-ref-tool-caret-h: 14px;
  /* 顶栏/切页/底栏字号：:root --h5-type-scale（手机 1.4× 见 h5-mobile-type.css） */
  --h5-tab-qieye-pad-x: 14px;
  --h5-tab-qieye-pad-y: 8px;
  --h5-tab-qieye-gap: 8px;
  --h5-tab-qieye-btn-pad-x: 4px;
  --h5-tab-qieye-btn-radius: 14px;
  /* bg_touzhu 400×88：底栏控件按条宽排版（1080 稿像素） */
  --h5-foot-touzhu-refresh: 56px;
  --h5-foot-touzhu-plus: 46px;
  --h5-foot-touzhu-chip: 72px;
  --h5-foot-touzhu-arrow-h: 30px;
  --h5-foot-touzhu-submit-h: 76px;
  --h5-foot-touzhu-pad-x: 22px;
  /* btn_xz_*_1 PNG 标注（1080 稿，拼满 bg_xiazhu 1048×408，不缩放） */
  --h5-xz-w1: 488px;
  --h5-xz-w2: 316px;
  --h5-xz-w3: 232px;
  --h5-xz-w5: 317px;
  --h5-xz-w7: 180px;
  --h5-xz-h-tall: 360px;
  --h5-xz-h-short: 168px;
  /* 与两面四宫格相同间距；色波三列宽和 1036 → 水平四段等距 --h5-xz-gap-h3tall */
  --h5-xz-gap-uniform: calc((var(--h5-skin-xiazhu-w) - 2 * var(--h5-xz-w1)) / 3);
  --h5-xz-gap-h3tall: calc(
    (var(--h5-skin-xiazhu-w) - var(--h5-xz-w1) - var(--h5-xz-w2) - var(--h5-xz-w3)) / 4
  );
  /* 色波三列均为 btn_xz_2_1(316)：四段等距 (1048-948)/4=25 */
  --h5-xz-gap-h3eq2: calc((var(--h5-skin-xiazhu-w) - 3 * var(--h5-xz-w2)) / 4);
}
.ref-game[data-kind="marksix"] .ref-foot, .ref-game[data-kind="pc28"] .ref-foot, .ref-game[data-kind="k3"] .ref-foot, .ref-game[data-kind="ssc"] .ref-foot, .ref-game[data-kind="pk10"] .ref-foot, .ref-game[data-kind="dice"] .ref-foot, .ref-game[data-kind="lfd"] .ref-foot, .ref-game[data-kind="bjl"] .ref-foot {
  margin-top: var(--h5-marksix-foot-mt);
}
.ref-game[data-kind="pc28"] .ref-foot {
  margin-top: var(--h5-pc28-foot-mt);
}
.ref-game[data-kind="k3"] .ref-foot {
  margin-top: var(--h5-k3-foot-mt);
}
.ref-game[data-kind="ssc"] .ref-foot {
  margin-top: var(--h5-ssc-foot-mt);
}
.ref-game[data-kind="pk10"] .ref-foot {
  margin-top: var(--h5-pk10-foot-mt);
}
.ref-game[data-kind="dice"] .ref-foot {
  margin-top: var(--h5-dice-foot-mt);
}
.ref-game[data-kind="lfd"] .ref-foot {
  margin-top: var(--h5-lfd-foot-mt);
}
.ref-game[data-kind="bjl"] .ref-foot {
  margin-top: var(--h5-bjl-foot-mt);
}
.ref-game[data-kind="marksix"] .ref-foot, .ref-game[data-kind="pc28"] .ref-foot, .ref-game[data-kind="k3"] .ref-foot, .ref-game[data-kind="ssc"] .ref-foot, .ref-game[data-kind="pk10"] .ref-foot, .ref-game[data-kind="dice"] .ref-foot, .ref-game[data-kind="lfd"] .ref-foot, .ref-game[data-kind="bjl"] .ref-foot {
  background: transparent;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}
.ref-game[data-kind="marksix"] .ref-bal, .ref-game[data-kind="pc28"] .ref-bal, .ref-game[data-kind="k3"] .ref-bal, .ref-game[data-kind="ssc"] .ref-bal, .ref-game[data-kind="pk10"] .ref-bal, .ref-game[data-kind="dice"] .ref-bal, .ref-game[data-kind="lfd"] .ref-bal, .ref-game[data-kind="bjl"] .ref-bal {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 var(--h5-skin-touzhu-w);
  width: var(--h5-skin-touzhu-w);
  border: 0;
  background: transparent;
  min-height: var(--h5-skin-touzhu-h);
  height: var(--h5-skin-touzhu-h);
  max-width: none;
  padding: 0 var(--h5-foot-touzhu-pad-x);
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}
.ref-game[data-kind="marksix"] .ref-bal::before,
.ref-game[data-kind="marksix"] .ref-foot-actions::before, .ref-game[data-kind="pc28"] .ref-foot-actions::before, .ref-game[data-kind="k3"] .ref-foot-actions::before, .ref-game[data-kind="ssc"] .ref-foot-actions::before, .ref-game[data-kind="pk10"] .ref-foot-actions::before, .ref-game[data-kind="dice"] .ref-foot-actions::before, .ref-game[data-kind="lfd"] .ref-foot-actions::before, .ref-game[data-kind="bjl"] .ref-foot-actions::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../res/com/bg_touzhu.png) center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 0;
}
.ref-game[data-kind="marksix"] .ref-bal > *, .ref-game[data-kind="pc28"] .ref-bal > *, .ref-game[data-kind="k3"] .ref-bal > *, .ref-game[data-kind="ssc"] .ref-bal > *, .ref-game[data-kind="pk10"] .ref-bal > *, .ref-game[data-kind="dice"] .ref-bal > *, .ref-game[data-kind="lfd"] .ref-bal > *, .ref-game[data-kind="bjl"] .ref-bal > * {
  position: relative;
  z-index: 1;
}
.ref-game[data-kind="marksix"] .ref-refresh-btn, .ref-game[data-kind="pc28"] .ref-refresh-btn, .ref-game[data-kind="k3"] .ref-refresh-btn, .ref-game[data-kind="ssc"] .ref-refresh-btn, .ref-game[data-kind="pk10"] .ref-refresh-btn, .ref-game[data-kind="dice"] .ref-refresh-btn, .ref-game[data-kind="lfd"] .ref-refresh-btn, .ref-game[data-kind="bjl"] .ref-refresh-btn {
  padding: 0;
  width: var(--h5-foot-touzhu-refresh);
  height: var(--h5-foot-touzhu-refresh);
}
.ref-game[data-kind="marksix"] .ref-refresh, .ref-game[data-kind="pc28"] .ref-refresh, .ref-game[data-kind="k3"] .ref-refresh, .ref-game[data-kind="ssc"] .ref-refresh, .ref-game[data-kind="pk10"] .ref-refresh, .ref-game[data-kind="dice"] .ref-refresh, .ref-game[data-kind="lfd"] .ref-refresh, .ref-game[data-kind="bjl"] .ref-refresh {
  width: var(--h5-foot-touzhu-refresh);
  height: var(--h5-foot-touzhu-refresh);
}
.ref-game[data-kind="marksix"] .ref-bal-num, .ref-game[data-kind="pc28"] .ref-bal-num, .ref-game[data-kind="k3"] .ref-bal-num, .ref-game[data-kind="ssc"] .ref-bal-num, .ref-game[data-kind="pk10"] .ref-bal-num, .ref-game[data-kind="dice"] .ref-bal-num, .ref-game[data-kind="lfd"] .ref-bal-num, .ref-game[data-kind="bjl"] .ref-bal-num {
  font-size: var(--h5-foot-touzhu-bal-font);
  font-weight: 800;
  line-height: 1.1;
}
.ref-game[data-kind="marksix"] .ref-plus, .ref-game[data-kind="pc28"] .ref-plus, .ref-game[data-kind="k3"] .ref-plus, .ref-game[data-kind="ssc"] .ref-plus, .ref-game[data-kind="pk10"] .ref-plus, .ref-game[data-kind="dice"] .ref-plus, .ref-game[data-kind="lfd"] .ref-plus, .ref-game[data-kind="bjl"] .ref-plus {
  width: var(--h5-foot-touzhu-plus);
  height: var(--h5-foot-touzhu-plus);
  line-height: var(--h5-foot-touzhu-plus);
  font-size: calc(var(--h5-foot-touzhu-plus) * 0.62);
}
.ref-game[data-kind="marksix"] .ref-foot-actions, .ref-game[data-kind="pc28"] .ref-foot-actions, .ref-game[data-kind="k3"] .ref-foot-actions, .ref-game[data-kind="ssc"] .ref-foot-actions, .ref-game[data-kind="pk10"] .ref-foot-actions, .ref-game[data-kind="dice"] .ref-foot-actions, .ref-game[data-kind="lfd"] .ref-foot-actions, .ref-game[data-kind="bjl"] .ref-foot-actions {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 var(--h5-skin-touzhu-w);
  width: var(--h5-skin-touzhu-w);
  align-items: center;
  justify-content: space-between;
  min-height: var(--h5-skin-touzhu-h);
  height: var(--h5-skin-touzhu-h);
  padding: 0 var(--h5-foot-touzhu-pad-x);
  gap: 10px;
}
.ref-game[data-kind="marksix"] .ref-foot-actions > *, .ref-game[data-kind="pc28"] .ref-foot-actions > *, .ref-game[data-kind="k3"] .ref-foot-actions > *, .ref-game[data-kind="ssc"] .ref-foot-actions > *, .ref-game[data-kind="pk10"] .ref-foot-actions > *, .ref-game[data-kind="dice"] .ref-foot-actions > *, .ref-game[data-kind="lfd"] .ref-foot-actions > *, .ref-game[data-kind="bjl"] .ref-foot-actions > * {
  position: relative;
  z-index: 1;
}
.ref-game[data-kind="marksix"] .ref-chip-pick, .ref-game[data-kind="pc28"] .ref-chip-pick, .ref-game[data-kind="k3"] .ref-chip-pick, .ref-game[data-kind="ssc"] .ref-chip-pick, .ref-game[data-kind="pk10"] .ref-chip-pick, .ref-game[data-kind="dice"] .ref-chip-pick, .ref-game[data-kind="lfd"] .ref-chip-pick, .ref-game[data-kind="bjl"] .ref-chip-pick {
  flex: 0 0 auto;
  gap: 6px;
  min-height: var(--h5-foot-touzhu-chip);
}
.ref-game[data-kind="marksix"] .ref-chip-face, .ref-game[data-kind="pc28"] .ref-chip-face, .ref-game[data-kind="k3"] .ref-chip-face, .ref-game[data-kind="ssc"] .ref-chip-face, .ref-game[data-kind="pk10"] .ref-chip-face, .ref-game[data-kind="dice"] .ref-chip-face, .ref-game[data-kind="lfd"] .ref-chip-face, .ref-game[data-kind="bjl"] .ref-chip-face {
  width: var(--h5-foot-touzhu-chip);
  height: var(--h5-foot-touzhu-chip);
}
.ref-game[data-kind="marksix"] .ref-chip-arrow, .ref-game[data-kind="pc28"] .ref-chip-arrow, .ref-game[data-kind="k3"] .ref-chip-arrow, .ref-game[data-kind="ssc"] .ref-chip-arrow, .ref-game[data-kind="pk10"] .ref-chip-arrow, .ref-game[data-kind="dice"] .ref-chip-arrow, .ref-game[data-kind="lfd"] .ref-chip-arrow, .ref-game[data-kind="bjl"] .ref-chip-arrow {
  height: var(--h5-foot-touzhu-arrow-h);
  max-width: 56px;
}
.ref-game[data-kind="marksix"] .ref-submit, .ref-game[data-kind="pc28"] .ref-submit, .ref-game[data-kind="k3"] .ref-submit, .ref-game[data-kind="ssc"] .ref-submit, .ref-game[data-kind="pk10"] .ref-submit, .ref-game[data-kind="dice"] .ref-submit, .ref-game[data-kind="lfd"] .ref-submit, .ref-game[data-kind="bjl"] .ref-submit {
  flex: 1 1 0;
  min-width: 0;
  height: var(--h5-foot-touzhu-submit-h);
  max-height: var(--h5-foot-touzhu-submit-h);
  padding: 0 16px;
  border-radius: calc(var(--h5-foot-touzhu-submit-h) / 2);
  font-size: var(--h5-foot-touzhu-submit-font);
  font-weight: 800;
}
/* 皮服下注格（marksix / pc28 共用）：PNG <img> 原尺寸，禁止 grid/flex 拉伸 */
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="pc28"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="k3"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="ssc"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="pk10"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="dice"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="lfd"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile, .ref-game[data-kind="bjl"] .ref-pane > .ref-lay:not(.lay-5):not(.lay-6) .bet-tile {
  align-self: start;
  justify-self: start;
  flex: 0 0 auto;
  min-height: 0;
  height: auto;
  background: none;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile, .ref-game[data-kind="pc28"] .ref-pane .bet-tile, .ref-game[data-kind="k3"] .ref-pane .bet-tile, .ref-game[data-kind="ssc"] .ref-pane .bet-tile, .ref-game[data-kind="pk10"] .ref-pane .bet-tile, .ref-game[data-kind="dice"] .ref-pane .bet-tile, .ref-game[data-kind="lfd"] .ref-pane .bet-tile, .ref-game[data-kind="bjl"] .ref-pane .bet-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: var(--h5-skin-xiazhu-radius, 16px);
  box-shadow: none;
  background: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab,
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .odds, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .odds, .ref-game[data-kind="k3"] .ref-pane .bet-tile .odds, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .odds, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .odds, .ref-game[data-kind="dice"] .ref-pane .bet-tile .odds, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .odds, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .odds {
  position: relative;
  z-index: 5;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab {
  font-size: var(--h5-skin-bet-lab-font);
  font-weight: 800;
  line-height: 1.08;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-up, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-up { color: #7ec8ff; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-down, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-down { color: #ff7a8a; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-mid, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-mid { color: #8ee4a0; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-num { color: #e8eaef; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-num.lab-red, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-num.lab-red { color: #ff8a8a; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-num.lab-blue, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-num.lab-blue { color: #8ab4ff; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-num.lab-green, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-num.lab-green { color: #8ee4a0; }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-up + .odds, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-up + .odds { color: rgba(126, 200, 255, .85); }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-down + .odds, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-down + .odds { color: rgba(255, 122, 138, .85); }
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .odds, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .odds, .ref-game[data-kind="k3"] .ref-pane .bet-tile .odds, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .odds, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .odds, .ref-game[data-kind="dice"] .ref-pane .bet-tile .odds, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .odds, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .odds {
  font-size: var(--h5-skin-bet-odds-font);
  font-weight: 700;
  line-height: 1.1;
  color: rgba(200, 202, 212, .92);
}
.ref-game[data-kind="marksix"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="pc28"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="k3"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="ssc"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="pk10"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="dice"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="lfd"] .ref-pane > .lay-4 .bet-tile .lab,
.ref-game[data-kind="bjl"] .ref-pane > .lay-4 .bet-tile .lab {
  font-size: var(--h5-skin-bet-lab-font-compact);
}
.ref-game[data-kind="marksix"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="pc28"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="k3"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="ssc"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="pk10"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="dice"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="lfd"] .ref-pane > .lay-4 .bet-tile .odds,
.ref-game[data-kind="bjl"] .ref-pane > .lay-4 .bet-tile .odds {
  font-size: var(--h5-skin-bet-odds-font-compact);
}
.ref-game[data-kind="marksix"] .bet-tile .tile-mine-pile,
.ref-game[data-kind="marksix"] .bet-tile .crowd-pile, .ref-game[data-kind="pc28"] .bet-tile .crowd-pile, .ref-game[data-kind="k3"] .bet-tile .crowd-pile, .ref-game[data-kind="ssc"] .bet-tile .crowd-pile, .ref-game[data-kind="pk10"] .bet-tile .crowd-pile, .ref-game[data-kind="dice"] .bet-tile .crowd-pile, .ref-game[data-kind="lfd"] .bet-tile .crowd-pile, .ref-game[data-kind="bjl"] .bet-tile .crowd-pile {
  --pile-chip-scale: var(--h5-marksix-pile-chip-scale);
  z-index: 6;
  left: var(--h5-skin-pile-inset-x);
  right: var(--h5-skin-pile-inset-x);
  top: var(--h5-skin-pile-inset-top);
  bottom: var(--h5-skin-pile-inset-bottom);
  overflow: visible;
}
.ref-game[data-kind="marksix"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="marksix"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="pc28"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="pc28"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="k3"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="k3"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="ssc"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="ssc"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="pk10"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="pk10"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="dice"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="dice"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="lfd"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="lfd"] .bet-tile .tile-amt-mine,
.ref-game[data-kind="bjl"] .bet-tile .tile-crowd-amt,
.ref-game[data-kind="bjl"] .bet-tile .tile-amt-mine {
  z-index: 7;
}
.ref-game[data-kind="marksix"] .bet-tile .crowd-chip,
.ref-game[data-kind="marksix"] .bet-tile .mine-chip, .ref-game[data-kind="pc28"] .bet-tile .mine-chip, .ref-game[data-kind="k3"] .bet-tile .mine-chip, .ref-game[data-kind="ssc"] .bet-tile .mine-chip, .ref-game[data-kind="pk10"] .bet-tile .mine-chip, .ref-game[data-kind="dice"] .bet-tile .mine-chip, .ref-game[data-kind="lfd"] .bet-tile .mine-chip, .ref-game[data-kind="bjl"] .bet-tile .mine-chip {
  opacity: var(--h5-marksix-pile-chip-opacity);
}
.ref-game[data-kind="marksix"] .bet-tile .crowd-chip img,
.ref-game[data-kind="marksix"] .bet-tile .mine-chip img, .ref-game[data-kind="pc28"] .bet-tile .mine-chip img, .ref-game[data-kind="k3"] .bet-tile .mine-chip img, .ref-game[data-kind="ssc"] .bet-tile .mine-chip img, .ref-game[data-kind="pk10"] .bet-tile .mine-chip img, .ref-game[data-kind="dice"] .bet-tile .mine-chip img, .ref-game[data-kind="lfd"] .bet-tile .mine-chip img, .ref-game[data-kind="bjl"] .bet-tile .mine-chip img {
  opacity: 1;
}
.ref-game[data-kind="marksix"] .crowd-fly,
.ref-game[data-kind="marksix"] .crowd-fly-self, .ref-game[data-kind="pc28"] .crowd-fly-self, .ref-game[data-kind="k3"] .crowd-fly-self, .ref-game[data-kind="ssc"] .crowd-fly-self, .ref-game[data-kind="pk10"] .crowd-fly-self, .ref-game[data-kind="dice"] .crowd-fly-self, .ref-game[data-kind="lfd"] .crowd-fly-self, .ref-game[data-kind="bjl"] .crowd-fly-self {
  width: calc(var(--h5-img-chip-pile) * var(--h5-marksix-pile-chip-scale));
  height: calc(var(--h5-img-chip-pile) * var(--h5-marksix-pile-chip-scale));
  margin-left: calc(var(--h5-img-chip-pile) * var(--h5-marksix-pile-chip-scale) / -2);
  margin-top: calc(var(--h5-img-chip-pile) * var(--h5-marksix-pile-chip-scale) / -2);
  opacity: var(--h5-marksix-pile-chip-opacity);
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="pc28"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="k3"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="ssc"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="pk10"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="dice"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="lfd"] .ref-pane .bet-tile-xz-img, .ref-game[data-kind="bjl"] .ref-pane .bet-tile-xz-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="pc28"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="k3"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="ssc"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="pk10"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="dice"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="lfd"] .ref-pane .bet-tile.has-stake, .ref-game[data-kind="bjl"] .ref-pane .bet-tile.has-stake {
  box-shadow: none;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="pc28"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="k3"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="ssc"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="pk10"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="dice"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="lfd"] .ref-pane .bet-tile.bet-selected, .ref-game[data-kind="bjl"] .ref-pane .bet-tile.bet-selected {
  z-index: 5;
  border-radius: var(--h5-skin-xiazhu-radius, 16px);
  box-shadow: 0 0 16px rgba(76, 175, 80, .45);
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="pc28"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="k3"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="ssc"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="pk10"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="dice"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="lfd"] .ref-pane .bet-tile.bet-selected::after, .ref-game[data-kind="bjl"] .ref-pane .bet-tile.bet-selected::after {
  border-width: 4px;
  border-color: #5ecc5e;
  border-radius: var(--h5-skin-xiazhu-radius, 16px);
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="pc28"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="k3"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="ssc"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="pk10"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="dice"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="lfd"] .ref-pane .bet-tile.bet-win, .ref-game[data-kind="bjl"] .ref-pane .bet-tile.bet-win {
  z-index: 5;
  border-radius: var(--h5-skin-xiazhu-radius, 16px);
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="pc28"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="k3"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="ssc"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="pk10"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="dice"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="lfd"] .ref-pane .bet-tile.bet-win > .bet-win-ring, .ref-game[data-kind="bjl"] .ref-pane .bet-tile.bet-win > .bet-win-ring {
  border-radius: var(--h5-skin-xiazhu-radius, 16px);
}
/* bg_xiazhu 1048×408：btn_xz 原尺寸 + 与两面相同的 --h5-xz-gap-uniform（24） */
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay.lay-1,
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay.lay-2,
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay.lay-4,
.ref-game[data-kind="lfd"] .ref-pane > .ref-lay.lay-10,
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay.lay-9.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .ref-lay.lay-9.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .ref-lay.lay-9.lay-scroll,
.ref-game[data-kind="marksix"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="ssc"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="pk10"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="dice"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="lfd"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="bjl"] .ref-pane > .ref-lay.lay-11.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .ref-lay.lay-k3-leo {
  display: grid;
  box-sizing: border-box;
  justify-content: start;
  align-content: start;
}
/* 两格：btn_xz_1_1(488×360) 横排 */
.ref-game[data-kind="marksix"] .ref-pane > .lay-1, .ref-game[data-kind="pc28"] .ref-pane > .lay-1, .ref-game[data-kind="k3"] .ref-pane > .lay-1, .ref-game[data-kind="ssc"] .ref-pane > .lay-1, .ref-game[data-kind="pk10"] .ref-pane > .lay-1, .ref-game[data-kind="dice"] .ref-pane > .lay-1, .ref-game[data-kind="lfd"] .ref-pane > .lay-1, .ref-game[data-kind="bjl"] .ref-pane > .lay-1 {
  grid-template-columns: var(--h5-xz-w1) var(--h5-xz-w1);
  grid-template-rows: var(--h5-xz-h-tall);
  column-gap: var(--h5-xz-gap-uniform);
  row-gap: 0;
  padding-block: var(--h5-xz-gap-uniform);
  padding-inline: var(--h5-xz-gap-uniform);
}
/* 色波：三格均为 btn_xz_2_1；上下=uniform，左右与列缝=四段等距 h3eq2 */
.ref-game[data-kind="marksix"] .ref-pane > .lay-2, .ref-game[data-kind="pc28"] .ref-pane > .lay-2, .ref-game[data-kind="k3"] .ref-pane > .lay-2, .ref-game[data-kind="ssc"] .ref-pane > .lay-2, .ref-game[data-kind="pk10"] .ref-pane > .lay-2, .ref-game[data-kind="dice"] .ref-pane > .lay-2, .ref-game[data-kind="lfd"] .ref-pane > .lay-2, .ref-game[data-kind="bjl"] .ref-pane > .lay-2 {
  grid-template-columns: var(--h5-xz-w2) var(--h5-xz-w2) var(--h5-xz-w2);
  grid-template-rows: var(--h5-xz-h-tall);
  column-gap: var(--h5-xz-gap-h3eq2);
  row-gap: 0;
  padding-block: var(--h5-xz-gap-uniform);
  padding-inline: var(--h5-xz-gap-h3eq2);
}
/* 两面：4_1 四宫格 */
.ref-game[data-kind="marksix"] .ref-pane > .lay-4, .ref-game[data-kind="pc28"] .ref-pane > .lay-4, .ref-game[data-kind="k3"] .ref-pane > .lay-4, .ref-game[data-kind="ssc"] .ref-pane > .lay-4, .ref-game[data-kind="pk10"] .ref-pane > .lay-4, .ref-game[data-kind="dice"] .ref-pane > .lay-4, .ref-game[data-kind="lfd"] .ref-pane > .lay-4, .ref-game[data-kind="bjl"] .ref-pane > .lay-4 {
  grid-template-columns: var(--h5-xz-w1) var(--h5-xz-w1);
  grid-template-rows: var(--h5-xz-h-short) var(--h5-xz-h-short);
  gap: var(--h5-xz-gap-uniform);
  padding: var(--h5-xz-gap-uniform);
}
/* 龙虎斗红黑：6_1(232×168) 四列×两行 */
.ref-game[data-kind="lfd"] .ref-pane > .lay-10 {
  grid-template-columns: repeat(4, var(--h5-xz-w3));
  grid-template-rows: var(--h5-xz-h-short) var(--h5-xz-h-short);
  gap: var(--h5-xz-gap-uniform);
  padding: var(--h5-xz-gap-uniform);
  max-height: var(--h5-skin-xiazhu-h);
  overflow: hidden;
}
/* 特码 / 正码 / 生肖 / PC28 特码 / 快三总和：7_1 五列滚动 */
.ref-game[data-kind="marksix"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="ssc"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="pk10"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="dice"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="lfd"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="bjl"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="marksix"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .lay-9.lay-scroll {
  grid-template-columns: repeat(5, var(--h5-xz-w7));
  grid-auto-rows: var(--h5-xz-h-short);
  gap: var(--h5-xz-gap-uniform);
  padding: var(--h5-xz-gap-uniform);
  max-height: var(--h5-skin-xiazhu-h);
  overflow-x: hidden;
  overflow-y: auto;
}
.ref-game[data-kind="marksix"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .lay-9.lay-scroll {
  grid-template-columns: repeat(3, var(--h5-xz-w7));
}
/* 快三对子：btn_xz_5_1(317×168) 三列 */
.ref-game[data-kind="k3"] .ref-pane > .lay-9.lay-scroll {
  grid-template-columns: repeat(3, var(--h5-xz-w5));
}
/* 快三豹子：左 3_1(232×360) 占两行 + 右 6_1(232×168) 两行三列 */
.ref-game[data-kind="k3"] .ref-pane > .lay-k3-leo {
  grid-template-columns: var(--h5-xz-w3) var(--h5-xz-w3) var(--h5-xz-w3) var(--h5-xz-w3);
  grid-template-rows: var(--h5-xz-h-short) var(--h5-xz-h-short);
  gap: var(--h5-xz-gap-uniform);
  padding: var(--h5-xz-gap-uniform);
  max-height: var(--h5-skin-xiazhu-h);
  overflow: hidden;
}
.ref-game[data-kind="k3"] .ref-pane > .lay-k3-leo .bet-tile[data-bet="leo:any"] {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  justify-self: start;
}
.ref-game[data-kind="ssc"] .ref-pane .ssc-pos {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--h5-skin-xiazhu-w);
  height: var(--h5-skin-xiazhu-h);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--h5-xz-gap-uniform);
  padding: var(--h5-xz-gap-uniform);
  overflow-x: hidden;
  overflow-y: auto;
}
.ref-game[data-kind="ssc"] .ref-pane .ssc-pos > .ref-lay.lay-11.lay-scroll {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  min-height: 0;
  flex: 0 0 auto;
}
.ref-game[data-kind="marksix"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .lay-11.lay-scroll, .ref-game[data-kind="ssc"] .ref-pane > .lay-11.lay-scroll, .ref-game[data-kind="pk10"] .ref-pane > .lay-11.lay-scroll, .ref-game[data-kind="dice"] .ref-pane > .lay-11.lay-scroll, .ref-game[data-kind="lfd"] .ref-pane > .lay-11.lay-scroll, .ref-game[data-kind="bjl"] .ref-pane > .lay-11.lay-scroll,
.ref-game[data-kind="marksix"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="pc28"] .ref-pane > .lay-9.lay-scroll,
.ref-game[data-kind="k3"] .ref-pane > .lay-9.lay-scroll, .ref-game[data-kind="ssc"] .ref-pane > .lay-9.lay-scroll, .ref-game[data-kind="pk10"] .ref-pane > .lay-9.lay-scroll, .ref-game[data-kind="dice"] .ref-pane > .lay-9.lay-scroll, .ref-game[data-kind="lfd"] .ref-pane > .lay-9.lay-scroll, .ref-game[data-kind="bjl"] .ref-pane > .lay-9.lay-scroll {
  grid-template-rows: none;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="k3"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="dice"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .lab.lab-num, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .lab.lab-num {
  font-size: calc(52px * var(--ui-text-scale));
}
.ref-game[data-kind="marksix"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="pc28"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="k3"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="ssc"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="pk10"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="dice"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="lfd"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num, .ref-game[data-kind="bjl"] .ref-pane > .lay-11.lay-scroll .bet-tile .lab.lab-num {
  font-size: calc(40px * var(--ui-text-scale));
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-amt-val,
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-crowd-amt-val,
.ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-amt-val,
.ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-crowd-amt-val,
.ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-amt-val, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-amt-val, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-amt-val, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-amt-val, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-amt-val, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-amt-val,
.ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-crowd-amt-val, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-crowd-amt-val, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-crowd-amt-val, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-crowd-amt-val, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-crowd-amt-val, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-crowd-amt-val {
  font-size: calc(24px * var(--ui-text-scale));
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-amt-mine img,
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-crowd-amt img,
.ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-amt-mine img,
.ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-crowd-amt img,
.ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-amt-mine img, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-amt-mine img, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-amt-mine img, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-amt-mine img, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-amt-mine img, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-amt-mine img,
.ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-crowd-amt img, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-crowd-amt img, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-crowd-amt img, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-crowd-amt img, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-crowd-amt img, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-crowd-amt img {
  width: var(--h5-img-chip-badge);
  height: var(--h5-img-chip-badge);
  object-fit: contain;
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-amt-lab, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-amt-lab {
  font-style: normal;
  font-size: calc(18px * var(--ui-text-scale));
  font-weight: 800;
  line-height: 1;
  color: rgba(255, 255, 255, .75);
  flex-shrink: 0;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-amt-lab-mine, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-amt-lab-mine {
  color: #ffe082;
}
.ref-game[data-kind="marksix"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="pc28"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="k3"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="ssc"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="pk10"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="dice"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="lfd"] .ref-pane .bet-tile .tile-amt-mine, .ref-game[data-kind="bjl"] .ref-pane .bet-tile .tile-amt-mine {
  z-index: 9;
  padding: 4px 8px;
  background: rgba(0, 0, 0, .68);
}

/* 顶栏开奖球 / 结果标签：尺寸见 ballHtml·resultTagWord 的 img width/height（H5_IMG），禁止 fill 压扁 */
.ref-game .ref-head-row .ref-draw-balls .ball.ball-img,
.ref-game .ref-head-row .ref-draw .ball.ball-img {
  box-sizing: border-box;
  border-radius: 0;
  overflow: visible;
  flex: 0 0 auto;
  min-width: 0;
  max-width: none;
  width: auto;
  height: auto;
  flex-basis: auto;
}
.ref-game .ref-head-row .ref-draw-balls .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw .ball.ball-img.car {
  width: auto;
  height: auto;
  flex-basis: auto;
}
.ref-game .ref-head-row .ref-draw-balls.ref-draw-dense .ball.ball-img,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xdense .ball.ball-img,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xxdense .ball.ball-img,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-dense .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xdense .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xxdense .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw-balls .ball.ball-img.ball-streak,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-dense .ball.ball-img.ball-streak,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xdense .ball.ball-img.ball-streak,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xxdense .ball.ball-img.ball-streak {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  flex-basis: auto;
  max-width: none;
  border-radius: 0;
  overflow: visible;
}
.ref-game .ref-head-row .ref-draw-balls.ref-draw-dense .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xdense .ball.ball-img.car,
.ref-game .ref-head-row .ref-draw-balls.ref-draw-xxdense .ball.ball-img.car {
  width: auto;
  height: auto;
  flex-basis: auto;
}
.ref-game .ref-head-row .ball.ball-img img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  display: block;
  border-radius: 0;
}
.ref-game .ref-head-row .ball.ball-img.ball-streak img {
  object-fit: none;
  border-radius: 0;
}
.ref-game .ref-head-row .ref-last > .ball.ball-img img {
  width: auto;
  height: auto;
  object-fit: none;
}
.ref-game .ref-head-row .ball.ball-img em {
  font-size: var(--h5-img-ball-num-font);
  font-weight: 800;
  line-height: 1;
}
.ref-game .ref-head-row .ref-draw .tag.tag-img,
.ref-game .ref-head-row .ref-last .tag.tag-img {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  flex: 0 0 var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  min-width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  min-height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  max-width: none;
  border-radius: 0;
  overflow: visible;
}
.ref-game .ref-head-row .tag.tag-img img {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  min-width: var(--h5-tag-ts-w, var(--h5-img-tag-ts-last-w));
  min-height: var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h));
  max-width: none;
  max-height: none;
  object-fit: none;
  z-index: 0;
  pointer-events: none;
}
.ref-game .ref-head-row .tag.tag-img em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-size: var(--h5-img-tag-ts-font);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
  pointer-events: none;
}
/* 第三行特码球：与 ballHtml 同尺（H5_IMG），不压进 tag 方框尺寸 */
.ref-game[data-kind="marksix"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="pc28"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .ball.ball-img em, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .ball.ball-img em {
  font-size: var(--h5-marksix-tag-ts-font);
}

/* 六合彩特码：圆环贴球图边沿（球图 80×80 正圆） */
.ref-game[data-kind="marksix"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="pc28"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="k3"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="ssc"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="pk10"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="dice"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="lfd"] .ref-head-row .ball.ball-img.sp:not(.car), .ref-game[data-kind="bjl"] .ref-head-row .ball.ball-img.sp:not(.car) {
  outline: none !important;
  position: relative;
}
.ref-game[data-kind="marksix"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="pc28"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="k3"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="ssc"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="pk10"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="dice"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="lfd"] .ref-head-row .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="bjl"] .ref-head-row .ball.ball-img.sp:not(.car) img {
  object-fit: none;
  display: block;
  width: auto;
  height: auto;
  box-shadow: none;
}
.ref-game[data-kind="marksix"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pc28"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="k3"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="ssc"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pk10"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="dice"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="lfd"] .ref-head-row .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="bjl"] .ref-head-row .ball.ball-img.sp:not(.car)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 3px solid #ffd54f;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="k3"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ball.ball-img.sp:not(.car)::after {
  top: max(0px, calc((var(--h5-img-ball-h) - var(--h5-img-ball-w)) / 2));
  bottom: max(0px, calc((var(--h5-img-ball-h) - var(--h5-img-ball-w)) / 2));
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pc28"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="k3"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="ssc"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pk10"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="dice"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="lfd"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="bjl"] .ref-head-row .ref-last > .ball.ball-img.sp:not(.car)::after {
  top: max(0px, calc((var(--h5-img-tag-ts-h) - var(--h5-img-tag-ts-w)) / 2));
  bottom: max(0px, calc((var(--h5-img-tag-ts-h) - var(--h5-img-tag-ts-w)) / 2));
}
@keyframes marksix-draw-flash {
  0%, 100% { opacity: 1; filter: brightness(1); }
  50% { opacity: 0.35; filter: brightness(1.65); }
}
.ref-game[data-kind="marksix"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="pc28"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="k3"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="ssc"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="pk10"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="dice"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img, .ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls.marksix-draw-flash .ball.ball-img {
  animation: marksix-draw-flash 0.42s ease-in-out 3;
}

/* 底滑层关闭钮：统一外框（「关闭」「返回」同宽同高） */
.ref-game[data-kind="marksix"] .marksix-rules-close, .ref-game[data-kind="pc28"] .marksix-rules-close, .ref-game[data-kind="marksix"] .marksix-settle-close, .ref-game[data-kind="pc28"] .marksix-settle-close, .ref-game[data-kind="marksix"] .marksix-draw-rec-close, .ref-game[data-kind="pc28"] .marksix-draw-rec-close, .ref-game .h5-chip-close, .ref-game .h5-more-close, .ref-game .h5-pay-close, .h5-pay-close, .settle-sheet .pay-head .sheet-x, .ref-game[data-kind="k3"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close, .ref-game[data-kind="ssc"] .marksix-draw-rec-close, .ref-game[data-kind="pk10"] .marksix-draw-rec-close, .ref-game[data-kind="dice"] .marksix-draw-rec-close, .ref-game[data-kind="lfd"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-draw-rec-close, .ref-game[data-kind="bjl"] .marksix-rules-close, .ref-game[data-kind="k3"] .marksix-settle-close, .ref-game[data-kind="ssc"] .marksix-settle-close, .ref-game[data-kind="pk10"] .marksix-settle-close, .ref-game[data-kind="dice"] .marksix-settle-close, .ref-game[data-kind="lfd"] .marksix-settle-close, .ref-game[data-kind="bjl"] .marksix-settle-close, .ref-game[data-kind="k3"] .marksix-draw-rec-close , .ref-game[data-kind="ssc"] .marksix-draw-rec-close , .ref-game[data-kind="pk10"] .marksix-draw-rec-close , .ref-game[data-kind="dice"] .marksix-draw-rec-close , .ref-game[data-kind="lfd"] .marksix-draw-rec-close , .ref-game[data-kind="bjl"] .marksix-draw-rec-close {

  box-sizing: border-box;
  border: 0;
  background: rgba(255, 255, 255, .1);
  color: #e8e8ec;
  font-family: inherit;
  font-size: var(--h5-sheet-close-font);
  font-weight: 700;
  line-height: 1.2;
  padding: var(--h5-sheet-close-pad-y) var(--h5-sheet-close-pad-x);
  border-radius: var(--h5-sheet-close-radius);
  min-width: var(--h5-sheet-close-min-w);
  min-height: var(--h5-sheet-close-min-h);
  text-align: center;
  flex-shrink: 0;
  cursor: pointer;
}
.settle-sheet .pay-head .sheet-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: 0;
}

/* 皮服玩法说明（marksix / pc28）：画布 1080 内全宽，自底滑出 */
.ref-game[data-kind="marksix"] .marksix-rules-layer , .ref-game[data-kind="pc28"] .marksix-rules-layer, .ref-game[data-kind="k3"] .marksix-rules-layer, .ref-game[data-kind="ssc"] .marksix-rules-layer, .ref-game[data-kind="pk10"] .marksix-rules-layer, .ref-game[data-kind="dice"] .marksix-rules-layer, .ref-game[data-kind="lfd"] .marksix-rules-layer, .ref-game[data-kind="bjl"] .marksix-rules-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-rules-layer.is-open , .ref-game[data-kind="pc28"] .marksix-rules-layer.is-open, .ref-game[data-kind="k3"] .marksix-rules-layer.is-open, .ref-game[data-kind="ssc"] .marksix-rules-layer.is-open, .ref-game[data-kind="pk10"] .marksix-rules-layer.is-open, .ref-game[data-kind="dice"] .marksix-rules-layer.is-open, .ref-game[data-kind="lfd"] .marksix-rules-layer.is-open, .ref-game[data-kind="bjl"] .marksix-rules-layer.is-open {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-rules-stack , .ref-game[data-kind="pc28"] .marksix-rules-stack, .ref-game[data-kind="k3"] .marksix-rules-stack, .ref-game[data-kind="ssc"] .marksix-rules-stack, .ref-game[data-kind="pk10"] .marksix-rules-stack, .ref-game[data-kind="dice"] .marksix-rules-stack, .ref-game[data-kind="lfd"] .marksix-rules-stack, .ref-game[data-kind="bjl"] .marksix-rules-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game[data-kind="marksix"] .marksix-rules-layer.is-open .marksix-rules-stack , .ref-game[data-kind="pc28"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="k3"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="ssc"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="pk10"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="dice"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="lfd"] .marksix-rules-layer.is-open .marksix-rules-stack, .ref-game[data-kind="bjl"] .marksix-rules-layer.is-open .marksix-rules-stack {
  transform: translateY(0);
}
.ref-game[data-kind="marksix"] .marksix-rules-backdrop , .ref-game[data-kind="pc28"] .marksix-rules-backdrop, .ref-game[data-kind="k3"] .marksix-rules-backdrop, .ref-game[data-kind="ssc"] .marksix-rules-backdrop, .ref-game[data-kind="pk10"] .marksix-rules-backdrop, .ref-game[data-kind="dice"] .marksix-rules-backdrop, .ref-game[data-kind="lfd"] .marksix-rules-backdrop, .ref-game[data-kind="bjl"] .marksix-rules-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-rules-layer.is-open .marksix-rules-backdrop , .ref-game[data-kind="pc28"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="k3"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="ssc"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="pk10"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="dice"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="lfd"] .marksix-rules-layer.is-open .marksix-rules-backdrop, .ref-game[data-kind="bjl"] .marksix-rules-layer.is-open .marksix-rules-backdrop {
  opacity: 1;
}
.ref-game[data-kind="marksix"] .marksix-rules-sheet , .ref-game[data-kind="pc28"] .marksix-rules-sheet, .ref-game[data-kind="k3"] .marksix-rules-sheet, .ref-game[data-kind="ssc"] .marksix-rules-sheet, .ref-game[data-kind="pk10"] .marksix-rules-sheet, .ref-game[data-kind="dice"] .marksix-rules-sheet, .ref-game[data-kind="lfd"] .marksix-rules-sheet, .ref-game[data-kind="bjl"] .marksix-rules-sheet {
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #121318;
  border-radius: 28px 28px 0 0;
  box-shadow: none;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .marksix-rules-sheet > * , .ref-game[data-kind="pc28"] .marksix-rules-sheet > *, .ref-game[data-kind="k3"] .marksix-rules-sheet > *, .ref-game[data-kind="ssc"] .marksix-rules-sheet > *, .ref-game[data-kind="pk10"] .marksix-rules-sheet > *, .ref-game[data-kind="dice"] .marksix-rules-sheet > *, .ref-game[data-kind="lfd"] .marksix-rules-sheet > *, .ref-game[data-kind="bjl"] .marksix-rules-sheet > * {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-rules-head , .ref-game[data-kind="pc28"] .marksix-rules-head, .ref-game[data-kind="k3"] .marksix-rules-head, .ref-game[data-kind="ssc"] .marksix-rules-head, .ref-game[data-kind="pk10"] .marksix-rules-head, .ref-game[data-kind="dice"] .marksix-rules-head, .ref-game[data-kind="lfd"] .marksix-rules-head, .ref-game[data-kind="bjl"] .marksix-rules-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 36px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #121318;
  border-radius: 28px 28px 0 0;
}
.ref-game[data-kind="marksix"] .marksix-rules-title , .ref-game[data-kind="pc28"] .marksix-rules-title, .ref-game[data-kind="k3"] .marksix-rules-title, .ref-game[data-kind="ssc"] .marksix-rules-title, .ref-game[data-kind="pk10"] .marksix-rules-title, .ref-game[data-kind="dice"] .marksix-rules-title, .ref-game[data-kind="lfd"] .marksix-rules-title, .ref-game[data-kind="bjl"] .marksix-rules-title {
  font-size: var(--h5-sheet-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.ref-game[data-kind="marksix"] .marksix-rules-scroll , .ref-game[data-kind="pc28"] .marksix-rules-scroll, .ref-game[data-kind="k3"] .marksix-rules-scroll, .ref-game[data-kind="ssc"] .marksix-rules-scroll, .ref-game[data-kind="pk10"] .marksix-rules-scroll, .ref-game[data-kind="dice"] .marksix-rules-scroll, .ref-game[data-kind="lfd"] .marksix-rules-scroll, .ref-game[data-kind="bjl"] .marksix-rules-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 8px 36px 48px;
  background: #121318;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec , .ref-game[data-kind="pc28"] .marksix-rules-sec, .ref-game[data-kind="k3"] .marksix-rules-sec, .ref-game[data-kind="ssc"] .marksix-rules-sec, .ref-game[data-kind="pk10"] .marksix-rules-sec, .ref-game[data-kind="dice"] .marksix-rules-sec, .ref-game[data-kind="lfd"] .marksix-rules-sec, .ref-game[data-kind="bjl"] .marksix-rules-sec {
  margin-bottom: 28px;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec h3 , .ref-game[data-kind="pc28"] .marksix-rules-sec h3, .ref-game[data-kind="k3"] .marksix-rules-sec h3, .ref-game[data-kind="ssc"] .marksix-rules-sec h3, .ref-game[data-kind="pk10"] .marksix-rules-sec h3, .ref-game[data-kind="dice"] .marksix-rules-sec h3, .ref-game[data-kind="lfd"] .marksix-rules-sec h3, .ref-game[data-kind="bjl"] .marksix-rules-sec h3 {
  margin: 0 0 12px;
  font-size: var(--h5-sheet-rules-h-font);
  font-weight: 800;
  color: #ffd54f;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec p , .ref-game[data-kind="pc28"] .marksix-rules-sec p, .ref-game[data-kind="k3"] .marksix-rules-sec p, .ref-game[data-kind="ssc"] .marksix-rules-sec p, .ref-game[data-kind="pk10"] .marksix-rules-sec p, .ref-game[data-kind="dice"] .marksix-rules-sec p, .ref-game[data-kind="lfd"] .marksix-rules-sec p, .ref-game[data-kind="bjl"] .marksix-rules-sec p {
  margin: 0;
  font-size: var(--h5-sheet-rules-body-font);
  font-weight: 500;
  line-height: 1.55;
  color: #d8dce6;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec p strong , .ref-game[data-kind="pc28"] .marksix-rules-sec p strong, .ref-game[data-kind="k3"] .marksix-rules-sec p strong, .ref-game[data-kind="ssc"] .marksix-rules-sec p strong, .ref-game[data-kind="pk10"] .marksix-rules-sec p strong, .ref-game[data-kind="dice"] .marksix-rules-sec p strong, .ref-game[data-kind="lfd"] .marksix-rules-sec p strong, .ref-game[data-kind="bjl"] .marksix-rules-sec p strong {
  color: #fff;
  font-weight: 800;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec--muted h3 , .ref-game[data-kind="pc28"] .marksix-rules-sec--muted h3, .ref-game[data-kind="k3"] .marksix-rules-sec--muted h3, .ref-game[data-kind="ssc"] .marksix-rules-sec--muted h3, .ref-game[data-kind="pk10"] .marksix-rules-sec--muted h3, .ref-game[data-kind="dice"] .marksix-rules-sec--muted h3, .ref-game[data-kind="lfd"] .marksix-rules-sec--muted h3, .ref-game[data-kind="bjl"] .marksix-rules-sec--muted h3 {
  color: #9aa0aa;
}
.ref-game[data-kind="marksix"] .marksix-rules-sec--muted p , .ref-game[data-kind="pc28"] .marksix-rules-sec--muted p, .ref-game[data-kind="k3"] .marksix-rules-sec--muted p, .ref-game[data-kind="ssc"] .marksix-rules-sec--muted p, .ref-game[data-kind="pk10"] .marksix-rules-sec--muted p, .ref-game[data-kind="dice"] .marksix-rules-sec--muted p, .ref-game[data-kind="lfd"] .marksix-rules-sec--muted p, .ref-game[data-kind="bjl"] .marksix-rules-sec--muted p {
  font-size: var(--h5-sheet-row-secondary-font);
  color: #9aa0aa;
}

/* 六合彩投注记录：与玩法说明同宽同高底滑层 */
.ref-game[data-kind="marksix"] .marksix-settle-layer , .ref-game[data-kind="pc28"] .marksix-settle-layer, .ref-game[data-kind="k3"] .marksix-settle-layer, .ref-game[data-kind="ssc"] .marksix-settle-layer, .ref-game[data-kind="pk10"] .marksix-settle-layer, .ref-game[data-kind="dice"] .marksix-settle-layer, .ref-game[data-kind="lfd"] .marksix-settle-layer, .ref-game[data-kind="bjl"] .marksix-settle-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 49;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-settle-layer.is-open , .ref-game[data-kind="pc28"] .marksix-settle-layer.is-open, .ref-game[data-kind="k3"] .marksix-settle-layer.is-open, .ref-game[data-kind="ssc"] .marksix-settle-layer.is-open, .ref-game[data-kind="pk10"] .marksix-settle-layer.is-open, .ref-game[data-kind="dice"] .marksix-settle-layer.is-open, .ref-game[data-kind="lfd"] .marksix-settle-layer.is-open, .ref-game[data-kind="bjl"] .marksix-settle-layer.is-open {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-settle-stack , .ref-game[data-kind="pc28"] .marksix-settle-stack, .ref-game[data-kind="k3"] .marksix-settle-stack, .ref-game[data-kind="ssc"] .marksix-settle-stack, .ref-game[data-kind="pk10"] .marksix-settle-stack, .ref-game[data-kind="dice"] .marksix-settle-stack, .ref-game[data-kind="lfd"] .marksix-settle-stack, .ref-game[data-kind="bjl"] .marksix-settle-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game[data-kind="marksix"] .marksix-settle-layer.is-open .marksix-settle-stack , .ref-game[data-kind="pc28"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="k3"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="ssc"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="pk10"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="dice"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="lfd"] .marksix-settle-layer.is-open .marksix-settle-stack, .ref-game[data-kind="bjl"] .marksix-settle-layer.is-open .marksix-settle-stack {
  transform: translateY(0);
}
.ref-game[data-kind="marksix"] .marksix-settle-backdrop , .ref-game[data-kind="pc28"] .marksix-settle-backdrop, .ref-game[data-kind="k3"] .marksix-settle-backdrop, .ref-game[data-kind="ssc"] .marksix-settle-backdrop, .ref-game[data-kind="pk10"] .marksix-settle-backdrop, .ref-game[data-kind="dice"] .marksix-settle-backdrop, .ref-game[data-kind="lfd"] .marksix-settle-backdrop, .ref-game[data-kind="bjl"] .marksix-settle-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-settle-layer.is-open .marksix-settle-backdrop , .ref-game[data-kind="pc28"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="k3"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="ssc"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="pk10"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="dice"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="lfd"] .marksix-settle-layer.is-open .marksix-settle-backdrop, .ref-game[data-kind="bjl"] .marksix-settle-layer.is-open .marksix-settle-backdrop {
  opacity: 1;
}
.ref-game[data-kind="marksix"] .marksix-settle-sheet , .ref-game[data-kind="pc28"] .marksix-settle-sheet, .ref-game[data-kind="k3"] .marksix-settle-sheet, .ref-game[data-kind="ssc"] .marksix-settle-sheet, .ref-game[data-kind="pk10"] .marksix-settle-sheet, .ref-game[data-kind="dice"] .marksix-settle-sheet, .ref-game[data-kind="lfd"] .marksix-settle-sheet, .ref-game[data-kind="bjl"] .marksix-settle-sheet {
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #121318;
  border-radius: 28px 28px 0 0;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .marksix-settle-sheet > * , .ref-game[data-kind="pc28"] .marksix-settle-sheet > *, .ref-game[data-kind="k3"] .marksix-settle-sheet > *, .ref-game[data-kind="ssc"] .marksix-settle-sheet > *, .ref-game[data-kind="pk10"] .marksix-settle-sheet > *, .ref-game[data-kind="dice"] .marksix-settle-sheet > *, .ref-game[data-kind="lfd"] .marksix-settle-sheet > *, .ref-game[data-kind="bjl"] .marksix-settle-sheet > * {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-settle-head , .ref-game[data-kind="pc28"] .marksix-settle-head, .ref-game[data-kind="k3"] .marksix-settle-head, .ref-game[data-kind="ssc"] .marksix-settle-head, .ref-game[data-kind="pk10"] .marksix-settle-head, .ref-game[data-kind="dice"] .marksix-settle-head, .ref-game[data-kind="lfd"] .marksix-settle-head, .ref-game[data-kind="bjl"] .marksix-settle-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 36px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #121318;
  border-radius: 28px 28px 0 0;
}
.ref-game[data-kind="marksix"] .marksix-settle-title , .ref-game[data-kind="pc28"] .marksix-settle-title, .ref-game[data-kind="k3"] .marksix-settle-title, .ref-game[data-kind="ssc"] .marksix-settle-title, .ref-game[data-kind="pk10"] .marksix-settle-title, .ref-game[data-kind="dice"] .marksix-settle-title, .ref-game[data-kind="lfd"] .marksix-settle-title, .ref-game[data-kind="bjl"] .marksix-settle-title {
  font-size: var(--h5-sheet-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll , .ref-game[data-kind="pc28"] .marksix-settle-scroll, .ref-game[data-kind="k3"] .marksix-settle-scroll, .ref-game[data-kind="ssc"] .marksix-settle-scroll, .ref-game[data-kind="pk10"] .marksix-settle-scroll, .ref-game[data-kind="dice"] .marksix-settle-scroll, .ref-game[data-kind="lfd"] .marksix-settle-scroll, .ref-game[data-kind="bjl"] .marksix-settle-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 36px 48px;
  background: #121318;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item {
  padding: 14px 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item .settle-row , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-row, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto max-content auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  padding: 0;
  font-size: var(--h5-sheet-row-font);
  font-weight: 600;
  line-height: 1.6;
  border-bottom: none;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row-detail , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row-detail, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row-detail {
  margin-top: 8px;
  font-size: var(--h5-sheet-row-secondary-font);
  font-weight: 500;
  line-height: 1.55;
  color: #8b919e;
  word-break: break-word;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-row-detail {
  color: #b8a56a;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-col , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-col, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-col {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-sep , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-sep, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-sep {
  color: #6a7080;
  font-weight: 400;
  font-size: var(--h5-sheet-sep-font);
  line-height: 1;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item .settle-result , .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item .settle-result {

  color: #9aa3b8;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-issue , .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-issue {

  color: #ddd;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-record-item.hit .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-result , .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-result {

  color: #ffe082;
  font-weight: 800;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.hit .settle-issue , .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.hit .settle-issue {

  color: #ddd;
}
.ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="marksix"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="pc28"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-name, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-issue, .ref-game[data-kind="k3"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="ssc"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="pk10"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="dice"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="lfd"] .marksix-settle-scroll .settle-row.miss .settle-result , .ref-game[data-kind="bjl"] .marksix-settle-scroll .settle-row.miss .settle-result {

  color: #9aa3b8;
}
.ref-game[data-kind="marksix"] .marksix-settle-empty , .ref-game[data-kind="pc28"] .marksix-settle-empty, .ref-game[data-kind="k3"] .marksix-settle-empty, .ref-game[data-kind="ssc"] .marksix-settle-empty, .ref-game[data-kind="pk10"] .marksix-settle-empty, .ref-game[data-kind="dice"] .marksix-settle-empty, .ref-game[data-kind="lfd"] .marksix-settle-empty, .ref-game[data-kind="bjl"] .marksix-settle-empty {
  padding: 32px 0 40px;
  text-align: center;
  color: #9aa0aa;
  font-size: var(--h5-sheet-empty-font);
  font-weight: 500;
  line-height: 1.55;
}
.ref-game[data-kind="marksix"] .marksix-settle-loading , .ref-game[data-kind="pc28"] .marksix-settle-loading, .ref-game[data-kind="k3"] .marksix-settle-loading, .ref-game[data-kind="ssc"] .marksix-settle-loading, .ref-game[data-kind="pk10"] .marksix-settle-loading, .ref-game[data-kind="dice"] .marksix-settle-loading, .ref-game[data-kind="lfd"] .marksix-settle-loading, .ref-game[data-kind="bjl"] .marksix-settle-loading {
  padding: 32px 0 40px;
  text-align: center;
  color: #9aa0aa;
  font-size: var(--h5-sheet-empty-font);
}
.ref-game[data-kind="marksix"] .marksix-settle-more , .ref-game[data-kind="pc28"] .marksix-settle-more, .ref-game[data-kind="k3"] .marksix-settle-more, .ref-game[data-kind="ssc"] .marksix-settle-more, .ref-game[data-kind="pk10"] .marksix-settle-more, .ref-game[data-kind="dice"] .marksix-settle-more, .ref-game[data-kind="lfd"] .marksix-settle-more, .ref-game[data-kind="bjl"] .marksix-settle-more {
  display: block;
  width: 100%;
  margin: 8px 0 24px;
  padding: 18px 16px;
  border: none;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  color: #c8cdd8;
  font-size: var(--h5-sheet-more-btn-font);
  font-weight: 600;
  cursor: pointer;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-settle-more:disabled , .ref-game[data-kind="pc28"] .marksix-settle-more:disabled, .ref-game[data-kind="k3"] .marksix-settle-more:disabled, .ref-game[data-kind="ssc"] .marksix-settle-more:disabled, .ref-game[data-kind="pk10"] .marksix-settle-more:disabled, .ref-game[data-kind="dice"] .marksix-settle-more:disabled, .ref-game[data-kind="lfd"] .marksix-settle-more:disabled, .ref-game[data-kind="bjl"] .marksix-settle-more:disabled {
  opacity: 0.55;
  cursor: default;
}

/* 六合彩开奖记录：与投注记录同规格底滑层 */
.ref-game[data-kind="marksix"] .marksix-draw-rec-layer , .ref-game[data-kind="pc28"] .marksix-draw-rec-layer, .ref-game[data-kind="k3"] .marksix-draw-rec-layer, .ref-game[data-kind="ssc"] .marksix-draw-rec-layer, .ref-game[data-kind="pk10"] .marksix-draw-rec-layer, .ref-game[data-kind="dice"] .marksix-draw-rec-layer, .ref-game[data-kind="lfd"] .marksix-draw-rec-layer, .ref-game[data-kind="bjl"] .marksix-draw-rec-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 48;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-layer.is-open , .ref-game[data-kind="pc28"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="k3"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="ssc"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="pk10"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="dice"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="lfd"] .marksix-draw-rec-layer.is-open, .ref-game[data-kind="bjl"] .marksix-draw-rec-layer.is-open {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-stack , .ref-game[data-kind="pc28"] .marksix-draw-rec-stack, .ref-game[data-kind="k3"] .marksix-draw-rec-stack, .ref-game[data-kind="ssc"] .marksix-draw-rec-stack, .ref-game[data-kind="pk10"] .marksix-draw-rec-stack, .ref-game[data-kind="dice"] .marksix-draw-rec-stack, .ref-game[data-kind="lfd"] .marksix-draw-rec-stack, .ref-game[data-kind="bjl"] .marksix-draw-rec-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack , .ref-game[data-kind="pc28"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="k3"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="ssc"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="pk10"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="dice"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="lfd"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack, .ref-game[data-kind="bjl"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-stack {
  transform: translateY(0);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-backdrop , .ref-game[data-kind="pc28"] .marksix-draw-rec-backdrop, .ref-game[data-kind="k3"] .marksix-draw-rec-backdrop, .ref-game[data-kind="ssc"] .marksix-draw-rec-backdrop, .ref-game[data-kind="pk10"] .marksix-draw-rec-backdrop, .ref-game[data-kind="dice"] .marksix-draw-rec-backdrop, .ref-game[data-kind="lfd"] .marksix-draw-rec-backdrop, .ref-game[data-kind="bjl"] .marksix-draw-rec-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop , .ref-game[data-kind="pc28"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="k3"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="ssc"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="pk10"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="dice"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="lfd"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop, .ref-game[data-kind="bjl"] .marksix-draw-rec-layer.is-open .marksix-draw-rec-backdrop {
  opacity: 1;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-sheet , .ref-game[data-kind="pc28"] .marksix-draw-rec-sheet, .ref-game[data-kind="k3"] .marksix-draw-rec-sheet, .ref-game[data-kind="ssc"] .marksix-draw-rec-sheet, .ref-game[data-kind="pk10"] .marksix-draw-rec-sheet, .ref-game[data-kind="dice"] .marksix-draw-rec-sheet, .ref-game[data-kind="lfd"] .marksix-draw-rec-sheet, .ref-game[data-kind="bjl"] .marksix-draw-rec-sheet {
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  display: flex;
  flex-direction: column;
  background: #121318;
  border-radius: 28px 28px 0 0;
  pointer-events: none;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-sheet > * , .ref-game[data-kind="pc28"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="k3"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="ssc"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="pk10"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="dice"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="lfd"] .marksix-draw-rec-sheet > *, .ref-game[data-kind="bjl"] .marksix-draw-rec-sheet > * {
  pointer-events: auto;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-head , .ref-game[data-kind="pc28"] .marksix-draw-rec-head, .ref-game[data-kind="k3"] .marksix-draw-rec-head, .ref-game[data-kind="ssc"] .marksix-draw-rec-head, .ref-game[data-kind="pk10"] .marksix-draw-rec-head, .ref-game[data-kind="dice"] .marksix-draw-rec-head, .ref-game[data-kind="lfd"] .marksix-draw-rec-head, .ref-game[data-kind="bjl"] .marksix-draw-rec-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 36px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #121318;
  border-radius: 28px 28px 0 0;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-title , .ref-game[data-kind="pc28"] .marksix-draw-rec-title, .ref-game[data-kind="k3"] .marksix-draw-rec-title, .ref-game[data-kind="ssc"] .marksix-draw-rec-title, .ref-game[data-kind="pk10"] .marksix-draw-rec-title, .ref-game[data-kind="dice"] .marksix-draw-rec-title, .ref-game[data-kind="lfd"] .marksix-draw-rec-title, .ref-game[data-kind="bjl"] .marksix-draw-rec-title {
  font-size: var(--h5-sheet-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-scroll , .ref-game[data-kind="pc28"] .marksix-draw-rec-scroll, .ref-game[data-kind="k3"] .marksix-draw-rec-scroll, .ref-game[data-kind="ssc"] .marksix-draw-rec-scroll, .ref-game[data-kind="pk10"] .marksix-draw-rec-scroll, .ref-game[data-kind="dice"] .marksix-draw-rec-scroll, .ref-game[data-kind="lfd"] .marksix-draw-rec-scroll, .ref-game[data-kind="bjl"] .marksix-draw-rec-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px 36px 48px;
  background: #121318;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-item , .ref-game[data-kind="pc28"] .marksix-draw-rec-item, .ref-game[data-kind="k3"] .marksix-draw-rec-item, .ref-game[data-kind="ssc"] .marksix-draw-rec-item, .ref-game[data-kind="pk10"] .marksix-draw-rec-item, .ref-game[data-kind="dice"] .marksix-draw-rec-item, .ref-game[data-kind="lfd"] .marksix-draw-rec-item, .ref-game[data-kind="bjl"] .marksix-draw-rec-item {
  padding: 16px 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-issue , .ref-game[data-kind="pc28"] .marksix-draw-rec-issue, .ref-game[data-kind="k3"] .marksix-draw-rec-issue, .ref-game[data-kind="ssc"] .marksix-draw-rec-issue, .ref-game[data-kind="pk10"] .marksix-draw-rec-issue, .ref-game[data-kind="dice"] .marksix-draw-rec-issue, .ref-game[data-kind="lfd"] .marksix-draw-rec-issue, .ref-game[data-kind="bjl"] .marksix-draw-rec-issue {
  font-size: var(--h5-sheet-row-font);
  font-weight: 700;
  color: #e8eaef;
  line-height: 1.4;
  margin-bottom: 10px;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls, .ref-game[data-kind="k3"] .marksix-draw-rec-balls, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls, .ref-game[data-kind="dice"] .marksix-draw-rec-balls, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 7px;
  margin-bottom: 10px;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-tags , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags, .ref-game[data-kind="k3"] .marksix-draw-rec-tags, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags, .ref-game[data-kind="dice"] .marksix-draw-rec-tags, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
/* 与顶栏 ref-last 相同叠层：img 绝对定位 + em 居中，避免标签挤成一团 */
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="marksix"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="marksix"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img , .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img {

  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 0 0 auto;
  border-radius: 0;
  overflow: visible;
  background: transparent !important;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img {
  width: var(--h5-img-ball-w);
  height: var(--h5-img-ball-h);
  flex-basis: var(--h5-img-ball-w);
  max-width: none;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img.car , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img.car, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img.car {
  width: var(--h5-img-ball-car-w);
  height: var(--h5-img-ball-car-h);
  flex-basis: var(--h5-img-ball-car-w);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car), .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) {
  outline: none !important;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car) img {
  object-fit: contain !important;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img.sp:not(.car)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #ffd54f;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 2;
  top: max(0px, calc((var(--h5-img-ball-h) - var(--h5-img-ball-w)) / 2));
  bottom: max(0px, calc((var(--h5-img-ball-h) - var(--h5-img-ball-w)) / 2));
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .marksix-draw-plus , .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .marksix-draw-plus, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .marksix-draw-plus {
  flex: 0 0 auto;
  align-self: center;
  font-size: calc(var(--h5-img-ball-h) * 0.48 * var(--h5-type-scale, 1));
  color: #fff;
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="marksix"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="marksix"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img img, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img img , .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img img {

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  display: block;
  pointer-events: none;
  border-radius: 0;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="pc28"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="marksix"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-balls .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em {

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
  font-size: var(--h5-skin-ball-num-font);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-tags .ball.ball-img em , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .ball.ball-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .ball.ball-img em {
  font-size: var(--h5-skin-tag-ts-font);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-tags .tag.tag-img em , .ref-game[data-kind="pc28"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="k3"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="ssc"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="pk10"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="dice"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="lfd"] .marksix-draw-rec-tags .tag.tag-img em, .ref-game[data-kind="bjl"] .marksix-draw-rec-tags .tag.tag-img em {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
  font-size: calc(var(--h5-tag-ts-h, var(--h5-img-tag-ts-last-h)) * 0.52 * var(--h5-type-scale, 1));
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-mine , .ref-game[data-kind="pc28"] .marksix-draw-rec-mine, .ref-game[data-kind="k3"] .marksix-draw-rec-mine, .ref-game[data-kind="ssc"] .marksix-draw-rec-mine, .ref-game[data-kind="pk10"] .marksix-draw-rec-mine, .ref-game[data-kind="dice"] .marksix-draw-rec-mine, .ref-game[data-kind="lfd"] .marksix-draw-rec-mine, .ref-game[data-kind="bjl"] .marksix-draw-rec-mine {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-mine-sum , .ref-game[data-kind="pc28"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="k3"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="ssc"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="pk10"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="dice"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="lfd"] .marksix-draw-rec-mine-sum, .ref-game[data-kind="bjl"] .marksix-draw-rec-mine-sum {
  font-size: var(--h5-sheet-meta-font);
  font-weight: 600;
  line-height: 1.45;
  color: #ddd;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-mine-detail , .ref-game[data-kind="pc28"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="k3"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="ssc"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="pk10"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="dice"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="lfd"] .marksix-draw-rec-mine-detail, .ref-game[data-kind="bjl"] .marksix-draw-rec-mine-detail {
  font-size: var(--h5-sheet-row-secondary-font);
  font-weight: 500;
  line-height: 1.55;
  color: #b8a56a;
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-loading , .ref-game[data-kind="pc28"] .marksix-draw-rec-loading, .ref-game[data-kind="k3"] .marksix-draw-rec-loading, .ref-game[data-kind="ssc"] .marksix-draw-rec-loading, .ref-game[data-kind="pk10"] .marksix-draw-rec-loading, .ref-game[data-kind="dice"] .marksix-draw-rec-loading, .ref-game[data-kind="lfd"] .marksix-draw-rec-loading, .ref-game[data-kind="bjl"] .marksix-draw-rec-loading {
  padding: 32px 0 40px;
  text-align: center;
  color: #9aa0aa;
  font-size: var(--h5-sheet-empty-font);
}
.ref-game[data-kind="marksix"] .marksix-draw-rec-empty , .ref-game[data-kind="pc28"] .marksix-draw-rec-empty, .ref-game[data-kind="k3"] .marksix-draw-rec-empty, .ref-game[data-kind="ssc"] .marksix-draw-rec-empty, .ref-game[data-kind="pk10"] .marksix-draw-rec-empty, .ref-game[data-kind="dice"] .marksix-draw-rec-empty, .ref-game[data-kind="lfd"] .marksix-draw-rec-empty, .ref-game[data-kind="bjl"] .marksix-draw-rec-empty {
  padding: 32px 0 40px;
  text-align: center;
  color: #9aa0aa;
  font-size: var(--h5-sheet-empty-font);
  font-weight: 500;
  line-height: 1.55;
}
/* 充值：与投注记录 / 开奖记录同规格底滑层（局内 ref-game / 首页 hall） */
.ref-game .h5-pay-layer,
.hall .h5-pay-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 51;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game .h5-pay-layer.is-open,
.hall .h5-pay-layer.is-open {
  pointer-events: auto;
}
.ref-game .h5-pay-stack,
.hall .h5-pay-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game .h5-pay-layer.is-open .h5-pay-stack,
.hall .h5-pay-layer.is-open .h5-pay-stack {
  transform: translateY(0);
}
.ref-game .h5-pay-backdrop,
.hall .h5-pay-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game .h5-pay-layer.is-open .h5-pay-backdrop,
.hall .h5-pay-layer.is-open .h5-pay-backdrop {
  opacity: 1;
}
.ref-game .h5-pay-sheet,
.hall .h5-pay-sheet,
.mask .h5-pay-sheet--page {
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(120% 60% at 50% -10%, #2a1a55 0%, transparent 55%),
    #0b0c12;
  border-radius: 28px 28px 0 0;
  padding: 0;
  overflow: hidden;
}
.mask .h5-pay-sheet--page {
  height: var(--h5-bottom-sheet-max);
  max-height: var(--h5-bottom-sheet-max);
  animation: sheet-up .28s ease;
}
.h5-pay-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 32px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: rgba(11, 12, 18, .92);
  border-radius: 28px 28px 0 0;
}
.h5-pay-title {
  font-size: var(--h5-pay-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.h5-pay-body.h5-pay-body--fit {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px 28px 20px;
  box-sizing: border-box;
}
.h5-pay-main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.h5-pay-balance {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
  height: var(--h5-pay-bal-h);
  padding: 0 20px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  font-size: var(--h5-pay-bal-font);
  color: rgba(255, 255, 255, .78);
}
.h5-pay-gem {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe082 0%, #ffb300 42%, #f57c00 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
}
.h5-pay-bal-label {
  font-weight: 600;
}
.h5-pay-bal-num {
  margin-left: auto;
  font-size: var(--h5-pay-bal-num-font);
  font-weight: 800;
  color: #ffd54f;
  font-variant-numeric: tabular-nums;
}
.h5-pay-sec {
  flex: 0 0 auto;
  margin: 12px 0 8px;
  font-size: var(--h5-pay-sec-font);
  font-weight: 700;
  color: rgba(255, 255, 255, .72);
}
.h5-pay-grid {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  align-content: start;
}
.h5-pay-methods {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.h5-pay-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 12px 8px;
  text-align: center;
  font-size: var(--h5-pay-empty-font);
  color: rgba(255, 255, 255, .55);
}
.h5-pay-pack {
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .05);
  border-radius: 14px;
  color: #fff;
  padding: 10px 6px 10px;
  min-height: 0;
  cursor: pointer;
  font-family: inherit;
}
.h5-pay-pack.on {
  border-color: #ffb300;
  background: rgba(255, 179, 0, .14);
}
.h5-pay-pack-g {
  display: block;
  font-size: var(--h5-pay-pack-g-font);
  font-weight: 800;
  color: #ffd54f;
  line-height: 1.15;
}
.h5-pay-pack-g small {
  display: block;
  margin-top: 2px;
  font-size: var(--h5-pay-pack-sub-font);
  font-weight: 600;
  color: rgba(255, 213, 79, .85);
}
.h5-pay-pack-p {
  display: block;
  margin-top: 4px;
  font-size: var(--h5-pay-pack-p-font);
  color: rgba(255, 255, 255, .7);
}
.h5-pay-method {
  flex: 1 1 calc(50% - 12px);
  min-width: 0;
  height: var(--h5-pay-method-h);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .05);
  color: #fff;
  font-size: var(--h5-pay-method-font);
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.h5-pay-method.on {
  border-color: #6a3dff;
  background: rgba(106, 61, 255, .28);
}
.h5-pay-foot {
  flex: 0 0 auto;
  padding-top: 8px;
}
.h5-pay-note {
  margin: 0 0 8px;
  min-height: 0;
  font-size: var(--h5-pay-note-font);
  line-height: 1.4;
  color: #8b8d9a;
  text-align: center;
}
.h5-pay-ok {
  width: 100%;
  height: var(--h5-pay-ok-h);
  margin: 0;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffca28 0%, #ff8f00 100%);
  color: #3a2200;
  font-size: var(--h5-pay-ok-font);
  font-weight: 800;
}
.h5-pay-ok:disabled {
  opacity: 0.45;
}

/* 选择筹码：与投注记录 / 开奖记录同宽，跟 1080×960 画布一起缩放 */
.ref-game .h5-chip-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game .h5-chip-layer.is-open {
  pointer-events: auto;
}
.ref-game .h5-chip-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: var(--h5-chip-stack-bottom, 0);
  width: 100%;
  max-width: var(--h5-design-w);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: auto;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game .h5-chip-layer.is-open .h5-chip-stack {
  transform: translateY(0);
}
.ref-game .h5-chip-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game .h5-chip-layer.is-open .h5-chip-backdrop {
  opacity: 1;
}
.ref-game .h5-chip-sheet {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  box-sizing: border-box;
  background: transparent;
  overflow: visible;
}
.ref-game .h5-chip-bg {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  pointer-events: none;
  vertical-align: top;
}
.ref-game .h5-chip-sheet-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.ref-game .h5-chip-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 36px 20px;
  border-bottom: 0;
  background: transparent;
}
.ref-game .h5-chip-title {
  font-size: var(--h5-sheet-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.ref-game .h5-chip-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 36px 48px 56px;
  background: transparent;
}
.ref-game .h5-chip-body .ref-chip-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 28px 20px;
}
.ref-game .h5-chip-body .ref-chip-opt {
  font-size: 22px;
  font-weight: 700;
  gap: 10px;
}
.ref-game .h5-chip-body .ref-chip-opt img {
  width: 140px;
  height: 140px;
}
.h5-pay-records {
  display: block;
  width: 100%;
  margin-top: var(--h5-pay-records-gap);
  padding: 10px 0;
  border: 0;
  background: transparent;
  color: rgba(255, 213, 79, .88);
  font-size: var(--h5-pay-records-font);
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  font-family: inherit;
}
.h5-pay-records:active {
  opacity: 0.75;
}

.ref-game .h5-pay-rec-layer,
.hall .h5-pay-rec-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 52;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game .h5-pay-rec-layer.is-open,
.hall .h5-pay-rec-layer.is-open {
  pointer-events: auto;
}
.ref-game .h5-pay-rec-stack,
.hall .h5-pay-rec-stack {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game .h5-pay-rec-layer.is-open .h5-pay-rec-stack,
.hall .h5-pay-rec-layer.is-open .h5-pay-rec-stack {
  transform: translateY(0);
}
.ref-game .h5-pay-rec-backdrop,
.hall .h5-pay-rec-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game .h5-pay-rec-layer.is-open .h5-pay-rec-backdrop,
.hall .h5-pay-rec-layer.is-open .h5-pay-rec-backdrop {
  opacity: 1;
}
.mask .h5-pay-rec-mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.h5-pay-rec-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.h5-pay-rec-list.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .5);
  font-size: 26px;
  text-align: center;
  padding: 40px 16px;
}
.h5-pay-rec {
  padding: 22px 22px 18px;
  margin-bottom: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: rgba(0, 0, 0, .28);
}
.h5-pay-rec:last-child {
  margin-bottom: 0;
}
.h5-pay-rec-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.h5-pay-rec-badge {
  display: inline-block;
  padding: 4px 16px;
  border-radius: 10px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .02em;
}
.h5-pay-rec.ro-st-0 .h5-pay-rec-badge {
  color: #ffb74d;
  background: rgba(255, 183, 77, .14);
  border: 1px solid rgba(255, 183, 77, .32);
}
.h5-pay-rec.ro-st-1 .h5-pay-rec-badge {
  color: #a5d6a7;
  background: rgba(129, 199, 132, .14);
  border: 1px solid rgba(129, 199, 132, .32);
}
.h5-pay-rec.ro-st-2 .h5-pay-rec-badge,
.h5-pay-rec.ro-st-3 .h5-pay-rec-badge {
  color: #ef9a9a;
  background: rgba(229, 115, 115, .12);
  border: 1px solid rgba(229, 115, 115, .28);
}
.h5-pay-rec-credit {
  font-size: 36px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #ffd54f;
}
.h5-pay-rec-credit small {
  font-size: 22px;
  font-weight: 700;
  color: rgba(255, 213, 79, .78);
}
.h5-pay-rec-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  color: rgba(255, 255, 255, .72);
}
.h5-pay-rec-price {
  font-weight: 800;
  color: #fff;
}
.h5-pay-rec-dot {
  opacity: .45;
}
.h5-pay-rec-pay {
  font-weight: 600;
}
.h5-pay-rec-bonus {
  margin-top: 8px;
  font-size: 22px;
  color: rgba(255, 213, 79, .75);
}
.h5-pay-rec-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .06);
  font-size: 20px;
  color: rgba(255, 255, 255, .42);
}
.h5-pay-rec-time {
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
.h5-pay-rec-no {
  text-align: right;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 18px;
  letter-spacing: .02em;
  word-break: break-all;
  max-width: 58%;
}
.h5-pay-rec-actions {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}
.h5-pay-rec-go {
  flex: 1;
  height: 64px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffca28 0%, #ff8f00 100%);
  color: #3a2200;
  font-size: 24px;
  font-weight: 800;
  font-family: inherit;
}
.h5-pay-rec-go:disabled {
  opacity: .55;
}
.h5-pay-rec-sync {
  flex: 1;
  height: 64px;
  border: 1px solid rgba(106, 61, 255, .45);
  border-radius: 12px;
  background: rgba(106, 61, 255, .18);
  color: #d1c4e9;
  font-size: 24px;
  font-weight: 700;
  font-family: inherit;
}
.h5-pay-rec-sync:disabled {
  opacity: .55;
}
.h5-pay-rec-more {
  flex: 0 0 auto;
  display: block;
  width: 100%;
  height: 72px;
  margin-top: 16px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  font-family: inherit;
}
.h5-pay-rec-more:disabled {
  opacity: .5;
}
.h5-pay-rec-more[hidden] {
  display: none !important;
}

/* 下注余额不足：居中弹窗，跟 1080×960 画布缩放 */
.ref-game .h5-need-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 53;
  pointer-events: none;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ref-game .h5-need-layer.is-open {
  pointer-events: auto;
}
.ref-game .h5-need-backdrop,
.mask .h5-need-mask .h5-need-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.ref-game .h5-need-layer.is-open .h5-need-backdrop,
.mask .h5-need-mask .h5-need-backdrop {
  opacity: 1;
}
.mask .h5-need-mask {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h5-need-card {
  position: relative;
  z-index: 1;
  width: 720px;
  max-width: calc(100% - 80px);
  box-sizing: border-box;
  padding: 40px 44px 36px;
  border-radius: 24px;
  background:
    radial-gradient(120% 80% at 50% -20%, #2a1a55 0%, transparent 55%),
    #1a1b22;
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .45);
  text-align: center;
}
.h5-need-title {
  font-size: 34px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .04em;
}
.h5-need-text {
  margin: 28px 0 36px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.45;
  color: #e8e8ec;
}
.h5-need-acts {
  display: flex;
  gap: 20px;
}
.h5-need-cancel,
.h5-need-pay {
  flex: 1;
  height: 76px;
  border-radius: 14px;
  font-size: 28px;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
}
.h5-need-cancel {
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  color: #e8e8ec;
}
.h5-need-pay {
  border: 0;
  background: linear-gradient(180deg, #ffca28 0%, #ff8f00 100%);
  color: #3a2200;
}

/* 更多：用户信息 + 游戏中心，与记录/充值同宽同高底滑层 */
.ref-game .h5-more-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 47;
  pointer-events: none;
  box-sizing: border-box;
}
.ref-game .h5-more-layer.is-open {
  pointer-events: auto;
}
.ref-game .h5-more-stack {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--h5-design-w);
  height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  max-height: var(--h5-marksix-bottom-sheet-max, var(--h5-bottom-sheet-max));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.ref-game .h5-more-layer.is-open .h5-more-stack {
  transform: translateY(0);
}
.ref-game .h5-more-backdrop {
  position: absolute;
  inset: 0;
  border-radius: 28px 28px 0 0;
  background: #121318;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: auto;
}
.ref-game .h5-more-layer.is-open .h5-more-backdrop {
  opacity: 1;
}
.ref-game .h5-more-sheet {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: #121318;
  border-radius: 28px 28px 0 0;
}
.ref-game .h5-more-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.ref-game .h5-more-title {
  font-size: var(--h5-sheet-title-font);
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.04em;
}
.ref-game .h5-more-body.h5-more-body--fit {
  --h5-more-grid-gap-y: var(--hall-grid-gap-y);
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 12px;
  padding: 10px 16px 8px;
  box-sizing: border-box;
}
.ref-game .h5-more-card {
  width: 100%;
  box-sizing: border-box;
  background: var(--h5-hall-panel-bg);
  border: 1px solid var(--h5-hall-panel-border);
  border-radius: var(--h5-hall-panel-radius);
}
.ref-game .h5-more-user {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
  gap: var(--h5-more-user-row-gap);
  padding: 22px 22px 26px;
}
.ref-game .h5-more-games {
  flex: 0 0 auto;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  overflow: visible;
  padding: 0 0 4px;
}
.ref-game .h5-more-scroll {
  flex: 0 0 auto;
  overflow: visible;
  padding: 10px 10px 2px;
}
.ref-game .h5-more-scroll.h5-more-scroll--clip {
  max-height: calc(
    var(--h5-more-game-icon-show) * 2 + var(--h5-more-grid-gap-y) + 12px
  );
  overflow-x: visible;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ref-game .h5-more-row {
  display: flex;
  align-items: center;
  gap: var(--h5-more-user-col-gap);
  min-height: var(--h5-more-user-row-min-h);
  width: 100%;
  flex-shrink: 0;
}
.ref-game .h5-more-k {
  flex: 0 0 var(--h5-more-user-label-w);
  font-size: var(--h5-more-user-k-size);
  font-weight: 700;
  line-height: var(--h5-more-user-line);
  color: #9aa0aa;
  letter-spacing: 0.02em;
}
.ref-game .h5-more-v {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--h5-more-user-v-size);
  font-weight: 800;
  line-height: var(--h5-more-user-line);
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ref-game .h5-more-btn {
  flex: 0 0 auto;
  border: 0;
  background: rgba(255, 255, 255, .12);
  color: #e8e8ec;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  padding: 10px 18px;
  border-radius: 10px;
}
.ref-game .h5-more-btn-pay {
  background: var(--orange);
  color: #fff;
}
.ref-game .h5-more-sec {
  flex: 0 0 auto;
  margin: 0 12px;
  padding: 10px 4px 12px;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  color: #e8e8ec;
  background: transparent;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .22);
}
.ref-game .h5-more-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--h5-more-game-icon-show);
  justify-items: center;
  align-content: start;
  column-gap: var(--hall-grid-gap-x);
  row-gap: var(--h5-more-grid-gap-y);
  width: 100%;
  box-sizing: border-box;
}
.ref-game .h5-more-grid .h5-more-game-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: var(--h5-more-game-icon-show);
  height: var(--h5-more-game-icon-show);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  overflow: visible;
  flex: 0 0 auto;
  cursor: pointer;
}
.ref-game .h5-more-grid .h5-more-game-icon-img {
  display: block;
  width: var(--h5-more-game-icon-show);
  height: var(--h5-more-game-icon-show);
  max-width: none;
  max-height: none;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center center;
  border: 0;
  border-radius: 0;
  pointer-events: none;
}
.ref-game .h5-more-scroll,
.ref-game .h5-more-games,
.ref-game .h5-more-grid {
  overflow: visible;
}
.ref-game .h5-more-empty {
  grid-column: 1 / -1;
  padding: 20px 0;
  text-align: center;
  color: #9aa0aa;
  font-size: 22px;
}

.poker-img {
  width: auto;
  height: auto;
  max-width: none;
  object-fit: none;
  vertical-align: middle;
}

/* 龙虎斗 / 百家乐：bg_long/hu/zhuang/xian + icon_vs 拼版开牌 */

/* 龙虎斗：整幅底图；左龙美术占左列，牌在右列居中；右虎美术占右列，牌在左列居中 */
.ref-game[data-kind="lfd"] .ref-vs-open {
  gap: var(--h5-lfd-vs-ico-gap, 8px);
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane {
  overflow: visible;
  padding-left: var(--h5-lfd-vs-pane-pad-x, 6px);
  padding-right: var(--h5-lfd-vs-pane-pad-x, 6px);
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-left .ref-vs-pane-inner {
  display: grid;
  grid-template-columns: var(--h5-lfd-vs-art-w, 92px) minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-right .ref-vs-pane-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--h5-lfd-vs-art-w, 92px);
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-left .ref-vs-body {
  grid-column: 2;
  justify-self: center;
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-right .ref-vs-body {
  grid-column: 1;
  justify-self: center;
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-body {
  flex: 0 0 auto !important;
  width: max-content;
  max-width: none;
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: center;
  overflow: visible;
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-left {
  padding-right: var(--h5-lfd-vs-pane-pad-x, 6px);
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane-right {
  padding-left: var(--h5-lfd-vs-pane-pad-x, 6px);
}
.ref-game[data-kind="lfd"] .ref-vs-open-no-lab .ref-vs-pane .poker-img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  flex-shrink: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-ico {
  flex-shrink: 0;
  margin: 0;
}

/* 百家乐：底图「庄/闲」固定字列；牌+点在另一列内居中（扑克用 PNG 原尺寸，不压高） */
.ref-game[data-kind="bjl"] .ref-vs-open {
  gap: var(--h5-bjl-vs-ico-gap, 8px);
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane {
  overflow: visible;
  padding-left: var(--h5-bjl-vs-pane-pad-x, 6px);
  padding-right: var(--h5-bjl-vs-pane-pad-x, 6px);
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-left .ref-vs-pane-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--h5-bjl-vs-char-w, 92px);
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-right .ref-vs-pane-inner {
  display: grid;
  grid-template-columns: var(--h5-bjl-vs-char-w, 92px) minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-left .ref-vs-body {
  grid-column: 1;
  justify-self: center;
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-right .ref-vs-body {
  grid-column: 2;
  justify-self: center;
}
/* 扑克在底图字列对侧空白区（grid 1fr 列）水平+垂直居中，不贴 VS、不压字 */
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-left .ref-vs-body,
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-right .ref-vs-body {
  justify-self: center;
  align-self: center;
  margin: 0;
  padding: 0;
  transform: none;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-left .ref-vs-char {
  grid-column: 2;
  align-self: stretch;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-right .ref-vs-char {
  grid-column: 1;
  align-self: stretch;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-char {
  position: relative;
  z-index: 2;
  display: block;
  min-width: 0;
  height: 100%;
  pointer-events: none;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-body {
  position: relative;
  z-index: 1;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-char .ref-vs-pip {
  position: absolute;
  left: 50%;
  top: var(--h5-bjl-vs-pip-top, 86px);
  margin: 0;
  flex: none;
  text-align: center;
  line-height: 1;
  width: auto;
  white-space: nowrap;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-left .ref-vs-char .ref-vs-pip {
  transform: translateX(calc(-50% + var(--h5-bjl-vs-pip-shift-in, 18px)));
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-pane-right .ref-vs-char .ref-vs-pip {
  transform: translateX(calc(-50% - var(--h5-bjl-vs-pip-shift-in, 18px)));
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-body {
  flex: 0 0 auto !important;
  width: max-content;
  max-width: none;
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: center;
  gap: var(--h5-bjl-vs-play-gap, 4px);
  overflow: visible;
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane .poker-img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  flex-shrink: 0;
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pip {
  margin-left: 0;
  flex: 0 0 auto;
}
.ref-game[data-kind="bjl"] .ref-vs-ico {
  flex-shrink: 0;
  margin: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open,
.ref-game[data-kind="bjl"] .ref-vs-open {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  max-width: 100%;
  line-height: 1.2;
  overflow: visible;
}
.ref-game[data-kind="lfd"] .ref-vs-pane,
.ref-game[data-kind="bjl"] .ref-vs-pane {
  position: relative;
  flex: 0 0 auto;
  width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  min-width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  max-width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  min-height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  max-height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 0 var(--h5-ref-vs-pane-pad-x, 10px);
  overflow: visible;
}
.ref-game[data-kind="lfd"] .ref-vs-pane-bg,
.ref-game[data-kind="bjl"] .ref-vs-pane-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: block;
  width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  min-width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  max-width: var(--h5-vs-pane-w, var(--h5-img-vs-pane-w));
  min-height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  max-height: var(--h5-vs-pane-h, var(--h5-img-vs-pane-h));
  object-fit: none;
  pointer-events: none;
  border-radius: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-pane-inner,
.ref-game[data-kind="bjl"] .ref-vs-pane-inner {
  position: relative;
  z-index: 1;
  height: 100%;
}
.ref-game[data-kind="lfd"] .ref-vs-pane-left,
.ref-game[data-kind="bjl"] .ref-vs-pane-left {
  margin-right: var(--h5-ref-vs-pane-overlap, -32px);
  padding-right: calc(var(--h5-ref-vs-pane-pad-x, 10px) + 8px);
}
.ref-game[data-kind="lfd"] .ref-vs-pane-right,
.ref-game[data-kind="bjl"] .ref-vs-pane-right {
  margin-left: var(--h5-ref-vs-pane-overlap, -32px);
  padding-left: calc(var(--h5-ref-vs-pane-pad-x, 10px) + 8px);
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-left {
  padding-right: var(--h5-bjl-vs-pane-pad-x, 6px);
}
.ref-game[data-kind="bjl"] .ref-vs-open-no-lab .ref-vs-pane-right {
  padding-left: var(--h5-bjl-vs-pane-pad-x, 6px);
}

/* 龙虎斗：long 取右段、hu 取左段（有牌半幅）；--h5-lfd-vs-half-ratio 默认 0.5 */
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-half {
  width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5));
  min-width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5));
  max-width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5));
  overflow: hidden;
}
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ref-vs-open-half-bg .ref-vs-pane-half,
.ref-game[data-kind="lfd"] .marksix-draw-rec-balls .ref-vs-open-half-bg .ref-vs-pane-half {
  width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5)) !important;
  min-width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5)) !important;
  max-width: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * var(--h5-lfd-vs-half-ratio, 0.5)) !important;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-half-left .ref-vs-pane-bg {
  left: calc(var(--h5-vs-pane-w, var(--h5-img-vs-pane-w)) * (var(--h5-lfd-vs-half-ratio, 0.5) - 1));
  right: auto;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-half-right .ref-vs-pane-bg {
  left: 0;
  right: auto;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-left {
  margin-right: var(--h5-lfd-vs-half-overlap, -20px);
  padding-right: 0;
  padding-left: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-right {
  margin-left: var(--h5-lfd-vs-half-overlap, -20px);
  padding-left: 0;
  padding-right: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg.ref-vs-open-no-lab .ref-vs-pane-left .ref-vs-pane-inner,
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg.ref-vs-open-no-lab .ref-vs-pane-right .ref-vs-pane-inner {
  display: flex;
  grid-template-columns: none;
  width: 100%;
  min-width: 0;
  padding: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-left .ref-vs-pane-inner {
  justify-content: flex-start;
  padding-left: var(--h5-lfd-vs-card-inset, 10px);
  padding-right: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-right .ref-vs-pane-inner {
  justify-content: flex-end;
  padding-right: var(--h5-lfd-vs-card-inset, 10px);
  padding-left: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-left .ref-vs-body,
.ref-game[data-kind="lfd"] .ref-vs-open-half-bg .ref-vs-pane-right .ref-vs-body {
  grid-column: auto;
  justify-self: auto;
  flex: 0 0 auto;
  justify-content: center;
}
.ref-game[data-kind="lfd"] .ref-vs-pane .ref-vs-pane-inner,
.ref-game[data-kind="bjl"] .ref-vs-pane .ref-vs-pane-inner {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 6px;
}
.ref-game[data-kind="lfd"] .ref-vs-lab,
.ref-game[data-kind="bjl"] .ref-vs-lab {
  flex: 0 0 auto;
  font-size: var(--h5-ref-vs-label-font, 52px);
  font-weight: 800;
  white-space: nowrap;
  line-height: 1.05;
  letter-spacing: 0.06em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
}
.ref-game[data-kind="lfd"] .ref-vs-pane-left .ref-vs-lab,
.ref-game[data-kind="bjl"] .ref-vs-pane-left .ref-vs-lab {
  color: #6ec8ff;
}
.ref-game[data-kind="lfd"] .ref-vs-pane-right .ref-vs-lab,
.ref-game[data-kind="bjl"] .ref-vs-pane-right .ref-vs-lab {
  color: #ff6b78;
}
.ref-game[data-kind="lfd"] .ref-vs-body,
.ref-game[data-kind="bjl"] .ref-vs-body {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}
.ref-game[data-kind="lfd"] .ref-vs-pane .poker-img,
.ref-game[data-kind="bjl"] .ref-vs-pane .poker-img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: none;
  flex-shrink: 0;
}
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls,
.ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls {
  max-width: 100%;
}
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ref-vs-open,
.ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ref-vs-open {
  flex: 0 0 auto;
  flex-shrink: 0;
  transform: none;
}
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ref-vs-pane,
.ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ref-vs-pane,
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ref-vs-pane-bg,
.ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ref-vs-pane-bg,
.ref-game[data-kind="lfd"] .ref-head-row .ref-draw-balls .ref-vs-ico,
.ref-game[data-kind="bjl"] .ref-head-row .ref-draw-balls .ref-vs-ico {
  flex-shrink: 0;
}
.ref-game[data-kind="lfd"] .ref-vs-ico,
.ref-game[data-kind="bjl"] .ref-vs-ico {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  width: var(--h5-img-vs-w);
  height: var(--h5-img-vs-h);
  min-width: var(--h5-img-vs-w);
  max-width: var(--h5-img-vs-w);
  min-height: var(--h5-img-vs-h);
  max-height: var(--h5-img-vs-h);
  object-fit: none;
  display: block;
  pointer-events: none;
}
.ref-game[data-kind="lfd"] .ref-vs-pip,
.ref-game[data-kind="bjl"] .ref-vs-pip {
  font-size: var(--h5-ref-vs-pip-font, 36px);
  font-weight: 800;
  color: #ffd54f;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  margin-left: 4px;
  flex-shrink: 0;
}
.ref-game[data-kind="bjl"] .ref-vs-open-char-pip .ref-vs-char .ref-vs-pip {
  margin-left: 0;
}

.bjl-cards { font-size: 12px; line-height: 1.5; }

/* 客服底滑：壳同 h5-pay-layer；内容对齐 h5-hall cs-page */
.ref-game .h5-cs-layer {
  z-index: 52;
}
.h5-cs-tabs {
  flex: 0 0 auto;
  display: flex;
  gap: calc(8px * var(--h5-type-scale, 1));
  padding: calc(8px * var(--h5-type-scale, 1)) calc(16px * var(--h5-type-scale, 1)) 0;
}
.h5-cs-tab {
  flex: 1;
  min-height: calc(48px * var(--h5-type-scale, 1));
  border-radius: calc(10px * var(--h5-type-scale, 1));
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .72);
  font-size: var(--h5-cs-tab-font);
  font-weight: 700;
}
.h5-cs-tab.on {
  border-color: #6a3dff;
  background: rgba(106, 61, 255, .28);
  color: #fff;
}
.h5-cs-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.h5-cs-pane {
  flex: 1 1 auto;
  min-height: 0;
  display: none;
  flex-direction: column;
}
.h5-cs-pane.on {
  display: flex;
}
.h5-cs-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: calc(12px * var(--h5-type-scale, 1)) calc(16px * var(--h5-type-scale, 1))
    calc(8px * var(--h5-type-scale, 1));
  -webkit-overflow-scrolling: touch;
}
.h5-cs-empty {
  margin-top: calc(48px * var(--h5-type-scale, 1));
  text-align: center;
  color: #8b8d9a;
  font-size: var(--h5-cs-body-font);
  line-height: 1.6;
}
.h5-cs-bubble {
  max-width: 82%;
  margin: calc(8px * var(--h5-type-scale, 1)) 0;
  padding: calc(12px * var(--h5-type-scale, 1)) calc(14px * var(--h5-type-scale, 1));
  border-radius: calc(12px * var(--h5-type-scale, 1));
  font-size: var(--h5-cs-body-font);
  line-height: 1.5;
  word-break: break-word;
}
.h5-cs-bubble .t {
  display: block;
  margin-top: 6px;
  font-size: var(--h5-cs-meta-font);
  opacity: .55;
}
.h5-cs-bubble.user {
  margin-left: auto;
  background: linear-gradient(180deg, #6a3dff 0%, #4b2ad4 100%);
  color: #fff;
}
.h5-cs-bubble.staff {
  margin-right: auto;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #eee;
}
.h5-cs-media img,
.h5-cs-media video {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 6px;
}
.h5-cs-leave-card {
  display: block;
  width: 100%;
  margin-bottom: calc(12px * var(--h5-type-scale, 1));
  padding: calc(12px * var(--h5-type-scale, 1));
  border-radius: calc(12px * var(--h5-type-scale, 1));
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  color: #eee;
  font-size: var(--h5-cs-body-font);
  line-height: 1.5;
  box-sizing: border-box;
}
.h5-cs-leave-block + .h5-cs-leave-block {
  margin-top: calc(12px * var(--h5-type-scale, 1));
  padding-top: calc(12px * var(--h5-type-scale, 1));
  border-top: 1px dashed rgba(255, 255, 255, .14);
}
.h5-cs-leave-answer {
  padding: calc(10px * var(--h5-type-scale, 1)) calc(12px * var(--h5-type-scale, 1));
  border-radius: calc(10px * var(--h5-type-scale, 1));
  background: rgba(106, 61, 255, .12);
  border: 1px solid rgba(106, 61, 255, .35);
}
.h5-cs-leave-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  font-size: calc(12px * var(--h5-type-scale, 1));
}
.h5-cs-leave-tag {
  font-size: var(--h5-cs-body-font);
  font-weight: 700;
  color: rgba(255, 255, 255, .82);
}
.h5-cs-leave-answer .h5-cs-leave-tag {
  color: #c4b5fd;
}
.h5-cs-leave-time {
  flex-shrink: 0;
  font-size: var(--h5-cs-meta-font);
  color: #8b8d9a;
}
.h5-cs-leave-txt {
  white-space: pre-wrap;
  word-break: break-word;
}
.h5-cs-composer,
.h5-cs-leave-form {
  flex-shrink: 0;
  padding: calc(8px * var(--h5-type-scale, 1)) calc(16px * var(--h5-type-scale, 1))
    calc(12px + env(safe-area-inset-bottom, 0px));
  background: rgba(11, 12, 18, .92);
}
.h5-cs-composer {
  display: flex;
  gap: calc(8px * var(--h5-type-scale, 1));
  align-items: center;
}
.h5-cs-composer input[type="text"],
.h5-cs-leave-form textarea {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: calc(10px * var(--h5-type-scale, 1));
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: var(--h5-cs-input-font);
  padding: calc(12px * var(--h5-type-scale, 1)) calc(14px * var(--h5-type-scale, 1));
  box-sizing: border-box;
}
.h5-cs-leave-form textarea {
  width: 100%;
  resize: vertical;
  min-height: calc(100px * var(--h5-type-scale, 1));
  margin-bottom: calc(8px * var(--h5-type-scale, 1));
}
.h5-cs-composer button,
.h5-cs-leave-actions button {
  flex-shrink: 0;
  border: 0;
  border-radius: calc(10px * var(--h5-type-scale, 1));
  background: linear-gradient(180deg, #6a3dff 0%, #4b2ad4 100%);
  color: #fff;
  font-size: var(--h5-cs-btn-font);
  font-weight: 700;
  padding: calc(12px * var(--h5-type-scale, 1)) calc(16px * var(--h5-type-scale, 1));
}
.h5-cs-media-btn {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .2) !important;
  min-width: calc(48px * var(--h5-type-scale, 1));
  font-size: var(--h5-cs-btn-font) !important;
}
.h5-cs-leave-actions {
  display: flex;
  gap: calc(8px * var(--h5-type-scale, 1));
  align-items: center;
}
.h5-cs-leave-actions button:last-child {
  flex: 1 1 auto;
}
.h5-cs-img-preview {
  flex-shrink: 0;
  padding: 0 calc(16px * var(--h5-type-scale, 1)) calc(8px * var(--h5-type-scale, 1));
  background: rgba(11, 12, 18, .92);
}
.h5-cs-img-preview img {
  max-width: 120px;
  max-height: 120px;
  border-radius: 8px;
  display: block;
}
.h5-cs-img-preview-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  font-size: var(--h5-cs-meta-font);
  color: #8b8d9a;
}
.h5-cs-img-preview-clear {
  border: 0;
  background: transparent;
  color: #c4b5fd;
  font-size: var(--h5-cs-meta-font);
}