.local-draw-box {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: #fff !important;
  border-top: 4px solid #eef400 !important;
  border-bottom: 1px solid #eee !important;
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
}
.local-draw-box * { box-sizing: border-box !important; }
.local-draw-box .draw-market-tabs {
  display: flex !important;
  width: 100% !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #111 !important;
  border: 0 !important;
  border-bottom: 3px solid #eef400 !important;
  overflow: hidden !important;
}
.local-draw-box .draw-market-tab {
  display: block !important;
  flex: 1 1 33.333% !important;
  width: 33.333% !important;
  height: 33px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-right: 1px solid #555 !important;
  border-radius: 0 !important;
  background: #292929 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 33px !important;
  font-weight: 800 !important;
  text-align: center !important;
  cursor: pointer !important;
  appearance: none !important;
}
.local-draw-box .draw-market-tab:last-child { border-right: 0 !important; }
.local-draw-box .draw-market-tab.active { background: #d80000 !important; color: #fff600 !important; }
.local-draw-box .draw-market-note {
  display: block !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border-bottom: 1px solid #e8d700 !important;
  background: #fff8bb !important;
  color: #c90000 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  text-align: center !important;
}
.local-draw-box .draw-live-row {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 7px 12px 3px !important;
  background: #fff !important;
}
.local-draw-box .draw-meta {
  display: flex !important;
  flex: 0 0 88px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 3px !important;
}
.local-draw-box .draw-meta strong { color: #111 !important; font-size: 15px !important; line-height: 20px !important; }
.local-draw-box .draw-meta button,
.local-draw-box .draw-meta a {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 1px 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.local-draw-box .draw-meta button { background: #f22 !important; color: #fff !important; }
.local-draw-box .draw-meta a { background: #fff600 !important; color: #e00000 !important; font-weight: 700 !important; }
.local-draw-box .draw-balls {
  display: grid !important;
  flex: 1 1 auto !important;
  grid-template-columns: repeat(7, minmax(58px, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.local-draw-box .draw-ball { display: block !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; text-align: center !important; }
.local-draw-box .draw-ball:nth-child(7) { position: relative !important; }
.local-draw-box .draw-ball:nth-child(7)::before {
  content: "+" !important;
  position: absolute !important;
  left: -12px !important;
  top: 7px !important;
  color: #111 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}
.local-draw-box .draw-ball-number {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 auto 5px !important;
  padding: 0 !important;
  border: 3px solid #e82a25 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 2px #aaa !important;
  color: #000 !important;
  font-size: 23px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
}
.local-draw-box .draw-ball.green .draw-ball-number { border-color: #21b53a !important; }
.local-draw-box .draw-ball.blue .draw-ball-number { border-color: #268be6 !important; }
.local-draw-box .draw-ball-label { color: #444 !important; font-size: 14px !important; line-height: 20px !important; white-space: nowrap !important; }
.local-draw-box .draw-state {
  display: block !important;
  margin: 0 !important;
  padding: 0 8px 4px !important;
  background: #fff !important;
  color: #777 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
}
.draw-ball-new { animation: drawBallIn .45s ease both !important; }
@keyframes drawBallIn {
  from { opacity: 0; transform: translateY(-12px) scale(.72); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.material-source-note {
  width: 100% !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 5px 8px !important;
  border: 1px solid #f1ce00 !important;
  background: #fff8a8 !important;
  color: #d50000 !important;
  font: 700 14px/20px Arial,"Microsoft YaHei",sans-serif !important;
  text-align: center !important;
}
.material-live-row {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 6px !important;
  border: 1px solid #ddd !important;
  border-top: 0 !important;
  background: #fff !important;
  color: #111 !important;
  font: 14px/23px Arial,"Microsoft YaHei",sans-serif !important;
  text-align: center !important;
}
.material-live-row .material-current { color: #000 !important; }
.material-live-row .material-lottery { color: #d60000 !important; font-weight: 800 !important; }
.material-live-row .material-line { display: inline-block !important; color: #0000c8 !important; }
.material-live-row .material-line b { color: #000 !important; }
.material-live-row .material-result {
  display: inline-block !important;
  margin-left: 3px !important;
  padding: 0 3px !important;
  font-style: normal !important;
}
.material-live-row .material-result.hit,
.material-live-row .material-line-result.hit { color: #d00000 !important; font-weight: 800 !important; }
.material-live-row .material-result.miss,
.material-live-row .material-line-result.miss { color: #666 !important; font-weight: 700 !important; }
.material-live-row .material-result.pending { color: #d00000 !important; }
.material-live-row .material-line-result { margin-left: 2px !important; font-style: normal !important; }
.material-live-row .material-previous {
  margin-top: 3px !important;
  padding-top: 3px !important;
  border-top: 1px dashed #ccc !important;
  color: #555 !important;
  font-size: 12px !important;
}
.material-live-row mark.material-hit-token {
  padding: 0 1px !important;
  background: #ff0 !important;
  color: #d00000 !important;
}
.legacy-pending-hidden { display: none !important; }

.material-native-current,
.material-native-fallback {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  background: #fff !important;
}
.material-native-current td,
.material-native-fallback td {
  text-align: center;
}
.material-native-hit {
  background-color: #ffff00 !important;
}
.material-native-checked.miss td {
  border-color: #ddd !important;
}
@media (max-width: 600px) {
  .local-draw-box .draw-market-tabs { height: 32px !important; }
  .local-draw-box .draw-market-tab { height: 29px !important; font-size: 14px !important; line-height: 29px !important; }
  .local-draw-box .draw-live-row { padding: 6px 4px 3px !important; }
  .local-draw-box .draw-meta { flex-basis: 52px !important; width: 52px !important; }
  .local-draw-box .draw-meta strong { font-size: 13px !important; }
  .local-draw-box .draw-meta button,
  .local-draw-box .draw-meta a { padding: 0 2px !important; font-size: 11px !important; }
  .local-draw-box .draw-balls { grid-template-columns: repeat(7, 1fr) !important; gap: 1px !important; }
  .local-draw-box .draw-ball-number { width: 32px !important; height: 32px !important; border-width: 2px !important; font-size: 18px !important; }
  .local-draw-box .draw-ball-label { font-size: 11px !important; }
  .local-draw-box .draw-ball:nth-child(7)::before { left: -5px !important; top: 5px !important; font-size: 16px !important; }
  .material-source-note { font-size: 12px !important; line-height: 18px !important; }
  .material-live-row { padding: 3px 2px !important; font-size: 12px !important; line-height: 20px !important; }
  .material-live-row .material-previous { font-size: 11px !important; }
}