/* 系统彩 PK10：号码为 01-09 时 class 为 block-color01，补齐与 block-color1 同色 */
.block-color01 { background: #ffea00 !important; }
.block-color02 { background: #0046bc !important; }
.block-color03 { background: #000 !important; }
.block-color04 { background: #ff4500 !important; }
.block-color05 { background: #0ef1e0 !important; }
.block-color06 { background: #8000ff !important; }
.block-color07 { background: #999 !important; }
.block-color08 { background: #ec2829 !important; }
.block-color09 { background: #804000 !important; }

/* 仅六合彩页启用（html.lhc-ball-skin） */
.lhc-ball-skin .top-mod .ball-view,
.lhc-ball-skin .top-mod .left .ball-view,
.lhc-ball-skin .log-main .ball-view,
.lhc-ball-skin .item-view .ball-view {
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* 覆盖 uni scoped：.block.circle { background:#d81e06 } */
.lhc-ball-skin .top-mod .ball-view .item .block,
.lhc-ball-skin .top-mod .left .ball-view .item .block,
.lhc-ball-skin .top-mod .ball-view .item .block.circle,
.lhc-ball-skin .top-mod .left .ball-view .item .block.circle,
.lhc-ball-skin .top-mod .ball-view .item .block.ball,
.lhc-ball-skin .log-main .ball-view .item .block,
.lhc-ball-skin .log-main .ball-view .item .block.circle,
.lhc-ball-skin .log-main .ball-view .item .block.ball,
.lhc-ball-skin .item-view .ball-view .item .block,
.lhc-ball-skin .item-view .ball-view .item .block.circle,
.lhc-ball-skin .item-view .ball-view .item .block.ball {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #222 !important;
  -webkit-text-fill-color: #222 !important;
  line-height: 30px !important;
  text-align: center !important;
  margin: 0 2px !important;
  border: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.lhc-ball-skin .top-mod .ball-view .item .block[data-lhc-color="red"],
.lhc-ball-skin .top-mod .left .ball-view .item .block[data-lhc-color="red"],
.lhc-ball-skin .top-mod .ball-view .item .block.ball-red,
.lhc-ball-skin .top-mod .left .ball-view .item .block.ball-red,
.lhc-ball-skin .log-main .ball-view .item .block[data-lhc-color="red"],
.lhc-ball-skin .log-main .ball-view .item .block.ball-red,
.lhc-ball-skin .item-view .ball-view .item .block[data-lhc-color="red"],
.lhc-ball-skin .item-view .ball-view .item .block.ball-red {
  background-image: url(/static/ball-red.png) !important;
}

.lhc-ball-skin .top-mod .ball-view .item .block[data-lhc-color="blue"],
.lhc-ball-skin .top-mod .left .ball-view .item .block[data-lhc-color="blue"],
.lhc-ball-skin .top-mod .ball-view .item .block.ball-blue,
.lhc-ball-skin .top-mod .left .ball-view .item .block.ball-blue,
.lhc-ball-skin .log-main .ball-view .item .block[data-lhc-color="blue"],
.lhc-ball-skin .log-main .ball-view .item .block.ball-blue,
.lhc-ball-skin .item-view .ball-view .item .block[data-lhc-color="blue"],
.lhc-ball-skin .item-view .ball-view .item .block.ball-blue {
  background-image: url(/static/ball-blue.png) !important;
}

.lhc-ball-skin .top-mod .ball-view .item .block[data-lhc-color="green"],
.lhc-ball-skin .top-mod .left .ball-view .item .block[data-lhc-color="green"],
.lhc-ball-skin .top-mod .ball-view .item .block.ball-green,
.lhc-ball-skin .top-mod .left .ball-view .item .block.ball-green,
.lhc-ball-skin .log-main .ball-view .item .block[data-lhc-color="green"],
.lhc-ball-skin .log-main .ball-view .item .block.ball-green,
.lhc-ball-skin .item-view .ball-view .item .block[data-lhc-color="green"],
.lhc-ball-skin .item-view .ball-view .item .block.ball-green {
  background-image: url(/static/ball-green.png) !important;
}

.lhc-ball-skin .top-mod .ball-view .lhc-plus,
.lhc-ball-skin .top-mod .left .ball-view .lhc-plus,
.lhc-ball-skin .log-main .ball-view .lhc-plus,
.lhc-ball-skin .item-view .ball-view .lhc-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #888;
  margin: 0 3px;
  line-height: 30px;
  flex-shrink: 0;
  user-select: none;
}

/* Vue 重绘可能清掉 DOM 里的 +：特码前用 ::before 兜底 */
.lhc-ball-skin .top-mod .ball-view.lhc-has-plus:not(:has(> .lhc-plus)) > .item:last-child::before,
.lhc-ball-skin .top-mod .left .ball-view.lhc-has-plus:not(:has(> .lhc-plus)) > .item:last-child::before,
.lhc-ball-skin .log-main .ball-view.lhc-has-plus:not(:has(> .lhc-plus)) > .item:last-child::before,
.lhc-ball-skin .item-view .ball-view.lhc-has-plus:not(:has(> .lhc-plus)) > .item:last-child::before {
  content: '+';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #888;
  margin-right: 4px;
  line-height: 30px;
}
