.detail-main { padding: 16px 0 30px; }
.haomabox { background: #fff; border: 1px solid #e8ded0; border-radius: 10px; overflow: visible; box-shadow: 0 4px 16px rgba(0,0,0,.06); }
.waring { padding: 10px 14px; font-size: 13px; color: #7f6a52; background: #fff7ef; border-bottom: 1px solid #f1e4d4; }
.sf-hidden { display: none !important; }
.bodybox a,
.bodybox a:hover,
.bodybox a:focus,
.bodybox a:active { text-decoration: none; }

.haomaqu_resetPar { display: flex; height: auto; background: #fff; position: relative; z-index: 30; overflow: visible; }
.haomaqul { width: 592px; height: 142px; float: left; }
.haomaline { width: 887px; height: 100%; box-sizing: border-box; clear: both; }
.haomaline div { float: left; }
.haomaimg { width: 90px; height: 100%; text-align: center; padding: 0 20px; border-right: 1px solid #f0f0f0; }
.haomaimg img { width: 90px; height: 90px; margin-top: 26px; display: block; object-fit: contain; }
.numberqu { margin-left: 20px; margin-top: 20px; color: #666; height: auto; overflow: hidden; display: block; width: 440px; border-right: 1px solid #f0f0f0; }
.nuberqutit { width: 100%; font-size: 14px; }
.nuberqutit .pk10tit { font-size: 18px; color: #333; font-weight: 800; margin-right: 10px; }
.nuberqutit .preDrawIssue { margin: 0 5px; color: #ff7b00; font-weight: 700; }
.kajianhaoPar { width: 100%; height: 60px; }
.kajianhao { margin-top: 15px; display: block; }

.numberbox { width: 100%; overflow: hidden; list-style: none; margin: 0; padding: 0; }
.numberbox li { float: left; margin-right: 10px; width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 20px; text-align: center; color: #fff; border-radius: 5px; box-sizing: border-box; position: relative; list-style: none; overflow: hidden; }
.numberbox li::marker { content: ""; }
.numberbox li::before { content: none; display: none; }
.numberbox li i { position: absolute; left: 38px; }
.bodybox .numberbox .numsm01 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -246px -284px; }
.bodybox .numberbox .numsm02 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -42px -284px; }
.bodybox .numberbox .numsm03 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -83px -284px; }
.bodybox .numberbox .numsm04 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -123px -284px; }
.bodybox .numberbox .numsm05 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -286px -284px; }
.bodybox .numberbox .numsm06 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -1px -284px; }
.bodybox .numberbox .numsm07 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -205px -284px; }
.bodybox .numberbox .numsm08 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -164px -284px; }
.bodybox .numberbox .numsm09 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -327px -284px; }
.bodybox .numberbox .numsm10 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -368px -284px; }
.numberbox .li_after { margin-right: 0; }

.drawCountDiv { display: none; height: 30px; line-height: 30px; font-size: 14px; color: #666; }
.drawCountDiv span { margin: 0 5px; }

.haomaqur { flex: 1; float: left; overflow: visible; }
.haomaqur .line { width: 160px; height: auto; overflow: hidden; color: #666; }
.haomaqur .line.linetit {
  width: 220px;
  overflow: visible;
  white-space: nowrap;
}
.haomaqur .soundId { width: 210px; overflow: visible !important; }
.linetit { width: 220px; height: 50px; line-height: 50px; color: #666; font-size: 14px; font-weight: 400; }
.linetit .nextIssue { margin: 0 5px; }
.linetime { height: 40px; line-height: 40px; }
.cuttime { color: #666 !important; }
.bgtime { height: 40px; width: 40px; background: #444553; color: #ffd200; text-align: center; font-size: 16px; border-radius: 2px; display: inline-block; line-height: 40px; }
.opentyle { width: 95%; height: 100%; background: #212224; border-radius: 2px; color: #f7f200; padding-left: 30px; box-sizing: border-box; font-size: 18px; text-align: left; display: none; }
.linetime span { display: inline-block; height: 40px; line-height: 40px; }
.haomaqur_l { width: 220px; float: left; margin-left: 20px; }
.haomaqur_r { float: left; width: 190px; height: 108px; margin-top: 22px; border-left: 1px solid #f0f0f0; overflow: visible; }

.soundSet { margin-top: 0; height: 45px; margin-left: 26px; position: relative; }
.ifSoundSet { margin-top: 10px; height: 45px; margin-left: 26px; }
.soundline { overflow: visible !important; border: 0; background: transparent; padding: 0; }
.soundline .ifSoundOpen,
.soundline .soundbtn { width: 94px; height: 32px; line-height: 32px; text-align: center; position: relative; z-index: 4; background: #ff7b00; color: #fff; border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.soundline .ifSoundOpen i,
.soundline .soundbtn i { width: 100%; height: 100%; display: inline-block; cursor: pointer; color: #fff; font-style: normal; }
.soundline #soundKindsIcon { width: 22px; height: 22px; position: absolute; z-index: 999999; right: -28px; top: 5px; }
.soundline .ifSoundIcon { width: 22px; height: 22px; position: absolute; z-index: 999999; right: -28px; top: 5px; background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -230px -334px; }
.ifSoundSet.muted .ifSoundIcon { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -261px -334px; }
.soundDefY { width: 31px; height: 29px; background: url("https://205kai.com/img/icon/soundKinds.png?v=2019481527") no-repeat 0 -29px; display: inline-block; }
.soundpanel {
  position: absolute;
  top: 42px;
  right: -28px;
  z-index: 999999;
  width: 320px;
  height: 250px;
  background: #fff;
  border: 1px solid #efefef;
  box-shadow: 0 0 12px rgba(0,0,0,.2);
  padding: 10px 12px;
  box-sizing: border-box;
  overflow: visible !important;
}
.soundpanel-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  color: #e6e6e6;
  font-size: 34px;
  line-height: 22px;
  cursor: pointer;
  padding: 0;
}
.soundpanel .soundlist { width: 100%; height: 100%; }
.soundpanel .soundlist ul { margin: 0; padding: 8px 0 0; list-style: none; }
.soundpanel .soundlist li {
  height: 34px;
  display: flex;
  align-items: center;
  padding-left: 2px;
  box-sizing: border-box;
}
.soundpanel .soundlist li label {
  display: flex;
  align-items: center;
  font-size: 17px;
  color: #62656a;
  cursor: pointer;
  line-height: 1.15;
  white-space: nowrap;
}
.soundpanel .soundlist li input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
}
.soundpanel .sound-tip-row {
  margin-top: 6px;
  padding-left: 2px;
  font-size: 17px;
  color: #62656a;
  line-height: 1.15;
  white-space: nowrap;
}
.soundpanel .sound-tip-row select {
  height: 34px;
  min-width: 170px;
  margin-left: 8px;
  border: 2px solid #d7d7d7;
  color: #555;
  background: #fff;
  font-size: 15px;
  line-height: 34px;
}

.haomaqur .margt20 { float: right; padding: 10px; border-left: 1px solid #f0f0f0; margin-top: 0; }
.haomaqur .line.margt20 { display: none !important; }
#startVideo { width: 185px; height: 122px; cursor: pointer; }
#startVideo img { width: 185px; height: 122px; display: block; object-fit: cover; border-radius: 0; }

.haomaqu_resetSon { position: relative; z-index: 1; border-top: 1px solid #f0e3d2; }
.haomaqu_resetSon .homaline2 { width: 100%; }
.haomaqu_resetSon .margt30 { margin-top: 0; }
.haomaqu_resetSon .li_td { width: 100%; }
.haomaqu_resetSon .zoushimap { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.haomaqu_resetSon .zoushimap li { list-style: none; border-right: 1px solid #f3e5d5; border-bottom: 1px solid #f3e5d5; }
.haomaqu_resetSon .zoushimap li a { display: block; padding: 9px 13px; font-size: 12px; color: #666; }
.haomaqu_resetSon .zoushimap li a:hover { background: #fff7ef; color: #fa8e19; }
.haomaqu_resetSon .zoushimap li a.resetson-active { background: #fa8e19; color: #fff; }

.kaijiangjl { margin-top: 14px; border-top: 1px solid #f0e3d2; background: #fff; float: none; width: 100%; clear: both; }
.kaijiangjl.margt20 { margin-top: 14px; padding: 0; border-left: 0; }
.kaijiangjl .head { background: #fff; border-bottom: 1px solid #ebebeb; padding: 8px 10px; }
.record-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kaijiangjl .head .toolbar-tabs { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; }
.kaijiangjl .head .toolbar-tabs li { list-style: none; border: 1px solid #e6e6e6; border-radius: 4px; cursor: pointer; padding: 7px 14px; color: #666; font-size: 13px; background: #fff; }
.kaijiangjl .head .toolbar-tabs li.active { color: #333; background: #fff; font-weight: 700; border-color: #e6e6e6; }
.kaijiangjl .head .toolbar-tabs li.kaijiltit {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0 10px 0 0;
  margin-right: 2px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  cursor: default;
}
.kaijiangjl .head .toolbar-tabs li.kaijiltit.active {
  border: 0;
  background: transparent;
  color: #333;
}
.kaijiangjl .head .toolbar-tabs li.bet-now { border-color: #ff8b17; background: linear-gradient(180deg,#ff9f2f,#f08a19); color: #fff; font-weight: 700; }
.kaijiangjl .head .toolbar-tabs li.bet-now a { color: #fff; }
.record-tools { display: flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; }
.record-tools .history-btn { height: 30px; border: 1px solid #dcdcdc; border-radius: 3px; background: #fff; color: #666; padding: 0 14px; cursor: pointer; }

.listcontent { padding: 12px; background: #fff; }
.jrsmhmtj { width: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.jrsmhmtj table { width: 100%; border-collapse: separate; border-spacing: 1px; background: #d4d4d4; font-size: 13px; }
.jrsmhmtj th, .jrsmhmtj td { background: #fff; text-align: center; padding: 6px 4px; vertical-align: middle; line-height: 1.2; }
.jrsmhmtj th { background: #f0f0f0; color: #666; font-weight: 600; font-size: 12px; height: 36px; }
.jrsmhmtj td { height: 34px; font-size: 13px; }
.jrsmhmtj td:nth-child(1),
.jrsmhmtj td:nth-child(2) { white-space: nowrap; }
.time-two-line {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.15;
  gap: 2px;
}
.time-two-line .time-date,
.time-two-line .time-clock { display: block; white-space: nowrap; }
.jrsmhmtj td:nth-child(7) { white-space: normal; line-height: 1.35; }
.jrsmhmtj tbody tr:nth-child(even) td { background: #fafafa; }
.jrsmhmtj .numberbtn span { margin: 0 4px; cursor: pointer; color: #5c6570; font-size: 15px; }
.jrsmhmtj .numberbtn .spanselect { color: #f97316; font-weight: 600; }
#numberbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 6px;
  line-height: 1.2;
  padding: 4px 2px;
}
#numberbtn span {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0 2px;
}
.jrsmhmtj .txt-dragon { color: #f12d35; font-weight: 700; }
.jrsmhmtj .txt-tiger { color: #3a71d8; font-weight: 700; }
.jrsmhmtj .txt-big { color: #f12d35; font-weight: 700; }
.jrsmhmtj .txt-small { color: #3a71d8; font-weight: 700; }
.jrsmhmtj .txt-odd { color: #3a71d8; font-weight: 700; }
.jrsmhmtj .txt-even { color: #f12d35; font-weight: 700; }

.imgnumber { display: inline-flex; align-items: center; justify-content: flex-start; list-style: none; margin: 0; padding: 0 0 0 6px; overflow: hidden; line-height: 1; gap: 8px; }
.imgnumber li {
  list-style: none;
  float: none;
  margin-right: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  position: relative;
}
.imgnumber li i { display: none; }
.imgnumber .li_after { margin-right: 0; }
.imgnumber li.ball-dimmed { opacity: 0.25; filter: grayscale(1); }
.bodybox .imgnumber .numsm01 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -246px -284px; }
.bodybox .imgnumber .numsm02 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -42px -284px; }
.bodybox .imgnumber .numsm03 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -83px -284px; }
.bodybox .imgnumber .numsm04 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -123px -284px; }
.bodybox .imgnumber .numsm05 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -286px -284px; }
.bodybox .imgnumber .numsm06 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -1px -284px; }
.bodybox .imgnumber .numsm07 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -205px -284px; }
.bodybox .imgnumber .numsm08 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -164px -284px; }
.bodybox .imgnumber .numsm09 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -327px -284px; }
.bodybox .imgnumber .numsm10 { background: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") no-repeat -368px -284px; }

.imgnumber.mode-text { padding-left: 6px; gap: 8px; }
.imgnumber.mode-text li.text-cell {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
}
.imgnumber.mode-text li.text-cell span { display: block; transform: translateY(-1px); }
.imgnumber.mode-text li.cell-blue { background: #8d9cc2; }
.imgnumber.mode-text li.cell-orange { background: #f5a230; }

.hidden { display: none !important; }

.panel { min-height: 120px; display: flex; align-items: center; justify-content: center; color: #8b9098; font-size: 13px; background: #fff; }

.history-layout {
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 12px;
  background: #fff;
}
.history-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0 10px;
}
.quick-range-group { display: flex; align-items: center; gap: 6px; }
.quick-btn {
  height: 28px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #666;
  padding: 0 12px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.quick-btn.active {
  border-color: #ff8b17;
  background: #ff8b17;
  color: #fff;
  font-weight: 700;
}
.date-picker-group { display: flex; align-items: center; gap: 8px; color: #666; font-size: 12px; }
.date-picker-group input {
  height: 28px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  padding: 0 8px;
  color: #444;
  background: #fff;
}

.dist-filter-line {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
  border-top: 1px solid #f2f2f2;
}
.dist-filter-line:first-of-type { border-top: 0; }
.dist-label { color: #555; font-size: 14px; white-space: nowrap; }
.dist-btn-group { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dist-btn {
  height: 28px;
  border: 1px solid #dcdcdc;
  background: #fff;
  color: #666;
  padding: 0 11px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.dist-btn.active {
  border-color: #ff8b17;
  background: #ff8b17;
  color: #fff;
  font-weight: 700;
}
.dist-reset-btn {
  border-color: #ff8b17;
  background: #ff8b17;
  color: #fff;
  font-weight: 700;
  margin-left: 8px;
}

.history-result-wrap { margin-top: 10px; }
.history-result-meta {
  color: #7b8087;
  font-size: 12px;
  padding: 0 2px 8px;
}

#historyLayoutTable { width: 100%; border-collapse: separate; border-spacing: 1px; background: #d4d4d4; font-size: 13px; }
#historyLayoutTable th, #historyLayoutTable td { background: #fff; text-align: center; padding: 6px 4px; vertical-align: middle; line-height: 1.2; }
#historyLayoutTable th { background: #f0f0f0; color: #666; font-weight: 600; font-size: 12px; height: 36px; }
#historyLayoutTable td { height: 34px; font-size: 13px; }
#historyLayoutTable td:nth-child(1), #historyLayoutTable td:nth-child(2) { white-space: nowrap; }
#historyLayoutTable td:nth-child(7) { white-space: normal; line-height: 1.35; }
#historyLayoutTable tbody tr:nth-child(even) td { background: #fafafa; }

@media (max-width: 980px) {
  .detail-main { padding: 10px 0 16px; }
  .haomabox { border-radius: 8px; }

  .haomaqu_resetPar {
    display: block;
    padding: 8px 10px 10px;
  }
  .haomaqul,
  .haomaqur,
  .haomaqur_l,
  .haomaqur_r,
  .numberqu,
  .haomaline {
    width: 100%;
    min-width: 0;
    height: auto;
    float: none;
    margin: 0;
    border: 0;
  }
  .haomaline {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
  }
  .haomaline > div { float: none; }
  .haomaimg {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    padding: 0;
    border: 0;
  }
  .haomaimg img {
    width: 64px;
    height: 64px;
    margin-top: 0;
    border-radius: 8px;
    background: #fff7ef;
  }
  .numberqu { margin: 0; }
  .nuberqutit { font-size: 13px; line-height: 1.45; }
  .nuberqutit .pk10tit { font-size: 17px; margin-right: 6px; }

  .kajianhaoPar { height: auto; margin-top: 8px; }
  .kajianhao { margin-top: 0; }
  .numberbox li {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-right: 6px;
    background-image: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") !important;
    background-repeat: no-repeat !important;
    background-size: 438.75px 431.25px !important;
    background-color: transparent !important;
  }
  .numberbox li i {
    display: none !important;
  }
  .bodybox .numberbox .numsm01 { background-position: -230.63px -266.25px !important; }
  .bodybox .numberbox .numsm02 { background-position: -39.38px -266.25px !important; }
  .bodybox .numberbox .numsm03 { background-position: -77.81px -266.25px !important; }
  .bodybox .numberbox .numsm04 { background-position: -115.31px -266.25px !important; }
  .bodybox .numberbox .numsm05 { background-position: -268.13px -266.25px !important; }
  .bodybox .numberbox .numsm06 { background-position: -0.94px -266.25px !important; }
  .bodybox .numberbox .numsm07 { background-position: -192.19px -266.25px !important; }
  .bodybox .numberbox .numsm08 { background-position: -153.75px -266.25px !important; }
  .bodybox .numberbox .numsm09 { background-position: -306.56px -266.25px !important; }
  .bodybox .numberbox .numsm10 { background-position: -345px -266.25px !important; }
  .drawCountDiv { height: auto; line-height: 1.5; margin-top: 6px; font-size: 13px; }

  .haomaqur {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 8px;
    border-top: 1px solid #f0e3d2;
    padding-top: 8px;
  }
  .haomaqur .line { width: 100%; overflow: visible; }
  .haomaqur_l { border: 1px solid #f3e7d8; border-radius: 8px; padding: 8px 10px; background: #fffaf4; }
  .linetit { height: auto; line-height: 1.4; font-size: 13px; margin-bottom: 6px; }
  .linetime { height: auto; line-height: 1.3; }
  .bgtime { width: 34px; height: 34px; line-height: 34px; font-size: 15px; }
  .linetime span { height: 34px; line-height: 34px; }

  .haomaqur_r {
    display: flex;
    align-items: center;
    gap: 8px;
    height: auto;
    border: 1px solid #f3e7d8;
    border-radius: 8px;
    padding: 8px 10px;
    background: #fff;
  }
  .ifSoundSet,
  .soundSet {
    margin: 0;
    height: auto;
  }
  .soundline .ifSoundOpen,
  .soundline .soundbtn { width: 108px; height: 34px; line-height: 34px; font-size: 13px; }
  .soundline #soundKindsIcon,
  .soundline .ifSoundIcon {
    right: -22px;
    top: 6px;
    transform: scale(.9);
    transform-origin: center;
  }
  .soundpanel {
    top: 40px;
    right: -6px;
    width: min(86vw, 320px);
    max-height: 62vh;
    height: auto;
  }
  .soundpanel .soundlist ul { padding: 6px 0 2px; }
  .soundpanel .soundlist li { height: 32px; }
  .soundpanel .soundlist li label { font-size: 14px; }
  .soundpanel .sound-tip-row { font-size: 14px; }
  .soundpanel .sound-tip-row select {
    height: 30px;
    min-width: 138px;
    font-size: 13px;
    border-width: 1px;
    line-height: 30px;
  }

  .haomaqu_resetSon .zoushimap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .haomaqu_resetSon .zoushimap li {
    border-right: 0;
    border-bottom: 1px solid #f3e5d5;
  }
  .haomaqu_resetSon .zoushimap li:nth-child(odd) {
    border-right: 1px solid #f3e5d5;
  }
  .haomaqu_resetSon .zoushimap li a {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    font-size: 13px;
  }

  .record-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .record-tools {
    order: 1;
    justify-content: space-between;
  }
  .record-tools .history-btn {
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
  }
  .kaijiangjl .head .toolbar-tabs {
    order: 2;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding-bottom: 2px;
  }
  .kaijiangjl .head .toolbar-tabs li {
    flex: 0 0 auto;
    padding: 7px 10px;
    font-size: 12px;
  }
  .kaijiangjl .head .toolbar-tabs li.kaijiltit {
    font-size: 15px;
    padding-right: 6px;
  }
  .kaijiangjl .head {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
  }

  .listcontent { padding: 0 0 10px; }
  .jrsmhmtj { margin-top: 0; }
  .jrsmhmtj table { margin-top: 0; }
  .jrsmhmtj table,
  #historyLayoutTable {
    min-width: 0;
    width: 100%;
    table-layout: fixed;
  }
  .jrsmhmtj table { font-size: 13px; }
  .jrsmhmtj th { font-size: 14px; height: 36px; }
  .jrsmhmtj th.numberbtn-cell,
  #historyLayoutTable th.numberbtn-cell {
    height: 52px;
    vertical-align: middle;
  }
  .jrsmhmtj td { height: 34px; font-size: 13px; }
  .jrsmhmtj th:nth-child(1), .jrsmhmtj td:nth-child(1),
  #historyLayoutTable th:nth-child(1), #historyLayoutTable td:nth-child(1) { width: 20%; }
  .jrsmhmtj th:nth-child(2), .jrsmhmtj td:nth-child(2),
  #historyLayoutTable th:nth-child(2), #historyLayoutTable td:nth-child(2) { width: 12%; }
  .jrsmhmtj th:nth-child(3), .jrsmhmtj td:nth-child(3),
  #historyLayoutTable th:nth-child(3), #historyLayoutTable td:nth-child(3) { width: 30%; }
  .jrsmhmtj th:nth-child(4), .jrsmhmtj td:nth-child(4),
  #historyLayoutTable th:nth-child(4), #historyLayoutTable td:nth-child(4),
  .jrsmhmtj th:nth-child(5), .jrsmhmtj td:nth-child(5),
  #historyLayoutTable th:nth-child(5), #historyLayoutTable td:nth-child(5),
  .jrsmhmtj th:nth-child(6), .jrsmhmtj td:nth-child(6),
  #historyLayoutTable th:nth-child(6), #historyLayoutTable td:nth-child(6) { width: 9%; }
  .jrsmhmtj th:nth-child(7), .jrsmhmtj td:nth-child(7),
  #historyLayoutTable th:nth-child(7), #historyLayoutTable td:nth-child(7) { width: 11%; white-space: normal; line-height: 1.3; }

  .imgnumber {
    padding-left: 0;
    gap: 2px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-items: center;
    width: 100%;
    max-width: 128px;
    margin: 0 auto;
  }
  .imgnumber li {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
  }
  .imgnumber.mode-text li.text-cell {
    width: 24px;
    height: 24px;
    font-size: 15px;
    border-radius: 4px;
  }
  .jrsmhmtj .imgnumber li i,
  #historyLayoutTable .imgnumber li i { display: none !important; }
  .jrsmhmtj .imgnumber li[class*="numsm"],
  #historyLayoutTable .imgnumber li[class*="numsm"] {
    background-image: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527") !important;
    background-repeat: no-repeat !important;
    background-size: 351px 345px !important;
    background-color: transparent !important;
  }
  .jrsmhmtj .imgnumber .numsm01, #historyLayoutTable .imgnumber .numsm01 { background-position: -184.5px -213px !important; }
  .jrsmhmtj .imgnumber .numsm02, #historyLayoutTable .imgnumber .numsm02 { background-position: -31.5px -213px !important; }
  .jrsmhmtj .imgnumber .numsm03, #historyLayoutTable .imgnumber .numsm03 { background-position: -62.25px -213px !important; }
  .jrsmhmtj .imgnumber .numsm04, #historyLayoutTable .imgnumber .numsm04 { background-position: -92.25px -213px !important; }
  .jrsmhmtj .imgnumber .numsm05, #historyLayoutTable .imgnumber .numsm05 { background-position: -214.5px -213px !important; }
  .jrsmhmtj .imgnumber .numsm06, #historyLayoutTable .imgnumber .numsm06 { background-position: -0.75px -213px !important; }
  .jrsmhmtj .imgnumber .numsm07, #historyLayoutTable .imgnumber .numsm07 { background-position: -153.75px -213px !important; }
  .jrsmhmtj .imgnumber .numsm08, #historyLayoutTable .imgnumber .numsm08 { background-position: -123px -213px !important; }
  .jrsmhmtj .imgnumber .numsm09, #historyLayoutTable .imgnumber .numsm09 { background-position: -245.25px -213px !important; }
  .jrsmhmtj .imgnumber .numsm10, #historyLayoutTable .imgnumber .numsm10 { background-position: -276px -213px !important; }

  .history-layout {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 8px 8px 10px;
  }
  .history-filter-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-bottom: 8px;
  }
  .quick-range-group { flex-wrap: wrap; }
  .quick-btn {
    min-width: 64px;
    height: 32px;
    font-size: 13px;
  }
  .date-picker-group {
    justify-content: space-between;
    font-size: 13px;
  }
  .date-picker-group input {
    height: 32px;
    min-width: 150px;
  }
  .dist-filter-line {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 0;
  }
  .dist-label { width: 100%; font-size: 13px; }
  .dist-btn {
    height: 32px;
    font-size: 13px;
    padding: 0 10px;
  }
  .dist-reset-btn {
    margin-left: 0;
    margin-top: 2px;
  }
  #historyLayoutTable { font-size: 12px; }
}

@media (max-width: 768px) {
  .detail-main { padding: 8px 0 14px; }
  .haomabox { border-radius: 6px; }
  .haomaqu_resetPar { padding: 8px; }
  .haomaline { gap: 8px; }
  .haomaimg { width: 56px; height: 56px; flex-basis: 56px; }
  .haomaimg img { width: 56px; height: 56px; }
  .nuberqutit { font-size: 12px; }
  .nuberqutit .pk10tit { font-size: 15px; }
  .numberbox li {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    margin-right: 4px;
    background-size: 409.5px 402.5px !important;
  }
  .bodybox .numberbox .numsm01 { background-position: -215.25px -248.5px !important; }
  .bodybox .numberbox .numsm02 { background-position: -36.75px -248.5px !important; }
  .bodybox .numberbox .numsm03 { background-position: -72.63px -248.5px !important; }
  .bodybox .numberbox .numsm04 { background-position: -107.63px -248.5px !important; }
  .bodybox .numberbox .numsm05 { background-position: -250.25px -248.5px !important; }
  .bodybox .numberbox .numsm06 { background-position: -0.88px -248.5px !important; }
  .bodybox .numberbox .numsm07 { background-position: -179.38px -248.5px !important; }
  .bodybox .numberbox .numsm08 { background-position: -143.5px -248.5px !important; }
  .bodybox .numberbox .numsm09 { background-position: -286.13px -248.5px !important; }
  .bodybox .numberbox .numsm10 { background-position: -322px -248.5px !important; }
  .bgtime { width: 32px; height: 32px; line-height: 32px; font-size: 14px; }
  .linetime span { height: 32px; line-height: 32px; }

  .haomaqur_r {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .soundline .ifSoundOpen,
  .soundline .soundbtn {
    width: 104px;
  }
  .soundpanel {
    right: 0;
    width: min(90vw, 308px);
  }

  .kaijiangjl .head { padding: 8px; }
  .kaijiangjl .head .toolbar-tabs li { font-size: 12px; padding: 7px 9px; }
  .record-tools .history-btn { height: 32px; font-size: 12px; }
  #numberbtn {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 2px 0;
  }
  #numberbtn span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1.1;
    padding: 1px 0;
  }

  .jrsmhmtj th, #historyLayoutTable th { font-size: 12px; }
  .jrsmhmtj td, #historyLayoutTable td { font-size: 12px; }
  .jrsmhmtj th.numberbtn-cell,
  #historyLayoutTable th.numberbtn-cell { height: 56px; }
  .jrsmhmtj th:nth-child(1), .jrsmhmtj td:nth-child(1),
  #historyLayoutTable th:nth-child(1), #historyLayoutTable td:nth-child(1) { width: 20%; }
  .jrsmhmtj th:nth-child(2), .jrsmhmtj td:nth-child(2),
  #historyLayoutTable th:nth-child(2), #historyLayoutTable td:nth-child(2) { width: 12%; }
  .jrsmhmtj th:nth-child(3), .jrsmhmtj td:nth-child(3),
  #historyLayoutTable th:nth-child(3), #historyLayoutTable td:nth-child(3) { width: 30%; }
  .jrsmhmtj th:nth-child(4), .jrsmhmtj td:nth-child(4),
  #historyLayoutTable th:nth-child(4), #historyLayoutTable td:nth-child(4),
  .jrsmhmtj th:nth-child(5), .jrsmhmtj td:nth-child(5),
  #historyLayoutTable th:nth-child(5), #historyLayoutTable td:nth-child(5),
  .jrsmhmtj th:nth-child(6), .jrsmhmtj td:nth-child(6),
  #historyLayoutTable th:nth-child(6), #historyLayoutTable td:nth-child(6) { width: 9%; }
  .jrsmhmtj th:nth-child(7), .jrsmhmtj td:nth-child(7),
  #historyLayoutTable th:nth-child(7), #historyLayoutTable td:nth-child(7) { width: 11%; }

  .imgnumber li,
  .imgnumber.mode-text li.text-cell {
    width: 21px;
    height: 21px;
    line-height: 21px;
  }
  .jrsmhmtj .imgnumber li[class*="numsm"],
  #historyLayoutTable .imgnumber li[class*="numsm"] { background-size: 307.13px 301.88px !important; }
  .jrsmhmtj .imgnumber .numsm01, #historyLayoutTable .imgnumber .numsm01 { background-position: -161.44px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm02, #historyLayoutTable .imgnumber .numsm02 { background-position: -27.56px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm03, #historyLayoutTable .imgnumber .numsm03 { background-position: -54.47px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm04, #historyLayoutTable .imgnumber .numsm04 { background-position: -80.72px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm05, #historyLayoutTable .imgnumber .numsm05 { background-position: -187.69px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm06, #historyLayoutTable .imgnumber .numsm06 { background-position: -0.66px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm07, #historyLayoutTable .imgnumber .numsm07 { background-position: -134.53px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm08, #historyLayoutTable .imgnumber .numsm08 { background-position: -107.63px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm09, #historyLayoutTable .imgnumber .numsm09 { background-position: -214.59px -186.38px !important; }
  .jrsmhmtj .imgnumber .numsm10, #historyLayoutTable .imgnumber .numsm10 { background-position: -241.5px -186.38px !important; }
  .imgnumber.mode-text li.text-cell { font-size: 13px; }
}

@media (max-width: 480px) {
  .haomaqu_resetPar { padding: 7px; }
  .haomaline { gap: 7px; }
  .nuberqutit .pk10tit { font-size: 14px; }
  .drawCountDiv { font-size: 12px; }
  .numberbox li {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    margin-right: 3px;
    background-size: 351px 345px !important;
  }
  .bodybox .numberbox .numsm01 { background-position: -184.5px -213px !important; }
  .bodybox .numberbox .numsm02 { background-position: -31.5px -213px !important; }
  .bodybox .numberbox .numsm03 { background-position: -62.25px -213px !important; }
  .bodybox .numberbox .numsm04 { background-position: -92.25px -213px !important; }
  .bodybox .numberbox .numsm05 { background-position: -214.5px -213px !important; }
  .bodybox .numberbox .numsm06 { background-position: -0.75px -213px !important; }
  .bodybox .numberbox .numsm07 { background-position: -153.75px -213px !important; }
  .bodybox .numberbox .numsm08 { background-position: -123px -213px !important; }
  .bodybox .numberbox .numsm09 { background-position: -245.25px -213px !important; }
  .bodybox .numberbox .numsm10 { background-position: -276px -213px !important; }
  .haomaqu_resetSon .zoushimap li a {
    font-size: 12px;
    min-height: 36px;
    padding: 6px 8px;
  }
  .quick-btn,
  .dist-btn,
  .date-picker-group input { height: 30px; }
  .quick-btn,
  .dist-btn { font-size: 12px; }
  #numberbtn span {
    font-size: 11px;
    line-height: 1.1;
    padding: 1px 0;
  }

  .jrsmhmtj th:nth-child(1), .jrsmhmtj td:nth-child(1),
  #historyLayoutTable th:nth-child(1), #historyLayoutTable td:nth-child(1) { width: 20%; }
  .jrsmhmtj th:nth-child(2), .jrsmhmtj td:nth-child(2),
  #historyLayoutTable th:nth-child(2), #historyLayoutTable td:nth-child(2) { width: 12%; }
  .jrsmhmtj th:nth-child(3), .jrsmhmtj td:nth-child(3),
  #historyLayoutTable th:nth-child(3), #historyLayoutTable td:nth-child(3) { width: 30%; }
  .jrsmhmtj th:nth-child(4), .jrsmhmtj td:nth-child(4),
  #historyLayoutTable th:nth-child(4), #historyLayoutTable td:nth-child(4),
  .jrsmhmtj th:nth-child(5), .jrsmhmtj td:nth-child(5),
  #historyLayoutTable th:nth-child(5), #historyLayoutTable td:nth-child(5),
  .jrsmhmtj th:nth-child(6), .jrsmhmtj td:nth-child(6),
  #historyLayoutTable th:nth-child(6), #historyLayoutTable td:nth-child(6) { width: 9%; }
  .jrsmhmtj th:nth-child(7), .jrsmhmtj td:nth-child(7),
  #historyLayoutTable th:nth-child(7), #historyLayoutTable td:nth-child(7) { width: 11%; font-size: 11px; }
  .imgnumber li,
  .imgnumber.mode-text li.text-cell {
    width: 19px;
    height: 19px;
    line-height: 19px;
  }
  .jrsmhmtj .imgnumber li[class*="numsm"],
  #historyLayoutTable .imgnumber li[class*="numsm"] { background-size: 277.88px 273.13px !important; }
  .jrsmhmtj .imgnumber .numsm01, #historyLayoutTable .imgnumber .numsm01 { background-position: -146.06px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm02, #historyLayoutTable .imgnumber .numsm02 { background-position: -24.94px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm03, #historyLayoutTable .imgnumber .numsm03 { background-position: -49.28px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm04, #historyLayoutTable .imgnumber .numsm04 { background-position: -73.03px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm05, #historyLayoutTable .imgnumber .numsm05 { background-position: -169.81px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm06, #historyLayoutTable .imgnumber .numsm06 { background-position: -0.59px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm07, #historyLayoutTable .imgnumber .numsm07 { background-position: -121.72px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm08, #historyLayoutTable .imgnumber .numsm08 { background-position: -97.31px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm09, #historyLayoutTable .imgnumber .numsm09 { background-position: -194.16px -168.5px !important; }
  .jrsmhmtj .imgnumber .numsm10, #historyLayoutTable .imgnumber .numsm10 { background-position: -218.38px -168.5px !important; }
  .imgnumber.mode-text li.text-cell { font-size: 12px; }
}

/* ═══════════ 路珠分析面板 ═══════════ */
.luzhu-panel {
  background: #fff;
  padding: 12px;
  margin-top: 0;
}
.luzhu-panel.hidden { display: none; }

.luzhu-modes {
  display: flex;
  gap: 0;
  margin-bottom: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.lz-mode-btn {
  flex: 1;
  padding: 8px 0;
  border: none;
  background: #f5f5f5;
  color: #333;
  font-size: 13px;
  cursor: pointer;
  transition: all .2s;
  border-right: 1px solid #e0e0e0;
}
.lz-mode-btn:last-child { border-right: none; }
.lz-mode-btn.active {
  background: #e87c2a;
  color: #fff;
}
.lz-mode-btn:hover:not(.active) { background: #eee; }

.luzhu-time-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.lz-time-btn {
  padding: 5px 14px;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #555;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  transition: all .2s;
}
.lz-time-btn.active {
  background: #e87c2a;
  color: #fff;
  border-color: #e87c2a;
}
.lz-time-btn:hover:not(.active) { background: #f5f5f5; }
.lz-date-pick {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #666;
}
.lz-date-input {
  padding: 4px 6px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font-size: 12px;
}

.luzhu-filter-pos,
.luzhu-filter-type {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.lz-filter-label {
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  line-height: 28px;
  min-width: 60px;
}
.lz-pos-group,
.lz-type-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}
.lz-check-label {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  color: #555;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.lz-check-label input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #e87c2a;
  cursor: pointer;
  margin: 0;
}
.lz-check-label span {
  line-height: 1;
}

.luzhu-grid-wrap {
  margin-top: 10px;
  overflow: visible;
}
.lz-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 600px;
  overflow-y: auto;
}
.lz-table {
  border-collapse: collapse;
  font-size: 12px;
  white-space: nowrap;
}
.lz-table th,
.lz-table td {
  border: 1px solid #e0e0e0;
  padding: 3px 2px;
  text-align: center;
  vertical-align: middle;
}
.lz-table thead th {
  background: #f7f7f7;
  color: #666;
  font-weight: normal;
  position: sticky;
  top: 0;
  z-index: 2;
}
.lz-th-label,
.lz-td-label {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 3;
  min-width: 60px;
  font-size: 11px;
  color: #333;
  padding: 4px 6px !important;
}
.lz-table thead .lz-th-label {
  z-index: 4;
  background: #f7f7f7;
}
.lz-type-tag {
  font-size: 10px;
  color: #999;
}

.lz-cell {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.lz-red { background: #e84c3d; }
.lz-blue { background: #3498db; }
.lz-gray { background: #ccc; color: #999; }

.lz-loading,
.lz-empty,
.lz-error {
  text-align: center;
  padding: 30px 0;
  color: #999;
  font-size: 13px;
}
.lz-error { color: #e84c3d; }

/* 路珠面板移动端适配 */
@media (max-width: 768px) {
  .luzhu-panel { padding: 8px; }
  .lz-mode-btn { font-size: 12px; padding: 7px 0; }
  .luzhu-time-bar { gap: 4px; }
  .lz-time-btn { padding: 4px 10px; font-size: 11px; }
  .lz-filter-label { font-size: 11px; min-width: auto; }
  .lz-check-label { font-size: 11px; gap: 2px; }
  .lz-check-label input[type="checkbox"] { width: 13px; height: 13px; }
  .lz-cell { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
  .lz-td-label { min-width: 50px; font-size: 10px; }
  .lz-table-scroll { max-height: 450px; }
}

@media (max-width: 480px) {
  .luzhu-modes { margin-bottom: 8px; }
  .lz-mode-btn { font-size: 11px; padding: 6px 0; }
  .luzhu-filter-pos,
  .luzhu-filter-type { flex-direction: column; align-items: flex-start; }
  .lz-pos-group,
  .lz-type-group { width: 100%; }
  .lz-cell { width: 18px; height: 18px; line-height: 18px; font-size: 9px; }
  .lz-td-label { min-width: 45px; font-size: 9px; padding: 3px 4px !important; }
}

/* ═══════════ 冷热分析面板 ═══════════ */
.lengre-panel {
  background: #fff;
  padding: 16px;
}
.lengre-panel.hidden { display: none; }

.lr-header {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
.lr-controls {
  margin-bottom: 6px;
}
.lr-check-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
  user-select: none;
}
.lr-check-label input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #e87c2a;
  cursor: pointer;
  margin: 0;
}
.lr-desc {
  font-size: 12px;
  color: #999;
  margin-bottom: 14px;
  line-height: 1.6;
}

.lr-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.lr-table th,
.lr-table td {
  border: 1px solid #e8e0d8;
  padding: 10px 8px;
  text-align: left;
  vertical-align: middle;
}
.lr-table thead th {
  background: #f9f5f0;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.lr-col-pos { width: 60px; }
.lr-col-hot,
.lr-col-warm,
.lr-col-cold { width: auto; }

.lr-pos-name {
  text-align: center;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}

.lr-num {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  position: relative;
  margin: 2px 3px;
  vertical-align: middle;
  background-image: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527");
  background-repeat: no-repeat;
}
.lr-num i { display: none; }

.lr-num.numsm01 { background-position: -246px -284px; }
.lr-num.numsm02 { background-position: -42px -284px; }
.lr-num.numsm03 { background-position: -83px -284px; }
.lr-num.numsm04 { background-position: -123px -284px; }
.lr-num.numsm05 { background-position: -286px -284px; }
.lr-num.numsm06 { background-position: -1px -284px; }
.lr-num.numsm07 { background-position: -205px -284px; }
.lr-num.numsm08 { background-position: -164px -284px; }
.lr-num.numsm09 { background-position: -327px -284px; }
.lr-num.numsm10 { background-position: -368px -284px; }

.lr-count {
  position: absolute;
  top: -6px;
  right: -6px;
  font-size: 11px;
  font-weight: bold;
  color: #e84c3d;
  font-style: normal;
  line-height: 1;
}

/* 冷热分析移动端适配 */
@media (max-width: 768px) {
  .lengre-panel { padding: 10px; }
  .lr-header { font-size: 14px; margin-bottom: 8px; }
  .lr-check-label { font-size: 12px; }
  .lr-desc { font-size: 11px; margin-bottom: 10px; }
  .lr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .lr-table { min-width: 500px; }
  .lr-table th,
  .lr-table td { padding: 8px 5px; }
  .lr-table thead th { font-size: 12px; }
  .lr-pos-name { font-size: 11px; }
  .lr-num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 1px 2px;
    background-size: 351px 345px;
  }
  .lr-num.numsm01 { background-position: -184.5px -213px; }
  .lr-num.numsm02 { background-position: -31.5px -213px; }
  .lr-num.numsm03 { background-position: -62.25px -213px; }
  .lr-num.numsm04 { background-position: -92.25px -213px; }
  .lr-num.numsm05 { background-position: -214.5px -213px; }
  .lr-num.numsm06 { background-position: -0.75px -213px; }
  .lr-num.numsm07 { background-position: -153.75px -213px; }
  .lr-num.numsm08 { background-position: -123px -213px; }
  .lr-num.numsm09 { background-position: -245.25px -213px; }
  .lr-num.numsm10 { background-position: -276px -213px; }
  .lr-count { font-size: 10px; top: -5px; right: -5px; }
}

@media (max-width: 480px) {
  .lr-num {
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 1px 1px;
    background-size: 321.75px 316.25px;
  }
  .lr-num.numsm01 { background-position: -169.13px -195.25px; }
  .lr-num.numsm02 { background-position: -28.88px -195.25px; }
  .lr-num.numsm03 { background-position: -57.06px -195.25px; }
  .lr-num.numsm04 { background-position: -84.56px -195.25px; }
  .lr-num.numsm05 { background-position: -196.63px -195.25px; }
  .lr-num.numsm06 { background-position: -0.69px -195.25px; }
  .lr-num.numsm07 { background-position: -140.94px -195.25px; }
  .lr-num.numsm08 { background-position: -112.75px -195.25px; }
  .lr-num.numsm09 { background-position: -224.81px -195.25px; }
  .lr-num.numsm10 { background-position: -253px -195.25px; }
  .lr-count { font-size: 9px; top: -4px; right: -4px; }
  .lr-col-pos { width: 45px; }
  .lr-table { min-width: 420px; }
}

/* ═══════════ 冠亚和走势面板 ═══════════ */
.gyh-trend-panel {
  background: #fff;
  padding: 16px;
}
.gyh-trend-panel.hidden { display: none; }

.gyh-header {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 12px;
}

.gyh-time-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.gyh-time-btn {
  padding: 5px 14px;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #555;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  transition: all .2s;
}
.gyh-time-btn.active {
  background: #e87c2a;
  color: #fff;
  border-color: #e87c2a;
}
.gyh-time-btn:hover:not(.active) { background: #f5f5f5; }
.gyh-date-pick {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #666;
}
.gyh-date-pick label { white-space: nowrap; }
.gyh-date-input {
  padding: 4px 6px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  font-size: 12px;
}

.gyh-mark-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.gyh-mark-label {
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.gyh-chk-label {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  color: #555;
  cursor: pointer;
  user-select: none;
}
.gyh-chk-label input[type="checkbox"] {
  width: 14px;
  height: 14px;
  accent-color: #e87c2a;
  cursor: pointer;
  margin: 0;
}

.gyh-table-wrap {
  overflow: visible;
}
.gyh-scroll-area {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.gyh-table-rel {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.gyh-table {
  border-collapse: collapse;
  font-size: 12px;
  white-space: nowrap;
  width: auto;
  min-width: 100%;
}
.gyh-table th,
.gyh-table td {
  border: 1px solid #e8e0d8;
  padding: 4px 3px;
  text-align: center;
  vertical-align: middle;
}
.gyh-table thead th {
  background: #f9f5f0;
  color: #666;
  font-weight: bold;
  font-size: 12px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.gyh-col-issue { min-width: 64px; }
.gyh-col-time { min-width: 60px; }
.gyh-col-nums { min-width: 200px; }
.gyh-col-sum { min-width: 44px; font-weight: bold; }
.gyh-col-val { width: 32px; min-width: 32px; }

.gyh-td-issue { font-size: 12px; color: #333; }
.gyh-td-time { font-size: 11px; color: #999; }
.gyh-td-nums { text-align: left; padding-left: 6px !important; }
.gyh-td-sum { font-weight: bold; color: #e84c3d; font-size: 13px; }

.gyh-ball {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  margin-right: 1px;
  vertical-align: middle;
  background-image: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527");
  background-repeat: no-repeat;
  background-size: 292.5px 287.5px;
}
.gyh-ball i { display: none; }
.gyh-ball.numsm01 { background-position: -153.75px -177.5px; }
.gyh-ball.numsm02 { background-position: -26.25px -177.5px; }
.gyh-ball.numsm03 { background-position: -51.88px -177.5px; }
.gyh-ball.numsm04 { background-position: -76.88px -177.5px; }
.gyh-ball.numsm05 { background-position: -178.75px -177.5px; }
.gyh-ball.numsm06 { background-position: -0.63px -177.5px; }
.gyh-ball.numsm07 { background-position: -128.13px -177.5px; }
.gyh-ball.numsm08 { background-position: -102.5px -177.5px; }
.gyh-ball.numsm09 { background-position: -204.38px -177.5px; }
.gyh-ball.numsm10 { background-position: -230px -177.5px; }

.gyh-val-cell {
  height: 32px;
}
.gyh-hit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #5cb3e6;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.gyh-miss {
  color: #ccc;
  font-size: 11px;
}

.gyh-sep td {
  border-bottom: 2px solid #aaa !important;
}

.gyh-shade-mid { background-color: #e8f4fd; }
.gyh-shade-high { background-color: #fef3e8; }

.gyh-svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.gyh-table tfoot td {
  background: #f9f9f9;
  font-size: 12px;
  color: #555;
}
.gyh-stat-header td {
  background: #f0ebe5 !important;
  font-weight: bold;
  color: #333 !important;
}
.gyh-stat-row td:first-child {
  text-align: left;
  padding-left: 8px !important;
  font-weight: bold;
}

/* 冠亚和走势移动端适配 */
@media (max-width: 768px) {
  .gyh-trend-panel { padding: 10px; }
  .gyh-header { font-size: 14px; margin-bottom: 8px; }
  .gyh-time-bar { gap: 4px; }
  .gyh-time-btn { padding: 4px 10px; font-size: 11px; }
  .gyh-mark-bar { gap: 8px; }
  .gyh-mark-label { font-size: 11px; }
  .gyh-chk-label { font-size: 11px; gap: 2px; }
  .gyh-chk-label input[type="checkbox"] { width: 13px; height: 13px; }
  .gyh-ball {
    width: 16px; height: 16px; line-height: 16px;
    background-size: 234px 230px;
  }
  .gyh-ball.numsm01 { background-position: -123px -142px; }
  .gyh-ball.numsm02 { background-position: -21px -142px; }
  .gyh-ball.numsm03 { background-position: -41.5px -142px; }
  .gyh-ball.numsm04 { background-position: -61.5px -142px; }
  .gyh-ball.numsm05 { background-position: -143px -142px; }
  .gyh-ball.numsm06 { background-position: -0.5px -142px; }
  .gyh-ball.numsm07 { background-position: -102.5px -142px; }
  .gyh-ball.numsm08 { background-position: -82px -142px; }
  .gyh-ball.numsm09 { background-position: -163.5px -142px; }
  .gyh-ball.numsm10 { background-position: -184px -142px; }
  .gyh-col-nums { min-width: 160px; }
  .gyh-hit { width: 22px; height: 22px; font-size: 11px; }
  .gyh-col-val { width: 28px; min-width: 28px; }
}

@media (max-width: 480px) {
  .gyh-time-bar { gap: 3px; }
  .gyh-time-btn { padding: 3px 8px; font-size: 10px; }
  .gyh-col-nums { min-width: 130px; }
  .gyh-ball {
    width: 14px; height: 14px; line-height: 14px;
    background-size: 204.75px 201.25px;
  }
  .gyh-ball.numsm01 { background-position: -107.63px -124.25px; }
  .gyh-ball.numsm02 { background-position: -18.38px -124.25px; }
  .gyh-ball.numsm03 { background-position: -36.31px -124.25px; }
  .gyh-ball.numsm04 { background-position: -53.81px -124.25px; }
  .gyh-ball.numsm05 { background-position: -125.13px -124.25px; }
  .gyh-ball.numsm06 { background-position: -0.44px -124.25px; }
  .gyh-ball.numsm07 { background-position: -89.69px -124.25px; }
  .gyh-ball.numsm08 { background-position: -71.75px -124.25px; }
  .gyh-ball.numsm09 { background-position: -143.06px -124.25px; }
  .gyh-ball.numsm10 { background-position: -161px -124.25px; }
  .gyh-hit { width: 20px; height: 20px; font-size: 10px; }
  .gyh-col-val { width: 24px; min-width: 24px; }
}

/* ═══════════ 四面板共用基础样式 ═══════════ */
.dsdx-panel, .lhtj-panel, .clstat-panel, .lhlz-panel {
  background: #fff; border: 1px solid #e0e0e0; border-radius: 4px;
  padding: 12px; margin-top: 10px;
}
.sp-header {
  font-size: 16px; font-weight: bold; color: #333;
  padding: 6px 0 10px; border-bottom: 2px solid #fa8e19;
  margin-bottom: 10px;
}
.sp-desc {
  font-size: 12px; color: #888; line-height: 1.6; margin-bottom: 10px;
}
.sp-desc-tag {
  color: #fa8e19; font-weight: bold; margin-right: 4px;
}
.sp-loading, .sp-empty, .sp-error {
  text-align: center; padding: 30px 0; color: #999; font-size: 14px;
}
.sp-error { color: #e44; }
.sp-scroll {
  overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.sp-table {
  width: 100%; border-collapse: collapse; font-size: 13px; white-space: nowrap;
}
.sp-table th, .sp-table td {
  border: 1px solid #e0e0e0; padding: 6px 8px; text-align: center;
}
.sp-table thead th {
  background: #f7f7f7; font-weight: bold; color: #555; position: sticky; top: 0;
}
.sp-col-date { min-width: 90px; }
.sp-td-date { color: #333; font-weight: bold; }

/* ═══════════ 长龙统计 Tab 样式 ═══════════ */
.cl-tabs {
  display: flex; gap: 0; margin-bottom: 10px;
}
.cl-tab-btn {
  flex: 1; padding: 7px 0; border: 1px solid #ddd; background: #f7f7f7;
  color: #555; font-size: 13px; cursor: pointer; transition: all .2s;
}
.cl-tab-btn:first-child { border-radius: 4px 0 0 4px; }
.cl-tab-btn:last-child { border-radius: 0 4px 4px 0; }
.cl-tab-btn + .cl-tab-btn { border-left: none; }
.cl-tab-btn.active {
  background: #fa8e19; color: #fff; border-color: #fa8e19;
}
.cl-pos-bar {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px;
}
.cl-pos-label {
  font-size: 12px; color: #888; margin-right: 2px;
}
.cl-pos-btn {
  padding: 4px 10px; border: 1px solid #ddd; border-radius: 3px;
  background: #fff; color: #555; font-size: 12px; cursor: pointer; transition: all .2s;
}
.cl-pos-btn.active {
  background: #fa8e19; color: #fff; border-color: #fa8e19;
}

/* ═══════════ 龙虎路珠 样式 ═══════════ */
.lhlz-time-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap;
}
.lhlz-time-btn {
  padding: 5px 14px; border: 1px solid #ddd; border-radius: 3px;
  background: #f7f7f7; color: #555; font-size: 13px; cursor: pointer; transition: all .2s;
}
.lhlz-time-btn.active {
  background: #fa8e19; color: #fff; border-color: #fa8e19;
}
.lhlz-date-pick {
  display: flex; align-items: center; gap: 4px; font-size: 13px; color: #666;
}
.lhlz-date-input {
  border: 1px solid #ddd; border-radius: 3px; padding: 4px 6px; font-size: 13px;
}
.lhlz-pos-bar {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px;
}
.lhlz-pos-label { font-size: 12px; color: #888; }
.lhlz-chk-label {
  display: inline-flex; align-items: center; gap: 3px; font-size: 13px; color: #555; cursor: pointer;
}
.lhlz-chk-label input { margin: 0; }
.lhlz-sel-all, .lhlz-sel-clear {
  font-size: 12px; color: #fa8e19; cursor: pointer; margin-left: 4px;
}

.lz-table {
  width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap;
}
.lz-table th, .lz-table td {
  border: 1px solid #e0e0e0; padding: 3px; text-align: center;
}
.lz-table thead th {
  background: #f7f7f7; font-weight: bold; color: #666; position: sticky; top: 0;
  font-size: 11px; min-width: 32px;
}
.lz-th-label, .lz-td-label {
  position: sticky; left: 0; z-index: 2; background: #f7f7f7;
  min-width: 55px; font-weight: bold; color: #333;
}
.lz-td-label { background: #fff; }
.lz-cell {
  display: inline-block; width: 22px; height: 22px; line-height: 22px;
  border-radius: 3px; font-size: 11px; font-weight: bold; color: #fff; text-align: center;
}
.lz-red { background: #e44; }
.lz-blue { background: #39f; }
.lz-gray { background: #ccc; }

/* ═══════════ Mobile Adaptations for 4 panels ═══════════ */
@media (max-width: 768px) {
  .dsdx-panel, .lhtj-panel, .clstat-panel, .lhlz-panel {
    padding: 8px; margin-top: 6px;
  }
  .sp-header { font-size: 14px; padding: 4px 0 8px; }
  .sp-table { font-size: 11px; }
  .sp-table th, .sp-table td { padding: 4px 5px; }
  .sp-col-date { min-width: 70px; }

  .cl-tabs { flex-wrap: wrap; }
  .cl-tab-btn { padding: 5px 0; font-size: 12px; flex: none; width: calc(33.33% - 1px); }
  .cl-tab-btn:first-child { border-radius: 4px 0 0 0; }
  .cl-tab-btn:nth-child(3) { border-radius: 0 4px 0 0; }
  .cl-tab-btn:nth-child(4) { border-radius: 0 0 0 4px; border-left: 1px solid #ddd; border-top: none; }
  .cl-tab-btn:last-child { border-radius: 0 0 4px 0; }
  .cl-tab-btn:nth-child(n+4) { border-top: none; }

  .cl-pos-bar { gap: 4px; }
  .cl-pos-btn { padding: 3px 7px; font-size: 11px; }

  .lhlz-time-bar { gap: 5px; }
  .lhlz-time-btn { padding: 4px 10px; font-size: 12px; }
  .lhlz-pos-bar { gap: 5px; }
  .lhlz-chk-label { font-size: 12px; }

  .lz-table { font-size: 11px; }
  .lz-cell { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
  .lz-table thead th { min-width: 28px; font-size: 10px; }
  .lz-th-label, .lz-td-label { min-width: 45px; font-size: 11px; }
}

/* ═══════════ 9 Extra Panels — Base ═══════════ */
.nba-panel, .gyhlz-panel, .dsdxlz-panel,
.numpattern-panel, .todaystat-panel,
.postrend-panel, .numtrend-panel,
.twosides-panel, .gyhts-panel {
  background: #fff; border: 1px solid #e0e0e0; border-radius: 4px;
  padding: 12px; margin-top: 10px;
}

/* F1/F2/F3 time bars reuse lhlz pattern */
.nba-time-bar, .gyhlz-time-bar, .dsdxlz-time-bar,
.numpat-time-bar, .ptrd-time-bar, .ntrd-time-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap;
}
.nba-time-btn, .gyhlz-time-btn, .dsdxlz-time-btn,
.numpat-time-btn, .ptrd-time-btn, .ntrd-time-btn {
  padding: 5px 14px; border: 1px solid #ddd; border-radius: 3px;
  background: #f7f7f7; color: #555; font-size: 13px; cursor: pointer; transition: all .2s;
}
.nba-time-btn.active, .gyhlz-time-btn.active, .dsdxlz-time-btn.active,
.numpat-time-btn.active, .ptrd-time-btn.active, .ntrd-time-btn.active {
  background: #fa8e19; color: #fff; border-color: #fa8e19;
}
.nba-date-pick, .gyhlz-date-pick, .dsdxlz-date-pick,
.numpat-date-pick, .ptrd-date-pick, .ntrd-date-pick {
  display: flex; align-items: center; gap: 4px; font-size: 13px; color: #666;
}
.nba-date-input, .gyhlz-date-input, .dsdxlz-date-input,
.numpat-date-input, .ptrd-date-input, .ntrd-date-input {
  border: 1px solid #ddd; border-radius: 3px; padding: 4px 6px; font-size: 13px;
}
.nba-pos-bar {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px;
}
.nba-pos-label { font-size: 12px; color: #888; }

.dsdxlz-type-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
.dsdxlz-type-btn { min-width: 60px; border-radius: 4px; }

/* F1: position-colored road bead cells */
.lz-pos-0 { background: #e44; }
.lz-pos-1 { background: #fa8e19; }
.lz-pos-2 { background: #2ca02c; }
.lz-pos-3 { background: #39f; }
.lz-pos-4 { background: #9467bd; }
.lz-pos-5 { background: #8c564b; }
.lz-pos-6 { background: #e377c2; }
.lz-pos-7 { background: #7f7f7f; }
.lz-pos-8 { background: #bcbd22; }
.lz-pos-9 { background: #17becf; }

/* F5: 今日号码统计 */
.ts-param-bar {
  display: flex; align-items: center; gap: 6px; margin-bottom: 12px;
  font-size: 13px; color: #555; flex-wrap: wrap;
}
.ts-input {
  width: 50px; border: 1px solid #ddd; border-radius: 3px; padding: 3px 6px;
  font-size: 13px; text-align: center;
}
.ts-color-box {
  display: inline-block; width: 16px; height: 16px; background: #e44; border-radius: 2px; vertical-align: middle;
}
.ts-confirm-btn {
  padding: 4px 16px; border: none; border-radius: 3px;
  background: #2ca02c; color: #fff; font-size: 13px; cursor: pointer;
}
.ts-table { table-layout: auto; }
.ts-num-col { min-width: 50px; }
.ts-num-cell { text-align: center; }
.ts-num {
  display: inline-block; width: 28px; height: 28px;
  background-image: url("https://205kai.com/img/icon/bjpknum2.png?v=2019481527");
  background-repeat: no-repeat; background-size: 409.5px 402.5px;
  font-size: 0; line-height: 0; overflow: hidden; vertical-align: middle;
}
.ts-num i { display: none; }
.ts-num.numsm01 { background-position: -215.25px -248.5px; }
.ts-num.numsm02 { background-position: -36.75px -248.5px; }
.ts-num.numsm03 { background-position: -72.63px -248.5px; }
.ts-num.numsm04 { background-position: -107.63px -248.5px; }
.ts-num.numsm05 { background-position: -250.25px -248.5px; }
.ts-num.numsm06 { background-position: -0.88px -248.5px; }
.ts-num.numsm07 { background-position: -179.38px -248.5px; }
.ts-num.numsm08 { background-position: -143.5px -248.5px; }
.ts-num.numsm09 { background-position: -286.13px -248.5px; }
.ts-num.numsm10 { background-position: -322px -248.5px; }
.ts-highlight { background: #e44 !important; color: #fff !important; font-weight: bold; }

/* F4: 号码规律统计 — 柱状图 */
.np-chart-wrap { margin-bottom: 15px; }
.np-chart {
  display: flex; padding: 10px 0 0;
}
.np-yaxis {
  display: flex; flex-direction: column; justify-content: space-between;
  width: 30px; text-align: right; padding-right: 6px; box-sizing: border-box;
}
.np-yaxis-tick { font-size: 11px; color: #999; line-height: 1; }
.np-chart-body {
  flex: 1; position: relative; display: flex; align-items: flex-end;
  justify-content: space-around; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
.np-gridline {
  position: absolute; left: 0; right: 0; border-top: 1px dashed #e5e5e5;
  pointer-events: none;
}
.np-bar-col {
  display: flex; flex-direction: column; align-items: center; flex: 1;
  position: relative; z-index: 1; cursor: pointer;
}
.np-bar-val { font-size: 12px; color: #555; margin-bottom: 4px; }
.np-bar {
  width: 30px; min-height: 2px; background: #fa8e19; border-radius: 2px 2px 0 0;
  transition: height .3s;
}
.np-bar-label { font-size: 11px; color: #888; margin-top: 6px; }
.np-table { table-layout: auto; }
.np-show-chk { font-size: 12px; color: #555; margin-left: 8px; cursor: pointer; }
.np-show-chk input { margin-right: 3px; }
.np-hit {
  display: inline-block; width: 24px; height: 24px; line-height: 24px;
  border-radius: 4px; color: #fff; text-align: center; font-size: 12px; font-weight: bold;
}
.np-hit-1 { background: #f4c600; }
.np-hit-2 { background: #2a6edb; }
.np-hit-3 { background: #4a4a4a; }
.np-hit-4 { background: #ff8800; }
.np-hit-5 { background: #00b7c3; }
.np-hit-6 { background: #8b2fc9; }
.np-hit-7 { background: #b0b0b0; }
.np-hit-8 { background: #e22; }
.np-hit-9 { background: #8b4513; }
.np-hit-10 { background: #2ca02c; }
.np-rise { color: #e44; font-weight: bold; }
.np-fall { color: #39f; font-weight: bold; }
.np-odd { color: #fa8e19; }
.np-even { color: #39f; }
.np-big { color: #fa8e19; }
.np-small-tag { color: #39f; }

/* F6: 位置走势 */
.ptrd-col-issue { min-width: 60px; }
.ptrd-col-nums { min-width: 200px; white-space: nowrap; }
.ptrd-nums { white-space: nowrap; }
.ptrd-dist-col { min-width: 30px; }
.ptrd-hit {
  display: inline-block; width: 24px; height: 24px; line-height: 24px;
  border-radius: 50%; background: #fa8e19; color: #fff;
  text-align: center; font-size: 12px; font-weight: bold;
}
.ptrd-miss { color: #ccc; font-size: 12px; }
.ptrd-orange { background: #fa8e19; color: #fff; }
.ptrd-blue { background: #5cb3e6; color: #fff; }
.ptrd-green { background: #2ca02c; color: #fff; }

/* Mark bar */
.ptrd-mark-bar, .ntrd-mark-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap;
}
.ptrd-mark-label, .ntrd-mark-label { font-size: 12px; color: #888; }
.ptrd-chk-label, .ntrd-chk-label {
  display: inline-flex; align-items: center; gap: 3px; font-size: 13px; color: #555; cursor: pointer;
}
.ptrd-chk-label input, .ntrd-chk-label input { margin: 0; }

/* F7: 号码走势 */
.ntrd-col-issue { min-width: 60px; }
.ntrd-col-nums { min-width: 200px; white-space: nowrap; }
.ntrd-nums { white-space: nowrap; }
.ntrd-dist-col { min-width: 28px; font-size: 11px; }
.ntrd-pos-header { border-bottom: 2px solid #ddd; }
.ntrd-hit {
  display: inline-block; width: 22px; height: 22px; line-height: 22px;
  border-radius: 50%; color: #fff; text-align: center;
  font-size: 11px; font-weight: bold;
}
.ntrd-hit-pos-0 { background: #e44; }
.ntrd-hit-pos-1 { background: #fa8e19; }
.ntrd-hit-pos-2 { background: #2ca02c; }
.ntrd-hit-pos-3 { background: #39f; }
.ntrd-hit-pos-4 { background: #9467bd; }
.ntrd-hit-pos-5 { background: #8c564b; }
.ntrd-hit-pos-6 { background: #e377c2; }
.ntrd-hit-pos-7 { background: #7f7f7f; }
.ntrd-hit-pos-8 { background: #bcbd22; }
.ntrd-hit-pos-9 { background: #17becf; }
.ntrd-miss { color: #ccc; font-size: 11px; }
.ntrd-table { font-size: 11px; }
.ntrd-table th, .ntrd-table td { padding: 3px 4px; }

/* ═══════════ Mobile — 9 Extra Panels ═══════════ */
@media (max-width: 768px) {
  .nba-panel, .gyhlz-panel, .dsdxlz-panel,
  .numpattern-panel, .todaystat-panel,
  .postrend-panel, .numtrend-panel,
  .twosides-panel, .gyhts-panel {
    padding: 8px; margin-top: 6px;
  }
  .nba-time-bar, .gyhlz-time-bar, .dsdxlz-time-bar,
  .numpat-time-bar, .ptrd-time-bar, .ntrd-time-bar { gap: 5px; }
  .nba-time-btn, .gyhlz-time-btn, .dsdxlz-time-btn,
  .numpat-time-btn, .ptrd-time-btn, .ntrd-time-btn { padding: 4px 10px; font-size: 12px; }

  .np-yaxis { width: 24px; padding-right: 4px; }
  .np-yaxis-tick { font-size: 10px; }
  .np-bar { width: 22px; }
  .np-bar-label { font-size: 10px; }
  .np-bar-val { font-size: 10px; }

  .ts-param-bar { font-size: 12px; }
  .ts-input { width: 40px; font-size: 12px; }

  .ptrd-col-nums, .ntrd-col-nums { min-width: 120px; }
  .ptrd-hit { width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
  .ntrd-hit { width: 18px; height: 18px; line-height: 18px; font-size: 9px; }
  .ntrd-dist-col { min-width: 22px; font-size: 10px; }
  .ntrd-table th, .ntrd-table td { padding: 2px 3px; }
}