/* 20260822-trend-charts-nav-boundary-r458j */
@media (min-width: 1021px) {
  .pc8473-trend-site .pc8473-nav {
    background: #ff7b00 !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button.active {
    background: #eb7100 !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button:hover {
    background: #fa8e19 !important;
  }
}

/* 20260822-homepage-recommend-1021-1023-r476b
 * Keep the source 320px recommendation layer and hover rail at the desktop
 * boundary without changing other homepage consumers. */
@media (min-width: 1021px) and (max-width: 1023px) {
  .pc8473-home-main .pc8473-recommend {
    height: 400px !important;
    min-height: 400px !important;
    padding: 10px 0 0 !important;
    overflow: visible !important;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded {
    height: 400px !important;
    min-height: 400px !important;
  }
  .pc8473-home-main .pc8473-recommend h2 {
    box-sizing: content-box !important;
    width: 87% !important;
    margin: 0 20px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #ebebeb !important;
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    text-align: center !important;
  }
  .pc8473-home-main .pc8473-recommend small {
    width: 128px !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 45px !important;
    left: 81px !important;
    display: block !important;
    box-sizing: content-box !important;
    padding: 0 15px !important;
    color: #999 !important;
    background: #fff !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .pc8473-home-main .pc8473-recommend small::before,
  .pc8473-home-main .pc8473-recommend small::after {
    content: none !important;
  }
  .pc8473-home-main .pc8473-rec-grid {
    width: 320px !important;
    height: 329px !important;
    position: absolute !important;
    top: 71px !important;
    left: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 92px) !important;
    grid-auto-rows: 95px !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    margin: 0 !important;
    padding-left: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: height 0.5s !important;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-grid {
    height: 415px !important;
  }
  .pc8473-home-main .pc8473-rec-item {
    width: 92px !important;
    height: 95px !important;
    display: block !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: center !important;
  }
  .pc8473-home-main .pc8473-rec-item:last-child {
    width: 92px !important;
  }
  .pc8473-home-main .pc8473-rec-icon-link {
    width: 52px !important;
    height: 72px !important;
    display: inline-block !important;
    color: #333 !important;
    text-decoration: none !important;
    vertical-align: baseline !important;
  }
  .pc8473-home-main .pc8473-rec-icon {
    width: 52px !important;
    height: 52px !important;
    display: block !important;
    margin: 10px auto !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: contain !important;
  }
  .pc8473-home-main .pc8473-rec-label {
    height: 14px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    vertical-align: baseline !important;
    white-space: nowrap !important;
  }
  .pc8473-home-main .pc8473-rec-label:hover,
  .pc8473-home-main .pc8473-rec-label:focus-visible {
    color: #fa8e19 !important;
  }
  .pc8473-home-main .pc8473-rec-more-rail {
    width: 320px !important;
    height: 35px !important;
    position: absolute !important;
    z-index: 2 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: translateY(0) !important;
    transition: transform 0.5s !important;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAjCAYAAADlh9PqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAt0lEQVR42u3bSw0DMAxEwVQyf2Sl1LgwcngzCHxarfP57O73AATNOft6BoAnZuUfEDVHAgJRs1ZgIEoDBLKcAQJZsxIQiPIMBsjSAIEsAQhkzdn7egaAJzRAIEsAAlkCEMgSgECWSxAgSwMEsgQgkDVrBQaiZq8GCDRZgYEsKzCQpQECWQIQyJr7+72eAeCJuVcAAk0aIJClAQJZswIQiLICA1lzr4fQQNOsAASi5voKB0RpgEDWH/M2XtAw6Ou0AAAAAElFTkSuQmCC") 0 0 no-repeat !important;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-more-rail {
    transform: translateY(86px) !important;
  }
/* Homepage recommendation measured logo and arrow assets r473. */
  .pc8473-home-main .pc8473-rec-more {
    position: static !important;
    width: 35px !important;
    height: 35px !important;
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    appearance: none !important;
    background: url("./assets/pc8473-original-icons/bjpknum3-live-r475.png") -341px -424px no-repeat !important;
    font-size: 0 !important;
    line-height: 35px !important;
    transform: none !important;
    cursor: pointer !important;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-more {
    transform: rotateX(180deg) !important;
  }}


/* Long Dragon selected checkbox, label hover, and threshold surface exact-1020 specificity parity r472d.
 * Measured from the live 1689567 Long Dragon entry at 1710x838 CSS px, DPR 2,
 * 100% zoom. Scoped to the desktop Long Dragon route only. */
@media (min-width: 1021px) {
  body.pc8473-long-dragon-open.desktop-detail-open #desktopDetail .pc8473-dragon-toolbar {
    background: #f0f0f0 !important;
  }

  body.pc8473-long-dragon-open.desktop-detail-open #desktopDetail .pc8473-dragon-side label:hover {
    color: #e67800 !important;
    cursor: pointer !important;
  }

  body.pc8473-long-dragon-open.desktop-detail-open #desktopDetail .pc8473-dragon-side label:hover input {
    cursor: pointer !important;
  }

  body.pc8473-long-dragon-open.desktop-detail-open #desktopDetail
    .pc8473-dragon-side
    label:hover
    input:not(:checked) {
    border-color: #e67800 !important;
  }

  body.pc8473-long-dragon-open.desktop-detail-open #desktopDetail .pc8473-dragon-side input:checked {
    border: 1px solid #fa8e19 !important;
  }
}


/* Long Dragon threshold select cross-browser top-level surface parity r472b.
 * The source renders a square 50x20 control with one downward chevron. Keeping
 * the native select behavior while fixing its painted surface prevents macOS
 * browser themes from substituting a rounded two-chevron control. */
@media (min-width: 1021px) {
  body.pc8473-long-dragon-open #desktopDetail
    .pc8473-dragon-toolbar
    select[data-pc-dragon-count] {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: 50px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 17px 0 4px !important;
    border: 1px solid #767676 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%23111' stroke-width='1.2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 5px center !important;
    background-size: 8px 5px !important;
    color: #000 !important;
    font: 13.3333px Arial, sans-serif !important;
    line-height: normal !important;
    cursor: default !important;
  }
}

/* Long Dragon top-level 1021-1023 fixed-canvas lock r465. */
@media (min-width: 1021px) and (max-width: 1023px) {
  /* Long Dragon standalone source parity r454. */
  .pc8473-dragon-site .pc8473-nav {
    position: static;
    top: auto;
  }
  
  .pc8473-dragon-side h2 {
    cursor: pointer;
  }
  
  .pc8473-dragon-side section.collapsed label {
    display: none;
  }
  
  .pc8473-dragon-side section.collapsed h2 span {
    transform: rotate(180deg);
  }
  
  .pc8473-dragon-side > div button:hover,
  .pc8473-dragon-side label:hover {
    color: #e67800;
  }
  
  .pc8473-dragon-toolbar button:not(.active):hover {
    color: #fff;
    background: #e67800;
  }
  
  .pc8473-dragon-table button:hover {
    color: #e67800;
  }
  
  
  
  
  /* Long Dragon <=1020 source hover precedence r454. */
  @media (max-width: 1020px) {
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side > div button:hover,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side label:hover,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button:hover {
      color: #e67800 !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button:not(.active):hover {
      color: #fff !important;
      background: #e67800 !important;
    }
  }
  
  /* Long Dragon all-width source typography and table lock r456. */
  body.pc8473-long-dragon-open #desktopDetail .pc8473-site,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-site button,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-site input,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-site select {
    font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif !important;
    -webkit-font-smoothing: auto !important;
    text-rendering: auto !important;
  }
  
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table {
    table-layout: fixed !important;
  }
  
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td {
    font-weight: 400 !important;
  }
  
  

  /* Long Dragon dual-buffer pixel lock r462. */
  @media (min-width: 1021px) {
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-page .pc8473-page-title {
      display: block !important;
      padding: 0 !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-page-title h1 {
      box-sizing: border-box !important;
      width: 100% !important;
      height: 50px !important;
      padding-left: 30px !important;
      line-height: 50px !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button {
      box-sizing: content-box !important;
      cursor: auto !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button:hover {
      color: #e67800 !important;
      background: #fff !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span:first-of-type {
      left: 704.25px !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar select {
      top: 16px !important;
      left: 750.625px !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span:last-child {
      left: 800.625px !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table tr,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table th,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
      line-height: 14px !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table th,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td,
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
      box-sizing: content-box !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
      min-height: 0 !important;
      height: 14px !important;
    }
  }
  
  

  /* Long Dragon final filter and sidebar pixel lock r463. */
  @media (min-width: 1021px) {
    body.pc8473-long-dragon-open #desktopDetail .pc8473-page-title h1 {
      color: #333 !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side section {
      border-bottom: 0 !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side h2 {
      padding: 0 0 0 20px !important;
      color: #000 !important;
      background: #f0f0f0 !important;
      line-height: 50px !important;
      cursor: auto !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side label {
      color: #333 !important;
      cursor: auto !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side input {
      cursor: auto !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail
      .pc8473-dragon-side
      section[data-pc-dragon-section="fast"]
      label:last-child {
      margin-bottom: 0 !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span {
      color: #000 !important;
      font: 14px/50px Tahoma, "Microsoft YaHei", "\\5FAE软雅黑", sans-serif !important;
    }
  
    body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar select {
      color: #000 !important;
      font: 13.3333px Arial, sans-serif !important;
    }
  }
}


/* SSC r103 exact inner-page corrections measured from 1689567 */
.pc8473-ssc-exact-page{padding:0;background:#fff}
.pc8473-ssc-exact-head{box-sizing:border-box;height:42px;min-height:42px;justify-content:flex-start;padding:0 20px;border-bottom:2px solid #e7e7e7}
.pc8473-ssc-exact-head h2{font-size:18px;font-weight:800;line-height:42px}
.pc8473-ssc-exact-head .pc8473-ssc-date-toolbar{margin-left:auto}
.pc8473-ssc-head-tools{display:flex;align-items:center;gap:24px;margin-left:22px}
.pc8473-ssc-head-tools button{height:32px;padding:0 14px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#555;font-size:14px}
.pc8473-ssc-date-toolbar{height:42px;justify-content:flex-end}
.pc8473-ssc-date-toolbar>div{display:flex;align-items:center}
.pc8473-ssc-date-toolbar button{height:28px;border:0;padding:0 10px;background:#fff}
.pc8473-ssc-date-toolbar button.active{border-radius:4px;background:#fa8e19;color:#fff}
.pc8473-ssc-composite-content{box-sizing:border-box;width:1200px;padding:20px}
.pc8473-ssc-composite-table{width:1160px;min-width:1160px;margin:0;border-collapse:separate;border-spacing:1px;background:#d4d4d4;table-layout:fixed}
.pc8473-ssc-composite-table .head-row th{height:42px;padding:0 16px;background:#e7e7e7;color:#555;font-size:16px;font-weight:400}
.pc8473-ssc-composite-table td{height:40px;padding:0 10px;border:0;background:#fff;color:#333;font-size:14px}
.pc8473-ssc-composite-table tr:nth-child(odd):not(.head-row) td{background:#ededed}
.pc8473-ssc-composite-table tr:not(.head-row) td:first-child{width:104px}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(2){width:376px}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(3){width:35px}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(4),.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(5){width:36px}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(6){width:49px;border-right:1px solid #b9b9b9}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(n+7):nth-child(-n+16){width:36px;font-size:16px}
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(n+17){width:48px;font-size:16px}
.pc8473-ssc-composite-table .neutral{color:#555}
.pc8473-ssc-number-balls{gap:2px}
.pc8473-ssc-number-balls i{box-sizing:border-box;width:36px;height:36px;border:1px solid #55bff0;border-radius:50%;background:#f8fbfc;color:#14313f;font-size:20px;line-height:36px}
.pc8473-ssc-road-modebar{box-sizing:border-box;height:46px;min-height:46px;padding:0;border-bottom:1px solid #e5e5e5}
.pc8473-ssc-road-modebar nav{height:46px}
.pc8473-ssc-road-modebar nav button{box-sizing:border-box;width:160px;height:45px;border:0;border-right:1px solid #e5e5e5;border-radius:0;font-size:16px}
.pc8473-ssc-road-modebar nav button.active{position:relative;top:-5px;height:50px;background:#313242}
.pc8473-ssc-road-modebar .pc8473-ssc-date-toolbar{margin-right:20px}
.pc8473-ssc-road-filter{display:block;padding:12px 20px 2px;border-bottom:0}
.pc8473-ssc-road-filter>div{display:flex;height:35px;align-items:center;gap:18px}
.pc8473-ssc-road-filter>div>span{color:#999}
.pc8473-ssc-road-filter button{position:relative;height:25px;padding:0 0 0 24px;border:0;background:none;color:#333}
.pc8473-ssc-road-filter button i{position:absolute;left:0;top:5px;box-sizing:border-box;width:14px;height:14px;border:1px solid #ccc}
.pc8473-ssc-road-filter button.selected i{border-color:#fa8e19;background:#fa8e19}
.pc8473-ssc-road-filter button.selected i:after{content:"✓";position:absolute;left:1px;top:-4px;color:#fff;font-size:13px}
.pc8473-ssc-road-filter button.text-action{padding:0;color:#f1010a}
.pc8473-ssc-road-list{padding:0 20px 10px}
.pc8473-ssc-road-track{margin:0 0 10px;border:0}
.pc8473-ssc-road-track .lz_table_head{width:1160px;height:43px;margin:0;border:1px solid #e6e6e6;border-bottom:0;border-collapse:collapse;background:#f5f5f5}
.pc8473-ssc-road-track .lz_table_head td{height:43px;padding:0 10px;border:0}
.pc8473-ssc-road-track .lz_table_head td:first-child{text-align:left}
.pc8473-ssc-road-track .lz_table_head .txtNum{box-sizing:border-box;width:50px;height:28px;padding-left:2px;border:1px solid #dbdbdb;text-align:center}
.pc8473-ssc-road-track .lz_table_head .secType{box-sizing:border-box;width:60px;height:28px;border:1px solid #dbdbdb}
.pc8473-ssc-road-track .lz_table_head .btnCheck{width:60px;height:28px;margin:0 10px;border:0;border-radius:4px;background:#888aa0;color:#fff}
.pc8473-ssc-road-track .lz_table_head .righttd{width:300px;text-align:right}
.pc8473-ssc-road-track .lz_table_head .righttd strong{margin-left:10px;color:#f1010a;font-weight:400}
.pc8473-ssc-road-track .lz_table_head .tobottom{width:20px;padding:0;color:#fa8e19;font-size:16px}
.pc8473-ssc-road-track .item_con{min-height:130px;overflow-x:auto;overflow-y:hidden;direction:rtl;border:1px solid #e6e6e6;background:#fff}
.pc8473-ssc-road-track .lz_table_con{float:right;min-height:130px;height:1px;margin:0;border:0;border-collapse:collapse;direction:rtl;text-align:center}
.pc8473-ssc-road-track .lz_table_con td{box-sizing:border-box;min-width:30px;height:auto;padding:8px 0 0;border:0;border-left:1px solid #e6e6e6;background:#fff;vertical-align:top}
.pc8473-ssc-road-track .lz_table_con td.bgcolor{background:#f5f5f5}
.pc8473-ssc-road-track .lz_table_con p{margin:0 0 6px;line-height:14px}
.pc8473-ssc-road-track .lz_table_con td.highlighted{background:#fff6cc}
.pc8473-ssc-hotcold-content{padding:20px}
.pc8473-ssc-hotcold-table{border-collapse:collapse}
.pc8473-ssc-hotcold-table th,.pc8473-ssc-hotcold-table td{height:45px}
.pc8473-ssc-hotcold-table li em{display:none}
.pc8473-ssc-hotcold-page:has(.pc8473-ssc-hotcold-toggle input:checked) .pc8473-ssc-hotcold-table li em{display:block}


/* SSC source-faithful analysis pages */
.pc8473-ssc-exact-page{box-sizing:border-box;width:1200px;padding:0 0 20px;background:#fff;color:#555;font-family:Tahoma,"微软雅黑",sans-serif;font-size:14px}
.pc8473-ssc-exact-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 18px;border-bottom:1px solid #e8e8e8}.pc8473-ssc-exact-head h2{margin:0;color:#222;font-size:20px}
.pc8473-ssc-date-toolbar{display:flex;align-items:center;gap:5px;color:#666}.pc8473-ssc-date-toolbar button,.pc8473-ssc-position-tabs button,.pc8473-ssc-long-tabs button,.pc8473-ssc-road-modebar button{height:28px;padding:0 12px;border:1px solid #ddd;border-radius:2px;background:#fff;color:#666;cursor:pointer}.pc8473-ssc-date-toolbar button.active,.pc8473-ssc-position-tabs button.active,.pc8473-ssc-long-tabs button.active,.pc8473-ssc-road-modebar button.active{border-color:#ff8a0a;background:#ff8a0a;color:#fff}.pc8473-ssc-date-toolbar label{display:flex;align-items:center;gap:5px;margin-left:8px}.pc8473-ssc-date-toolbar input{box-sizing:border-box;width:130px;height:28px;border:1px solid #ddd;color:#666}
.pc8473-ssc-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.pc8473-ssc-exact-page table{border-collapse:collapse;background:#fff;color:#555;text-align:center}.pc8473-ssc-exact-page th,.pc8473-ssc-exact-page td{box-sizing:border-box;height:36px;padding:6px 7px;border:1px solid #ddd;white-space:nowrap}.pc8473-ssc-exact-page thead th{background:#e9e9e9;color:#444;font-weight:400}.pc8473-ssc-exact-page tbody tr:nth-child(even){background:#f4f4f4}.pc8473-ssc-wide-table{width:1160px;margin:20px;table-layout:fixed}
.pc8473-ssc-composite-table{width:1640px;min-width:1640px;margin:20px;table-layout:fixed}.pc8473-ssc-composite-table th:first-child,.pc8473-ssc-composite-table td:first-child{width:125px}.pc8473-ssc-composite-table th:nth-child(2),.pc8473-ssc-composite-table td:nth-child(2){width:180px}
.pc8473-ssc-number-balls{display:inline-flex;align-items:center;justify-content:center;gap:5px}.pc8473-ssc-number-balls i{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid #52b8ed;border-radius:50%;background:#fff;color:#14313f;font-size:16px;font-style:normal;font-weight:700}.pc8473-ssc-dragon-龙,.pc8473-ssc-exact-page .red{color:#f22}.pc8473-ssc-dragon-虎,.pc8473-ssc-exact-page .blue{color:#176ee6}.pc8473-ssc-dragon-和,.pc8473-ssc-exact-page .green{color:#0aa126}
.pc8473-ssc-road-modebar{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e5e5e5}.pc8473-ssc-road-modebar nav{display:flex;gap:4px}.pc8473-ssc-road-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;border-bottom:1px solid #e5e5e5;color:#666}.pc8473-ssc-road-filter label{display:inline-flex;align-items:center;gap:3px}.pc8473-ssc-road-filter input{accent-color:#ff8a0a}.pc8473-ssc-road-filter button{height:26px;border:1px solid #ddd;background:#f7f7f7;color:#666}.pc8473-ssc-road-list{padding:0 20px}
.pc8473-ssc-road-track{margin-top:16px;border:1px solid #ddd;background:#fff}.pc8473-ssc-road-track header{display:grid;grid-template-columns:1fr 1.35fr;min-height:43px;align-items:center;border-bottom:1px solid #ddd;background:#fafafa}.pc8473-ssc-road-track header>div{padding:0 12px}.pc8473-ssc-road-track header input{box-sizing:border-box;width:42px;height:25px;border:1px solid #ccc;text-align:center}.pc8473-ssc-road-track header select{height:25px;border:1px solid #ccc}.pc8473-ssc-road-track header button{height:25px;margin:0 5px;border:0;background:#ff8a0a;color:#fff}.pc8473-ssc-road-track header p{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0 12px}.pc8473-ssc-road-track header strong{color:#db3c3c;font-weight:400}.pc8473-ssc-road-scroll{height:242px;overflow-x:auto;overflow-y:hidden;direction:rtl}.pc8473-ssc-road-columns{min-width:100%;height:240px;display:flex;justify-content:flex-start;direction:ltr}.pc8473-ssc-road-columns>div{box-sizing:border-box;min-width:40px;height:240px;display:flex;flex-direction:column;border-left:1px solid #e5e5e5}.pc8473-ssc-road-columns span{box-sizing:border-box;height:40px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e5e5;font-weight:700}
.pc8473-ssc-hotcold-content{padding:18px 20px}.pc8473-ssc-hotcold-toggle{display:inline-flex;align-items:center;gap:4px;color:#777}.pc8473-ssc-hotcold-toggle input{accent-color:#746a9b}.pc8473-ssc-hotcold-content>p{margin:10px 0}.pc8473-ssc-hotcold-table{width:1160px;table-layout:fixed}.pc8473-ssc-hotcold-table th:first-child{width:110px}.pc8473-ssc-hotcold-table ul{display:flex;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.pc8473-ssc-hotcold-table li{display:inline-flex;flex-direction:column;align-items:center}.pc8473-ssc-hotcold-table li i{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#173342;font-size:17px;font-style:normal;font-weight:700}.pc8473-ssc-hotcold-table li em{color:#e65d5d;font-size:11px;font-style:normal}
.pc8473-ssc-position-tabs,.pc8473-ssc-long-tabs{display:flex;align-items:center;gap:6px;padding:12px 20px 4px}.pc8473-ssc-annotations{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 20px}.pc8473-ssc-annotations label{display:inline-flex;align-items:center;gap:3px}.pc8473-ssc-annotations input{accent-color:#ff8a0a}.pc8473-ssc-explain{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin:14px 20px;padding:10px;border:1px solid #d9e1e7;background:#eef7fd;line-height:22px}.pc8473-ssc-exact-note{box-sizing:border-box;width:1160px;margin:14px 20px 8px;padding:6px 10px;border:1px solid #d9e1e7;background:#eef7fd;line-height:20px}
.pc8473-ssc-trend-table{min-width:1160px;margin:0 20px 20px;table-layout:fixed}.pc8473-ssc-basic-trend{width:1810px}.pc8473-ssc-dragon-trend,.pc8473-ssc-position-trend,.pc8473-ssc-big-dragon{width:1160px}.pc8473-ssc-shape-trend{width:1480px}.pc8473-ssc-trend-table th,.pc8473-ssc-trend-table td{min-width:30px;padding-right:2px;padding-left:2px}.pc8473-ssc-trend-table th:first-child,.pc8473-ssc-trend-table td:first-child{width:112px}.pc8473-ssc-trend-table th:nth-child(2),.pc8473-ssc-trend-table td:nth-child(2){width:92px}.pc8473-ssc-trend-table td.omission{color:#aaa}.pc8473-ssc-trend-table td.hit span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#ff8a4a;color:#fff;font-weight:700}.pc8473-ssc-trend-table td.hit.rank-2 span{background:#22a8df}.pc8473-ssc-trend-table td.hit.rank-3 span{background:#22ad36}.pc8473-ssc-trend-table td.hit.rank-4 span{background:#9a77cd}.pc8473-ssc-trend-table td.hit.rank-5 span{background:#ec5e75}.pc8473-ssc-trend-table td.trait-hit{background:#ffefe6;color:#f24a2b;font-weight:700}.pc8473-ssc-trend-table thead button{height:26px;margin:0 4px;border:1px solid #ccc;background:#eee;color:#666}.pc8473-ssc-trend-table thead button.active{border-color:#5b5c6c;background:#5b5c6c;color:#fff}
.pc8473-ssc-two-sided-history{width:1400px;margin:20px;table-layout:fixed}.pc8473-ssc-two-sided-history th:first-child{width:110px}.pc8473-ssc-history-number{font-size:13px}.pc8473-ssc-parameter{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 20px 0;padding:10px;border:1px solid #ddd;background:#fafafa}.pc8473-ssc-parameter input{width:44px;height:24px;border:1px solid #ccc;text-align:center}.pc8473-ssc-parameter i{width:20px;height:15px;background:#ffc84a}.pc8473-ssc-parameter button{height:26px;border:0;background:#ff8a0a;color:#fff}.pc8473-ssc-today-number{width:1400px;margin:20px;table-layout:fixed}

:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-soft: #eef5fb;
  --ink: #172033;
  --muted: #657286;
  --line: #dfe7f0;
  --blue: #1f7ae0;
  --blue-strong: #1261bd;
  --red: #e43b4a;
  --green: #14a66f;
  --yellow: #f4b740;
  --shadow: 0 12px 36px rgba(31, 74, 124, 0.12);
  --radius: 8px;
  font-family:
    "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Exact PK10 desktop analysis surfaces.  These keep each researched table on
 * the fixed 1158px content rail while allowing wide evidence tables to scroll
 * locally instead of changing the page width. */
.pc8473-pk10-exact-page { box-sizing: border-box; width: 1200px; background: #fff; color: #555; font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif; font-size: 14px; }
.pc8473-pk10-exact-head { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 18px; border-bottom: 1px solid #e8e8e8; }
.pc8473-pk10-exact-head h2 { margin: 0; font-size: 20px; font-weight: 700; color: #222; }
.pc8473-pk10-exact-head button { border: 0; background: none; color: #777; cursor: pointer; }
.pc8473-pk10-exact-note { box-sizing: border-box; width: 1160px; max-height: 30px; margin: 20px; padding: 4px 10px; overflow: hidden; border: 1px solid #d9e1e7; color: #666; background: #eef7fd; line-height: 20px; white-space: nowrap; }
.pc8473-pk10-exact-toolbar, .pc8473-pk10-exact-dates, .pc8473-pk10-road-exact-toolbar, .pc8473-pk10-position-modes, .pc8473-pk10-position-ranks, .pc8473-pk10-rank-selector, .pc8473-pk10-daily-dragon-types { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 8px 18px; }
.pc8473-pk10-exact-toolbar button, .pc8473-pk10-exact-dates button, .pc8473-pk10-road-exact-toolbar button, .pc8473-pk10-position-modes button, .pc8473-pk10-position-ranks button, .pc8473-pk10-rank-selector button, .pc8473-pk10-daily-dragon-types button, .pc8473-pk10-number-law-numbers button { min-width: 44px; height: 28px; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; background: #f8f8fb; color: #666; cursor: pointer; }
.pc8473-pk10-exact-toolbar button.active, .pc8473-pk10-exact-dates button.active, .pc8473-pk10-road-exact-toolbar button.active, .pc8473-pk10-position-modes button.active, .pc8473-pk10-position-ranks button.active, .pc8473-pk10-rank-selector button.active, .pc8473-pk10-daily-dragon-types button.active, .pc8473-pk10-number-law-numbers button.active { border-color: #ff8a0a; background: #ff8a0a; color: #fff; }
.pc8473-pk10-exact-table-scroll, .pc8473-pk10-road-exact-scroll { width: 100%; overflow-x: auto; overflow-y: hidden; }
.pc8473-pk10-exact-page table { border-collapse: collapse; background: #fff; color: #555; }
.pc8473-pk10-exact-page th, .pc8473-pk10-exact-page td { border: 1px solid #e5e5e5; padding: 7px 8px; text-align: center; white-space: nowrap; }
.pc8473-pk10-exact-page thead th { background: #f3f3f3; font-weight: 400; }
.pc8473-pk10-hotcold-table { width: 100%; table-layout: fixed; }
.pc8473-pk10-hotcold-table th:first-child { width: 112px; }
.pc8473-pk10-hotcold-table td ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pc8473-pk10-hotcold-table td li { display: inline-flex; flex-direction: column; align-items: center; min-width: 24px; color: #666; }
.pc8473-pk10-hotcold-table td li i { font-style: normal; font-size: 11px; color: #e35d5d; }
.pc8473-pk10-hotcold-toggle { display: inline-flex; align-items: center; gap: 5px; }
.pc8473-pk10-hotcold-toggle i { display: inline-block; width: 13px; height: 13px; border: 1px solid #bbb; background: #fff; }
.pc8473-pk10-hotcold-toggle.checked i { background: #756a9b; }
.pc8473-pk10-hotcold-toggle input { width: 13px; height: 13px; margin: 0; accent-color: #756a9b; }
.pc8473-pk10-two-sided-history-table { width: 1160px; min-width: 1160px; table-layout: fixed; }
.pc8473-pk10-two-sided-history-table thead tr:first-child > th:first-child,
.pc8473-pk10-two-sided-history-table tbody td:first-child { width: 95px; }
.pc8473-pk10-number-trend-table { width: 3264px; min-width: 3264px; table-layout: fixed; }
.pc8473-pk10-number-trend-table th, .pc8473-pk10-number-trend-table td { box-sizing: border-box; min-width: 30px; }
.pc8473-pk10-number-trend-table thead tr:first-child > th:first-child,
.pc8473-pk10-number-trend-table tbody td:first-child { width: 106px; min-width: 106px; }
.pc8473-pk10-number-trend-table thead tr:first-child > th:nth-child(2),
.pc8473-pk10-number-trend-table tbody td:nth-child(2) { width: 158px; min-width: 158px; }
.pc8473-pk10-number-trend-table thead tr:nth-child(2) > th,
.pc8473-pk10-number-trend-table tbody td:nth-child(n + 3) { width: 30px; min-width: 30px; padding-right: 0; padding-left: 0; }
.pc8473-pk10-number-trend-table td.hit { color: #ef3434; font-weight: 700; }
.pc8473-pk10-number-trend-table td.hit span { position: relative; z-index: 3; display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #ff9b55; }
.pc8473-pk10-number-trend-table td.hit.rank-2 span { background: #25a8e0; }
.pc8473-pk10-number-trend-table td.hit.rank-3 span { background: #08ad18; }
.pc8473-pk10-number-trend-table td.hit.rank-4 span { background: #7f63d8; }
.pc8473-pk10-number-trend-table td.hit.rank-5 span { background: #ef5959; }
.pc8473-pk10-number-trend-table td.hit.rank-6 span { background: #00aaa6; }
.pc8473-pk10-number-trend-table td.hit.rank-7 span { background: #d7a31b; }
.pc8473-pk10-number-trend-table td.hit.rank-8 span { background: #5a94df; }
.pc8473-pk10-number-trend-table td.hit.rank-9 span { background: #e16fa3; }
.pc8473-pk10-number-trend-table td.hit.rank-10 span { background: #787878; }
.pc8473-pk10-number-trend-table td.miss { color: #999; }
.pc8473-pk10-number-law-numbers { display: flex; gap: 16px; padding: 0; }
.pc8473-pk10-number-law-chart { margin: 24px 20px 58px; }
.pc8473-pk10-number-law-chart ol { display: flex; align-items: flex-end; justify-content: space-around; gap: 8px; min-height: 250px; margin: 0; padding: 0 20px; border-bottom: 1px solid #333; list-style: none; }
.pc8473-pk10-number-law-chart li { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: flex-end; gap: 3px; min-width: 50px; }
.pc8473-pk10-number-law-chart li span { order: 2; display: block; width: 50px; min-height: 0; background: #ff8a18; }
.pc8473-pk10-number-law-chart li b { order: 3; transform: translateY(28px); font-weight: 400; white-space: nowrap; }
.pc8473-pk10-number-law-chart li em { order: 1; }
.pc8473-pk10-number-law-chart li em { font-style: normal; color: #777; }
.pc8473-pk10-today-number-table { width: 100%; table-layout: fixed; }
.pc8473-pk10-today-number-table td { color: #666; }
.pc8473-pk10-position-trend-table { min-width: 1158px; width: 100%; }
.pc8473-pk10-position-trend-table td.hit { color: #fff; font-weight: 400; }
.pc8473-pk10-position-trend-table td.hit.group-0 { color: #fff; background: transparent; }
.pc8473-pk10-position-trend-table td.hit.group-0 span { position: relative; z-index: 3; display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 50%; background: #23a8df; }
.pc8473-pk10-position-trend-table td.hit.group-2 { background: #ff972f; }
.pc8473-pk10-position-trend-table td.hit.group-1, .pc8473-pk10-position-trend-table td.hit.group-3 { background: #35afe2; }
.pc8473-pk10-two-sided-stats-table { width: calc(100% - 36px); margin: 0 18px 16px; }
.pc8473-pk10-daily-dragon-table { width: calc(100% - 36px); margin: 0 18px 16px; }
.pc8473-pk10-daily-dragon-table th, .pc8473-pk10-daily-dragon-table td { min-width: 70px; }
.pc8473-pk10-big-dragon-table { width: 100%; table-layout: fixed; }
.pc8473-pk10-big-dragon-table td:nth-child(2) { letter-spacing: 5px; }
.pc8473-pk10-road-exact-list { padding: 0 18px 18px; }
.pc8473-pk10-road-exact-track { margin-top: 12px; border: 1px solid #e6e6e6; background: #fff; }
.pc8473-pk10-road-exact-track header { display: flex; justify-content: space-between; padding: 8px 12px; color: #777; background: #fafafa; }
.pc8473-pk10-road-exact-columns { display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 0; min-width: 1158px; min-height: 126px; padding: 10px; }
.pc8473-pk10-road-exact-columns > div { display: flex; flex-direction: column; width: 36px; min-height: 100px; align-items: center; }
.pc8473-pk10-road-exact-columns span { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 22px; color: #777; }
.pc8473-pk10-road-exact-columns span.red { color: #e53935; }
.pc8473-pk10-road-exact-columns span.blue { color: #6487ac; }
.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-scroll { margin: 0 18px 18px; border: 1px solid #e5e5e5; }
.pc8473-pk10-instant .pc8473-table { width: 100%; table-layout: fixed; font-family: "Microsoft YaHei", "Microsoft Yahei", sans-serif; font-size: 14px; color: #555; }
.pc8473-pk10-instant .pc8473-table thead th { height: 38px; font-size: 15px; font-weight: 400; color: #555; }
.pc8473-pk10-instant .pc8473-table tbody td { height: 42px; line-height: 20px; vertical-align: middle; }
.pc8473-pk10-instant .pc8473-table tbody td:first-child, .pc8473-pk10-instant .pc8473-table tbody td:nth-child(2) { color: #777; }

/* Shared PK10 mobile shell parity (audited 390/430px reference). Keep this
 * scoped to the PK10 detail route so the other mobile lottery shells retain
 * their existing controls and typography. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .detail-titlebar.pk10 {
    height: 13.3333vw;
    grid-template-columns: 13.8462vw minmax(0, 1fr) 13.8462vw;
    box-sizing: border-box;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-titlebar.pk10 h1 {
    font-family: "microsoft yahei", sans-serif;
    font-size: 4.8vw;
    line-height: 13.3333vw;
    font-weight: 400;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-titlebar.pk10 .detail-back {
    box-sizing: border-box;
    width: 13.8462vw;
    height: 13.3333vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-titlebar.pk10 .detail-back {
    justify-content: flex-start;
    padding-left: 2.664vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-titlebar.pk10 .detail-back svg {
    width: 24px;
    height: 24px;
  }





  body[data-detail-type="pk10"] #mobileDetail .detail-current.generic-current {
    box-sizing: border-box;
    height: 39.4792vw;
    overflow: hidden;
    padding: 2.92195vw 2.664vw 0;
    border-top: 3.017vw solid #f0eff5;
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-current.generic-current p {
    height: 4.8718vw;
    margin: 0 0 2.5641vw;
    color: #333;
    font-family: "microsoft yahei", sans-serif;
    font-size: 4.2667vw;
    line-height: 4.8718vw;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-current.generic-current p span {
    color: #666;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-current.generic-current .detail-square-row {
    position: static;
    width: auto;
    min-height: 6.6667vw;
    margin: 0 0 2.0513vw;
    gap: 3.093vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger {
    min-height: 3.2vw;
    display: flex;
    align-items: center;
    gap: 2.05vw;
    margin: 0;
    color: #333;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.2vw;
    line-height: 3.2vw;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > i {
    margin: 0 0.256vw;
    color: #999;
    font-style: normal;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger strong {
    color: #f12d35;
    font-weight: 400;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line {
    min-height: 7.4641vw;
    height: 7.4641vw;
    display: flex;
    align-items: center;
    gap: 1.795vw;
    margin-top: 3.0769vw;
    color: #333;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.4667vw;
    line-height: 3.4667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line > span:first-child {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line > b {
    height: 1.5385vw;
    min-width: 0;
    flex: 1 1 auto;
    border-radius: 0.256vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line > strong {
    flex: 0 0 auto;
    color: #333;
    font-size: 3.4667vw;
    line-height: 3.4667vw;
    font-weight: 400;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four {
    height: 12.2476vw;
    margin-top: 1.9231vw;
    border-bottom-color: #dddde0;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button {
    height: 12.2476vw;
    color: #111;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.4667vw;
    line-height: 12.2476vw;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent !important;
    transition: none !important;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:active,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:focus-visible {
    outline: 0;
    background: #fff !important;
    box-shadow: none !important;
    filter: none;
    transform: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active:active,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active:focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active:focus-visible {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active::after {
    width: 14.6154vw;
    height: 0.5128vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav {
    box-sizing: border-box;
    width: 100%;
    height: 11.9872vw;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: auto;
    scrollbar-width: none;
    padding-right: 11.603vw;
    border-bottom: 1px solid #dedee1;
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav::-webkit-scrollbar {
    display: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button {
    min-width: 0;
    height: 11.7308vw;
    flex: 0 0 auto;
    padding: 0 2.6667vw;
    margin: 0 1.3333vw 0 2.6667vw;
    border: 0;
    color: #666;
    background: #fff;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.4667vw;
    line-height: 11.7333vw;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button.active {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar {
    height: 12.8205vw;
    padding: 2.8205vw 2.0513vw 0;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.4667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar button {
    height: 9.6vw;
    padding: 0 2.5641vw;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.4667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar button:last-child {
    padding-right: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-table .detail-table-head {
    height: 11.44vw;
    min-height: 11.44vw;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-table .detail-table-row {
    min-height: 11.44vw;
    height: 11.44vw;
    font-family: "microsoft yahei", sans-serif;
    content-visibility: auto;
    contain-intrinsic-size: 11.44vw;
  }
}

@media (min-width: 1021px) and (max-width: 1200px) {
  body.desktop-detail-open:has(#desktopDetail .pc8473-detail-family-lottery) {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  body.desktop-detail-open:has(#desktopDetail .pc8473-detail-family-lottery) #desktopDetail,
  body.desktop-detail-open:has(#desktopDetail .pc8473-detail-family-lottery) .pc8473-detail-main {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }
}

@media (min-width: 1021px) {
  /* PK10 路珠分析：按 1689567 实测的 1200px 固定桌面画布复刻。 */
  .pc8473-pk10-road-page {
    width: 1200px;
    margin-top: 15px;
    padding: 0;
    overflow: visible;
    color: #555;
    background: #fff;
    font: 14px/1 Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-road-page,
  .pc8473-pk10-road-page button,
  .pc8473-pk10-road-page input,
  .pc8473-pk10-road-page select {
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-road-modebar {
    position: relative;
    width: 1200px;
    height: 47px;
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
  }

  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates,
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates {
    margin-left: auto;
    padding: 8px 20px;
    flex-wrap: nowrap;
  }

  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates button,
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates button {
    min-width: 42px;
    border: 0;
    background: #fff;
  }

  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates button.active,
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates button.active {
    color: #fff;
    background: #ff8a0a;
  }

  .pc8473-pk10-road-modes {
    width: 490px;
    height: 46px;
    display: flex;
    align-items: flex-start;
  }

  .pc8473-pk10-road-modes button {
    width: 161px;
    height: 50px;
    flex: 0 0 161px;
    margin-top: -4px;
    padding: 0;
    border: 0;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    color: #555;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
  }

  .pc8473-pk10-road-modes button.active {
    color: #fff;
    background: #313242;
  }

  .pc8473-pk10-road-dates {
    position: relative;
    height: 46px;
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 20px;
    color: #555;
    font-size: 12px;
  }

  .pc8473-pk10-road-dates > button[data-pc-pk10-road-action="date"] {
    width: auto;
    min-width: 42px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 12px;
    line-height: 28px;
  }

  .pc8473-pk10-road-dates > button[data-pc-pk10-road-action="date"].active {
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-pk10-road-dates > label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 15px;
    color: #555;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
  }

  .pc8473-pk10-road-date-input {
    position: relative;
    width: 220px;
    height: 28px;
    box-sizing: border-box;
    padding: 0 28px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #333;
    background: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
  }

  .pc8473-pk10-road-date-input i {
    position: absolute;
    left: 7px;
    width: 16px;
    top: 5px;
    height: 16px;
    box-sizing: border-box;
    border: 2px solid #888;
    border-radius: 1px;
    background:
      linear-gradient(#888, #888) 2px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 6px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 10px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 2px 10px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 6px 10px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 10px 10px / 2px 2px no-repeat;
  }

  .pc8473-pk10-road-date-input i::before,
  .pc8473-history-date-input i::before {
    position: absolute;
    left: -2px;
    top: 2px;
    width: 16px;
    height: 2px;
    background: #888;
    content: "";
  }

  .pc8473-pk10-road-date-input i::after,
  .pc8473-history-date-input i::after {
    position: absolute;
    left: 2px;
    top: -4px;
    width: 2px;
    height: 5px;
    border-right: 6px double #888;
    content: "";
  }

  .pc8473-pk10-road-date-input b {
    position: absolute;
    top: 8px;
    right: 7px;
    width: 10px;
    height: 10px;
    background: #f5b321;
  }

  .pc8473-pk10-road-date-picker {
    top: 42px;
    right: 20px;
  }

  .pc8473-pk10-road-content {
    width: 1200px;
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .pc8473-pk10-road-filter {
    width: 1160px;
    height: 70px;
    overflow: hidden;
  }

  .pc8473-pk10-road-filter-row {
    width: 1160px;
    height: 25px;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
    white-space: nowrap;
  }

  .pc8473-pk10-road-filter-row:last-child {
    margin-bottom: 0;
  }

  .pc8473-pk10-road-filter-title {
    width: 90px;
    flex: 0 0 90px;
    color: #999;
    font-size: 14px;
    line-height: 25px;
  }

  .pc8473-pk10-road-check {
    position: relative;
    width: auto;
    height: 25px;
    display: block;
    flex: 0 0 auto;
    margin: 0 20px 0 0;
    padding: 0 0 0 25px;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
  }

  .pc8473-pk10-road-check i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #fa8e19;
    background: #fff;
  }

  .pc8473-pk10-road-check.active i::after {
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fa8e19;
    border-bottom: 2px solid #fa8e19;
    content: "";
    transform: rotate(45deg);
  }

  .pc8473-pk10-road-text-action {
    width: auto;
    height: 25px;
    margin-right: 20px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 14px;
    line-height: 25px;
  }

  .pc8473-pk10-road-choice-row {
    gap: 0;
  }

  .pc8473-pk10-road-choice {
    min-width: 74px;
    height: 28px;
    margin-right: 16px;
    padding: 0 12px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    color: #555;
    background: #fff;
    font-size: 14px;
    line-height: 26px;
  }

  .pc8473-pk10-road-choice.active {
    border-color: #fa8e19;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-pk10-road-panels {
    width: 1160px;
  }

  .pc8473-pk10-road-page .pc8473-pk10-road-panel {
    width: 1160px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .pc8473-pk10-road-page .pc8473-pk10-road-panel-head {
    width: 1160px;
    height: 43px;
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    color: #555;
    background: #f5f5f5;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
  }

  .pc8473-pk10-road-panel-controls {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #555;
    white-space: nowrap;
  }

  .pc8473-pk10-road-panel-controls input {
    width: 54px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 2px;
    border: 1px solid #dbdbdb;
    color: #111;
    background: #fff;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: center;
  }

  .pc8473-pk10-road-panel-controls select {
    width: 60px;
    height: 28px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #111;
    background: #efefef;
    font-family: Arial, sans-serif;
    font-size: 13px;
  }

  .pc8473-pk10-road-panel-controls button {
    width: 60px;
    height: 28px;
    margin: 0 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #fff;
    background: #fa8e19;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 28px;
  }

  .pc8473-pk10-road-panel-summary {
    color: #555;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    white-space: nowrap;
  }

  .pc8473-pk10-road-page .pc8473-pk10-road-panel-summary strong {
    display: inline;
    margin-left: 16px;
    color: #f1020b;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-pk10-road-scroll {
    width: 1160px;
    min-height: 130px;
    box-sizing: border-box;
    margin: 0 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e6e6e6;
    direction: rtl;
    background: #fff;
  }

  .pc8473-pk10-road-scroll::-webkit-scrollbar {
    height: 10px;
  }

  .pc8473-pk10-road-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .pc8473-pk10-road-scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #858585;
  }

  .pc8473-pk10-road-track {
    display: flex;
    align-items: stretch;
    direction: rtl;
    background: #fff;
  }

  .pc8473-pk10-road-track > div {
    width: 40px;
    min-height: inherit;
    flex: 0 0 40px;
    box-sizing: border-box;
    padding: 8px 0 0;
    border-left: 1px solid #e6e6e6;
    color: #666;
    background: #fff;
    text-align: center;
  }

  .pc8473-pk10-road-track > div:nth-child(even) {
    background: #f5f5f5;
  }

  .pc8473-pk10-road-track > div.highlighted {
    color: #fff;
    background: rgb(253, 173, 86);
  }

  .pc8473-pk10-road-track span {
    width: 39px;
    height: 14px;
    display: block;
    margin: 0 0 6px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }

  .pc8473-pk10-road-track span.red {
    color: #f1020b;
  }

  .pc8473-pk10-road-track > div.highlighted span {
    color: #fff;
  }

  .pc8473-pk10-road-empty {
    width: 1160px;
    min-height: 130px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    color: #888;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-pk10-road-exact {
    width: 1200px;
    margin-top: 15px;
    padding: 0;
    overflow: visible;
    background: #fff;
    color: #555;
    font: 14px/1 Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar {
    width: 1200px;
    min-height: 70px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 20px;
    border-bottom: 1px solid #e5e5e5;
    white-space: nowrap;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar > span {
    color: #999;
    margin-left: 8px;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button {
    position: relative;
    width: auto;
    min-width: 0;
    height: 25px;
    margin-right: 12px;
    padding: 0 0 0 25px;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    line-height: 25px;
    cursor: pointer;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button.active {
    color: #555;
    background: transparent;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #fa8e19;
    background: #fff;
    content: "";
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button.active::after {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fa8e19;
    border-bottom: 2px solid #fa8e19;
    content: "";
    transform: rotate(45deg);
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-all"],
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-clear"] {
    margin-right: 20px;
    padding: 0;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-all"]::before,
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-clear"]::before,
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-all"]::after,
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button[data-pc-pk10-exact-action$="-clear"]::after {
    content: none;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-modes {
    display: inline-flex;
    width: 490px;
    margin: -12px 12px -12px -20px;
    align-self: stretch;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-modes button {
    width: 161px;
    height: 50px;
    margin-top: 0;
    border: 0;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 16px;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-list {
    width: 1200px;
    box-sizing: border-box;
    padding: 20px;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-track {
    width: 1160px;
    margin-top: 12px;
    border: 1px solid #e6e6e6;
    background: #fff;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-track > header {
    min-height: 43px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 10px;
    border-bottom: 1px solid #e6e6e6;
    color: #555;
    background: #f5f5f5;
    white-space: nowrap;
  }

  .pc8473-pk10-road-exact-controls {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
  }

  .pc8473-pk10-road-exact-controls input {
    width: 48px;
    height: 26px;
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    text-align: center;
  }

  .pc8473-pk10-road-exact-controls select {
    width: 52px;
    height: 26px;
    border: 1px solid #dbdbdb;
    background: #fff;
  }

  .pc8473-pk10-road-exact-controls button {
    min-width: 52px;
    height: 26px;
    border: 0;
    color: #fff;
    background: #fa8e19;
    cursor: pointer;
  }

  .pc8473-pk10-road-exact-summary {
    color: #555;
    font-size: 13px;
    white-space: nowrap;
  }

  .pc8473-pk10-road-exact-summary strong {
    margin-left: 14px;
    color: #f1020b;
    font-weight: 400;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-scroll {
    width: 1158px;
    min-height: 130px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-columns {
    min-width: 1158px;
    min-height: 130px;
    padding: 8px 0;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-columns > div {
    width: 40px;
    min-height: 114px;
    border-left: 1px solid #e6e6e6;
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-columns > div.highlighted {
    background: rgb(253, 173, 86);
  }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-columns > div.highlighted span {
    color: #fff;
  }

  .pc8473-pk10-big-dragon-statistics .pc8473-pk10-exact-head {
    width: 1200px;
    min-height: 53px;
    box-sizing: border-box;
    justify-content: flex-start;
    gap: 24px;
    padding: 10px 20px;
  }

  .pc8473-pk10-big-dragon-statistics .pc8473-pk10-exact-head h2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 32px;
  }

  .pc8473-pk10-lucky-toggle {
    min-width: 166px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    background: #fff;
    font: 14px Tahoma, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .pc8473-pk10-lucky-stats {
    width: 1160px;
    box-sizing: border-box;
    margin: 0 20px 12px;
    padding: 12px;
    border: 1px solid #eee;
    background: #fafafa;
  }

  .pc8473-pk10-lucky-stats h3 {
    margin: 0 0 10px;
    color: #555;
    font-size: 16px;
    text-align: center;
  }

  .pc8473-pk10-lucky-stats > div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .pc8473-pk10-lucky-stats button {
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 0;
    padding: 0;
    border: 1px solid #ddd;
    color: #555;
    background: #fff;
    font: 13px/30px Tahoma, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .pc8473-pk10-lucky-stats button.active {
    border-color: #fa8e19;
    box-shadow: inset 0 0 0 1px #fa8e19;
  }

  .pc8473-pk10-lucky-stats button span,
  .pc8473-pk10-lucky-stats button strong {
    padding: 0 8px;
    border-bottom: 1px solid #eee;
    font-weight: 400;
    text-align: left;
  }

  .pc8473-pk10-lucky-stats button strong {
    border-left: 1px solid #eee;
    text-align: center;
  }

  .pc8473-pk10-big-dragon-description {
    position: relative;
    width: 1160px;
    height: 30px;
    box-sizing: border-box;
    margin: 20px 20px 10px;
    overflow: hidden;
    border: 1px solid #dadcdb;
    color: #555;
    background: #edf4fa;
    font: 14px/28px Tahoma, "Microsoft YaHei", sans-serif;
  }

  .pc8473-pk10-big-dragon-description.open {
    height: auto;
  }

  .pc8473-pk10-big-dragon-description p {
    height: 28px;
    margin: 0;
    padding: 0 36px 0 10px;
    white-space: nowrap;
  }

  .pc8473-pk10-big-dragon-description p:not(:first-child) {
    padding-left: 61px;
  }

  .pc8473-pk10-big-dragon-description strong {
    margin-right: 6px;
    color: #0079f4;
    font-weight: 400;
  }

  .pc8473-pk10-big-dragon-description > button {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 28px;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .pc8473-pk10-big-dragon-description > button::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 15px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    transform: rotate(45deg);
  }

  .pc8473-pk10-big-dragon-description.open > button::after {
    top: 13px;
    transform: rotate(225deg);
  }

  .pc8473-pk10-stat-toolbar {
    width: 1160px;
    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 20px;
    color: #777;
  }

  .pc8473-pk10-stat-ranges {
    display: inline-flex;
    gap: 4px;
    margin-left: auto;
  }

  .pc8473-pk10-stat-ranges button {
    min-width: 44px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    color: #666;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-pk10-stat-ranges button.active {
    color: #fff;
    border-radius: 4px;
    background: #fa8e19;
  }

  .pc8473-pk10-stat-more-menu {
    display: inline-flex;
    gap: 4px;
    margin-left: 4px;
  }

  .pc8473-pk10-stat-more-menu[hidden] {
    display: none;
  }

  .pc8473-pk10-big-dragon-chart {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
  }

  .pc8473-pk10-big-dragon-chart path {
    fill: none;
    stroke: #ddd;
  }

  .pc8473-pk10-big-dragon-chart polyline {
    fill: none;
    stroke: #fa8e19;
    stroke-width: 1.25;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  .pc8473-pk10-big-dragon-chart polyline.back-line {
    stroke: #5796d1;
  }

  .pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-scroll {
    width: 1160px;
    max-height: none;
    margin: 0 20px 18px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 0;
    background: #fff;
  }

  .pc8473-pk10-big-dragon-stat-tablebox {
    position: relative;
    width: 1158px;
    min-width: 1158px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table {
    position: relative;
    z-index: 0;
    width: 1158px;
    min-width: 1158px;
    border-collapse: collapse;
    table-layout: auto;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table th,
  .pc8473-pk10-big-dragon-stat-tablebox > table td {
    box-sizing: border-box;
    height: 51px;
    padding: 0;
    border: 1px solid #d6d6d6;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table thead th {
    height: 40px;
    color: #555;
    background: #f4f4f4;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table th:first-child,
  .pc8473-pk10-big-dragon-stat-tablebox > table td:first-child {
    width: 85px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(2),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(2) {
    width: 150px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(3),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(3),
  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(4),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(4),
  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(5),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(5),
  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(6),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(6) {
    width: 100px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox > table th:nth-child(n + 7):nth-child(-n + 32),
  .pc8473-pk10-big-dragon-stat-tablebox > table td:nth-child(n + 7):nth-child(-n + 32) {
    width: 40px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .draw-code {
    white-space: nowrap;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .draw-code span.front-five {
    color: #f93;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .draw-code span.back-five {
    color: #999;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .dragon-result,
  .pc8473-pk10-big-dragon-stat-tablebox .tiger-result {
    color: #fff;
    font-weight: 700;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .dragon-result {
    background: #f93;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .tiger-result {
    background: #33a9ff;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .front-sum {
    background: #fefaf6;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .back-sum {
    background: #f0f9fc;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .front-sum span,
  .pc8473-pk10-big-dragon-stat-tablebox .back-sum span,
  .pc8473-pk10-big-dragon-stat-tablebox td.front-hit > span,
  .pc8473-pk10-big-dragon-stat-tablebox td.back-hit > span {
    position: relative;
    z-index: 3;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    line-height: 26px;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .front-sum span,
  .pc8473-pk10-big-dragon-stat-tablebox td.front-hit > span {
    background: #f93;
  }

  .pc8473-pk10-big-dragon-stat-tablebox .back-sum span,
  .pc8473-pk10-big-dragon-stat-tablebox td.back-hit > span {
    background: #33a9ff;
  }

  .pc8473-pk10-big-dragon-stat-tablebox thead th:last-child button {
    height: 26px;
    margin: 0 5px;
    padding: 0 13px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #c8c8c8;
    font-size: 12px;
    cursor: pointer;
  }

  .pc8473-pk10-big-dragon-stat-tablebox thead th:last-child button.active {
    background: #3f4050;
  }

  .pc8473-pk10-big-dragon-stat-tablebox td.front-hit,
  .pc8473-pk10-big-dragon-stat-tablebox td.back-hit {
    position: relative;
    z-index: 2;
  }

  .pc8473-pk10-today-number-params {
    min-height: 48px;
    color: #555;
  }

  .pc8473-pk10-today-number-params input {
    position: relative;
    top: 4px;
    width: 48px;
    height: 26px;
    box-sizing: border-box;
    margin: 0 5px;
    border: 1px solid #ddd;
    color: #555;
    background: #f6f6f6;
    text-align: center;
  }

  .pc8473-pk10-today-number-param input:first-of-type {
    margin-left: 8px;
  }

  .pc8473-pk10-today-number-param input:nth-of-type(2) {
    margin-left: 6.5px;
  }

  .pc8473-pk10-today-number-params button {
    border: 0;
    color: #fff;
    cursor: pointer;
  }

  .pc8473-pk10-today-number-param {
    position: relative;
    top: -7px;
    display: inline-flex;
    align-items: center;
    height: 31px;
    flex: 0 0 auto;
    font: 14px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }

  .pc8473-pk10-today-number-param[data-today-number-param="1"] {
    width: 365.03125px;
  }

  .pc8473-pk10-today-number-param[data-today-number-param="2"] {
    width: 371.140625px;
  }

  .pc8473-pk10-today-number-param[data-today-number-param="3"] {
    width: 348.140625px;
  }

  .pc8473-pk10-today-number-confirm {
    position: relative;
    top: -4px;
    width: 60px;
    height: 28px;
    margin-left: 0;
    background: #63646f;
  }

  .pc8473-pk10-exact-page:not(.pc8473-pk10-road-exact) {
    width: 1200px;
    margin-top: 15px;
    padding: 0 20px 20px;
    overflow: hidden;
  }

  .pc8473-pk10-exact-page.pc8473-pk10-hotcold-page {
    padding: 0;
  }

  .pc8473-pk10-exact-page:not(.pc8473-pk10-road-exact) > .pc8473-pk10-exact-head {
    width: 1200px;
    height: 48px;
    min-height: 48px;
    margin-left: -20px;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .pc8473-pk10-exact-head nav {
    display: flex;
    align-items: center;
    gap: 0;
  }

  .pc8473-pk10-exact-head nav button {
    width: auto;
    min-width: 44px;
    height: 32px;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #555;
  }

  .pc8473-pk10-exact-head nav button.active {
    background: #ff8a0a;
    color: #fff;
  }

  .pc8473-pk10-exact-page:not(.pc8473-pk10-road-exact) > .pc8473-pk10-exact-note {
    margin-right: 0;
    margin-left: 0;
  }

  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics > .pc8473-pk10-exact-head {
    height: 53px;
    min-height: 53px;
    padding: 10px 20px;
  }

  .pc8473-pk10-big-dragon-statistics > .pc8473-pk10-lucky-stats {
    margin-right: 0;
    margin-left: 0;
  }

  .pc8473-pk10-big-dragon-statistics > .pc8473-pk10-big-dragon-description {
    margin: 20px 0 18px;
  }

  .pc8473-pk10-big-dragon-statistics > .pc8473-pk10-stat-toolbar,
  .pc8473-pk10-big-dragon-statistics > .pc8473-pk10-big-dragon-stat-scroll {
    margin-right: 0;
    margin-left: 0;
  }

  .pc8473-pk10-big-dragon-statistics > .pc8473-pk10-big-dragon-stat-scroll {
    margin-bottom: 0;
  }

  .pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox {
    margin-left: 1px;
  }

  .pc8473-pk10-number-trend-annotations {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
  }

  .pc8473-pk10-exact-annotations {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .pc8473-pk10-number-trend-tablebox,
  .pc8473-pk10-position-trend-tablebox {
    position: relative;
    width: max-content;
  }

  .pc8473-pk10-number-trend-lines,
  .pc8473-pk10-position-trend-line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    overflow: visible;
  }

  .pc8473-pk10-number-trend-lines {
    width: 3264px;
    height: calc(68px + 30 * 35px);
  }

  .pc8473-pk10-number-trend-lines line,
  .pc8473-pk10-number-trend-lines polyline {
    fill: none;
    stroke: var(--pk10-line);
    stroke-width: 1.3px;
  }

  .pc8473-pk10-position-trend-line {
    width: 1160px;
    height: calc(78px + 30 * 39px);
  }

  .pc8473-pk10-position-trend-line polyline {
    fill: none;
    stroke: #23a8df;
    stroke-width: 1.4px;
  }

  .pc8473-pk10-number-trend-table,
  .pc8473-pk10-position-trend-table {
    position: relative;
    z-index: 1;
  }

  .pc8473-pk10-number-trend-table .draw-code,
  .pc8473-pk10-position-trend-table .draw-code {
    letter-spacing: 4px;
    color: #999;
  }

  .pc8473-pk10-number-trend-table .draw-code span:first-child,
  .pc8473-pk10-position-trend-table .draw-code span.selected {
    color: #f00;
  }

  .pc8473-pk10-position-controls,
  .pc8473-pk10-rank-filter,
  .pc8473-pk10-number-law-select {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    color: #999;
  }

  .pc8473-pk10-position-controls {
    justify-content: space-between;
    min-height: 42px;
  }

  .pc8473-pk10-position-controls .pc8473-pk10-position-ranks,
  .pc8473-pk10-rank-filter .pc8473-pk10-rank-selector {
    padding: 0;
  }

  .pc8473-pk10-position-trend-table,
  .pc8473-pk10-number-law-table,
  .pc8473-pk10-today-number-table {
    width: 1160px;
    table-layout: fixed;
  }

  .pc8473-pk10-position-trend-table th,
  .pc8473-pk10-position-trend-table td {
    height: 39px;
    padding: 2px 3px;
  }

  .pc8473-pk10-position-trend-table th:first-child,
  .pc8473-pk10-position-trend-table td:first-child {
    width: 84px;
  }

  .pc8473-pk10-position-trend-table th:nth-child(2),
  .pc8473-pk10-position-trend-table td:nth-child(2) {
    width: 200px;
  }

  .pc8473-pk10-position-trend-table tfoot th {
    color: #555;
    font-weight: 400;
  }

  .pc8473-pk10-number-law-select {
    padding: 0 0 8px;
  }

  .pc8473-pk10-number-law-table td:first-child b,
  .pc8473-pk10-number-law-table td:first-child span {
    display: inline-block;
    margin: 0 8px;
    font-weight: 400;
  }

  .pc8473-pk10-number-law-table .same-position-codes span {
    display: inline-block;
    min-width: 26px;
    color: #999;
  }

  .pc8473-pk10-number-law-table .same-position-codes span.selected {
    border-radius: 3px;
    background: #bbb;
    color: #fff;
  }

  .pc8473-pk10-two-sided-stats-table,
  .pc8473-pk10-daily-dragon-table {
    width: 1160px;
    margin: 0;
  }

  .pc8473-pk10-two-sided-stats-table td:first-child {
    width: 306px;
  }

  .pc8473-pk10-two-sided-stats-table td:first-child span,
  .pc8473-pk10-two-sided-stats-table td:first-child b {
    display: inline-block;
    margin: 0 10px;
    font-weight: 400;
  }

  .pc8473-pk10-today-number-params {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 14px 0 6px;
    padding: 0;
    border: 0;
  }

  .pc8473-pk10-today-number-swatch {
    position: relative;
    top: 3px;
    width: 10px;
    height: 12px;
    display: inline-block;
    margin-left: 6px;
    margin-right: 4px;
    background: #f1010a;
  }

  .pc8473-pk10-today-number-swatch.blue {
    background: #0092dd;
  }

  .pc8473-pk10-today-number-swatch.green {
    background: #07bf00;
  }

  .pc8473-pk10-today-number-params .pc8473-pk10-today-number-add {
    position: relative;
    top: 2px;
    width: 18px;
    min-width: 18px;
    height: 20px;
    margin-left: 6px;
    padding: 0;
    border-radius: 50%;
    background: #92929c;
    font-size: 16px;
    line-height: 20px;
  }

  .pc8473-pk10-today-number-table tbody td {
    color: #999;
  }

  .pc8473-pk10-today-number-table tbody td.range-red {
    color: #f1010a;
  }

  .pc8473-pk10-today-number-table tbody td.range-blue {
    color: #0092dd;
  }

  .pc8473-pk10-today-number-table tbody td.range-green {
    color: #07bf00;
  }

  .pc8473-pk10-today-number-table {
    width: 1158px;
    margin-left: 1px;
    border-collapse: collapse;
  }

  .pc8473-pk10-today-number-table thead tr:first-child {
    height: 51px;
  }

  .pc8473-pk10-today-number-table thead tr:nth-child(2) {
    height: 46px;
  }

  .pc8473-pk10-today-number-table thead th {
    height: auto;
    padding: 0;
    color: #555;
    background: #ebebeb;
    border-color: #d6d6d6;
  }

  .pc8473-pk10-today-number-table tbody tr,
  .pc8473-pk10-today-number-table tbody th,
  .pc8473-pk10-today-number-table tbody td {
    height: 34px;
    padding: 0;
  }

  .pc8473-pk10-today-number-table tr > :first-child {
    width: 62px;
  }

  .pc8473-pk10-today-number-table tbody th {
    background: #fff;
    border-color: #d6d6d6;
  }

  .pc8473-pk10-today-number-table tbody td {
    border-color: #d6d6d6;
  }

  .pc8473-pk10-today-number-table tbody th > span {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("./assets/pc9567-detail-number-sprite.png");
    background-repeat: no-repeat;
  }

  .pc8473-pk10-today-number-table .pc8473-pk-nub-01 { background-position: 0 -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-02 { background-position: -36px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-03 { background-position: -71px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-04 { background-position: -107px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-05 { background-position: -142px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-06 { background-position: -178px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-07 { background-position: -213px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-08 { background-position: -249px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-09 { background-position: -284px -199px; }
  .pc8473-pk10-today-number-table .pc8473-pk-nub-10 { background-position: -320px -199px; }
}

.draw-number-reveal-sequential {
  /* Keep the result row's geometry and paint stable while a live draw is
     revealed.  Hiding/animating each ball makes the whole page flash when the
     live snapshot and countdown update together. */
  opacity: 1;
  transform: none;
  animation: none;
}

.draw-number-reveal-pop {
  opacity: 1;
  transform: none;
  animation: none;
}

@keyframes draw-number-reveal {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (min-width: 1021px) {
  .pc8473-pk10-dedicated-road,
  .pc8473-pk10-dragon-statistics,
  .pc8473-pk10-sum-trend {
    width: 1200px;
    margin-top: 15px;
    padding: 0;
    overflow: visible;
    color: #555;
    background: #fff;
    font: 14px/1 Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-dedicated-head {
    position: relative;
    width: 1200px;
    height: 47px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
  }

  .pc8473-pk10-dedicated-head h2 {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 46px;
  }

  .pc8473-pk10-dedicated-head .pc8473-pk10-road-dates {
    margin-left: auto;
    padding-right: 0;
  }

  .pc8473-pk10-dedicated-head .pc8473-pk10-road-date-picker {
    right: 0;
  }

  .pc8473-pk10-road-note {
    width: 1160px;
    height: 30px;
    box-sizing: border-box;
    margin: 0 0 15px;
    padding: 0;
    border: 1px solid #dadcdb;
    color: #666;
    background: #edf4fa;
    font-size: 13px;
    line-height: 28px;
  }

  .pc8473-pk10-road-note strong {
    display: inline-block;
    width: 50px;
    margin-left: 10px;
    color: #0079f4;
    font-weight: 700;
  }

  .pc8473-pk10-dragon-filter {
    height: 35px;
  }

  .pc8473-pk10-statistics-content,
  .pc8473-pk10-sum-trend-content {
    width: 1200px;
    box-sizing: border-box;
    padding: 20px;
  }

  .pc8473-pk10-statistics-content > .pc8473-pk10-road-note {
    margin-bottom: 20px;
  }

  .pc8473-pk10-dragon-statistics-table {
    width: 1160px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #555;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-pk10-dragon-statistics-table th,
  .pc8473-pk10-dragon-statistics-table td {
    height: 50px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    color: #555;
    text-align: center;
  }

  .pc8473-pk10-dragon-statistics-table th {
    height: 50px;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 400;
  }

  .pc8473-pk10-dragon-statistics-table th:first-child {
    width: 266.5px;
  }

  .pc8473-pk10-champion-sum-statistics-table {
    width: 1160px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #555;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-pk10-champion-sum-statistics-table th,
  .pc8473-pk10-champion-sum-statistics-table td {
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    text-align: center;
  }

  .pc8473-pk10-champion-sum-statistics-table th {
    height: 48px;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 400;
  }

  .pc8473-pk10-champion-sum-statistics-table th:first-child,
  .pc8473-pk10-champion-sum-statistics-table td:first-child {
    width: 300px;
  }

  .pc8473-pk10-champion-sum-statistics-table th:not(:first-child),
  .pc8473-pk10-champion-sum-statistics-table td:not(:first-child) {
    width: 200px;
  }

  .pc8473-pk10-champion-sum-statistics-table tbody tr:nth-child(even) {
    background: #f5f5f5;
  }

  .pc8473-pk10-sum-trend-range {
    position: relative;
    left: -10px;
    top: 1px;
    height: 46px;
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #555;
    font-size: 12px;
  }

  .pc8473-pk10-sum-trend-range > button {
    min-width: 42px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 4px;
    color: #555;
    background: transparent;
    font-size: 12px;
  }

  .pc8473-pk10-sum-trend-range > button.active {
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-pk10-sum-trend-range > label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 47px;
    white-space: nowrap;
  }

  /* The date control on this analysis page follows the reference's native
   * label/input metrics without changing the shared PK10 date controls. */
  .pc8473-pk10-sum-trend-range > label {
    position: relative;
    left: 1.671875px;
  }

  .pc8473-pk10-sum-trend-range > label .pc8473-pk10-road-date-input {
    position: relative;
    left: -2.671875px;
    color: #000;
    font-size: 13.3333px;
  }

  .pc8473-pk10-sum-trend-annotations {
    width: 1160px;
    height: 25px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #999;
  }

  .pc8473-pk10-sum-trend-annotations > span {
    margin-right: 20px;
  }

  .pc8473-pk10-sum-trend-annotations .pc8473-pk10-road-check {
    margin-right: 20px;
    color: #333;
  }

  .pc8473-pk10-sum-trend-scroll {
    position: relative;
    width: 1158px;
    margin-left: 1px;
    overflow: hidden;
  }

  .pc8473-pk10-sum-trend-canvas {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 1;
    pointer-events: none;
  }

  .pc8473-pk10-sum-trend-canvas[hidden] {
    display: none !important;
  }

  .pc8473-pk10-sum-trend-canvas polyline {
    fill: none;
    stroke: #2da8df;
    stroke-width: 1.5px;
    vector-effect: non-scaling-stroke;
  }

  .pc8473-pk10-sum-trend-table {
    position: relative;
    z-index: 2;
    width: 1158px;
    border-collapse: collapse;
    table-layout: auto;
    color: #555;
    background: transparent;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-pk10-sum-trend-table col.issue { width: 85.875px; }
  .pc8473-pk10-sum-trend-table col.time { width: 100.8125px; }
  .pc8473-pk10-sum-trend-table col.numbers { width: 215.609375px; }
  .pc8473-pk10-sum-trend-table col.sum { width: 58.859375px; }
  .pc8473-pk10-sum-trend-table col.trend { width: 40.921875px; }

  .pc8473-pk10-sum-trend-table th,
  .pc8473-pk10-sum-trend-table td {
    height: 50px;
    box-sizing: content-box;
    padding: 0;
    border: 1px solid #d6d6d6;
    text-align: center;
  }

  .pc8473-pk10-sum-trend-table th {
    height: 38px;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  .pc8473-pk10-sum-trend-table tr.divider td {
    border-bottom: 2px solid #cfcfcf;
  }

  .pc8473-pk10-sum-trend-table tbody td {
    color: #555;
    background: transparent;
  }

  .pc8473-pk10-sum-trend-table tbody td:nth-child(-n+3) {
    background: transparent;
  }

  .pc8473-pk10-sum-trend-table tbody td:nth-child(4) {
    background: #fdfaf5;
  }

  .pc8473-pk10-sum-trend-table td.numbers {
    white-space: nowrap;
  }

  .pc8473-pk10-sum-trend-table td.numbers b {
    margin-right: 3px;
    color: #555;
    font-weight: 400;
  }

  .pc8473-pk10-sum-trend-table td.numbers b.champion { color: #f1020b; }
  .pc8473-pk10-sum-trend-table td.numbers b.runner-up { color: #159be0; }

  .pc8473-pk10-sum-trend-table td.hit {
    position: relative;
    z-index: 4;
  }

  .pc8473-pk10-sum-trend-table td.hit span {
    position: relative;
    z-index: 4;
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #20a3dc;
    font-size: 11px;
  }

  .pc8473-pk10-sum-trend-table.show-layers td.miss.layer {
    color: #fff;
    background: #9595c5;
  }

  .pc8473-pk10-sum-trend-table.show-layers td.hit {
    background: #fff;
  }

  .pc8473-pk10-sum-trend-annotations .pc8473-pk10-road-check.active[data-trend-value="layers"] {
    color: #fa8e19;
  }

  .pc8473-pk10-sum-trend-annotations .pc8473-pk10-road-check.active[data-trend-value="layers"] i {
    background: #fa8e19;
  }

  .pc8473-pk10-sum-trend-annotations .pc8473-pk10-road-check.active[data-trend-value="layers"] i::after {
    border-color: #fff;
  }

  .pc8473-pk10-sum-trend-statistics {
    position: relative;
    z-index: 1;
    width: 1158px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #999;
    background: transparent;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
  }

  .pc8473-pk10-sum-trend-statistics col.label { width: 461.15625px; }
  .pc8473-pk10-sum-trend-statistics col.trend { width: 40.921875px; }

  .pc8473-pk10-sum-trend-statistics th,
  .pc8473-pk10-sum-trend-statistics td {
    height: 50px;
    box-sizing: content-box;
    padding: 0;
    border: 1px solid #d6d6d6;
    font-weight: 400;
    text-align: center;
  }

  .pc8473-pk10-sum-trend-statistics thead th {
    height: 49px;
    color: #555;
    background: #ebebeb;
    font-size: 12px;
    line-height: 12px;
  }

  .pc8473-pk10-sum-trend-statistics tbody th {
    color: #666;
    background: transparent;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-pk10-sum-trend-statistics tbody td {
    color: #999;
    background: transparent;
    font-size: 12px;
    line-height: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .draw-number-reveal-sequential,
  .draw-number-reveal-pop {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@media (min-width: 1021px) {
  /* 1689567 detail-page parity: keep the measured 1200px desktop geometry crisp. */
  .pc8473-detail-site,
  .pc8473-detail-site button,
  .pc8473-detail-site input,
  .pc8473-detail-site select {
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    -webkit-font-smoothing: auto;
    text-rendering: auto;
  }

  .pc8473-detail-main {
    width: 1200px;
    padding-top: 20px;
  }

  .pc8473-current {
    width: 1200px;
    height: 142px;
    min-height: 142px;
    grid-template-columns: 130px 460px 370px 240px;
    align-items: stretch;
    border: 0;
  }

  .pc8473-current > * {
    min-height: 142px;
    box-sizing: border-box;
  }

  .pc8473-current-icon img {
    width: 90px;
    height: 90px;
    object-fit: contain;
  }

  .pc8473-current-numbers {
    display: block;
    padding: 20px 0 0 20px;
  }

  .pc8473-current-numbers h1 {
    height: 22px;
    gap: 7px;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .pc8473-current-numbers h1 span,
  .pc8473-current-numbers h1 b {
    font-size: 14px;
    line-height: 22px;
  }

  .pc8473-current-numbers .pc8473-pk-row,
  .pc8473-current-numbers .pc8473-round-row,
  .pc8473-current-numbers .pc8473-equation,
  .pc8473-current-numbers .pc8473-six-row,
  .pc8473-current-numbers .pc8473-dice-row {
    min-height: 32px;
    gap: 10px;
    margin-top: 15px;
  }

  .pc8473-current-numbers .pc8473-pk-nub,
  .pc8473-current-numbers .pc8473-original-ball,
  .pc8473-current-numbers .pc8473-six-row span,
  .pc8473-current-numbers .pc8473-equation strong {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 20px;
    line-height: 32px;
  }

  .pc8473-current-numbers .pc8473-dice {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }

  .pc8473-current-numbers p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 18px;
  }

  .pc8473-current.is-unavailable .pc8473-current-numbers .data-truth-empty {
    width: auto;
    height: 32px;
    display: flex;
    align-items: center;
    color: #999;
    background: transparent;
    font-size: 14px;
  }

  .pc8473-next {
    display: block;
    padding: 15px 0 0 20px;
  }

  .pc8473-next p {
    height: 24px;
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
  }

  .pc8473-next div {
    justify-content: flex-start;
    gap: 6px;
  }

  .pc8473-next b {
    width: 38px;
    height: 40px;
    color: #ffd200;
    background: #444553;
    font-size: 18px;
    line-height: 40px;
  }

  .pc8473-waiting-source {
    height: 40px;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 14px;
  }

  .pc8473-sound {
    min-height: 108px;
    align-self: center;
    gap: 12px;
  }

  .pc8473-sound button {
    width: 90px;
    height: 32px;
    font-size: 14px;
  }

  .pc8473-analysis {
    width: 1200px;
    min-height: 100px;
    align-content: flex-start;
    padding: 20px;
    border: 0;
    border-top: 2px solid #f0f0f0;
  }

  .pc8473-analysis button {
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
  }

  .pc8473-analysis button.active {
    border-radius: 4px;
    background: #fa8e19;
  }

  .pc8473-detail-family-ssc .pc8473-analysis,
  .pc8473-detail-family-happy .pc8473-analysis {
    min-height: 100px;
    height: 100px;
    padding-bottom: 18px;
  }

  .pc8473-record-panel {
    width: 1200px;
    margin-top: 15px;
    padding-bottom: 20px;
  }

  .pc8473-record-head {
    height: 54px;
    gap: 25px;
    padding: 0 20px;
  }

  .pc8473-record-head h2 {
    margin-right: 0;
    font-size: 18px;
    line-height: 54px;
  }

  .pc8473-record-head > button {
    height: 30px;
    padding: 0 16px;
    font-size: 14px;
  }

  .pc8473-record-head > div {
    gap: 10px;
  }

  .pc8473-record-head i {
    width: 26px;
    height: 22px;
    cursor: pointer;
  }

  .pc8473-record-head > div > button {
    width: 112px;
    height: 34px;
    margin-left: 20px;
    font-size: 14px;
  }

  .pc8473-table {
    width: 1160px;
    margin: 20px;
    table-layout: fixed;
    font-size: 14px;
    line-height: 1;
  }

  .pc8473-table th,
  .pc8473-table td {
    height: 34px;
    padding: 0 4px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
  }

  .pc8473-table th {
    height: 26px;
    background: #e7e7e7;
    font-size: 14px;
  }

  .pc8473-table thead tr:first-child th[rowspan="2"] {
    height: 52px;
  }

  .pc8473-table th:first-child,
  .pc8473-table td:first-child {
    width: 205px;
  }

  .pc8473-table th:nth-child(2),
  .pc8473-table td:nth-child(2) {
    width: 110px;
  }

  .pc8473-table .pc8473-number-heading {
    width: 470px;
    padding: 0;
  }

  .pc8473-number-mode-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .pc8473-number-mode-buttons button {
    width: 80px;
    height: 26px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #b9b9b9;
    font-size: 12px;
    line-height: 26px;
  }

  .pc8473-number-mode-buttons button.active {
    background: #50515f;
  }

  .pc8473-table-number-modes > [data-number-view] {
    display: none;
  }

  .pc8473-table[data-number-mode="number"] [data-number-view="number"],
  .pc8473-table[data-number-mode="size"] [data-number-view="size"],
  .pc8473-table[data-number-mode="parity"] [data-number-view="parity"] {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pc8473-table-number-modes [data-number-view="size"],
  .pc8473-table-number-modes [data-number-view="parity"] {
    gap: 3px;
  }

  .pc8473-table-number-modes [data-number-view="size"] b,
  .pc8473-table-number-modes [data-number-view="parity"] b {
    width: 32px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 3px;
    background: #f4f4f4;
    font-weight: 400;
  }

  .pc8473-table .pc8473-pk-row,
  .pc8473-table .pc8473-round-row,
  .pc8473-table .pc8473-equation,
  .pc8473-table .pc8473-six-row,
  .pc8473-table .pc8473-dice-row {
    min-height: 32px;
    gap: 3px;
    justify-content: center;
  }

  .pc8473-table .pc8473-pk-nub,
  .pc8473-table .pc8473-original-ball,
  .pc8473-table .pc8473-six-row span,
  .pc8473-table .pc8473-equation strong {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 18px;
    line-height: 32px;
  }

  .pc8473-table .pc8473-dice {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }

  .pc8473-table .pc8473-dice i {
    transform: scale(.94);
  }

  .pc8473-table .pc8473-equation em,
  .pc8473-table .pc8473-six-row em {
    width: 18px;
    font-size: 22px;
  }

  .pc8473-table tbody tr:nth-child(odd) {
    background: #fff;
  }

  .pc8473-table tbody tr:nth-child(even) {
    background: #e9e9e9;
  }

  .pc8473-table .pc8473-empty-history td {
    height: 104px;
    color: #999;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-table .red {
    color: #f11e36;
  }

  .pc8473-table .blue {
    color: #1557e7;
  }

  .pc8473-record-panel.eye-green {
    background: #effaf4;
  }

  .pc8473-record-panel.eye-blue {
    background: #eef7fb;
  }

  .pc8473-record-panel.eye-color {
    background: linear-gradient(135deg, #fff8f2, #f1fff8 52%, #f1f8ff);
  }
}

/* PK10 mobile analysis pages: measured against the 390px original detail UI. */
@media (max-width: 1020px) {
  #mobileDetail .pk10-analysis-nav {
    box-sizing: border-box;
    width: 100%;
    height: 52px;
    display: flex;
    grid-template-columns: none;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-analysis-nav::-webkit-scrollbar,
  #mobileDetail .pk10-road-scroll::-webkit-scrollbar {
    display: none;
  }

  #mobileDetail .pk10-analysis-nav button {
    position: relative;
    width: auto;
    min-width: 92px;
    height: 52px;
    flex: 0 0 auto;
    padding: 0 14px;
    border: 0;
    color: #666;
    background: transparent;
    font-family: "microsoft yahei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 52px;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    transition: none !important;
  }

  #mobileDetail .pk10-analysis-nav button.active {
    color: #fb8e19;
  }

  #mobileDetail .pk10-analysis-nav button:hover {
    outline: 0;
    color: #666;
    background: transparent;
    box-shadow: none;
    filter: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:focus-visible {
    outline: 0;
    color: #fb8e19;
    background: transparent;
    box-shadow: none;
    filter: none;
    transform: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button.active:hover,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button.active:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button.active:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button.active:focus-visible {
    color: #fb8e19;
  }

  #mobileDetail .pk10-analysis-nav button::before,
  #mobileDetail .pk10-analysis-nav button::after {
    content: none;
  }

  #mobileDetail .pk10-analysis-viewport {
    overflow: clip;
    background: #f0eff5;
  }

  #mobileDetail .pk10-analysis-host {
    min-height: 0;
    color: #333;
    background: #f2f2f7;
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  #mobileDetail .pk10-analysis-host.pk10-analysis-switching {
    pointer-events: none;
    will-change: transform;
  }

  #mobileDetail .pk10-analysis-empty {
    box-sizing: border-box;
    min-height: 180px;
    display: grid;
    place-items: center;
    color: #999;
    background: #f2f2f7;
    font-size: 15px;
  }

  #mobileDetail .pk10-analysis-datebar {
    box-sizing: border-box;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    padding: 11px 8px 0;
    border-bottom: 1px solid #d9d9dc;
    background: #fafafa;
  }

  #mobileDetail .pk10-analysis-datebar button {
    height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 10px;
    border: 0;
    color: #111;
    background: transparent;
    font: inherit;
    font-size: 15px;
    white-space: nowrap;
  }

  #mobileDetail .pk10-analysis-datebar button.active {
    color: #e59729;
  }

  #mobileDetail .pk10-analysis-datebar button:last-child {
    padding-right: 0;
  }

  #mobileDetail .pk10-analysis-datebar svg,
  #mobileDetail .pk10-trend-toolbar svg,
  #mobileDetail .pk10-road-filters svg,
  #mobileDetail .pk10-front-back-filter svg {
    width: 18px;
    height: 18px;
    color: #9a9a9a;
    stroke-width: 1.5;
  }

  #mobileDetail .pk10-double-stats {
    display: grid;
    gap: 13px;
    padding: 14px 10px 28px;
  }

  #mobileDetail .pk10-stat-card {
    overflow: hidden;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 4px 13px rgba(31, 31, 31, 0.08);
  }

  #mobileDetail .pk10-stat-card h2 {
    height: 42px;
    margin: 0;
    color: #fff;
    background: #ff982d;
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
  }

  #mobileDetail .pk10-stat-tone-1 h2 {
    background: #32a7df;
  }

  #mobileDetail .pk10-stat-tone-2 h2 {
    background: #9aa7c7;
  }

  #mobileDetail .pk10-stat-pairs {
    display: grid;
  }

  #mobileDetail .pk10-stat-pairs-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #mobileDetail .pk10-stat-pairs-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #mobileDetail .pk10-stat-pairs > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e6e6e6;
  }

  #mobileDetail .pk10-stat-pairs > div:last-child {
    border-right: 0;
  }

  #mobileDetail .pk10-stat-pairs span,
  #mobileDetail .pk10-stat-pairs strong {
    height: 42px;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 400;
  }

  #mobileDetail .pk10-stat-pairs strong {
    color: #666;
    border-top: 1px solid #e6e6e6;
  }

  #mobileDetail .pk10-long-dragon {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 10px;
    padding: 16px 10px 28px;
  }

  #mobileDetail .pk10-long-dragon article {
    min-height: 48px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: #555;
    background: #fff;
    box-shadow: 0 3px 12px rgba(31, 31, 31, 0.09);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  #mobileDetail .pk10-long-dragon p {
    grid-column: 1 / -1;
    margin: 40px 0;
    color: #999;
    text-align: center;
  }

  #mobileDetail .pk10-distribution-controls {
    padding: 13px 10px 15px;
    border-bottom: 0.8vw solid #f2f2f7;
    background: #fff;
  }

  #mobileDetail .pk10-distribution-datebar {
    height: 9.8462vw;
    margin-top: 2.923vw;
    padding-top: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-distribution-datebar {
    height: 9.8462vw;
    margin-top: 2.923vw;
    padding-top: 0;
  }

  /* At 430px the reference keeps the larger separator below the filter;
   * retain that measured spacing while the row pitch scales with the viewport. */
  @media (min-width: 400px) {
    #mobileDetail .pk10-distribution-controls {
      border-bottom-width: 10px;
    }
  }

  #mobileDetail .pk10-number-filter {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 5px;
  }

  #mobileDetail .pk10-number-filter button {
    height: 9.6vw;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #777;
    background: #fff;
    font: inherit;
    font-size: 14px;
  }

  #mobileDetail .pk10-number-filter button.active {
    border-color: #fb921c;
    color: #fff;
    background: #fb921c;
  }

  #mobileDetail .pk10-group-filter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #fb921c;
    border-radius: 4px;
  }

  #mobileDetail .pk10-group-filter button {
    height: 7.4667vw;
    padding: 0;
    border: 0;
    border-right: 1px solid #fb921c;
    color: #e99325;
    background: #fff;
    font: inherit;
    font-size: 16px;
    line-height: 7.4667vw;
  }

  #mobileDetail .pk10-group-filter button:last-child {
    border-right: 0;
  }

  #mobileDetail .pk10-group-filter button.active {
    color: #fff;
    background: #fb921c;
  }

  #mobileDetail .pk10-distribution-table {
    background: #fff;
  }

  #mobileDetail .pk10-distribution-row {
    min-height: 11.4vw;
    height: 11.4vw;
    display: grid;
    grid-template-columns: 10% 14% 76%;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #e8e8e8;
    color: #666;
    font-size: 12px;
  }

  #mobileDetail .pk10-distribution-row > div {
    display: flex;
    justify-content: space-between;
    gap: 3px;
  }

  #mobileDetail .pk10-analysis-host .pk10-distribution-row .sq {
    width: 5.865vw !important;
    height: 5.865vw !important;
    display: block;
    flex: 0 0 5.865vw !important;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-mobile-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    background-size: 94.4vw auto !important;
    font-size: 0 !important;
  }

  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-01 { background-position: -2.133vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-02 { background-position: -10.4vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-03 { background-position: -18.347vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-04 { background-position: -26.347vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-05 { background-position: -34.48vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-06 { background-position: -42.56vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-07 { background-position: -50.56vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-08 { background-position: -58.667vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-09 { background-position: -66.933vw -1.84vw !important; }
  #mobileDetail .pk10-distribution-row .pk10-mobile-nub-10 { background-position: -74.933vw -1.84vw !important; }

  #mobileDetail .pk10-selected-opacity {
    opacity: 0.18;
  }

  #mobileDetail .pk10-trend-toolbar,
  #mobileDetail .pk10-road-filters,
  #mobileDetail .pk10-front-back-filter {
    min-height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }

  #mobileDetail .pk10-trend-toolbar button,
  #mobileDetail .pk10-road-filters button,
  #mobileDetail .pk10-front-back-filter button {
    min-width: 0;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex: 1 1 0;
    padding: 0 6px;
    border: 0;
    color: #555;
    background: #fff;
    font: inherit;
    font-size: 15px;
  }

  #mobileDetail .pk10-trend-toolbar button:first-child,
  #mobileDetail .pk10-front-back-filter button {
    color: #e3992b;
  }

  #mobileDetail .pk10-trend-table {
    position: relative;
    overflow: hidden;
    background: #fff;
    font-family: "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-trend-table header,
  #mobileDetail .pk10-trend-row {
    display: grid;
    grid-template-columns: 17% 10% repeat(10, minmax(0, 1fr));
  }

  #mobileDetail .pk10-trend-table header {
    height: 42px;
    align-items: center;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
  }

  #mobileDetail .pk10-trend-table header b,
  #mobileDetail .pk10-trend-table header i {
    font-style: normal;
    font-weight: 400;
  }

  #mobileDetail .pk10-trend-body {
    position: relative;
  }

  #mobileDetail .pk10-trend-row {
    position: relative;
    z-index: 1;
    height: 36px;
    border-bottom: 1px solid #ddd;
    color: #888;
    font-size: 12px;
    text-align: center;
  }

  #mobileDetail .pk10-trend-divider {
    height: 0;
    border-bottom: 2px solid #d6d6d6;
  }

  #mobileDetail .pk10-trend-row > span,
  #mobileDetail .pk10-trend-row > b,
  #mobileDetail .pk10-trend-row > i {
    display: grid;
    place-items: center;
    border-right: 1px solid #e2e2e2;
    font-style: normal;
    font-weight: 400;
  }

  #mobileDetail .pk10-trend-row > b {
    color: #e51220;
    font-size: 16px;
  }

  #mobileDetail .pk10-trend-row > i.hit {
    width: 24px;
    height: 24px;
    align-self: center;
    justify-self: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: #079bd9;
    font-size: 13px;
  }

  #mobileDetail .pk10-trend-table.show-layers .pk10-trend-row > i.miss.layer {
    color: #fff;
    background: #9595c5;
  }

  #mobileDetail .pk10-trend-line {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    width: 73%;
    height: 100%;
    pointer-events: none;
  }

  #mobileDetail .pk10-trend-line line {
    fill: none;
    stroke: #0092e0;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }

  #mobileDetail .pk10-road-modes {
    height: 52px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #fff;
  }

  #mobileDetail .pk10-road-modes button {
    border: 0;
    border-right: 1px solid #ddd;
    color: #111;
    background: #fff;
    font: inherit;
    font-size: 16px;
  }

  #mobileDetail .pk10-road-modes button.active {
    color: #fff;
    background: #535568;
  }

  #mobileDetail .pk10-road-panels {
    background: #f2f2f7;
  }

  #mobileDetail .pk10-road-panel {
    margin-bottom: 12px;
    background: #fff;
  }

  #mobileDetail .pk10-road-panel header {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 400;
  }

  #mobileDetail .pk10-road-panel header span {
    color: #999;
    white-space: nowrap;
  }

  #mobileDetail .pk10-road-panel header strong {
    color: #e51b28;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
  }

  #mobileDetail .pk10-road-scroll {
    box-sizing: border-box;
    width: 100%;
    height: 210px;
    overflow: auto;
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-road-columns {
    min-width: 100%;
    width: max-content;
    min-height: 210px;
    display: flex;
    align-items: flex-start;
  }

  #mobileDetail .pk10-road-columns > div {
    width: 40px;
    flex: 0 0 40px;
    border-right: 1px solid #ddd;
  }

  #mobileDetail .pk10-road-columns span {
    box-sizing: border-box;
    width: 40px;
    height: 30px;
    display: grid;
    place-items: center;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
  }

  #mobileDetail .pk10-road-columns span.warm {
    color: #e51b28;
  }

  #mobileDetail .pk10-road-columns span.cool {
    color: #888;
  }

  #mobileDetail .pk10-front-back-filter {
    justify-content: flex-start;
  }

  #mobileDetail .pk10-front-back-filter button {
    max-width: 150px;
    justify-content: flex-start;
    padding-left: 12px;
  }

  #mobileDetail .pk10-picker-backdrop {
    position: fixed;
    z-index: 1500;
    inset: 0;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.38);
  }

  #mobileDetail .pk10-picker-sheet {
    width: 100%;
    max-height: 62vh;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.12);
  }

  #mobileDetail .pk10-picker-sheet > header {
    height: 50px;
    display: grid;
    grid-template-columns: 70px 1fr 70px;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }

  #mobileDetail .pk10-picker-sheet > header button {
    height: 50px;
    border: 0;
    color: #e48e22;
    background: #fff;
    font: inherit;
    font-size: 16px;
  }

  #mobileDetail .pk10-picker-sheet > header strong {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
  }

  #mobileDetail .pk10-picker-date {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr;
  }

  #mobileDetail .pk10-picker-wheel {
    height: 210px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 84px 0;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-picker-wheel::-webkit-scrollbar {
    display: none;
  }

  #mobileDetail .pk10-picker-wheel button {
    width: 100%;
    height: 42px;
    display: block;
    padding: 0;
    scroll-snap-align: center;
    border: 0;
    color: #999;
    background: #fff;
    font: inherit;
    font-size: 17px;
  }

  #mobileDetail .pk10-picker-wheel button.selected {
    color: #111;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 19px;
  }

  #mobileDetail .pk10-picker-checks {
    max-height: 310px;
    overflow-y: auto;
    padding: 5px 18px 14px;
  }

  #mobileDetail .pk10-picker-checks button {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    color: #333;
    background: #fff;
    font: inherit;
    font-size: 16px;
    text-align: left;
  }

  #mobileDetail .pk10-picker-checks button i {
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #aaa;
    border-radius: 50%;
  }

  #mobileDetail .pk10-picker-checks button.selected i {
    border: 6px solid #ff961f;
  }

  #mobileDetail .pk10-picker-number-checks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 16px;
  }

  #mobileDetail .pk10-picker-actions {
    height: 44px;
    display: flex;
    border-bottom: 1px solid #ddd;
  }

  #mobileDetail .pk10-picker-actions button {
    flex: 1;
    border: 0;
    color: #e48e22;
    background: #fff;
    font: inherit;
    font-size: 16px;
  }

  /* PK10 five-page parity lock: values are proportional to the original 390px UI. */
  #mobileDetail .pk10-double-stats {
    display: block;
    padding: 2.923vw 2.667vw 2.667vw;
  }

  #mobileDetail .pk10-stat-card {
    height: 28.8vw;
    margin-top: 2.667vw;
    border-radius: 1.067vw;
    box-shadow: 0 1.067vw 1.6vw rgba(0, 0, 0, 0.09);
  }

  #mobileDetail .pk10-stat-card h2 {
    height: 9.6vw;
    border-radius: 1.067vw 1.067vw 0 0;
    background: #9da9c2;
    font-size: 4.267vw;
    line-height: 9.6vw;
  }

  #mobileDetail .pk10-stat-card.pk10-stat-champion h2 {
    background: #fa9932;
  }

  #mobileDetail .pk10-stat-card.pk10-stat-runner-up h2 {
    background: #2eaae8;
  }

  #mobileDetail .pk10-stat-pairs span,
  #mobileDetail .pk10-stat-pairs strong {
    height: 9.6vw;
    color: #666;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-long-dragon {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.4vw 2.667vw;
    padding: calc(2.4vw + 2.923vw) 2.667vw 2.667vw;
  }

  #mobileDetail .pk10-long-dragon article {
    box-sizing: border-box;
    min-height: 11.733vw;
    display: block;
    overflow: hidden;
    padding: 0;
    border-radius: 0.533vw;
    color: #666;
    box-shadow: 0 1.067vw 1.6vw rgba(0, 0, 0, 0.09);
    font-size: 3.467vw;
    line-height: 11.733vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-long-count-hot {
    color: #f11821;
  }

  #mobileDetail .pk10-trend-toolbar {
    box-sizing: border-box;
    width: 100%;
    min-height: 9.6vw;
    height: 9.6vw;
    display: flex;
    border-bottom: 1px solid #d2d2d2;
  }

  #mobileDetail .pk10-trend-toolbar > button {
    width: 18.12vw;
    height: 9.6vw;
    flex: 0 0 18.12vw;
    justify-content: flex-start;
    /* The reference labels start at the control's left edge.  The previous
     * 0.4vw inset left the chevron touching the final glyph at 390/430px. */
    padding: 0;
    color: #111;
    font-size: 3.2vw;
    line-height: 9.6vw;
  }

  #mobileDetail .pk10-trend-toolbar > button:first-child {
    color: #fb8e19;
  }

  #mobileDetail .pk10-trend-toolbar svg,
  #mobileDetail .pk10-road-controlbar svg,
  #mobileDetail .pk10-front-back-controlbar svg,
  #mobileDetail .pk10-big-dragon-dates svg {
    width: 4.267vw;
    height: 4.267vw;
    color: #b6b6b6;
    stroke-width: 1.4;
  }

  #mobileDetail .pk10-trend-dates,
  #mobileDetail .pk10-big-dragon-dates {
    height: 9.6vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 auto;
    background: transparent;
  }

  #mobileDetail .pk10-trend-dates button,
  #mobileDetail .pk10-big-dragon-dates button {
    height: 9.6vw;
    display: inline-flex;
    align-items: center;
    gap: 0.267vw;
    padding: 0 2.267vw;
    border: 0;
    color: #111;
    background: transparent;
    font: inherit;
    font-size: 3.2vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-trend-dates button.active,
  #mobileDetail .pk10-big-dragon-dates button.active {
    color: #fb8e19;
  }

  #mobileDetail .pk10-trend-dates button:last-child,
  #mobileDetail .pk10-big-dragon-dates button:last-child {
    padding-right: 0.8vw;
  }

  #mobileDetail .pk10-trend-toolbar {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
  }

  #mobileDetail .pk10-trend-toolbar button,
  #mobileDetail .pk10-big-dragon-dates button {
    position: relative;
  }

  #mobileDetail .pk10-trend-toolbar svg,
  #mobileDetail .pk10-big-dragon-dates svg {
    position: absolute;
    top: 1.867vw;
    right: -0.533vw;
    width: 5.333vw;
    height: 5.333vw;
  }

  #mobileDetail .pk10-trend-dates button:last-child,
  #mobileDetail .pk10-big-dragon-dates button:last-child {
    padding-right: 5.333vw;
  }

  #mobileDetail .pk10-trend-table header,
  #mobileDetail .pk10-trend-row,
  #mobileDetail .pk10-trend-stat-row {
    grid-template-columns: 16.8% 9.8% repeat(10, 7.34%);
  }

  #mobileDetail .pk10-trend-table header > *,
  #mobileDetail .pk10-trend-row > *,
  #mobileDetail .pk10-trend-stat-row > * {
    box-sizing: border-box;
    min-width: 0;
  }

  #mobileDetail .pk10-trend-table header {
    height: 6.923vw;
    border-bottom: 1px solid #dbdbdb;
    background: #f0f0f0;
    font-size: 3.733vw;
  }

  #mobileDetail .pk10-trend-row {
    z-index: 1;
    height: 6.923vw;
    border-bottom: 1px solid #dbdbdb;
    color: #999;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-trend-row > b {
    color: #ef020a;
    font-size: 3.733vw;
    font-weight: 600;
  }

  #mobileDetail .pk10-trend-row > i.hit {
    position: relative;
    z-index: 3;
    width: 4.267vw;
    height: 4.267vw;
    background: #0092e0;
    font-size: 3.2vw;
    line-height: 4.267vw;
  }

  #mobileDetail .pk10-trend-line {
    z-index: 2;
    width: 73.4%;
  }

  #mobileDetail .pk10-trend-line polyline {
    stroke: #00a0fc;
    stroke-width: 1;
  }

  #mobileDetail .pk10-trend-statistics {
    color: #999;
    background: #dbdbdb;
  }

  #mobileDetail .pk10-trend-stat-row {
    min-height: 6.923vw;
    display: grid;
    margin-top: 1px;
    background: #dbdbdb;
    font-size: 3.2vw;
    text-align: center;
  }

  #mobileDetail .pk10-trend-stat-row > span,
  #mobileDetail .pk10-trend-stat-row > i {
    min-width: 0;
    display: grid;
    place-items: center;
    background: #fff;
    border-right: 1px solid #dbdbdb;
    font-style: normal;
    font-weight: 400;
  }

  #mobileDetail .pk10-trend-stat-row > span {
    grid-column: span 2;
  }

  #mobileDetail .pk10-trend-stat-heading {
    color: #333;
    font-size: 3.733vw;
  }

  #mobileDetail .pk10-trend-stat-heading > span,
  #mobileDetail .pk10-trend-stat-heading > i {
    background: #f0f0f0;
  }

  #mobileDetail .pk10-trend-more-arrow {
    box-sizing: border-box;
    height: 15.385vw;
    display: grid;
    place-items: center;
    margin: 0;
    color: #111;
    background: #f0eff5;
    font-size: 5.333vw;
  }

  #mobileDetail .pk10-trend-more-arrow::before {
    content: "";
    position: absolute;
    width: 32vw;
    height: 10.667vw;
    border-radius: 1.067vw;
    background: #d2d2d2;
  }

  #mobileDetail .pk10-trend-more-arrow {
    position: relative;
    z-index: 0;
  }

  #mobileDetail .pk10-trend-more-arrow {
    line-height: 10.667vw;
  }

  #mobileDetail .pk10-trend-more-arrow {
    isolation: isolate;
  }

  #mobileDetail .pk10-trend-more-arrow::before {
    z-index: -1;
  }

  #mobileDetail .pk10-big-dragon {
    overflow: hidden;
    background: #fff;
  }

  #mobileDetail .pk10-big-dragon-dates {
    box-sizing: border-box;
    height: 10.667vw;
    border-bottom: 1px solid #d2d2d2;
  }

  #mobileDetail .pk10-big-dragon table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #999;
    background: #fff;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-big-dragon th,
  #mobileDetail .pk10-big-dragon td {
    border: 1px solid #e6e6e6;
    text-align: center;
  }

  #mobileDetail .pk10-big-dragon th {
    height: 10.667vw;
    color: #333;
    background: #f5f5f5;
    font-weight: 400;
  }

  #mobileDetail .pk10-big-dragon th:first-child {
    width: 22%;
  }

  #mobileDetail .pk10-big-dragon th:nth-child(2) {
    width: 48%;
  }

  #mobileDetail .pk10-big-dragon td {
    height: 12.82vw;
  }

  #mobileDetail .pk10-big-dragon td:nth-child(2) span {
    margin-right: 1.026vw;
    font-weight: 500;
  }

  #mobileDetail .pk10-big-dragon .front-five {
    color: #ff9933;
  }

  #mobileDetail .pk10-big-dragon .back-five {
    color: #5dade2;
  }

  #mobileDetail .pk10-big-dragon td b {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #ff9933;
    font-size: 3.467vw;
    font-weight: 400;
  }

  #mobileDetail .pk10-big-dragon td:last-child b {
    background: #5dade2;
  }

  #mobileDetail .pk10-road-modes {
    height: 12vw;
  }

  #mobileDetail .pk10-road-modes button {
    border-right-color: #fff;
    background: #f5f5f5;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-road-modes button.active {
    background: #50515f;
  }

  #mobileDetail .pk10-road-controlbar,
  #mobileDetail .pk10-front-back-controlbar {
    box-sizing: border-box;
    height: 9.856vw;
    display: flex;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
  }

  #mobileDetail .pk10-road-filters,
  #mobileDetail .pk10-front-back-filter {
    width: 36.24vw;
    min-height: 9.6vw;
    display: flex;
    flex: 0 0 36.24vw;
    border: 0;
  }

  #mobileDetail .pk10-road-filters button,
  #mobileDetail .pk10-front-back-filter button {
    width: 18.12vw;
    height: 9.6vw;
    flex: 0 0 18.12vw;
    justify-content: flex-start;
    padding: 0;
    color: #fb8e19;
    font-size: 3.2vw;
    line-height: 9.6vw;
  }

  #mobileDetail .pk10-front-back-filter button {
    width: 25.6vw;
    max-width: none;
    flex-basis: 25.6vw;
    padding-left: 0;
  }

  #mobileDetail .pk10-road-controlbar .pk10-analysis-datebar,
  #mobileDetail .pk10-front-back-controlbar .pk10-analysis-datebar {
    height: 9.6vw;
    flex: 1 1 auto;
    padding: 0;
    border: 0;
    background: #fff;
  }

  #mobileDetail .pk10-road-controlbar .pk10-analysis-datebar button,
  #mobileDetail .pk10-front-back-controlbar .pk10-analysis-datebar button {
    height: 9.6vw;
    padding: 0 2.267vw;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-road-controlbar .pk10-analysis-datebar button:last-child,
  #mobileDetail .pk10-front-back-controlbar .pk10-analysis-datebar button:last-child {
    padding-right: 0.8vw;
  }

  #mobileDetail .pk10-road-panels {
    padding-bottom: 0;
    background: #f0eff5;
  }

  #mobileDetail .pk10-road-panel {
    margin-bottom: 2.667vw;
  }

  #mobileDetail .pk10-road-panel header {
    box-sizing: border-box;
    min-height: 9.333vw;
    height: 9.333vw;
    padding: 0 2.667vw;
    border-bottom: 0;
    font-size: 3.2vw;
    line-height: 9.333vw;
  }

  #mobileDetail .pk10-road-panel header strong {
    font-size: 3.467vw;
  }

  #mobileDetail .pk10-front-back-panel header {
    min-height: 10.667vw;
    height: 10.667vw;
    line-height: 10.667vw;
  }

  #mobileDetail .pk10-road-scroll {
    width: 100%;
    height: auto;
    min-height: 21.795vw;
    overflow-x: auto;
    overflow-y: hidden;
    direction: rtl;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    touch-action: pan-x;
  }

  #mobileDetail .pk10-road-columns {
    width: max-content;
    min-width: 100%;
    min-height: 21.795vw;
    align-items: stretch;
    justify-content: flex-start;
    direction: ltr;
  }

  #mobileDetail .pk10-road-columns > div {
    box-sizing: border-box;
    width: 7.692vw;
    min-height: 21.795vw;
    flex: 0 0 7.692vw;
    padding: 1.333vw 0 2.133vw;
    border-right: 0;
    border-left: 1px solid #e5e5e5;
    background: #f5f5f5;
  }

  #mobileDetail .pk10-road-columns > div:nth-child(even) {
    background: #fff;
  }

  #mobileDetail .pk10-road-columns span {
    width: 100%;
    height: 3.733vw;
    border: 0;
    font-family: "Microsoft YaHei", "microsoft yahei", sans-serif;
    font-size: 3.2vw;
    line-height: 3.733vw;
  }

  #mobileDetail .pk10-road-columns span.warm {
    color: #f0272c;
  }

  #mobileDetail .pk10-road-columns span.cool {
    color: #989898;
  }

  #mobileDetail .pk10-picker-sheet {
    max-height: 76vh;
  }

  #mobileDetail .pk10-picker-road-checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 4.267vw;
  }
}

.data-truth-loading,
.data-truth-empty {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  color: #777;
  text-align: center;
}

.data-truth-panel {
  margin: 20px auto;
  padding: 32px 24px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  background: #fff;
  color: #555;
  text-align: center;
}

.data-truth-panel h1,
.data-truth-panel h2 {
  margin: 0 0 12px;
  color: #333;
}

.data-truth-panel p {
  margin: 0;
  line-height: 1.7;
}

/* Prevent tiny root-level horizontal drift from fixed/floating PC elements. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Functional completion pass: dialogs, news detail, service, feedback, sound, and mobile analysis. */
@media (min-width: 1021px) {
  .pc8473-float {
    right: max(12px, calc((100vw - var(--pc-canvas, 1200px)) / 2 - 58px)) !important;
  }

  .pc8473-service-panel,
  .pc8473-sound-panel,
  .pc8473-feedback-result {
    color: #333;
  }

  .pc8473-service-head {
    padding: 18px 20px;
    border-bottom: 1px solid #eeeeee;
    background: #fff7ee;
  }

  .pc8473-service-head strong,
  .pc8473-feedback-result strong {
    display: block;
    color: #ff7900;
    font-size: 22px;
    line-height: 1.3;
  }

  .pc8473-service-head span,
  .pc8473-feedback-result p,
  .pc8473-feedback-result span {
    color: #777;
    font-size: 14px;
  }

  .pc8473-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    padding: 18px 20px;
  }

  .pc8473-service-grid button,
  .pc8473-sound-panel button {
    min-height: 72px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    background: #fff;
    color: #333;
  }

  .pc8473-service-grid button.active,
  .pc8473-sound-panel button.active {
    border-color: #ff7900;
    color: #ff7900;
    background: #fff8f0;
  }

  .pc8473-service-grid b {
    display: block;
    font-size: 16px;
  }

  .pc8473-service-grid span {
    display: block;
    margin-top: 6px;
    color: #999;
    font-size: 12px;
  }

  .pc8473-service-list {
    margin: 0;
    padding: 0 20px 20px;
    list-style: none;
  }

  .pc8473-service-list li {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid #f0f0f0;
  }

  .pc8473-feedback-form {
    display: grid;
    gap: 14px;
  }

  .pc8473-feedback-form label,
  .pc8473-account-form label {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 10px;
    align-items: center;
    color: #555;
  }

  .pc8473-feedback-form input,
  .pc8473-feedback-form select,
  .pc8473-feedback-form textarea,
  .pc8473-account-form input {
    width: 100%;
    min-height: 38px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 0 10px;
    font: inherit;
  }

  .pc8473-feedback-form textarea {
    min-height: 112px;
    padding-top: 9px;
    resize: vertical;
  }

  .pc8473-account-form {
    display: grid;
    gap: 12px;
  }

  .pc8473-account-form b {
    justify-self: start;
    padding: 8px 14px;
    border-radius: 3px;
    background: #ff7900;
    color: #fff;
    letter-spacing: 2px;
  }

  .pc8473-sound-panel p {
    margin: 0 0 16px;
    color: #666;
  }

  .pc8473-sound-panel div {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 18px;
  }

  .pc8473-sound-panel label {
    display: block;
    margin-top: 10px;
    color: #555;
  }

  .pc8473-news-detail-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 24px;
    padding-top: 24px;
  }

  .pc8473-news-article,
  .pc8473-news-related {
    background: #fff;
    border: 1px solid #eeeeee;
  }

  .pc8473-news-article {
    padding: 28px 32px 34px;
  }

  .pc8473-news-article h1 {
    margin: 0 0 12px;
    color: #222;
    font-size: 28px;
    line-height: 1.35;
  }

  .pc8473-news-article header p {
    display: flex;
    gap: 22px;
    margin: 0 0 20px;
    color: #999;
  }

  .pc8473-news-article-cover {
    height: 260px;
    margin-bottom: 22px;
    background: url("./assets/pc9567-crops/desktop-hero.png") center/cover no-repeat;
  }

  .pc8473-news-article > p {
    color: #444;
    font-size: 16px;
    line-height: 2;
  }

  .pc8473-news-related {
    align-self: start;
    padding: 18px;
  }

  .pc8473-news-related h2 {
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
    font-size: 20px;
  }

  .pc8473-news-related button,
  .pc8473-news-lead {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
    color: #333;
    text-align: left;
    line-height: 1.5;
  }

  .pc8473-news-lead {
    margin: 0 0 14px;
    padding: 0 0 12px;
    color: #222;
    font-size: 22px;
    font-weight: 700;
  }

  .pc8473-news-related button {
    padding: 10px 0;
    font-size: 14px;
  }

  .pc8473-news-related button span {
    display: block;
    color: #aaa;
    font-size: 12px;
  }
}

@media (max-width: 1020px) {
  .mobile168-news-page article {
    cursor: pointer;
  }

  .mobile168-news-detail,
  .mobile168-analysis-page {
    background: #f1f1f6 !important;
  }

  .mobile168-news-article,
  .mobile168-analysis-current,
  .mobile168-news-related,
  .mobile168-analysis-table {
    margin: 10px;
    border-radius: 5px;
    background: #fff;
  }

  .mobile168-news-article {
    padding: 16px 15px 18px;
  }

  .mobile168-news-article h1 {
    margin: 0 0 8px;
    color: #111;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
  }

  .mobile168-news-meta {
    display: flex;
    gap: 16px;
    margin: 0 0 12px;
    color: #999;
    font-size: 12px;
  }

  .mobile168-news-cover {
    height: 128px;
    margin: 0 0 14px;
    border-radius: 4px;
    background: url("./assets/pc9567-crops/desktop-hero.png") center/cover no-repeat;
  }

  .mobile168-news-article p {
    color: #444;
    font-size: 16px;
    line-height: 1.85;
  }

  .mobile168-news-related {
    display: grid;
    padding: 8px 14px;
  }

  .mobile168-news-related button {
    min-height: 42px;
    border: 0;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
    color: #333;
    text-align: left;
    font-size: 14px;
  }

  .mobile168-analysis-current {
    padding: 14px;
  }

  .mobile168-analysis-current h2 {
    margin: 0 0 10px;
    color: #222;
    font-size: 20px;
    font-weight: 500;
  }

  .mobile168-analysis-current p {
    margin: 10px 0 0;
    color: #666;
    font-size: 13px;
  }

  .mobile168-analysis-page .pc8473-pk-row,
  .mobile168-analysis-page .pc8473-round-row,
  .mobile168-analysis-page .pc8473-equation,
  .mobile168-analysis-page .pc8473-dice-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
  }

  .mobile168-analysis-page .pc8473-pk-row span,
  .mobile168-analysis-page .pc8473-round-row span,
  .mobile168-analysis-page .pc8473-equation span,
  .mobile168-analysis-page .pc8473-equation strong {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    color: #fff;
    background: #1298d4;
    font-size: 13px;
  }

  .mobile168-analysis-page .pc8473-analysis-chart {
    width: calc(100% - 20px);
    height: 190px;
    margin: 10px;
    border-radius: 5px;
    background: #fff;
  }

  .mobile168-road-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    min-height: 180px;
    margin: 10px;
    border: 1px solid #eeeeee;
    background: #fff;
  }

  .mobile168-road-grid div {
    min-height: 180px;
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #eeeeee;
    background: #f7f7f7;
  }

  .mobile168-road-grid div:nth-child(even) {
    background: #fff;
  }

  .mobile168-road-grid span {
    color: #666;
    font-size: 16px;
    line-height: 24px;
  }

  .mobile168-road-grid span.red {
    color: #f21e2b;
  }

  .mobile168-analysis-table {
    width: calc(100% - 20px);
    border-collapse: collapse;
    overflow: hidden;
    font-size: 12px;
  }

  .mobile168-analysis-table th,
  .mobile168-analysis-table td {
    height: 42px;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
  }

  .mobile168-analysis-table th {
    color: #666;
    font-weight: 400;
    background: #fbfbfb;
  }
}

@media (min-width: 1021px) {
  body {
    padding-bottom: 0 !important;
    background: #eeeeee;
    color: #222;
    font-family: Arial, "Microsoft YaHei", SimSun, sans-serif;
  }

  .bottom-nav.mobile-only {
    display: none !important;
  }

  .desktop-168-home.desktop-only,
  .desktop-168-detail.desktop-only:not([hidden]) {
    display: block !important;
  }

  .desktop-168-home[hidden],
  .desktop-168-detail[hidden] {
    display: none !important;
  }

  .pc8473-site {
    min-height: 100vh;
    background: #eeeeee;
  }

  .pc8473-header {
    background: #fff;
  }

  .pc8473-container {
    width: 1440px;
    margin: 0 auto;
  }

  .pc8473-topbar {
    height: 30px;
    background: #e8e8e8;
    border-bottom: 1px solid #d8d8d8;
    color: #555;
    font-size: 14px;
  }

  .pc8473-topbar-inner {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .pc8473-notice {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
  }

  .pc8473-notice b {
    font-size: 15px;
  }

  .pc8473-notice strong {
    color: #ff3048;
    font-weight: 700;
  }

  .pc8473-speaker {
    width: 17px;
    height: 17px;
    display: inline-grid;
    place-items: center;
    color: #777;
    border: 2px solid #888;
    border-right: 0;
    transform: skewY(-10deg);
    font-size: 0;
  }

  .pc8473-userlinks {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
  }

  .pc8473-userlinks a {
    color: #555;
    text-decoration: none;
    cursor: pointer;
  }

  .pc8473-userlinks a:last-child {
    color: #f33b38;
  }

  .pc8473-userlinks i {
    width: 1px;
    height: 13px;
    background: #aaa;
  }

  .pc8473-brand-row {
    height: 100px;
    background: #fff;
  }

  .pc8473-brand-inner {
    height: 100px;
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
  }

  .pc8473-logo {
    width: 150px;
    height: 100px;
    display: block;
    margin-left: 22px;
    background: url("./assets/1689567-logo.svg") center / 150px auto no-repeat;
    text-decoration: none;
  }

  .pc8473-logo img {
    display: none;
  }

  .pc8473-brand-space {
    height: 100px;
  }

  .pc8473-qr {
    display: grid;
    grid-template-columns: 58px 1fr;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 14px;
  }

  .pc8473-qr span {
    width: 54px;
    height: 54px;
    background:
      linear-gradient(#888 0 0) 0 0 / 14px 4px no-repeat,
      linear-gradient(#888 0 0) 0 0 / 4px 14px no-repeat,
      linear-gradient(#888 0 0) 40px 0 / 14px 4px no-repeat,
      linear-gradient(#888 0 0) 50px 0 / 4px 14px no-repeat,
      linear-gradient(#888 0 0) 0 50px / 14px 4px no-repeat,
      linear-gradient(#888 0 0) 0 40px / 4px 14px no-repeat,
      linear-gradient(#888 0 0) 40px 50px / 14px 4px no-repeat,
      linear-gradient(#888 0 0) 50px 40px / 4px 14px no-repeat,
      repeating-linear-gradient(90deg, #999 0 4px, transparent 4px 9px),
      repeating-linear-gradient(0deg, transparent 0 5px, rgba(255,255,255,.8) 5px 9px);
  }

  .pc8473-qr p {
    margin: 0;
    line-height: 1.6;
  }

  .pc8473-nav {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 55px;
    background: #ff7900;
  }

  .pc8473-nav .pc8473-container {
    position: relative;
    height: 55px;
    display: flex;
    overflow: visible;
  }

  .pc8473-nav-item {
    position: static;
  }

  .pc8473-nav-item > button {
    position: relative;
    height: 55px;
    padding: 0 13px;
    border: 0;
    color: #fff;
    background: transparent;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
  }

  .pc8473-nav-item > button.active,
  .pc8473-nav-item > button:hover,
  .pc8473-nav-item:last-child > button {
    background: #df6800;
  }

  .pc8473-nav-item > button .pc8473-hall-arrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    box-sizing: border-box;
    transform: translateY(-2px) rotate(45deg);
  }

  .pc8473-nav-item > button i {
    margin-right: 4px;
    font-style: normal;
  }

  .pc8473-nav em {
    position: absolute;
    top: -8px;
    right: 2px;
    min-width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 4px 4px 4px 0;
    color: #fff;
    background: #f10f35;
    font-size: 13px;
    font-style: normal;
  }

  .pc8473-hall-mega {
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 80;
    width: 100%;
    min-height: 299px;
    display: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  }

  .pc8473-nav-item.is-open .pc8473-hall-mega {
    display: block;
  }

  .pc8473-hall-mega section {
    min-height: 60px;
    display: grid;
    grid-template-columns: 124px 1fr;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
  }

  .pc8473-hall-mega section:last-child {
    border-bottom: 0;
  }

  .pc8473-hall-mega strong {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff7900;
    font-size: 16px;
    font-weight: 700;
  }

  .pc8473-hall-mega div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    min-height: 54px;
  }

  .pc8473-hall-mega button {
    height: 30px;
    padding: 0 14px;
    border: 0;
    color: #333;
    background: transparent;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
  }

  .pc8473-hall-mega button:hover {
    color: #ff7900;
    background: transparent;
  }

  .pc8473-home-main {
    display: grid;
    grid-template-columns: 1105px 320px;
    gap: 15px;
    padding-top: 15px;
  }

  .pc8473-news-panel {
    height: 302px;
    display: grid;
    grid-template-columns: 530px 335px;
    background: #fff;
  }

  .pc8473-hero-ad {
    padding: 20px 20px 0;
  }

  .pc8473-hero-ad img {
    width: 490px;
    height: 260px;
    display: block;
    object-fit: cover;
  }

  .pc8473-news-list {
    padding: 18px 25px 0 0;
  }

  .pc8473-news-list h2 {
    height: 40px;
    margin: 0 0 7px;
    color: #111;
    font-size: 22px;
    line-height: 40px;
  }

  .pc8473-news-list h2 a {
    float: right;
    color: #999;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-news-list p {
    height: 32px;
    margin: 0;
    overflow: hidden;
    color: #333;
    font-size: 15px;
    line-height: 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .pc8473-video-strip {
    height: 174px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 20px 20px 17px;
    border-top: 1px solid #eee;
    background: #fff;
  }

  .pc8473-video-strip div {
    position: relative;
    height: 110px;
    overflow: visible;
    background:
      radial-gradient(circle at 50% 50%, rgba(255,255,255,.12), transparent 24%),
      linear-gradient(160deg, #334155, #020617 54%, #0ea5e9);
    background-position: center;
    background-size: cover;
  }

  .pc8473-video-1 { background-image: url("./assets/pc8473-crops/video-1.png") !important; }
  .pc8473-video-2 { background-image: url("./assets/pc8473-crops/video-2.png") !important; }
  .pc8473-video-3 { background-image: url("./assets/pc8473-crops/video-3.png") !important; }
  .pc8473-video-4 { background-image: url("./assets/pc8473-crops/video-4.png") !important; }
  .pc8473-video-5 { background-image: url("./assets/pc8473-crops/video-5.png") !important; }

  .pc8473-video-strip span {
    position: absolute;
    left: 0;
    right: 0;
    top: 113px;
    height: 25px;
    color: #333;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    white-space: nowrap;
  }

  .pc8473-video-strip em {
    color: #f05b31;
    font-style: normal;
  }

  .pc8473-favorite-bar {
    height: 62px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 0 10px;
    border-top: 2px solid #ff7900;
    background: #fff;
  }

  .pc8473-favorite-bar h2 {
    margin: 0;
    color: #ff7900;
    font-size: 20px;
    font-weight: 400;
  }

  .pc8473-favorite-bar span {
    flex: 1;
    color: #8b8b8b;
    font-size: 14px;
  }

  .pc8473-favorite-bar button {
    width: 88px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-favorite-bar button:last-child {
    color: #ff7900;
    border-color: #ffb264;
  }

  .pc8473-filter-tabs {
    height: 62px;
    display: flex;
    align-items: stretch;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    background: #fff;
  }

  .pc8473-filter-tabs button {
    position: relative;
    min-width: 80px;
    padding: 0 20px;
    border: 0;
    color: #111;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
  }

  .pc8473-filter-tabs button.active {
    color: #ff7900;
  }

  .pc8473-filter-tabs button.active::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 2px;
    background: #ff7900;
  }

  .pc8473-draw-list {
    background: #fff;
  }

  .pc8473-draw-card {
    min-height: 138px;
    display: grid;
    grid-template-columns: 126px minmax(0, 1fr) 180px;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
  }

  .pc8473-draw-card:hover {
    background: #fffaf5;
  }

  .pc8473-card-icon {
    display: grid;
    place-items: center;
  }

  .pc8473-card-icon img,
  .pc8473-current-icon img {
    width: 86px;
    height: 86px;
    object-fit: contain;
  }

  .pc8473-fallback-icon {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(circle at 35% 28%, rgba(255,255,255,.45), transparent 22%), linear-gradient(145deg, #ffb020, #ff7200);
    font-size: 28px;
    font-weight: 900;
  }

  .pc8473-card-main h3 {
    margin: 0 0 10px;
    color: #111;
    font-size: 18px;
    font-weight: 700;
  }

  .pc8473-card-main h3 strong {
    color: #ff7900;
    font-weight: 400;
  }

  .pc8473-card-main h3 small {
    margin-left: 5px;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 400;
  }

  .pc8473-card-main p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0 0;
    color: #555;
    font-size: 14px;
  }

  .pc8473-card-main p b {
    color: #333;
    font-weight: 400;
  }

  .pc8473-card-side {
    display: grid;
    gap: 8px;
    justify-items: end;
    padding-right: 20px;
  }

  .pc8473-card-side span {
    color: #e21b2d;
    font-size: 16px;
  }

  .pc8473-card-side button {
    width: 72px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666;
    background: #fff;
    font-size: 12px;
  }

  .pc8473-pk-row,
  .pc8473-round-row,
  .pc8473-equation,
  .pc8473-six-row,
  .pc8473-dice-row {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .pc8473-pk-row span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-shadow: 0 1px rgba(0,0,0,.2);
  }

  .pc8473-pk-row .red { background: #f02534; }
  .pc8473-pk-row .orange { background: #ff7c13; }
  .pc8473-pk-row .green { background: #05b840; }
  .pc8473-pk-row .dark { background: #3d3d3f; }
  .pc8473-pk-row .gray { background: #aaa; }
  .pc8473-pk-row .blue { background: #0b98d3; }
  .pc8473-pk-row .purple,
  .pc8473-pk-row .violet { background: #5136ed; }
  .pc8473-pk-row .cyan { background: #19c5c9; }
  .pc8473-pk-row .yellow { color: #333; background: #e9e600; text-shadow: none; }
  .pc8473-pk-row .wine { background: #8d0000; }

  .pc8473-round-row span,
  .pc8473-six-row span,
  .pc8473-equation span,
  .pc8473-equation strong {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0b98d3;
    font-size: 18px;
    font-weight: 400;
  }

  .pc8473-equation strong,
  .pc8473-six-row .red { background: #ef334a; }
  .pc8473-six-row .blue { background: #19a7dd; }
  .pc8473-six-row .green { background: #25bf66; }

  .pc8473-equation em,
  .pc8473-six-row em {
    color: #999;
    font-size: 24px;
    font-style: normal;
  }

  .pc8473-dice-row {
    gap: 7px;
  }

  .pc8473-dice {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
  }

  .pc8473-dice i {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0d9bd2;
  }

  .pc8473-dice.dice-1 i,
  .pc8473-dice.dice-4 i {
    background: #ef0016;
  }

  .pc8473-dice .dot-1 { left: 5px; top: 5px; }
  .pc8473-dice .dot-2 { right: 5px; top: 5px; }
  .pc8473-dice .dot-3 { left: 5px; top: 12px; }
  .pc8473-dice .dot-4 { right: 5px; top: 12px; }
  .pc8473-dice .dot-5 { left: 5px; bottom: 5px; }
  .pc8473-dice .dot-6 { right: 5px; bottom: 5px; }
  .pc8473-dice.dice-1 .dot-1,
  .pc8473-dice.dice-3 .dot-2,
  .pc8473-dice.dice-5 .dot-5 { left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .pc8473-dice.dice-2 .dot-1 { left: 7px; top: 12px; }
  .pc8473-dice.dice-2 .dot-2 { right: 7px; top: 12px; }
  .pc8473-dice.dice-3 .dot-1,
  .pc8473-dice.dice-4 .dot-1,
  .pc8473-dice.dice-5 .dot-1,
  .pc8473-dice.dice-6 .dot-1 { left: 5px; top: 5px; transform: none; }
  .pc8473-dice.dice-3 .dot-3,
  .pc8473-dice.dice-4 .dot-4,
  .pc8473-dice.dice-5 .dot-4,
  .pc8473-dice.dice-6 .dot-6 { right: 5px; bottom: 5px; }

  .pc8473-right {
    display: grid;
    gap: 14px;
    align-content: start;
  }

  .pc8473-recommend {
    min-height: 400px;
    padding: 15px 20px 12px;
    background: #fff;
    text-align: center;
  }

  .pc8473-recommend h2 {
    margin: 0;
    color: #111;
    font-size: 22px;
    line-height: 30px;
  }

  .pc8473-recommend small {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #aaa;
    font-size: 11px;
  }

  .pc8473-recommend small::before,
  .pc8473-recommend small::after {
    width: 60px;
    height: 1px;
    background: #e5e5e5;
    content: "";
  }

  .pc8473-rec-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 12px;
    margin-top: 22px;
  }

  .pc8473-rec-grid button {
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .pc8473-rec-grid img,
  .pc8473-rec-grid .pc8473-fallback-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 8px;
    font-size: 20px;
    object-fit: contain;
  }

  .pc8473-rec-grid span {
    display: block;
    color: #333;
    font-size: 15px;
    white-space: nowrap;
  }

  .pc8473-rec-more {
    display: block;
    margin-top: 14px;
    color: #aaa;
    font-size: 22px;
    font-weight: 400;
  }

  .pc8473-side-image {
    width: 320px;
    height: 140px;
    display: block;
    object-fit: cover;
  }

  .pc8473-side-ad-pair {
    display: grid;
    grid-template-columns: 155px 155px;
    gap: 10px;
  }

  .pc8473-side-ad-pair img {
    width: 155px;
    height: 98px;
    display: block;
    object-fit: cover;
  }

  .pc8473-side-ad {
    height: 140px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    text-shadow: 0 2px rgba(0,0,0,.22);
  }

  .pc8473-side-ad.yellow {
    background: linear-gradient(135deg, #ffdd31, #ff9800);
  }

  .pc8473-side-ad.cyan {
    background: linear-gradient(135deg, #00d2ff, #00a1ff);
  }

  .pc8473-side-ad.blue {
    background: linear-gradient(135deg, #2937c9, #7c3aed);
  }

  .pc8473-float {
    position: fixed;
    right: calc((100vw - var(--pc-canvas, 1200px)) / 2 - 58px);
    top: 360px;
    z-index: 30;
    display: grid;
    gap: 8px;
  }

  .pc8473-float span {
    width: 50px;
    min-height: 50px;
    display: grid;
    place-items: center;
    color: #f59b31;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }

  .pc8473-float span:first-child {
    color: #fff;
    background: #ff9829;
    font-weight: 700;
  }

  .pc8473-detail-main {
    padding-top: 49px;
  }

  .pc8473-current {
    min-height: 142px;
    display: grid;
    grid-template-columns: 130px 460px 370px 240px;
    align-items: center;
    background: #fff;
    border: 1px solid #e7e7e7;
  }

  .pc8473-current > * {
    min-height: 142px;
    border-right: 1px solid #e7e7e7;
  }

  .pc8473-current > *:last-child {
    border-right: 0;
  }

  .pc8473-current-icon {
    display: grid;
    place-items: center;
  }

  .pc8473-current-numbers {
    display: grid;
    align-content: center;
    padding-left: 20px;
  }

  .pc8473-current-numbers h1 {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 0 12px;
    color: #111;
    font-size: 20px;
    line-height: 1;
  }

  .pc8473-current-numbers h1 span {
    color: #777;
    font-size: 13px;
    font-weight: 400;
  }

  .pc8473-current-numbers h1 b {
    color: #ff7900;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-current-numbers p {
    margin: 12px 0 0;
    color: #666;
    font-size: 14px;
  }

  .pc8473-current .pc8473-pk-row span,
  .pc8473-current .pc8473-round-row span,
  .pc8473-current .pc8473-equation span,
  .pc8473-current .pc8473-equation strong,
  .pc8473-current .pc8473-six-row span {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }

  .pc8473-next {
    display: grid;
    align-content: center;
    justify-items: center;
  }

  .pc8473-next p {
    margin: 0 0 10px;
    color: #666;
    font-size: 14px;
  }

  .pc8473-next div {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .pc8473-next b {
    width: 38px;
    height: 40px;
    display: grid;
    place-items: center;
    color: #ffec2f;
    background: #3b3b48;
    border-radius: 2px;
    font-size: 18px;
  }

  .pc8473-next em {
    color: #666;
    font-style: normal;
  }

  .pc8473-sound {
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 13px;
  }

  .pc8473-sound button {
    width: 90px;
    height: 32px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #ff7900;
    font-size: 14px;
  }

  .pc8473-analysis {
    min-height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 0;
    padding: 16px 20px;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .pc8473-analysis button {
    height: 32px;
    padding: 0 12px;
    border: 0;
    color: #333;
    background: transparent;
    font-size: 14px;
  }

  .pc8473-analysis button.active {
    color: #fff;
    border-radius: 4px;
    background: #ff7900;
  }

  .pc8473-record-panel {
    margin-top: 15px;
    background: #fff;
  }

  .pc8473-record-head {
    height: 54px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
  }

  .pc8473-record-head h2 {
    margin: 0 6px 0 0;
    color: #111;
    font-size: 22px;
  }

  .pc8473-record-head > button {
    height: 32px;
    padding: 0 18px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-record-head > div {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #159354;
    font-size: 14px;
  }

  .pc8473-record-head i {
    width: 26px;
    height: 22px;
    display: block;
    border: 1px solid #ccc;
    background: #d8efe2;
  }

  .pc8473-record-head i:nth-child(3) { background: #e3f0f4; }
  .pc8473-record-head i:nth-child(4) { background: linear-gradient(90deg, #f43 0 50%, #0c6 50%); }

  .pc8473-record-head > div > button {
    width: 112px;
    height: 34px;
    margin-left: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    background: #fff;
  }

  .pc8473-table {
    width: calc(100% - 40px);
    margin: 20px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 14px;
    text-align: center;
  }

  .pc8473-table th,
  .pc8473-table td {
    height: 35px;
    border: 1px solid #d3d3d3;
    color: #222;
    font-weight: 400;
  }

  .pc8473-table th {
    height: 42px;
    background: #e8e8e8;
    font-size: 16px;
  }

  .pc8473-table tbody tr:nth-child(odd) {
    background: #fff;
  }

  .pc8473-table tbody tr:nth-child(even) {
    background: #e9e9e9;
  }

  .pc8473-table th:nth-child(1),
  .pc8473-table td:nth-child(1) {
    width: 205px;
  }

  .pc8473-table th:nth-child(2),
  .pc8473-table td:nth-child(2) {
    width: 110px;
  }

  .pc8473-table th:nth-child(4),
  .pc8473-table td:nth-child(4) {
    width: 135px;
  }

  .pc8473-table th:nth-child(5),
  .pc8473-table td:nth-child(5) {
    width: 220px;
  }

  .pc8473-table .pc8473-pk-row,
  .pc8473-table .pc8473-round-row,
  .pc8473-table .pc8473-equation,
  .pc8473-table .pc8473-dice-row {
    justify-content: center;
  }

  .pc8473-table .pc8473-pk-row span,
  .pc8473-table .pc8473-round-row span,
  .pc8473-table .pc8473-equation span,
  .pc8473-table .pc8473-equation strong {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  .pc8473-table .pc8473-dice {
    width: 28px;
    height: 28px;
  }

  .pc8473-table .red {
    color: #f11e36;
  }

  .pc8473-table .blue {
    color: #1557e7;
  }

  .pc8473-analysis-panel {
    padding-bottom: 22px;
  }

  .pc8473-analysis-title {
    min-height: 62px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
  }

  .pc8473-analysis-title h2 {
    margin: 0;
    color: #222;
    font-size: 22px;
  }

  .pc8473-analysis-title > span {
    color: #888;
    font-size: 14px;
  }

  .pc8473-analysis-title div {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #666;
  }

  .pc8473-analysis-title button,
  .pc8473-position-tabs button,
  .pc8473-road-mode button,
  .pc8473-road-filter button,
  .pc8473-analysis-table button {
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #555;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
  }

  .pc8473-analysis-title button {
    min-width: 54px;
  }

  .pc8473-analysis-title button.active,
  .pc8473-position-tabs button.active,
  .pc8473-road-mode button.active {
    border-color: #ff7900;
    color: #fff;
    background: #ff7900;
  }

  .pc8473-analysis-title input {
    height: 30px;
    border: 1px solid #ddd;
    color: #666;
  }

  .pc8473-position-tabs {
    display: flex;
    gap: 12px;
    padding: 18px 20px 4px;
  }

  .pc8473-position-tabs button {
    min-width: 78px;
  }

  .pc8473-analysis-chart {
    width: calc(100% - 40px);
    height: 260px;
    display: block;
    margin: 12px 20px 16px;
    background: #fff;
  }

  .pc8473-analysis-chart .grid {
    fill: none;
    stroke: #e6e6e6;
    stroke-width: 1;
  }

  .pc8473-analysis-chart polyline {
    fill: none;
    stroke: #ff7480;
    stroke-width: 2;
  }

  .pc8473-analysis-chart circle {
    fill: #ff3048;
  }

  .pc8473-analysis-chart text {
    fill: #777;
    font-size: 15px;
    text-anchor: middle;
  }

  .pc8473-analysis-table {
    width: calc(100% - 40px);
    margin: 18px 20px 0;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    font-size: 14px;
  }

  .pc8473-analysis-table th,
  .pc8473-analysis-table td {
    height: 40px;
    border: 1px solid #ddd;
    color: #333;
  }

  .pc8473-analysis-table th {
    background: #f2f2f2;
    font-size: 15px;
  }

  .pc8473-analysis-table tr:nth-child(even) {
    background: #fafafa;
  }

  .pc8473-analysis-table .red {
    color: #f2263c;
  }

  .pc8473-analysis-table .blue {
    color: #1f70d1;
  }

  .pc8473-analysis-table .pc8473-pk-row,
  .pc8473-analysis-table .pc8473-round-row,
  .pc8473-analysis-table .pc8473-equation,
  .pc8473-analysis-table .pc8473-dice-row {
    justify-content: center;
  }

  .pc8473-analysis-table .pc8473-pk-row span,
  .pc8473-analysis-table .pc8473-round-row span,
  .pc8473-analysis-table .pc8473-equation span,
  .pc8473-analysis-table .pc8473-equation strong {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  .pc8473-road-mode {
    min-height: 60px;
    display: grid;
    grid-template-columns: 170px 170px 170px 1fr;
    align-items: stretch;
    margin: 15px 0 0;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
  }

  .pc8473-road-mode button {
    height: 60px;
    border: 0;
    border-right: 1px solid #e6e6e6;
    border-radius: 0;
    font-size: 18px;
  }

  .pc8473-road-mode > button.active {
    border-color: #2f3041;
    background: #2f3041;
  }

  .pc8473-road-mode div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    padding-right: 18px;
    color: #555;
  }

  .pc8473-road-mode div button {
    width: auto;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 4px;
    font-size: 14px;
  }

  .pc8473-road-mode div button.active {
    background: #ff7900;
  }

  .pc8473-road-mode input {
    width: 135px;
    height: 32px;
    border: 1px solid #ddd;
  }

  .pc8473-road-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 16px;
    margin: 0;
    padding: 17px 24px 12px;
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    color: #666;
    font-size: 14px;
  }

  .pc8473-road-break {
    flex-basis: 100%;
    height: 0;
  }

  .pc8473-road-filter input {
    accent-color: #ff7900;
  }

  .pc8473-road-filter button {
    width: 72px;
    color: #fff;
    background: #8f91a5;
  }

  .pc8473-road-filter a {
    color: #555;
    text-decoration: none;
    cursor: pointer;
  }

  .pc8473-road-page article {
    margin: 14px 24px 0;
    border: 1px solid #ddd;
    background: #fff;
  }

  .pc8473-road-page article header {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    background: #f5f5f5;
    color: #555;
  }

  .pc8473-road-page article strong {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666;
    font-size: 15px;
    font-weight: 400;
  }

  .pc8473-road-page article select {
    width: 58px;
    height: 31px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff;
  }

  .pc8473-road-page article header button {
    width: 70px;
    height: 30px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #8f91a5;
  }

  .pc8473-road-page article header span {
    color: #f11e36;
  }

  .pc8473-road-grid {
    display: grid;
    grid-template-columns: repeat(30, 1fr);
    min-height: 174px;
    overflow: hidden;
  }

  .pc8473-road-grid div {
    min-height: 174px;
    display: grid;
    align-content: start;
    justify-items: center;
    gap: 4px;
    padding: 10px 0;
    border-right: 1px solid #e5e5e5;
    background: #fafafa;
  }

  .pc8473-road-grid div:nth-child(even) {
    background: #f1f1f1;
  }

  .pc8473-road-grid span {
    color: #666;
    font-size: 18px;
    line-height: 1.1;
  }

  .pc8473-road-grid span.red {
    color: #f0152f;
  }

  .pc8473-hot-summary,
  .pc8473-stat-cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 18px 20px;
  }

  .pc8473-hot-summary article,
  .pc8473-stat-cards article{
    min-height: 82px;
    display: grid;
    place-items: center;
    gap: 4px;
    border: 1px solid #eee;
    background: #fafafa;
  }

  .pc8473-hot-summary strong,
  .pc8473-stat-cards strong {
    color: #ff7900;
    font-size: 28px;
  }

  .pc8473-hot-summary span,
  .pc8473-stat-cards span{
    color: #777;
    font-size: 14px;
  }

  .pc8473-hot-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 24px;
    margin: 18px 20px 0;
  }

  .pc8473-hot-grid div {
    display: grid;
    grid-template-columns: 48px 1fr 54px;
    align-items: center;
    gap: 10px;
    color: #555;
  }

  .pc8473-hot-grid b {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0b98d3;
  }

  .pc8473-hot-grid span {
    height: 12px;
    border-radius: 10px;
    background: #eee;
    overflow: hidden;
  }

  .pc8473-hot-grid i {
    height: 100%;
    display: block;
    background: linear-gradient(90deg, #ffb26c, #ff334c);
  }

  .pc8473-hot-grid em {
    color: #777;
    font-style: normal;
  }

  .pc8473-hot-grid em.red {
    color: #f2263c;
  }

  .pc8473-distribution-grid {
    min-height: 190px;
    display: grid;
    grid-template-columns: repeat(10, minmax(56px, 1fr));
    align-items: end;
    gap: 10px;
    margin: 18px 20px;
    padding: 20px 16px 12px;
    border: 1px solid #e2e2e2;
    background:
      repeating-linear-gradient(to top, #f3f3f3 0, #f3f3f3 1px, transparent 1px, transparent 38px),
      #fff;
  }

  .pc8473-distribution-grid article {
    min-width: 0;
    display: grid;
    grid-template-rows: 28px 120px 24px;
    justify-items: center;
    align-items: end;
  }

  .pc8473-distribution-grid b {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0b98d3;
    font-size: 14px;
  }

  .pc8473-distribution-grid article > span {
    width: 18px;
    height: 112px;
    display: flex;
    align-items: end;
    background: #f2f2f2;
  }

  .pc8473-distribution-grid i {
    width: 100%;
    min-height: 1px;
    display: block;
    background: #fa8e19;
  }

  .pc8473-distribution-grid em {
    color: #666;
    font-size: 13px;
    font-style: normal;
  }

  .pc8473-history-table .pc8473-pk-row,
  .pc8473-history-table .pc8473-round-row,
  .pc8473-history-table .pc8473-equation,
  .pc8473-history-table .pc8473-six-row,
  .pc8473-history-table .pc8473-dice-row {
    justify-content: center;
  }

  .pc8473-analysis-family-happy .pc8473-position-tabs,
  .pc8473-analysis-family-six .pc8473-position-tabs {
    flex-wrap: wrap;
  }

  .pc8473-play-board,
  .pc8473-software-hero {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 15px;
    margin-top: 15px;
  }

  .pc8473-play-board aside,
  .pc8473-play-board section,
  .pc8473-software-hero,
  .pc8473-hk-current,
  .pc8473-hk-table,
  .pc8473-guess-tabs,
  .pc8473-guess-list article {
    background: #fff;
    border: 1px solid #e8e8e8;
  }

  .pc8473-play-board aside,
  .pc8473-play-board section {
    padding: 18px;
  }

  .pc8473-play-board h2 {
    margin: 0 0 14px;
    font-size: 20px;
  }

  .pc8473-play-board aside button,
  .pc8473-guess-tabs button {
    width: 100%;
    height: 42px;
    margin-bottom: 8px;
    border: 1px solid #e5e5e5;
    color: #333;
    background: #fff;
    font-size: 15px;
  }

  .pc8473-play-board aside button.active,
  .pc8473-guess-tabs button.active {
    color: #fff;
    border-color: #ff7900;
    background: #ff7900;
  }

  .pc8473-play-ticket {
    height: 66px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 18px;
    background: #fff8ef;
    border: 1px solid #ffd8ad;
  }

  .pc8473-play-ticket b {
    color: #ff7900;
    font-size: 28px;
  }

  .pc8473-play-ticket button,
  .pc8473-play-grid button,
  .pc8473-hk-current button,
  .pc8473-software-hero button {
    height: 34px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #ff7900;
  }

  .pc8473-play-grid,
  .pc8473-software-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 15px;
  }

  .pc8473-play-grid article,
  .pc8473-software-grid article {
    min-height: 128px;
    padding: 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
  }

  .pc8473-play-grid article div {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .pc8473-play-grid img {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .pc8473-play-grid p {
    min-height: 36px;
  }

  .pc8473-hk-current {
    min-height: 150px;
    display: grid;
    grid-template-columns: 250px 1fr 170px 100px;
    align-items: center;
    gap: 18px;
    margin-top: 15px;
    padding: 20px;
  }

  .pc8473-hk-current > div {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .pc8473-hk-current img {
    width: 68px;
    height: 68px;
    object-fit: contain;
  }

  .pc8473-hk-current h2 {
    margin: 0;
    font-size: 24px;
  }

  .pc8473-hk-current h2 small {
    color: #888;
    font-size: 15px;
    font-weight: 400;
  }

  .pc8473-hk-table {
    margin-top: 15px;
  }

  .pc8473-hk-table article {
    min-height: 82px;
    display: grid;
    grid-template-columns: 180px 1fr;
    align-items: center;
    border-bottom: 1px solid #eee;
  }

  .pc8473-hk-table article:last-child {
    border-bottom: 0;
  }

  .pc8473-hk-table article > div {
    padding-left: 20px;
    color: #777;
  }

  .pc8473-hk-table strong {
    display: block;
    color: #222;
    font-size: 18px;
  }

  .pc8473-hk-table p {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .pc8473-hk-table b {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
  }

  .pc8473-hk-table b.red { background: #ef334a; }
  .pc8473-hk-table b.blue { background: #19a7dd; }
  .pc8473-hk-table b.green { background: #25bf66; }

  .pc8473-hk-table small {
    display: block;
    font-size: 12px;
  }

  .pc8473-software-hero {
    grid-template-columns: 1fr 210px;
    min-height: 220px;
    align-items: center;
    padding: 30px;
    background: linear-gradient(135deg, #fff4e5, #fff);
  }

  .pc8473-software-hero h2 {
    margin: 0 0 10px;
    color: #ff7900;
    font-size: 34px;
  }

  .pc8473-qr-box {
    width: 160px;
    height: 160px;
    display: grid;
    place-items: center;
    border: 8px solid #f5f5f5;
    color: #ff7900;
    background: #fff;
  }

  .pc8473-qr-box span {
    font-size: 34px;
    font-weight: 700;
  }

  .pc8473-software-grid article strong,
  .pc8473-guess-list strong {
    font-size: 18px;
  }

  .pc8473-software-grid p {
    color: #777;
    line-height: 1.7;
  }

  .pc8473-guess-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 15px;
  }

  .pc8473-guess-tabs button {
    margin: 0;
    border-width: 0 1px 0 0;
  }

  .pc8473-guess-list {
    display: grid;
    gap: 10px;
    margin-top: 15px;
  }

  .pc8473-guess-list article {
    min-height: 72px;
    display: grid;
    grid-template-columns: 300px 1fr 100px;
    align-items: center;
    padding: 0 18px;
  }

  .pc8473-guess-list article span {
    color: #888;
  }

  .pc8473-guess-list p {
    display: flex;
    gap: 12px;
  }

  .pc8473-guess-list p button {
    width: 58px;
    height: 32px;
    border: 1px solid #ff7900;
    border-radius: 3px;
    color: #ff7900;
    background: #fff;
  }

  .pc8473-guess-list p button.active {
    color: #fff;
    background: #ff7900;
  }

  .pc8473-guess-list em {
    color: #f2263c;
    font-style: normal;
  }
}

/* Final 1689567 mobile banner lock. */
@media (max-width: 1020px) {
  .mobile-live-hero {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .mobile-live-hero::before,
  .mobile-live-hero::after {
    display: none !important;
  }

  .mobile-live-hero img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 590 / 283;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Interaction layer shared by the 1689567 clone. */
.pc8473-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.38);
}

.pc8473-dialog {
  width: min(640px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 48px));
  overflow: auto;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24);
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.pc8473-dialog header {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid #eee;
}

.pc8473-dialog h2 {
  margin: 0;
  color: #222;
  font-size: 20px;
  font-weight: 700;
}

.pc8473-dialog header button {
  width: 34px;
  height: 34px;
  border: 0;
  color: #ff7900;
  background: transparent;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}

.pc8473-dialog-body {
  padding: 18px;
}

.pc8473-dialog footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 18px 18px;
}

.pc8473-dialog footer button,
.pc8473-dialog-actions button {
  height: 34px;
  padding: 0 18px;
  border: 1px solid #ff9b35;
  border-radius: 3px;
  color: #fff;
  background: #ff7900;
  font-size: 14px;
  cursor: pointer;
}

.pc8473-dialog footer button + button {
  color: #666;
  border-color: #ddd;
  background: #fff;
}

.pc8473-dialog-note {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 1.8;
}

.pc8473-video-preview {
  height: 240px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: #fff;
  background: linear-gradient(145deg, #1d2738, #020617 58%, #0588c8);
  text-align: center;
}

.pc8473-play-dot {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 121, 0, 0.95);
}

.pc8473-video-preview strong {
  font-size: 22px;
}

.pc8473-video-preview p {
  margin: 0;
  color: rgba(255,255,255,.78);
}

.pc8473-mini-chart {
  height: 132px;
  display: flex;
  align-items: end;
  gap: 14px;
  margin-top: 16px;
  padding: 12px 12px 24px;
  border: 1px solid #eee;
  background: #fafafa;
}

.pc8473-mini-chart i {
  position: relative;
  width: 32px;
  display: grid;
  place-items: start center;
  border-radius: 3px 3px 0 0;
  background: #ff7900;
  font-style: normal;
}

.pc8473-mini-chart i span {
  margin-top: -22px;
  color: #d51f35;
  font-size: 13px;
}

.pc8473-mini-chart i b {
  position: absolute;
  bottom: -22px;
  color: #777;
  font-size: 12px;
  font-weight: 400;
}

.pc8473-feature-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pc8473-feature-list li {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
  color: #555;
}

.pc8473-feature-list li:last-child {
  border-bottom: 0;
}

.pc8473-feature-list strong {
  color: #222;
}

.pc8473-code {
  margin: 14px 0 0;
  padding: 14px;
  color: #333;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  white-space: pre-wrap;
}

.pc8473-dialog-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px 10px;
}

.pc8473-dialog-grid button {
  border: 0;
  background: transparent;
  cursor: pointer;
}

.pc8473-dialog-grid img,
.pc8473-dialog-grid .pc8473-fallback-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 7px;
  object-fit: contain;
}

.pc8473-dialog-grid span {
  display: block;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}

.pc8473-feedback {
  width: 100%;
  min-height: 120px;
  padding: 12px;
  border: 1px solid #ddd;
  resize: vertical;
  font: 14px Arial, "Microsoft YaHei", sans-serif;
}

@media (min-width: 1021px) {
  .pc8473-rec-more {
    display: block;
    width: 40px;
    height: 28px;
    margin: 12px auto 0;
    border: 0;
    color: #aaa;
    background: transparent;
    font-size: 22px;
    font-weight: 400;
    cursor: pointer;
  }

  .pc8473-float button {
    width: 50px;
    min-height: 50px;
    display: grid;
    place-items: center;
    border: 0;
    color: #f59b31;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
  }

  .pc8473-float button:first-child {
    color: #fff;
    background: #ff9829;
    font-weight: 700;
  }

  .pc8473-side-ad {
    border: 0;
    cursor: pointer;
  }

  .pc8473-favorite-bar.is-editing {
    background: #fffaf4;
  }

  .pc8473-record-panel.eye-green {
    background: #f5fff9;
  }

  .pc8473-record-panel.eye-blue {
    background: #f5fbff;
  }

  .pc8473-record-panel.eye-color {
    background: #fff9f4;
  }
}

@media (max-width: 1020px) {
  .pc8473-dialog {
    width: min(540px, calc(100vw - 24px));
  }

  .pc8473-dialog-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .mobile168-page {
    min-height: 100vh;
    padding-bottom: 86px;
    background: #f1f1f5;
    color: #222;
    font-family: Arial, "Microsoft YaHei", sans-serif;
  }

  .mobile168-page-header {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 54px;
    display: grid;
    grid-template-columns: 54px 1fr 54px;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    background: #fff;
  }

  .mobile168-page-header h1 {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .mobile168-page-header button {
    width: 54px;
    height: 54px;
    border: 0;
    background: transparent;
    display: grid;
    place-items: center;
  }

  .mobile168-page-header svg {
    width: 24px;
    height: 24px;
  }

  .mobile168-page-tabs,
  .mobile168-dragon-tabs {
    height: 46px;
    display: flex;
    align-items: stretch;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    overflow-x: auto;
  }

  .mobile168-page-tabs button,
  .mobile168-dragon-tabs button {
    position: relative;
    min-width: 86px;
    border: 0;
    color: #333;
    background: #fff;
    font-size: 15px;
  }

  .mobile168-page-tabs button.active,
  .mobile168-dragon-tabs button.active {
    color: #ff7900;
  }

  .mobile168-page-tabs button.active::after,
  .mobile168-dragon-tabs button.active::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 2px;
    background: #ff7900;
  }

  .mobile168-hall-list,
  .mobile168-recommend-list,
  .mobile168-trend-list,
  .mobile168-simple-list,
  .mobile168-news-page,
  .mobile168-more-grid {
    padding: 10px;
  }

  .mobile168-hall-list article,
  .mobile168-recommend-list button,
  .mobile168-trend-list article,
  .mobile168-simple-list article,
  .mobile168-news-page article,
  .mobile168-more-grid button {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee;
  }

  .mobile168-recommend-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .mobile168-recommend-list button {
    min-height: 118px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 7px;
    padding: 12px 6px;
    color: #333;
    font-size: 14px;
  }

  .mobile168-recommend-list img {
    width: 50px;
    height: 50px;
    object-fit: contain;
  }

  .mobile168-recommend-list strong {
    font-size: 14px;
  }

  .mobile168-recommend-list span {
    color: #e83445;
    font-size: 12px;
  }

  .mobile168-hall-list article {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 104px;
    margin-bottom: 9px;
    padding: 12px 10px;
  }

  .mobile168-hall-list img,
  .mobile168-trend-list img {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }

  .mobile168-hall-list h2,
  .mobile168-trend-list h2 {
    margin: 0 0 8px;
    font-size: 17px;
  }

  .mobile168-hall-list h2 small,
  .mobile168-simple-list small {
    margin-left: 6px;
    color: #777;
    font-size: 12px;
    font-weight: 400;
  }

  .mobile168-hall-list p {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 0;
    color: #555;
    font-size: 13px;
  }

  .mobile168-hall-list article > span,
  .mobile168-simple-list article > span {
    color: #d82133;
    font-size: 13px;
    white-space: nowrap;
  }

  .mobile168-news-page article {
    margin-bottom: 10px;
    padding: 16px;
  }

  .mobile168-news-page h2 {
    margin: 0 0 8px;
    font-size: 17px;
  }

  .mobile168-news-page p {
    color: #555;
    line-height: 1.7;
  }

  .mobile168-news-page small {
    color: #999;
  }

  .mobile168-trend-list article {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
    padding: 14px;
  }

  .mobile168-trend-list p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 0;
  }

  .mobile168-trend-list button {
    border: 0;
    color: #555;
    background: transparent;
    font-size: 14px;
  }

  .mobile168-page-table {
    width: calc(100% - 20px);
    margin: 10px;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
  }

  .mobile168-page-table th,
  .mobile168-page-table td {
    height: 38px;
    border: 1px solid #eee;
    text-align: center;
  }

  .mobile168-page-table th {
    background: #f7f7f7;
  }

  .mobile168-simple-list article {
    display: grid;
    gap: 10px;
    margin-bottom: 9px;
    padding: 14px;
  }

  .mobile168-simple-list strong {
    font-size: 16px;
  }

  .mobile168-more-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .mobile168-more-grid button {
    min-height: 76px;
    border: 0;
    color: #333;
    font-size: 16px;
  }

  .mobile168-page .pc8473-pk-row,
  .mobile168-page .pc8473-round-row,
  .mobile168-page .pc8473-equation,
  .mobile168-page .pc8473-six-row,
  .mobile168-page .pc8473-dice-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
  }

  .mobile168-page .pc8473-pk-row span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px rgba(0,0,0,.2);
  }

  .mobile168-page .pc8473-pk-row .red { background: #f02534; }
  .mobile168-page .pc8473-pk-row .orange { background: #ff7c13; }
  .mobile168-page .pc8473-pk-row .green { background: #05b840; }
  .mobile168-page .pc8473-pk-row .dark { background: #3d3d3f; }
  .mobile168-page .pc8473-pk-row .gray { background: #aaa; }
  .mobile168-page .pc8473-pk-row .blue { background: #0b98d3; }
  .mobile168-page .pc8473-pk-row .purple,
  .mobile168-page .pc8473-pk-row .violet { background: #5136ed; }
  .mobile168-page .pc8473-pk-row .cyan { background: #19c5c9; }
  .mobile168-page .pc8473-pk-row .yellow { color: #333; background: #e9e600; text-shadow: none; }
  .mobile168-page .pc8473-pk-row .wine { background: #8d0000; }

  .mobile168-page .pc8473-pk-row span,
  .mobile168-page .pc8473-round-row span,
  .mobile168-page .pc8473-six-row span,
  .mobile168-page .pc8473-equation span,
  .mobile168-page .pc8473-equation strong {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #0b98d3;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
  }

  .mobile168-page .pc8473-equation strong,
  .mobile168-page .pc8473-six-row .red {
    background: #ef334a;
  }

  .mobile168-page .pc8473-six-row .blue {
    background: #19a7dd;
  }

  .mobile168-page .pc8473-six-row .green {
    background: #25bf66;
  }

  .mobile168-page .pc8473-equation em,
  .mobile168-page .pc8473-six-row em {
    color: #999;
    font-size: 22px;
    font-style: normal;
  }

  .mobile168-page .pc8473-dice-row {
    gap: 6px;
  }

  .mobile168-page .pc8473-dice {
    position: relative;
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background: #fff;
  }

  .mobile168-page .pc8473-dice i {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0d9bd2;
  }

  .mobile168-page .pc8473-dice.dice-1 i,
  .mobile168-page .pc8473-dice.dice-4 i {
    background: #ef0016;
  }

  .mobile168-page .pc8473-dice .dot-1 { left: 5px; top: 5px; }
  .mobile168-page .pc8473-dice .dot-2 { right: 5px; top: 5px; }
  .mobile168-page .pc8473-dice .dot-3 { left: 5px; top: 11px; }
  .mobile168-page .pc8473-dice .dot-4 { right: 5px; top: 11px; }
  .mobile168-page .pc8473-dice .dot-5 { left: 5px; bottom: 5px; }
  .mobile168-page .pc8473-dice .dot-6 { right: 5px; bottom: 5px; }
  .mobile168-page .pc8473-dice.dice-1 .dot-1,
  .mobile168-page .pc8473-dice.dice-3 .dot-2,
  .mobile168-page .pc8473-dice.dice-5 .dot-5 { left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .mobile168-page .pc8473-dice.dice-2 .dot-1 { left: 7px; top: 11px; }
  .mobile168-page .pc8473-dice.dice-2 .dot-2 { right: 7px; top: 11px; }
  .mobile168-page .pc8473-dice.dice-3 .dot-1,
  .mobile168-page .pc8473-dice.dice-4 .dot-1,
  .mobile168-page .pc8473-dice.dice-5 .dot-1,
  .mobile168-page .pc8473-dice.dice-6 .dot-1 { left: 5px; top: 5px; transform: none; }
  .mobile168-page .pc8473-dice.dice-3 .dot-3,
  .mobile168-page .pc8473-dice.dice-4 .dot-4,
  .mobile168-page .pc8473-dice.dice-5 .dot-4,
  .mobile168-page .pc8473-dice.dice-6 .dot-6 { right: 5px; bottom: 5px; }
}

@media (min-width: 1021px) {
  .pc8473-page-site {
    background: #eee;
  }

  .pc8473-page-title {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0 22px;
    border-top: 3px solid #c76b00;
    background: #fff;
  }

  .pc8473-page-title h1 {
    margin: 0;
    color: #222;
    font-size: 18px;
    font-weight: 700;
  }

  .pc8473-page-title span {
    color: #999;
    font-size: 13px;
  }

  .pc8473-page-title button {
    height: 28px;
    border: 1px solid #ff7900;
    border-radius: 3px;
    color: #ff7900;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-page-layout {
    display: grid;
    grid-template-columns: 164px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    background: #fff;
    padding: 20px;
  }

  .pc8473-hall-side,
  .pc8473-dragon-side {
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
  }

  .pc8473-hall-side section,
  .pc8473-dragon-side section {
    border-bottom: 1px solid #dedede;
  }

  .pc8473-hall-side h2,
  .pc8473-dragon-side h2 {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 14px;
    color: #333;
    background: #ebebeb;
    font-size: 14px;
  }

  .pc8473-hall-side button,
  .pc8473-dragon-side label {
    width: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    border: 0;
    color: #555;
    background: transparent;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
  }

  .pc8473-dragon-side > div {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    color: #444;
    font-size: 13px;
  }

  .pc8473-dragon-side > div button {
    width: auto;
    min-height: 24px;
    padding: 0 8px;
    color: #888;
  }

  .pc8473-page-tabs {
    height: 58px;
    display: flex;
    align-items: stretch;
    margin-bottom: 16px;
    background: #fff;
    border-bottom: 1px solid #ddd;
  }

  .pc8473-page-tabs button {
    position: relative;
    min-width: 86px;
    padding: 0 22px;
    border: 0;
    color: #222;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
  }

  .pc8473-page-tabs button.active {
    color: #ff7900;
  }

  .pc8473-page-tabs button.active::after {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 2px;
    background: #ff7900;
  }

  .pc8473-page-card-list {
    display: grid;
    gap: 10px;
  }

  .pc8473-page-card {
    min-height: 104px;
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 164px;
    align-items: center;
    border: 1px solid #eee;
    background: #fafafa;
    cursor: pointer;
  }

  .pc8473-page-card:hover {
    background: #fff9f2;
  }

  .pc8473-page-card-icon {
    display: grid;
    place-items: center;
  }

  .pc8473-page-card-icon img,
  .pc8473-recommend-board img,
  .pc8473-trend-grid img {
    width: 58px;
    height: 58px;
    object-fit: contain;
  }

  .pc8473-page-card-main h3 {
    margin: 0 0 9px;
    font-size: 17px;
  }

  .pc8473-page-card-main small {
    color: #ff7900;
    font-size: 13px;
  }

  .pc8473-page-card-main p {
    display: flex;
    gap: 8px;
    margin: 8px 0 0;
    color: #555;
    font-size: 13px;
  }

  .pc8473-page-card-actions {
    display: grid;
    gap: 6px;
    justify-items: center;
  }

  .pc8473-page-card-actions strong {
    color: #e51f31;
    font-weight: 400;
  }

  .pc8473-page-card-actions button,
  .pc8473-dragon-table button,
  .pc8473-simple-table button {
    min-width: 54px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #666;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-recommend-page {
    padding-top: 24px;
  }

  .pc8473-recommend-board {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    padding: 28px 36px 42px;
    background: #fff;
  }

  .pc8473-recommend-board button {
    min-height: 142px;
    border: 0;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-recommend-board strong,
  .pc8473-recommend-board small {
    display: block;
  }

  .pc8473-recommend-board strong {
    margin-top: 10px;
    color: #333;
    font-size: 16px;
  }

  .pc8473-recommend-board small {
    margin-top: 5px;
    color: #999;
  }

  .pc8473-dragon-toolbar {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 14px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    color: #555;
  }

  .pc8473-dragon-toolbar button {
    height: 30px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-dragon-toolbar button.active {
    color: #fff;
    border-color: #ff7900;
    background: #ff7900;
  }

  .pc8473-page-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    font-size: 13px;
  }

  .pc8473-page-table th,
  .pc8473-page-table td {
    height: 38px;
    border: 1px solid #eee;
    color: #444;
    text-align: center;
  }

  .pc8473-page-table th {
    background: #f5f5f5;
    font-weight: 700;
  }

  .pc8473-trend-page,
  .pc8473-news-page,
  .pc8473-simple-page {
    padding-top: 24px;
  }

  .pc8473-trend-chart {
    min-height: 400px;
    padding: 0 28px 12px;
    background: #fff;
    border: 1px solid #e5e5e5;
  }

  .pc8473-trend-lottery-tabs,
  .pc8473-trend-rank-tabs {
    min-height: 60px;
    display: flex;
    align-items: center;
    gap: 32px;
    border-bottom: 1px solid #eee;
  }

  .pc8473-trend-lottery-tabs button,
  .pc8473-trend-rank-tabs button {
    position: relative;
    border: 0;
    color: #333;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
  }

  .pc8473-trend-lottery-tabs button.active,
  .pc8473-trend-rank-tabs button.active {
    color: #ff7900;
  }

  .pc8473-trend-lottery-tabs button.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -19px;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background: #ff7900;
    transform: translateX(-50%);
  }

  .pc8473-trend-chart svg {
    width: 100%;
    height: 258px;
    margin-top: 18px;
  }

  .pc8473-trend-chart path {
    fill: none;
    stroke: #e5e5e5;
    stroke-width: 1;
  }

  .pc8473-trend-chart path.axis {
    stroke: #b4b4b4;
    stroke-width: 1;
  }

  .pc8473-trend-chart path.grid {
    stroke: #dedede;
    stroke-width: 1;
    stroke-dasharray: 2 2;
  }

  .pc8473-trend-chart polyline {
    fill: none;
    stroke: #fc223b;
    stroke-width: 1;
  }

  .pc8473-trend-chart circle {
    fill: #fc223b;
  }

  .pc8473-trend-chart text {
    fill: #8a8a8a;
    font-size: 15px;
    text-anchor: middle;
  }

  .pc8473-trend-chart text.value {
    fill: #777;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-trend-chart text.issue,
  .pc8473-trend-chart text.axis-label {
    fill: #9a9a9a;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-trend-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-top: 18px;
  }

  .pc8473-trend-grid article {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
    min-height: 192px;
    padding: 20px 24px;
    background: #fff;
  }

  .pc8473-trend-grid article > div {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 10px;
    color: #222;
    font-weight: 700;
  }

  .pc8473-trend-grid article > div img {
    width: 88px;
    height: 88px;
    padding: 17px;
    border-radius: 50%;
    background: #f3f3f3;
    object-fit: contain;
  }

  .pc8473-trend-grid p {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-content: center;
    margin: 0;
  }

  .pc8473-trend-grid button {
    border: 0;
    color: #555;
    background: transparent;
    font-size: 16px;
    line-height: 1.85;
    cursor: pointer;
  }

  .pc8473-news-focus {
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 34px;
    min-height: 250px;
    padding: 28px;
    background: #fff;
  }

  .pc8473-news-photo,
  .pc8473-news-thumb {
    background: linear-gradient(135deg, #e6e6e6, #f9f9f9);
  }

  .pc8473-news-photo {
    min-height: 210px;
    background-image: url("./assets/pc9567-crops/desktop-hero.png");
    background-size: cover;
    background-position: center;
  }

  .pc8473-news-focus h1 {
    margin: 6px 0 16px;
    font-size: 24px;
  }

  .pc8473-news-focus button,
  .pc8473-news-side button,
  .pc8473-news-tips button {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
  }

  .pc8473-news-focus button {
    height: 30px;
    color: #333;
  }

  .pc8473-news-layout {
    display: grid;
    grid-template-columns: 820px 320px;
    gap: 28px;
    margin-top: 18px;
  }

  .pc8473-news-main,
  .pc8473-news-side,
  .pc8473-news-tips {
    background: #fff;
  }

  .pc8473-news-main h2,
  .pc8473-news-side h2,
  .pc8473-news-tips h2 {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
  }

  .pc8473-news-main article {
    display: grid;
    grid-template-columns: 210px 1fr;
    gap: 22px;
    padding: 24px 20px;
    border-bottom: 1px solid #eee;
  }

  .pc8473-news-thumb {
    height: 120px;
  }

  .pc8473-news-main h3 {
    margin: 0 0 10px;
    font-size: 18px;
  }

  .pc8473-news-main p {
    color: #555;
    line-height: 1.7;
  }

  .pc8473-news-main small {
    display: flex;
    justify-content: space-between;
    color: #999;
  }

  .pc8473-news-main > button {
    width: 100%;
    height: 44px;
    border: 0;
    color: #999;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-news-side {
    padding-bottom: 14px;
  }

  .pc8473-news-side button,
  .pc8473-news-tips button {
    height: 32px;
    padding: 0 20px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pc8473-news-side button::first-letter,
  .pc8473-news-tips button::first-letter {
    color: #ff7900;
  }

  .pc8473-news-tips {
    margin-top: 18px;
    padding-bottom: 18px;
  }

  .pc8473-news-tips {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .pc8473-news-tips h2 {
    grid-column: 1 / -1;
  }

  .pc8473-simple-table {
    background: #fff;
    font-size: 14px;
  }

  .pc8473-simple-page {
    position: relative;
  }

  .pc8473-simple-side {
    position: absolute;
    top: 82px;
    right: calc(100% + 5px);
    width: 115px;
    display: grid;
    background: #e8e8e8;
  }

  .pc8473-simple-side button {
    height: 42px;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
    color: #666;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
  }

  .pc8473-simple-side button.active {
    color: #fff;
    background: #3d4051;
    font-size: 18px;
  }

  .pc8473-simple-section {
    margin-bottom: 20px;
    border-top: 2px solid #ff7900;
    background: #fff;
  }

  .pc8473-simple-section > header {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
  }

  .pc8473-simple-section > header h2 {
    height: 58px;
    margin: 0;
    color: #f44a07;
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
  }

  .pc8473-simple-section > header button {
    width: 92px;
    height: 32px;
    padding: 0;
    border: 1px solid #ffc88b;
    border-radius: 3px;
    color: #f35b29;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
  }

  .pc8473-simple-empty {
    margin: 0;
    padding: 24px 30px;
    color: #999;
  }

  .pc8473-simple-head,
  .pc8473-simple-table article {
    width: 1140px;
    display: grid;
    grid-template-columns: 240px 410px 330px 160px;
    align-items: center;
    min-height: 74px;
    margin: 0 30px;
    padding: 0;
    border-bottom: 1px solid #eee;
  }

  .pc8473-simple-head {
    height: 46px;
    min-height: 46px;
    color: #333;
    background: #e5e5e5;
    font-size: 14px;
    line-height: 46px;
  }

  .pc8473-simple-head span:first-child {
    padding-left: 30px;
  }

  .pc8473-simple-head span:not(:first-child) {
    text-align: center;
  }

  .pc8473-simple-table article:nth-of-type(even) {
    background: #f5f5f5;
  }

  .pc8473-simple-table strong,
  .pc8473-simple-table small {
    display: block;
  }

  .pc8473-simple-lottery strong {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
  }

  .pc8473-simple-table small {
    margin-top: 0;
    color: #ff7900;
    font-size: 14px;
    line-height: 23px;
  }

  .pc8473-simple-lottery {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 30px;
  }

  .pc8473-simple-numbers {
    padding-left: 30px;
  }

  .pc8473-simple-timing {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 90px;
    color: #333;
  }

  .pc8473-simple-actions {
    height: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .pc8473-simple-actions i {
    color: #e5e5e5;
    font-style: normal;
  }

  .pc8473-simple-timing p {
    height: 24px;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
  }

  .pc8473-simple-timing p span,
  .pc8473-simple-timing p b {
    color: #ff263b;
  }

  .pc8473-simple-icon,
  .pc8473-simple-icon img,
  .pc8473-simple-icon .pc8473-fallback-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }

  .pc8473-simple-icon img,
  .pc8473-simple-icon .pc8473-fallback-icon {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 50%;
    background: #f3f3f3;
    object-fit: contain;
  }

  .pc8473-simple-icon .pc8473-fallback-icon {
    color: #fff;
    background: linear-gradient(145deg, #ffb020, #ff7200);
    font-size: 18px;
    line-height: 30px;
    text-align: center;
  }

  .pc8473-simple-table b {
    color: #d82133;
    font-weight: 400;
  }

  .pc8473-simple-actions button {
    min-width: auto;
    height: 24px;
    padding: 0;
    border: 0;
    color: #333;
    background: transparent;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-simple-operation {
    display: grid;
    place-items: center;
  }

  .pc8473-simple-operation button {
    min-width: 30px;
    width: 30px;
    height: 50px;
    position: relative;
    border: 0;
    background: transparent;
  }

  .pc8473-simple-operation button::before,
  .pc8473-simple-operation button::after {
    content: "";
    width: 16px;
    height: 1px;
    position: absolute;
    top: 24px;
    left: 7px;
    background: #777;
    transform: rotate(45deg);
  }

  .pc8473-simple-operation button::after {
    transform: rotate(-45deg);
  }

}

@media (min-width: 1021px) {
  body {
    color: #242424;
    background: #f0f0f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .desktop168-header {
    background: #fff;
  }

  .desktop168-logo-row {
    height: 100px;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 88px;
    align-items: center;
    border-bottom: 1px solid #ededed;
  }

  .desktop168-logo-row a,
  .desktop168-brand-button {
    width: 182px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop168-logo-row img {
    width: 182px;
    display: block;
  }

  .desktop168-logo-row > button:not(.desktop168-brand-button) {
    width: 88px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    cursor: pointer;
  }

  .desktop168-logo-row svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.7;
  }

  .desktop168-notice {
    height: 82px;
    display: flex;
    align-items: center;
    padding-left: max(56px, calc((100vw - 1180px) / 2));
    color: #fff;
    background: #29a9e5;
  }

  .desktop168-banner {
    overflow: hidden;
    background: #f6a21c;
  }

  .desktop168-banner img {
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
    object-position: center;
  }

  .desktop168-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 68px;
  }

  .desktop168-tabs {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 6px;
    background: #fff;
  }

  .desktop168-tabs button {
    height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 17px;
    color: #555;
    background: #f2f2f2;
    font: 15px Arial, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .desktop168-tabs button.active {
    color: #fff;
    background: #ff8a16;
  }

  .desktop-draw-grid.desktop168-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
  }

  .desktop168-card {
    min-height: 156px;
    padding: 26px 34px 20px;
    border: 0;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
  }

  .desktop168-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
  }

  .desktop168-card-head h2 {
    display: inline;
    margin: 0;
    color: #222;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }

  .desktop168-card-head span {
    margin-left: 8px;
    color: #555;
    font-size: 17px;
  }

  .desktop168-card-head p {
    margin: 0;
    color: #555;
    font-size: 17px;
    white-space: nowrap;
  }

  .desktop168-card-head p span {
    margin: 0 4px 0 0;
  }

  .desktop168-card-head strong {
    color: #d61f35;
    font-weight: 400;
  }

  .desktop168-card-body .desktop-six-balls,
  .desktop168-card-body .desktop-square-balls,
  .desktop168-card-body .desktop-round-balls,
  .desktop168-card-body .desktop-pc-equation {
    min-height: 42px;
    margin: 0 0 12px;
  }

  .desktop168-card-body .desktop-round-balls span,
  .desktop168-card-body .desktop-pc-equation span,
  .desktop168-card-body .desktop-pc-equation strong,
  .desktop168-card-body .desktop-six-balls span {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .desktop168-card-body .desktop-square-balls span {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  .desktop168-card-body .desktop-six-tags {
    grid-template-columns: repeat(6, 38px) 18px 38px;
    gap: 10px;
    font-size: 21px;
  }

  .desktop168-card-summary {
    color: #555;
    font-size: 18px;
    line-height: 28px;
  }

  .desktop-ticket-page {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 70px;
  }
}

@media (max-width: 1020px) {
  .mobile168-header {
    display: block;
    background: #fff;
  }

  .mobile168-logo-row {
    height: 53px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    align-items: center;
    border-bottom: 1px solid #ececef;
  }

  .mobile168-logo-row a {
    width: 96px;
    justify-self: center;
    display: grid;
    place-items: center;
  }

  .mobile168-logo-row img {
    width: 96px;
    display: block;
  }

  .mobile168-logo-row button {
    width: 48px;
    height: 53px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    padding: 0;
  }

  .mobile168-logo-row svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
  }

  .mobile168-notice {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 0 13px;
    color: #fff;
    background: #29a9e5;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 14px;
  }

  .mobile168-notice svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
  }

  .mobile-live-hero {
    height: 185px;
    min-height: 185px;
    overflow: hidden;
    background: #f2282f;
  }

  .mobile-live-hero img {
    width: 100%;
    height: 185px;
    display: block;
    object-fit: cover;
    transform: none;
  }
}

@media (max-width: 1020px) {
  .die::before,
  .die::after {
    display: none !important;
  }

  .die i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f30417;
  }

  .die-1 .dot-1,
  .die-3 .dot-2,
  .die-5 .dot-3 {
    left: 5px;
    top: 5px;
  }

  .die-2 .dot-1,
  .die-3 .dot-1,
  .die-4 .dot-1,
  .die-5 .dot-1,
  .die-6 .dot-1 {
    left: 0;
    top: 0;
  }

  .die-2 .dot-2,
  .die-3 .dot-3,
  .die-4 .dot-4,
  .die-5 .dot-5,
  .die-6 .dot-6 {
    right: 0;
    bottom: 0;
  }

  .die-4 .dot-2,
  .die-5 .dot-2,
  .die-6 .dot-2 {
    right: 0;
    top: 0;
  }

  .die-4 .dot-3,
  .die-5 .dot-4,
  .die-6 .dot-5 {
    left: 0;
    bottom: 0;
  }

  .die-6 .dot-3 {
    left: 0;
    top: 5px;
  }

  .die-6 .dot-4 {
    right: 0;
    top: 5px;
  }

  .detail-square-row,
  .detail-blue-row {
    min-height: 31px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 9px 0 8px;
  }

  .detail-square-row .sq {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 17px;
  }

  .detail-blue-row .detail-ball {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }

  .detail-square-cell,
  .detail-blue-cell {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow: hidden;
  }

  .detail-square-cell .sq {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    font-size: 13px;
  }

  .detail-blue-cell .detail-ball {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    font-size: 14px;
  }

  .pk10-table .detail-table-head,
  .pk10-table .detail-table-row {
    grid-template-columns: 35px 52px minmax(202px, 1fr) 70px;
    padding-inline: 6px;
    font-size: 14px;
  }

  .ssc-table .detail-table-head,
  .ssc-table .detail-table-row {
    grid-template-columns: 43px 58px minmax(88px, 1fr) 50px 78px;
  }

  .sport-table .detail-table-head,
  .sport-table .detail-table-row {
    grid-template-columns: 43px 72px minmax(116px, 1fr) 48px 72px;
  }

  .pk10-table .detail-table-row,
  .ssc-table .detail-table-row,
  .sport-table .detail-table-row {
    min-height: 64px;
  }

  .pk10-table .detail-table-head,
  .ssc-table .detail-table-head,
  .sport-table .detail-table-head {
    font-size: 15px;
  }

  .pk10-table .detail-table-row > span:last-child,
  .ssc-table .detail-table-row > span:last-child,
  .sport-table .detail-table-row > span:last-child {
    white-space: nowrap;
    font-size: 15px;
  }

  .sg-table .detail-table-row > span:nth-child(4) {
    white-space: nowrap;
  }

  .sg-table .detail-table-row > span:nth-child(4) b,
  .sg-table .detail-table-row > span:nth-child(4) em {
    margin-right: 6px;
  }

  .pk10-table .detail-table-head,
  .pk10-table .detail-table-row {
    grid-template-columns: 35px 52px minmax(202px, 1fr) 70px;
    padding-inline: 6px;
    font-size: 14px;
  }

  .pk10-table .detail-square-cell {
    gap: 1px;
  }

  .pk10-table .detail-square-cell .sq {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    font-size: 10px;
  }

  .pk10-table .detail-table-row > span:nth-child(4) {
    padding-left: 4px;
    white-space: nowrap;
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .pk10-table .detail-table-head,
  .pk10-table .detail-table-row {
    grid-template-columns: 36px 48px minmax(170px, 1fr) 58px;
  }

  .ssc-table .detail-table-head,
  .ssc-table .detail-table-row {
    grid-template-columns: 38px 54px minmax(78px, 1fr) 42px 62px;
  }

  .sport-table .detail-table-head,
  .sport-table .detail-table-row {
    grid-template-columns: 38px 62px minmax(96px, 1fr) 42px 58px;
  }

  .detail-square-cell .sq,
  .detail-blue-cell .detail-ball {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 12px;
  }
}

@media (min-width: 1021px) {
  body {
    color: #242424;
    background: #f0f0f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .desktop168-header {
    background: #fff;
  }

  .desktop168-logo-row {
    height: 100px;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 88px;
    align-items: center;
    border-bottom: 1px solid #ededed;
  }

  .desktop168-logo-row a,
  .desktop168-brand-button {
    width: 182px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop168-logo-row img {
    width: 182px;
    display: block;
  }

  .desktop168-logo-row > button:not(.desktop168-brand-button) {
    width: 88px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    cursor: pointer;
  }

  .desktop168-logo-row svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.7;
  }

  .desktop168-notice {
    height: 82px;
    display: flex;
    align-items: center;
    padding-left: max(56px, calc((100vw - 1180px) / 2));
    color: #fff;
    background: #29a9e5;
  }

  .desktop168-notice svg {
    width: 18px;
    height: 18px;
  }

  .desktop168-banner {
    width: 100%;
    overflow: hidden;
    background: #f6a21c;
  }

  .desktop168-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
  }

  .desktop168-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 68px;
  }

  .desktop168-tabs {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
  }

  .desktop168-tabs button {
    height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 17px;
    color: #555;
    background: #f2f2f2;
    font: 15px Arial, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .desktop168-tabs button.active {
    color: #fff;
    background: #ff8a16;
  }

  .desktop168-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
  }

  .desktop168-card {
    min-height: 156px;
    padding: 26px 34px 20px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    cursor: pointer;
  }

  .desktop168-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
  }

  .desktop168-card-head h2 {
    display: inline;
    margin: 0;
    color: #222;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }

  .desktop168-card-head span {
    margin-left: 8px;
    color: #555;
    font-size: 17px;
  }

  .desktop168-card-head p {
    margin: 0;
    color: #555;
    font-size: 17px;
    white-space: nowrap;
  }

  .desktop168-card-head p span {
    margin: 0 4px 0 0;
    color: #555;
  }

  .desktop168-card-head strong {
    color: #d61f35;
    font-weight: 400;
  }

  .desktop168-card-body .desktop-six-balls,
  .desktop168-card-body .desktop-square-balls,
  .desktop168-card-body .desktop-round-balls,
  .desktop168-card-body .desktop-pc-equation {
    min-height: 42px;
    margin: 0 0 12px;
  }

  .desktop168-card-body .desktop-round-balls span,
  .desktop168-card-body .desktop-pc-equation span,
  .desktop168-card-body .desktop-pc-equation strong {
    width: 38px;
    height: 38px;
    font-size: 19px;
  }

  .desktop168-card-body .desktop-square-balls span {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  .desktop168-card-body .desktop-six-balls span {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .desktop168-card-body .desktop-six-tags {
    grid-template-columns: repeat(6, 38px) 18px 38px;
    gap: 10px;
    font-size: 21px;
  }

  .desktop168-card-summary {
    color: #555;
    font-size: 18px;
    line-height: 28px;
  }

  .desktop-ticket-page {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 70px;
  }

  .desktop-ticket-hero,
  .desktop-ticket-records {
    border-radius: 6px;
    border-color: #e8e8e8;
    box-shadow: none;
  }
}

@media (min-width: 1021px) {
  body {
    margin: 0;
    color: #262626;
    background: #f1f2f5;
    padding-bottom: 0;
    font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  }

  .site-header,
  .hero-dashboard,
  .mobile-favorites,
  .lottery-workbench,
  .analytics-grid,
  .history-panel,
  .service-grid,
  .site-footer,
  .bottom-nav {
    display: none !important;
  }

  .desktop-168-home.desktop-only {
    display: block;
  }

  .desktop-168-detail[hidden],
  .desktop-168-home[hidden] {
    display: none !important;
  }

  .desktop-168-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
  }

  .desktop-168-header {
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
  }

  .desktop-168-topline {
    height: 34px;
    color: #666;
    border-bottom: 1px solid #eee;
    background: #fafafa;
    font-size: 13px;
  }

  .desktop-168-topline .desktop-168-container,
  .desktop-168-mainbar,
  .desktop-168-bluebar .desktop-168-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  .desktop-168-mainbar {
    height: 82px;
  }

  .desktop-168-brand {
    width: 182px;
    display: flex;
    align-items: center;
  }

  .desktop-168-brand img {
    width: 170px;
    display: block;
  }

  .desktop-168-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
  }

  .desktop-168-nav button,
  .desktop-168-actions button,
  .desktop-category-tabs button,
  .desktop-card-foot button,
  .desktop-tool-links button,
  .desktop-record-tabs button,
  .desktop-detail-header button,
  .desktop-related button {
    border: 0;
    font: inherit;
    cursor: pointer;
  }

  .desktop-168-nav button {
    height: 82px;
    padding: 0 18px;
    color: #333;
    background: transparent;
    font-size: 16px;
  }

  .desktop-168-nav button.active {
    color: #fff;
    background: #1598dc;
  }

  .desktop-168-actions {
    display: flex;
    gap: 10px;
  }

  .desktop-168-actions button {
    width: 72px;
    height: 34px;
    border-radius: 3px;
    color: #fff;
    background: #ff8a18;
  }

  .desktop-168-actions button:first-child {
    background: #1d9fe5;
  }

  .desktop-168-bluebar {
    height: 42px;
    color: #fff;
    background: #28a8e6;
    font-size: 14px;
  }

  .desktop-168-bluebar svg {
    width: 18px;
    height: 18px;
  }

  .desktop-168-banner {
    height: 260px;
    overflow: hidden;
    background:
      radial-gradient(circle at 9% 78%, rgba(255, 255, 255, 0.36) 0 28px, transparent 29px),
      radial-gradient(circle at 91% 32%, rgba(255, 255, 255, 0.42) 0 36px, transparent 37px),
      radial-gradient(circle at 72% 76%, #ffffff 0 14px, #f3f3f3 15px 32px, transparent 33px),
      repeating-linear-gradient(104deg, rgba(255, 255, 255, 0.15) 0 18px, transparent 19px 82px),
      linear-gradient(105deg, #f5bb26 0%, #ff9222 38%, #f04b13 100%);
  }

  .desktop-168-banner-inner {
    width: min(1200px, calc(100% - 48px));
    height: 100%;
    position: relative;
    display: grid;
    align-content: center;
    margin: 0 auto;
    padding-left: 230px;
    color: #fff;
    text-shadow:
      0 4px 0 #3a1b09,
      0 7px 14px rgba(84, 24, 0, 0.35);
  }

  .desktop-168-banner-inner::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 38px;
    width: 172px;
    height: 172px;
    border: 18px solid #1f1f1f;
    border-left-color: #f7d94f;
    border-bottom-color: #f7d94f;
    border-radius: 50%;
    background:
      radial-gradient(circle, #eac43d 0 16px, transparent 17px),
      conic-gradient(#111 0 10deg, #f5f5f5 10deg 20deg, #111 20deg 30deg, #f5f5f5 30deg 40deg, #111 40deg 50deg, #f5f5f5 50deg 60deg, #111 60deg 70deg, #f5f5f5 70deg 80deg, #111 80deg 90deg, #f5f5f5 90deg 100deg, #111 100deg 110deg, #f5f5f5 110deg 120deg, #111 120deg 130deg, #f5f5f5 130deg 140deg, #111 140deg 150deg, #f5f5f5 150deg 160deg, #111 160deg 170deg, #f5f5f5 170deg 180deg, #111 180deg 190deg, #f5f5f5 190deg 200deg, #111 200deg 210deg, #f5f5f5 210deg 220deg, #111 220deg 230deg, #f5f5f5 230deg 240deg, #111 240deg 250deg, #f5f5f5 250deg 260deg, #111 260deg 270deg, #f5f5f5 270deg 280deg, #111 280deg 290deg, #f5f5f5 290deg 300deg, #111 300deg 310deg, #f5f5f5 310deg 320deg, #111 320deg 330deg, #f5f5f5 330deg 340deg, #111 340deg 350deg, #f5f5f5 350deg 360deg);
    box-shadow: 0 18px 28px rgba(89, 37, 0, 0.25);
  }

  .desktop-168-banner-inner span,
  .desktop-168-banner-inner strong,
  .desktop-168-banner-inner b {
    display: block;
    width: max-content;
    transform: skewX(-8deg);
    font-family: Impact, "Arial Black", "Microsoft YaHei", sans-serif;
    letter-spacing: 0;
  }

  .desktop-168-banner-inner span {
    padding: 0 28px;
    color: #fff;
    background: #111;
    font-size: 42px;
    line-height: 1.12;
  }

  .desktop-168-banner-inner strong {
    margin-top: 10px;
    color: #fff44a;
    font-size: 58px;
    line-height: 1;
  }

  .desktop-168-banner-inner b {
    margin-top: 8px;
    color: #fff;
    font-size: 40px;
    line-height: 1;
  }

  .desktop-168-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
    padding: 18px 0 38px;
  }

  .desktop-168-main,
  .desktop-168-sidebar section,
  .desktop-detail-current,
  .desktop-detail-records,
  .desktop-detail-side section {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
  }

  .desktop-section-head {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 18px;
    border-bottom: 1px solid #e8e8e8;
  }

  .desktop-section-head h1 {
    margin: 0;
    color: #222;
    font-size: 22px;
    font-weight: 600;
  }

  .desktop-category-tabs {
    display: flex;
    gap: 8px;
  }

  .desktop-category-tabs button {
    height: 32px;
    padding: 0 14px;
    color: #555;
    border-radius: 16px;
    background: #f4f4f4;
  }

  .desktop-category-tabs button.active {
    color: #fff;
    background: #ff8a18;
  }

  .desktop-draw-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
  }

  .desktop-draw-card {
    min-height: 154px;
    padding: 16px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    background: #fff;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
  }

  .desktop-draw-card:hover {
    border-color: #36a8e6;
    box-shadow: 0 8px 20px rgba(23, 114, 179, 0.12);
  }

  .desktop-card-head,
  .desktop-card-foot,
  .desktop-detail-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .desktop-card-head h2 {
    margin: 0 0 5px;
    color: #202020;
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
  }

  .desktop-card-head span {
    color: #666;
    font-size: 14px;
  }

  .desktop-card-head strong {
    color: #d2182a;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
  }

  .desktop-six-balls,
  .desktop-square-balls,
  .desktop-round-balls,
  .desktop-pc-equation,
  .desktop-detail-six,
  .desktop-detail-square,
  .desktop-detail-round,
  .desktop-detail-equation,
  .desktop-table-six,
  .desktop-table-square,
  .desktop-table-round {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .desktop-six-balls,
  .desktop-square-balls,
  .desktop-round-balls,
  .desktop-pc-equation {
    min-height: 42px;
    margin: 18px 0 12px;
  }

  .desktop-six-balls span,
  .desktop-detail-six span,
  .desktop-table-six span,
  .desktop-round-balls span,
  .desktop-detail-round span,
  .desktop-table-round span,
  .desktop-pc-equation span,
  .desktop-pc-equation strong,
  .desktop-detail-equation span,
  .desktop-detail-equation strong {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    background: #0b98d3;
    font-size: 17px;
    font-weight: 400;
  }

  .desktop-table-six span,
  .desktop-table-round span,
  .desktop-table-square span {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }

  .desktop-six-balls span.red,
  .desktop-detail-six span.red,
  .desktop-table-six span.red,
  .desktop-pc-equation strong,
  .desktop-detail-equation strong {
    background: #f02534;
  }

  .desktop-six-balls span.green,
  .desktop-detail-six span.green,
  .desktop-table-six span.green {
    background: #12bf43;
  }

  .desktop-six-balls span.blue,
  .desktop-detail-six span.blue,
  .desktop-table-six span.blue {
    background: #0b98d3;
  }

  .desktop-square-balls span,
  .desktop-detail-square span,
  .desktop-table-square span {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
  }

  .desktop-table-square span {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .desktop-square-balls .red,
  .desktop-detail-square .red,
  .desktop-table-square .red { background: #f02534; }
  .desktop-square-balls .orange,
  .desktop-detail-square .orange,
  .desktop-table-square .orange { background: #ff7c13; }
  .desktop-square-balls .green,
  .desktop-detail-square .green,
  .desktop-table-square .green { background: #12bf43; }
  .desktop-square-balls .dark,
  .desktop-detail-square .dark,
  .desktop-table-square .dark { background: #3c3d40; }
  .desktop-square-balls .gray,
  .desktop-detail-square .gray,
  .desktop-table-square .gray { background: #b9b9b9; }
  .desktop-square-balls .blue,
  .desktop-detail-square .blue,
  .desktop-table-square .blue { background: #0b98d3; }
  .desktop-square-balls .purple,
  .desktop-detail-square .purple,
  .desktop-table-square .purple { background: #5136ed; }
  .desktop-square-balls .cyan,
  .desktop-detail-square .cyan,
  .desktop-table-square .cyan { background: #22d1d7; }
  .desktop-square-balls .yellow,
  .desktop-detail-square .yellow,
  .desktop-table-square .yellow { background: #e3e50b; }
  .desktop-square-balls .wine,
  .desktop-detail-square .wine,
  .desktop-table-square .wine { background: #8c0000; }

  .desktop-six-balls em,
  .desktop-detail-six em,
  .desktop-table-six em,
  .desktop-pc-equation em,
  .desktop-detail-equation em {
    color: #888;
    font-size: 26px;
    font-style: normal;
  }

  .desktop-six-tags {
    display: grid;
    grid-template-columns: repeat(6, 34px) 14px 34px;
    gap: 8px;
    color: #333;
    font-size: 18px;
  }

  .desktop-six-tags b {
    text-align: center;
    font-weight: 400;
  }

  .desktop-card-foot {
    align-items: center;
    margin-top: 8px;
    color: #333;
    font-size: 16px;
  }

  .desktop-card-foot button {
    height: 30px;
    padding: 0 14px;
    color: #fff;
    border-radius: 3px;
    background: #ff8a18;
  }

  .desktop-168-sidebar {
    display: grid;
    align-content: start;
    gap: 14px;
  }

  .desktop-168-sidebar section,
  .desktop-detail-side section {
    padding: 16px;
  }

  .desktop-168-sidebar h2,
  .desktop-detail-side h2 {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 600;
  }

  .desktop-tool-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .desktop-tool-links button {
    height: 76px;
    display: grid;
    place-items: center;
    gap: 5px;
    color: #555;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fafafa;
  }

  .desktop-tool-links svg {
    width: 22px;
    height: 22px;
    color: #1598dc;
  }

  .desktop-news-list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .desktop-news-list li {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 8px;
    color: #555;
    font-size: 14px;
  }

  .desktop-news-list b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
  }

  .desktop-detail-header {
    height: 64px;
    color: #fff;
    background: #1598dc;
  }

  .desktop-detail-header .desktop-168-container {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 18px;
  }

  .desktop-detail-header button {
    height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0 12px;
    color: #1598dc;
    border-radius: 3px;
    background: #fff;
  }

  .desktop-detail-header button svg {
    width: 18px;
    height: 18px;
  }

  .desktop-detail-header strong {
    font-size: 22px;
  }

  .desktop-detail-header span {
    opacity: 0.9;
  }

  .desktop-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 282px;
    gap: 18px;
    padding: 18px 0 38px;
  }

  .desktop-detail-main {
    display: grid;
    gap: 14px;
  }

  .desktop-detail-current {
    padding: 22px;
  }

  .desktop-detail-title h1 {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 500;
  }

  .desktop-detail-title p {
    margin: 0;
    color: #666;
    font-size: 15px;
  }

  .desktop-detail-title > div:last-child {
    display: grid;
    justify-items: end;
    color: #666;
  }

  .desktop-detail-title > div:last-child strong {
    margin-top: 5px;
    color: #d2182a;
    font-size: 24px;
    font-weight: 400;
  }

  .desktop-detail-six,
  .desktop-detail-square,
  .desktop-detail-round,
  .desktop-detail-equation {
    min-height: 56px;
    margin: 24px 0 16px;
  }

  .desktop-detail-six span,
  .desktop-detail-square span,
  .desktop-detail-round span,
  .desktop-detail-equation span,
  .desktop-detail-equation strong {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }

  .desktop-detail-summary {
    color: #333;
    font-size: 18px;
  }

  .desktop-record-tabs {
    height: 52px;
    display: flex;
    border-bottom: 1px solid #e6e6e6;
  }

  .desktop-record-tabs button {
    width: 128px;
    color: #333;
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 16px;
  }

  .desktop-record-tabs button.active {
    color: #ff8a18;
    border-bottom: 2px solid #ff8a18;
  }

  .desktop-detail-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .desktop-detail-table th,
  .desktop-detail-table td {
    height: 54px;
    padding: 0 14px;
    border-bottom: 1px solid #eee;
    color: #333;
    text-align: left;
    font-size: 15px;
  }

  .desktop-detail-table th {
    height: 46px;
    color: #666;
    background: #fafafa;
    font-weight: 400;
  }

  .desktop-detail-table td:nth-child(3) {
    width: 44%;
  }

  .desktop-pk10-table th:nth-child(1),
  .desktop-pk10-table td:nth-child(1) {
    width: 72px;
  }

  .desktop-pk10-table th:nth-child(2),
  .desktop-pk10-table td:nth-child(2) {
    width: 92px;
  }

  .desktop-pk10-table th:nth-child(3),
  .desktop-pk10-table td:nth-child(3) {
    width: 360px;
  }

  .desktop-pk10-table th:nth-child(4),
  .desktop-pk10-table td:nth-child(4) {
    width: 86px;
  }

  .desktop-pk10-table th:nth-child(5),
  .desktop-pk10-table td:nth-child(5) {
    width: 110px;
  }

  .desktop-six-table th:nth-child(1),
  .desktop-six-table td:nth-child(1) {
    width: 140px;
  }

  .desktop-six-table th:nth-child(2),
  .desktop-six-table td:nth-child(2) {
    width: 78px;
  }

  .desktop-six-table th:nth-child(3),
  .desktop-six-table td:nth-child(3) {
    width: 330px;
  }

  .desktop-six-table th:nth-child(5),
  .desktop-six-table td:nth-child(5) {
    width: 70px;
  }

  .desktop-table-square,
  .desktop-table-round,
  .desktop-table-six {
    flex-wrap: nowrap;
  }

  .desktop-table-square {
    gap: 5px;
  }

  .desktop-table-square span {
    flex: 0 0 26px;
  }

  .desktop-table-six {
    gap: 6px;
  }

  .desktop-table-six span {
    flex: 0 0 28px;
  }

  .desktop-detail-side {
    display: grid;
    align-content: start;
    gap: 14px;
  }

  .desktop-related {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .desktop-related button {
    height: 36px;
    overflow: hidden;
    color: #555;
    border-radius: 3px;
    background: #f5f5f5;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .desktop-detail-side p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-size: 15px;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

.container {
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
}

.mobile-only {
  display: none !important;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}

.top-strip {
  min-height: 34px;
  background: #eaf3fb;
  color: #40526a;
  font-size: 13px;
}

.strip-inner {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.strip-inner a {
  color: var(--blue-strong);
}

.strip-time {
  margin-left: auto;
}

.sync-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(20, 166, 111, 0.16);
}

.nav-shell {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 28px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 156px;
}

.brand-logo {
  width: 126px;
  height: auto;
  display: block;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--blue), #4bb8ff);
  box-shadow: 0 8px 18px rgba(31, 122, 224, 0.28);
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-size: 21px;
}

.brand small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}

.nav-links a {
  padding: 10px 13px;
  color: #40526a;
  border-radius: 6px;
}

.nav-links a.active,
.nav-links a:hover {
  color: var(--blue-strong);
  background: #eaf3ff;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon-button {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #40526a;
  background: #fff;
}

.icon-button:hover {
  color: var(--blue-strong);
  border-color: #a9cdf4;
}

.icon-button svg {
  width: 18px;
  height: 18px;
}

.primary-button {
  min-height: 38px;
  padding: 0 16px;
  color: #fff;
  border: 0;
  border-radius: 8px;
  background: var(--blue);
}

.hero-dashboard {
  position: relative;
  overflow: hidden;
  min-height: 438px;
  padding: 34px 0 30px;
  background: #eaf3fb;
}

.hero-visual {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(246, 248, 251, 0.95) 0%, rgba(246, 248, 251, 0.75) 44%, rgba(246, 248, 251, 0.46) 100%),
    url("./assets/draw-dashboard-visual.png") center / cover no-repeat;
}

.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 286px;
  align-items: stretch;
  gap: 16px;
}

.focus-panel,
.draw-panel,
.reminder-panel,
.analysis-panel,
.news-panel,
.history-panel,
.service-grid article {
  min-width: 0;
  border: 1px solid rgba(209, 222, 236, 0.88);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
}

.focus-panel,
.reminder-panel {
  padding: 18px;
}

.draw-panel {
  min-height: 326px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.panel-head,
.section-title,
.draw-panel-top,
.countdown-row,
.date-tools,
.switch-line,
.select-line {
  display: flex;
  align-items: center;
}

.panel-head,
.draw-panel-top {
  justify-content: space-between;
  gap: 14px;
}

.panel-head {
  margin-bottom: 16px;
  font-weight: 700;
}

.text-button {
  padding: 0;
  color: var(--blue-strong);
  border: 0;
  background: transparent;
}

.eyebrow {
  margin: 0 0 6px;
  color: var(--blue-strong);
  font-size: 13px;
  font-weight: 700;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.18;
}

h2 {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1.25;
}

h3 {
  margin-bottom: 8px;
  font-size: 17px;
}

.favorite-list {
  display: grid;
  gap: 10px;
}

.favorite-item {
  min-height: 44px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.favorite-item strong {
  display: block;
  font-size: 14px;
}

.favorite-item span {
  color: var(--muted);
  font-size: 12px;
}

.quick-status {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.status-badge.green {
  color: #0c704b;
  background: #daf5e9;
}

.status-badge.yellow {
  color: #805400;
  background: #fff1c9;
}

.status-badge.blue {
  color: #0f5fae;
  background: #ddebff;
}

.draw-content {
  padding: 22px 0;
}

.number-equation {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ball {
  width: 58px;
  height: 58px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 58px;
  color: #fff;
  border-radius: 999px;
  font-size: 24px;
  font-weight: 800;
  border: 4px solid rgba(255, 255, 255, 0.86);
  box-shadow: inset 0 -7px 14px rgba(0, 0, 0, 0.18), 0 8px 18px rgba(20, 33, 52, 0.18);
}

.ball.red {
  background: var(--red);
}

.ball.blue {
  background: var(--blue);
}

.ball.green {
  background: var(--green);
}

.ball.yellow {
  color: #553800;
  background: var(--yellow);
}

.ball.sum {
  background: #2d3748;
}

.math-sign {
  color: #4b5b70;
  font-size: 25px;
  font-weight: 700;
}

.draw-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.draw-meta span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: #37465b;
  background: #edf3fa;
}

.muted {
  color: var(--muted);
}

.countdown-row {
  justify-content: space-between;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.countdown-row strong {
  display: block;
  margin-top: 4px;
  color: var(--blue-strong);
  font-size: 28px;
}

.progress-track {
  width: 220px;
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2ebf4;
}

.progress-track span {
  display: block;
  width: 64%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--green));
}

.switch-line,
.select-line {
  justify-content: space-between;
  min-height: 42px;
  color: #334157;
  border-top: 1px solid var(--line);
}

.switch-line input {
  width: 18px;
  height: 18px;
}

.select-line select {
  max-width: 150px;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #324158;
  background: #fff;
}

.tool-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 16px;
}

.tool-grid a {
  min-height: 66px;
  display: grid;
  place-items: center;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #334157;
  background: #fff;
}

.tool-grid svg {
  width: 20px;
  height: 20px;
  color: var(--blue-strong);
}

.lottery-workbench,
.analytics-grid,
.history-panel,
.service-grid {
  margin-top: 28px;
}

.section-title {
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.section-title.compact {
  margin-bottom: 14px;
}

.search-box {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.search-box svg {
  width: 18px;
  height: 18px;
  color: var(--muted);
}

.search-box input {
  width: min(390px, 42vw);
  border: 0;
  outline: none;
  color: var(--ink);
}

.category-tabs,
.chip-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
}

.category-tabs button,
.chip-scroll button,
.segmented button,
.date-tools button {
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #40526a;
  background: #fff;
  white-space: nowrap;
}

.category-tabs button.active,
.chip-scroll button.active,
.segmented button.active,
.date-tools button.active {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
}

.lottery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.lottery-card {
  min-height: 184px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 10px 24px rgba(32, 68, 108, 0.08);
}

.lottery-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 13px;
}

.lottery-card h3 {
  margin: 0 0 4px;
}

.lottery-card small {
  color: var(--muted);
}

.star-button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #7a8798;
  background: #fff;
}

.star-button.active {
  color: #9a6900;
  border-color: #ffe2a2;
  background: #fff6dc;
}

.mini-balls {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.mini-ball {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  color: #fff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  background: var(--blue);
}

.mini-ball:nth-child(2n) {
  background: var(--red);
}

.mini-ball:nth-child(3n) {
  background: var(--green);
}

.lottery-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  color: var(--muted);
  border-top: 1px solid var(--line);
  font-size: 13px;
}

.lottery-card-foot strong {
  color: var(--ink);
}

.analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
}

.analytics-grid > *,
.service-grid > * {
  min-width: 0;
}

.analysis-panel,
.news-panel,
.history-panel {
  padding: 20px;
}

.segmented {
  display: inline-flex;
  gap: 6px;
}

.trend-board {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.trend-row {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr 0.7fr 0.7fr 0.8fr;
  min-height: 46px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border-top: 1px solid var(--line);
}

.trend-row.head {
  color: var(--muted);
  border-top: 0;
  background: #f2f6fa;
  font-weight: 700;
}

.trend-row em {
  width: 30px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #0b7a50;
  background: #e1f7ed;
  font-style: normal;
  font-weight: 700;
}

.red-text {
  color: var(--red) !important;
  background: #ffe3e7 !important;
}

.news-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-list li {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--line);
}

.news-list li:first-child {
  border-top: 0;
}

.news-list a {
  color: #334157;
}

.news-list span {
  color: var(--muted);
  font-size: 12px;
}

.date-tools {
  gap: 8px;
  flex-wrap: wrap;
}

.date-tools button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.date-tools svg {
  width: 16px;
  height: 16px;
}

.table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
  background: #fff;
}

th,
td {
  height: 52px;
  padding: 0 14px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}

th {
  color: #536277;
  background: #f2f6fa;
  font-weight: 800;
}

td {
  color: #334157;
}

tr:last-child td {
  border-bottom: 0;
}

.inline-balls {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.inline-balls .mini-ball {
  width: 26px;
  height: 26px;
  font-size: 12px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.service-grid article {
  padding: 20px;
}

.service-grid svg {
  width: 28px;
  height: 28px;
  color: var(--blue-strong);
  margin-bottom: 14px;
}

.service-grid p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.7;
}

.site-footer {
  margin-top: 34px;
  padding: 28px 0 92px;
  color: #637085;
  border-top: 1px solid var(--line);
  background: #fff;
}

.footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.footer-inner p {
  margin: 0;
}

@media (max-width: 1020px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .icon-button.mobile-only {
    display: inline-grid !important;
  }

  body {
    padding-bottom: 72px;
  }

  .container {
    width: min(100% - 24px, 720px);
  }

  .top-strip {
    display: none;
  }

  .site-header {
    position: sticky;
  }

  .nav-shell {
    min-height: 62px;
    gap: 10px;
  }

  .brand {
    min-width: 0;
    flex: 1;
  }

  .brand-mark {
    width: 36px;
    height: 36px;
  }

  .brand strong {
    font-size: 18px;
  }

  .nav-links {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 70px;
    display: none;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    box-shadow: var(--shadow);
  }

  .nav-links.open {
    display: grid;
  }

  .nav-links a {
    min-height: 42px;
    display: flex;
    align-items: center;
  }

  .nav-actions .primary-button,
  .nav-actions .icon-button:first-child {
    display: none;
  }

  .mobile-original-home.mobile-only {
    display: block !important;
    padding: 12px 0 0;
    background: #f5f9ff;
  }

  .mobile-notice {
    width: 100%;
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    padding: 0 12px;
    color: #fff;
    background: linear-gradient(90deg, #13a4ef, #56c5ff);
    font-size: 15px;
    box-shadow: 0 8px 18px rgba(19, 164, 239, 0.18);
  }

  .mobile-notice svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
  }

  .mobile-notice span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-live-hero {
    position: relative;
    min-height: 188px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    overflow: hidden;
    padding: 22px 18px;
    color: #fff;
    background:
      radial-gradient(circle at 84% 20%, rgba(255, 238, 103, 0.65), transparent 13%),
      radial-gradient(circle at 18% 28%, rgba(255, 255, 255, 0.32), transparent 16%),
      linear-gradient(160deg, rgba(153, 0, 13, 0.9), rgba(242, 20, 28, 0.92) 46%, rgba(255, 131, 33, 0.84)),
      url("./assets/draw-dashboard-visual.png") center / cover no-repeat;
    box-shadow: inset 0 -24px 40px rgba(96, 0, 11, 0.34);
  }

  .mobile-live-hero::before,
  .mobile-live-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
  }

  .mobile-live-hero::before {
    width: 420px;
    height: 120px;
    left: -58px;
    bottom: -64px;
    background: rgba(255, 224, 99, 0.22);
    filter: blur(2px);
  }

  .mobile-live-hero::after {
    width: 260px;
    height: 260px;
    right: -124px;
    top: -86px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.08);
  }

  .hero-badge-row,
  .mobile-live-hero h1,
  .mobile-live-hero p {
    position: relative;
    z-index: 1;
  }

  .hero-badge-row {
    display: flex;
    gap: 8px;
  }

  .hero-badge-row span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 999px;
    background: rgba(255, 34, 38, 0.46);
    font-size: 14px;
    font-weight: 800;
  }

  .mobile-live-hero h1 {
    margin: 0;
    color: #fff6bf;
    text-shadow: 0 3px 0 rgba(143, 14, 0, 0.38), 0 12px 30px rgba(0, 0, 0, 0.28);
    font-size: 42px;
    line-height: 1;
    font-weight: 950;
  }

  .mobile-live-hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 16px;
    font-weight: 800;
  }

  .lhc-list {
    gap: 8px;
    padding: 10px 10px 0;
    background: #edf1f6;
  }

  .lhc-card {
    padding: 14px 14px 13px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(25, 56, 88, 0.04), 0 6px 16px rgba(33, 66, 103, 0.06);
  }

  .lhc-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
  }

  .lhc-head h2 {
    margin: 0;
    color: #101828;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 850;
  }

  .lhc-head small {
    display: inline-block;
    margin-top: 1px;
    color: #111827;
    font-size: 12px;
    font-weight: 750;
  }

  .lhc-countdown {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    color: #7c8797;
    font-size: 12px;
  }

  .lhc-countdown strong {
    color: #ff182c;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
  }

  .lhc-number-row {
    display: grid;
    grid-template-columns: repeat(6, 32px) 18px 32px minmax(76px, 1fr);
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
  }

  .lhc-ball {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 900;
    box-shadow: inset 0 -4px 8px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(20, 40, 70, 0.1);
  }

  .lhc-ball.red {
    background: linear-gradient(145deg, #ff5161, #e60d2a);
  }

  .lhc-ball.blue {
    background: linear-gradient(145deg, #18a9ff, #0273d8);
  }

  .lhc-ball.green {
    background: linear-gradient(145deg, #22c879, #0aa060);
  }

  .lhc-number-row em {
    color: #9aa4b2;
    font-size: 22px;
    font-style: normal;
    text-align: center;
  }

  .lhc-number-row > strong {
    color: #111827;
    justify-self: end;
    font-size: 13px;
    white-space: nowrap;
  }

  .lhc-tags {
    display: grid;
    grid-template-columns: repeat(6, 32px) 18px 32px;
    gap: 7px 5px;
    color: #111827;
    font-size: 14px;
    font-weight: 700;
  }

  .lhc-tags span {
    width: 28px;
    text-align: center;
  }

  .lhc-tags b {
    width: 18px;
  }

  .mobile-secondary-card {
    margin-top: 10px;
  }

  .mobile-hot-card {
    width: calc(100% - 20px);
    margin: 0 auto 16px;
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 97, 173, 0.1);
  }

  .hot-ribbon {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 20px;
    color: #fff;
    background:
      linear-gradient(100deg, rgba(40, 153, 255, 0.95), rgba(80, 177, 255, 0.82)),
      radial-gradient(circle at 92% 20%, rgba(255, 255, 255, 0.7), transparent 20%);
    font-size: 23px;
  }

  .hot-ribbon svg {
    width: 24px;
    height: 24px;
  }

  .hot-lottery-scroll {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    padding: 16px 20px 18px;
  }

  .hot-lottery-scroll a {
    width: 76px;
    display: grid;
    justify-items: center;
    gap: 8px;
    flex: 0 0 auto;
    color: #4d5b6d;
  }

  .hot-lottery-scroll em {
    width: 92px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-size: 15px;
  }

  .round-logo {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 -7px 12px rgba(0, 0, 0, 0.18), 0 7px 16px rgba(31, 80, 132, 0.18);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.05;
  }

  .round-logo.maple {
    background: linear-gradient(135deg, #e83f50, #b91e35);
  }

  .round-logo.bingo {
    background: linear-gradient(135deg, #ffb027, #df271b);
  }

  .round-logo.mark-six {
    background: linear-gradient(135deg, #66b7ff, #2057c9);
  }

  .round-logo.green-logo {
    background: linear-gradient(135deg, #66d46f, #16a44d);
  }

  .mobile-series-tabs {
    position: sticky;
    top: 62px;
    z-index: 12;
    display: grid;
    grid-template-columns: repeat(4, minmax(108px, 1fr));
    overflow-x: auto;
    border-top: 1px solid #e9eef5;
    border-bottom: 1px solid #e9eef5;
    background: #fff;
  }

  .mobile-series-tabs button {
    position: relative;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    border: 0;
    color: #161d2c;
    background: #fff;
    font-size: 19px;
    font-weight: 800;
    white-space: nowrap;
  }

  .mobile-series-tabs button.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 32px;
    height: 4px;
    border-radius: 999px;
    background: #35a9ff;
    transform: translateX(-50%);
  }

  .mobile-series-tabs svg {
    width: 15px;
    height: 15px;
    stroke-width: 3;
  }

  .mobile-draw-list {
    display: grid;
    gap: 12px;
    overflow: hidden;
    padding-bottom: 8px;
  }

  .mobile-draw-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 24px 20px 22px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(29, 72, 112, 0.08);
  }

  .mobile-draw-head {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) minmax(132px, 142px);
    align-items: center;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
  }

  .mobile-draw-head > * {
    min-width: 0;
  }

  .draw-logo {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.08;
    box-shadow: inset 0 -8px 14px rgba(0, 0, 0, 0.17), 0 8px 16px rgba(37, 75, 116, 0.12);
  }

  .racing-logo {
    background: linear-gradient(135deg, #ffd75a, #e3a900);
  }

  .air-logo {
    background: linear-gradient(135deg, #ff9b4d, #ee5b28);
  }

  .mobile-draw-head h2 {
    margin: 0 0 31px;
    font-size: 22px;
  }

  .mobile-draw-head small {
    display: block;
    color: #6f7f95;
    font-size: 16px;
  }

  .mobile-draw-head small strong {
    color: #227cdd;
  }

  .mobile-next {
    display: grid;
    justify-items: end;
    color: #7d8797;
    font-size: 15px;
    line-height: 1.45;
  }

  .mobile-next span {
    max-width: 100%;
    text-align: right;
  }

  .mobile-next em {
    font-style: normal;
  }

  .mobile-next strong {
    margin-top: 5px;
    padding: 4px 8px;
    color: #1f90ef;
    border-radius: 6px;
    background: #ecf8ff;
    font-size: 18px;
  }

  .square-balls {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    margin-top: 14px;
    padding-bottom: 2px;
  }

  .sq {
    width: 30px;
    height: 36px;
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    color: #fff;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 900;
    box-shadow: inset 0 -4px 7px rgba(0, 0, 0, 0.18);
  }

  .sq.red { background: #f12c3c; }
  .sq.orange { background: #ff7c23; }
  .sq.green { background: #18a75d; }
  .sq.dark { background: #45494f; }
  .sq.blue { background: #178ee7; }
  .sq.purple { background: #6a47e9; }
  .sq.cyan { background: #18bdd0; }
  .sq.yellow { color: #313333; background: #ffc925; }
  .sq.wine { background: #bf2142; }

  .result-tags {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin-top: 12px;
  }

  .result-tags span {
    min-width: 36px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #2090dd;
    border: 1px solid #e5edf5;
    border-radius: 6px;
    background: #fff;
    font-size: 17px;
    font-weight: 800;
  }

  .hero-dashboard {
    display: none;
  }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr;
  }

  .draw-panel,
  .reminder-panel,
  .analysis-panel,
  .news-panel,
  .history-panel {
    padding: 16px;
  }

  .draw-panel {
    min-height: 0;
  }

  .reminder-panel {
    display: none;
  }

  h1 {
    font-size: 23px;
  }

  h2 {
    font-size: 19px;
  }

  .draw-content {
    padding: 16px 0;
  }

  .number-equation {
    min-height: 56px;
    gap: 8px;
  }

  .ball {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-width: 3px;
    font-size: 19px;
  }

  .math-sign {
    font-size: 19px;
  }

  .countdown-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .progress-track {
    width: 100%;
  }

  .mobile-search {
    margin-top: 14px;
  }

  .mobile-search.mobile-only {
    display: block !important;
  }

  .search-box input {
    width: 100%;
    min-width: 0;
  }

  .mobile-favorites {
    display: none !important;
  }

  .lottery-workbench,
  .analytics-grid,
  .history-panel,
  .service-grid {
    margin-top: 22px;
  }

  .section-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .section-title.compact {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }

  .desktop-search {
    display: none;
  }

  .lottery-grid {
    grid-template-columns: 1fr;
  }

  .lottery-card {
    min-height: 154px;
  }

  .analytics-grid,
  .service-grid {
    grid-template-columns: 1fr;
  }

  .trend-row {
    grid-template-columns: 1.2fr 0.6fr 0.6fr 0.6fr 0.8fr;
    min-width: 530px;
  }

  .trend-board {
    overflow-x: auto;
  }

  .segmented {
    max-width: 100%;
    overflow-x: auto;
  }

  .news-panel {
    order: 2;
  }

  .date-tools {
    width: 100%;
  }

  .date-tools button {
    flex: 1;
    justify-content: center;
    padding: 0 8px;
  }

  .bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    min-height: 64px;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--line);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(14px);
  }

  .bottom-nav a {
    display: grid;
    place-items: center;
    gap: 3px;
    color: #667386;
    font-size: 11px;
  }

  .bottom-nav a.active {
    color: var(--blue-strong);
  }

  .bottom-nav a.featured {
    transform: none;
  }

  .bottom-nav a.featured svg {
    width: 20px;
    height: 20px;
    padding: 0;
    color: currentColor;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .bottom-nav svg {
    width: 20px;
    height: 20px;
  }

  /* Polished mobile pass: keep the original information structure, raise the finish. */
  body {
    background:
      radial-gradient(circle at 14% 0%, rgba(55, 169, 255, 0.16), transparent 30%),
      linear-gradient(180deg, #f7fbff 0%, #f2f6fb 48%, #eef4f9 100%);
  }

  .site-header {
    border-bottom: 1px solid rgba(210, 223, 237, 0.76);
    background: rgba(250, 253, 255, 0.92);
    box-shadow: 0 10px 24px rgba(30, 82, 130, 0.08);
  }

  .nav-shell {
    width: calc(100% - 20px);
    min-height: 64px;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background:
      linear-gradient(145deg, #1f8bf0, #43b8ff 58%, #12a77d);
    box-shadow: 0 10px 20px rgba(31, 139, 240, 0.24);
  }

  .brand strong {
    color: #121b2f;
    font-size: 19px;
    font-weight: 900;
  }

  .brand small {
    color: #6b7890;
    font-size: 11px;
  }

  .icon-button {
    border-color: rgba(190, 208, 228, 0.86);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 6px 18px rgba(40, 80, 120, 0.08);
  }

  .mobile-original-home.mobile-only {
    padding: 12px 0 0;
    background: transparent;
  }

  .mobile-hot-card {
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto 12px;
    overflow: hidden;
    border: 1px solid rgba(203, 219, 236, 0.82);
    border-radius: 8px;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 255, 0.94)),
      radial-gradient(circle at 92% 8%, rgba(75, 183, 255, 0.28), transparent 28%);
    box-shadow: 0 16px 34px rgba(34, 91, 141, 0.12);
  }

  .mobile-hot-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 58px;
    background:
      linear-gradient(100deg, rgba(20, 119, 222, 0.98), rgba(45, 178, 241, 0.88)),
      radial-gradient(circle at 84% 20%, rgba(255, 255, 255, 0.42), transparent 24%);
  }

  .hot-ribbon {
    position: relative;
    min-height: 58px;
    justify-content: space-between;
    padding: 0 16px 0 18px;
    color: #fff;
    background: transparent;
    font-size: 21px;
  }

  .hot-ribbon span,
  .hot-ribbon em {
    display: inline-flex;
    align-items: center;
  }

  .hot-ribbon span {
    gap: 9px;
  }

  .hot-ribbon em {
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
  }

  .hot-ribbon svg {
    width: 22px;
    height: 22px;
  }

  .hot-lottery-scroll {
    position: relative;
    gap: 18px;
    padding: 18px 14px 17px;
  }

  .hot-lottery-scroll a {
    width: 72px;
    gap: 8px;
    color: #44536b;
  }

  .hot-lottery-scroll em {
    width: 82px;
    color: #3d4a61;
    font-size: 14px;
    font-weight: 650;
  }

  .round-logo {
    width: 60px;
    height: 60px;
    border: 3px solid rgba(255, 255, 255, 0.82);
    box-shadow:
      inset 0 -8px 12px rgba(0, 0, 0, 0.14),
      0 10px 18px rgba(33, 81, 126, 0.16);
    font-size: 12px;
  }

  .round-logo.maple {
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.42), transparent 22%),
      linear-gradient(145deg, #ff5c67, #c91c3c);
  }

  .round-logo.bingo {
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.46), transparent 23%),
      linear-gradient(145deg, #ffbd3e, #e33a1d);
  }

  .round-logo.mark-six {
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.45), transparent 23%),
      linear-gradient(145deg, #64c2ff, #1967dc);
  }

  .round-logo.green-logo {
    background:
      radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.46), transparent 23%),
      linear-gradient(145deg, #4edb80, #0e995f);
  }

  .mobile-series-tabs {
    position: sticky;
    top: 64px;
    z-index: 12;
    width: 100%;
    display: flex;
    gap: 4px;
    overflow-x: auto;
    padding: 8px 10px;
    border: 0;
    background: rgba(247, 251, 255, 0.92);
    box-shadow: 0 8px 18px rgba(35, 82, 123, 0.06);
    backdrop-filter: blur(16px);
  }

  .mobile-series-tabs button {
    min-width: auto;
    min-height: 40px;
    flex: 0 0 auto;
    padding: 0 12px;
    border: 1px solid rgba(194, 211, 229, 0.88);
    border-radius: 8px;
    color: #273247;
    background: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 5px 14px rgba(35, 82, 123, 0.04);
  }

  .mobile-series-tabs button.active {
    color: #fff;
    border-color: #1f85e8;
    background: linear-gradient(135deg, #1878dd, #34b4ef);
    box-shadow: 0 10px 22px rgba(31, 133, 232, 0.24);
  }

  .mobile-series-tabs button.active::after {
    display: none;
  }

  .mobile-draw-list {
    gap: 10px;
    padding: 0 10px 10px;
  }

  .mobile-draw-card {
    position: relative;
    border: 1px solid rgba(204, 219, 235, 0.9);
    border-radius: 8px;
    background:
      linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 16px 30px rgba(33, 76, 116, 0.1);
  }

  .mobile-draw-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #1f8bf0, #13b485);
  }

  .mobile-draw-card + .mobile-draw-card::before {
    background: linear-gradient(180deg, #ff8a3d, #e94d38);
  }

  .mobile-draw-head {
    grid-template-columns: 58px minmax(0, 1fr) minmax(122px, 132px);
    gap: 10px;
  }

  .draw-logo {
    width: 52px;
    height: 52px;
    border: 3px solid rgba(255, 255, 255, 0.86);
    font-size: 12px;
    box-shadow:
      inset 0 -8px 12px rgba(0, 0, 0, 0.13),
      0 10px 18px rgba(44, 83, 122, 0.15);
  }

  .racing-logo {
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.5), transparent 22%),
      linear-gradient(145deg, #ffd65a, #e5a900);
  }

  .air-logo {
    background:
      radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.48), transparent 22%),
      linear-gradient(145deg, #ff9d52, #eb5428);
  }

  .mobile-draw-head h2 {
    margin: 0 0 15px;
    color: #111a2f;
    font-size: 21px;
    font-weight: 900;
  }

  .mobile-draw-head small {
    color: #728199;
    font-size: 14px;
  }

  .mobile-draw-head small strong {
    color: #1479dd;
    font-size: 17px;
  }

  .mobile-next {
    align-self: start;
    color: #6e7c92;
    font-size: 13px;
  }

  .mobile-next em {
    margin-top: 2px;
    color: #7e8ba0;
    font-size: 13px;
  }

  .mobile-next strong {
    min-width: 84px;
    min-height: 34px;
    display: inline-grid;
    place-items: center;
    margin-top: 6px;
    padding: 0 8px;
    color: #106fcb;
    border: 1px solid rgba(145, 203, 255, 0.45);
    border-radius: 8px;
    background:
      linear-gradient(180deg, #f5fbff, #e9f6ff);
    box-shadow: inset 0 -3px 8px rgba(31, 139, 240, 0.09);
    font-size: 18px;
    font-variant-numeric: tabular-nums;
  }

  .square-balls {
    gap: 4px;
    margin-top: 18px;
  }

  .sq {
    width: 28px;
    height: 34px;
    flex-basis: 28px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 7px;
    font-size: 17px;
    box-shadow:
      inset 0 -5px 9px rgba(0, 0, 0, 0.14),
      0 6px 10px rgba(34, 60, 88, 0.12);
  }

  .sq.red { background: linear-gradient(145deg, #ff5262, #d91f35); }
  .sq.orange { background: linear-gradient(145deg, #ff9a42, #f26522); }
  .sq.green { background: linear-gradient(145deg, #24bf79, #0f955a); }
  .sq.dark { background: linear-gradient(145deg, #647080, #303943); }
  .sq.blue { background: linear-gradient(145deg, #36a9ff, #1476d9); }
  .sq.purple { background: linear-gradient(145deg, #8e74ff, #5b49d8); }
  .sq.cyan { background: linear-gradient(145deg, #24cbd6, #0e98aa); }
  .sq.yellow { color: #2e3440; background: linear-gradient(145deg, #ffd94d, #f4b814); }
  .sq.wine { background: linear-gradient(145deg, #da3f63, #a91d3d); }

  .result-tags {
    gap: 6px;
    margin-top: 12px;
  }

  .result-tags span {
    min-width: 35px;
    height: 34px;
    color: #1678ca;
    border-color: #d8e8f5;
    border-radius: 7px;
    background: linear-gradient(180deg, #ffffff, #f7fbff);
    box-shadow: 0 4px 10px rgba(35, 82, 123, 0.05);
    font-size: 15px;
  }

  .lottery-workbench {
    padding-top: 4px;
  }

  .bottom-nav {
    min-height: 66px;
    border-top: 1px solid rgba(207, 221, 236, 0.86);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 -12px 28px rgba(29, 72, 112, 0.12);
  }

  .bottom-nav a {
    color: #657287;
    font-weight: 700;
  }

  .bottom-nav a.active {
    color: #1479dd;
  }

  .bottom-nav a.featured {
    transform: none;
  }

  .bottom-nav a.featured svg {
    background: transparent;
    box-shadow: none;
  }

  /* Video reference mobile skin: 168-style compact H5 home. */
  body {
    background: #eef0f4;
    padding-bottom: 60px;
  }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 45;
    border-bottom: 1px solid #e7ebf1;
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
  }

  .site-header .nav-shell {
    display: none;
  }

  .mobile-logo-row.mobile-only {
    display: flex !important;
  }

  .mobile-logo-row {
    height: 47px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    background: #fff;
  }

  .plain-icon-button {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    color: #aeb5bd;
    background: transparent;
  }

  .plain-icon-button svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.9;
  }

  .mobile-168-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 88px;
    height: 43px;
    display: grid;
    place-items: center;
    overflow: visible;
    transform: translate(-50%, -50%);
  }

  .mobile-168-logo img {
    width: 88px;
    max-width: none;
    height: auto;
    display: block;
  }

  .mobile-original-home.mobile-only {
    display: block !important;
    min-height: 100vh;
    padding: 0 0 10px;
    background: #eef0f4;
  }

  .mobile-notice {
    height: 35px;
    min-height: 35px;
    justify-content: center;
    gap: 7px;
    padding: 0 10px;
    color: #fff;
    background: #28a8e6;
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
  }

  .mobile-notice svg {
    width: 17px;
    height: 17px;
  }

  .mobile-notice span {
    max-width: calc(100vw - 52px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-live-hero {
    min-height: 181px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 7px;
    margin: 0;
    padding: 18px 18px 20px;
    overflow: hidden;
    color: #fff;
    background:
      radial-gradient(circle at 50% 52%, rgba(255, 255, 255, 0.18) 0 22%, transparent 23%),
      radial-gradient(circle at 18% 26%, rgba(255, 238, 170, 0.45), transparent 16%),
      linear-gradient(118deg, #d31d16 0%, #f34e1d 44%, #ff9828 100%);
    box-shadow: none;
  }

  .mobile-live-hero::before,
  .mobile-live-hero::after {
    display: none;
  }

  .hero-rings {
    position: absolute;
    inset: 16px 28px;
    z-index: 0;
    border: 2px solid rgba(255, 237, 188, 0.82);
    border-radius: 18px;
    box-shadow:
      inset 0 0 0 5px rgba(255, 255, 255, 0.1),
      0 0 0 1px rgba(151, 29, 5, 0.08);
    pointer-events: none;
  }

  .mobile-live-hero .hero-kicker,
  .mobile-live-hero h1,
  .mobile-live-hero p,
  .mobile-live-hero button {
    position: relative;
    z-index: 1;
  }

  .mobile-live-hero .hero-kicker {
    color: #fff8d9;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
    text-shadow: 0 2px 5px rgba(139, 16, 0, 0.32);
  }

  .mobile-live-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 29px;
    line-height: 1.08;
    font-weight: 900;
    text-shadow: 0 2px 4px rgba(128, 19, 0, 0.28);
  }

  .mobile-live-hero p {
    margin: 0;
    color: #fff9ec;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
  }

  .mobile-live-hero button {
    height: 29px;
    min-width: 98px;
    margin-top: 2px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    color: #d93616;
    background: linear-gradient(180deg, #fff6c8, #ffd66a);
    box-shadow: 0 5px 11px rgba(112, 30, 0, 0.18);
    font-size: 13px;
    font-weight: 900;
  }

  .lhc-list {
    display: grid;
    gap: 8px;
    padding: 8px 8px 0;
    background: #eef0f4;
  }

  .lhc-card {
    width: 100%;
    padding: 12px 12px 11px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
  }

  .lhc-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 11px;
  }

  .lhc-title-line {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
  }

  .lhc-head h2 {
    margin: 0;
    color: #151b25;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
  }

  .lhc-head small {
    margin: 0;
    color: #4c5563;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
  }

  .lhc-countdown {
    min-width: 116px;
    display: grid;
    justify-items: end;
    gap: 3px;
    flex: 0 0 auto;
    color: #858e9b;
    font-size: 12px;
    line-height: 1.05;
    text-align: right;
  }

  .lhc-countdown strong {
    color: #ef2f2f;
    font-size: 14px;
    line-height: 1.08;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }

  .lhc-number-row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 28px) 15px 28px minmax(68px, 1fr);
    align-items: center;
    gap: 4px;
    margin: 0 0 9px;
  }

  .lhc-ball,
  .round-ball {
    width: 27px;
    height: 27px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.16);
    font-size: 13px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
  }

  .lhc-ball.red,
  .round-ball.red {
    background: #ed2e3c;
  }

  .lhc-ball.blue,
  .round-ball.blue {
    background: #2385df;
  }

  .lhc-ball.green,
  .round-ball.green {
    background: #13a86b;
  }

  .round-ball.orange {
    background: #ff8a20;
  }

  .lhc-number-row em {
    color: #8f98a4;
    font-size: 18px;
    line-height: 1;
    font-style: normal;
    text-align: center;
  }

  .lhc-number-row > strong {
    justify-self: end;
    color: #424b58;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }

  .lhc-tags {
    display: grid;
    grid-template-columns: repeat(6, 28px) 15px 28px;
    gap: 5px 4px;
    color: #202936;
    font-size: 13px;
    font-weight: 600;
  }

  .lhc-tags span {
    width: 27px;
    line-height: 17px;
    text-align: center;
  }

  .lhc-tags b {
    width: 15px;
  }

  .quick-card .lhc-head {
    margin-bottom: 10px;
  }

  .quick-number-row {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 10px;
  }

  .quick-number-row.five,
  .quick-number-row.six {
    min-height: 28px;
  }

  .quick-tags,
  .result-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px 16px;
    margin: 0;
    color: #222c38;
    font-size: 13px;
    font-weight: 600;
  }

  .quick-tags span,
  .result-tags span {
    min-width: 0;
    height: auto;
    padding: 0;
    color: inherit;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    line-height: 18px;
  }

  .wide-tags {
    gap: 6px 12px;
  }

  .square-balls,
  .compact-balls {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 10px;
  }

  .sq {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border: 0;
    border-radius: 5px;
    box-shadow: inset 0 -3px 5px rgba(0, 0, 0, 0.18);
    font-size: 13px;
    line-height: 1;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
  }

  .sq.red { background: #ed2e3c; }
  .sq.orange { background: #ff7e22; }
  .sq.green { background: #13a86b; }
  .sq.dark { background: #474c55; }
  .sq.gray { background: #707985; }
  .sq.blue { background: #2385df; }
  .sq.purple { background: #7a55e9; }
  .sq.violet { background: #6553e3; }
  .sq.cyan { background: #18bac8; }
  .sq.yellow { color: #27313a; background: #ffca25; }
  .sq.wine { background: #c8274b; }

  .pc28-row {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 10px;
  }

  .pc28-row em {
    color: #525d6b;
    font-size: 17px;
    line-height: 1;
    font-style: normal;
    font-weight: 700;
  }

  .pc28-row strong {
    color: #222c38;
    font-size: 16px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
  }

  .hero-dashboard,
  .lottery-workbench,
  .analytics-section,
  .calendar-section,
  .service-section,
  .site-footer {
    display: none;
  }

  .bottom-nav {
    height: 58px;
    min-height: 58px;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid #e2e6ec;
    background: #fff;
    box-shadow: 0 -5px 14px rgba(28, 39, 58, 0.07);
    backdrop-filter: none;
  }

  .bottom-nav a {
    min-width: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 2px;
    color: #6f7784;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
  }

  .bottom-nav a.active {
    color: #ff8a00;
  }

  .bottom-nav svg {
    width: 21px;
    height: 21px;
    stroke-width: 2;
  }

  .bottom-nav a.active svg {
    stroke-width: 2.35;
  }

  /* 1689567 reference pass: compact logo row and dense result cards. */
  .mobile-logo-row.mobile-only,
  .mobile-notice {
    display: none !important;
  }

  .site-header {
    display: none;
    border-bottom: 1px solid #eeeeef;
  }

  .mobile-original-home.mobile-only {
    background: #f1f1f6;
    padding-bottom: 0;
  }

  .mobile-live-hero {
    min-height: 0;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #eeb33a;
  }

  .mobile-live-hero img {
    width: 100%;
    height: auto;
    display: block;
    transform: none;
  }

  .lhc-list {
    gap: 10px;
    padding: 10px 10px 78px;
    background: #f1f1f6;
  }

  .lhc-card {
    min-height: 108px;
    padding: 18px 15px 13px;
    border-radius: 4px;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
    color: #2a2a2a;
  }

  .lhc-card.empty-card {
    min-height: 76px;
  }

  .mark-six-card {
    min-height: 158px;
    padding-top: 21px;
    padding-bottom: 24px;
  }

  .bingo-card {
    min-height: 176px;
  }

  .drawing-card {
    min-height: 116px;
  }

  .lhc-head {
    gap: 10px;
    margin-bottom: 9px;
  }

  .mark-six-card .lhc-head {
    margin-bottom: 10px;
  }

  .lhc-title-line {
    gap: 7px;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .lhc-head h2 {
    flex: 0 0 auto;
    color: #202020;
    font-size: 21px;
    line-height: 1.05;
    font-weight: 500;
  }

  .lhc-head small {
    color: #4b4b4b;
    font-size: 14px;
    line-height: 1.05;
    font-weight: 400;
    white-space: nowrap;
  }

  .lhc-countdown {
    min-width: 124px;
    display: block;
    color: #424242;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
    font-size: 17px;
    line-height: 1.05;
    white-space: nowrap;
  }

  .lhc-countdown.long-time {
    min-width: 174px;
  }

  .lhc-countdown strong {
    color: #c51523;
    font-size: 17px;
    font-weight: 400;
  }

  .lhc-countdown span,
  .lhc-countdown strong {
    display: inline;
  }

  .lhc-number-row {
    grid-template-columns: repeat(6, 28px) 21px 28px minmax(88px, 1fr);
    gap: 8px 5px;
    margin-bottom: 11px;
  }

  .lhc-ball,
  .round-ball,
  .sq {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    box-shadow: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: 400;
  }

  .lhc-ball.red,
  .round-ball.red,
  .sq.red {
    background: #f02534;
  }

  .lhc-ball.blue,
  .round-ball.blue,
  .sq.blue {
    background: #0b98d3;
  }

  .lhc-ball.green,
  .round-ball.green,
  .sq.green {
    background: #12bf43;
  }

  .round-ball.orange,
  .sq.orange {
    background: #ff7c13;
  }

  .sq.dark { background: #3c3d40; }
  .sq.gray { background: #b9b9b9; }
  .sq.purple { background: #5136ed; }
  .sq.violet { background: #5136ed; }
  .sq.cyan { background: #22d1d7; }
  .sq.yellow { color: #fff; background: #e3e50b; }
  .sq.wine { background: #8c0000; }

  .lhc-number-row em {
    color: #9a9a9a;
    font-size: 29px;
    line-height: 28px;
    font-weight: 300;
  }

  .lhc-number-row > strong {
    color: #4a4a4a;
    font-size: 17px;
    font-weight: 400;
  }

  .lhc-tags {
    grid-template-columns: repeat(6, 28px) 21px 28px;
    gap: 5px 5px;
    color: #252525;
    font-size: 20px;
    font-weight: 400;
  }

  .lhc-tags span {
    width: 28px;
    line-height: 24px;
  }

  .lhc-tags b {
    width: 21px;
  }

  .quick-number-row,
  .square-balls,
  .compact-balls {
    gap: 8px;
    margin-bottom: 13px;
  }

  .compact-balls {
    gap: 7px;
  }

  .quick-number-row.five,
  .quick-number-row.six {
    min-height: 28px;
  }

  .blank-row {
    min-height: 32px;
  }

  .quick-tags {
    gap: 0 18px;
    color: #3b3b3b;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
    font-size: 18px;
    font-weight: 400;
  }

  .wide-tags {
    gap: 0 15px;
  }

  .quick-tags span,
  .quick-tags strong,
  .quick-tags i {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    height: 22px;
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
  }

  .quick-tags i {
    color: #888;
  }

  .pc28-row {
    gap: 10px;
    margin-bottom: 14px;
  }

  .pc28-row em {
    color: #a0a0a0;
    font-size: 27px;
    font-weight: 300;
  }

  .dice-row {
    display: flex;
    align-items: center;
    gap: 32px;
    min-height: 32px;
    margin: 4px 0 18px 13px;
  }

  .die {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
  }

  .die::before,
  .die::after,
  .die span {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f30417;
  }

  .die.one::before {
    left: 5px;
    top: 5px;
  }

  .die.one::after {
    display: none;
  }

  .die.four::before {
    left: 0;
    top: 0;
    box-shadow: 11px 0 0 #f30417, 0 11px 0 #f30417, 11px 11px 0 #f30417;
  }

  .die.four::after {
    display: none;
  }

  .bottom-nav {
    height: 64px;
    min-height: 64px;
    padding-bottom: 4px;
    box-shadow: none;
  }

  .bottom-nav span {
    display: none;
  }

  .bottom-nav svg {
    width: 24px;
    height: 24px;
    color: currentColor;
    stroke-width: 1.8;
  }

  .bottom-nav a.active {
    color: #ff8a00;
  }

  .footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 360px) {
  .mobile-live-hero {
    height: auto;
    min-height: 0;
  }

  .mobile-live-hero img {
    transform: none;
  }

  .lhc-card {
    padding: 16px 12px 12px;
  }

  .lhc-head {
    gap: 6px;
  }

  .lhc-head h2 {
    font-size: 20px;
  }

  .lhc-head small {
    font-size: 13px;
  }

  .lhc-countdown,
  .lhc-countdown strong {
    min-width: 0;
    font-size: 13px;
  }

  .lhc-number-row {
    grid-template-columns: repeat(6, 22px) 10px 22px 66px;
    gap: 2px;
  }

  .lhc-ball,
  .round-ball,
  .sq {
    width: 22px;
    height: 22px;
    font-size: 13px;
  }

  .lhc-number-row > strong {
    font-size: 12px;
  }

  .lhc-tags {
    grid-template-columns: repeat(6, 22px) 10px 22px;
    gap: 4px 2px;
    font-size: 17px;
  }

  .lhc-tags span {
    width: 22px;
  }

  .lhc-tags b {
    width: 10px;
  }

  .quick-number-row {
    gap: 5px;
  }

  .square-balls,
  .compact-balls {
    gap: 4px;
  }

  .sq {
    flex-basis: 22px;
    border-radius: 50%;
  }

  .quick-tags {
    gap: 0 12px;
    font-size: 16px;
  }
}

@media (min-width: 1021px) and (max-width: 1180px) {
  .hero-grid {
    grid-template-columns: 220px minmax(0, 1fr) 250px;
  }

  .lottery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .container {
    width: calc(100% - 20px);
  }

  .nav-actions {
    gap: 6px;
  }

  .icon-button {
    width: 36px;
    height: 36px;
  }

  .draw-meta {
    gap: 6px;
  }

  .draw-meta span {
    min-height: 28px;
    padding: 0 8px;
    font-size: 13px;
  }

  .section-title.compact {
    gap: 10px;
  }
}

@media (max-width: 1020px) {
  /* Pixel reference pass: denser 168-style detail pages. */
  .mobile-detail-page.mobile-only {
    color: #222;
    background: #f1f1f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .detail-titlebar {
    height: 61px;
    grid-template-columns: 55px minmax(0, 1fr) 55px;
    border-bottom: 1px solid #ececef;
  }

  .detail-titlebar h1 {
    font-size: 24px;
    font-weight: 400;
  }

  .detail-back {
    width: 55px;
    height: 61px;
  }

  .detail-back svg {
    width: 25px;
    height: 25px;
  }





  .detail-current {
    padding: 17px 10px 14px;
    border-top: 9px solid #f1f1f5;
  }

  .detail-current p {
    margin-bottom: 10px;
    color: #262626;
    font-size: 18px;
    line-height: 1.16;
  }

  .detail-dice-row {
    gap: 9px;
    min-height: 29px;
    margin: 8px 0 8px;
  }

  .detail-dice {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-color: #eef0f4;
    border-radius: 2px;
  }

  .detail-dice i {
    width: 6px;
    height: 6px;
  }

  .detail-dice.dice-2 .dot-1 {
    left: 6px;
    top: 11px;
  }

  .detail-dice.dice-2 .dot-2 {
    right: 6px;
    top: 11px;
  }

  .detail-dice.dice-3 .dot-1,
  .detail-dice.dice-4 .dot-1,
  .detail-dice.dice-5 .dot-1,
  .detail-dice.dice-6 .dot-1,
  .detail-dice.dice-4 .dot-2,
  .detail-dice.dice-5 .dot-2,
  .detail-dice.dice-6 .dot-2 {
    top: 5px;
  }

  .detail-dice.dice-3 .dot-1,
  .detail-dice.dice-4 .dot-1,
  .detail-dice.dice-5 .dot-1,
  .detail-dice.dice-6 .dot-1,
  .detail-dice.dice-4 .dot-3,
  .detail-dice.dice-5 .dot-3,
  .detail-dice.dice-6 .dot-5 {
    left: 5px;
  }

  .detail-dice.dice-3 .dot-3,
  .detail-dice.dice-4 .dot-4,
  .detail-dice.dice-5 .dot-4,
  .detail-dice.dice-6 .dot-6 {
    right: 5px;
    bottom: 5px;
  }

  .detail-dice.dice-4 .dot-2,
  .detail-dice.dice-5 .dot-2,
  .detail-dice.dice-6 .dot-2 {
    right: 5px;
  }

  .detail-result-line {
    gap: 14px;
    min-height: 23px;
    color: #454545;
    font-size: 17px;
  }

  .detail-progress-line {
    min-height: 33px;
    gap: 7px;
    margin-top: 17px;
    font-size: 18px;
  }

  .detail-progress-line b {
    height: 6px;
    border-radius: 1px;
    background: #cfcfcf;
  }

  .detail-progress-line b i {
    width: 65%;
    background: #f30b09;
  }

  .detail-progress-line > em,
  .detail-progress-line > strong {
    font-size: 17px;
  }

  .detail-progress-line button {
    width: 62px;
    height: 32px;
    flex-basis: 62px;
    border-radius: 6px;
    font-size: 16px;
  }

  .detail-progress-line button svg {
    width: 16px;
    height: 16px;
  }

  .detail-ball {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 18px;
  }

  .detail-equation {
    min-height: 31px;
    margin: 9px 0 8px;
  }

  .detail-equation,
  .pc-cell {
    gap: 8px;
  }

  .detail-equation em,
  .pc-cell em {
    font-size: 25px;
  }

  .detail-tabs {
    height: 55px;
    margin-top: 9px;
    border-bottom-color: #dddde0;
  }

  .detail-tabs button {
    font-size: 17px;
  }

  .detail-tabs button.active::after {
    width: 57px;
    height: 2px;
  }

  .detail-subtabs {
    height: 49px;
  }

  .detail-subtabs button {
    font-size: 16px;
  }

  .detail-datebar {
    height: 56px;
    gap: 16px;
    padding: 0 10px;
    border-top-width: 11px;
    font-size: 16px;
  }

  .detail-table-head {
    height: 48px;
    border-bottom-width: 3px;
    font-size: 16px;
  }

  .detail-table-row {
    min-height: 64px;
    font-size: 16px;
  }

  .detail-table-head,
  .detail-table-row {
    padding-inline: 9px;
  }

  .sg-table .detail-table-head,
  .sg-table .detail-table-row {
    grid-template-columns: 43px 58px 98px 73px minmax(74px, 1fr);
  }

  .pc-table .detail-table-head,
  .pc-table .detail-table-row {
    grid-template-columns: 64px 88px minmax(0, 1fr);
  }

  .pc-table .detail-table-row {
    min-height: 71px;
  }

  .detail-table .detail-dice {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }

  .dice-cell {
    gap: 2px;
  }

  .sg-table .detail-table-head > span:last-child,
  .sg-table .detail-table-row > span:last-child {
    font-size: 15px;
  }

  .bottom-nav {
    height: 61px;
    min-height: 61px;
    padding: 0 0 4px;
    border-top-color: #ececec;
    box-shadow: none;
  }

  .bottom-nav a {
    align-content: center;
    color: #999;
  }

  .bottom-nav svg {
    width: 21px;
    height: 21px;
    stroke-width: 1.55;
  }

  .bottom-nav a.active {
    color: #ff8700;
  }

  body[data-detail-type="bingo6"] .mobile-detail-page {
    background: #fff;
  }

  .six-header {
    height: 58px;
    grid-template-columns: 128px minmax(0, 1fr) 54px;
  }

  .six-header h1 {
    font-size: 23px;
  }

  .six-logo {
    height: 58px;
    padding-left: 9px;
  }

  .six-logo span {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .six-logo strong {
    font-size: 16px;
    font-weight: 700;
  }

  .six-menu {
    height: 58px;
  }

  .six-menu svg {
    width: 30px;
    height: 30px;
    stroke-width: 3;
  }

  .six-toolbar {
    height: 66px;
    padding: 11px 10px 0;
    border-bottom-width: 11px;
  }

  .six-toolbar button {
    height: 39px;
    font-size: 21px;
  }

  .six-toolbar button:last-child {
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
  }

  .six-days {
    height: 61px;
    grid-template-columns: repeat(8, minmax(0, 1fr)) 88px 14px;
    padding: 0 5px;
    font-size: 16px;
  }

  .six-days span,
  .six-days strong {
    height: 44px;
  }

  .six-days strong {
    width: 34px;
    height: 34px;
  }

  .six-days em {
    font-size: 17px;
  }

  .six-list article {
    min-height: 80px;
    grid-template-columns: 116px minmax(0, 1fr);
  }

  .six-term {
    gap: 11px;
  }

  .six-term strong {
    font-size: 19px;
  }

  .six-term span {
    font-size: 16px;
  }

  .six-record {
    grid-template-columns: repeat(6, 28px) 10px 28px;
    gap: 2px;
    padding: 11px 2px 0 8px;
  }

  .six-record em {
    height: 28px;
    font-size: 25px;
  }

  .six-ball {
    width: 28px;
    gap: 7px;
  }

  .six-ball b {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  .six-ball small {
    font-size: 17px;
  }
}

@media (min-width: 1021px) {
  body {
    color: #242424;
    background: #f0f0f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .desktop168-logo-row {
    height: 100px;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 88px;
    align-items: center;
    border-bottom: 1px solid #ededed;
    background: #fff;
  }

  .desktop168-logo-row a,
  .desktop168-brand-button {
    width: 182px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop168-logo-row img {
    width: 182px;
    display: block;
  }

  .desktop168-logo-row > button:not(.desktop168-brand-button) {
    width: 88px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
  }

  .desktop168-logo-row svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.7;
  }

  .desktop168-notice {
    height: 82px;
    display: flex;
    align-items: center;
    padding-left: max(56px, calc((100vw - 1180px) / 2));
    color: #fff;
    background: #29a9e5;
  }

  .desktop168-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
  }

  .desktop168-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 68px;
  }

  .desktop168-tabs {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 6px;
    background: #fff;
  }

  .desktop168-tabs button {
    height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 17px;
    color: #555;
    background: #f2f2f2;
    font: 15px Arial, "Microsoft YaHei", sans-serif;
  }

  .desktop168-tabs button.active {
    color: #fff;
    background: #ff8a16;
  }

  .desktop-draw-grid.desktop168-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
  }

  .desktop168-card {
    min-height: 156px;
    padding: 26px 34px 20px;
    border: 0;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
  }
}

@media (min-width: 1021px) {
  body {
    color: #242424;
    background: #f0f0f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .desktop168-header {
    background: #fff;
  }

  .desktop168-logo-row {
    height: 100px;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 88px;
    align-items: center;
    border-bottom: 1px solid #ededed;
  }

  .desktop168-logo-row a,
  .desktop168-brand-button {
    width: 182px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop168-logo-row img {
    width: 182px;
    display: block;
  }

  .desktop168-logo-row > button:not(.desktop168-brand-button) {
    width: 88px;
    height: 100px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    cursor: pointer;
  }

  .desktop168-logo-row svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.7;
  }

  .desktop168-notice {
    height: 82px;
    display: flex;
    align-items: center;
    padding-left: max(56px, calc((100vw - 1180px) / 2));
    color: #fff;
    background: #29a9e5;
  }

  .desktop168-banner {
    overflow: hidden;
    background: #f6a21c;
  }

  .desktop168-banner img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
  }

  .desktop168-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 68px;
  }

  .desktop168-tabs {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 6px;
    background: #fff;
  }

  .desktop168-tabs button {
    height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 17px;
    color: #555;
    background: #f2f2f2;
    font: 15px Arial, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .desktop168-tabs button.active {
    color: #fff;
    background: #ff8a16;
  }

  .desktop-draw-grid.desktop168-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
  }

  .desktop168-card {
    min-height: 156px;
    padding: 26px 34px 20px;
    border: 0;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
  }

  .desktop168-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
  }

  .desktop168-card-head h2 {
    display: inline;
    margin: 0;
    color: #222;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }

  .desktop168-card-head span {
    margin-left: 8px;
    color: #555;
    font-size: 17px;
  }

  .desktop168-card-head p {
    margin: 0;
    color: #555;
    font-size: 17px;
    white-space: nowrap;
  }

  .desktop168-card-head p span {
    margin: 0 4px 0 0;
  }

  .desktop168-card-head strong {
    color: #d61f35;
    font-weight: 400;
  }

  .desktop168-card-body .desktop-six-balls,
  .desktop168-card-body .desktop-square-balls,
  .desktop168-card-body .desktop-round-balls,
  .desktop168-card-body .desktop-pc-equation {
    min-height: 42px;
    margin: 0 0 12px;
  }

  .desktop168-card-body .desktop-round-balls span,
  .desktop168-card-body .desktop-pc-equation span,
  .desktop168-card-body .desktop-pc-equation strong,
  .desktop168-card-body .desktop-six-balls span {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .desktop168-card-body .desktop-square-balls span {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  .desktop168-card-body .desktop-six-tags {
    grid-template-columns: repeat(6, 38px) 18px 38px;
    gap: 10px;
    font-size: 21px;
  }

  .desktop168-card-summary {
    color: #555;
    font-size: 18px;
    line-height: 28px;
  }

  .desktop-ticket-page {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 22px 0 70px;
  }
}

@media (min-width: 1021px) {
  body {
    padding-bottom: 0;
    color: #24324a;
    background: #f8fbff;
    font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
  }

  .site-header,
  .hero-dashboard,
  .mobile-favorites,
  .lottery-workbench,
  .analytics-grid,
  .history-panel,
  .service-grid,
  .site-footer,
  .bottom-nav {
    display: none !important;
  }

  .desktop-168-home.desktop-only,
  .desktop-168-detail.desktop-only:not([hidden]) {
    display: block !important;
  }

  .desktop-168-home[hidden],
  .desktop-168-detail[hidden] {
    display: none !important;
  }

  .desktop-168-container {
    width: 1280px;
    max-width: calc(100% - 160px);
    margin: 0 auto;
  }

  .desktop-890-header {
    background: linear-gradient(180deg, #e8f5ff 0, #fbfdff 100%);
  }

  .desktop-890-topline {
    height: 38px;
    border-bottom: 1px solid #d9ebfb;
    background: #e4f3ff;
    font-size: 14px;
  }

  .desktop-890-topline .desktop-168-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .desktop-890-topline nav {
    display: flex;
    align-items: center;
    gap: 18px;
    color: #4a668b;
  }

  .desktop-890-topline a {
    color: #4a668b;
    text-decoration: none;
  }

  .desktop-890-topline button {
    width: 55px;
    height: 27px;
    border: 1px solid #d3dce8;
    border-radius: 4px;
    color: #2f3e58;
    background: #fff;
    font: inherit;
    cursor: pointer;
  }

  .desktop-890-topline button.primary {
    color: #fff;
    border-color: #3899f7;
    background: #3899f7;
  }

  .desktop-890-navrow {
    height: 112px;
    display: flex;
    align-items: center;
    gap: 52px;
  }

  .desktop-890-brand {
    width: 165px;
    display: flex;
    align-items: center;
    flex: 0 0 165px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop-890-brand img {
    width: 165px;
    display: block;
  }

  .desktop-890-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: 12px;
  }

  .desktop-890-nav button {
    min-width: 60px;
    height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    color: #405577;
    background: transparent;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
  }

  .desktop-890-nav button.active {
    color: #1684f8;
    background: #e4f1ff;
    font-weight: 700;
  }

  .desktop-890-games {
    position: relative;
    padding: 0 0 46px;
  }

  .desktop-890-game-track {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 25px;
  }

  .desktop-890-game-track article {
    position: relative;
    min-width: 0;
    text-align: center;
  }

  .desktop-890-game-track img {
    width: 100%;
    height: 155px;
    display: block;
    object-fit: cover;
    border-radius: 11px;
    box-shadow: 0 9px 18px rgba(48, 87, 131, 0.1);
  }

  .desktop-890-game-track article > span {
    position: absolute;
    left: 50%;
    top: 78px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    transform: translate(-50%, -50%);
    color: #fff;
    border: 3px solid rgba(255, 255, 255, 0.88);
    border-radius: 50%;
    background: rgba(20, 31, 45, 0.62);
    box-shadow: 0 2px 9px rgba(17, 25, 36, 0.24);
  }

  .desktop-890-game-track article > span svg {
    width: 22px;
    height: 22px;
    margin-left: 2px;
    fill: currentColor;
  }

  .desktop-890-game-track strong {
    display: block;
    margin-top: 12px;
    color: #202a3b;
    font-size: 15px;
    line-height: 22px;
  }

  .desktop-890-game-track small {
    display: block;
    margin-top: 4px;
    color: #6f7f99;
    font-size: 14px;
  }

  .desktop-890-arrow {
    position: absolute;
    top: 71px;
    z-index: 2;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #1f314d;
    background: #fff;
    box-shadow: 0 8px 22px rgba(42, 64, 99, 0.2);
    cursor: pointer;
  }

  .desktop-890-arrow:first-child {
    left: -18px;
  }

  .desktop-890-arrow:nth-of-type(2) {
    right: -18px;
  }

  .desktop-890-arrow svg {
    width: 22px;
    height: 22px;
  }

  .desktop-890-dots {
    position: absolute;
    left: 50%;
    bottom: 17px;
    display: flex;
    gap: 8px;
    transform: translateX(-50%);
  }

  .desktop-890-dots i {
    width: 48px;
    height: 4px;
    border-radius: 8px;
    background: #d8e8fc;
  }

  .desktop-890-dots i.active {
    background: #258bfd;
  }

  .desktop-890-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 12px;
    align-items: start;
    padding-bottom: 70px;
  }

  .desktop-890-main {
    display: grid;
    gap: 20px;
  }

  .desktop-890-panel,
  .desktop-890-preference,
  .desktop-ticket-hero,
  .desktop-ticket-records {
    border: 1px solid #e4ebf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(64, 91, 125, 0.06);
  }

  .desktop-hot-panel {
    min-height: 220px;
    padding: 24px 20px 25px;
  }

  .desktop-hot-panel h1,
  .desktop-890-news h2 {
    position: relative;
    margin: 0;
    color: #101b2d;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
  }

  .desktop-hot-panel h1 {
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
  }

  .desktop-hot-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 16px;
    padding-top: 24px;
  }

  .desktop-hot-grid button {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #405477;
    font: inherit;
    cursor: pointer;
  }

  .desktop-hot-grid img {
    width: 82px;
    height: 82px;
    display: block;
    object-fit: contain;
  }

  .desktop-hot-grid span {
    overflow: hidden;
    max-width: 100%;
    color: #415676;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .desktop-890-news .desktop-890-panel {
    min-height: 440px;
    padding: 20px 16px 18px;
  }

  .desktop-890-news h2 {
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf1f6;
  }

  .desktop-890-news h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 20px;
    border-radius: 4px;
    background: #258bfd;
  }

  .desktop-news-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 2px 0 0;
    list-style: none;
  }

  .desktop-news-list li {
    height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #edf1f6;
    font-size: 15px;
  }

  .desktop-news-list a {
    overflow: hidden;
    color: #51647f;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .desktop-890-preference {
    overflow: hidden;
    background:
      linear-gradient(180deg, #6fb4ff 0, #8fc6ff 100%);
  }

  .desktop-pref-toolbar {
    height: 82px;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
  }

  .desktop-pref-toolbar h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
  }

  .desktop-category-tabs {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }

  .desktop-category-tabs button {
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: 16px;
    color: #4d6f96;
    background: rgba(255, 255, 255, 0.82);
    font: inherit;
    cursor: pointer;
  }

  .desktop-category-tabs button.active {
    color: #fff;
    background: #258bfd;
  }

  .desktop-pref-actions {
    display: flex;
    gap: 20px;
  }

  .desktop-pref-actions button {
    width: 68px;
    height: 40px;
    border: 0;
    border-radius: 6px;
    color: #486283;
    background: #fff;
    font-size: 15px;
    cursor: pointer;
  }

  .desktop-pref-table {
    margin: 0 20px 20px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background: #fff;
  }

  .desktop-pref-table-head,
  .desktop-pref-row {
    display: grid;
    grid-template-columns: 196px minmax(310px, 1fr) 228px 214px;
    align-items: center;
  }

  .desktop-pref-table-head {
    height: 49px;
    border-bottom: 1px solid #dce8f5;
    color: #23334e;
    font-size: 15px;
    background: #fff;
  }

  .desktop-pref-table-head span {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 14px;
    border-right: 1px solid #dce8f5;
  }

  .desktop-pref-table-head span:last-child {
    border-right: 0;
  }

  .desktop-pref-body {
    display: block;
    padding: 0;
  }

  .desktop-pref-row {
    min-height: 100px;
    border-bottom: 1px solid #e7f1fc;
    background: #eaf5ff;
    cursor: pointer;
  }

  .desktop-pref-row:nth-child(even) {
    background: #fff;
  }

  .desktop-pref-lottery {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding-left: 12px;
  }

  .desktop-pref-lottery img,
  .desktop-lottery-fallback {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    object-fit: contain;
  }

  .desktop-lottery-fallback {
    color: #fff;
    background: #258bfd;
    font-size: 22px;
    font-weight: 700;
  }

  .desktop-pref-lottery strong {
    display: block;
    color: #14213a;
    font-size: 16px;
    line-height: 23px;
  }

  .desktop-pref-lottery span,
  .desktop-pref-lottery small {
    display: block;
    color: #5e6f8a;
    font-size: 12px;
    line-height: 19px;
  }

  .desktop-pref-lottery b {
    color: #ff5b2b;
    font-weight: 400;
  }

  .desktop-pref-numbers {
    min-width: 0;
    padding: 0 12px;
  }

  .desktop-home-equation,
  .desktop-home-six,
  .desktop-home-square,
  .desktop-home-round,
  .desktop-detail-equation,
  .desktop-detail-square,
  .desktop-detail-six,
  .desktop-detail-round,
  .desktop-table-square,
  .desktop-table-round,
  .desktop-table-six,
  .desktop-table-equation {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .desktop-home-equation,
  .desktop-home-six,
  .desktop-home-square,
  .desktop-home-round {
    gap: 8px;
  }

  .desktop-home-equation span,
  .desktop-home-equation strong,
  .desktop-detail-equation span,
  .desktop-detail-equation strong,
  .desktop-table-equation span,
  .desktop-table-equation strong {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border: 4px solid currentColor;
    border-radius: 50%;
    background: #fff;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
  }

  .desktop-home-equation .red,
  .desktop-detail-equation .red,
  .desktop-table-equation .red {
    color: #f23a45;
  }

  .desktop-home-equation .green,
  .desktop-detail-equation .green,
  .desktop-table-equation .green {
    color: #20ae42;
  }

  .desktop-home-equation .blue,
  .desktop-detail-equation .blue,
  .desktop-table-equation .blue {
    color: #2d77e8;
  }

  .desktop-home-equation em,
  .desktop-detail-equation em,
  .desktop-table-equation em,
  .desktop-home-six em,
  .desktop-detail-six em,
  .desktop-table-six em {
    color: #55647a;
    font-size: 23px;
    font-style: normal;
    line-height: 1;
  }

  .desktop-home-square span,
  .desktop-detail-square span,
  .desktop-table-square span {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
  }

  .desktop-home-square {
    gap: 5px;
  }

  .desktop-home-round span,
  .desktop-detail-round span,
  .desktop-table-round span {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #159bd6;
    font-size: 15px;
  }

  .desktop-home-six span,
  .desktop-detail-six span,
  .desktop-table-six span {
    width: 31px;
    height: 31px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
  }

  .desktop-home-six .red,
  .desktop-detail-six .red,
  .desktop-table-six .red {
    background: #f33d4f;
  }

  .desktop-home-six .green,
  .desktop-detail-six .green,
  .desktop-table-six .green {
    background: #47c36c;
  }

  .desktop-home-six .blue,
  .desktop-detail-six .blue,
  .desktop-table-six .blue {
    background: #29a8d8;
  }

  .desktop-home-square .red,
  .desktop-detail-square .red,
  .desktop-table-square .red { background: #f5252f; }
  .desktop-home-square .orange,
  .desktop-detail-square .orange,
  .desktop-table-square .orange { background: #ff7d16; }
  .desktop-home-square .green,
  .desktop-detail-square .green,
  .desktop-table-square .green { background: #14bd3a; }
  .desktop-home-square .dark,
  .desktop-detail-square .dark,
  .desktop-table-square .dark { background: #4b4c51; }
  .desktop-home-square .gray,
  .desktop-detail-square .gray,
  .desktop-table-square .gray { background: #a8aeb4; }
  .desktop-home-square .blue,
  .desktop-detail-square .blue,
  .desktop-table-square .blue { background: #128ed9; }
  .desktop-home-square .purple,
  .desktop-detail-square .purple,
  .desktop-table-square .purple { background: #5a39ee; }
  .desktop-home-square .cyan,
  .desktop-detail-square .cyan,
  .desktop-table-square .cyan { background: #20c8d5; }
  .desktop-home-square .yellow,
  .desktop-detail-square .yellow,
  .desktop-table-square .yellow { color: #40505c; background: #e7e80d; }
  .desktop-home-square .wine,
  .desktop-detail-square .wine,
  .desktop-table-square .wine { background: #8e0000; }

  .desktop-opening {
    color: #d61f35;
    font-size: 17px;
  }

  .desktop-pref-countdown {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #55708f;
    font-size: 14px;
  }

  .desktop-timebox {
    min-width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    color: #248aff;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    line-height: 1;
  }

  .desktop-countdown-long {
    color: #d9203a;
    font-size: 16px;
  }

  .desktop-pref-row-actions {
    display: flex;
    gap: 18px;
    padding-right: 12px;
  }

  .desktop-pref-row-actions button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    color: #647287;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
  }

  .desktop-pref-row-actions svg {
    width: 22px;
    height: 22px;
    color: #6f7f95;
    stroke-width: 1.8;
  }

  .desktop-ticket-page {
    padding: 8px 0 70px;
  }

  .desktop-ticket-hero {
    overflow: hidden;
    margin-top: 0;
    padding: 22px 20px 0;
  }

  .desktop-ticket-summary {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr) 180px 240px;
    gap: 18px;
    align-items: center;
    min-height: 112px;
  }

  .desktop-ticket-logo img,
  .desktop-ticket-logo .desktop-lottery-fallback {
    width: 86px;
    height: 86px;
  }

  .desktop-ticket-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 14px;
  }

  .desktop-ticket-title h1 {
    margin: 0;
    color: #17233a;
    font-size: 18px;
    font-weight: 700;
  }

  .desktop-ticket-title span,
  .desktop-ticket-title small {
    color: #61708c;
    font-size: 13px;
  }

  .desktop-ticket-title b {
    color: #278afe;
    font-weight: 400;
  }

  .desktop-ticket-current .desktop-detail-equation,
  .desktop-ticket-current .desktop-detail-square,
  .desktop-ticket-current .desktop-detail-six,
  .desktop-ticket-current .desktop-detail-round {
    gap: 13px;
    min-height: 36px;
    margin: 0;
  }

  .desktop-ticket-current .desktop-detail-equation span,
  .desktop-ticket-current .desktop-detail-equation strong {
    width: 31px;
    height: 31px;
    font-size: 15px;
  }

  .desktop-ticket-current .desktop-detail-square span,
  .desktop-ticket-current .desktop-detail-round span,
  .desktop-ticket-current .desktop-detail-six span {
    width: 31px;
    height: 31px;
    font-size: 15px;
  }

  .desktop-ticket-countdown {
    min-height: 88px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    border-left: 1px solid #eef2f7;
    color: #65748d;
    font-size: 13px;
  }

  .desktop-ticket-countdown > div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
  }

  .desktop-ticket-countdown .desktop-timebox {
    min-width: 31px;
    height: 31px;
    color: #248aff;
    background: #eaf4ff;
    font-size: 20px;
    font-weight: 700;
  }

  .desktop-ticket-bell {
    min-height: 88px;
    display: grid;
    gap: 8px;
    align-content: center;
    padding-left: 18px;
    border-left: 1px solid #eef2f7;
    color: #17233a;
  }

  .desktop-ticket-bell strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 190px;
    font-size: 15px;
  }

  .desktop-ticket-bell strong svg {
    width: 20px;
    height: 20px;
    color: #248aff;
  }

  .desktop-ticket-bell label {
    width: 198px;
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }

  .desktop-ticket-bell button {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #ccd8e5;
    border-radius: 6px;
    color: #5c6c84;
    background: #fff;
    font: inherit;
  }

  .desktop-ticket-bell button svg {
    width: 15px;
    height: 15px;
  }

  .desktop-ticket-tabs {
    height: 60px;
    display: flex;
    align-items: flex-end;
    gap: 26px;
    overflow: hidden;
    padding: 0 10px;
  }

  .desktop-ticket-tabs button {
    position: relative;
    height: 42px;
    border: 0;
    color: #697a98;
    background: transparent;
    font-size: 15px;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
  }

  .desktop-ticket-tabs button.active {
    color: #14213a;
    font-weight: 700;
  }

  .desktop-ticket-tabs button.active::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    height: 3px;
    border-radius: 8px;
    background: #258bfd;
  }

  .desktop-ticket-records {
    margin-top: 32px;
    padding: 28px 20px 24px;
  }

  .desktop-ticket-record-head {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 8px;
  }

  .desktop-ticket-record-head h2 {
    margin: 0;
    color: #101b2d;
    font-size: 24px;
    line-height: 34px;
  }

  .desktop-ticket-record-tools {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #1d2e48;
    font-size: 14px;
  }

  .desktop-ticket-record-tools button {
    height: 34px;
    min-width: 60px;
    padding: 0 15px;
    border: 1px solid #d5e0ec;
    border-radius: 5px;
    color: #405471;
    background: #fff;
    font: inherit;
    cursor: pointer;
  }

  .desktop-ticket-record-tools .check,
  .desktop-ticket-record-tools .soft {
    min-width: 20px;
    width: 20px;
    height: 20px;
    padding: 0;
  }

  .desktop-ticket-record-tools .check svg {
    width: 14px;
    height: 14px;
  }

  .desktop-ticket-record-tools .soft.green {
    background: #d8eee6;
  }

  .desktop-ticket-record-tools .soft.blue {
    background: #dcecf4;
  }

  .desktop-ticket-record-tools .date-range {
    width: 250px;
    justify-content: flex-start;
    color: #909bae;
  }

  .desktop-detail-records {
    overflow: hidden;
  }

  .desktop-detail-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #ccdaf0;
  }

  .desktop-detail-table th,
  .desktop-detail-table td {
    height: 50px;
    padding: 0 14px;
    border: 1px solid #ccdaf0;
    color: #506483;
    text-align: center;
    font-size: 14px;
  }

  .desktop-detail-table th {
    height: 50px;
    color: #49617f;
    background: #f5f9ff;
    font-size: 16px;
    font-weight: 700;
  }

  .desktop-detail-table tbody tr:nth-child(even) {
    background: #f2f8ff;
  }

  .desktop-detail-table td:nth-child(3) {
    width: auto;
  }

  .desktop-detail-table .desktop-table-square,
  .desktop-detail-table .desktop-table-round,
  .desktop-detail-table .desktop-table-six,
  .desktop-detail-table .desktop-table-equation {
    justify-content: center;
    gap: 9px;
  }

  .desktop-detail-table .desktop-table-equation span,
  .desktop-detail-table .desktop-table-equation strong {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .desktop-detail-table .desktop-table-round span,
  .desktop-detail-table .desktop-table-six span {
    width: 26px;
    height: 26px;
    font-size: 13px;
  }

  .desktop-detail-table .desktop-table-square span {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    font-size: 12px;
  }

  .desktop-pc28-table .desktop-table-round,
  .desktop-sgk3-table .desktop-table-round,
  .desktop-ssc-table .desktop-table-round,
  .desktop-sport-table .desktop-table-round {
    gap: 10px;
  }

  .desktop-890-float {
    position: fixed;
    right: 0;
    top: 72%;
    z-index: 30;
    width: 44px;
    height: 104px;
    border: 0;
    border-radius: 26px 0 0 26px;
    color: #fff;
    background: linear-gradient(180deg, #44b7ff, #2091f4);
    box-shadow: 0 8px 22px rgba(31, 130, 220, 0.28);
    cursor: pointer;
  }

  .desktop-890-float svg {
    width: 22px;
    height: 22px;
  }

  @media (max-width: 1280px) {
    .desktop-168-container {
      max-width: calc(100% - 56px);
    }

    .desktop-890-navrow {
      gap: 28px;
    }

    .desktop-890-nav {
      gap: 4px;
    }

    .desktop-890-nav button {
      padding: 0 9px;
    }

    .desktop-pref-table-head,
    .desktop-pref-row {
      grid-template-columns: 180px minmax(280px, 1fr) 198px 190px;
    }
  }
}

@media (max-width: 1020px) {
  .die::before,
  .die::after {
    display: none !important;
  }

  .die i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f30417;
  }

  .die-1 .dot-1,
  .die-3 .dot-2,
  .die-5 .dot-3 {
    left: 5px;
    top: 5px;
  }

  .die-2 .dot-1,
  .die-3 .dot-1,
  .die-4 .dot-1,
  .die-5 .dot-1,
  .die-6 .dot-1 {
    left: 0;
    top: 0;
  }

  .die-2 .dot-2,
  .die-3 .dot-3,
  .die-4 .dot-4,
  .die-5 .dot-5,
  .die-6 .dot-6 {
    right: 0;
    bottom: 0;
  }

  .die-4 .dot-2,
  .die-5 .dot-2,
  .die-6 .dot-2 {
    right: 0;
    top: 0;
  }

  .die-4 .dot-3,
  .die-5 .dot-4,
  .die-6 .dot-5 {
    left: 0;
    bottom: 0;
  }

  .die-6 .dot-3 {
    left: 0;
    top: 5px;
  }

  .die-6 .dot-4 {
    right: 0;
    top: 5px;
  }

  .detail-square-row,
  .detail-blue-row {
    min-height: 31px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 9px 0 8px;
  }

  .detail-square-row .sq,
  .detail-blue-row .detail-ball {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    font-size: 17px;
  }

  .detail-square-cell,
  .detail-blue-cell {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow: hidden;
  }

  .detail-square-cell .sq,
  .detail-blue-cell .detail-ball {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    font-size: 13px;
  }

  .pk10-table .detail-table-head,
  .pk10-table .detail-table-row {
    grid-template-columns: 35px 52px minmax(202px, 1fr) 70px;
    padding-inline: 6px;
    font-size: 14px;
  }

  .ssc-table .detail-table-head,
  .ssc-table .detail-table-row {
    grid-template-columns: 43px 58px minmax(88px, 1fr) 50px 78px;
  }

  .sport-table .detail-table-head,
  .sport-table .detail-table-row {
    grid-template-columns: 43px 72px minmax(116px, 1fr) 48px 72px;
  }

  .pk10-table .detail-table-row,
  .ssc-table .detail-table-row,
  .sport-table .detail-table-row {
    min-height: 64px;
  }

  .pk10-table .detail-table-head,
  .ssc-table .detail-table-head,
  .sport-table .detail-table-head {
    font-size: 15px;
  }

  .pk10-table .detail-table-row > span:last-child,
  .ssc-table .detail-table-row > span:last-child,
  .sport-table .detail-table-row > span:last-child {
    white-space: nowrap;
    font-size: 15px;
  }

  .sg-table .detail-table-row > span:nth-child(4) {
    white-space: nowrap;
  }

  .sg-table .detail-table-row > span:nth-child(4) b,
  .sg-table .detail-table-row > span:nth-child(4) em {
    margin-right: 6px;
  }

  .pk10-table .detail-square-cell {
    gap: 1px;
  }

  .pk10-table .detail-square-cell .sq {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    font-size: 10px;
  }

  .pk10-table .detail-table-row > span:nth-child(4) {
    padding-left: 4px;
    white-space: nowrap;
    font-size: 14px;
  }
}

@media (max-width: 360px) {
  .pk10-table .detail-table-head,
  .pk10-table .detail-table-row {
    grid-template-columns: 36px 48px minmax(170px, 1fr) 58px;
  }

  .ssc-table .detail-table-head,
  .ssc-table .detail-table-row {
    grid-template-columns: 38px 54px minmax(78px, 1fr) 42px 62px;
  }

  .sport-table .detail-table-head,
  .sport-table .detail-table-row {
    grid-template-columns: 38px 62px minmax(96px, 1fr) 42px 58px;
  }

  .detail-square-cell .sq,
  .detail-blue-cell .detail-ball {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    font-size: 12px;
  }
}

@media (max-width: 1020px) {
  .mobile-original-home[hidden],
  .mobile-detail-page[hidden] {
    display: none !important;
  }

  body.mobile-detail-open {
    background: #f1f1f6;
    padding-bottom: 64px;
  }

  body.mobile-detail-open > main > section:not(.mobile-detail-page) {
    display: none !important;
  }

  .lhc-card[data-detail] {
    cursor: pointer;
  }

  .lhc-card[data-detail]:active {
    filter: brightness(0.97);
  }

  .mobile-detail-page.mobile-only {
    display: block !important;
    min-height: 100vh;
    padding-bottom: 70px;
    color: #202020;
    background: #f1f1f6;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
  }

  .detail-titlebar {
    height: 59px;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 54px;
    align-items: center;
    border-bottom: 1px solid #ededee;
    background: #fff;
  }

  .detail-titlebar h1 {
    margin: 0;
    text-align: center;
    color: #121212;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
  }

  .detail-back,
  .six-header button,
  .six-toolbar button,
  .detail-tabs button,
  .detail-subtabs button {
    border: 0;
    background: transparent;
  }

  .detail-back {
    width: 54px;
    height: 59px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #050505;
  }

  .detail-back svg {
    width: 25px;
    height: 25px;
    stroke-width: 2.2;
  }



  .detail-current {
    padding: 19px 10px 16px;
    border-top: 10px solid #f1f1f6;
    background: #fff;
  }

  .detail-current p {
    margin: 0 0 10px;
    color: #272727;
    font-size: 20px;
    line-height: 1.18;
    font-weight: 400;
  }

  .detail-current p strong,
  .detail-current p span {
    font-weight: 400;
  }

  .detail-dice-row {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 33px;
    margin: 8px 0 9px;
  }

  .detail-dice {
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
    flex: 0 0 32px;
    border: 1px solid #edf0f3;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 30, 45, 0.04);
  }

  .detail-dice i {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0d9bd2;
  }

  .detail-dice.dice-1 i,
  .detail-dice.dice-4 i {
    background: #f30417;
  }

  .detail-dice.dice-1 .dot-1,
  .detail-dice.dice-5 .dot-5 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .detail-dice.dice-2 .dot-1 {
    left: 7px;
    top: 12px;
  }

  .detail-dice.dice-2 .dot-2 {
    right: 7px;
    top: 12px;
  }

  .detail-dice.dice-3 .dot-1,
  .detail-dice.dice-4 .dot-1,
  .detail-dice.dice-5 .dot-1,
  .detail-dice.dice-6 .dot-1 {
    left: 6px;
    top: 5px;
  }

  .detail-dice.dice-3 .dot-2 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .detail-dice.dice-3 .dot-3,
  .detail-dice.dice-4 .dot-4,
  .detail-dice.dice-5 .dot-4,
  .detail-dice.dice-6 .dot-6 {
    right: 6px;
    bottom: 5px;
  }

  .detail-dice.dice-4 .dot-2,
  .detail-dice.dice-5 .dot-2,
  .detail-dice.dice-6 .dot-2 {
    right: 6px;
    top: 5px;
  }

  .detail-dice.dice-4 .dot-3,
  .detail-dice.dice-5 .dot-3,
  .detail-dice.dice-6 .dot-5 {
    left: 6px;
    bottom: 5px;
  }

  .detail-dice.dice-6 .dot-3 {
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
  }

  .detail-dice.dice-6 .dot-4 {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
  }

  .detail-result-line {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 24px;
    margin-top: 2px;
    color: #454545;
    font-size: 18px;
    line-height: 1.2;
  }

  .detail-result-line strong {
    font-weight: 400;
  }

  .detail-progress-line {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    color: #303030;
    font-size: 20px;
    line-height: 1;
  }

  .detail-progress-line > span {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .detail-progress-line b {
    height: 7px;
    display: block;
    flex: 1 1 auto;
    overflow: hidden;
    border-radius: 2px;
    background: #cfcfcf;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  }

  .detail-progress-line b i {
    width: 64%;
    height: 100%;
    display: block;
    background: #f31814;
  }

  .detail-progress-line > em {
    color: #9a2227;
    font-style: normal;
    font-size: 18px;
  }

  .detail-progress-line > strong {
    color: #c71924;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
  }

  .detail-progress-line button {
    width: 62px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex: 0 0 62px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: #ff951b;
    font-size: 16px;
  }

  .detail-progress-line button svg {
    width: 17px;
    height: 17px;
  }

  .detail-ball {
    width: 31px;
    height: 31px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 31px;
    color: #fff;
    border-radius: 50%;
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
  }

  .detail-ball.blue {
    background: #0b98d3;
  }

  .detail-ball.red {
    background: #f00417;
  }

  .detail-equation,
  .pc-cell {
    display: flex;
    align-items: center;
    gap: 9px;
  }

  .detail-equation {
    min-height: 34px;
    margin: 10px 0 9px;
  }

  .detail-equation em,
  .pc-cell em {
    color: #9b9b9b;
    font-size: 27px;
    line-height: 1;
    font-style: normal;
    font-weight: 300;
  }

  .detail-tabs {
    display: grid;
    height: 59px;
    margin-top: 12px;
    border-bottom: 1px solid #dfdfe2;
    background: #fff;
  }

  .detail-tabs.four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .detail-tabs.single {
    grid-template-columns: 1fr;
  }

  .detail-tabs button {
    position: relative;
    color: #111;
    border-right: 1px solid #efeff1;
    font-size: 17px;
    font-weight: 400;
  }

  .detail-tabs button:last-child {
    border-right: 0;
  }

  .detail-tabs button.active {
    color: #d48b23;
  }

  .detail-tabs button.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 57px;
    height: 2px;
    background: #ff9a22;
    transform: translateX(-50%);
  }

  .detail-subtabs {
    height: 52px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #dedee1;
    background: #fff;
  }

  .detail-subtabs button {
    color: #3b3b3b;
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
  }

  .detail-subtabs button.active {
    color: #e29428;
  }

  .detail-datebar {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    padding: 0 10px;
    border-top: 12px solid #f1f1f6;
    border-bottom: 1px solid #d9d9dc;
    background: #fbfbfc;
    color: #111;
    font-size: 16px;
  }

  .detail-datebar svg {
    width: 20px;
    height: 20px;
    color: #9b9b9b;
  }

  .detail-table {
    background: #fff;
  }

  .detail-table-head,
  .detail-table-row {
    display: grid;
    align-items: center;
    padding: 0 10px;
  }

  .detail-table-head {
    height: 50px;
    color: #303030;
    border-bottom: 3px solid #ededed;
    font-size: 16px;
  }

  .detail-table-row {
    min-height: 65px;
    color: #242424;
    border-bottom: 1px solid #ececec;
    font-size: 16px;
  }

  .sg-table .detail-table-head,
  .sg-table .detail-table-row {
    grid-template-columns: 43px 60px 104px 76px minmax(72px, 1fr);
  }

  .pc-table .detail-table-head,
  .pc-table .detail-table-row {
    grid-template-columns: 64px 88px minmax(0, 1fr);
  }

  .detail-table-row > span {
    min-width: 0;
  }

  .detail-table-row b,
  .detail-table-row em {
    margin-right: 10px;
    color: #202020;
    font-style: normal;
    font-weight: 400;
  }

  .detail-table-row .red {
    color: #d7243b;
  }

  .sg-table .detail-table-head > span:last-child,
  .sg-table .detail-table-row > span:last-child {
    overflow: visible;
    white-space: nowrap;
    font-size: 15px;
  }

  .dice-cell {
    display: flex;
    align-items: center;
    gap: 3px;
  }

  .detail-table .detail-dice {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
  }

  .pc-table .pc-cell {
    justify-content: center;
  }

  body[data-detail-type="bingo6"] {
    background: #fff;
    padding-bottom: 0;
  }

  body[data-detail-type="bingo6"] .bottom-nav {
    display: none !important;
  }

  body[data-detail-type="bingo6"] .mobile-detail-page {
    padding-bottom: 28px;
    background: #fff;
  }

  .six-header {
    height: 58px;
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) 56px;
    align-items: center;
    border-bottom: 1px solid #ededed;
    background: #fff;
  }

  .six-header h1 {
    margin: 0;
    text-align: center;
    color: #202020;
    font-size: 23px;
    line-height: 1;
    font-weight: 400;
  }

  .six-logo {
    height: 58px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 0 0 10px;
    color: #222;
    font-family: Arial, "PingFang SC", sans-serif;
  }

  .six-logo span {
    position: relative;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
  }

  .six-logo span::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 6px solid #eb2737;
    border-top-color: #18afd3;
    border-right-color: transparent;
    border-radius: 50%;
    transform: rotate(-22deg);
  }

  .six-logo span::after {
    content: "";
    position: absolute;
    right: 1px;
    top: 8px;
    width: 9px;
    height: 18px;
    border-radius: 0 9px 9px 0;
    background: #eb2737;
  }

  .six-logo strong {
    font-size: 16px;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .six-logo .six-logo-mark {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: block;
    border-radius: 7px;
    object-fit: cover;
  }

  .six-menu {
    height: 58px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #f0344f;
  }

  .six-menu svg {
    width: 32px;
    height: 32px;
    stroke-width: 2.8;
  }

  .six-toolbar {
    height: 71px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 10px 0;
    border-bottom: 12px solid #eef0f4;
    background: #fff;
  }

  .six-toolbar button {
    height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #333;
    border-radius: 7px;
    font-size: 22px;
    font-weight: 400;
  }

  .six-toolbar button:first-child {
    padding: 0 6px 0 0;
  }

  .six-toolbar button:last-child {
    padding: 0 13px;
    color: #676767;
    background: #fff;
    box-shadow: 0 3px 13px rgba(30, 35, 45, 0.09);
    font-size: 17px;
  }

  .six-toolbar svg {
    width: 20px;
    height: 20px;
    color: #969696;
  }

  .six-toolbar button:last-child svg {
    width: 27px;
    height: 27px;
    color: #898989;
    fill: #898989;
  }

  .six-detail-countdown {
    min-width: 112px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    color: #e94057;
    font-size: 16px;
    white-space: nowrap;
  }

  .six-detail-countdown strong {
    font-weight: 600;
  }

  .six-days {
    height: 64px;
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)) 94px 14px;
    align-items: center;
    gap: 0;
    padding: 0 5px;
    border-bottom: 1px solid #e4e4e4;
    background: #fff;
    color: #101010;
    font-size: 16px;
  }

  .six-days span,
  .six-days strong {
    min-width: 0;
    height: 46px;
    display: grid;
    place-items: center;
    font-weight: 400;
  }

  .six-days strong {
    position: relative;
    width: 35px;
    height: 35px;
    justify-self: center;
    color: #fff;
    border-radius: 50%;
    background: #f2443b;
  }

  .six-days strong::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -16px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d6d6d6;
    transform: translateX(-50%);
  }

  .six-days em {
    overflow: hidden;
    color: #202020;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    font-size: 17px;
  }

  .six-days svg {
    width: 18px;
    height: 18px;
    color: #5c5c5c;
  }

  .six-list {
    background: #fff;
  }

  .six-list article {
    min-height: 88px;
    display: grid;
    grid-template-columns: 103px minmax(0, 1fr);
    align-items: stretch;
    border-bottom: 1px solid #ededed;
  }

  .six-term {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    border-right: 1px solid #e9e9e9;
  }

  .six-term strong {
    color: #151515;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
  }

  .six-term span {
    color: #a6a6a6;
    font-size: 17px;
    line-height: 1;
  }

  .six-record {
    display: grid;
    grid-template-columns: repeat(6, 30px) 13px 30px;
    align-items: start;
    gap: 5px;
    min-width: 0;
    padding: 13px 4px 0 12px;
  }

  .six-record em {
    display: grid;
    place-items: center;
    height: 30px;
    color: #8f8f8f;
    font-size: 26px;
    line-height: 1;
    font-style: normal;
    font-weight: 300;
  }

  .six-ball {
    width: 30px;
    display: grid;
    justify-items: center;
    gap: 8px;
  }

  .six-ball b {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
  }

  .six-ball small {
    color: #333;
    font-size: 18px;
    line-height: 1;
  }

  .six-ball.red b {
    background: #ef334a;
  }

  .six-ball.blue b {
    background: #25a8df;
  }

  .six-ball.green b {
    background: #43c572;
  }
}

@media (max-width: 360px) {
  .detail-current p,
  .detail-progress-line {
    font-size: 18px;
  }

  .sg-table .detail-table-head,
  .sg-table .detail-table-row {
    grid-template-columns: 39px 56px 96px 68px minmax(66px, 1fr);
  }

  .detail-table-head,
  .detail-table-row {
    padding-inline: 8px;
    font-size: 14px;
  }

  .six-list article {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .six-record {
    grid-template-columns: repeat(6, 27px) 10px 27px;
    gap: 3px;
    padding-left: 8px;
  }

  .six-ball,
  .six-ball b {
    width: 27px;
  }

  .six-ball b {
    height: 27px;
    font-size: 14px;
  }
}

@media (max-width: 1020px) {
  /* Final pixel lock: must come after earlier mobile skins. */
  .mobile-detail-page.mobile-only {
    color: #222;
    background: #f1f1f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .detail-titlebar {
    height: 61px;
    grid-template-columns: 55px minmax(0, 1fr) 55px;
    border-bottom: 1px solid #ececef;
    background: #fff;
  }

  .detail-titlebar h1 {
    font-size: 24px;
    font-weight: 400;
  }

  .detail-back {
    width: 55px;
    height: 61px;
  }

  .detail-back svg {
    width: 25px;
    height: 25px;
  }



  .detail-current {
    padding: 17px 10px 14px;
    border-top: 9px solid #f1f1f5;
  }

  .detail-current p {
    margin-bottom: 10px;
    color: #262626;
    font-size: 18px;
    line-height: 1.16;
  }

  .detail-dice-row {
    gap: 9px;
    min-height: 29px;
    margin: 8px 0;
  }

  .detail-dice,
  .detail-table .detail-dice {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
  }

  .detail-dice i {
    width: 6px;
    height: 6px;
  }

  .detail-dice.dice-2 .dot-1 {
    left: 6px;
    top: 11px;
  }

  .detail-dice.dice-2 .dot-2 {
    right: 6px;
    top: 11px;
  }

  .detail-result-line {
    gap: 14px;
    min-height: 23px;
    font-size: 17px;
  }

  .detail-progress-line {
    min-height: 33px;
    gap: 7px;
    margin-top: 17px;
    font-size: 18px;
  }

  .detail-progress-line b {
    height: 6px;
    border-radius: 1px;
  }

  .detail-progress-line > em,
  .detail-progress-line > strong {
    font-size: 17px;
  }

  .detail-progress-line button {
    width: 62px;
    height: 32px;
    flex-basis: 62px;
    border-radius: 6px;
    font-size: 16px;
  }

  .detail-ball {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 18px;
  }

  .detail-equation {
    min-height: 31px;
    margin: 9px 0 8px;
  }

  .detail-equation,
  .pc-cell {
    gap: 8px;
  }

  .detail-equation em,
  .pc-cell em {
    font-size: 25px;
  }

  .detail-tabs {
    height: 55px;
    margin-top: 9px;
  }

  .detail-subtabs {
    height: 49px;
  }

  .detail-subtabs button {
    font-size: 16px;
  }

  .detail-datebar {
    height: 56px;
    gap: 16px;
    border-top-width: 11px;
    font-size: 16px;
  }

  .detail-table-head {
    height: 48px;
    border-bottom-width: 3px;
    font-size: 16px;
  }

  .detail-table-row {
    min-height: 64px;
    font-size: 16px;
  }

  .detail-table-head,
  .detail-table-row {
    padding-inline: 9px;
  }

  .sg-table .detail-table-head,
  .sg-table .detail-table-row {
    grid-template-columns: 43px 58px 98px 73px minmax(74px, 1fr);
  }

  .pc-table .detail-table-head,
  .pc-table .detail-table-row {
    grid-template-columns: 64px 88px minmax(0, 1fr);
  }

  .dice-cell {
    gap: 2px;
  }

  .sg-table .detail-table-head > span:last-child,
  .sg-table .detail-table-row > span:last-child {
    font-size: 15px;
    white-space: nowrap;
  }

  .bottom-nav {
    height: 61px;
    min-height: 61px;
    padding: 0 0 4px;
    border-top-color: #ececec;
    box-shadow: none;
  }

  .bottom-nav a {
    align-content: center;
    color: #999;
  }

  .bottom-nav svg {
    width: 21px;
    height: 21px;
    stroke-width: 1.55;
  }

  .bottom-nav a.active {
    color: #ff8700;
  }

  body[data-detail-type="bingo6"] .mobile-detail-page {
    background: #fff;
  }

  .six-header {
    height: 58px;
    grid-template-columns: 128px minmax(0, 1fr) 54px;
  }

  .six-logo {
    height: 58px;
    padding-left: 9px;
  }

  .six-logo span {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .six-header h1 {
    font-size: 23px;
  }

  .six-logo strong {
    font-size: 16px;
    font-weight: 700;
  }

  .six-menu,
  .six-menu svg {
    height: 58px;
  }

  .six-menu svg {
    width: 30px;
    stroke-width: 3;
  }

  .six-toolbar {
    height: 66px;
    padding: 11px 10px 0;
    border-bottom-width: 11px;
  }

  .six-toolbar button {
    height: 39px;
    font-size: 21px;
  }

  .six-toolbar button:last-child {
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
  }

  .six-days {
    height: 61px;
    grid-template-columns: repeat(8, minmax(0, 1fr)) 88px 14px;
    font-size: 16px;
  }

  .six-days span,
  .six-days strong {
    height: 44px;
  }

  .six-days strong {
    width: 34px;
    height: 34px;
  }

  .six-days em {
    font-size: 17px;
  }

  .six-list article {
    min-height: 80px;
    grid-template-columns: 116px minmax(0, 1fr);
  }

  .six-term {
    gap: 11px;
  }

  .six-term strong {
    font-size: 19px;
  }

  .six-term span {
    font-size: 16px;
  }

  .six-record {
    grid-template-columns: repeat(6, 28px) 10px 28px;
    gap: 2px;
    padding: 11px 2px 0 8px;
  }

  .six-record em {
    height: 28px;
    font-size: 25px;
  }

  .six-ball {
    width: 28px;
    gap: 7px;
  }

  .six-ball b {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  .six-ball small {
    font-size: 17px;
  }
}

@media (max-width: 1020px) {
  .mobile168-header {
    display: block;
    background: #fff;
  }

  .mobile168-logo-row {
    height: 53px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    align-items: center;
    border-bottom: 1px solid #ececef;
  }

  .mobile168-logo-row a {
    width: 96px;
    justify-self: center;
    display: grid;
    place-items: center;
  }

  .mobile168-logo-row img {
    width: 96px;
    display: block;
  }

  .mobile168-logo-row button {
    width: 48px;
    height: 53px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    padding: 0;
  }

  .mobile168-logo-row svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
  }

  .mobile168-notice {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 0 13px;
    color: #fff;
    background: #29a9e5;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 14px;
  }

  .mobile168-notice svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
  }

  .mobile-live-hero {
    height: 185px;
    min-height: 185px;
    overflow: hidden;
    background: #f2282f;
  }

  .mobile-live-hero img {
    width: 100%;
    height: 185px;
    display: block;
    object-fit: cover;
    transform: none;
  }
}

@media (min-width: 1021px) {
  .desktop168-banner picture {
    display: block;
  }

  .desktop168-banner img {
    width: 100%;
    height: 630px;
    display: block;
    object-fit: cover;
    object-position: center;
  }

  .bottom-nav.mobile-only {
    height: 70px;
    min-height: 70px;
    display: flex !important;
    padding: 0;
    border-top: 1px solid #ececec;
    background: #fff;
    box-shadow: none;
  }

  .bottom-nav a {
    align-content: center;
    color: #9b9b9b;
  }

  .bottom-nav span {
    display: none;
  }

  .bottom-nav svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.55;
  }

  .bottom-nav a.active {
    color: #ff8700;
  }
}

@media (min-width: 1021px) {
  body.desktop-detail-open {
    min-width: 0;
    color: #222;
    background: #f1f1f5;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
  }

  .desktop168-detail-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 0 0 92px;
    color: #222;
  }

  .desktop168-detail-titlebar {
    height: 78px;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 78px;
    align-items: center;
    border-bottom: 1px solid #ececef;
    background: #fff;
  }

  .desktop168-detail-titlebar h1 {
    margin: 0;
    text-align: center;
    color: #121212;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
  }

  .desktop168-detail-titlebar button {
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border: 0;
    color: #050505;
    background: transparent;
    cursor: pointer;
  }

  .desktop168-detail-titlebar svg {
    width: 30px;
    height: 30px;
    stroke-width: 2;
  }

  .desktop168-detail-titlebar span {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #050505;
    font: 700 13px/20px Arial, sans-serif;
  }

  .desktop168-detail-current {
    padding: 30px 28px 25px;
    border-top: 14px solid #f1f1f5;
    background: #fff;
  }

  .desktop168-detail-current-head p {
    margin: 0 0 14px;
    color: #272727;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 400;
  }

  .desktop168-detail-current-head strong,
  .desktop168-detail-current-head span {
    font-weight: 400;
  }

  .desktop168-detail-main .detail-equation,
  .desktop168-detail-main .pc-cell,
  .desktop168-detail-main .detail-square-row,
  .desktop168-detail-main .detail-blue-row,
  .desktop168-detail-main .detail-dice-row,
  .desktop168-detail-main .desktop-detail-six {
    display: flex;
    align-items: center;
  }

  .desktop168-detail-main .detail-equation,
  .desktop168-detail-main .detail-square-row,
  .desktop168-detail-main .detail-blue-row,
  .desktop168-detail-main .detail-dice-row,
  .desktop168-detail-main .desktop-detail-six {
    min-height: 42px;
    gap: 12px;
    margin: 10px 0 10px;
  }

  .desktop168-detail-main .detail-ball,
  .desktop168-detail-main .detail-square-row .sq,
  .desktop168-detail-main .detail-blue-row .detail-ball,
  .desktop168-six-cell b,
  .desktop168-detail-main .desktop-detail-six span {
    width: 38px;
    height: 38px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 38px;
    color: #fff;
    border-radius: 50%;
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
  }

  .desktop168-detail-main .detail-ball.blue,
  .desktop168-detail-main .detail-blue-row .detail-ball,
  .desktop168-detail-main .desktop-detail-six span.blue,
  .desktop168-six-cell b.blue {
    background: #0b98d3;
  }

  .desktop168-detail-main .detail-ball.red,
  .desktop168-detail-main .desktop-detail-six span.red,
  .desktop168-six-cell b.red {
    background: #f00417;
  }

  .desktop168-detail-main .desktop-detail-six span.green,
  .desktop168-six-cell b.green {
    background: #18bf57;
  }

  .desktop168-detail-main .detail-equation em,
  .desktop168-detail-main .pc-cell em,
  .desktop168-detail-main .desktop-detail-six em,
  .desktop168-six-cell em {
    color: #969696;
    font-size: 30px;
    line-height: 38px;
    font-style: normal;
    font-weight: 300;
  }

  .desktop168-detail-main .detail-square-row .sq,
  .desktop168-detail-main .detail-square-cell .sq {
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  .desktop168-detail-main .sq.red { background: #f02534; }
  .desktop168-detail-main .sq.orange { background: #ff7c13; }
  .desktop168-detail-main .sq.green { background: #12bf43; }
  .desktop168-detail-main .sq.dark { background: #3c3d40; }
  .desktop168-detail-main .sq.gray { background: #b9b9b9; }
  .desktop168-detail-main .sq.blue { background: #0b98d3; }
  .desktop168-detail-main .sq.purple,
  .desktop168-detail-main .sq.violet { background: #5136ed; }
  .desktop168-detail-main .sq.cyan { background: #22d1d7; }
  .desktop168-detail-main .sq.yellow { background: #e3e50b; }
  .desktop168-detail-main .sq.wine { background: #8c0000; }

  .desktop168-detail-main .detail-dice {
    position: relative;
    width: 38px;
    height: 38px;
    display: inline-block;
    flex: 0 0 38px;
    border: 1px solid #edf0f3;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 30, 45, 0.04);
  }

  .desktop168-detail-main .detail-dice i {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0d9bd2;
  }

  .desktop168-detail-main .detail-dice.dice-1 i,
  .desktop168-detail-main .detail-dice.dice-4 i {
    background: #f30417;
  }

  .desktop168-detail-main .detail-dice.dice-1 .dot-1,
  .desktop168-detail-main .detail-dice.dice-5 .dot-5 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop168-detail-main .detail-dice.dice-2 .dot-1 {
    left: 9px;
    top: 14px;
  }

  .desktop168-detail-main .detail-dice.dice-2 .dot-2 {
    right: 9px;
    top: 14px;
  }

  .desktop168-detail-main .detail-dice.dice-3 .dot-1,
  .desktop168-detail-main .detail-dice.dice-4 .dot-1,
  .desktop168-detail-main .detail-dice.dice-5 .dot-1,
  .desktop168-detail-main .detail-dice.dice-6 .dot-1 {
    left: 7px;
    top: 7px;
  }

  .desktop168-detail-main .detail-dice.dice-3 .dot-2 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .desktop168-detail-main .detail-dice.dice-3 .dot-3,
  .desktop168-detail-main .detail-dice.dice-4 .dot-4,
  .desktop168-detail-main .detail-dice.dice-5 .dot-4,
  .desktop168-detail-main .detail-dice.dice-6 .dot-6 {
    right: 7px;
    bottom: 7px;
  }

  .desktop168-detail-main .detail-dice.dice-4 .dot-2,
  .desktop168-detail-main .detail-dice.dice-5 .dot-2,
  .desktop168-detail-main .detail-dice.dice-6 .dot-2 {
    right: 7px;
    top: 7px;
  }

  .desktop168-detail-main .detail-dice.dice-4 .dot-3,
  .desktop168-detail-main .detail-dice.dice-5 .dot-3,
  .desktop168-detail-main .detail-dice.dice-6 .dot-5 {
    left: 7px;
    bottom: 7px;
  }

  .desktop168-detail-main .detail-dice.dice-6 .dot-3 {
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
  }

  .desktop168-detail-main .detail-dice.dice-6 .dot-4 {
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
  }

  .desktop168-detail-main .desktop-six-tags {
    grid-template-columns: repeat(6, 38px) 18px 38px;
    gap: 10px;
    margin-bottom: 4px;
    color: #252525;
    font-size: 22px;
    font-weight: 400;
  }

  .desktop168-detail-main .desktop-six-tags i {
    width: 18px;
  }

  .desktop168-detail-main .desktop-six-tags b {
    font-weight: 400;
    text-align: center;
  }

  .desktop168-result-line {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 28px;
    margin-top: 4px;
    color: #454545;
    font-size: 21px;
    line-height: 1.2;
  }

  .desktop168-result-line strong {
    font-weight: 400;
  }

  .desktop168-detail-main .detail-progress-line {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 26px;
    color: #303030;
    font-size: 23px;
    line-height: 1;
  }

  .desktop168-detail-main .detail-progress-line > span {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .desktop168-detail-main .detail-progress-line b {
    height: 7px;
    display: block;
    flex: 1 1 auto;
    max-width: 360px;
    overflow: hidden;
    border-radius: 2px;
    background: #cfcfcf;
  }

  .desktop168-detail-main .detail-progress-line b i {
    width: 64%;
    height: 100%;
    display: block;
    background: #f31814;
  }

  .desktop168-detail-main .detail-progress-line strong {
    color: #c71924;
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
  }

  .desktop168-detail-main .detail-progress-line button {
    width: 74px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 0 0 74px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: #ff951b;
    font-size: 18px;
  }

  .desktop168-detail-main .detail-progress-line button svg {
    width: 18px;
    height: 18px;
  }

  .desktop168-detail-tabs {
    margin-top: 14px;
    background: #fff;
  }

  .desktop168-detail-tabs .detail-tabs {
    height: 64px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    margin: 0;
    border-bottom: 1px solid #dddde0;
    background: #fff;
  }

  .desktop168-detail-tabs .detail-tabs.single {
    grid-auto-columns: minmax(220px, 1fr);
  }

  .desktop168-detail-tabs .detail-tabs button,
  .desktop168-detail-tabs .detail-subtabs button {
    position: relative;
    border: 0;
    border-right: 1px solid #eee;
    color: #222;
    background: transparent;
    font: 22px Georgia, "Times New Roman", "Songti SC", SimSun, serif;
    cursor: pointer;
  }

  .desktop168-detail-tabs .detail-tabs button.active,
  .desktop168-detail-tabs .detail-subtabs button.active {
    color: #f08b16;
  }

  .desktop168-detail-tabs .detail-tabs button.active::after,
  .desktop168-detail-tabs .detail-subtabs button.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 74px;
    height: 2px;
    transform: translateX(-50%);
    background: #f08b16;
  }

  .desktop168-detail-tabs .detail-subtabs {
    height: 58px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid #dddde0;
    background: #fff;
  }

  .desktop168-detail-main .detail-datebar {
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    padding: 0 28px;
    border-top: 14px solid #f1f1f5;
    border-bottom: 1px solid #dddde0;
    background: #fff;
    color: #111;
    font-size: 20px;
  }

  .desktop168-detail-main .detail-datebar svg {
    width: 22px;
    height: 22px;
    color: #999;
  }

  .desktop168-detail-records {
    background: #fff;
  }

  .desktop168-record-title {
    margin: 0;
    padding: 22px 28px 18px;
    color: #f08b16;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
  }

  .desktop168-history {
    background: #fff;
  }

  .desktop168-history-head,
  .desktop168-history-row {
    display: grid;
    align-items: center;
    min-height: 68px;
    padding: 0 28px;
    border-bottom: 1px solid #eee;
    color: #222;
    font-size: 19px;
  }

  .desktop168-history-head {
    min-height: 58px;
    border-bottom: 3px solid #f0f0f0;
    color: #333;
    font-size: 19px;
  }

  .desktop168-pc-history .desktop168-history-head,
  .desktop168-pc-history .desktop168-history-row {
    grid-template-columns: 130px 160px minmax(0, 1fr);
  }

  .desktop168-sg-history .desktop168-history-head,
  .desktop168-sg-history .desktop168-history-row,
  .desktop168-generic-history .desktop168-history-head,
  .desktop168-generic-history .desktop168-history-row {
    grid-template-columns: 100px 145px minmax(310px, 1fr) 170px 200px;
  }

  .desktop168-six-history .desktop168-history-head,
  .desktop168-six-history .desktop168-history-row {
    grid-template-columns: 180px 95px minmax(370px, 1fr) 230px 90px;
  }

  .desktop168-history-row > span {
    min-width: 0;
  }

  .desktop168-history-row em.red {
    color: #e31f2f;
    font-style: normal;
  }

  .desktop168-history-row b {
    font-weight: 400;
  }

  .desktop168-detail-main .pc-cell {
    gap: 12px;
  }

  .desktop168-detail-main .pc-cell .detail-ball,
  .desktop168-detail-main .detail-blue-cell .detail-ball {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 19px;
  }

  .desktop168-detail-main .detail-square-cell,
  .desktop168-detail-main .detail-blue-cell,
  .desktop168-detail-main .dice-cell,
  .desktop168-six-cell {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
  }

  .desktop168-detail-main .detail-square-cell {
    gap: 6px;
  }

  .desktop168-detail-main .detail-square-cell .sq {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    border-radius: 50%;
    font-size: 15px;
  }

  .desktop168-detail-main .dice-cell .detail-dice {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }

  .desktop168-detail-main .dice-cell .detail-dice i {
    width: 7px;
    height: 7px;
  }

  .desktop168-six-cell b {
    width: 35px;
    height: 35px;
    flex-basis: 35px;
    font-size: 18px;
  }

  .desktop168-six-cell em {
    font-size: 28px;
    line-height: 35px;
  }

  .desktop-890-float,
  .desktop-ticket-page,
  .desktop-ticket-hero,
  .desktop-ticket-records {
    display: none !important;
  }

  .bottom-nav.mobile-only {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    width: 100%;
    height: 70px;
    min-height: 70px;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    border-top: 1px solid #ececec;
    background: #fff;
    box-shadow: none;
  }

  .bottom-nav.mobile-only a {
    height: 70px;
    display: grid;
    place-items: center;
    flex: 1 1 0;
    color: #9b9b9b;
    text-decoration: none;
  }

  .bottom-nav.mobile-only a.active {
    color: #ff8700;
  }

  .bottom-nav.mobile-only span {
    display: none;
  }

  .bottom-nav.mobile-only svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.55;
  }
}

@media (min-width: 1021px) {
  body {
    padding-bottom: 0 !important;
    background: #eeeeee !important;
    color: #222;
    font-family: Arial, "Microsoft YaHei", SimSun, sans-serif !important;
  }

  .bottom-nav.mobile-only {
    display: none !important;
  }

  .pc8473-site {
    display: block !important;
  }

  .desktop168-header,
  .desktop168-banner,
  .desktop168-main,
  .desktop168-detail-main {
    display: none !important;
  }
}

@media (min-width: 1021px) {
  body {
    min-width: 1180px;
    padding-bottom: 0;
    color: #1e293b;
    background: #f6f8fb;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  }

  .desktop-168-home.desktop-only,
  .desktop-168-detail.desktop-only:not([hidden]) {
    display: block !important;
  }

  .desktop-168-home[hidden],
  .desktop-168-detail[hidden] {
    display: none !important;
  }

  .desktop168-header,
  .desktop168-banner,
  .desktop168-main,
  .desktop168-detail-main,
  .bottom-nav.mobile-only {
    display: none !important;
  }

  .pc168-header {
    position: sticky;
    top: 0;
    z-index: 80;
    height: 57px;
    color: #fff;
    background: linear-gradient(90deg, #ff6a12, #ff8f36);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  }

  .pc168-header-inner {
    width: 1152px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 16px;
  }

  .pc168-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
  }

  .pc168-brand img {
    width: 75px;
    height: 32px;
    display: block;
    object-fit: contain;
    border-radius: 8px;
  }

  .pc168-brand span {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }

  .pc168-theme,
  .pc168-back-top {
    height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
    padding: 0 12px;
    font: 500 12px/16px inherit;
    cursor: pointer;
  }

  .pc168-theme svg,
  .pc168-back-top svg {
    width: 14px;
    height: 14px;
  }

  .pc168-main {
    width: 1152px;
    margin: 0 auto;
    padding: 12px 16px 32px;
  }

  .pc168-notice {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    border: 1px solid #f1f5f9;
    border-radius: 12px;
    background: rgba(249, 115, 22, 0.12);
    padding: 0 16px;
    color: #64748b;
    font-size: 14px;
  }

  .pc168-notice > div {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #f97316;
    font-weight: 600;
    white-space: nowrap;
  }

  .pc168-notice svg {
    width: 16px;
    height: 16px;
  }

  .pc168-notice p {
    display: flex;
    gap: 48px;
    margin: 0;
    white-space: nowrap;
  }

  .pc168-tabs {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
  }

  .pc168-tabs button {
    min-width: 60px;
    height: 38px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: #64748b;
    background: transparent;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
  }

  .pc168-tabs button.active {
    color: #fff;
    border-color: #f97316;
    background: #f97316;
    font-weight: 700;
  }

  .pc168-grid {
    display: grid;
    grid-template-columns: repeat(2, 554px);
    gap: 12px;
    margin-top: 12px;
  }

  .pc168-card {
    position: relative;
    min-height: 153px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    padding: 16px 18px;
    cursor: pointer;
  }

  .pc168-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
  }

  .pc168-card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .pc168-card-title img {
    width: 36px;
    height: 36px;
    display: block;
    flex: 0 0 36px;
    border-radius: 10px;
    object-fit: cover;
  }

  .pc168-card-title h2 {
    max-width: 245px;
    margin: 0;
    overflow: hidden;
    color: #1e293b;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pc168-card-title p {
    margin: 0;
    color: #94a3b8;
    font-size: 12px;
    line-height: 18px;
  }

  .pc168-countdown {
    min-width: 92px;
    display: grid;
    justify-items: end;
    gap: 3px;
  }

  .pc168-countdown strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f97316;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    white-space: nowrap;
  }

  .pc168-countdown strong i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.1);
  }

  .pc168-countdown span {
    color: #94a3b8;
    font-size: 11px;
    line-height: 16px;
  }

  .pc168-card-body {
    min-height: 31px;
    display: flex;
    align-items: center;
  }

  .pc168-card-foot {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 22px;
    margin-top: 7px;
    color: #64748b;
    font-size: 13px;
    line-height: 20px;
  }

  .pc168-card-foot .hot,
  .pc168-current-summary .hot,
  .pc168-table-row .hot {
    color: #ff3b30;
  }

  .pc168-card-progress {
    position: absolute;
    right: 18px;
    bottom: 25px;
    width: 64px;
    height: 4px;
    border-radius: 999px;
    background: rgba(249, 115, 22, 0.28);
  }

  .pc168-square-row,
  .pc168-round-row,
  .pc168-equation,
  .pc168-lhc-row {
    display: flex;
    align-items: center;
    gap: 9px;
  }

  .pc168-square-row span {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 3px;
    font-size: 17px;
    line-height: 1;
    font-weight: 800;
  }

  .pc168-square-row.compact {
    gap: 8px;
  }

  .pc168-round-row span,
  .pc168-ball,
  .pc168-lhc-row span {
    width: 31px;
    height: 31px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(145deg, #68c1ff, #2389e4);
    box-shadow: 0 2px 5px rgba(37, 99, 235, 0.25);
    font-size: 15px;
    font-weight: 700;
  }

  .pc168-equation em,
  .pc168-lhc-row em {
    color: #cbd5e1;
    font-style: normal;
    font-size: 20px;
  }

  .pc168-ball.red,
  .pc168-lhc-row span.red {
    background: #f02534;
  }

  .pc168-ball.blue,
  .pc168-lhc-row span.blue {
    background: #0b98d3;
  }

  .pc168-lhc-row span.green {
    background: #12bf43;
  }

  .pc168-square-row .red { background: #f02534; }
  .pc168-square-row .orange { background: #ff7c13; }
  .pc168-square-row .green { background: #12bf43; }
  .pc168-square-row .dark { background: #3c3d40; }
  .pc168-square-row .gray { background: #b9b9b9; }
  .pc168-square-row .blue { background: #0b98d3; }
  .pc168-square-row .purple,
  .pc168-square-row .violet { background: #5136ed; }
  .pc168-square-row .cyan { background: #22d1d7; }
  .pc168-square-row .yellow { background: #e3e50b; }
  .pc168-square-row .wine { background: #8c0000; }

  body.desktop-detail-open {
    background: #f1f5f9;
  }

  .pc168-detail-page {
    padding-bottom: 42px;
  }

  .pc168-detail-hero {
    min-height: 274px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(135deg, #ff6a12 0%, #ff8f36 100%);
    border-radius: 0 0 24px 24px;
  }

  .pc168-detail-inner {
    width: 1152px;
    margin: 0 auto;
  }

  .pc168-detail-nav {
    height: 64px;
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) 160px;
    align-items: center;
  }

  .pc168-detail-nav button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 78px;
    border: 0;
    color: #fff;
    background: transparent;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
  }

  .pc168-detail-nav svg {
    width: 19px;
    height: 19px;
  }

  .pc168-detail-nav h1 {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
  }

  .pc168-current-panel {
    min-height: 191px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    padding: 24px 20px 20px;
  }

  .pc168-current-meta {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
  }

  .pc168-current-meta strong {
    font-size: 16px;
  }

  .pc168-current-meta button {
    height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    padding: 0 14px;
    font: 500 12px/16px inherit;
  }

  .pc168-current-meta svg {
    width: 14px;
    height: 14px;
  }

  .pc168-current-numbers {
    display: flex;
    justify-content: center;
    min-height: 36px;
    margin-top: 24px;
  }

  .pc168-current-summary {
    display: flex;
    justify-content: center;
    gap: 10px;
    min-height: 22px;
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
  }

  .pc168-current-progress {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 90px;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
  }

  .pc168-current-progress b {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.65);
  }

  .pc168-current-progress i {
    width: 64%;
    height: 100%;
    display: block;
    background: #fff;
  }

  .pc168-current-progress strong {
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 17px;
    letter-spacing: 1px;
  }

  .pc168-records {
    width: 1152px;
    margin: 0 auto;
    padding-top: 0;
  }

  .pc168-record-tabs {
    height: 46px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
    border-bottom: 1px solid #cbd5e1;
  }

  .pc168-record-tabs button {
    position: relative;
    height: 46px;
    border: 0;
    color: #64748b;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
  }

  .pc168-record-tabs button.active {
    color: #f97316;
    font-weight: 700;
  }

  .pc168-record-tabs button.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #f97316;
  }

  .pc168-date-tools {
    height: 60px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .pc168-date-tools button {
    height: 32px;
    min-width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #475569;
    background: #fff;
    padding: 0 14px;
    font-size: 13px;
  }

  .pc168-date-tools button.active {
    color: #fff;
    border-color: #f97316;
    background: #f97316;
  }

  .pc168-date-tools svg {
    width: 14px;
    height: 14px;
  }

  .pc168-table {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px 12px 0 0;
    background: #fff;
  }

  .pc168-table-head,
  .pc168-table-row {
    display: grid;
    align-items: center;
    min-height: 30px;
    color: #0f172a;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 14px;
    text-align: center;
  }

  .pc168-table-head {
    min-height: 45px;
    color: #64748b;
    background: #f8fafc;
    font-family: inherit;
    font-weight: 700;
  }

  .pc168-table-row:nth-child(odd) {
    background: #e5e5e5;
  }

  .pc168-table-row:nth-child(even) {
    background: #fff;
  }

  .pc168-table-pk10 .pc168-table-head,
  .pc168-table-pk10 .pc168-table-row {
    grid-template-columns: 255px 112px 455px 52px 40px 40px 198px;
  }

  .pc168-table-common .pc168-table-head,
  .pc168-table-common .pc168-table-row {
    grid-template-columns: 255px 112px minmax(430px, 1fr) 70px 70px 70px;
  }

  .pc168-table-six .pc168-table-head,
  .pc168-table-six .pc168-table-row {
    grid-template-columns: 180px 120px minmax(430px, 1fr) 300px 80px;
  }

  .pc168-table-row > span {
    min-width: 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
  }

  .pc168-table-row > span:last-child {
    border-right: 0;
  }

  .pc168-table-row .pc168-square-row span {
    width: 24px;
    height: 24px;
    font-size: 15px;
  }

  .pc168-table-row .pc168-round-row span,
  .pc168-table-row .pc168-ball,
  .pc168-table-row .pc168-lhc-row span,
  .pc168-table-six b {
    width: 24px;
    height: 24px;
    box-shadow: none;
    font-size: 12px;
  }

  .pc168-table-six b {
    display: inline-grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
  }

  .pc168-table-six b.red { background: #f02534; }
  .pc168-table-six b.blue { background: #0b98d3; }
  .pc168-table-six b.green { background: #12bf43; }

  .pc168-table-six em {
    color: #64748b;
    font-style: normal;
    font-size: 18px;
  }

  .pc168-table-row b {
    color: #3b82f6;
    font-weight: 400;
  }
}

@media (max-width: 1020px) {
  /* m.1688473.com detail pages: tighten SG/K3 history rows to match the reference density. */
  .sg-table .detail-table-head {
    height: 45px;
    font-size: 15px;
  }

  .sg-table .detail-table-row {
    min-height: 48px;
    font-size: 14px;
  }

  .sg-table .detail-table-head,
  .sg-table .detail-table-row {
    grid-template-columns: 42px 57px 96px 72px minmax(74px, 1fr);
    padding-inline: 9px;
  }

  .sg-table .detail-table-row b,
  .sg-table .detail-table-row em {
    margin-right: 8px;
  }

  .sg-table .detail-table-row > span:nth-child(4),
  .sg-table .detail-table-row > span:last-child {
    font-size: 14px;
  }

  .sg-table .dice-cell {
    gap: 2px;
  }

  .sg-table .detail-table .detail-dice,
  .sg-table .detail-dice {
    width: 27px;
    height: 27px;
    flex-basis: 27px;
  }

  .sg-table .detail-dice i {
    width: 6px;
    height: 6px;
  }
}

@media (min-width: 1021px) {
  body {
    min-width: 0;
    padding-bottom: 70px;
    color: #242424;
    background: #f0f0f5;
    font-family: "Times New Roman", "Songti SC", SimSun, serif;
  }

  .pc168-header,
  .pc168-main,
  .pc168-detail-page {
    display: none !important;
  }

  .desktop-168-home.desktop-only,
  .desktop-168-detail.desktop-only:not([hidden]) {
    display: block !important;
  }

  .desktop-168-home[hidden],
  .desktop-168-detail[hidden] {
    display: none !important;
  }

  .desktop168-header,
  .desktop168-banner,
  .desktop168-main {
    display: block !important;
  }

  .desktop168-logo-row {
    height: 84px;
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 78px;
    align-items: center;
    border-bottom: 1px solid #ededed;
    background: #fff;
  }

  .desktop168-logo-row a,
  .desktop168-brand-button {
    width: 166px;
    justify-self: center;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }

  .desktop168-logo-row img {
    width: 166px;
    display: block;
  }

  .desktop168-logo-row > button:not(.desktop168-brand-button) {
    width: 78px;
    height: 84px;
    display: grid;
    place-items: center;
    border: 0;
    color: #999;
    background: transparent;
    cursor: pointer;
  }

  .desktop168-logo-row svg {
    width: 28px;
    height: 28px;
    stroke-width: 1.7;
  }

  .desktop168-notice {
    height: 58px;
    display: flex;
    align-items: center;
    gap: 24px;
    padding-left: max(56px, calc((100vw - 1180px) / 2));
    color: #fff;
    background: #29a9e5;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 17px;
  }

  .desktop168-notice svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
  }

  .desktop168-banner,
  .desktop168-banner picture {
    display: block;
    overflow: hidden;
    background: #f2282f;
  }

  .desktop168-banner img {
    width: 100%;
    height: 420px;
    display: block;
    object-fit: cover;
    object-position: center;
  }

  .desktop168-main {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 16px 0 68px;
  }

  .desktop168-tabs {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 0 14px;
    border-radius: 6px;
    background: #fff;
  }

  .desktop168-tabs button {
    height: 34px;
    padding: 0 18px;
    border: 0;
    border-radius: 17px;
    color: #555;
    background: #f2f2f2;
    font: 15px Arial, "Microsoft YaHei", sans-serif;
    cursor: pointer;
  }

  .desktop168-tabs button.active {
    color: #fff;
    background: #ff8a16;
  }

  .desktop-draw-grid.desktop168-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
  }

  .desktop168-card {
    min-height: 156px;
    padding: 26px 34px 20px;
    border: 0;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
  }

  .desktop168-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
  }

  .desktop168-card-head h2 {
    display: inline;
    margin: 0;
    color: #222;
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
  }

  .desktop168-card-head span {
    margin-left: 8px;
    color: #555;
    font-size: 17px;
  }

  .desktop168-card-head p {
    margin: 0;
    color: #555;
    font-size: 17px;
    white-space: nowrap;
  }

  .desktop168-card-head strong {
    color: #d61f35;
    font-weight: 400;
  }

  .desktop168-card-body .desktop-six-balls,
  .desktop168-card-body .desktop-square-balls,
  .desktop168-card-body .desktop-round-balls,
  .desktop168-card-body .desktop-pc-equation {
    min-height: 42px;
    margin: 0 0 12px;
  }

  .desktop168-card-body .desktop-round-balls span,
  .desktop168-card-body .desktop-pc-equation span,
  .desktop168-card-body .desktop-pc-equation strong,
  .desktop168-card-body .desktop-six-balls span {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .desktop168-card-body .desktop-square-balls span {
    width: 34px;
    height: 34px;
    border-radius: 5px;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
  }

  .desktop168-card-body .desktop-six-tags {
    grid-template-columns: repeat(6, 38px) 18px 38px;
    gap: 10px;
    font-size: 21px;
  }

  .desktop168-card-summary {
    color: #555;
    font-size: 18px;
    line-height: 28px;
  }

  .desktop168-detail-main {
    display: block !important;
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 0 0 92px;
    color: #222;
  }

  .bottom-nav.mobile-only {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    width: 100%;
    height: 70px;
    min-height: 70px;
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    padding: 0;
    border-top: 1px solid #ececec;
    background: #fff;
    box-shadow: none;
  }

  .bottom-nav.mobile-only a {
    height: 70px;
    display: grid;
    place-items: center;
    flex: 1 1 0;
    color: #9b9b9b;
    text-decoration: none;
  }

  .bottom-nav.mobile-only a.active {
    color: #ff8700;
  }

  .bottom-nav.mobile-only span {
    display: none;
  }

  .bottom-nav.mobile-only svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.55;
  }
}
/* Final 1688473 PC lock: keep this at EOF. */
@media (min-width: 1021px) {
  body {
    padding-bottom: 0 !important;
    background: #eeeeee !important;
    color: #222;
    font-family: Arial, "Microsoft YaHei", SimSun, sans-serif !important;
  }

  .bottom-nav.mobile-only {
    display: none !important;
  }

  .pc8473-site {
    display: block !important;
  }

  .desktop168-header,
  .desktop168-banner,
  .desktop168-main,
  .desktop168-detail-main {
    display: none !important;
  }
}

/* Final 1688473 mobile lock: keep after the PC lock so older mobile passes cannot override it. */
@media (max-width: 1020px) {
  body {
    background: #f1f1f6 !important;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
  }

  .mobile168-header {
    display: block !important;
    background: #fff !important;
  }

  .mobile168-logo-row {
    height: 53px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    align-items: center !important;
    border-bottom: 1px solid #eeeeef !important;
    background: #fff !important;
  }

  .mobile168-logo-row > button {
    width: 48px !important;
    height: 53px !important;
    display: grid !important;
    place-items: center !important;
    color: #8e8e8e !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .mobile168-logo-row a {
    width: 96px !important;
    justify-self: center !important;
    margin-left: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .mobile168-logo-row img {
    width: 96px !important;
    height: auto !important;
    display: block !important;
  }

  .mobile168-notice {
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
    padding: 0 13px !important;
    color: #fff !important;
    background: #29a9e5 !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    font-size: 14px !important;
    line-height: 36px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .mobile-live-hero {
    height: 186px !important;
    min-height: 186px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #f1f1f6 !important;
  }

  .mobile-live-hero img {
    width: 100% !important;
    height: 186px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  .lhc-list {
    gap: 10px !important;
    padding: 10px 10px 78px !important;
    background: #f1f1f6 !important;
  }

  .lhc-card {
    min-height: 109px !important;
    padding: 15px 15px 10px !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .lhc-card.empty-card {
    min-height: 76px !important;
  }

  .lhc-head {
    gap: 8px !important;
    margin-bottom: 7px !important;
  }

  .lhc-title-line {
    gap: 7px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }

  .lhc-head h2 {
    color: #222 !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
  }

  .lhc-head small {
    color: #4d4d4d !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }

  .lhc-countdown {
    min-width: 128px !important;
    color: #4a4a4a !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .lhc-countdown strong {
    color: #d21d35 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .quick-number-row,
  .square-balls,
  .compact-balls {
    gap: 8px !important;
    min-height: 30px !important;
    margin-bottom: 6px !important;
  }

  .lhc-ball,
  .round-ball,
  .sq {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .quick-tags {
    gap: 0 18px !important;
    color: #3b3b3b !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .quick-tags span,
  .quick-tags strong,
  .quick-tags i {
    height: 20px !important;
    line-height: 20px !important;
    font-size: inherit !important;
    font-weight: 400 !important;
  }

  .bottom-nav.mobile-only {
    height: 60px !important;
    min-height: 60px !important;
    border-top: 1px solid #ececec !important;
    box-shadow: none !important;
  }

  .bottom-nav.mobile-only a {
    height: 60px !important;
  }

  .bottom-nav.mobile-only svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.55 !important;
  }
}

/* Final mobile page refinement: keep this last for the 1688473 mobile clone. */
@media (max-width: 1020px) {
  .mobile168-page {
    background: #f1f1f6 !important;
    color: #202020 !important;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif !important;
  }

  .mobile168-page-header {
    height: 58px !important;
    grid-template-columns: 54px 1fr 54px !important;
    border-bottom: 1px solid #eeeeef !important;
    background: #fff !important;
  }

  .mobile168-page-header h1 {
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 58px !important;
  }

  .mobile168-page-header button {
    width: 54px !important;
    height: 58px !important;
    color: #080808 !important;
  }

  .mobile168-page-header svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 2 !important;
  }

  .mobile168-page-tabs,
  .mobile168-dragon-tabs {
    height: 48px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    background: #fff !important;
  }

  .mobile168-page-tabs button,
  .mobile168-dragon-tabs button {
    min-width: 84px !important;
    color: #222 !important;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .mobile168-page-tabs button.active,
  .mobile168-dragon-tabs button.active {
    color: #ff8700 !important;
  }

  .mobile168-page-tabs button.active::after,
  .mobile168-dragon-tabs button.active::after {
    left: 20px !important;
    right: 20px !important;
    height: 2px !important;
    background: #ff8700 !important;
  }

  .mobile168-hall-list,
  .mobile168-trend-list,
  .mobile168-simple-list,
  .mobile168-news-page,
  .mobile168-more-grid {
    padding: 10px 10px 78px !important;
  }

  .mobile168-hall-list article,
  .mobile168-trend-list article,
  .mobile168-simple-list article,
  .mobile168-news-page article,
  .mobile168-more-grid button {
    border: 0 !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .mobile168-service-page,
  .mobile168-feedback-page,
  .mobile168-sound-page,
  .mobile168-loading-page {
    padding: 10px 10px 78px !important;
  }

  .mobile168-service-head,
  .mobile168-service-grid,
  .mobile168-service-list,
  .mobile168-feedback-page,
  .mobile168-sound-page,
  .mobile168-loading-page {
    border-radius: 5px !important;
    background: #fff !important;
  }

  .mobile168-loading-page {
    display: grid !important;
    place-items: center !important;
    gap: 10px !important;
    min-height: 136px !important;
    margin: 10px !important;
    color: #999 !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    font-size: 14px !important;
  }

  .mobile168-loading-page span {
    width: 26px !important;
    height: 26px !important;
    border: 2px solid #eeeeee !important;
    border-top-color: #ff8700 !important;
    border-radius: 50% !important;
    animation: mobile168-spin 0.75s linear infinite !important;
  }

  @keyframes mobile168-spin {
    to { transform: rotate(360deg); }
  }

  .mobile168-service-head {
    display: grid !important;
    gap: 6px !important;
    margin-bottom: 10px !important;
    padding: 16px !important;
  }

  .mobile168-service-head strong {
    color: #111 !important;
    font-size: 19px !important;
    font-weight: 400 !important;
  }

  .mobile168-service-head span,
  .mobile168-service-list span,
  .mobile168-sound-page span,
  .mobile168-feedback-result p {
    color: #777 !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .mobile168-service-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
  }

  .mobile168-service-grid button,
  .mobile168-sound-page button {
    display: grid !important;
    gap: 5px !important;
    border: 0 !important;
    background: #fff !important;
    color: #222 !important;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif !important;
  }

  .mobile168-service-grid button {
    min-height: 58px !important;
    grid-template-columns: 104px 1fr !important;
    align-items: center !important;
    justify-items: start !important;
    border-right: 0 !important;
    border-bottom: 1px solid #ececec !important;
    padding: 0 14px !important;
  }

  .mobile168-service-grid button:last-child {
    border-bottom: 0 !important;
  }

  .mobile168-service-grid button.active,
  .mobile168-sound-page button.active {
    color: #ff8700 !important;
  }

  .mobile168-service-grid b,
  .mobile168-sound-page b,
  .mobile168-service-list strong,
  .mobile168-feedback-result strong {
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .mobile168-service-list {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    list-style: none !important;
  }

  .mobile168-service-list li {
    display: grid !important;
    gap: 5px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #ececec !important;
  }

  .mobile168-service-list li:last-child {
    border-bottom: 0 !important;
  }

  .mobile168-feedback-page {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
  }

  .mobile168-feedback-page label {
    display: grid !important;
    gap: 7px !important;
    color: #222 !important;
    font-size: 16px !important;
  }

  .mobile168-feedback-page input,
  .mobile168-feedback-page select,
  .mobile168-feedback-page textarea {
    width: 100% !important;
    min-height: 40px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    color: #222 !important;
    background: #fff !important;
    font: 14px Arial, "Microsoft YaHei", sans-serif !important;
  }

  .mobile168-feedback-page textarea {
    min-height: 118px !important;
    resize: vertical !important;
  }

  .mobile168-feedback-page button,
  .mobile168-more-grid button {
    min-height: 48px !important;
    color: #222 !important;
    font-size: 16px !important;
  }

  .mobile168-feedback-page > button {
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #ff8700 !important;
  }

  .mobile168-feedback-result {
    display: grid !important;
    gap: 4px !important;
    min-height: 0 !important;
    color: #ff8700 !important;
  }

  .mobile168-feedback-result span {
    color: #ff8700 !important;
    font-family: Arial, "Microsoft YaHei", sans-serif !important;
    font-size: 13px !important;
  }

  .mobile168-sound-page {
    display: grid !important;
    gap: 0 !important;
    padding: 0 14px !important;
  }

  .mobile168-sound-page button {
    min-height: 64px !important;
    justify-items: start !important;
    border-bottom: 1px solid #ececec !important;
    padding: 12px 0 !important;
  }

  .mobile168-sound-page button:last-child {
    border-bottom: 0 !important;
  }

  .mobile168-hall-list article {
    grid-template-columns: 56px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 108px !important;
    margin-bottom: 10px !important;
    padding: 12px 10px !important;
  }

  .mobile168-hall-list img,
  .mobile168-trend-list img {
    width: 48px !important;
    height: 48px !important;
  }

  .mobile168-hall-list h2,
  .mobile168-trend-list h2 {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    color: #111 !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }

  .mobile168-hall-list h2 small,
  .mobile168-simple-list small {
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
  }

  .mobile168-hall-list p,
  .mobile168-simple-list article > span,
  .mobile168-hall-list article > span {
    color: #d51c30 !important;
    font-size: 14px !important;
  }

  .mobile168-hall-list article > span {
    justify-self: end !important;
    max-width: 124px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .mobile168-recommend-board {
    min-height: calc(100vh - 118px) !important;
    padding: 20px 14px 86px !important;
    background: #fff !important;
  }

  .mobile168-recommend-title {
    margin: 2px 0 20px !important;
    text-align: center !important;
  }

  .mobile168-recommend-title h2 {
    margin: 0 !important;
    color: #111 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
  }

  .mobile168-recommend-title small {
    display: block !important;
    margin-top: 4px !important;
    color: #b8b8b8 !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  .mobile168-recommend-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px 10px !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .mobile168-recommend-list button {
    min-height: 94px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #333 !important;
    box-shadow: none !important;
    align-content: start !important;
    gap: 9px !important;
  }

  .mobile168-recommend-list img {
    width: 62px !important;
    height: 62px !important;
    object-fit: contain !important;
  }

  .mobile168-recommend-list strong {
    color: #333 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

  .mobile-draw-list,
  .lhc-list,
  .mobile168-page {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .hero-dashboard,
  .mobile-favorites,
  .lottery-workbench,
  .analytics-grid,
  .history-panel,
  .service-grid {
    display: none !important;
  }

  .lhc-list {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .lhc-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  .compact-balls {
    max-width: 100% !important;
    gap: 4px !important;
  }

  .compact-balls .sq {
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
    font-size: 18px !important;
  }

  .mobile168-page-table {
    width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
  }

  .mobile168-page-table th,
  .mobile168-page-table td {
    min-width: 0 !important;
    height: 44px !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .mobile168-page-table th:nth-child(1),
  .mobile168-page-table td:nth-child(1) {
    width: 38% !important;
  }

  .mobile168-page-table th:nth-child(2),
  .mobile168-page-table td:nth-child(2) {
    width: 40% !important;
  }

  .mobile168-page-table th:nth-child(3),
  .mobile168-page-table td:nth-child(3) {
    width: 22% !important;
  }
}

/* Phase 10: lock the shared shells to the captured 1689567 reference geometry. */
@media (min-width: 1021px) {
  body {
    min-width: var(--pc-canvas, 1200px) !important;
  }

  .pc8473-site {
    --pc8473-reference-width: var(--pc-canvas, 1200px);
  }

  .pc8473-container {
    width: var(--pc8473-reference-width) !important;
  }

  .pc8473-brand-inner {
    display: grid !important;
    grid-template-columns: 170px 1fr !important;
  }

  .pc8473-nav,
  .pc8473-nav .pc8473-container,
  .pc8473-nav-item > button {
    height: 50px !important;
  }

  .pc8473-nav-item:last-child {
    margin-left: auto;
  }

  .pc8473-nav-item > button {
    padding: 0 16px !important;
    font-size: 15px !important;
  }

  .pc8473-nav-item:last-child > button {
    width: 111px !important;
    padding: 0 !important;
  }

  .pc8473-hall-mega {
    top: 50px !important;
  }

  .pc8473-home-main {
    grid-template-columns: 865px 320px !important;
    padding-top: 16px !important;
  }

  .pc8473-news-panel {
    grid-template-columns: 530px 335px !important;
  }

  .pc8473-video-strip {
    height: 169px !important;
  }

  .pc8473-right {
    gap: 15px !important;
  }

  .pc8473-recommend {
    min-height: 500px !important;
    height: 500px !important;
    box-sizing: border-box !important;
  }

  .pc8473-rec-grid {
    grid-auto-rows: 80px !important;
    gap: 10px 12px !important;
  }

  .pc8473-rec-grid img,
  .pc8473-rec-grid .pc8473-fallback-icon {
    width: 54px !important;
    height: 54px !important;
    margin-bottom: 4px !important;
  }

  .pc8473-float {
    right: max(12px, calc((100vw - var(--pc-canvas, 1200px)) / 2 - 58px)) !important;
  }
}

@media (max-width: 1020px) {
  .mobile168-logo-row,
  .mobile168-logo-row > button {
    height: 48px !important;
  }

  .mobile-live-hero,
  .mobile-live-hero img {
    height: 187px !important;
    min-height: 187px !important;
  }

  .mobile-live-hero img {
    object-fit: cover !important;
  }
}

/* Phase 13: lock desktop typography, logo assets and colors to the live 1689567 pixels. */
@media (min-width: 1021px) {
  .pc8473-site {
    --pc8473-page-bg: #eeeeee;
    --pc8473-surface: #ffffff;
    --pc8473-orange: #ff7900;
    --pc8473-orange-active: #df6800;
    --pc8473-badge: #f11135;
    --pc8473-text: #222222;
    --pc8473-text-strong: #111111;
    --pc8473-text-body: #333333;
    --pc8473-text-muted: #999999;
    --pc8473-border: #eeeeee;
    color: var(--pc8473-text) !important;
    background: var(--pc8473-page-bg) !important;
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif !important;
  }

  .pc8473-site button,
  .pc8473-site input,
  .pc8473-site select,
  .pc8473-site textarea {
    font-family: inherit !important;
  }

  .pc8473-header,
  .pc8473-brand-row,
  .pc8473-news-panel,
  .pc8473-video-strip,
  .pc8473-recommend {
    background-color: var(--pc8473-surface) !important;
  }

  .pc8473-nav {
    background-color: var(--pc8473-orange) !important;
  }

  .pc8473-nav-item > button {
    color: var(--pc8473-surface) !important;
  }

  .pc8473-nav-item > button.active,
  .pc8473-nav-item > button:hover,
  .pc8473-nav-item:last-child > button {
    background-color: var(--pc8473-orange-active) !important;
  }

  .pc8473-nav em {
    color: var(--pc8473-surface) !important;
    background-color: var(--pc8473-badge) !important;
  }

  .pc8473-nav-item > button {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 50px !important;
  }

  .pc8473-favorite-bar h2 {
    color: #ff7b00 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
  }

  .pc8473-favorite-bar span {
    color: #8c8c8c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .pc8473-filter-tabs button {
    color: #333333 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 60px !important;
  }

  .pc8473-filter-tabs button.active {
    color: #ff7b00 !important;
  }

  .pc8473-draw-card {
    grid-template-columns: 145px minmax(0, 1fr) 180px !important;
  }

  .pc8473-card-icon {
    box-sizing: border-box;
    justify-content: start !important;
    padding-left: 40px;
  }

  .pc8473-card-icon img,
  .pc8473-current-icon img {
    width: 90px !important;
    height: 90px !important;
  }

  .pc8473-card-main h3 {
    margin-bottom: 10px !important;
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }

  .pc8473-card-main h3 strong {
    color: #ff7324 !important;
    font-weight: 400 !important;
  }

  .pc8473-card-main h3 small {
    color: #8c8c8c !important;
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .pc8473-pk-row span {
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }

  .pc8473-news-list h2,
  .pc8473-recommend h2 {
    color: var(--pc8473-text-strong) !important;
  }

  .pc8473-news-list p,
  .pc8473-rec-grid button {
    color: var(--pc8473-text-body) !important;
  }

  .pc8473-news-list h2 a {
    color: var(--pc8473-text-muted) !important;
  }
}

@media (max-width: 1020px) {
  .mobile168-notice {
    font-family: inherit !important;
  }
}

/* Phase 14: reproduce the original desktop draw-card anatomy and spacing. */
@media (min-width: 1021px) {
  .pc8473-home-main > .pc8473-left > .pc8473-filter-tabs {
    margin-top: 0;
  }

  .pc8473-home-main > .pc8473-right {
    position: static;
    align-self: start;
  }

  .pc8473-home-main .pc8473-recommend {
    position: relative;
    min-height: 400px !important;
    height: 400px !important;
    box-sizing: border-box;
    padding: 15px 20px 12px;
    transition: none;
  }

  .pc8473-home-main .pc8473-recommend.is-expanded {
    min-height: 485px !important;
    height: 485px !important;
  }

  .pc8473-home-main .pc8473-rec-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 82px !important;
    gap: 13px 12px !important;
    margin-top: 18px;
  }

  .pc8473-home-main .pc8473-rec-item {
    min-width: 0;
    display: block;
    padding: 0;
    color: #333;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }

  .pc8473-home-main .pc8473-rec-item[hidden] {
    display: none;
  }

  .pc8473-home-main .pc8473-rec-icon {
    width: 52px !important;
    height: 52px !important;
    display: block;
    box-sizing: border-box;
    margin: 0 auto 12px !important;
    border-radius: 50%;
    background: #f3f3f3;
    background-image: var(--pc8473-rec-icon);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44px 44px;
  }

  .pc8473-home-main .pc8473-rec-item[data-lot-code="10104"] .pc8473-rec-icon,
  .pc8473-home-main .pc8473-rec-item[data-lot-code="10010"] .pc8473-rec-icon {
    background-color: transparent;
    background-size: 70px 70px;
  }

  .pc8473-home-main .pc8473-rec-item span {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 21px;
    white-space: nowrap;
  }

  .pc8473-home-main .pc8473-rec-item:hover span,
  .pc8473-home-main .pc8473-rec-item:focus-visible span {
    color: #ff7900;
  }

  .pc8473-home-main .pc8473-rec-item:focus-visible,
  .pc8473-home-main .pc8473-rec-more:focus-visible {
    outline: 2px solid #ff7900;
    outline-offset: 2px;
  }

  .pc8473-home-main .pc8473-rec-more {
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 40px;
    height: 28px;
    margin: 0;
    padding: 0 !important;
    border: 0;
    color: #aaa;
    background: transparent;
    font-size: 15px !important;
    line-height: 28px;
    transform: translateX(-50%);
    cursor: pointer;
  }

  .pc8473-home-main .pc8473-rec-more[aria-disabled="true"] {
    cursor: default;
  }

  .pc8473-draw-list {
    box-sizing: border-box;
    padding: 20px 40px 0;
    background: #fff;
  }

  .pc8473-draw-card {
    min-height: 0;
    display: block !important;
    box-sizing: border-box;
    border: 0;
    color: #000;
    background: #fff;
  }

  .pc8473-draw-card:hover {
    background: #fff;
  }

  .pc8473-card-top {
    height: 94px;
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    column-gap: 15px;
    align-items: start;
  }

  .pc8473-card-icon {
    display: block;
    box-sizing: border-box;
    padding: 0 !important;
  }

  .pc8473-card-icon img,
  .pc8473-card-icon .pc8473-fallback-icon {
    width: 90px !important;
    height: 90px !important;
    object-fit: contain;
  }

  .pc8473-card-main {
    min-width: 0;
  }

  .pc8473-card-title {
    height: 46px;
    display: flex;
    align-items: flex-start;
    white-space: nowrap;
  }

  .pc8473-card-title h3,
  .pc8473-card-main h3 {
    flex: 0 0 auto;
    margin: 0 5px 10px 0 !important;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }

  .pc8473-card-title h3 strong,
  .pc8473-card-main h3 strong {
    color: #ff7324 !important;
    font-weight: 400 !important;
  }

  .pc8473-card-title small {
    overflow: hidden;
    margin-top: 0;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-overflow: ellipsis;
  }

  .pc8473-card-countdown {
    align-self: start;
    display: flex;
    justify-content: flex-end;
    margin-top: 46px;
    white-space: nowrap;
  }

  .pc8473-segmented-time {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 36px;
  }

  .pc8473-time-segment {
    width: 36px;
    height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 3px;
    color: #fff;
    background: #ff7b00;
    font-size: 14px;
    line-height: 36px;
  }

  .pc8473-segmented-time i {
    color: #000;
    font-size: 14px;
    font-style: normal;
    line-height: 36px;
  }

  .pc8473-countdown-state {
    color: #de0846;
    font-size: 14px;
    line-height: 36px;
  }

  .pc8473-mark-six-state {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    color: #888;
    font-size: 14px;
    line-height: 20px;
  }

  .pc8473-card-main p {
    margin: 7px 0 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
  }

  .pc8473-pk-row,
  .pc8473-round-row,
  .pc8473-equation,
  .pc8473-six-row,
  .pc8473-dice-row {
    gap: 5px;
  }

  .pc8473-pk-row span {
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }

  .pc8473-result-table {
    width: 100%;
    height: 69px;
    margin: 5px 0 0;
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: fixed;
    text-align: center;
    background: #e6e6e6;
  }

  .pc8473-result-table th,
  .pc8473-result-table td {
    height: 33px;
    box-sizing: border-box;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 33px;
    text-align: center !important;
  }

  .pc8473-result-table th {
    height: 32px;
    background: #f5f5f5;
    line-height: 32px;
  }

  .pc8473-result-table td {
    background: #fff;
  }

  .pc8473-card-actions {
    height: 38px;
    display: flex;
    box-sizing: border-box;
    align-items: stretch;
    justify-content: flex-end;
    margin: 0;
    padding-right: 8px;
  }

  .pc8473-card-actions button {
    width: 80px;
    height: 38px;
    padding: 0 0 0 24px;
    border: 0;
    color: #666;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    cursor: pointer;
  }

  .pc8473-card-actions button:hover {
    color: #ff7900;
  }

  .pc8473-card-pk10 {
    height: 206px;
    margin-bottom: 22px;
  }

  .pc8473-card-pk10 .pc8473-card-main {
    width: 405px;
  }

  .pc8473-card-pk10 .pc8473-card-countdown {
    width: 175px;
  }

  .pc8473-card-pk10 .pc8473-segmented-time {
    width: 112px;
    justify-content: space-between;
  }

  .pc8473-card-lhc {
    height: 189px;
    margin-bottom: 15px;
    padding: 0;
    border: 0;
    outline: 1px solid #d4d3d3;
  }

  .pc8473-card-lhc .pc8473-card-top {
    height: 144px;
  }

  .pc8473-card-lhc .pc8473-card-countdown {
    width: 227px;
  }

  .pc8473-card-lhc .pc8473-segmented-time {
    width: 227px;
    justify-content: space-between;
  }

  .pc8473-card-lhc .pc8473-card-actions {
    height: 45px;
    margin: 0;
    border-top: 1px solid transparent;
  }

  .pc8473-card-lhc .pc8473-card-actions button {
    height: 45px;
    line-height: 45px;
  }

  .pc8473-lhc-line {
    display: flex;
    align-items: center;
  }

  .pc8473-lhc-result {
    flex: 0 0 346px;
  }

  .pc8473-lhc-result > .pc8473-mark-six-state {
    min-height: 0;
    margin-top: -4px;
    line-height: 18px;
  }

  .pc8473-six-row.home {
    gap: 8px;
  }

  .pc8473-six-row.home span {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
  }

  .pc8473-six-row.home em {
    width: 30px;
    flex: 0 0 30px;
    color: #999;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
  }

  .pc8473-lhc-meta {
    height: 48px;
    display: flex;
    gap: 8px;
    margin: 7px 0;
    color: #333;
    font-size: 16px;
    line-height: 16px;
  }

  .pc8473-lhc-meta > span {
    width: 36px;
    flex: 0 0 36px;
    text-align: center;
  }

  .pc8473-lhc-meta > em {
    width: 30px;
    flex: 0 0 30px;
  }

  .pc8473-lhc-meta b,
  .pc8473-lhc-meta small {
    height: 24px;
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }

  .pc8473-lhc-sum {
    align-self: center;
    margin: -7px 0 0 8px;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
  }

  .pc8473-lhc-sum b {
    font-weight: 400;
  }

  .pc8473-card-standard {
    min-height: 168px;
  }

  .pc8473-card-standard .pc8473-card-title {
    height: 36px;
  }

  .pc8473-card-standard .pc8473-card-main p {
    height: 18px;
    margin: 0;
    line-height: 18px;
  }

  .pc8473-card-standard .pc8473-card-actions {
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
  }

  .pc8473-card-standard.pc8473-card-sport {
    min-height: 168px;
  }

  .pc8473-card-standard.pc8473-card-sport .pc8473-result-table {
    margin-top: 5px;
  }

  .pc8473-card-standard.pc8473-card-analysis {
    height: 206px;
    margin-bottom: 22px;
  }

  .pc8473-card-standard.pc8473-card-analysis .pc8473-result-table {
    margin-top: 5px;
  }

  .pc8473-card-standard.pc8473-card-analysis .pc8473-card-actions {
    height: 38px;
  }

  .pc8473-card-standard.pc8473-card-analysis .pc8473-card-actions:empty {
    visibility: hidden;
  }

  .pc8473-card-standard.pc8473-card-k3 {
    height: 168px;
  }

  .pc8473-result-table-ssc th:first-child {
    width: 42.857%;
  }

  .pc8473-card-standard .pc8473-round-row span,
  .pc8473-card-standard .pc8473-equation span,
  .pc8473-card-standard .pc8473-equation strong {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
  }

  /* 1689567 desktop draw-number sprite: keep each lottery family on its native face. */
  .pc8473-pk-row.home .pc8473-pk-nub {
    width: 36px !important;
    height: 36px !important;
    display: block;
    flex: 0 0 36px;
    border-radius: 0;
    color: #fff !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-number-sprite.png") !important;
    background-image: -webkit-image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x) !important;
    background-image: image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x) !important;
    background-repeat: no-repeat !important;
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    font-size: 20px !important;
    font-weight: 400 !important;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    line-height: 36px !important;
    text-align: center;
    text-shadow: none !important;
  }

  .pc8473-pk-row.home .pc8473-pk-nub-01 { background-position: -246px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-02 { background-position: -42px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-03 { background-position: -83px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-04 { background-position: -123px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-05 { background-position: -286px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-06 { background-position: -1px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-07 { background-position: -205px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-08 { background-position: -164px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-09 { background-position: -327px 0 !important; }
  .pc8473-pk-row.home .pc8473-pk-nub-10 { background-position: -368px 0 !important; }

  /* The original detail header and history table use the same baked PK10
     number faces as the home cards. Do not layer live text over the sprite:
     detail-result color helpers also use .red/.blue for 龙虎 cells. */
  .pc8473-pk-row.current .pc8473-pk-nub,
  .pc8473-pk-row.table .pc8473-pk-nub {
    display: block;
    border-radius: 0;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    text-shadow: none !important;
  }

  .pc8473-pk-row.current .pc8473-pk-nub-01,
  .pc8473-pk-row.table .pc8473-pk-nub-01 { background-position: -246px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-02,
  .pc8473-pk-row.table .pc8473-pk-nub-02 { background-position: -42px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-03,
  .pc8473-pk-row.table .pc8473-pk-nub-03 { background-position: -83px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-04,
  .pc8473-pk-row.table .pc8473-pk-nub-04 { background-position: -123px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-05,
  .pc8473-pk-row.table .pc8473-pk-nub-05 { background-position: -286px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-06,
  .pc8473-pk-row.table .pc8473-pk-nub-06 { background-position: -1px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-07,
  .pc8473-pk-row.table .pc8473-pk-nub-07 { background-position: -205px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-08,
  .pc8473-pk-row.table .pc8473-pk-nub-08 { background-position: -164px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-09,
  .pc8473-pk-row.table .pc8473-pk-nub-09 { background-position: -327px -284px !important; }
  .pc8473-pk-row.current .pc8473-pk-nub-10,
  .pc8473-pk-row.table .pc8473-pk-nub-10 { background-position: -368px -284px !important; }

  .pc8473-round-row.home .pc8473-original-ball,
  .pc8473-equation.home .pc8473-original-ball {
    width: 36px;
    height: 40px;
    display: block;
    flex: 0 0 36px;
    border-radius: 5px;
    color: #fff;
    background-color: transparent;
    background-image: url("./assets/pc9567-number-sprite.png");
    background-image: -webkit-image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x);
    background-image: image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x);
    background-repeat: no-repeat;
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    font-size: 20px;
    font-weight: 400;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    line-height: 36px;
    text-align: center;
    text-shadow: none;
  }

  .pc8473-round-row.home .pc8473-original-ball-blue,
  .pc8473-equation.home .pc8473-original-ball-blue {
    background-position: -1px -47px;
  }

  .pc8473-round-row.home .pc8473-original-ball-red,
  .pc8473-equation.home .pc8473-original-ball-red {
    background-position: -91px -49px;
  }

  .pc8473-round-row.home .pc8473-original-ball-green {
    height: 36px;
    border-radius: 50%;
    background: #25bf66;
  }

  .pc8473-round-row.home .pc8473-original-ball-orange {
    height: 36px;
    border-radius: 50%;
    background: #f39a1c;
  }

  /* Twenty-number home cards need two rows and their own ball faces. */
  .pc8473-card-twenty .pc8473-card-top {
    height: auto;
    min-height: 134px;
  }

  .pc8473-card-twenty .pc8473-number-family-happy8.home,
  .pc8473-card-twenty .pc8473-round-row.home > .pc8473-taiwan-number-grid {
    width: max-content;
    height: auto;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    gap: 5px;
  }

  .pc8473-card-twenty .pc8473-round-row.home:has(> .pc8473-taiwan-number-grid) {
    display: flex;
  }

  .pc8473-card-twenty .pc8473-round-row.home .pc8473-original-ball {
    height: 36px;
    border-radius: 50%;
    background: #0785c7;
  }

  .pc8473-card-twenty .pc8473-round-row.home .pc8473-original-ball-lightblue {
    background: #16a4d8;
  }

  .pc8473-card-twenty .pc8473-round-row.home .pc8473-original-ball-orange {
    background: #ff941f;
  }

  .pc8473-equation.home em {
    width: 20px;
    flex: 0 0 20px;
    color: #999;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
  }

  .pc8473-dice-row.home {
    gap: 5px;
  }

  .pc8473-dice-row.home .pc8473-dice {
    width: 36px;
    height: 40px;
    flex: 0 0 36px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: url("./assets/pc9567-number-sprite.png");
    background-image: -webkit-image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x);
    background-image: image-set(url("./assets/pc9567-number-sprite.png") 1x, url("./assets/pc9567-number-sprite@2x.png") 2x);
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .pc8473-dice-row.home .pc8473-dice i {
    display: none;
  }

  .pc8473-dice-row.home .pc8473-dice.dice-1 { background-position: -424px 0; }
  .pc8473-dice-row.home .pc8473-dice.dice-2 { background-position: -424px -43px; }
  .pc8473-dice-row.home .pc8473-dice.dice-3 { background-position: -424px -86px; }
  .pc8473-dice-row.home .pc8473-dice.dice-4 { background-position: -424px -129px; }
  .pc8473-dice-row.home .pc8473-dice.dice-5 { background-position: -424px -172px; }
  .pc8473-dice-row.home .pc8473-dice.dice-6 { background-position: -424px -215px; }

  .pc8473-six-row.home span {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
  }

  .pc8473-six-row.home .red { background: #f8223c; }
  .pc8473-six-row.home .green { background: #1fc26b; }
  .pc8473-six-row.home .blue { background: #0093e8; }

  .pc8473-round-row.home.pc8473-number-family-plain span {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    color: #fff;
    background: #f00;
    border-radius: 50%;
    font-size: 20px;
    line-height: 36px;
  }
}

@media (min-width: 1021px) {
  /* Final detail cascade lock; later homepage sprite rules must not resize detail pages. */
  .pc8473-detail-main {
    width: 1200px;
    padding-top: 20px;
  }

  .pc8473-current {
    width: 1200px;
    height: 142px;
    min-height: 142px;
    grid-template-columns: 130px 460px 370px 240px;
    align-items: stretch;
    border: 0;
  }

  .pc8473-current > * {
    min-height: 142px;
    box-sizing: border-box;
  }

  .pc8473-current-icon img {
    width: 90px !important;
    height: 90px !important;
  }

  .pc8473-current-numbers {
    display: block;
    padding: 20px 0 0 20px;
  }

  .pc8473-current-numbers h1 {
    height: 22px;
    gap: 7px;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
  }

  .pc8473-current-numbers h1 span,
  .pc8473-current-numbers h1 b {
    font-size: 14px;
    line-height: 22px;
  }

  .pc8473-current-numbers .pc8473-pk-row,
  .pc8473-current-numbers .pc8473-round-row,
  .pc8473-current-numbers .pc8473-equation,
  .pc8473-current-numbers .pc8473-six-row,
  .pc8473-current-numbers .pc8473-dice-row {
    min-height: 32px;
    gap: 10px;
    margin-top: 15px;
  }

  .pc8473-current-numbers .pc8473-pk-nub,
  .pc8473-current-numbers .pc8473-original-ball,
  .pc8473-current-numbers .pc8473-six-row span,
  .pc8473-current-numbers .pc8473-equation strong {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    font-size: 20px !important;
    line-height: 32px !important;
  }

  .pc8473-current-numbers .pc8473-dice {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
  }

  .pc8473-current-numbers p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 18px;
  }

  .pc8473-next {
    display: grid;
    align-content: center;
    justify-items: center;
    padding: 0;
  }

  .pc8473-next p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }

  .pc8473-next div {
    justify-content: center;
    gap: 6px;
  }

  .pc8473-sound {
    min-height: 108px;
    align-self: center;
    gap: 12px;
  }

  .pc8473-analysis {
    width: 1200px;
    min-height: 100px;
    align-content: flex-start;
    padding: 20px;
    border: 0;
    border-top: 2px solid #f0f0f0;
  }

  .pc8473-analysis button {
    height: 30px;
    padding: 0 10px;
    border-radius: 0;
    font-size: 14px;
    line-height: 30px;
  }

  .pc8473-analysis button.active {
    border-radius: 4px;
    background: #fa8e19;
  }

  .pc8473-record-panel {
    width: 1200px;
    margin-top: 15px;
    padding-bottom: 20px;
  }

  .pc8473-record-head {
    height: 54px;
    gap: 25px;
    padding: 0 20px;
  }

  .pc8473-record-head h2 {
    margin-right: 0;
    font-size: 18px;
    line-height: 54px;
  }

  .pc8473-record-head > button {
    height: 30px;
    padding: 0 16px;
    font-size: 14px;
  }

  .pc8473-table {
    width: var(--pc-content);
    margin: var(--pc-gutter);
    table-layout: fixed;
    font-family: var(--pc-font-family);
    font-size: var(--pc-font-size-14);
    line-height: 1;
  }

  .pc8473-table th,
  .pc8473-table td {
    height: 34px;
    padding: 0 4px;
    border-color: var(--pc-grid);
    box-sizing: border-box;
  }

  .pc8473-table th {
    height: 26px;
    background: #e7e7e7;
    font-size: 14px;
  }

  .pc8473-table th:first-child,
  .pc8473-table td:first-child {
    width: 205px;
  }

  .pc8473-table th:nth-child(2),
  .pc8473-table td:nth-child(2) {
    width: 110px;
  }

  .pc8473-table .pc8473-number-heading {
    width: 470px;
    padding: 0;
  }

  .pc8473-table .pc8473-pk-row,
  .pc8473-table .pc8473-round-row,
  .pc8473-table .pc8473-equation,
  .pc8473-table .pc8473-six-row,
  .pc8473-table .pc8473-dice-row {
    min-height: 32px;
    gap: 3px;
    justify-content: center;
  }

  .pc8473-table .pc8473-pk-nub,
  .pc8473-table .pc8473-original-ball,
  .pc8473-table .pc8473-six-row span,
  .pc8473-table .pc8473-equation strong {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    font-size: 18px !important;
    line-height: 32px !important;
  }

  .pc8473-table .pc8473-dice {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
  }

  .pc8473-table-pk10 {
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 1px;
    background: #d4d4d4;
  }

  .pc8473-table-pk10 th,
  .pc8473-table-pk10 td {
    padding: 0 7px;
    border: 0;
    box-sizing: content-box;
  }

  .pc8473-table-pk10 th:nth-child(n),
  .pc8473-table-pk10 td:nth-child(n) {
    width: auto;
  }

  .pc8473-table-pk10 th {
    height: 42px;
    font-size: 16px;
  }

  .pc8473-table-pk10 td {
    height: 35px;
    background: #fff;
  }

  .pc8473-table-pk10 tbody tr:nth-child(odd) td {
    background: #ededed;
  }

  .pc8473-table-pk10 th:first-child,
  .pc8473-table-pk10 td:first-child {
    width: 192.46875px;
  }

  .pc8473-table-pk10 th:nth-child(2),
  .pc8473-table-pk10 td:nth-child(2) {
    width: 95.390625px;
  }

  .pc8473-table-pk10 th.pc8473-number-heading {
    width: 470px;
    padding: 0 7px;
  }

  .pc8473-table-pk10 tbody td:nth-child(3) {
    vertical-align: top;
  }

  .pc8473-table-pk10[data-number-mode="number"] [data-number-view="number"] {
    display: inline-flex;
    margin-top: 1px;
    vertical-align: baseline;
  }

  .pc8473-table-pk10 [data-number-view="number"] > .pc8473-pk-row.table {
    display: contents;
  }

  .pc8473-table-pk10 .pc8473-pk-row.table {
    gap: 0;
  }

  .pc8473-table-pk10 .pc8473-pk-row.table .pc8473-pk-nub {
    margin-right: 3px;
  }

  .pc8473-table-pk10 .pc8473-pk-row.table .pc8473-pk-nub:last-child {
    margin-right: 0;
  }

  .pc8473-table-pk10 .pc8473-number-mode-buttons {
    gap: 10px;
    transform: translateX(-5px);
  }

  .pc8473-table-pk10[data-number-mode="size"] [data-number-view="size"],
  .pc8473-table-pk10[data-number-mode="parity"] [data-number-view="parity"] {
    margin-top: 1px;
  }

  .pc8473-table-pk10 .pc8473-table-number-modes [data-number-view="size"] b,
  .pc8473-table-pk10 .pc8473-table-number-modes [data-number-view="parity"] b {
    width: 32px;
    height: 32px;
    display: block;
    flex: 0 0 32px;
    border-radius: 4px;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png");
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 32px;
    text-shadow: none;
  }

  .pc8473-table-pk10 [data-number-view="size"] b.red {
    background-position: 0 -237px;
  }

  .pc8473-table-pk10 [data-number-view="size"] b.blue {
    background-position: -40px -237px;
  }

  .pc8473-table-pk10 [data-number-view="parity"] b.red {
    background-position: -80px -237px;
  }

  .pc8473-table-pk10 [data-number-view="parity"] b.blue {
    background-position: -120px -237px;
  }

  .pc8473-detail-family-pk10 {
    padding-top: 50px;
  }

  .pc8473-detail-family-pk10 .pc8473-current {
    grid-template-columns: 131px 461px 368px 240px;
  }

  .pc8473-detail-family-pk10 .pc8473-current-numbers {
    align-content: normal;
  }

  .pc8473-detail-family-pk10 .pc8473-current-numbers h1,
  .pc8473-detail-family-pk10 .pc8473-current-numbers h1 span,
  .pc8473-detail-family-pk10 .pc8473-current-numbers h1 b {
    height: 18px;
    line-height: 18px;
  }

  .pc8473-detail-family-pk10 .pc8473-analysis-pk10 {
    margin-top: 2px;
    height: 100px;
    box-sizing: border-box;
    padding: 17px 21px 23px 19px;
  }

  .pc8473-record-family-pk10 .pc8473-table-pk10 {
    margin-top: 22px;
  }
}

/* Desktop simple mode follows the reference's compact, nav-only shell. */
@media (min-width: 1021px) {
  .pc8473-simple-site .pc8473-topbar,
  .pc8473-simple-site .pc8473-brand-row {
    display: none !important;
  }

  .pc8473-simple-site .pc8473-nav,
  .pc8473-simple-site .pc8473-nav .pc8473-container,
  .pc8473-simple-site .pc8473-nav-item > button {
    height: 37px !important;
  }

  .pc8473-simple-site .pc8473-nav-item > button {
    line-height: 37px !important;
  }

  .pc8473-simple-site .pc8473-hall-mega {
    top: 37px !important;
  }
}

/* Desktop auxiliary-page geometry measured from the live reference. */
@media (min-width: 1021px) {
  .pc8473-dragon-page .pc8473-page-title {
    height: 51px;
    margin-top: 20px;
    padding: 0 30px;
    border-top: 0;
  }

  .pc8473-dragon-page .pc8473-page-title h1 {
    font-size: 18px;
    font-weight: 400;
  }

  .pc8473-dragon-page .pc8473-page-layout {
    grid-template-columns: 189px 919px;
    gap: 30px;
    padding: 20px 30px;
  }

  .pc8473-dragon-side > div {
    position: relative;
    height: 60px;
    display: block;
    padding: 0;
    font-size: 14px;
  }

  .pc8473-dragon-side > div strong {
    width: 64px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 19px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
  }

  .pc8473-dragon-side > div button {
    width: 28px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 102.5px;
    min-height: 0;
    padding: 0;
    border: 0;
    color: #333;
    background: transparent;
    line-height: 60px;
  }

  .pc8473-dragon-side > div button:last-child {
    left: 140px;
  }

  .pc8473-dragon-side h2 {
    position: relative;
    height: 50px;
    padding: 0 19px;
    font-size: 16px;
    font-weight: 400;
  }

  .pc8473-dragon-side h2 span {
    width: 20px;
    height: 12px;
    position: absolute;
    top: 20px;
    left: 93px;
    background: url("./assets/pc9567-bottom.png") no-repeat 0 0;
    font-size: 0;
  }

  .pc8473-dragon-side label {
    width: 150px;
    min-height: 30px;
    height: 30px;
    margin: 0 0 10px 19px;
    padding: 0;
    gap: 24px;
    color: #222;
    font-size: 14px;
    line-height: 30px;
  }

  .pc8473-dragon-side input {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 2px 0 0;
    appearance: none;
    border: 1px solid #ccc;
    background: #fff;
  }

  .pc8473-dragon-side input:checked {
    border: 0;
    background: url("./assets/pc9567-number-sprite.png") no-repeat -199px -249px;
  }

  .pc8473-dragon-toolbar {
    position: relative;
    height: 50px;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    border: 0;
    background: #f1f1f1;
  }

  .pc8473-dragon-toolbar button {
    width: 100px;
    height: 40px;
    margin: 10px 0 0 10px;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 40px;
  }

  .pc8473-dragon-toolbar button.active {
    color: #e67800;
    border-color: transparent;
    background: #fff;
  }

  .pc8473-dragon-toolbar button:not(.active) {
    color: #000;
    background: #f0f0f0;
  }

  .pc8473-dragon-toolbar span:first-of-type {
    width: auto;
    position: absolute;
    top: 0;
    left: 705.21875px;
    margin: 0;
    line-height: 50px;
  }

  .pc8473-dragon-toolbar select {
    width: 50px;
    height: 20px;
    position: absolute;
    top: 15.5px;
    left: 751.109375px;
  }

  .pc8473-dragon-toolbar span:last-child {
    position: absolute;
    top: 0;
    left: 801.109375px;
    margin: 0;
    line-height: 50px;
  }

  .pc8473-dragon-table th {
    height: 50px;
    padding: 0;
    border: 0;
    box-sizing: content-box;
    color: #000;
    background: #fff;
    font-weight: 400;
  }

  .pc8473-dragon-table {
    width: 919px;
    margin-top: 20px;
    border-collapse: separate;
    border-spacing: 1px;
    color: #000;
    background: #e7e7e7;
    font-size: 14px;
  }

  .pc8473-dragon-table td {
    height: 40px;
    padding: 0;
    border: 0;
    box-sizing: content-box;
    color: #000;
    background: #fff;
  }

  .pc8473-dragon-table th:first-child { width: 222px; }
  .pc8473-dragon-table th:nth-child(2) { width: 421px; }
  .pc8473-dragon-table th:nth-child(3) { width: 120px; }
  .pc8473-dragon-table th:nth-child(4) { width: 50px; }
  .pc8473-dragon-table th:nth-child(5) { width: 100px; }

  .pc8473-dragon-table button {
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    color: #333;
    background: transparent;
  }

  .pc8473-trend-page {
    padding-top: 20px;
  }

  .pc8473-trend-page > .pc8473-page-tabs {
    height: 50px;
    box-sizing: border-box;
    padding-left: 20px;
    margin-bottom: 15px;
    border-bottom: 0;
  }

  .pc8473-trend-page > .pc8473-page-tabs button {
    min-width: 70px;
    width: 70px;
    flex: 0 0 70px;
    margin-right: 30px;
    padding: 0;
    height: 50px;
    color: #333;
    text-align: left;
  }

  .pc8473-trend-page > .pc8473-page-tabs button.active::after {
    display: none;
  }

  .pc8473-trend-page > .pc8473-page-tabs button.active {
    color: #ff6600;
    font-weight: 800;
  }

  .pc8473-trend-chart {
    height: 321px;
    min-height: 0;
    box-sizing: content-box;
    padding: 0 20px 20px;
    border: 0;
  }

  .pc8473-trend-lottery-tabs {
    height: 51px;
    min-height: 51px;
  }

  .pc8473-trend-rank-tabs {
    height: 50px;
    min-height: 50px;
  }

  .pc8473-trend-lottery-tabs,
  .pc8473-trend-rank-tabs {
    align-items: stretch;
    gap: 0;
  }

  .pc8473-trend-lottery-tabs button,
  .pc8473-trend-rank-tabs button {
    height: 50px;
    flex: 0 0 auto;
    padding: 0;
    margin: 0 30px 0 0;
    font-size: 14px;
    line-height: 50px;
    text-align: left;
  }

  .pc8473-trend-lottery-tabs button {
    margin-right: 21px;
  }

  .pc8473-trend-lottery-tabs button:first-child {
    width: 48.234375px;
    flex-basis: 48.234375px;
  }

  .pc8473-trend-lottery-tabs button:nth-child(4) {
    width: 71.578125px;
    flex-basis: 71.578125px;
  }

  .pc8473-trend-lottery-tabs button.active::after {
    width: 55%;
    bottom: -2px;
    background: #ff6600;
  }

  .pc8473-trend-lottery-tabs button.active,
  .pc8473-trend-rank-tabs button.active {
    color: #ff6600;
  }

  .pc8473-trend-chart svg {
    height: 240px;
    margin-top: 0;
  }

  .pc8473-trend-grid {
    column-gap: 16px;
    row-gap: 15px;
    margin-top: 15px;
  }

  .pc8473-trend-grid article {
    grid-template-columns: 104px 431px;
    gap: 0;
    height: 160px;
    min-height: 160px;
    box-sizing: border-box;
    padding: 0 20px;
  }

  .pc8473-trend-grid article > div {
    height: 160px;
    gap: 10px;
  }

  .pc8473-trend-grid article > div strong {
    width: 104px;
    color: #333;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
  }

  .pc8473-trend-grid article > div img {
    width: 104px;
    height: 104px;
    padding: 20px;
  }

  .pc8473-trend-grid p {
    width: 431px;
    height: 155px;
    box-sizing: border-box;
    align-content: flex-start;
    gap: 11.296875px 19px;
    padding: 36.296875px 20px 0;
  }

  .pc8473-trend-grid button {
    height: 14px;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    color: #666;
  }

  .pc8473-table:not(.pc8473-table-pk10) {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 1px;
    background: #d4d4d4;
  }

  .pc8473-table:not(.pc8473-table-pk10) th:nth-child(n),
  .pc8473-table:not(.pc8473-table-pk10) td:nth-child(n),
  .pc8473-table:not(.pc8473-table-pk10) .pc8473-number-heading {
    width: auto !important;
  }

  .pc8473-table:not(.pc8473-table-pk10) th {
    height: 42px;
    padding: 0;
    border: 0;
    box-sizing: content-box;
    background: #e7e7e7;
    font-size: 16px;
    font-weight: 400;
  }

  .pc8473-table:not(.pc8473-table-pk10) td {
    height: 40px;
    padding: 0;
    border: 0;
    box-sizing: content-box;
    background: #fff;
  }

  .pc8473-table:not(.pc8473-table-pk10) tbody tr:nth-child(even) td {
    background: #ededed;
  }

  .pc8473-table:not(.pc8473-table-pk10).pc8473-table-ssc td { height: 42px; }
  .pc8473-table-ssc .pc8473-round-row.table { gap: 4px; }

  .pc8473-table-eleven .pc8473-round-row.table {
    gap: 12px;
    transform: translateX(-1px);
  }
  .pc8473-table-happy .pc8473-round-row.table { gap: 8px; }
  .pc8473-table-k3 .pc8473-dice-row.table {
    gap: 25px;
    transform: translateX(-3px);
  }

  .pc8473-table:not(.pc8473-table-pk10) .pc8473-round-row.table .pc8473-original-ball,
  .pc8473-table:not(.pc8473-table-pk10) .pc8473-equation.table .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    box-sizing: border-box;
    border: 1px solid #009be9;
    border-radius: 50%;
    color: #111;
    background: #fff !important;
    font-size: 18px !important;
    line-height: 34px !important;
  }

  .pc8473-table:not(.pc8473-table-pk10) .pc8473-original-ball-red {
    border-color: #f02534 !important;
  }

  .pc8473-table:not(.pc8473-table-pk10) .pc8473-dice-row.table .pc8473-dice {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
  }

  .pc8473-table:not(.pc8473-table-pk10) .pc8473-six-row.table {
    gap: 8px;
  }

  .pc8473-table:not(.pc8473-table-pk10) .pc8473-six-row.table span {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .pc8473-current-numbers .pc8473-round-row.current {
    gap: 20px;
  }

  .pc8473-current-numbers .pc8473-round-row.current .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .pc8473-current-numbers .pc8473-dice-row.current .pc8473-dice {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
  }

  .pc8473-current-numbers .pc8473-six-row.current {
    gap: 8px;
  }

  .pc8473-current-numbers .pc8473-six-row.current span,
  .pc8473-current-numbers .pc8473-equation.current .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    font-size: 20px !important;
    line-height: 36px !important;
  }

  .pc8473-pc28-number-label {
    width: 80px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border-radius: 4px;
    color: #fff;
    background: #b9b9b9;
    font-size: 12px;
    line-height: 26px;
  }

  .pc8473-detail-family-pc28 .pc8473-analysis {
    min-height: 74px;
    height: 74px;
  }

  .pc8473-record-family-pc28 .pc8473-record-head {
    height: 40px;
  }

  .pc8473-record-family-pc28 .pc8473-record-head h2 {
    line-height: 40px;
  }

  .pc8473-record-family-pc28 .pc8473-table {
    margin-top: 0;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current {
    height: 181px;
    min-height: 181px;
    grid-template-columns: 120px 533px 307px 240px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers {
    align-content: normal;
    padding: 20px 0 0 16px;
    position: relative;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers p {
    margin-top: 14px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-draw-count,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-remaining-count {
    margin: 0 5px;
  }

  .pc8473-current-numbers .pc8473-number-family-happy8.current {
    width: 459px;
    height: 79px;
    min-height: 79px !important;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-template-rows: repeat(2, 36px);
    column-gap: 11px;
    row-gap: 7px;
    align-items: start;
    margin-top: 20px !important;
  }

  .pc8473-current[data-lot-code="10073"] .pc8473-number-family-happy8.current {
    margin-top: 12px !important;
  }

  .pc8473-current-numbers .pc8473-number-family-taiwan.current {
    width: 506px;
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
    column-gap: 11px;
    row-gap: 0;
  }

  .pc8473-number-family-taiwan.current .pc8473-taiwan-number-grid {
    width: 459px;
    height: 79px;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-template-rows: repeat(2, 36px);
    column-gap: 11px;
    row-gap: 7px;
  }

  .pc8473-number-family-taiwan .pc8473-taiwan-number-grid {
    color: inherit !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: inherit !important;
    line-height: normal !important;
  }

  .pc8473-number-family-taiwan.current .pc8473-taiwan-last-number {
    align-self: end;
  }

  .pc8473-number-family-happy8.current .pc8473-original-ball-lightblue {
    background: #16a4d8 !important;
  }

  .pc8473-number-family-happy8.current .pc8473-original-ball-blue {
    background: #0785c7 !important;
  }

  .pc8473-number-family-happy8.current .pc8473-original-ball-orange {
    color: #fff !important;
    background: #ff941f !important;
  }

  .pc8473-taiwan-order-buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }

  .pc8473-taiwan-order-buttons button {
    height: 26px;
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #bbb;
    font-size: 12px;
    line-height: 26px;
  }

  .pc8473-taiwan-order-buttons button.active {
    background: #4b4b59;
  }

  .pc8473-record-history-only {
    margin-left: auto;
  }

  .pc8473-current-numbers > .pc8473-taiwan-order-buttons.compact {
    position: absolute;
    top: 20px;
    right: 12px;
  }

  .pc8473-current-numbers > .pc8473-taiwan-order-buttons.compact button {
    min-width: 42px;
    padding: 0 8px;
  }

  .pc8473-table-twenty-number td {
    height: 96px !important;
  }

  .pc8473-table-twenty-number[data-number-mode="number"] [data-number-view="number"] {
    width: 100%;
    height: 96px;
  }

  .pc8473-table-twenty-number .pc8473-round-row.table {
    width: 530px;
    height: 96px;
    min-height: 96px;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-template-rows: repeat(2, 36px);
    gap: 12px;
    box-sizing: border-box;
    align-items: start;
    justify-content: start;
    padding: 6px;
    transform: none;
  }

  .pc8473-table-twenty-number .pc8473-number-family-taiwan.table {
    display: flex;
    grid-template-columns: none;
    grid-template-rows: none;
    gap: 12px;
  }

  .pc8473-table-twenty-number .pc8473-number-family-taiwan.table .pc8473-taiwan-number-grid {
    width: 468px;
    height: 84px;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-template-rows: repeat(2, 36px);
    gap: 12px;
  }

  .pc8473-table-twenty-number .pc8473-number-family-taiwan.table .pc8473-taiwan-last-number {
    align-self: end;
  }

  .pc8473-table-twenty-number .pc8473-original-ball-lightblue {
    border-color: #7ad8ff !important;
    color: #009ecf !important;
  }

  .pc8473-table-twenty-number .pc8473-original-ball-blue {
    border-color: #008ee9 !important;
    color: #153246 !important;
  }

  .pc8473-table-twenty-number .pc8473-original-ball-orange {
    border-color: #ff9a3c !important;
    color: #ff941f !important;
  }

  /* 快乐8、极速快乐8、SG快乐8和台湾宾果详情页共享原站的紧凑纵向骨架。 */
  .pc8473-detail-number-family-happy8 {
    padding-top: 50px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current {
    height: 180px;
    min-height: 180px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-analysis {
    height: 50px;
    min-height: 50px;
    margin-top: 2px;
    padding: 10px 20px;
    border-top: 0;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-analysis > a[data-pc-analysis] {
    height: 30px;
    display: inline-block;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    color: #333;
    background: transparent;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
  }

  .pc8473-detail-number-family-happy8 .pc8473-analysis > a[data-pc-analysis].active {
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-panel {
    /* Match the live record table's one-pixel separation from the analysis strip. */
    margin-top: 21px;
    padding-bottom: 30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-head {
    position: relative;
    height: 42px;
    border-bottom: 0;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-head::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    height: 2px;
    background: #e7e7e7;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-head h2 {
    width: 74px;
    height: 38px;
    flex: 0 0 74px;
    align-self: flex-start;
    box-sizing: border-box;
    border: 1px solid transparent;
    color: #555;
    font-size: 18px;
    font-weight: 800;
    line-height: 36px;
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-preferences > button {
    width: 112px;
    height: 32px;
    margin-left: 0;
    line-height: 30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number {
    margin-top: 22px;
    color: #555;
    box-sizing: border-box;
  }

  /* `pc9567-detail-number-sprite.png` is byte-identical to the live
     reference's bjpknum2.png. Keep its native faces and text metrics. */
  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8.current .pc8473-original-ball {
    display: block !important;
    border: 0 !important;
    border-radius: 5px;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    text-align: center !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8:is(.current, .table) .pc8473-original-ball > i {
    display: block;
    font: inherit;
    font-style: normal;
    line-height: inherit;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8.table .pc8473-original-ball > i {
    display: inline;
    font-weight: 600;
  }

  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8.current .pc8473-original-ball-lightblue {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -356px -325px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8.current .pc8473-original-ball-blue {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -394px -325px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-number-family-happy8.current .pc8473-original-ball-orange {
    color: #fff !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -432px -325px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-original-ball {
    border: 0 !important;
    border-radius: 4px;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-original-ball-lightblue {
    border: 0 !important;
    color: #0b84ad !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -199px -373px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-original-ball-blue {
    border: 0 !important;
    color: #012537 !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -245px -373px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-original-ball-orange {
    border: 0 !important;
    color: #f9982e !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -291px -373px !important;
  }
}

/*
 * Mobile reference contract (1689567 screenshots, 390-430 CSS pixels).
 * The mobile shell is intentionally independent from the desktop clone:
 * no APP strip, campaign banner, drawer, or drawer trigger.
 */
@media (max-width: 1020px) {
  html {
    min-width: 320px;
    overflow-x: hidden;
    background: #f3f2f7;
  }

  body {
    min-width: 320px;
    overflow-x: hidden;
    padding: 0 0 calc(60px + env(safe-area-inset-bottom, 0px));
    color: #292929;
    background: #f3f2f7;
    font-family: Georgia, "Times New Roman", "Songti SC", STSong, SimSun, serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
  }

  .site-header,
  .mobile168-header,
  .mobile168-logo-row,
  .mobile168-notice,
  .mobile-live-hero,
  .six-menu,
  #menuButton {
    display: none !important;
  }

  body > main,
  .mobile-original-home,
  .mobile-detail {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .mobile-original-home {
    min-height: calc(100vh - 60px);
    background: #f3f2f7;
  }

  .mobile-draw-list.lhc-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 10px 10px 18px;
    background: #f3f2f7;
  }

  .mobile-draw-list .lhc-card {
    box-sizing: border-box;
    width: 100%;
    min-height: 109px;
    margin: 0;
    padding: 14px 15px 10px;
    overflow: hidden;
    border: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: none;
  }

  .mobile-draw-list .lhc-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin-bottom: 13px;
  }

  .mobile-draw-list .lhc-title-line {
    display: flex;
    align-items: baseline;
    min-width: 0;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-title-line h2 {
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #252525;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    text-overflow: ellipsis;
  }

  .mobile-draw-list .lhc-title-line small {
    flex: 0 0 auto;
    margin-left: 6px;
    color: #555;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
  }

  .mobile-draw-list .lhc-countdown {
    display: flex;
    flex: 0 0 auto;
    align-items: baseline;
    gap: 3px;
    color: #555;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-countdown strong {
    color: #e21c2a;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .02em;
  }

  .mobile-draw-list .quick-number-row,
  .mobile-draw-list .square-balls,
  .mobile-draw-list .compact-balls,
  .mobile-draw-list .pc28-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    margin: 0 0 8px;
    overflow: hidden;
  }

  .mobile-draw-list .compact-balls .sq,
  .mobile-draw-list .square-balls .sq,
  .mobile-draw-list .quick-number {
    display: inline-flex;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 0;
    border-radius: 50% !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    box-shadow: none;
  }

  .mobile-draw-list .mark-six-row .quick-number,
  .mobile-draw-list .pc28-row .quick-number {
    flex-basis: 29px;
    width: 29px;
    height: 29px;
    font-size: 16px;
    line-height: 29px;
  }

  .mobile-draw-list .quick-tags,
  .mobile-draw-list .lhc-summary {
    margin: 0;
    color: #5a5a5a;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    white-space: nowrap;
  }

  .mobile-draw-list .data-truth-empty {
    min-height: 54px;
  }

  .bottom-nav.mobile-only {
    position: fixed;
    z-index: 60;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    height: calc(60px + env(safe-area-inset-bottom, 0px));
    margin: 0;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #ececec;
    background: rgba(255, 255, 255, .98);
    box-shadow: none;
  }

  .bottom-nav.mobile-only a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 60px;
    padding: 0;
    color: #999;
    text-decoration: none;
  }

  .bottom-nav.mobile-only a svg {
    width: 24px;
    height: 24px;
    stroke-width: 1.45;
  }

  .bottom-nav.mobile-only a.active {
    color: #ff8b15;
  }

  .bottom-nav.mobile-only a span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .mobile-detail {
    min-height: calc(100vh - 60px);
    background: #f3f2f7;
  }

  .mobile168-page {
    min-height: calc(100vh - 60px);
    margin: 0;
    padding: 0;
    background: #fbfbfb;
  }

  .mobile168-page-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    width: 100%;
    height: 58px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ededed;
    background: #fff;
  }

  .mobile168-page-header h1 {
    margin: 0;
    color: #222;
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 58px;
    text-align: center;
  }

  .mobile168-page-header button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 58px;
    padding: 0;
    border: 0;
    color: #444;
    background: transparent;
  }

  .mobile168-page-header button svg {
    width: 22px;
    height: 22px;
  }

  .mobile168-page-header-plain {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }

  .mobile168-catalog {
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - 118px);
    padding: 8px 12px 24px;
    background: #fbfbfb;
  }

  .mobile168-catalog-group {
    margin: 0 0 23px;
    padding: 0;
  }

  .mobile168-catalog-group h2 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 14px;
    margin: 0 0 14px;
    color: #222;
    font-family: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
  }

  .mobile168-catalog-group h2::before,
  .mobile168-catalog-group h2::after {
    height: 1px;
    content: "";
    background: #eeeeee;
  }

  .mobile168-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 10px;
  }

  .mobile168-catalog-grid button {
    display: flex;
    min-width: 0;
    height: 66px;
    padding: 8px 4px 6px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    color: #222;
    background: #fff;
    box-shadow: none;
  }

  .mobile168-catalog-grid button strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #222;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile168-catalog-grid button span {
    display: block;
    margin-top: 2px;
    color: #e78b1d;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .mobile168-more-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 12px 24px;
  }

  .mobile168-more-grid button {
    height: 58px;
    border: 0;
    border-radius: 0;
    color: #333;
    background: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
  }

  .six-menu-spacer {
    display: block;
    width: 42px;
    height: 42px;
  }
}

/*
 * Phase 17 mobile origin lock.
 * Values below were measured on m.1689567.com at a 390px CSS viewport. The
 * original mobile stylesheet scales from a 375px design width, so geometry is
 * expressed in vw instead of mixing fixed desktop pixels and serif fallbacks.
 */
@media (max-width: 1020px) {
  html,
  body,
  button,
  input,
  select,
  textarea {
    font-family: "microsoft yahei" !important;
    text-rendering: auto;
    -webkit-font-smoothing: auto;
  }

  body {
    padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    color: #333;
    background: #efeff4 !important;
  }

  .mobile-original-home[hidden],
  .mobile-detail-page[hidden] {
    display: none !important;
  }

  .mobile-original-home {
    min-height: 0 !important;
    background: #efeff4 !important;
  }

  .mobile168-header {
    display: block !important;
    width: 100%;
    background: #fff !important;
  }

  .mobile168-logo-row {
    box-sizing: content-box;
    display: grid !important;
    grid-template-columns: 11.7333vw minmax(0, 1fr) 11.7333vw !important;
    align-items: center !important;
    width: 100%;
    height: 11.7333vw !important;
    min-height: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: #fff !important;
  }

  .mobile168-logo-spacer {
    display: block;
    width: 11.7333vw;
    height: 11.7333vw;
  }

  .mobile168-logo-row > a[aria-label="168开奖网首页"] {
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    width: auto !important;
    height: 11.7333vw !important;
    margin: 0 !important;
  }

  .mobile168-logo-row > a[aria-label="168开奖网首页"] img {
    display: block !important;
    width: auto !important;
    height: 8vw !important;
  }

  .mobile168-logo-row .mobile168-pc-mode {
    box-sizing: border-box;
    display: grid !important;
    place-items: center !important;
    justify-self: stretch !important;
    width: 11.7333vw !important;
    height: 11.7333vw !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #999 !important;
    text-decoration: none;
  }

  .mobile168-logo-row .mobile168-pc-mode svg {
    width: 8vw !important;
    height: 6.6667vw !important;
    stroke-width: 1.5 !important;
  }

  .mobile-draw-list.lhc-list {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.6667vw !important;
    width: 100%;
    margin: 0;
    padding: 2.6667vw 2.6667vw 2.6667vw !important;
    background: #efeff4 !important;
  }

  .mobile-draw-list .lhc-card {
    box-sizing: border-box;
    width: 100%;
    height: 28vw;
    min-height: 28vw !important;
    margin: 0;
    padding: 4vw 4vw 0 !important;
    overflow: visible;
    border: 0;
    border-radius: 1.0667vw !important;
    color: #666 !important;
    background: #fff !important;
    box-shadow: none !important;
    font-family: "microsoft yahei" !important;
    font-size: 3.2vw;
    font-weight: 400;
  }

  .mobile-draw-list .mark-six-card {
    height: 41.6vw;
    min-height: 41.6vw !important;
  }

  .mobile-draw-list .lhc-head,
  .mobile-draw-list .quick-card .lhc-head,
  .mobile-draw-list .mark-six-card .lhc-head {
    display: flex;
    align-items: baseline !important;
    justify-content: space-between;
    gap: 2.6667vw !important;
    width: 100%;
    height: 5.641vw;
    margin: 0 0 2.6667vw !important;
  }

  .mobile-draw-list .lhc-title-line {
    display: flex;
    flex: 0 1 auto;
    align-items: baseline;
    min-width: 0;
    gap: 0 !important;
    overflow: visible;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-title-line h2,
  .mobile-draw-list .lhc-head h2 {
    flex: 0 0 auto;
    max-width: none;
    margin: 0 1.3333vw 0 0;
    overflow: visible;
    color: #333 !important;
    font-family: inherit !important;
    font-size: 4.2667vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-overflow: clip;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-title-line small,
  .mobile-draw-list .lhc-head small {
    flex: 0 0 auto;
    margin: 0 !important;
    overflow: visible;
    color: #666 !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-overflow: clip;
    white-space: nowrap !important;
  }

  .mobile-draw-list .lhc-countdown,
  .mobile-draw-list .lhc-countdown.long-time {
    display: block;
    flex: 0 0 auto;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: auto;
    color: #666 !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-weight: 400;
    line-height: normal !important;
    text-align: right;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-countdown span,
  .mobile-draw-list .lhc-countdown strong {
    display: inline;
  }

  .mobile-draw-list .lhc-countdown strong {
    margin-left: .6667vw;
    color: #f1010a !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
  }

  .mobile-draw-list .quick-number-row {
    display: flex;
    align-items: flex-start;
    gap: 2.5067vw !important;
    min-height: 6.9333vw !important;
    height: 6.9333vw;
    margin: 0 0 3.7333vw !important;
    overflow: visible;
  }

  .mobile-draw-list .quick-number-row .round-ball {
    display: block;
    flex: 0 0 6.9333vw !important;
    width: 6.9333vw !important;
    height: 6.9333vw !important;
    padding: 0;
    border: 0;
    border-radius: 50% !important;
    color: #fff !important;
    background: #0092dd !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 4.5333vw !important;
    font-weight: 400 !important;
    line-height: 6.9333vw !important;
    text-align: center;
  }

  .mobile-draw-list .square-balls,
  .mobile-draw-list .compact-balls {
    display: flex;
    align-items: flex-start;
    gap: 2.5067vw !important;
    width: 100%;
    height: 6.4vw;
    min-height: 6.4vw !important;
    margin: 0 0 3.7333vw !important;
    overflow: visible;
  }

  .mobile-draw-list .compact-balls .sq {
    display: block;
    flex: 0 0 6.4vw !important;
    width: 6.4vw !important;
    height: 6.4vw !important;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-mobile-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    background-size: 106.6667vw auto !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-shadow: none !important;
  }

  .mobile-draw-list .compact-balls .pk10-mobile-nub-01 { background-position: -2.6667vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-02 { background-position: -11.68vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-03 { background-position: -20.7467vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-04 { background-position: -29.8133vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-05 { background-position: -39.1467vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-06 { background-position: -47.9733vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-07 { background-position: -57.28vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-08 { background-position: -66.1333vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-09 { background-position: -75.4133vw -2vw !important; }
  .mobile-draw-list .compact-balls .pk10-mobile-nub-10 { background-position: -84.48vw -2vw !important; }

  .mobile-draw-list .pc28-row {
    display: flex;
    align-items: center;
    gap: 1.3333vw !important;
    height: 6.9333vw;
    min-height: 6.9333vw !important;
    margin: 0 0 3.7333vw !important;
  }

  .mobile-draw-list .pc28-row .round-ball {
    display: block;
    flex: 0 0 6.6667vw !important;
    width: 6.6667vw !important;
    height: 6.6667vw !important;
    border: 0;
    border-radius: 50% !important;
    color: #fff !important;
    background: #0092dd !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 4.5333vw !important;
    font-weight: 400 !important;
    line-height: 6.9333vw !important;
    text-align: center;
  }

  .mobile-draw-list .pc28-row .round-ball.red {
    background: #f00 !important;
  }

  .mobile-draw-list .pc28-row em {
    flex: 0 0 4.2667vw;
    width: 4.2667vw;
    color: #aaa !important;
    font-family: inherit;
    font-size: 4.2667vw !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 6.9333vw !important;
    text-align: center;
  }

  .mobile-draw-list .lhc-number-row {
    display: grid;
    grid-template-columns: repeat(8, 6.4vw) minmax(0, 1fr);
    align-items: start;
    column-gap: 2.24vw;
    width: 100%;
    height: 6.4vw;
    margin: 0 0 1.7949vw !important;
  }

  .mobile-draw-list .lhc-ball {
    display: block;
    width: 6.4vw !important;
    height: 6.4vw !important;
    border: 0;
    border-radius: 50% !important;
    color: #fff !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 4vw !important;
    font-weight: 400 !important;
    line-height: 6.6667vw !important;
    text-align: center;
  }

  .mobile-draw-list .lhc-ball.red { background: #f8223c !important; }
  .mobile-draw-list .lhc-ball.green { background: #1fc26b !important; }
  .mobile-draw-list .lhc-ball.blue { background: #0093e8 !important; }

  .mobile-draw-list .lhc-number-row em {
    display: block;
    width: 6.4vw;
    height: 6.4vw;
    color: #aaa !important;
    font-size: 5.3333vw !important;
    font-style: normal;
    font-weight: 300;
    line-height: 6.4vw !important;
    text-align: center;
  }

  .mobile-draw-list .lhc-number-row > strong {
    align-self: start;
    justify-self: start;
    color: #666 !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-tags {
    display: grid;
    grid-template-columns: repeat(8, 6.4vw);
    column-gap: 2.24vw;
    row-gap: 0;
    width: 100%;
    color: #333 !important;
    font-family: inherit !important;
    font-size: 4vw !important;
    font-weight: 400 !important;
  }

  .mobile-draw-list .lhc-tags span {
    display: block;
    width: 6.4vw !important;
    height: 6.1538vw;
    color: #333 !important;
    font-size: 4vw !important;
    font-weight: 400 !important;
    line-height: 6.1538vw !important;
    text-align: center;
  }

  .mobile-draw-list .lhc-tags b {
    display: block;
    width: 6.4vw !important;
    height: 6.1538vw;
  }

  .mobile-draw-list .quick-tags {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0 2.5067vw !important;
    width: 100%;
    height: 6.4vw;
    margin: 0;
    color: #666 !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    white-space: nowrap;
  }

  .mobile-draw-list .quick-tags span,
  .mobile-draw-list .quick-tags strong,
  .mobile-draw-list .quick-tags i {
    display: block;
    min-width: 0;
    height: 6.4vw !important;
    padding: 0;
    color: inherit !important;
    font-family: inherit !important;
    font-size: 3.2vw !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 6.4vw !important;
  }

  .mobile-draw-list .dice-row {
    display: flex;
    align-items: flex-start;
    gap: 2.5067vw !important;
    width: 100%;
    height: 6.4vw;
    min-height: 6.4vw;
    margin: 0 0 3.7333vw !important;
  }

  .mobile-draw-list .dice-row .die {
    display: block;
    flex: 0 0 6.4vw;
    width: 6.4vw;
    height: 6.4vw;
    margin: 0;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-mobile-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    background-size: 106.6667vw auto !important;
  }

  .mobile-draw-list .dice-row .die i,
  .mobile-draw-list .dice-row .die::before,
  .mobile-draw-list .dice-row .die::after {
    display: none !important;
  }

  .mobile-draw-list .dice-row .die-1 { background-position: -97.6vw 0 !important; }
  .mobile-draw-list .dice-row .die-2 { background-position: -97.6vw -7.36vw !important; }
  .mobile-draw-list .dice-row .die-3 { background-position: -97.6vw -14.6667vw !important; }
  .mobile-draw-list .dice-row .die-4 { background-position: -97.6vw -22.1333vw !important; }
  .mobile-draw-list .dice-row .die-5 { background-position: -97.6vw -29.4933vw !important; }
  .mobile-draw-list .dice-row .die-6 { background-position: -97.6vw -36.88vw !important; }

  .mobile168-page {
    min-height: 0 !important;
    color: #000 !important;
    background: #fafafa !important;
    font-family: "microsoft yahei" !important;
  }

  .mobile168-page-header,
  .mobile168-page-header-plain {
    display: grid !important;
    grid-template-columns: 13.3333vw minmax(0, 1fr) 13.3333vw !important;
    align-items: center;
    width: 100%;
    height: 11.7333vw !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
  }

  .mobile168-page-header h1 {
    margin: 0;
    color: #000 !important;
    font-family: inherit !important;
    font-size: 4.8vw !important;
    font-weight: 400 !important;
    line-height: 11.7333vw !important;
    text-align: center;
  }

  .mobile168-catalog {
    box-sizing: border-box;
    width: 100%;
    min-height: 0 !important;
    margin: 0;
    padding: 0 0 2.6667vw !important;
    color: #000;
    background: #fafafa !important;
  }

  .mobile168-catalog-group {
    margin: 0 !important;
    padding: 0 0 .8vw;
  }

  .mobile168-catalog-group h2 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 6.6667vw;
    height: 6.4vw;
    margin: 1.7867vw 0 !important;
    padding: 0 4vw;
    color: #000 !important;
    font-family: inherit !important;
    font-size: 4.2667vw !important;
    font-weight: 400 !important;
    line-height: 8vw !important;
    text-align: center;
  }

  .mobile168-catalog-group h2::before,
  .mobile168-catalog-group h2::after {
    height: 1px;
    content: "";
    background: #f0eff5 !important;
  }

  .mobile168-catalog-grid {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, 28vw);
    justify-content: start;
    column-gap: 3.84vw !important;
    row-gap: 3.2533vw !important;
    width: 100%;
    padding: 3.4267vw 3.4267vw !important;
  }

  .mobile168-catalog-grid button {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 28vw;
    min-width: 0;
    height: 12.1667vw !important;
    min-height: 0;
    margin: 0;
    padding: 1.3333vw 0 !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    color: #333 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .mobile168-catalog-grid button strong {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0 0 .5333vw;
    overflow: hidden;
    color: #333 !important;
    font-family: inherit !important;
    font-size: 3.0667vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-overflow: clip;
    white-space: nowrap;
  }

  .mobile168-catalog-grid button > span {
    display: block;
    max-width: 100%;
    margin: 0 !important;
    overflow: hidden;
    color: #fb8e19 !important;
    font-family: inherit !important;
    font-size: 2.6667vw !important;
    font-weight: 400 !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-overflow: clip;
    white-space: nowrap;
  }

  .mobile168-catalog-grid button > span strong {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .bottom-nav.mobile-only,
  .bottom-nav.mobile-only a,
  .bottom-nav.mobile-only a span {
    font-family: "microsoft yahei" !important;
  }
}

/*
 * PK10 mobile detail follows the reference mobile sprite and its viewport-scaled
 * number grid. Keep this after the generic mobile .sq rules so 390-430px
 * layouts preserve every ball instead of clipping the final position.
 */
@media (max-width: 1020px) {
  #mobileDetail .detail-square-row {
    position: relative;
    left: calc(2.664vw - 10px);
    width: 94.672vw;
    gap: 3.093vw;
  }

  #mobileDetail .detail-square-row .sq,
  #mobileDetail .pk10-table .detail-square-cell .sq {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-mobile-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-shadow: none !important;
  }

  #mobileDetail .detail-square-row .sq {
    width: 6.667vw !important;
    height: 6.667vw !important;
    flex: 0 0 6.667vw !important;
    background-size: 106.667vw auto !important;
  }

  #mobileDetail .detail-square-row .pk10-mobile-nub-01 { background-position: -2.667vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-02 { background-position: -11.68vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-03 { background-position: -20.747vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-04 { background-position: -29.813vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-05 { background-position: -39.147vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-06 { background-position: -47.973vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-07 { background-position: -57.28vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-08 { background-position: -66.133vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-09 { background-position: -75.413vw -2vw !important; }
  #mobileDetail .detail-square-row .pk10-mobile-nub-10 { background-position: -84.48vw -2vw !important; }

  #mobileDetail .pk10-table .detail-table-head {
    display: none;
  }

  #mobileDetail .pk10-table .detail-table-row {
    min-height: 11.44vw;
    grid-template-columns: 9.503vw 11.619vw 73.55vw;
    align-items: center;
    padding: 0 2.664vw;
    border-top: 1px solid #efeff4;
    border-bottom: 0;
  }

  #mobileDetail .pk10-table .detail-table-row > span:nth-child(-n + 2) {
    color: #666;
    font-family: "microsoft yahei", sans-serif;
    font-size: 2.933vw;
    font-weight: 400;
    line-height: 11.2vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-table .detail-table-row > span:nth-child(4) {
    display: none;
  }

  #mobileDetail .pk10-table .detail-square-cell {
    box-sizing: border-box;
    width: 73.55vw;
    gap: 1.414vw;
    padding-left: 1.863vw;
    overflow: visible;
  }

  #mobileDetail .pk10-table .detail-square-cell .sq {
    width: 5.865vw !important;
    height: 5.865vw !important;
    flex: 0 0 5.865vw !important;
    background-size: 94.4vw auto !important;
  }

  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-01 { background-position: -2.133vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-02 { background-position: -10.4vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-03 { background-position: -18.347vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-04 { background-position: -26.347vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-05 { background-position: -34.48vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-06 { background-position: -42.56vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-07 { background-position: -50.56vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-08 { background-position: -58.667vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-09 { background-position: -66.933vw -1.84vw !important; }
  #mobileDetail .pk10-table .detail-square-cell .pk10-mobile-nub-10 { background-position: -74.933vw -1.84vw !important; }

  #mobileDetail .pk10-table .detail-table-head {
    min-height: 11.44vw;
    display: grid;
    grid-template-columns: 9.503vw 11.619vw 73.55vw;
    align-items: center;
    padding: 0 2.664vw;
    border-top: 1px solid #efeff4;
    border-bottom: 0;
    color: #333;
    background: #fff;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.2vw;
    font-weight: 400;
  }

  #mobileDetail .pk10-table .detail-table-head > span {
    white-space: nowrap;
  }

  #mobileDetail .pk10-mobile-mode-tabs {
    width: 69.617vw;
    height: 6.4vw;
    display: grid;
    grid-template-columns: 14.29vw 14.29vw 14.29vw 26.747vw;
    align-items: stretch;
    margin-left: 3.94vw;
  }

  #mobileDetail .pk10-mobile-mode-tabs button {
    height: 6.4vw;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #333;
    background: transparent;
    font: inherit;
    line-height: 6.4vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-mobile-mode-tabs button.active {
    border-radius: 2.933vw;
    color: #fff;
    background: #fb8e19;
  }

  #mobileDetail .pk10-history-views,
  #mobileDetail .pk10-history-view {
    min-width: 0;
  }

  #mobileDetail .pk10-history-view {
    display: none !important;
  }

  #mobileDetail .pk10-table[data-mobile-pk10-history-mode="number"] [data-mobile-pk10-view="number"],
  #mobileDetail .pk10-table[data-mobile-pk10-history-mode="size"] [data-mobile-pk10-view="size"],
  #mobileDetail .pk10-table[data-mobile-pk10-history-mode="parity"] [data-mobile-pk10-view="parity"],
  #mobileDetail .pk10-table[data-mobile-pk10-history-mode="sum-dragon"] [data-mobile-pk10-view="sum-dragon"] {
    display: flex !important;
  }

  #mobileDetail .pk10-history-mark-row,
  #mobileDetail .pk10-history-sum-dragon {
    box-sizing: border-box;
    width: 73.55vw;
    height: 5.865vw;
    align-items: center;
    padding-left: 1.863vw;
  }

  #mobileDetail .pk10-history-mark-row {
    gap: 1.414vw;
  }

  #mobileDetail .pk10-history-sum-dragon {
    justify-content: space-between;
  }

  #mobileDetail .pk10-history-mark {
    width: 5.865vw;
    height: 5.865vw;
    flex: 0 0 5.865vw;
    display: block;
    overflow: hidden;
    color: transparent;
    background-color: transparent;
    background-image: url("./assets/pc9567-mobile-number-sprite.png");
    background-repeat: no-repeat;
    background-size: 94.4vw auto;
    font-size: 0;
    line-height: 0;
  }

  #mobileDetail .pk10-history-mark-big { background-position: -2.293vw -8.533vw; }
  #mobileDetail .pk10-history-mark-small { background-position: -10.293vw -8.533vw; }
  #mobileDetail .pk10-history-mark-even { background-position: -18.293vw -8.533vw; }
  #mobileDetail .pk10-history-mark-odd { background-position: -26.4vw -8.533vw; }
  #mobileDetail .pk10-history-mark-tiger { background-position: -47.84vw -8.533vw; }
  #mobileDetail .pk10-history-mark-dragon { background-position: -54.4vw -8.533vw; }

  #mobileDetail .pk10-history-sum-dragon > b,
  #mobileDetail .pk10-history-sum-dragon > em {
    width: 5.865vw;
    height: 5.865vw;
    flex: 0 0 5.865vw;
    color: #666;
    font-family: "microsoft yahei", sans-serif;
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: 5.865vw;
    text-align: center;
  }

  #mobileDetail .pk10-history-sum-dragon > b {
    color: #f12d35;
  }

  /* The original history page keeps its date controls in a compact,
   * right-aligned 1rem row.  The generic analysis bar's larger button
   * padding pulled this row toward the centre and made its divider look
   * heavier than the reference. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar {
    height: 9.6vw;
    box-sizing: content-box;
    align-items: flex-start;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    background: #f5f5f5;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar button {
    height: 9.6vw;
    padding: 0;
    gap: 0;
    font-size: 3.2vw;
    line-height: 9.6vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar button:nth-child(-n + 3) {
    width: 6.4vw;
    flex: 0 0 6.4vw;
    margin-right: 3.4667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar button:last-child {
    margin-right: 2.6667vw;
    width: 18.9233vw;
    flex: 0 0 18.9233vw;
    position: relative;
    justify-content: flex-start;
    padding-right: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar svg {
    position: absolute;
    top: 1.3333vw;
    left: calc(100% - 2.6667vw);
    width: 5.3333vw;
    height: 5.3333vw;
  }
}

/* PK10 mobile controls use the reference's immediate state change.  Do not
 * let Chromium's default touch highlight or focus paint insert a gray frame
 * between the unselected and orange states. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button,
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button {
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    -webkit-touch-callout: none;
    user-select: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button:focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button:focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button.active:active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button.active:focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button.active:focus-visible {
    color: #fff !important;
    background: #fb8e19 !important;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:not(.active):active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:not(.active):focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-mobile-mode-tabs button:not(.active):focus-visible {
    color: #333 !important;
    background: transparent !important;
  }
}

/* Desktop preference controls follow the saved original detail-page geometry. */
@media (min-width: 1021px) {
  .pc8473-sound {
    position: relative;
    top: 5px;
    z-index: 8;
    width: 100%;
    height: 108px;
    min-height: 108px !important;
    display: block;
    align-content: start;
    align-self: center;
    justify-content: normal;
    gap: 0;
    padding-top: 10px;
    overflow: visible;
    box-sizing: border-box;
  }

  .pc8473-sound-row {
    position: relative;
    width: 140px;
    height: 45px;
    display: block;
    margin: 0 auto;
    overflow: visible;
  }

  .pc8473-sound-row > button {
    width: 90px;
    height: 32px;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #ff7b00;
    font: 14px/32px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    cursor: pointer;
  }

  .pc8473-sound-settings.disabled > button {
    background: #ccc;
  }

  .pc8473-sound-indicator,
  .pc8473-sound-row > button.pc8473-sound-choice {
    position: absolute;
    left: 108px;
    top: 5px;
    width: 22px;
    height: 22px;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-repeat: no-repeat;
    box-sizing: border-box;
  }

  .pc8473-sound-indicator {
    background-image: url("./assets/pc9567-detail-number-sprite.png");
    background-position: -230px -334px;
  }

  .pc8473-sound-indicator.is-muted {
    background-position: -261px -334px;
  }

  .pc8473-sound-row > button.pc8473-sound-choice {
    background-image: url("./assets/pc9567-sound-kinds.png");
    background-position: 0 -29px;
    background-color: transparent;
    cursor: pointer;
  }

  .pc8473-sound-choice > span {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #efb072;
    font: 11px/1 Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-sound-choice[data-sound-code="RING_02"] {
    background-position: -62px -29px;
  }

  .pc8473-sound-choice[data-sound-code="RING_03"] {
    background-position: -93px -29px;
  }

  .pc8473-sound-choice[data-sound-code="RING_04"] {
    background-position: -124px -29px;
  }

  .pc8473-sound-choice[data-sound-code="RING_05"] {
    background-position: -155px -29px;
  }

  .pc8473-sound-settings.disabled .pc8473-sound-choice {
    background-position: 0 0;
    background-color: transparent;
    cursor: default;
  }

  .pc8473-sound-choice audio {
    display: none;
  }

  .pc8473-current .pc8473-sound-panel {
    position: absolute;
    right: 45px;
    top: 44px;
    z-index: 999999;
    width: 220px;
    height: 222px;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    color: #666;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    font: 14px/32px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    box-sizing: border-box;
  }

  .pc8473-current .pc8473-sound-panel[hidden] {
    display: none;
  }

  .pc8473-current .pc8473-sound-panel .pc8473-sound-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    width: 22px;
    height: 22px;
    min-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: url("./assets/pc9567-detail-number-sprite.png") no-repeat -289px -334px;
    cursor: pointer;
  }

  .pc8473-current .pc8473-sound-panel .pc8473-sound-list {
    width: 220px;
    height: 222px;
    display: block;
    padding: 0;
    margin: 0;
  }

  .pc8473-current .pc8473-sound-panel ul {
    width: 220px;
    height: 176px;
    display: block;
    padding: 10px 0 0;
    margin: 0;
    list-style: none;
  }

  .pc8473-current .pc8473-sound-panel li {
    width: 220px;
    height: 26px;
    display: list-item;
    padding: 0 0 0 20px;
    margin: 0;
    color: #666;
    text-align: left;
    box-sizing: border-box;
  }

  .pc8473-current .pc8473-sound-panel label {
    display: inline;
    padding: 0;
    margin: 0;
    color: #666;
    font: inherit;
    cursor: default;
  }

  .pc8473-current .pc8473-sound-panel input[type="radio"] {
    width: 13px;
    height: 13px;
    display: inline-block;
    padding: 0;
    margin: 0;
    background-color: #c00;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
  }

  .pc8473-current .pc8473-sound-panel .pc8473-sound-reminder {
    margin-top: 10px;
    white-space: nowrap;
  }

  .pc8473-current .pc8473-sound-panel .pc8473-sound-reminder span {
    display: inline;
  }

  .pc8473-current .pc8473-sound-panel select {
    width: 91px;
    height: 25px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: none;
    color: #666;
    background-color: #efefef;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
    vertical-align: baseline;
    box-sizing: border-box;
  }

  .pc8473-record-head .pc8473-record-preferences {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #159354;
    font-size: 14px;
  }

  .pc8473-record-head .pc8473-eye-option {
    position: relative;
    width: 26px;
    height: 22px;
    display: block;
    flex: 0 0 26px;
    padding: 0;
    border: 1px solid #cbd2ce;
    border-radius: 0;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-record-head .pc8473-eye-green {
    background: #d8efe2;
  }

  .pc8473-record-head .pc8473-eye-blue {
    background: #e3f0f4;
  }

  .pc8473-record-head .pc8473-eye-color {
    background: conic-gradient(
      #ff4433 0 25%,
      #18bd70 0 50%,
      #59a9d8 0 75%,
      #ffd23d 0
    );
  }

  .pc8473-eye-option.active {
    border-color: #ff8b19;
    box-shadow: inset 0 0 0 1px #fff;
  }

  .pc8473-eye-option.active::after {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #ff7900;
    content: "✓";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff;
  }

  .pc8473-record-head .pc8473-record-preferences > button:last-child {
    width: 112px;
    height: 34px;
    margin-left: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    background: #fff;
  }

  .pc8473-record-panel.eye-green {
    background: #f5fff9;
  }

  .pc8473-record-panel.eye-green .pc8473-table th {
    background: #dcefe4;
  }

  .pc8473-record-panel.eye-green .pc8473-table tbody td {
    background: #f7fdf9 !important;
  }

  .pc8473-record-panel.eye-green .pc8473-table tbody tr:nth-child(odd) td {
    background: #e8f5ed !important;
  }

  .pc8473-record-panel.eye-blue {
    background: #f5fbff;
  }

  .pc8473-record-panel.eye-blue .pc8473-table th {
    background: #dcebf2;
  }

  .pc8473-record-panel.eye-blue .pc8473-table tbody td {
    background: #f7fcff !important;
  }

  .pc8473-record-panel.eye-blue .pc8473-table tbody tr:nth-child(odd) td {
    background: #e8f3f8 !important;
  }

  .pc8473-record-panel.eye-color {
    background: linear-gradient(135deg, #fff9f4, #f3fff8 52%, #f2f8ff);
  }

  .pc8473-record-panel.eye-color .pc8473-table th {
    background: #edf2f8;
  }

  .pc8473-record-panel.eye-color .pc8473-table tbody td {
    background: #fff9f4 !important;
  }

  .pc8473-record-panel.eye-color .pc8473-table tbody tr:nth-child(odd) td {
    background: #f0faf5 !important;
  }
}

@media (max-width: 1020px) {
  .detail-titlebar .detail-sound,
  .six-header .detail-sound {
    width: 55px;
    height: 61px;
    display: grid;
    place-items: center;
    position: relative;
    padding: 0;
    border: 0;
    color: #fff;
    background: transparent;
  }

  .six-header .detail-sound {
    height: 54px;
  }

  .detail-sound > span {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 2px solid #ffd36a;
    border-radius: 50%;
    background: linear-gradient(180deg, #ffcf4c 0%, #ff8a00 100%);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.42), 0 1px 3px rgba(0, 0, 0, 0.18);
  }

  .detail-sound.muted > span {
    border-color: #cfcfcf;
    background: linear-gradient(180deg, #9d9d9d 0%, #656565 100%);
  }

  .detail-sound svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.5;
    pointer-events: none;
  }

  .detail-sound svg * {
    pointer-events: none;
  }

  .detail-sound em {
    position: absolute;
    right: 8px;
    bottom: 10px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border: 1px solid #ff9b27;
    border-radius: 9px;
    color: #ff7f00;
    background: #fff;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    box-sizing: border-box;
  }

  .detail-sound.muted em {
    border-color: #a7a7a7;
    color: #777;
  }

  .detail-sound:active > span,
  .mobile168-sound-settings button:active {
    transform: scale(0.96);
  }

  .mobile168-sound-sheet {
    position: fixed;
    inset: 0;
    z-index: 1100;
    pointer-events: none;
  }

  .mobile168-sound-backdrop {
    position: absolute;
    inset: 0 0 calc(var(--ui-mobile-nav-height) + 4px) 0;
    border: 0;
    background: rgba(0, 0, 0, 0.28);
    pointer-events: auto;
  }

  .mobile168-sound-card {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: calc(var(--ui-mobile-nav-height) + 12px);
    max-height: min(70vh, 520px);
    overflow: auto;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.2);
    pointer-events: auto;
  }

  .mobile168-sound-card header {
    height: 48px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 72px;
    align-items: center;
    border-bottom: 1px solid #ececec;
  }

  .mobile168-sound-card header strong {
    grid-column: 2;
    color: #222;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
  }

  .mobile168-sound-card header button {
    grid-column: 3;
    height: 48px;
    border: 0;
    color: #333;
    background: transparent;
    font-size: 16px;
  }

  .mobile168-sound-page {
    padding: 10px 10px 88px !important;
    background: #f1f1f6 !important;
  }

  .mobile168-sound-settings {
    display: grid;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    background: #fff;
  }

  .mobile168-sound-master {
    min-height: 56px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #eee;
    border-radius: 8px;
    color: #222;
    background: #fbfbfb;
    text-align: left;
  }

  .mobile168-sound-master.active {
    border-color: #ff9b27;
    background: #fff8ef;
  }

  .mobile168-sound-master > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(180deg, #ffcf4c, #ff8a00);
  }

  .mobile168-sound-master:not(.active) > span {
    background: linear-gradient(180deg, #a3a3a3, #656565);
  }

  .mobile168-sound-master svg {
    width: 19px;
    height: 19px;
  }

  .mobile168-sound-master b,
  .mobile168-sound-options b {
    color: #222;
    font-family: Georgia, "Times New Roman", "Songti SC", SimSun, serif;
    font-size: 16px;
    font-weight: 400;
  }

  .mobile168-sound-master em,
  .mobile168-sound-options span {
    color: #777;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
  }

  .mobile168-sound-options {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
  }

  .mobile168-sound-options button {
    min-height: 52px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    color: #222 !important;
    background: #fff !important;
    text-align: left;
  }

  .mobile168-sound-options button:last-child {
    border-bottom: 0 !important;
  }

  .mobile168-sound-options button.active {
    color: #ff8700 !important;
    background: #fff8ef !important;
  }

  .mobile168-sound-options button.active::after {
    color: #ff8700;
    content: "✓";
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 700;
  }

  .mobile168-sound-reminders {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
  }

  .mobile168-sound-reminders label {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border-bottom: 1px solid #ececec;
    color: #333;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 14px;
  }

  .mobile168-sound-reminders label:last-child {
    border-bottom: 0;
  }

  .mobile168-sound-reminders input {
    width: 18px;
    height: 18px;
    accent-color: #ff8700;
  }

  .mobile-draw-list .lhc-head {
    align-items: flex-start;
    gap: 6px;
  }

  .mobile-draw-list .lhc-title-line {
    flex: 1 1 auto;
    overflow: visible;
  }

  .mobile-draw-list .lhc-title-line h2 {
    flex: 0 0 auto;
    max-width: none;
    overflow: visible;
    font-size: 17px;
    line-height: 22px;
    text-overflow: clip;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-title-line small {
    min-width: 0;
    overflow: hidden;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-draw-list .lhc-countdown {
    flex: 0 1 auto;
    justify-content: flex-end;
    min-width: 92px;
    max-width: 146px;
    gap: 2px;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
  }

  .mobile-draw-list .lhc-countdown strong {
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
  }

  .mobile168-catalog-grid button {
    height: 68px;
    padding: 7px 2px 5px;
  }

  .mobile168-catalog-grid button strong {
    font-size: 14px;
    line-height: 21px;
  }

  .mobile168-catalog-grid button span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -0.2px;
    text-overflow: clip;
    white-space: nowrap;
  }

  .mobile168-catalog-grid button span strong {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    font-size: inherit;
    line-height: 16px;
    font-weight: 400;
    vertical-align: top;
    text-overflow: clip;
    white-space: nowrap;
  }

  .bottom-nav.mobile-only a {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
    align-items: center;
    justify-content: center;
    color: #999;
  }

  .bottom-nav.mobile-only a span {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    color: currentColor;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
    border: 0 !important;
  }
}

@media (min-width: 1021px) {
  /* PK10 record/history parity measured against 1689567 at DPR 1. */
  .pc8473-record-family-pk10 {
    --pc8473-eye-color: #f5e8dc;
    overflow: visible;
    background: #fff;
  }

  .pc8473-record-family-pk10 .pc8473-record-head {
    position: relative;
    height: 54px;
    gap: 25px;
    box-sizing: border-box;
    padding: 0 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
  }

  .pc8473-record-family-pk10 .pc8473-record-head h2 {
    flex: 0 0 auto;
    height: 54px;
    margin: 0;
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 800;
    line-height: 54px;
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button {
    position: relative;
    width: 78px;
    height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button[data-pc-record-action="stat"] {
    width: 138px;
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button.active {
    border-color: #f4831e;
    color: #f4831e;
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button.active::after,
  .pc8473-history-filter-button.active::after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-bottom: 14px solid #f4831e;
    border-left: 14px solid transparent;
    content: "";
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button.active::before,
  .pc8473-history-filter-button.active::before {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
    color: #fff;
    content: "✓";
    font-size: 9px;
    line-height: 12px;
  }

  .pc8473-record-head .pc8473-record-preferences {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    height: 54px;
    margin-left: auto;
    color: #159354;
    font-size: 14px;
    line-height: 20px;
  }

  .pc8473-record-head .pc8473-record-preferences > span {
    margin-right: 0;
    white-space: nowrap;
  }

  .pc8473-record-head .pc8473-eye-option {
    position: relative;
    display: block;
    width: 26px;
    height: 20px;
    flex: 0 0 26px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 1px solid #cbd2ce;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
  }

  .pc8473-record-head .pc8473-eye-green {
    background: #daf0e2;
  }

  .pc8473-record-head .pc8473-eye-blue {
    background: #d6e8f0;
  }

  .pc8473-record-head .pc8473-eye-color {
    background: conic-gradient(
      #ff4433 0 25%,
      #18bd70 0 50%,
      #59a9d8 0 75%,
      #ffd23d 0
    );
  }

  .pc8473-eye-option.active {
    border-color: #eb8618 !important;
    box-shadow: none;
  }

  .pc8473-eye-option.active::after {
    position: absolute;
    inset: -2px 0 0;
    display: grid;
    place-items: center;
    color: #f47f13;
    content: "✓";
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-shadow: 0 0 1px #fff, 0 0 2px #fff;
  }

  .pc8473-record-head .pc8473-record-preferences > button[data-pc-record-action="history"] {
    width: 112px;
    height: 34px;
    margin: 0 0 0 20px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    background: #fff;
    font-size: 14px;
    line-height: 32px;
  }

  .pc8473-custom-color-picker {
    position: absolute;
    top: 47px;
    right: 79px;
    z-index: 40;
    width: 239px;
    height: 129px;
    box-sizing: border-box;
    padding: 12px;
    border: 1px solid #bbb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .23);
  }

  .pc8473-color-palette {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 181px;
    height: 101px;
    cursor: crosshair;
    background:
      linear-gradient(to top, #000, transparent),
      linear-gradient(to right, #fff, transparent),
      hsl(var(--pc8473-picker-hue) 100% 50%);
  }

  .pc8473-color-palette i {
    position: absolute;
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #222;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .pc8473-color-hue {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 101px;
    cursor: crosshair;
    background: linear-gradient(to bottom, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
  }

  .pc8473-color-hue i {
    position: absolute;
    left: -3px;
    width: 22px;
    height: 4px;
    border: 1px solid #444;
    background: #fff;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .pc8473-table-pk10 {
    width: 1160px;
    margin: 20px;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 1px;
    background: #d4d4d4;
    color: #3e3e3e;
    font-size: 14px;
    line-height: 1;
  }

  .pc8473-table-pk10 th,
  .pc8473-table-pk10 td {
    box-sizing: content-box;
    padding: 0 7px;
    border: 0;
    text-align: center;
  }

  .pc8473-table-pk10 th {
    height: 42px;
    color: #555;
    background: #e7e7e7;
    font-size: 16px;
    font-weight: 600;
  }

  .pc8473-table-pk10 td {
    height: 35px;
    background: #fff;
    font-size: 14px;
  }

  .pc8473-table-pk10 tbody tr:nth-child(odd) td {
    background: #fff;
  }

  .pc8473-table-pk10 tbody tr:nth-child(even) td {
    background: #ededed;
  }

  .pc8473-table-pk10 th:first-child,
  .pc8473-table-pk10 td:first-child {
    width: 192.46875px;
  }

  .pc8473-table-pk10 th:nth-child(2),
  .pc8473-table-pk10 td:nth-child(2) {
    width: 95.390625px;
  }

  .pc8473-table-pk10 th.pc8473-number-heading {
    width: 470px;
    padding: 0 7px;
  }

  .pc8473-table-pk10 tbody td:nth-child(3) {
    vertical-align: top;
  }

  .pc8473-table-pk10 .pc8473-number-mode-buttons {
    gap: 10px;
    transform: translateX(-5px);
  }

  .pc8473-number-mode-buttons button {
    width: 80px;
    height: 26px;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #b9b9b9;
    font-size: 12px;
    line-height: 26px;
  }

  .pc8473-number-mode-buttons button.active {
    background: #50515f;
  }

  .pc8473-table-pk10[data-number-mode="number"] [data-number-view="number"],
  .pc8473-table-pk10[data-number-mode="size"] [data-number-view="size"],
  .pc8473-table-pk10[data-number-mode="parity"] [data-number-view="parity"] {
    margin-top: 1px;
  }

  .pc8473-table-pk10 .pc8473-pk-row.table .pc8473-pk-nub {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    margin-right: 3px;
    font-size: 0 !important;
    line-height: 32px !important;
  }

  .pc8473-table-pk10 .pc8473-pk-row.table .pc8473-pk-nub:last-child {
    margin-right: 0;
  }

  .pc8473-table-pk10 .pc8473-table-number-modes [data-number-view="size"] b,
  .pc8473-table-pk10 .pc8473-table-number-modes [data-number-view="parity"] b {
    width: 32px;
    height: 32px;
    display: block;
    flex: 0 0 32px;
    border-radius: 4px;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png");
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 32px;
    text-shadow: none;
  }

  .pc8473-table-pk10 [data-number-view="size"] b.red {
    background-position: 0 -237px;
  }

  .pc8473-table-pk10 [data-number-view="size"] b.blue {
    background-position: -40px -237px;
  }

  .pc8473-table-pk10 [data-number-view="parity"] b.red {
    background-position: -80px -237px;
  }

  .pc8473-table-pk10 [data-number-view="parity"] b.blue {
    background-position: -120px -237px;
  }

  .pc8473-record-panel.eye-green .pc8473-table tbody tr:nth-child(odd) td {
    background: #daf0e2 !important;
  }

  .pc8473-record-panel.eye-blue .pc8473-table tbody tr:nth-child(odd) td {
    background: #d6e8f0 !important;
  }

  .pc8473-record-panel.eye-color .pc8473-table tbody tr:nth-child(odd) td {
    background: var(--pc8473-eye-color) !important;
  }

  .pc8473-record-panel.eye-green,
  .pc8473-record-panel.eye-blue,
  .pc8473-record-panel.eye-color,
  .pc8473-record-panel.eye-green .pc8473-table th,
  .pc8473-record-panel.eye-blue .pc8473-table th,
  .pc8473-record-panel.eye-color .pc8473-table th {
    background-color: #fff;
    background-image: none;
  }

  .pc8473-record-panel.eye-green .pc8473-table tbody tr:nth-child(even) td,
  .pc8473-record-panel.eye-blue .pc8473-table tbody tr:nth-child(even) td,
  .pc8473-record-panel.eye-color .pc8473-table tbody tr:nth-child(even) td {
    background: #ededed !important;
  }

  .pc8473-history-ball-dimmed {
    opacity: .1 !important;
  }
}

@media (min-width: 1021px) {
  .pc8473-inline-tools {
    width: 1200px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    background: #fff;
  }

  .pc8473-inline-tool {
    width: 1200px;
    box-sizing: border-box;
    padding: 18px 20px 20px;
    border-bottom: 2px solid #f0f0f0;
    color: #555;
    background: #fff;
  }

  .pc8473-inline-tool h3 {
    height: 30px;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
  }

  .pc8473-inline-stat {
    min-height: 360px;
  }

  .pc8473-inline-stat table {
    width: 1160px;
    height: 138px;
    margin: 0 0 12px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
    text-align: center;
  }

  .pc8473-inline-stat th,
  .pc8473-inline-stat td {
    height: 45px;
    padding: 0 2px;
    border: 1px solid #e4e4e4;
    font-weight: 400;
  }

  .pc8473-inline-stat th {
    background: #f8f8f8;
  }

  .pc8473-inline-stat table th:first-child {
    width: 65px;
  }

  .pc8473-inline-dragon {
    min-height: 206px;
  }

  .pc8473-inline-dragon > div {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 20px;
  }

  .pc8473-inline-dragon span {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
  }

  .pc8473-inline-dragon b {
    color: #f11e36;
    font-weight: 400;
  }

  .pc8473-inline-distribution {
    min-height: 116px;
  }

  .pc8473-history-filters {
    width: 1160px;
    box-sizing: border-box;
    margin: 0 20px;
    padding: 18px 0 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
  }

  .pc8473-inline-distribution .pc8473-history-filters {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .pc8473-history-filters > div {
    display: flex;
    align-items: center;
    min-height: 42px;
    gap: 25px;
  }

  .pc8473-history-filters > div > span {
    width: 114px;
    flex: 0 0 114px;
    color: #555;
    font-size: 16px;
    line-height: 32px;
  }

  .pc8473-history-filter-button {
    position: relative;
    min-width: 58px;
    height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    background: #fff;
    font-size: 14px;
    line-height: 30px;
  }

  .pc8473-history-filters > div:nth-child(2) .pc8473-history-filter-button {
    min-width: 36px;
  }

  .pc8473-history-filters > div:nth-child(2) .pc8473-history-filter-button:last-of-type {
    min-width: 72px;
  }

  .pc8473-history-filter-button.active {
    border-color: #f4831e;
    color: #f4831e;
  }

  .pc8473-history-filter-reset {
    width: 110px;
    height: 32px;
    box-sizing: border-box;
    margin-left: 5px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #f9982e;
    font-size: 14px;
    line-height: 32px;
  }

  .pc8473-history-archive {
    margin-top: 15px;
  }

  .pc8473-history-archive .pc8473-table-pk10 {
    margin-top: 25px;
  }

  .pc8473-history-head {
    justify-content: space-between;
  }

  .pc8473-history-date-controls {
    position: relative;
    display: flex;
    align-items: center;
    height: 54px;
    gap: 0;
    margin-left: auto;
    color: #555;
  }

  .pc8473-history-date-controls > button[data-pc-history-shortcut] {
    width: 44px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #555;
    background: #fff;
    font-size: 12px;
    line-height: 28px;
  }

  .pc8473-history-date-controls > button[data-pc-history-shortcut].active {
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-history-date-controls > span {
    margin-left: 16px;
    font-size: 12px;
    line-height: 28px;
  }

  /* r437: public date input geometry belongs to the shared component, not a page header. */
  .pc8473-history-date-controls .pc8473-history-date-input {
    position: relative;
    width: 220px;
    height: 28px;
    box-sizing: border-box;
    margin-left: 4px;
    padding: 0 28px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #333;
    background: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
  }

  .pc8473-history-date-input i {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 2px solid #888;
    border-radius: 1px;
    background:
      linear-gradient(#888, #888) 2px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 6px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 10px 6px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 2px 10px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 6px 10px / 2px 2px no-repeat,
      linear-gradient(#888, #888) 10px 10px / 2px 2px no-repeat;
  }

  .pc8473-history-date-input b {
    position: absolute;
    top: 8px;
    right: 7px;
    width: 10px;
    height: 10px;
    background: #f5b321;
  }

  .pc8473-history-date-picker {
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 50;
    width: 221px;
    height: 271px;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
  }

  .pc8473-history-date-picker header {
    display: grid;
    grid-template-columns: 1fr 34px 34px;
    align-items: center;
    height: 66px;
    padding: 0 10px;
  }

  .pc8473-history-date-picker header button {
    width: 34px;
    height: 38px;
    padding: 0;
    border: 0;
    color: #d4d4d4;
    background: #fff;
    font-size: 26px;
    line-height: 38px;
  }

  .pc8473-history-date-picker header .pc8473-history-picker-view {
    width: auto;
    height: 42px;
    justify-self: start;
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
  }

  .pc8473-history-weekdays,
  .pc8473-history-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 0 7px;
  }

  .pc8473-history-weekdays {
    height: 28px;
  }

  .pc8473-history-weekdays span {
    color: #777;
    font-size: 13px;
    line-height: 28px;
    text-align: center;
  }

  .pc8473-history-days {
    grid-auto-rows: 28px;
  }

  .pc8473-history-days button {
    width: 27px;
    height: 27px;
    align-self: center;
    justify-self: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #555;
    background: #fff;
    font-size: 12px;
    line-height: 27px;
  }

  .pc8473-history-days button.adjacent {
    color: #999;
  }

  .pc8473-history-days button.active {
    color: #fff;
    background: #8f90a5;
  }

  .pc8473-history-days button:disabled {
    color: #d5d5d5;
    cursor: default;
  }

  .pc8473-history-months,
  .pc8473-history-years {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 5px;
    padding: 12px 10px;
  }

  .pc8473-history-months button,
  .pc8473-history-years button {
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    color: #555;
    background: #fff;
    font-size: 13px;
    line-height: 38px;
  }

  .pc8473-history-months button:hover,
  .pc8473-history-years button:hover {
    color: #fff;
    background: #8f90a5;
  }

  .pc8473-history-months button:disabled,
  .pc8473-history-years button:disabled {
    color: #d5d5d5;
    background: #fff;
  }

}

@media (min-width: 1021px) {
  .pc8473-history-date-picker.pc8473-pk10-road-date-picker {
    top: 42px;
    right: 20px;
  }

  .pc8473-pk10-road-page .pc8473-pk10-road-panel-head span {
    color: #555;
  }
}

@media (min-width: 1021px) {
  /* PK10 冷热分析：1689567 实测为固定 1200px 桌面画布，窄视口横向溢出。 */
  .pc8473-pk10-hotcold-page {
    width: 1200px;
    height: 703px;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 0;
    overflow: hidden;
    border: 0;
    color: #555;
    background: #fff;
    font: 14px/1 Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-hotcold-page,
  .pc8473-pk10-hotcold-page button {
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  .pc8473-pk10-hotcold-head {
    width: 1200px;
    height: 47px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
  }

  .pc8473-pk10-hotcold-head h2 {
    height: 46px;
    margin: 0 0 0 20px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 46px;
  }

  .pc8473-pk10-hotcold-content {
    width: 1200px;
    height: 656px;
    box-sizing: border-box;
    padding: 20px;
  }

  .pc8473-pk10-hotcold-toggle {
    position: relative;
    width: 156px;
    height: 25px;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 30px;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
  }

  .pc8473-pk10-hotcold-toggle > i {
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
  }

  .pc8473-pk10-hotcold-toggle.checked > i {
    border-color: #fa8e19;
    background: #fa8e19;
  }

  .pc8473-pk10-hotcold-toggle.checked {
    color: #fa8e19;
  }

  .pc8473-pk10-hotcold-toggle.checked > i::after {
    position: absolute;
    left: 1px;
    top: -3px;
    color: #fff;
    content: "✓";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
  }

  .pc8473-pk10-hotcold-content > p {
    width: 1160px;
    height: 25px;
    margin: 5px 0 10px;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
  }

  .pc8473-pk10-hotcold-table {
    width: 1160px;
    height: 551px;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    color: #999;
    background: #fff;
    text-align: center;
  }

  .pc8473-pk10-hotcold-table col:nth-child(1) {
    width: 8.333333%;
  }

  .pc8473-pk10-hotcold-table col:nth-child(2) {
    width: 25%;
  }

  .pc8473-pk10-hotcold-table col:nth-child(3),
  .pc8473-pk10-hotcold-table col:nth-child(4) {
    width: 33.333333%;
  }

  .pc8473-pk10-hotcold-table th,
  .pc8473-pk10-hotcold-table td {
    height: 49px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #d6d6d6;
    color: #999;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: center !important;
  }

  .pc8473-pk10-hotcold-table th {
    height: 50px;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    line-height: 26px;
  }

  .pc8473-pk10-hotcold-table ul {
    width: 100%;
    height: 49px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none;
  }

  .pc8473-pk10-hotcold-table li {
    position: relative;
    width: 32px;
    height: 32px;
    float: left;
    margin: 8px 5px;
    padding: 0;
  }

  .pc8473-pk10-hotcold-ball {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 0;
    color: transparent;
    background-color: transparent;
    background-image: url("./assets/pc9567-detail-number-sprite.png");
    background-repeat: no-repeat;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }

  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-01 { background-position: -246px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-02 { background-position: -42px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-03 { background-position: -83px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-04 { background-position: -123px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-05 { background-position: -286px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-06 { background-position: -1px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-07 { background-position: -205px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-08 { background-position: -164px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-09 { background-position: -327px -284px; }
  .pc8473-pk10-hotcold-ball.pc8473-pk-nub-10 { background-position: -368px -284px; }

  .pc8473-pk10-hotcold-table td li i.pc8473-pk10-hotcold-count {
    position: absolute;
    z-index: 2;
    left: 24px;
    top: -7px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    background: #f1010a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }

  .pc8473-pk10-hotcold-count[hidden] {
    display: none;
  }
}

@media (max-width: 1020px) {
  #mobileDetail .pk10-dedicated-road-mobile,
  #mobileDetail .pk10-dragon-statistics-mobile,
  #mobileDetail .pk10-champion-sum-statistics-mobile,
  #mobileDetail .pk10-sum-trend-mobile {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #666;
    background: #f1f0f6;
    font-family: "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-dedicated-road-toolbar,
  #mobileDetail .pk10-sum-trend-mobile-controls {
    box-sizing: border-box;
    width: 100%;
    height: 10.256vw;
    display: flex;
    align-items: stretch;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
  }

  #mobileDetail .pk10-dedicated-filter-trigger,
  #mobileDetail .pk10-sum-trend-filter-trigger {
    box-sizing: border-box;
    width: 24.615vw;
    height: 10.256vw;
    display: flex;
    flex: 0 0 24.615vw;
    align-items: center;
    justify-content: center;
    gap: 0.6vw;
    padding: 0;
    border: 0;
    color: #fb8e19;
    background: #fff;
    font: inherit;
    font-size: 3.077vw;
  }

  #mobileDetail .pk10-sum-trend-filter-trigger {
    width: 22.564vw;
    flex-basis: 22.564vw;
  }

  #mobileDetail .pk10-dedicated-filter-trigger svg,
  #mobileDetail .pk10-sum-trend-filter-trigger svg {
    width: 3.2vw;
    height: 3.2vw;
  }

  #mobileDetail .pk10-dedicated-road-toolbar .pk10-analysis-datebar,
  #mobileDetail .pk10-sum-trend-mobile-controls .pk10-analysis-datebar {
    min-width: 0;
    height: 10.256vw;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: flex-end;
    padding: 0;
    border: 0;
    background: #fff;
  }

  #mobileDetail .pk10-dedicated-road-toolbar .pk10-analysis-datebar button,
  #mobileDetail .pk10-sum-trend-mobile-controls .pk10-analysis-datebar button {
    min-width: 0;
    height: 10.256vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4vw;
    padding: 0 1.282vw;
    border: 0;
    color: #333;
    background: #fff;
    font: inherit;
    font-size: 3.077vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-dedicated-road-toolbar .pk10-analysis-datebar button.active,
  #mobileDetail .pk10-sum-trend-mobile-controls .pk10-analysis-datebar button.active {
    color: #fb8e19;
  }

  #mobileDetail .pk10-dedicated-road-toolbar .pk10-analysis-datebar button:last-child,
  #mobileDetail .pk10-sum-trend-mobile-controls .pk10-analysis-datebar button:last-child {
    max-width: 25.641vw;
    overflow: hidden;
    padding-right: 1vw;
    text-overflow: clip;
  }

  #mobileDetail .pk10-dedicated-road-note {
    display: none;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-road-panel header {
    min-height: 10.769vw;
    height: 10.769vw;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-road-scroll {
    height: 33.333vw;
    min-height: 33.333vw;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-dedicated-road-panel header .pk10-road-heading {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.282vw;
    color: #ef0508;
    font-size: 3.333vw;
    font-weight: 400;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-dedicated-road-panel header .pk10-road-heading > span {
    margin-left: 0;
    color: #ef0508;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-dedicated-road-panel header .pk10-road-latest {
    display: inline-flex;
    align-items: center;
    gap: 1.026vw;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-dedicated-road-panel header .pk10-road-arrow {
    color: #ef0508;
    font-size: 3.333vw;
    line-height: 1;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-road-columns span.warm {
    color: #ff2600;
  }

  #mobileDetail .pk10-dedicated-road-mobile .pk10-road-columns,
  #mobileDetail .pk10-dedicated-road-mobile .pk10-road-columns > div {
    min-height: 33.333vw;
  }

  #mobileDetail .pk10-dragon-statistics-scroll {
    width: 100%;
    overflow: hidden;
    background: #fff;
  }

  #mobileDetail .pk10-dragon-statistics-scroll table {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
    color: #777;
    background: #fff;
    font-size: 12.48px;
    line-height: 1.25;
    text-align: center;
  }

  #mobileDetail .pk10-dragon-statistics-scroll th,
  #mobileDetail .pk10-dragon-statistics-scroll td {
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box;
    height: 33px;
    padding: 0;
    border: 1px solid #e5e5e5;
    font-weight: 400;
  }

  #mobileDetail .pk10-dragon-statistics-scroll thead th {
    height: 8.8vw;
    color: #333;
    background: #f0f0f0;
  }

  #mobileDetail .pk10-dragon-statistics-scroll th:first-child,
  #mobileDetail .pk10-dragon-statistics-scroll td:first-child {
    width: 22.821vw;
  }

  #mobileDetail .pk10-dragon-statistics-scroll col.date {
    width: 22.821vw;
  }

  #mobileDetail .pk10-dragon-statistics-scroll col.metric {
    width: 7.718vw;
  }

  #mobileDetail .pk10-champion-sum-statistics-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    background: #fff;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-champion-sum-statistics-scroll table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #777;
    background: #fff;
    font-size: 3.077vw;
    line-height: 1.25;
    text-align: center;
  }

  #mobileDetail .pk10-champion-sum-statistics-scroll th,
  #mobileDetail .pk10-champion-sum-statistics-scroll td {
    box-sizing: border-box;
    height: 12.308vw;
    padding: 0;
    border: 1px solid #dedede;
    font-weight: 400;
  }

  #mobileDetail .pk10-champion-sum-statistics-scroll thead th {
    height: 10.256vw;
    color: #555;
    background: #eee;
  }

  #mobileDetail .pk10-champion-sum-statistics-scroll tbody tr:nth-child(even) {
    background: #f5f5f5;
  }

  #mobileDetail .pk10-sum-trend-mobile-controls .pk10-analysis-datebar button {
    padding-right: 0.8vw;
    padding-left: 0.8vw;
    font-size: 2.821vw;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll svg {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    pointer-events: none;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll svg polyline {
    fill: none;
    stroke: #1fa6e8;
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table {
    position: relative;
    z-index: auto;
    display: table;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: auto;
    color: #666;
    background: #e6e6e6;
    font-size: 3.2vw;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll th,
  #mobileDetail .pk10-sum-trend-mobile-scroll td {
    box-sizing: content-box;
    height: 8vw;
    padding: 0;
    border: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll th {
    color: #333;
    background: #f0f0f0;
    line-height: 8vw;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll td {
    position: relative;
    overflow: visible;
    color: #666;
    background: #fff;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll td > .pk10-sum-trend-cell-value {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    white-space: nowrap;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll tr.divider td {
    border-bottom: 2px solid #cfcfcf;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll td.hit {
    position: relative;
    z-index: 4;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll td.hit span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    width: 4vw;
    height: 4vw;
    display: inline-block;
    border-radius: 1.867vw;
    color: #fff;
    background: #1fa6e8;
    font-size: 3.2vw;
    line-height: 4vw;
    text-align: center;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table tbody th {
    background: #fff;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table tbody td {
    background: #fff;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table tbody tr.pk10-sum-trend-stat-heading th {
    color: #333;
    background: #f0f0f0;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table.show-layers td.miss {
    color: #fff;
    background: #9292c4;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll table.show-layers td.hit {
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs {
    margin-top: 7.5px;
  }

  #mobileDetail .pk10-sum-trend-mobile .pk10-sum-trend-mobile-controls,
  #mobileDetail .pk10-sum-trend-mobile .pk10-sum-trend-filter-trigger,
  #mobileDetail .pk10-sum-trend-mobile .pk10-analysis-datebar,
  #mobileDetail .pk10-sum-trend-mobile .pk10-analysis-datebar button {
    height: 10.112vw;
  }

}

/* Second-batch PK10 mobile parity: keep the detail page on the document
 * scroller while retaining a clipped horizontal axis, and pin the compact
 * reference column metrics at the audited 390/430px viewports. */
@media (max-width: 1020px) {
  html:has(body.mobile-detail-open[data-detail-type="pk10"]) {
    overflow-x: clip;
    overflow-y: visible;
  }

  body.mobile-detail-open[data-detail-type="pk10"] {
    overflow-x: clip;
    overflow-y: visible;
  }

  #mobileDetail .pk10-sum-trend-mobile .pk10-sum-trend-filter-trigger {
    width: 18.12vw;
    flex-basis: 18.12vw;
    height: 9.6vw;
    color: #fb8e19;
    background: transparent;
    font-family: "Microsoft YaHei", "microsoft yahei", sans-serif;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-analysis-nav,
  #mobileDetail .pk10-analysis-nav button {
    font-family: "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(1) {
    width: calc(14.84375vw - 2.953125px);
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(2),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(3),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(4),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(10),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(16),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(17) {
    width: calc(5.5859375vw - 1.19140625px);
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(n+5):nth-child(-n+9),
  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(n+11):nth-child(-n+15) {
    width: calc(4.609375vw - 0.8046875px);
  }

  #mobileDetail .pk10-sum-trend-mobile-scroll col:nth-child(18) {
    width: calc(5.546875vw - 0.8515625px);
  }
}

/* PK10 mobile navigation pages backed by the trusted analysis APIs. */
@media (max-width: 1020px) {
  #mobileDetail .pk10-hot-cold-mobile,
  #mobileDetail .pk10-two-sided-history,
  #mobileDetail .pk10-number-law,
  #mobileDetail .pk10-today-number,
  #mobileDetail .pk10-position-trend,
  #mobileDetail .pk10-two-sided-road,
  #mobileDetail .pk10-big-dragon-statistics,
  #mobileDetail .pk10-big-dragon-road {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #666;
    background: #f2f2f7;
    font-family: "Microsoft YaHei", "microsoft yahei", sans-serif;
    font-size: 3.2vw;
  }

  #mobileDetail .pk10-two-sided-toolbar,
  #mobileDetail .pk10-number-law-toolbar,
  #mobileDetail .pk10-position-trend-toolbar,
  #mobileDetail .pk10-big-dragon-statistics-toolbar {
    min-height: 10.256vw;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
  }

  #mobileDetail .pk10-two-sided-toolbar button,
  #mobileDetail .pk10-number-law-toolbar > button,
  #mobileDetail .pk10-position-trend-toolbar > button,
  #mobileDetail .pk10-big-dragon-statistics-toolbar > button {
    min-width: 22vw;
    min-height: 10.256vw;
    flex: 0 0 auto;
    padding: 0 2.5vw;
    border: 0;
    color: #555;
    background: #fff;
    font: inherit;
    font-size: 3.2vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-two-sided-toolbar button.active,
  #mobileDetail .pk10-big-dragon-statistics-toolbar button.active {
    color: #fb8e19;
  }

  #mobileDetail .pk10-two-sided-toolbar .pk10-two-sided-rank-trigger {
    min-width: 26vw;
    color: #fb8e19;
  }

  #mobileDetail .pk10-hot-cold-grid {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 2.6667vw;
    background: #efeff4;
  }

  #mobileDetail .pk10-hot-cold-card {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 0 2.6667vw;
    border-radius: .8vw;
    background: #fff;
    box-shadow: none;
  }

  #mobileDetail .pk10-hot-cold-card .pk10-hot-cold-title {
    width: 100%;
    height: 9.3333vw;
    display: block;
    margin: 0;
    color: #fff;
    background: #9da9c2;
    font-size: 3.7333vw;
    font-weight: 600;
    line-height: 9.3333vw;
    text-align: center;
  }

  #mobileDetail .pk10-hot-cold-card:first-child .pk10-hot-cold-title {
    background: #fb8e19;
  }

  #mobileDetail .pk10-hot-cold-card:nth-child(2) .pk10-hot-cold-title {
    background: #2eaae8;
  }

  #mobileDetail .pk10-hot-cold-card > ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #dbdbdb;
  }

  #mobileDetail .pk10-hot-cold-card > ul:last-child {
    border-bottom: 0;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li {
    float: left;
    width: 8.35%;
    height: 9.3333vw;
    box-sizing: border-box;
    color: #666;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 9.3333vw;
    text-align: center;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li.li_first {
    width: 16%;
    border-right: 1px solid #dbdbdb;
  }

  #mobileDetail .pk10-hot-cold-card > ul.num_item > li {
    font-weight: 500;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li.pk10-hot-cold-number {
    position: relative;
    display: block;
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li.pk10-hot-cold-number span {
    width: 100%;
    display: inline-block;
    position: relative;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li.pk10-hot-cold-number .spanclass {
    position: absolute;
    top: .8vw;
    right: -1.282vw;
    width: 3.846vw;
    height: 3.846vw;
    display: block;
    box-sizing: border-box;
    padding: 0;
    color: #fff;
    background: #e90009;
    border-radius: 50%;
    font-size: 3.0769vw;
    line-height: 3.846vw;
    text-align: center;
  }

  #mobileDetail .pk10-hot-cold-card > ul > li.pk10-hot-cold-number b,
  #mobileDetail .pk10-hot-cold-card > ul > li.pk10-hot-cold-number em {
    display: none;
  }

  #mobileDetail .pk10-hot-cold-groups > section { border-top: 1px solid #ededed; }
  #mobileDetail .pk10-hot-cold-groups h3 {
    width: 16vw;
    height: 9.6vw;
    float: left;
    margin: 0;
    color: #888;
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 9.6vw;
    text-align: center;
  }

  #mobileDetail .pk10-hot-cold-groups section > div {
    min-height: 9.6vw;
    display: flex;
    align-items: center;
    gap: 1.6vw;
    overflow-x: auto;
    padding: 0 2.133vw;
  }

  #mobileDetail .pk10-hot-cold-number {
    position: relative;
    width: 7.2vw;
    height: 7.2vw;
    flex: 0 0 7.2vw;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #32a7df;
  }

  #mobileDetail .pk10-hot-cold-number b { font-size: 3.2vw; font-weight: 400; }
  #mobileDetail .pk10-hot-cold-number em {
    position: absolute;
    right: -1.8vw;
    top: -1.8vw;
    min-width: 3.8vw;
    height: 3.8vw;
    padding: 0 .7vw;
    border-radius: 2vw;
    color: #fff;
    background: #f1010a;
    font-size: 2.3vw;
    font-style: normal;
    line-height: 3.8vw;
    text-align: center;
  }

  @media (min-width: 400px) {
    #mobileDetail .pk10-hot-cold-grid {
      margin-top: 2.96vw;
    }
  }

  #mobileDetail .pk10-mobile-table-scroll {
    width: 100%;
    overflow-x: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-mobile-table-scroll table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #777;
    background: #fff;
    font: inherit;
    text-align: center;
  }

  #mobileDetail .pk10-mobile-table-scroll th,
  #mobileDetail .pk10-mobile-table-scroll td {
    height: 10.256vw;
    padding: 0 1vw;
    border: 1px solid #dedede;
    font-weight: 400;
    white-space: nowrap;
  }

  #mobileDetail .pk10-mobile-table-scroll th { color: #555; background: #eee; }
  #mobileDetail .pk10-mobile-table-scroll tbody tr:nth-child(even) { background: #fafafa; }

  #mobileDetail .pk10-number-law-toolbar,
  #mobileDetail .pk10-position-trend-toolbar {
    align-items: stretch;
  }

  #mobileDetail .pk10-number-law-toolbar .pk10-analysis-datebar,
  #mobileDetail .pk10-position-trend-toolbar .pk10-analysis-datebar,
  #mobileDetail .pk10-big-dragon-statistics-toolbar .pk10-analysis-datebar {
    min-width: 57vw;
    height: 10.256vw;
    margin-left: auto;
    padding: 0;
    border: 0;
  }

  #mobileDetail .pk10-number-law-toolbar .pk10-analysis-datebar button,
  #mobileDetail .pk10-position-trend-toolbar .pk10-analysis-datebar button,
  #mobileDetail .pk10-big-dragon-statistics-toolbar .pk10-analysis-datebar button {
    height: 10.256vw;
    padding: 0 1.7vw;
    font-size: 3.077vw;
  }

  #mobileDetail .pk10-number-law-diagram {
    padding: 2.667vw;
    background: #fff;
  }

  #mobileDetail .pk10-number-law-diagram h2 {
    margin: 0 0 2.133vw;
    color: #555;
    font-size: 3.733vw;
    font-weight: 400;
  }

  #mobileDetail .pk10-number-law-diagram > div {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1.067vw;
  }

  #mobileDetail .pk10-number-law-diagram span {
    display: grid;
    gap: 1.067vw;
    place-items: center;
    color: #777;
    font-size: 2.8vw;
  }

  #mobileDetail .pk10-number-law-diagram em { color: #fb8e19; font-style: normal; }
  #mobileDetail .pk10-analysis-note { margin: 0; padding: 2.667vw; color: #999; background: #fff; }

  #mobileDetail .pk10-today-number-grid { display: grid; gap: 2.667vw; padding: 2.667vw; }
  #mobileDetail .pk10-today-number-grid article { overflow: hidden; border-radius: 1.067vw; background: #fff; }
  #mobileDetail .pk10-today-number-grid h2 { margin: 0; padding: 2.133vw; color: #555; font-size: 3.733vw; font-weight: 400; }
  #mobileDetail .pk10-today-number-grid table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: center; }
  #mobileDetail .pk10-today-number-grid th,
  #mobileDetail .pk10-today-number-grid td { height: 8.2vw; border: 1px solid #dedede; font-weight: 400; }

  #mobileDetail .pk10-position-trend-table { min-width: 190vw; table-layout: auto; }
  #mobileDetail .pk10-position-trend-table th,
  #mobileDetail .pk10-position-trend-table td { min-width: 8vw; }
  #mobileDetail .pk10-position-trend-table th:first-child,
  #mobileDetail .pk10-position-trend-table td:first-child { min-width: 18vw; }
  #mobileDetail .pk10-position-trend-table th:nth-child(2),
  #mobileDetail .pk10-position-trend-table td:nth-child(2) { min-width: 48vw; }
  #mobileDetail .pk10-position-trend-table td.rise { color: #e51b28; }
  #mobileDetail .pk10-position-trend-table td.fall { color: #36a5df; }

  #mobileDetail .pk10-big-dragon-statistics-toolbar { flex-wrap: nowrap; }
  #mobileDetail .pk10-big-dragon-statistics-toolbar > button { min-width: auto; padding: 0 2vw; }
  #mobileDetail .pk10-big-dragon-statistics table.pk10-big-dragon-default-table { min-width: 100%; }
  #mobileDetail .pk10-big-dragon-statistics table.pk10-big-dragon-default-table td:nth-child(2),
  #mobileDetail .pk10-big-dragon-statistics table.pk10-big-dragon-default-table td:nth-child(3),
  #mobileDetail .pk10-big-dragon-statistics table.pk10-big-dragon-default-table td:nth-child(4) { min-width: 0; }

  #mobileDetail .pk10-big-dragon-road > .pk10-analysis-datebar { border-bottom: 1px solid #d9d9d9; }
  #mobileDetail .pk10-big-dragon-road .pk10-road-panel { margin-bottom: 0; }

  #mobileDetail .pk10-analysis-range {
    min-width: 40.505vw;
    height: 100%;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    background: #fff;
  }

  #mobileDetail .pk10-analysis-range button {
    width: auto;
    min-width: 0;
    height: 5.865vw;
    margin: 0 1.733vw;
    padding: 0;
    border: 0;
    color: #333;
    background: transparent;
    font: 3.077vw/5.865vw "Microsoft YaHei", "microsoft yahei", sans-serif;
    white-space: nowrap;
  }

  #mobileDetail .pk10-analysis-range button.active { color: #fb8e19; }
  #mobileDetail .pk10-analysis-range button:last-child { margin-right: 0; }
  #mobileDetail .pk10-analysis-range svg { width: 3.846vw; height: 3.846vw; vertical-align: -1.026vw; color: #aaa; }

  #mobileDetail .pk10-two-sided-toolbar {
    height: 11.98vw;
    min-height: 11.98vw;
    border-bottom: 1px solid #e6e6e6;
  }

  #mobileDetail .pk10-two-sided-history {
    overflow-x: auto;
    scrollbar-width: none;
  }

  #mobileDetail .pk10-two-sided-history::-webkit-scrollbar {
    display: none;
  }

  #mobileDetail .pk10-two-sided-history::after {
    content: "";
    display: block;
    width: calc(100% + 5.3846vw);
    height: 0;
  }

  #mobileDetail .pk10-two-sided-toolbar button {
    height: calc(11.98vw - 1px);
    min-height: calc(11.98vw - 1px);
    padding: 0;
    color: #555;
    background: #f5f5f5;
    font-size: 3.4667vw;
    line-height: calc(11.98vw - 1px);
  }
  #mobileDetail .pk10-two-sided-toolbar button:first-child { width: 49%; min-width: 49%; }
  #mobileDetail .pk10-two-sided-toolbar button:last-child { width: 51%; min-width: 51%; }

  #mobileDetail .pk10-two-sided-toolbar button.active {
    color: #fff;
    background: #50515f;
  }

  #mobileDetail .pk10-two-sided-optionbar {
    height: calc(16vw + 1px);
    display: flex;
    overflow-x: auto;
    padding: 4vw 2.6667vw;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
  }

  #mobileDetail .pk10-two-sided-optionbar button {
    width: 22.1vw;
    min-width: 22.1vw;
    height: 8vw;
    flex: 0 0 22.1vw;
    box-sizing: content-box;
    margin-right: 4vw;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4vw;
    color: #777;
    background: #fff;
    font: 3.7333vw/8vw "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-two-sided-optionbar button.active { color: #fff; border: 0; background: #fb8e19; }
  #mobileDetail .pk10-two-sided-optionbar button:last-child { margin-right: 0; }
  #mobileDetail .pk10-two-sided-optionbar.pk10-two-sided-metrics { height: 14.0667vw; padding: 3.177vw 3.257vw 2.89vw; }
  #mobileDetail .pk10-two-sided-metrics button,
  #mobileDetail .pk10-two-sided-metrics button.active {
    width: 25%;
    min-width: 25%;
    height: 8vw;
    flex: 0 0 25%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    border-radius: 0;
    color: #fb8e19;
    background: transparent;
    font: 3.7333vw/8vw "microsoft yahei";
  }
  #mobileDetail .pk10-two-sided-metrics button.active { color: #fff; background: #fb8e19; }
  #mobileDetail .pk10-two-sided-comprehensive-table col.date { width: calc(30.5078125vw - 2.121094px); }
  #mobileDetail .pk10-two-sided-comprehensive-table col.metric { width: calc(17.373046875vw - .970703px); }
  #mobileDetail .pk10-mobile-table-scroll table.pk10-two-sided-comprehensive-table {
    border-collapse: separate;
    border-spacing: 1px;
    background: #e5e5e5;
  }
  #mobileDetail .pk10-two-sided-comprehensive-table th,
  #mobileDetail .pk10-two-sided-comprehensive-table td { height: 38px; padding: 0; border: 0; color: #666; background: #fff; }
  #mobileDetail .pk10-two-sided-comprehensive-table thead th { height: 8.8vw; padding: 0 2.6667vw; border: 0; background: #f0f0f0; line-height: 8.8vw; }
  #mobileDetail .pk10-mobile-table-scroll table.pk10-two-sided-individual-table {
    width: 100%;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: fixed;
    background: #e5e5e5;
  }
  #mobileDetail .pk10-two-sided-individual-table col.date { width: 22.39vw; }
  #mobileDetail .pk10-two-sided-individual-table col.metric { width: 7.452vw; }
  #mobileDetail .pk10-two-sided-individual-table th,
  #mobileDetail .pk10-two-sided-individual-table td { padding: 0; border: 0; color: #666; background: #fff; }
  #mobileDetail .pk10-two-sided-individual-table thead th { height: 17.596vw; padding: 0 1.3333vw; background: #f0f0f0; line-height: 8.8vw; }
  #mobileDetail .pk10-two-sided-individual-table thead th:first-child { padding: 0 8vw; }
  #mobileDetail .pk10-two-sided-individual-table tbody td { height: 38px; }
  #mobileDetail .pk10-two-sided-individual-table tbody::before { content: ""; display: table-row; height: 0; }

  #mobileDetail .pk10-number-law-numbers {
    height: 16vw;
    margin: 0 2.6667vw;
    padding: 4vw 0;
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: .9333vw;
    background: #fff;
  }

  #mobileDetail .pk10-number-law-numbers button {
    position: relative;
    min-width: 0;
    height: 8.4667vw;
    padding: 0;
    border: 1px solid #dedede;
    border-radius: .8vw;
    color: #777;
    background: #fff;
    font: 3.2vw/8vw "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-number-law-numbers button.active {
    color: #666;
    border-color: #fb8e19;
  }

  #mobileDetail .pk10-number-law-numbers button.active::after {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fb8e19;
    content: "";
  }

  #mobileDetail .pk10-number-law-numbers button.active .pk10-number-law-selected-marker {
    position: absolute;
    z-index: 1;
    right: .26vw;
    bottom: .12vw;
    width: 1.6vw;
    height: .8vw;
    display: block;
    border-bottom: .48vw solid #fff;
    border-left: .48vw solid #fff;
    transform: rotate(-45deg);
    transform-origin: center;
  }

  #mobileDetail .pk10-number-law-toolbar {
    height: calc(13.5546875vw + .167969px);
    min-height: calc(13.5546875vw + .167969px);
    margin: 0 2.6667vw;
    padding: .54vw 0 3.26vw;
    align-items: flex-start;
    overflow: hidden;
    border-bottom: 0;
  }

  #mobileDetail .pk10-number-law-views {
    width: calc(27.03125vw + 1.484375px);
    height: 8.4667vw;
    display: flex;
    border: 1px solid #fc8f1a;
    border-radius: 1.3333vw;
    overflow: visible;
  }

  #mobileDetail .pk10-number-law-views button {
    width: 50%;
    min-width: 50%;
    height: 8vw;
    padding: 0;
    border: 0;
    color: #fc8f1a;
    background: #fff;
    font: 3.2vw/8vw "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-number-law-views button.active {
    height: calc(8vw + 1px);
    margin-top: -1px;
    color: #fff;
    background: #fc8f1a;
  }
  #mobileDetail .pk10-number-law-toolbar .pk10-analysis-range { padding-top: 0; }

  #mobileDetail .pk10-number-law-chart { margin-top: 2.6667vw; background: #fff; }
  #mobileDetail .pk10-number-law-chart header {
    height: calc(12vw + 2px);
    padding: 0 2.6667vw;
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 0;
    align-items: center;
    border-bottom: 1px solid #ddd;
    color: #777;
    font-size: 3.2vw;
    white-space: nowrap;
  }

  #mobileDetail .pk10-number-law-chart header span:last-child { padding-left: 0; }
  #mobileDetail .pk10-number-law-chart ol { margin: 0; padding: 0; list-style: none; }
  #mobileDetail .pk10-number-law-chart li {
    height: 11.795vw;
    padding: 0 2.6667vw;
    display: grid;
    grid-template-columns: 5.805vw 1fr;
    align-items: center;
    border-bottom: 1px solid #ddd;
  }

  #mobileDetail .pk10-number-law-chart li b { color: #777; font-size: 3.2vw; font-weight: 400; }
  #mobileDetail .pk10-number-law-chart li > span {
    width: var(--pk10-law-bar);
    min-width: 0;
    height: 6.6667vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 3.3333vw;
    color: #fff;
    background: #fb8e19;
  }

  #mobileDetail .pk10-number-law-chart li em { padding: 0 2.051vw; font-size: 2.82vw; font-style: normal; }
  #mobileDetail .pk10-number-law-data { margin-top: 2.6667vw; background: #fff; }
  #mobileDetail .pk10-number-law-data > header {
    height: calc(13.3333vw + 1px);
    display: grid;
    grid-template-columns: repeat(3, 28.4015vw);
    gap: 3.4656vw;
    align-items: center;
    padding: 0 2.6644vw;
    border-bottom: 1px solid #ddd;
    color: #777;
    background: #f0f0f0;
  }

  #mobileDetail .pk10-number-law-data > header strong { height: 13.3333vw; padding: 0; color: #666; font-size: 3.2vw; font-weight: 400; line-height: 13.3333vw; }
  #mobileDetail .pk10-number-law-data > header button { width: 28.4015vw; height: 8vw; margin: 0; padding: 0; border: 0; border-radius: 4vw; color: #666; background: transparent; font: inherit; line-height: 8vw; }
  #mobileDetail .pk10-number-law-data > header button.active { color: #fff; background: #fc8f1a; }
  #mobileDetail .pk10-number-law-two-sided > div {
    height: calc(8vw + 2px);
    display: grid;
    grid-template-columns: 40% 10% repeat(3, 16%);
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    line-height: 8vw;
  }

  #mobileDetail .pk10-number-law-two-sided span { color: #999; }
  #mobileDetail .pk10-number-law-two-sided span:first-child { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0; color: #51627e; font-size: 3.2vw; }
  #mobileDetail .pk10-number-law-two-sided span:nth-child(2) { color: #666; }
  #mobileDetail .pk10-number-law-two-sided b { font-weight: 400; }
  #mobileDetail .pk10-number-law-two-sided .warm { color: #ff2600; }
  #mobileDetail .pk10-number-law-distribution { min-width: 160vw; }
  #mobileDetail .pk10-number-law-distribution td:first-child { min-width: 30vw; }
  #mobileDetail .pk10-number-law-distribution td.hit { color: #fff; background: #fb8e19; }
  #mobileDetail .pk10-number-law-distribution td.selected { color: #fb8e19; }

  #mobileDetail .pk10-analysis-note {
    height: 10.1vw;
    padding: 0 4vw 0 0;
    color: #000;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: normal;
    text-align: right;
  }
  #mobileDetail .pk10-analysis-note .low,
  #mobileDetail .pk10-today-number td.low { color: #f11821; }
  #mobileDetail .pk10-analysis-note .middle,
  #mobileDetail .pk10-today-number td.middle { color: #168bd8; }
  #mobileDetail .pk10-analysis-note .high,
  #mobileDetail .pk10-today-number td.high { color: #0aa656; }
  #mobileDetail .pk10-today-number-grid { gap: 2.6667vw; padding: 2.6667vw; background: #efeff4; }
  #mobileDetail .pk10-today-number-grid article { height: 37.326vw; border-radius: .8vw; font-family: "microsoft yahei"; }
  #mobileDetail .pk10-today-number-grid h2 { height: 9.3333vw; padding: 0; color: #fff; background: #9da9c2; font-size: 3.2vw; font-weight: 600; line-height: 9.3333vw; text-align: center; }
  #mobileDetail .pk10-today-number-grid article.position-1 h2 { background: #fb8e19; }
  #mobileDetail .pk10-today-number-grid article.position-2 h2 { background: #2eaae8; }
  #mobileDetail .pk10-today-number-grid table { width: 100%; min-width: 100%; }
  #mobileDetail .pk10-today-number-grid th,
  #mobileDetail .pk10-today-number-grid td { height: 9.3333vw; padding: 0; color: #000; font-size: 3.2vw; }
  #mobileDetail .pk10-today-number-grid th:first-child { width: 16%; }

  #mobileDetail .pk10-position-trend-modes,
  #mobileDetail .pk10-big-dragon-tabs {
    height: calc(12vw + 1px);
    display: flex;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
  }

  #mobileDetail .pk10-position-trend-modes button,
  #mobileDetail .pk10-big-dragon-tabs button {
    min-width: 0;
    flex: 1 1 0;
    padding: 0;
    border: 0;
    color: #555;
    background: #f5f5f5;
    font: 3.2vw/12vw "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-position-trend-modes button.active,
  #mobileDetail .pk10-big-dragon-tabs button.active {
    color: #fff;
    background: #50515f;
  }

  #mobileDetail .pk10-position-trend-toolbar,
  #mobileDetail .pk10-big-dragon-statistics-toolbar {
    height: calc(9.6vw + 1px);
    min-height: calc(9.6vw + 1px);
    align-items: flex-start;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }

  #mobileDetail .pk10-position-trend-toolbar > button,
  #mobileDetail .pk10-big-dragon-statistics-toolbar > button {
    width: 18.12vw;
    min-width: 18.12vw;
    height: 9.6vw;
    min-height: 9.6vw;
    padding: 0;
    font: 3.2vw/9.6vw "Microsoft YaHei", "microsoft yahei", sans-serif;
  }

  #mobileDetail .pk10-position-trend-toolbar .pk10-analysis-range,
  #mobileDetail .pk10-big-dragon-statistics-toolbar .pk10-analysis-range {
    height: 9.6vw;
    padding-top: 0;
    align-items: flex-start;
  }

  #mobileDetail .pk10-position-trend-tablebox {
    position: relative;
    width: 100%;
    min-width: 100%;
  }
  #mobileDetail .pk10-big-dragon-trend-box {
    position: relative;
    width: calc(207.8125vw + 63.84375px);
    min-width: calc(207.8125vw + 63.84375px);
  }
  #mobileDetail .pk10-position-trend-line,
  #mobileDetail .pk10-big-dragon-trend-line {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: visible;
    pointer-events: none;
  }

  #mobileDetail .pk10-position-trend-line polyline,
  #mobileDetail .pk10-big-dragon-trend-line polyline {
    fill: none;
    stroke: #0092e0;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }

  #mobileDetail .pk10-position-trend-table {
    width: 100%;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: fixed;
    background: #dbdbdb;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }
  #mobileDetail .pk10-mobile-table-scroll table.pk10-position-trend-table {
    border-collapse: separate;
    border-spacing: 1px;
  }

  #mobileDetail .pk10-position-trend-table th,
  #mobileDetail .pk10-position-trend-table td {
    width: auto;
    min-width: 0;
    height: 6.6667vw;
    padding: 0;
    border: 0;
    background: #fff;
  }
  #mobileDetail .pk10-position-trend-table tbody td { color: #999; }

  #mobileDetail .pk10-position-trend-table col.issue { width: calc(17.4609375vw - 2.582031px); }
  #mobileDetail .pk10-position-trend-table col.draw { width: calc(10.1953125vw - 1.542969px); }
  #mobileDetail .pk10-position-trend-table td.draw span { height: 4vw; display: inline-block; color: #ef020a; font-size: 3.7333vw; font-weight: 600; line-height: 4vw; vertical-align: middle; }
  #mobileDetail .pk10-position-trend-table td.hit { position: relative; z-index: 3; color: #fff; background: #fff; }
  #mobileDetail .pk10-position-trend-table td.hit span { width: 4.2667vw; height: 4.2667vw; display: inline-block; border-radius: 50%; color: #fff; background: #0092e0; line-height: 4.2667vw; }
  #mobileDetail .pk10-position-trend-table td.miss { color: #999; }
  #mobileDetail .pk10-position-trend-table.show-layers td.miss { background: #9595c5; color: #fff; }
  #mobileDetail .pk10-position-trend-table tr.divider td { border-bottom: 2px solid #d6d6d6; }

  #mobileDetail .pk10-big-dragon-default-table {
    width: 100%;
    margin-top: calc(10.75px - 2.5vw);
    min-width: 100%;
    table-layout: fixed;
  }

  #mobileDetail .pk10-big-dragon-default-table th,
  #mobileDetail .pk10-big-dragon-default-table td { border-color: #e6e6e6; }
  #mobileDetail .pk10-big-dragon-default-table th { height: calc(6.796875vw + 8.117188px); padding: 0 2.1333vw; border-color: #e6e6e6; color: #333; background: #f5f5f5; }
  #mobileDetail .pk10-big-dragon-default-table td { padding: 0; color: #999; }
  #mobileDetail .pk10-big-dragon-default-table tbody td:first-child { padding: 0 20px; font-weight: 500; }
  #mobileDetail .pk10-big-dragon-default-table col.issue { width: calc(12.8125vw + 40.90625px); }
  #mobileDetail .pk10-big-dragon-default-table col.numbers { width: calc(57.5vw - 44.5625px); }
  #mobileDetail .pk10-big-dragon-default-table col.dragon,
  #mobileDetail .pk10-big-dragon-default-table col.tiger { width: calc(14.84375vw + 1.328125px); }
  #mobileDetail .pk10-big-dragon-default-table thead tr { height: calc(6.796875vw + 8.117188px); }
  #mobileDetail .pk10-big-dragon-default-table tbody tr { height: calc(10.46875vw + 9.359375px); }
  #mobileDetail .pk10-big-dragon-default-table th:first-child { width: calc(12.8125vw + 40.90625px); }
  #mobileDetail .pk10-big-dragon-default-table th:nth-child(2) { width: calc(57.5vw - 44.5625px); }
  #mobileDetail .pk10-big-dragon-default-table th:nth-child(3),
  #mobileDetail .pk10-big-dragon-default-table th:nth-child(4) { width: calc(14.84375vw + 1.328125px); }
  #mobileDetail .pk10-big-dragon-default-table td:nth-child(2) { min-width: 0; white-space: normal; }
  #mobileDetail .pk10-big-dragon-default-table td:nth-child(3),
  #mobileDetail .pk10-big-dragon-default-table td:nth-child(4) { min-width: 0; }
  #mobileDetail .pk10-big-dragon-default-table td span { margin-right: 4px; font-weight: 500; }
  #mobileDetail .pk10-big-dragon-default-table .front-five { color: #ff9933; }
  #mobileDetail .pk10-big-dragon-default-table .back-five { color: #5dade2; }
  #mobileDetail .pk10-big-dragon-default-table .default-num { color: #999; }
  #mobileDetail .pk10-big-dragon-default-table .big-dragon,
  #mobileDetail .pk10-big-dragon-default-table .big-tiger {
    display: flex;
    height: calc(10.46875vw + 8.359375px);
    margin: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 4vw;
    font-size: 3.4667vw;
    line-height: normal;
  }
  #mobileDetail .pk10-big-dragon-default-table .big-dragon { background: #ff9933; }
  #mobileDetail .pk10-big-dragon-default-table .big-tiger { background: #5dade2; }

  #mobileDetail .pk10-big-dragon-statistics table.pk10-big-dragon-trend-table {
    width: calc(207.8125vw + 63.84375px);
    margin-top: calc(10.75px - 2.5vw);
    min-width: calc(207.8125vw + 63.84375px);
    table-layout: fixed;
  }
  #mobileDetail .pk10-big-dragon-trend-table col.issue { width: calc(12.8125vw + 40.90625px); }
  #mobileDetail .pk10-big-dragon-trend-table col:not(.issue) { width: calc(7.5vw + .84375px); }
  #mobileDetail .pk10-big-dragon-trend-table th:first-child,
  #mobileDetail .pk10-big-dragon-trend-table td:first-child { width: calc(12.8125vw + 40.90625px); min-width: calc(12.8125vw + 40.90625px); }
  #mobileDetail .pk10-big-dragon-trend-table th,
  #mobileDetail .pk10-big-dragon-trend-table td { width: calc(7.5vw + .84375px); min-width: calc(7.5vw + .84375px); height: 50px; padding: 0; border-color: #e6e6e6; }
  #mobileDetail .pk10-big-dragon-trend-table thead th { padding: 0 2.1333vw; border-color: #e6e6e6; color: #333; background: #f5f5f5; }
  #mobileDetail .pk10-big-dragon-trend-table thead tr:first-child th { height: calc(6.796875vw + 8.117188px); }
  #mobileDetail .pk10-big-dragon-trend-table thead tr:nth-child(2) th { height: calc(6.796875vw + 6.117188px); }
  #mobileDetail .pk10-big-dragon-trend-table tbody td { color: #999; }
  #mobileDetail .pk10-big-dragon-trend-table tbody td:first-child { padding: 0 20px; font-weight: 500; background: #fff; }
  #mobileDetail .pk10-big-dragon-trend-table.front td:not(:first-child) { background: #fefaf6; }
  #mobileDetail .pk10-big-dragon-trend-table.back td:not(:first-child) { background: #f0f9fc; }
  #mobileDetail .pk10-big-dragon-trend-table td.hit { position: relative; z-index: 3; }
  #mobileDetail .pk10-big-dragon-trend-table td.hit span {
    width: 6.6667vw;
    height: 6.6667vw;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    background: #ff9933;
    line-height: 6.6667vw;
  }
  #mobileDetail .pk10-big-dragon-trend-table.back td.hit span { background: #33a9ff; }
  #mobileDetail .pk10-big-dragon-trend-table.show-layers td.miss { background: #9595c5; color: #fff; }
  #mobileDetail .pk10-big-dragon-trend-table tr.divider td { border-bottom: 2px solid #d6d6d6; }
}

/* Final desktop overrides for the four 20-number detail pages. Later desktop
   compatibility blocks intentionally remain untouched, so this scope stays
   last and preserves the live reference's exact metrics. */
@media (min-width: 1021px) {
  .pc8473-detail-site-twenty {
    --pc8473-page-bg: #f0f0f0;
    background-color: #f0f0f0 !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-icon {
    align-items: start;
    justify-items: start;
    padding: 49px 0 0 15px;
    border-right: 1px solid #f0f0f0;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current > :not(.pc8473-current-icon) {
    border-right: 0;
  }

  .pc8473-detail-number-family-happy8 {
    padding-top: 49px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current {
    position: relative;
    grid-template-columns: 120px 533px 307px 240px;
  }

  /* Daily-long changes only the content below the shared Happy8 header. */
  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current {
    grid-template-columns: 120px 533px 307px 240px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers {
    position: relative;
    padding-left: 15px;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current-numbers {
    padding-left: 16px;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current-icon {
    padding: 26px 0 0 10px;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current-icon img {
    width: 90px;
    height: 90px;
    object-fit: fill;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 1px;
    width: 1px;
    height: 148px;
    background: #f0f0f0;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current-numbers::after {
    right: 11px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-current-title {
    width: 516px;
    height: 18px;
    color: #666;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-current-title {
    width: 515px;
    height: 26px;
    display: block;
    padding-top: 4px;
    box-sizing: border-box;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-taiwan-order-buttons {
    gap: 4px;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-taiwan-order-buttons button {
    width: 68px;
    min-width: 68px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 4px;
    color: #fff;
    background: #b9b9b9;
    font: 500 12px/12px Inter, sans-serif;
    white-space: nowrap;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-taiwan-order-buttons button.active {
    background: #50515f;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-taiwan-order-buttons.compact {
    gap: 6px;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-current-numbers > .pc8473-taiwan-order-buttons.compact {
    right: 10px;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-taiwan-order-buttons.compact button {
    width: 44px;
    min-width: 44px;
    display: flex;
    padding: 10px;
    font: 400 13.3333px/normal Arial, sans-serif;
    white-space: nowrap;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"]:has(.pc8473-twenty-road-page) .pc8473-current-numbers > .pc8473-taiwan-order-buttons.compact {
    display: none;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"]:has(.pc8473-twenty-road-page) .pc8473-twenty-current-title {
    height: 18px;
    padding-top: 0;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-current-name {
    margin-right: 10px;
    color: #333;
    font: 800 18px/18px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-current-name {
    color: #000;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-current-issue {
    margin: 0 5px;
    color: #f44a07;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers .pc8473-number-family-happy8.current {
    margin-top: 16px !important;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-current-numbers .pc8473-number-family-happy8.current {
    margin-top: 16px !important;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-current-numbers .pc8473-number-family-happy8.current {
    grid-template-rows: repeat(2, 40px);
    row-gap: 0;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-number-family-happy8.current .pc8473-original-ball {
    height: 40px !important;
  }

  .pc8473-detail-number-family-happy8:has(.pc8473-twenty-long-page) .pc8473-twenty-current-title {
    width: 515px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-current-numbers p {
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next {
    display: block;
    align-content: start;
    align-items: start;
    justify-items: start;
    padding: 31px 0 0;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next p {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8:not(:has(.pc8473-twenty-long-page)) .pc8473-next p {
    height: 50px;
    line-height: 50px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-next-issue {
    margin: 0 5px;
    color: #f44a07;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next > div {
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next .pc8473-current-time {
    /* Anchor the intrinsic group to the third-column midpoint.  Relying only
       on flex centering lets the two-unit state fall back to the left edge
       when an older cached cascade or a live unit change supplies a stale
       full-width item. */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 100%;
    min-width: 0;
    height: 80px;
    display: flex;
    align-items: center;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0 3.890625px;
    margin: 0;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next .pc8473-current-time.pc8473-opening {
    width: 160px;
    height: 40px;
    display: block;
    padding-left: 30px;
    box-sizing: border-box;
    color: #f7f200;
    background: #212224;
    border-radius: 2px;
    font-size: 18px;
    line-height: 40px;
    text-align: left;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next .opening.opentyle {
    width: 160px;
    height: 40px;
    display: block;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    color: #f7f200;
    background: #212224;
    border: 0;
    border-radius: 2px;
    font: 18px/40px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: left;
    overflow: visible;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next > div > .opening.opentyle {
    margin-left: auto;
    margin-right: auto;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next .pc8473-current-time b {
    width: 40px;
    height: 40px;
    display: block;
    flex: 0 0 40px;
    color: #ffd200;
    background: #444553;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8 .pc8473-next .pc8473-current-time em {
    width: 14px;
    height: 40px;
    display: block;
    flex: 0 0 14px;
    color: #666;
    font-size: 14px;
    font-style: normal;
    line-height: 40px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-sound {
    top: 1px;
    border-left: 1px solid #f0f0f0 !important;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8:not(:has(.pc8473-twenty-long-page)) .pc8473-sound {
    top: -1px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-record-preferences > button[data-pc-record-action="history"] {
    width: 112px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    background: transparent;
    line-height: 30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number th {
    padding: 0 9px;
    color: #555;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number tbody td {
    padding: 0 9px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number tbody td:nth-child(-n + 3) {
    color: #333;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number tbody td:nth-child(n + 4),
  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-twenty-stat {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number tbody td:nth-child(6) {
    border-right: 1px solid #b9b9b9;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number thead th:nth-child(4) {
    border-right: 1px solid #b9b9b9;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number tbody td:nth-child(4) {
    color: #555;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-twenty-stat-blue {
    color: #184dd5;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-twenty-stat-red {
    color: #f12d35;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-twenty-stat-parity-red {
    color: #f13d35;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table-twenty-number .pc8473-twenty-stat-cyan {
    color: #2eaddc;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table:not(.pc8473-table-pk10) .pc8473-round-row.table .pc8473-original-ball,
  .pc8473-detail-number-family-happy8 .pc8473-table:not(.pc8473-table-pk10) .pc8473-equation.table .pc8473-original-ball {
    display: block !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: inherit;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-align: center !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table:not(.pc8473-table-pk10) .pc8473-round-row.table .pc8473-original-ball-lightblue {
    color: #0b84ad !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -199px -373px !important;
    background-position: -199px -373px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table:not(.pc8473-table-pk10) .pc8473-round-row.table .pc8473-original-ball-blue {
    color: #012537 !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -245px -373px !important;
    background-position: -245px -373px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-table:not(.pc8473-table-pk10) .pc8473-round-row.table .pc8473-original-ball-orange {
    color: #f9982e !important;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -291px -373px !important;
    background-position: -291px -373px !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-page {
    margin-top: 21px;
    padding: 0 0 30px;
    background: #fff;
    color: #555;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  /* Taiwan Bingo keeps the reference page's inherited text metrics on the
     current header as well; its road panel uses the shared metrics above. */
  .pc8473-detail-main[data-detail-lot-code="10047"] > .pc8473-current {
    font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #000;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-page {
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    color: #555;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head {
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px 0 20px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head h2 {
    width: 96px;
    height: 46px;
    margin: 0 0 0 -20px;
    padding: 0 20px;
    color: #555;
    font: 800 16px/46px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    box-sizing: content-box;
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head > div {
    height: 28px;
    display: flex;
    align-self: flex-start;
    align-items: flex-start;
    gap: 0;
    margin-top: 10px;
    color: #666;
    font: 12px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head > div > button {
    width: 44px;
    height: 28px;
    padding: 0;
    border: 0;
    color: #555;
    background: transparent;
    font: 12px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head > div > button.active {
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head label {
    margin-left: 50.65625px;
    display: flex;
    align-items: flex-start;
    color: #555;
    font: 12px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date-label {
    width: 51.34375px;
    height: 28px;
    display: block;
    line-height: 28px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head input,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date-input {
    width: 220px;
    height: 28px;
    margin: 0;
    padding: 0 0 0 25px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #000;
    background: transparent;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box;
    line-height: normal;
    text-align: left;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date {
    width: 220px;
    height: 28px;
    position: relative;
    display: inline-block;
    margin-left: -1px;
    vertical-align: middle;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date-input-wrap {
    width: 220px;
    height: 28px;
    position: relative;
    display: block;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date-input-wrap i {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 1;
    background: url("./assets/pc8473-detail-icons/bjpknum-original.png") -163px -244px no-repeat;
    pointer-events: none;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-date-input-wrap b {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 5px;
    background: #f5b227;
    pointer-events: none;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar {
    width: 219px;
    height: 269px;
    position: absolute;
    top: 28.5px;
    left: 0;
    z-index: 999;
    padding: 0;
    border: 1px solid #e8e8e8;
    color: #555;
    background: #fdfdfd;
    box-shadow: #ddd 1px 2px 3px 0;
    font: 12px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    box-sizing: content-box;
    transform: none;
    backface-visibility: visible;
    white-space: normal;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-inner {
    width: 219px;
    height: 269px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    backface-visibility: hidden;
    white-space: normal;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar header {
    width: 219px;
    height: 30px;
    display: block;
    padding: 10px 0;
    overflow: hidden;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-display {
    width: auto;
    height: 30px;
    display: block;
    padding: 0;
    border: 0;
    color: #333;
    background: transparent;
    font: 28px/30px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: left;
    text-indent: 10px;
    white-space: nowrap;
    float: left;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-view-days .pc8473-twenty-road-calendar-display {
    width: 95.65625px;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-view-days .pc8473-twenty-road-calendar-display > span {
    color: #888;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-view-months .pc8473-twenty-road-calendar-display {
    width: 72.296875px;
    box-sizing: content-box;
    text-indent: 10px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-view-months .pc8473-twenty-road-calendar-arrows {
    margin-right: 10px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-view-months header {
    width: 199px;
    padding: 10px;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-arrows {
    width: 50px;
    height: 31px;
    display: block;
    margin-right: 10px;
    color: #ddd;
    line-height: 30px;
    box-sizing: content-box;
    float: right;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-arrows > span {
    width: 15.1875px;
    height: 31px;
    display: block;
    padding: 0;
    border: 0;
    color: #ddd;
    background: transparent;
    font: 500 26px/normal sans-serif;
    text-align: left;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-arrows > span:first-child {
    float: left;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-arrows > span:last-child {
    float: right;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-weekdays,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-days {
    width: 219px;
    display: grid;
    grid-template-columns: repeat(7, 31.2857142857px);
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-weekdays {
    height: 31.2857142857px;
    color: #888;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-days {
    height: 187.7142857143px;
    grid-template-rows: repeat(6, 31.2857142857px);
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-weekdays li,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-days li {
    width: 31.2857142857px;
    height: 31.2857142857px;
    display: block;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #555;
    background: transparent;
    font: 400 12px/31.2857142857px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    list-style: none;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-weekdays li,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-days li.adjacent {
    color: #888;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-days li.active,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-months li.active {
    color: #fff;
    background: #888aa0;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-months {
    width: 219px;
    height: 219px;
    display: block;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    box-sizing: content-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-calendar-months li {
    width: 54.75px;
    height: 54.75px;
    display: list-item;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #555;
    background: transparent;
    font: 400 12px/54.75px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    white-space: normal;
    list-style: none;
    box-sizing: content-box;
    position: relative;
    float: left;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes {
    height: 58px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 20px 20px 0;
    color: #999;
    font-size: 14px;
    box-sizing: border-box;
  }

  /* The legacy #dxms wrapper is 20px inset and reserves the two 15px
     vertical gaps between `.xuanzhemc` and `.lzType`; mirror that flow with
     Taiwan-only direct controls while preserving their visible y=549/y=596
     positions. */
  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-modes {
    width: 1160px;
    height: 32px;
    margin: 20px 20px 15px;
    padding: 0;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes > span {
    width: 70px;
    height: 28px;
    display: block;
    margin-right: 0;
    font: 14px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button {
    position: relative;
    min-width: 0;
    height: 28px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background: #fff;
    font: 14px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button > span {
    height: 25px;
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
    line-height: 25px;
    white-space: nowrap;
    transform: none;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:not(.active) > span {
    top: 0;
    line-height: 25px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(1) { width: 86px; }
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(2) { width: 88px; }
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(3) { width: 116px; }
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(4) { width: 74px; }
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(5) { width: 74px; }
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button:nth-of-type(6) { width: 88px; }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-modes button.active {
    border: 0;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-filter {
    height: 49px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 9px 20px 0;
    color: #999;
    font-size: 14px;
    box-sizing: border-box;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-filter {
    width: 1160px;
    height: 25px;
    margin: 0 20px 15px;
    padding: 0;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-filter > span {
    width: 70px;
    height: 25px;
    display: block;
    font: 14px/25px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-filter label {
    height: 25px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #333;
    font: 14px/25px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-filter input {
    width: 16px;
    height: 16px;
    margin: 5px 0 0;
    appearance: none;
    border: 1px solid #fa8e19;
    background: url("./assets/pc8473-detail-icons/bjpknum-original.png") -199px -249px no-repeat;
    box-sizing: border-box;
    accent-color: #ff8b12;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result {
    margin: 0 20px;
    margin-bottom: 10px;
    border: 0;
  }

  /* Taiwan's current day can legitimately have no settled draw.  Keep the
     legacy 1160x400 empty listcontent flow and retain only its source message;
     do not render a zero-count summary or an empty road grid. */
  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-result.pc8473-twenty-road-empty {
    width: 1160px;
    height: 400px;
    margin: 0 20px;
    margin-bottom: 0;
    padding: 0;
    border: 0;
    box-sizing: content-box;
    overflow: hidden;
    visibility: visible;
    color: #555;
    font: 24px/400px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-result:not(.pc8473-twenty-road-empty) {
    padding-bottom: 10px;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-page:has(.pc8473-twenty-road-result:not(.pc8473-twenty-road-empty)) {
    padding-bottom: 20px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-head {
    width: 1160px;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
    table-layout: fixed;
    color: #555;
    background: #f5f5f5;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-head td {
    height: 43px;
    padding: 0;
    border: 0;
    vertical-align: middle;
    color: #555 !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-head .pc8473-twenty-road-result-left,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-head .pc8473-twenty-road-result-right {
    padding: 0 10px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-left {
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-left input[type="number"] {
    width: 54px;
    height: 30px;
    padding: 0 0 0 2px;
    border: 1px solid #dbdbdb;
    background: #fff;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-left select {
    width: 70px;
    height: 28px;
    padding: 0;
    border: 1px solid #dbdbdb;
    background: #efefef;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-left input[type="button"] {
    width: 60px;
    height: 28px;
    margin: 0 10px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #888aa0;
  }
}

/* PK10 mobile navigation/body spacing. The audited two-level offsets are kept
 * for active-anchor geometry; app.js coordinates touch movement as one rail so
 * a nested boundary cannot interrupt a horizontal swipe. */
@media (max-width: 1020px) {
  /* Keep complete high-frequency analysis in the DOM while allowing the
   * browser to skip layout/paint for rows and panels below the viewport. The
   * intrinsic sizes preserve the measured scroll geometry, so this is a
   * rendering optimization rather than a data truncation. */
  #mobileDetail .pk10-trend-row {
    content-visibility: auto;
    contain-intrinsic-size: 6.923vw;
  }

  #mobileDetail .pk10-road-panels > .pk10-road-panel {
    content-visibility: auto;
    contain-intrinsic-size: 31.128vw;
  }

  #mobileDetail .pk10-big-dragon-trend-table tbody tr {
    content-visibility: auto;
    contain-intrinsic-size: 50px;
  }

  #mobileDetail .pk10-big-dragon-default-table tbody tr {
    content-visibility: auto;
    contain-intrinsic-size: calc(10.46875vw + 9.359375px);
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav {
    display: block !important;
    width: 100%;
    padding-right: 0 !important;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth;
    overscroll-behavior-x: none;
    touch-action: none;
    will-change: scroll-position;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav.pk10-analysis-nav-dragging,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav.pk10-analysis-nav-dragging .pk10-analysis-nav-track {
    scroll-behavior: auto !important;
  }

  #mobileDetail .pk10-analysis-nav-track {
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-right: 11.603vw;
    scrollbar-width: none;
    overscroll-behavior-x: none;
    touch-action: none;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
  }

  #mobileDetail .pk10-analysis-nav-track::-webkit-scrollbar {
    display: none;
  }

  #mobileDetail .pk10-analysis-nav > .pk10-analysis-nav-track > button {
    flex: 0 0 auto;
  }

  #mobileDetail .pk10-trend-toolbar {
    margin-top: 2.96vw;
  }

  #mobileDetail .pk10-hot-cold-grid {
    margin-top: 2.96vw;
    padding-top: 2.6667vw;
  }
}

@media (min-width: 1021px) and (max-width: 1200px) {
  /* Keep PK10's measured 1200px canvas intact while clipping it to the
   * viewport, matching the original document scroll width at 1021px. */
  body.desktop-detail-open:has(#desktopDetail.pk10-detail-open) {
    width: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  #desktopDetail.pk10-detail-open {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
}

/* Pages 10-14: the original leaves one compact separator between the
 * analysis rail and the non-road content roots. Dedicated road pages 9/13
 * already include that spacing in their own toolbar and must not inherit it. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-sum-trend-mobile,
  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-history,
  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-mobile,
  body[data-detail-type="pk10"] #mobileDetail .pk10-number-law {
    margin-top: 2.6667vw;
  }
}

/* Pages 15-20: final mobile contract overrides. Keep this local to these
 * roots so pages 1-14 retain their existing shell and road sizing. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] {
    padding-bottom: 0 !important;
  }

  /* The shared 首页 / 彩种 / 更多 footer remains visible on PK10 details. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number,
  body[data-detail-type="pk10"] #mobileDetail .pk10-position-trend,
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-mobile,
  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road,
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-statistics,
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road {
    margin-top: 2.9231vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-note {
    box-sizing: border-box;
    display: block;
    align-items: initial;
    justify-content: initial;
    line-height: 10.1vw;
    padding-right: 8.7vw;
    text-align: right;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-note .low,
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number td.low { color: #ff2600; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-note .middle,
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number td.middle { color: #0092e0; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-note .high,
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number td.high { color: #07be01; }

  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number-grid article {
    box-sizing: border-box;
    border: 1px solid #dbdbdb;
    background: #fff;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number-grid table,
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number-grid th,
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number-grid td {
    border-color: #dbdbdb;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-position-trend-line[hidden],
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-trend-line[hidden] {
    display: none !important;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-position-trend-table {
    height: auto;
    max-height: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll table {
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: fixed;
    background: #e5e5e5;
    font-family: "Microsoft YaHei", "Microsoft Yahei", sans-serif;
    font-size: 3.2vw;
    color: #666;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll col.date { width: 33.3333%; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll col:not(.date) { width: 16.6667%; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll th,
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll td {
    height: 10.2564vw;
    border: 0;
    background: #fff;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll thead th {
    height: 8.8vw;
    background: #f0f0f0;
    color: #666;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-champion-sum-statistics-scroll tbody td {
    color: #666;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road .pk10-road-panel header strong { color: #ef0508; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road .pk10-road-columns span.warm,
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road .pk10-road-columns span.warm { color: #ff2600; }
  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road .pk10-road-columns span.cool,
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road .pk10-road-columns span.cool { color: #989898; }

  /* Track width is columns.length × 36px and therefore stays data-driven. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road .pk10-road-columns > div {
    width: 36px;
    flex-basis: 36px;
    padding: 0;
  }
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road .pk10-road-columns span { width: 36px; }

  /* The dedicated road date row uses the same 9.856vw control height as
   * the two-sided road bar; the generic 12.8205vw datebar would push the
   * header/table about 11px below the audited 390px/430px coordinates. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-big-dragon-road > .pk10-analysis-datebar {
    height: 9.856vw;
    padding: 0;
  }
}

@media (min-width: 1021px) {
  .pc8473-pk10-two-sided-history .pc8473-pk10-exact-table-scroll { margin-top: 19px; }
  .pc8473-pk10-two-sided-history-table { width: 1160px; min-width: 1160px; table-layout: fixed; font-size: 12px; }
  .pc8473-pk10-two-sided-history-table th,
  .pc8473-pk10-two-sided-history-table td { height: 38px; box-sizing: border-box; padding: 0; font-size: 12px; line-height: 16px; }
  .pc8473-pk10-two-sided-history-table thead tr:first-child { height: 40px; }
  .pc8473-pk10-two-sided-history-table thead tr:nth-child(2) { height: 34px; }
  .pc8473-pk10-two-sided-history-table thead tr:first-child th { height: 40px; }
  .pc8473-pk10-two-sided-history-table thead tr:nth-child(2) th { height: 34px; }

  .pc8473-pk10-number-trend-annotations { min-height: 54px; justify-content: flex-start; }
  .pc8473-pk10-number-trend-tablebox { margin-left: 1px; }
  .pc8473-pk10-number-trend-table { width: 3276px; min-width: 3276px; table-layout: fixed; font-size: 12px; }
  .pc8473-pk10-number-trend-table thead tr:first-child { height: 39px; }
  .pc8473-pk10-number-trend-table thead tr:nth-child(2),
  .pc8473-pk10-number-trend-table tbody tr,
  .pc8473-pk10-number-trend-table tfoot tr { height: 34px; }
  .pc8473-pk10-number-trend-table th,
  .pc8473-pk10-number-trend-table td { height: 34px; box-sizing: border-box; padding-top: 0; padding-bottom: 0; font-size: 12px; line-height: 16px; }
  .pc8473-pk10-number-trend-table thead tr:first-child > th:first-child,
  .pc8473-pk10-number-trend-table tbody td:first-child { width: 100px; min-width: 100px; }
  .pc8473-pk10-number-trend-table thead tr:first-child > th:nth-child(2),
  .pc8473-pk10-number-trend-table tbody td:nth-child(2) { width: 170px; min-width: 170px; }
  .pc8473-pk10-number-trend-lines { width: 3276px; height: calc(73px + 30 * 34px); }

  .pc8473-pk10-number-law > .pc8473-pk10-exact-note { height: 28px; max-height: 28px; margin: 19px 0 20px; padding-top: 3px; padding-bottom: 3px; }
  .pc8473-pk10-number-law-select { position: relative; z-index: 2; height: 42px; min-height: 42px; padding: 0 0 8px; }
  .pc8473-pk10-number-law-chart { position: relative; z-index: 1; width: 1380px; height: 340px; box-sizing: border-box; margin: -40px 0 0 -110px; }
  .pc8473-pk10-number-law-chart ol { width: 1380px; height: 282px; min-height: 0; box-sizing: border-box; margin: 0; padding: 0 139px; }
  .pc8473-pk10-number-law-table { width: 1158px; margin-left: 1px; table-layout: fixed; font-size: 12px; }
  .pc8473-pk10-number-law-table thead tr { height: 27px; }
  .pc8473-pk10-number-law-table tbody tr { height: 34px; }
  .pc8473-pk10-number-law-table th,
  .pc8473-pk10-number-law-table td { height: 34px; box-sizing: border-box; padding: 0; font-size: 12px; line-height: 16px; }
  .pc8473-pk10-number-law-table thead th { height: 27px; }

  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-list { padding: 0 20px 20px; }
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-track { margin-top: 0; }
  .pc8473-pk10-dragon-statistics-table th { padding-right: 0; padding-left: 0; white-space: nowrap; }
}

/* r75 terminal PK10 parity overrides. Keep this block at EOF so the
 * audited PK10 geometry wins without changing other lottery families. */
@media (min-width: 1021px) {
  /* P01 即时开奖 */
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 { width: 1160px; min-width: 1160px; margin: 20px; table-layout: auto; font-family: Tahoma, "微软雅黑", "Microsoft YaHei", sans-serif; font-size: 14px; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 thead tr,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 thead th { height: 42px; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 thead th { font-size: 14px; font-weight: 400; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 tbody tr,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 tbody td { height: 35px; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 tbody td { font-size: 14px; line-height: 20px; }

  /* P03 冷热分析: the original cells float balls from the left edge. */
  .pc8473-pk10-exact-page.pc8473-pk10-hotcold-page .pc8473-pk10-hotcold-table td ul { display: block; height: 49px; margin: 0; padding: 0 0 0 5px; text-align: left; }
  .pc8473-pk10-exact-page.pc8473-pk10-hotcold-page .pc8473-pk10-hotcold-table td li { display: block; width: 32px; height: 32px; min-width: 32px; float: left; margin: 8px 5px; }

  /* P02/P04/P06/P10/P12/P19 date controls retain a real input but hide the
   * browser-native visual so the measured custom date box remains visible. */
  .pc8473-pk10-exact-page .pc8473-pk10-exact-date-input { position: relative; width: 220px; height: 28px; box-sizing: border-box; padding: 0 25px; border: 1px solid #dbdbdb; line-height: 26px; text-align: left; }
  .pc8473-pk10-exact-page .pc8473-pk10-exact-date-input input[data-pc-pk10-exact-date] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
  .pc8473-pk10-road-exact .pc8473-pk10-road-modes { margin: -5px 0 0; }
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-toolbar button:not([data-pc-pk10-exact-action$="-all"]):not([data-pc-pk10-exact-action$="-clear"]) { margin-right: 8px; padding-left: 29px; }

  /* P14 号码规律统计 */
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-select { height: 42px; min-height: 42px; align-items: flex-start; gap: 0; padding: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-select > span { flex: 0 0 72px; line-height: 25px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-numbers { width: 815px; height: 25px; margin-left: 31px; padding: 0; display: flex; justify-content: space-between; gap: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-numbers button { min-width: 0; width: auto; height: 25px; padding: 0; line-height: 23px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart { width: 1380px; height: 340px; margin: -40px 0 0 -110px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart::before { position: absolute; left: 139px; top: 60px; width: 1103px; height: 221px; box-sizing: border-box; border-left: 1px solid #333; border-bottom: 1px solid #333; background: repeating-linear-gradient(to bottom, transparent 0, transparent 31.571px, #d7d7d7 31.571px, #d7d7d7 32.571px); content: ""; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-axis { position: absolute; left: 113px; top: 56px; width: 20px; height: 225px; display: flex; flex-direction: column; justify-content: space-between; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart ol { position: absolute; left: 139px; top: 60px; width: 1103px; height: 221px; box-sizing: border-box; margin: 0; padding: 0; gap: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart li { position: relative; width: 110.3px; min-width: 110.3px; height: 221px; display: block; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart li span { position: absolute; left: 30.15px; bottom: 0; width: 50px; height: var(--bar-height); min-height: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart li em { position: absolute; left: 0; bottom: calc(var(--bar-height) + 2px); width: 110.3px; height: 18px; margin: 0; transform: none; text-align: center; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-chart li b { position: absolute; left: 0; bottom: -28px; width: 110.3px; height: 28px; margin: 0; transform: none; text-align: center; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table { width: 1158px; min-width: 1158px; margin-left: 1px; table-layout: fixed; font-size: 14px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table col.issue { width: 181px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table col.same-spacer { width: 48.5px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table col.same-number { width: 35px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table col.change { width: 141px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table col.two-sided { width: 97px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table thead tr { height: 27px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table tbody tr { height: 34px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table th,
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table td { height: 34px; padding: 0; font-size: 14px; line-height: 16px; }
  .pc8473-pk10-exact-page.pc8473-pk10-number-law .pc8473-pk10-number-law-table thead th { height: 27px; }

  /* P11 位置走势 */
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-controls { width: 1160px; height: 42px; min-height: 42px; align-items: flex-start; justify-content: flex-start; gap: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-ranks { width: 723px; height: 25px; margin-left: 8px; padding: 0; justify-content: space-between; gap: 0; flex-wrap: nowrap; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-ranks button { min-width: 0; width: auto; height: 25px; padding: 0; line-height: 23px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-exact-annotations { margin-left: 120px; height: 25px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend > .pc8473-pk10-exact-table-scroll { margin-top: -3px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table { width: 1158px; min-width: 1158px; margin-left: 1px; table-layout: fixed; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table thead tr,
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table thead th { height: 27px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table tbody tr,
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table tbody td { height: 39px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table th,
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table td { padding: 0 3px; }

  /* P15 两面统计 */
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-exact-note { height: 30px; max-height: 30px; margin: 19px 0 20px; padding: 0 10px; border: 1px solid #d9e1e7; background: #edf4fa; line-height: 28px; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-rank-filter { width: 1160px; height: 42px; min-height: 42px; margin: 0; padding: 0; align-items: flex-start; gap: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-rank-filter > span { flex: 0 0 72px; line-height: 25px; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-rank-filter .pc8473-pk10-rank-selector { height: 25px; padding: 0; justify-content: space-between; gap: 0; flex-wrap: nowrap; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-rank-filter .pc8473-pk10-rank-selector { width: 841px; margin-left: 31px; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats > .pc8473-pk10-rank-filter button { min-width: 0; width: auto; height: 25px; padding: 0; line-height: 23px; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table { width: 1160px; margin: 0; table-layout: fixed; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table th,
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table td { height: 50px; padding: 0; }

  /* P19 大龙大虎路珠: data-driven columns and an interactive road viewport. */
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head { width: 1200px; height: 47px; min-height: 47px; margin-left: -20px; padding: 0 20px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head .pc8473-pk10-exact-dates { margin-left: auto; padding: 8px 20px; flex-wrap: nowrap; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-note { width: 1160px; height: 28px; max-height: 28px; margin: 20px 0; padding: 0 10px; line-height: 26px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-road-exact-list { width: 1160px; height: 263px; margin: 0; padding: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track { width: 1160px; height: 263px; margin: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track > header { width: 1158px; height: 43px; min-height: 43px; padding: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls { flex: 0 0 623.4375px; width: 623.4375px; height: 42px; padding-left: 69.890625px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls input { width: 54px; height: 30px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls select,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls button { width: 60px; min-width: 60px; height: 28px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-summary { flex: 0 0 486.172px; width: 486.172px; height: 42px; line-height: 42px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-scroll { width: 1158px; height: 208px; min-height: 208px; overflow-x: auto; overflow-y: hidden; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns { width: max-content; min-width: 0; height: 208px; min-height: 208px; padding: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div { width: 40px; min-width: 40px; height: 208px; min-height: 208px; padding: 0; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns span { width: 40px; height: 22px; padding: 0; }
}

@media (max-width: 1020px) {
  #mobileDetail .pk10-number-law-numbers button.active .pk10-number-law-selected-marker { right: 1.1vw; bottom: 1.1vw; width: 1.8vw; height: 1.1vw; border: 0; border-right: .48vw solid #fff; border-bottom: .48vw solid #fff; transform: rotate(45deg); }
}

/* r78 desktop PK10 controls measured from the independent r77 matrix. */
@media (min-width: 1021px) {
  /* P01 即时开奖: the reference uses a transparent history action after the eye controls. */
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences > [data-pc-record-action="history"] {
    order: 99;
    display: inline-block;
    width: 110px;
    height: 30px;
    margin: 0 20px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: rgb(51, 51, 51);
    background: transparent;
    font: 14px/30px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head { padding-right: 1px; }

  /* P02/P04/P06/P10/P12/P19: original text input, label and DOM calendar. */
  .pc8473-pk10-exact-dates {
    position: relative;
    flex-wrap: nowrap;
  }
  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates { padding: 8px 21px 8px 20px; }
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head .pc8473-pk10-exact-dates { padding: 8px 1px 8px 20px; }
  .pc8473-pk10-exact-date-label {
    position: relative;
    top: 1px;
    height: 28px;
    color: rgb(85, 85, 85);
    font: 14px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }
  .pc8473-pk10-exact-date-field {
    position: relative;
    top: 1px;
    display: block;
    flex: 0 0 220px;
    width: 220px;
    height: 28px;
  }
  .pc8473-pk10-exact-page .pc8473-pk10-exact-date-input {
    display: inline-block;
    width: 220px;
    height: 28px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 25px;
    border: 1px solid rgb(219, 219, 219);
    border-radius: 0;
    color: rgb(0, 0, 0);
    background: transparent;
    font: 13.3333px Arial;
    font-family: Arial !important;
    line-height: normal;
    text-align: start;
    cursor: pointer;
  }
  .pc8473-pk10-exact-date-field::before {
    position: absolute;
    left: 7px;
    top: 6px;
    z-index: 1;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 1px solid rgb(145, 145, 145);
    border-top-width: 3px;
    pointer-events: none;
    content: "";
  }
  .pc8473-pk10-exact-date-field::after {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: rgb(250, 166, 35);
    pointer-events: none;
    content: "";
  }
  .pc8473-pk10-exact-date-picker {
    position: absolute;
    top: 38px;
    z-index: 80;
  }
  .pc8473-pk10-road-modebar .pc8473-pk10-exact-date-picker { right: 20px; }
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-date-picker { right: 0; }
  .pc8473-pk10-exact-date-picker > .view,
  .pc8473-pk10-exact-date-picker .calendar-ct { width: 219px; }
  .pc8473-pk10-exact-date-picker > .view { height: 269px; }
  .pc8473-pk10-exact-date-picker .calendar-ct { height: 219px; }
  .pc8473-pk10-exact-date-picker header { height: 50px; }
  .pc8473-pk10-exact-date-picker header button,
  .pc8473-pk10-exact-date-picker .pc8473-history-days button,
  .pc8473-pk10-exact-date-picker .pc8473-history-months button {
    min-width: 0;
    margin: 0;
    border: 0;
    background: transparent;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-days button.active { color: #fff; background: #f58b1f; }

  /* Road run controls share the original content-box geometry and Arial form font. */
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-track > header {
    width: 1160px;
    margin-left: -1px;
  }
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-controls input[type="number"],
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls input[type="number"] {
    display: inline-block;
    box-sizing: content-box;
    width: 50px;
    height: 28px;
    margin: 0 0 0 12px;
    padding: 0 0 0 2px;
    border: 1px solid rgb(219, 219, 219);
    font: 13.3333px Arial;
    font-family: Arial !important;
    text-align: center;
  }
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-controls select,
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls select {
    display: inline-block;
    width: 60px;
    height: 28px;
    box-sizing: border-box;
    margin-left: 4.6px;
    border: 1px solid rgb(219, 219, 219);
    background: rgb(239, 239, 239);
    font: 13.3333px Arial;
    font-family: Arial !important;
  }
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-controls input[type="button"],
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls input[type="button"] {
    display: inline-block;
    width: 60px;
    min-width: 60px;
    height: 28px;
    box-sizing: border-box;
    margin: 0 10px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: rgb(136, 138, 160);
    font: 13.3333px Arial;
    font-family: Arial !important;
    text-align: center;
    cursor: pointer;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls { padding-left: 0; }

  /* P11 位置走势 */
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table th,
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table td { padding: 0; }
}

/* r76 terminal PK10 fixes from the independent r75 geometry review. */
@media (min-width: 1021px) {
  /* P01 即时开奖: the 34px mode content plus its table border produces
   * the audited 35px body-row box. */
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 { margin: 22px 20px 20px; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 tbody tr,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 tbody td { height: 35px; }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 .pc8473-table-number-modes,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 .pc8473-table-number-modes > [data-number-view] { height: 34px; line-height: 34px; }

  /* All road tracks use the 1160px content rail; the one-pixel parent border
   * is retained while the header itself is aligned to the rail edge. */
  .pc8473-pk10-road-exact .pc8473-pk10-road-exact-track > header { width: 1160px; margin-left: -1px; }
  .pc8473-pk10-road-exact > .pc8473-pk10-exact-head { width: 1200px; height: 47px; min-height: 47px; box-sizing: border-box; padding: 0 20px; }
  .pc8473-pk10-road-exact > .pc8473-pk10-road-exact-list { margin-top: -1px; }

  /* P02 路珠分析: the reference keeps a 20px breathing space above a
   * 1160x70 filter bar, then starts the first track immediately. */
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar {
    width: 1160px;
    height: 70px;
    min-height: 70px;
    margin: 20px 20px 0;
    box-sizing: border-box;
  }
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-list { width: 1200px; padding: 0 20px 20px; }

  /* P04/P12: one compact selector row follows the explanatory note. */
  .pc8473-pk10-road-dragon > .pc8473-pk10-road-exact-toolbar,
  .pc8473-pk10-road-front-back > .pc8473-pk10-road-exact-toolbar {
    width: 1160px;
    height: 33px;
    min-height: 33px;
    margin: 0 20px;
    box-sizing: border-box;
    padding: 4px 0;
    gap: 8px;
  }
  .pc8473-pk10-road-dragon > .pc8473-pk10-road-exact-toolbar > span,
  .pc8473-pk10-road-front-back > .pc8473-pk10-road-exact-toolbar > span { margin-left: 0; }

  /* P06: 冠亚和路珠 has no standalone selector row; its run controls are
   * already rendered in the track header. */
  .pc8473-pk10-road-sum > .pc8473-pk10-road-exact-list { margin-top: -3px; }

  /* P10: two selector rows (名次 + 路珠) start 20px below the title bar. */
  .pc8473-pk10-road-two-sided > .pc8473-pk10-road-exact-toolbar {
    width: 1160px;
    height: 77px;
    min-height: 77px;
    margin: 20px 20px 0;
    box-sizing: border-box;
    align-content: flex-start;
    padding: 8px 0;
    row-gap: 8px;
  }
  .pc8473-pk10-road-two-sided > .pc8473-pk10-road-exact-toolbar > span { margin-left: 0; }

  /* P10 uses native mutually-exclusive buttons for the second-row road type
   * selector while preserving the original link geometry and visual states. */
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs {
    display: flex;
    align-items: center;
    gap: 18px;
    height: 28px;
    margin-left: 10px;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button {
    display: block;
    box-sizing: border-box;
    appearance: none;
    height: 28px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #595959;
    background: #fff;
    font: 14px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button[data-exact-value="2"] { width: 58px; }
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button[data-exact-value="1"] { width: 60px; }
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button:hover,
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button:focus-visible {
    border-color: #fa8e19;
    color: #fa8e19;
    outline: 0;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-p10-road-type-tabs > button.active {
    border-color: #fa8e19;
    color: #fff;
    background: #fa8e19;
  }

  /* P11 位置走势: the original's number column is just over 207px. */
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table th:nth-child(2),
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table td:nth-child(2) { width: 207.578px; min-width: 207.578px; }
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table th:first-child,
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table td:first-child { width: 83.53125px; min-width: 83.53125px; }

  /* P15 两面统计: let the explicitly wider date column participate in the
   * table algorithm instead of being averaged by fixed layout. */
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table { table-layout: auto; }
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table th:first-child,
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table td:first-child { width: 307.391px; min-width: 307.391px; }

  /* P16 每日长龙统计: retain the 124px date rail and distribute the 12
   * period columns across the remaining 1034px. */
  .pc8473-pk10-exact-page.pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-table { table-layout: fixed; }
  .pc8473-pk10-daily-dragon-table col.daily-date { width: 124px; }
  .pc8473-pk10-daily-dragon-table col.daily-short { width: 77.546875px; }
  .pc8473-pk10-daily-dragon-table col.daily-period-10 { width: 104.015625px; }
  .pc8473-pk10-daily-dragon-table col.daily-period-11 { width: 100.5px; }
  .pc8473-pk10-daily-dragon-table col.daily-period-12 { width: 104.015625px; }
  .pc8473-pk10-daily-dragon-table col.daily-period-13 { width: 104.09375px; }

  /* P19 大龙大虎路珠 note uses the original pale blue and no horizontal
   * text inset. */
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-note { padding: 0; background: rgb(237, 244, 250); }

  /* P18 大龙大虎统计: reproduce the reference col-group rather than
   * letting intrinsic labels widen the first six cells. */
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table { table-layout: fixed; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-issue { width: 63.171875px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-code { width: 119.9375px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-outcome { width: 41.796875px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-sum { width: 47.5625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-15 { width: 30.890625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-16 { width: 31.390625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-17 { width: 26.578125px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-40 { width: 26.71875px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table td {
    height: 50px;
    white-space: normal;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table thead th {
    min-width: 18px;
    color: rgb(85, 85, 85);
    background: rgb(245, 245, 245);
    font-size: 16px;
    line-height: 26px;
    white-space: normal;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table thead tr:first-child,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table thead tr:first-child th { height: 40.71875px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table thead tr:nth-child(2),
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-statistics .pc8473-pk10-big-dragon-stat-tablebox > table thead tr:nth-child(2) th { height: 39.28125px; }
}

/* r77 desktop PK10 corrections from the independent r76 visual matrix. */
@media (min-width: 1021px) {
  /* P01 即时开奖 */
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-table-pk10 thead th {
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    font-size: 16px;
    line-height: 16px;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences > button[data-pc-record-action="history"] {
    order: 99;
    width: 110px;
    height: 30px;
    margin: 0 0 0 20px;
    border: 0;
    border-radius: 0;
    line-height: 30px;
  }

  /* P02 路珠分析 */
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar {
    padding: 0;
    row-gap: 10px;
    align-content: flex-start;
  }
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar > span { margin-right: 4px; }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls {
    position: relative;
    top: 1px;
    font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    font-size: 14px;
    line-height: 14px;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls input {
    box-sizing: content-box;
    width: 50px;
    height: 28px;
    padding: 0 0 0 2px;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls select {
    width: 60px;
    height: 28px;
    box-sizing: border-box;
    position: relative;
    left: .75px;
    background: #efefef;
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls button {
    width: 60px;
    min-width: 60px;
    height: 28px;
    margin: 0 10px;
    padding: 0;
    border-radius: 4px;
    background: rgb(136, 138, 160);
    font: 13.3333px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result-right {
    text-align: right;
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-important {
    margin-left: 10px;
    color: #f1010a;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-bottom {
    background: url("./assets/pc8473-detail-icons/bjpknum-original.png") -261px -235px no-repeat;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header {
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9px;
    border: 1px solid #e6e6e6;
    color: #666;
    background: #f5f5f5;
    font-size: 14px;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header select {
    height: 34px;
    border: 1px solid #d7d7d7;
    background: #fff;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header button {
    width: 60px;
    height: 34px;
    margin-left: 8px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #70758b;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header p {
    margin: 0;
    white-space: nowrap;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header b {
    margin-left: 8px;
    color: #ff3054;
    font-weight: 400;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid {
    display: flex;
    align-items: stretch;
    direction: rtl;
    position: relative;
    top: -1px;
    margin-bottom: -1px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div {
    width: 30px;
    flex: 0 0 30px;
    padding-top: 8px;
    position: relative;
    border-left: 1px solid #e6e6e6;
    border-right: 0;
    background: #f5f5f5;
    transform: none;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div.red-column {
    border-left: 1px solid #e6e6e6;
    border-right: 0;
    background: #f5f5f5;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div:nth-child(even),
  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div.red-column:nth-child(even) {
    background: #fff;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid > div,
  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid > div.red-column {
    height: 168px;
    min-height: 168px;
    background: #fff;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid > div:nth-child(even),
  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid > div.red-column:nth-child(even) {
    background: #f5f5f5;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid {
    height: 170px;
    min-height: 170px;
  }

  .pc8473-detail-main[data-detail-lot-code="10047"] .pc8473-twenty-road-grid > div {
    /* The reference table lays out its 30px cells on half-pixel boundaries;
       retain that rasterization when the flex replacement is clipped. */
    transform: translateX(-0.5px);
  }

  .pc8473-detail-main:is([data-detail-lot-code="10073"], [data-detail-lot-code="10054"]) .pc8473-twenty-road-grid > div {
    transform: translateX(-1px);
  }

  /* 快乐8 has an odd number of visible road columns.  The legacy table's
     right-to-left flow therefore exposes a white first column at the left
     edge; keep the shared fast/SG parity unchanged and invert only the
     ordinary Happy8 column backgrounds to match that edge. */
  .pc8473-detail-main[data-detail-lot-code="10073"] .pc8473-twenty-road-grid > div,
  .pc8473-detail-main[data-detail-lot-code="10073"] .pc8473-twenty-road-grid > div.red-column {
    background: #fff;
  }

  .pc8473-detail-main[data-detail-lot-code="10073"] .pc8473-twenty-road-grid > div:nth-child(even),
  .pc8473-detail-main[data-detail-lot-code="10073"] .pc8473-twenty-road-grid > div.red-column:nth-child(even) {
    background: #f5f5f5;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid span {
    width: 29.5px;
    height: 14px;
    display: block;
    margin-left: .5px;
    margin-bottom: 6px;
    border: 0;
    color: #666;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid span.pc8473-road-color-pink {
    color: #f00078;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid span.pc8473-road-color-green {
    color: #009100;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid span.pc8473-road-color-purple {
    color: #ff2fff;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div.red-column span {
    transform: none;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-grid > div:first-child span:last-child {
    font-weight: 700;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-result-head {
    height: 43px;
    border-bottom-width: 0;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-result-head td {
    height: 42px;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-page {
    padding-bottom: 30px;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid {
    height: auto;
    min-height: 130px;
    top: 0;
    margin-bottom: 0;
    border-top-color: #e6e6e6;
    border-bottom-color: #e6e6e6;
    background: repeating-linear-gradient(
      to right,
      #fff 0 28px,
      #e6e6e6 28px 29px,
      #f5f5f5 29px 58px,
      #e6e6e6 58px 59px,
      #fff 59px 60px
    );
    box-shadow: none;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) {
    background: repeating-linear-gradient(
      to right,
      #fff 0 29px,
      #e6e6e6 29px 30px,
      #f5f5f5 30px 59px,
      #e6e6e6 59px 60px
    );
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div,
  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div.red-column {
    height: auto;
    min-height: 130px;
    background: #f5f5f5;
    transform: none;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div:nth-child(even),
  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div.red-column:nth-child(even) {
    background: #fff;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div,
  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div.red-column {
    background: #fff;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div:nth-child(even),
  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div.red-column:nth-child(even) {
    background: #f5f5f5;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div {
    padding-top: 8px;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10054"], [data-detail-lot-code="10082"]) .pc8473-twenty-road-grid > div:first-child {
    width: 30px;
    flex-basis: 30px;
  }

  /* Keep the fast Happy8 cell boundaries on the legacy table raster.  The
     fixed-width RTL grid already provides the clipped overflow; translating
     every child shifts the visible columns one pixel too far left. */
  .pc8473-detail-main[data-detail-lot-code="10054"] .pc8473-twenty-road-grid > div {
    transform: none;
  }

  /* An even visible column count leaves the legacy right-to-left table one
     raster pixel further left; mirror that only for the matching grid shape.
     Odd counts use the unshifted boundaries above. */
  .pc8473-detail-main[data-detail-lot-code="10054"] .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div {
    transform: translateX(-1px);
  }

  /* SG快乐8 exposes only the selected run columns.  The legacy table is
     right-floated; its unused left side keeps the same 30px table texture,
     starting with a white cell before the alternating gray cell. */
  .pc8473-detail-main[data-detail-lot-code="10082"] .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) {
    background: repeating-linear-gradient(
      to right,
      #fff 0 28px,
      #e6e6e6 28px 29px,
      #f5f5f5 29px 58px,
      #e6e6e6 58px 59px,
      #fff 59px 60px
    );
    background-position: 0 0;
  }

  .pc8473-detail-main[data-detail-lot-code="10082"] .pc8473-twenty-road-grid:has(> div:nth-child(even):last-child) > div {
    /* Match the half-pixel rasterization of the right-floated origin table. */
    transform: translateX(-0.5px);
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page {
    /* Keep the statistics panel aligned with the live page after the shared
       analysis strip; its table begins one pixel below the record panel. */
    margin-top: 17px;
    padding: 0 0 30px;
    background: linear-gradient(to bottom, transparent 0 5px, #fff 5px);
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > nav {
    height: 51px;
    display: flex;
    align-items: stretch;
    padding-left: 1px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > nav button {
    width: 121px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 5px;
    border: 0;
    border-right: 1px solid #e5e5e5;
    color: #555;
    background: transparent;
    font-size: 16px;
    line-height: 45px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > nav button:not(:first-child) {
    margin-left: -1px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > nav button.active {
    color: #fff;
    background: #313242;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > nav button:not(.active) {
    height: 45px;
    display: block;
    position: relative;
    top: 5px;
    padding: 0;
    line-height: 45px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > p {
    height: 50px;
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 20px 20px 2px;
    color: #999;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-choice {
    height: 64px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
    color: #999;
    font-size: 14px;
    box-sizing: border-box;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-choice button {
    width: 58px;
    height: 28px;
    position: relative;
    top: -1px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
    font-size: 14px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page > table {
    width: 1160px;
    margin: 0 20px;
    border-collapse: collapse;
    table-layout: auto;
    color: #555;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page th,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page td {
    height: 34px;
    padding: 0;
    border: 1px solid #d6d6d6;
    font-weight: 400;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page thead th {
    height: 27px;
    color: #555;
    background: #ebebeb;
    font-size: 14px;
    line-height: 26px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page thead tr:first-child th:not(.pc8473-twenty-long-corner) {
    font-size: 16px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page tbody td {
    color: #999;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page tbody tr:nth-child(even) td {
    background: #f5f5f5;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page .pc8473-twenty-long-corner {
    width: 124px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-page .pc8473-twenty-long-corner {
    height: 54px;
    position: relative;
    overflow: hidden;
    background: #ebebeb;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-out {
    width: 0;
    height: 0;
    position: relative;
    top: 1px;
    border-top: 53px solid #e6e6e6;
    border-left: 123px solid #ebebeb;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-name,
  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-date {
    position: absolute;
    z-index: 1;
    width: 123px;
    height: 26px;
    color: #555;
    font: 16px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-name {
    left: -93px;
    top: -51px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-date {
    left: -155px;
    top: -30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-long-corner-cover {
    width: 0;
    height: 0;
    position: absolute;
    left: -124px;
    top: -55px;
    border-top: 53px solid #ebebeb;
    border-left: 123px solid transparent;
  }

  .pc8473-detail-number-family-happy8 .pc8473-happy8-prize-table img {
    width: 600px;
    height: 550.296875px;
    display: block;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head > div {
    width: 454px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-head {
    padding-right: 30px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header select:first-of-type {
    width: 52px;
  }

  .pc8473-detail-number-family-happy8 .pc8473-twenty-road-result > header select:last-of-type {
    width: 68px;
  }

/* P04/P06/P10/P12 shared road-panel header */
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-front-back .pc8473-pk10-road-exact-track > header {
    margin: 0;
    padding: 0;
  }

  /* P11 位置走势 */
  .pc8473-pk10-exact-page.pc8473-pk10-position-trend .pc8473-pk10-position-trend-table thead th {
    border-color: #d6d6d6;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  /* P15 两面统计 */
  .pc8473-pk10-exact-page.pc8473-pk10-two-sided-stats .pc8473-pk10-two-sided-stats-table thead th {
    border-color: #d6d6d6;
    color: #555;
    background: #ebebeb;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  /* P16 每日长龙统计 */
  .pc8473-pk10-exact-page.pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-table thead th {
    border-color: #d6d6d6;
    color: #555;
    background: #ebebeb;
    font-weight: 400;
    line-height: 26px;
  }

  /* P18 大龙大虎统计 */
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-issue { width: 63.703125px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-code { width: 120.65625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-outcome { width: 43.15625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-sum { width: 48.796875px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-17,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-39 { width: 31.125px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-15,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-18,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-37,
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-38 { width: 26.90625px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-16 { width: 31.609375px; }
  .pc8473-pk10-big-dragon-combined-table col.big-dragon-trend-40 { width: 27px; }

  /* P19 大龙大虎路珠 */
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head { margin-bottom: 20px; }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-note {
    height: 28px;
    max-height: 28px;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    border: 0;
    color: #555;
    background: #edf4fa;
    font-size: 14px;
    line-height: 14px;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-road-exact-list,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track {
    height: 185px;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-scroll {
    height: 130px;
    min-height: 130px;
    margin: 0;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div {
    height: 130px;
    min-height: 130px;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track > header {
    color: #555;
    background: #f5f5f5;
  }

  /* r78 cascade lock: r77 removed the audited one-pixel border overlap. */
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-track > header,
  .pc8473-pk10-road-front-back .pc8473-pk10-road-exact-track > header { margin-left: -1px; }

  /* P02 already had the correct inline spacing before the shared r78 form fix. */
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls input[type="number"] { margin-left: 0; }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls select { margin-left: 0; }

  /* Keep the calendar controls out of the enclosing shortcut-button cascade. */
  .pc8473-pk10-exact-date-picker button { min-width: 0 !important; margin: 0; padding: 0; border: 0; background: transparent; }
  .pc8473-pk10-exact-date-picker header button { width: 34px; height: 38px; color: #d4d4d4; font-size: 26px; line-height: 38px; }
  .pc8473-pk10-exact-date-picker header .pc8473-history-picker-view { width: auto; height: 42px; color: #333; font-size: 28px; font-weight: 600; line-height: 42px; }
  .pc8473-pk10-exact-date-picker .pc8473-history-days button { width: 27px; height: 27px; border-radius: 50%; color: #555; font-size: 12px; line-height: 27px; }
  .pc8473-pk10-exact-date-picker .pc8473-history-days button.active { color: #fff; background: rgb(136, 138, 160); }
  .pc8473-pk10-exact-date-picker .pc8473-history-months {
    grid-template-columns: repeat(4, 54.75px);
    grid-template-rows: repeat(3, 54.75px);
    gap: 0;
    padding: 0;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-months button {
    width: 54.75px;
    height: 54.75px;
    border-radius: 50%;
    color: #555;
    font-size: 12px;
    line-height: 54.75px;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-months button.active {
    color: #fff;
    background: rgb(136, 138, 160);
  }

  /* The P02 legacy cascade is later in this file; lock its native form font to
   * the audited original Arial family rather than the repository fallback. */
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls input[type="number"],
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls select,
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-controls input[type="button"] {
    font-family: Arial !important;
  }

  /* P04/P06/P10/P12/P19 original native controls sit one pixel lower than
   * their header text and use the browser's fractional inline spacing. */
  .pc8473-pk10-road-exact:not(.pc8473-pk10-road-general) .pc8473-pk10-road-exact-controls input[type="number"],
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls input[type="number"] {
    position: relative;
    top: 1px;
    margin-left: 14px;
  }
  .pc8473-pk10-road-exact:not(.pc8473-pk10-road-general) .pc8473-pk10-road-exact-controls select,
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls select {
    position: relative;
    top: 1px;
  }
  .pc8473-pk10-road-exact:not(.pc8473-pk10-road-general) .pc8473-pk10-road-exact-controls input[type="button"],
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls input[type="button"] {
    position: relative;
    top: 1.5px;
    margin-left: 8.8px;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track > header {
    position: relative;
    left: -1px;
    top: -1px;
    width: 1160px;
    min-width: 1160px;
    max-width: none;
  }

  /* Original date row DOM/geometry (P02/P04/P06/P10/P12/P19). */
  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates,
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head .pc8473-pk10-exact-dates {
    position: relative;
    top: 1px;
    display: block;
    flex: 0 0 454px;
    align-self: center;
    width: 454px;
    height: 28px;
    margin-left: auto;
    padding: 0;
    gap: 0;
    box-sizing: content-box;
  }
  .pc8473-pk10-road-modebar .pc8473-pk10-exact-dates { margin-right: 20px; }
  .pc8473-pk10-road-exact .pc8473-pk10-exact-head .pc8473-pk10-exact-dates,
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head .pc8473-pk10-exact-dates { margin-right: 0; }
  .pc8473-pk10-exact-dates > #today,
  .pc8473-pk10-exact-dates > #yesterday,
  .pc8473-pk10-exact-dates > #qianday {
    position: absolute;
    top: 0;
    display: block;
    width: 24px;
    height: 28px;
    box-sizing: content-box;
    padding: 0 10px;
    color: rgb(85, 85, 85);
    background: transparent;
    font: 12px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    cursor: pointer;
  }
  .pc8473-pk10-exact-dates > #today { left: 0; }
  .pc8473-pk10-exact-dates > #yesterday { left: 44px; }
  .pc8473-pk10-exact-dates > #qianday { left: 88px; }
  .pc8473-pk10-exact-dates > #today.checked,
  .pc8473-pk10-exact-dates > #yesterday.checked,
  .pc8473-pk10-exact-dates > #qianday.checked { color: #fff; background: rgb(250, 142, 25); }
  .pc8473-pk10-exact-dates > .listheadrr {
    position: absolute;
    left: 154.375px;
    top: 0;
    width: 299.625px;
    height: 28px;
    box-sizing: content-box;
    color: rgb(85, 85, 85);
    font: 12px/12px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  .pc8473-pk10-exact-dates .pc8473-pk10-exact-date-label {
    position: absolute;
    left: 28.28125px;
    top: 0;
    width: 51.34375px;
    height: 28px;
    box-sizing: content-box;
    color: rgb(85, 85, 85);
    font: 12px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  .pc8473-pk10-exact-dates .rightime {
    position: absolute;
    left: 79.625px;
    top: 0;
    width: 220px;
    height: 28px;
    box-sizing: content-box;
    font: 12px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  .pc8473-pk10-exact-dates #dateframe {
    position: relative;
    left: -1px;
    top: 0;
    width: 220px;
    height: 28px;
    box-sizing: content-box;
  }
  .pc8473-pk10-exact-dates #date { position: static; vertical-align: top; }
  .pc8473-pk10-exact-dates .pc8473-pk10-exact-date-picker {
    left: 0;
    right: auto !important;
    top: 28px;
  }
}

/* PK10 non-navigation mobile controls do not use the browser's pressed/focus paint. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button {
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none;
    user-select: none;
    text-shadow: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):focus-visible {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button:not([data-ui-analysis-tab]):focus-visible {
    background: #fff !important;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .detail-subtabs button:not([data-ui-analysis-tab]):focus-visible,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):active,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):focus,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-nav button:not([data-ui-analysis-tab]):focus-visible {
    background: transparent !important;
  }
}

.detail-progress-line [data-countdown-progress-fill] {
  transition: none !important;
}

/* The mobile PK10 annotation sheet is the compact four-choice control from
 * the reference page.  Keep this override scoped to that sheet so rank/date
 * pickers retain their wheel and checklist layouts. */
@media (max-width: 1020px) {
  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet {
    height: 265px;
    max-height: none;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet > header {
    box-sizing: border-box;
    height: 65px;
    display: block;
    position: relative;
    border-bottom: 0;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet > header button {
    position: absolute;
    top: 0;
    width: 55px;
    height: 45px;
    padding: 0;
    font-size: 15px;
    line-height: 45px;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet > header button:first-child {
    left: 0;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet > header button:last-child {
    right: 0;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet > header strong {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 65px;
    padding-top: 20px;
    font-size: 15px;
    line-height: 45px;
    font-weight: 400;
    text-align: center;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks {
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    max-height: none;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    padding: 40px 0 0;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button {
    box-sizing: border-box;
    width: 21%;
    height: 40px;
    flex: 0 0 21%;
    display: block;
    position: relative;
    margin: 0 0 0 5%;
    padding: 0;
    border: 1px solid #e4e3e8;
    color: #111;
    background: #fff;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    white-space: nowrap;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button:first-child {
    margin-left: 0;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button i {
    display: none;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button.selected {
    border-color: #fb8e19;
    color: #fb8e19;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button.selected::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 0;
    border-bottom: 0;
    border-left: 12px solid #fb8e19;
  }

  #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-checks button.selected::before {
    content: "✓";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -1px;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
  }

  #mobileDetail .pk10-trend-dates,
  #mobileDetail .pk10-big-dragon-dates {
    width: 40.5vw;
    flex: 0 0 40.5vw;
    justify-content: space-between;
    margin-left: auto;
  }

  #mobileDetail .pk10-trend-dates button,
  #mobileDetail .pk10-big-dragon-dates button {
    flex: 0 0 auto;
    padding: 0;
  }

  #mobileDetail .pk10-trend-dates button:last-child,
  #mobileDetail .pk10-big-dragon-dates button:last-child {
    padding-right: 5.333vw;
  }

  #mobileDetail .pk10-trend-toolbar button,
  #mobileDetail .pk10-big-dragon-dates button {
    position: relative;
  }

  #mobileDetail .pk10-trend-toolbar svg,
  #mobileDetail .pk10-big-dragon-dates svg {
    position: absolute;
    top: 1.867vw;
    right: -0.533vw;
    width: 5.333vw;
    height: 5.333vw;
  }

  #mobileDetail .pk10-trend-dates,
  #mobileDetail .pk10-big-dragon-dates {
    justify-content: flex-start;
    column-gap: 3.467vw;
  }

  #mobileDetail .pk10-trend-dates button,
  #mobileDetail .pk10-big-dragon-dates button {
    gap: 0;
  }

  #mobileDetail .pk10-trend-dates button:nth-child(3),
  #mobileDetail .pk10-big-dragon-dates button:nth-child(3) {
    margin-right: -0.8vw;
  }
}

/* Shared number treatment for the national and Taiwan lottery pages. The
   template changes colours and group counts, while the surrounding shell and
   responsive geometry stay shared. */
.pc8473-number-family-lottery {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.pc8473-number-family-lottery .pc8473-original-ball-orange {
  color: #fff;
  background: #f39a1c;
}

.pc8473-number-family-lottery .pc8473-original-ball-green {
  color: #fff;
  background: #25bf66;
}

.pc8473-number-family-lottery .pc8473-original-ball-blue {
  color: #fff;
  background: #168fc8;
}

.pc8473-number-family-lottery .pc8473-original-ball-red {
  color: #fff;
  background: #e52535;
}

.pc8473-number-family-lottery .pc8473-original-ball > i {
  font-style: normal;
}

@media (min-width: 1021px) {
  .pc8473-detail-family-lottery .pc8473-analysis {
    min-height: 74px;
    height: 74px;
  }

  /* Match the original national-lottery shell: the logo column is 130px
     wide, leaving the source's 20px breathing room on either side of the
     90px logo sprite before the full-height separator. */
  .pc8473-detail-national .pc8473-current {
    grid-template-columns: 131px 461px 370px 238px;
  }

  /* Low-frequency draws use the same stable two-segment clock as Happy8.
     Center the title and intrinsic hours/minutes group in the whole third
     column; hiding seconds must never leave the group against its left edge. */
  .pc8473-detail-low-frequency .pc8473-next {
    display: block;
    align-content: start;
    align-items: start;
    justify-items: center;
    padding: 0;
    box-sizing: border-box;
  }

  .pc8473-detail-low-frequency .pc8473-next > p {
    width: 100%;
    height: 50px;
    margin: 0;
    color: #666;
    font: 14px/50px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    text-align: center;
    white-space: nowrap;
  }

  .pc8473-detail-low-frequency .pc8473-next-issue {
    margin: 0 5px;
    color: #f44a07;
    font: inherit;
  }

  .pc8473-detail-low-frequency .pc8473-next > div {
    position: relative;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    overflow: visible;
    font-size: 14px;
    line-height: 40px;
  }

  .pc8473-detail-low-frequency .pc8473-next .pc8473-current-time {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    min-width: 0;
    max-width: 100%;
    height: 80px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 0 3.890625px;
    margin: 0;
    overflow: visible;
  }

  .pc8473-detail-low-frequency .pc8473-next .pc8473-current-time b {
    width: 40px;
    height: 40px;
    display: block;
    flex: 0 0 40px;
    box-sizing: content-box;
    color: #ffd200;
    background: #444553;
    border-radius: 2px;
    font: 400 16px/40px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    text-align: center;
  }

  .pc8473-detail-low-frequency .pc8473-next .pc8473-current-time em {
    width: 14px;
    height: 40px;
    display: block;
    flex: 0 0 14px;
    box-sizing: content-box;
    color: #666;
    font: 14px/40px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    font-style: normal;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-round-row.current {
    gap: 0;
  }

  /* Keep the source separator visible even where the 90px logo sprite
     overflows to the edge of the icon cell.  The original line is a full
     height 1px rule, not a rule that disappears behind the logo. */
  .pc8473-detail-family-lottery .pc8473-current-icon {
    position: relative;
    border-right: 0;
  }

  .pc8473-detail-family-lottery .pc8473-current-icon::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #f0f0f0;
    pointer-events: none;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers,
  .pc8473-detail-family-lottery .pc8473-next {
    border-right-color: #f0f0f0;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-round-row.current .pc8473-original-ball {
    width: 36px !important;
    height: 40px !important;
    flex: 0 0 36px;
    box-sizing: border-box;
    display: block;
    margin: 0 20px 0 0;
    border-radius: 5px;
    color: #fff !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-number-sprite.png?v=20260816-taiwan-lowfreq-r385") !important;
    background-repeat: no-repeat !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    line-height: 36px !important;
    text-align: center;
    text-shadow: none;
    -webkit-text-stroke: 0 !important;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-round-row.current .pc8473-original-ball:last-child {
    margin-right: 0;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-round-row.current .pc8473-original-ball > i {
    display: inline;
    font: inherit;
    font-style: normal;
    line-height: inherit;
    transform: none;
  }

  .pc8473-lottery-ssq.current .pc8473-original-ball-red,
  .pc8473-lottery-fc3d.current .pc8473-original-ball-red,
  .pc8473-lottery-fc7lc.current .pc8473-original-ball-red,
  .pc8473-lottery-super-dlt.current .pc8473-original-ball-red,
  .pc8473-lottery-pl3.current .pc8473-original-ball-red,
  .pc8473-lottery-pl5.current .pc8473-original-ball-red {
    background-position: -91px -49px !important;
  }

  .pc8473-lottery-ssq.current .pc8473-original-ball-blue,
  .pc8473-lottery-super-dlt.current .pc8473-original-ball-blue,
  .pc8473-lottery-fc7lc.current .pc8473-original-ball-blue {
    background-position: -1px -47px !important;
  }

  .pc8473-lottery-taiwan-dlt.current .pc8473-original-ball-orange {
    background-position: -286px -236px !important;
  }

  .pc8473-lottery-taiwan-dlt.current .pc8473-original-ball-red,
  .pc8473-lottery-taiwan-power.current .pc8473-original-ball-red {
    background-position: -91px -47px !important;
  }

  .pc8473-lottery-taiwan-power.current .pc8473-original-ball-green {
    background-position: -378px -236px !important;
  }

  .pc8473-lottery-taiwan-539.current .pc8473-original-ball-orange {
    background-position: -332px -236px !important;
  }

  .pc8473-detail-family-lottery .pc8473-lottery-qxc.current .pc8473-original-ball:nth-child(-n + 4) {
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-position: -394px -325px !important;
  }

  .pc8473-detail-family-lottery .pc8473-lottery-qxc.current .pc8473-original-ball:nth-child(n + 5) {
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    height: 36px !important;
    background-position: -356px -325px !important;
  }

  /* 排列3/5 use 36px round balls with the 17px original inter-ball
     spacing; the other national templates use the 36x40 current sprite. */
  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-pl3.current .pc8473-original-ball,
  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-pl5.current .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px;
    margin-right: 17px;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-pl3.current .pc8473-original-ball:last-child,
  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-pl5.current .pc8473-original-ball:last-child {
    margin-right: 0;
  }

  /* 体彩七星彩 mixes four 36x40 balls with three 36x36 balls. */
  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-qxc.current .pc8473-original-ball:nth-child(-n + 4) {
    width: 36px !important;
    height: 40px !important;
    flex-basis: 36px;
    margin-right: 20px;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-qxc.current .pc8473-original-ball:nth-child(n + 5) {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px;
    margin-right: 17px;
  }

  .pc8473-detail-family-lottery .pc8473-current-numbers .pc8473-lottery-qxc.current .pc8473-original-ball:last-child {
    margin-right: 0;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table {
    gap: 0;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    box-sizing: border-box;
    display: block;
    margin: 2px;
    border: 0 !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    color: #012537 !important;
    font-size: 20px !important;
    font-weight: 600;
    font-family: Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    line-height: 36px !important;
    text-align: center;
    -webkit-text-stroke: 0 !important;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball > i {
    display: inline;
    font: inherit;
    font-style: normal;
    line-height: inherit;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball-red {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") 0 -373px no-repeat !important;
    color: #012537 !important;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball-blue {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") -46px -373px no-repeat !important;
    color: #012537 !important;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball-orange {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") -291px -373px no-repeat !important;
    color: #012537 !important;
  }

  .pc8473-detail-family-lottery .pc8473-table .pc8473-round-row.table .pc8473-original-ball-green {
    background: transparent url("./assets/pc9567-detail-number-sprite.png") -90px -373px no-repeat !important;
    color: #012537 !important;
  }

  /* National lottery tables use the same text contract as the accepted
     快乐8 history table: 16px/400 for headers and statistics, 14px/400 for
     time, issue and the number cell, with a 42px row.  Keep this separate
     from the number-ball font so a table statistic cannot inherit the bold
     3D/排列 summary treatment. */
  .pc8473-detail-family-lottery .pc8473-table-lottery {
    width: 1160px;
    box-sizing: border-box;
    border-collapse: separate;
    /* The original table uses cellspacing=1 rather than cell borders. */
    border-spacing: 1px;
    table-layout: fixed;
    background: #d4d4d4;
    font-family: Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #555;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery th {
    height: 42px;
    padding: 0 16px;
    border: 0;
    box-sizing: content-box;
    color: #555;
    background: #e7e7e7;
    font: 400 16px/16px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    text-align: center;
    vertical-align: middle;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td {
    height: 42px;
    padding: 0 16px;
    border: 0;
    box-sizing: content-box;
    color: #333;
    background: #fff;
    font: 400 14px/14px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    text-align: center;
    vertical-align: middle;
  }

  /* The source keeps the time and issue identifiers on one line.  Their
     columns are deliberately sized to fit the full value, so wrapping here
     only creates an artificial two-line row at narrower browser scales. */
  .pc8473-detail-family-lottery .pc8473-table-lottery th:first-child,
  .pc8473-detail-family-lottery .pc8473-table-lottery td:first-child,
  .pc8473-detail-family-lottery .pc8473-table-lottery th:nth-child(2),
  .pc8473-detail-family-lottery .pc8473-table-lottery td:nth-child(2) {
    white-space: nowrap;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery tbody tr:nth-child(odd) td {
    background: #fff;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery tbody tr:nth-child(even) td {
    background: #ededed;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td:nth-child(n + 4) {
    font: 400 16px/16px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td:nth-child(4) {
    color: #555;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery .red {
    color: #f12d35;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery .blue {
    color: #184dd5;
  }

  /* 福彩3D and 体彩排列3 are the two national tables whose source cells
     have no horizontal padding. */
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-fc3d) th,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-fc3d) td,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-pl3) th,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-pl3) td {
    padding-left: 0;
    padding-right: 0;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-fc3d) th.pc8473-number-heading,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-pl3) th.pc8473-number-heading {
    padding-left: 10px;
  }

  /* The source uses 20px history text for 3D/排列/QXC and 18px for the
     remaining national balls. */
  .pc8473-detail-family-lottery .pc8473-table-lottery .pc8473-round-row.table .pc8473-original-ball {
    font-size: 18px !important;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-fc3d) .pc8473-round-row.table .pc8473-original-ball,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-pl3) .pc8473-round-row.table .pc8473-original-ball,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-pl5) .pc8473-round-row.table .pc8473-original-ball,
  .pc8473-detail-family-lottery .pc8473-table-lottery:has(.pc8473-lottery-qxc) .pc8473-round-row.table .pc8473-original-ball {
    font-size: 20px !important;
  }

  /* 福彩3D/排列3 keep each pair summary as three independent cells. The
     original table uses separate value, parity, and tail-size columns so the
     vertical rules remain visible instead of concatenating the labels. */
  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-number,
  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-parity,
  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-size {
    display: inline;
    min-width: 0;
    font: 400 16px/16px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
    white-space: nowrap;
    text-align: center;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-number {
    color: #a91818;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td:nth-child(4) > .pc8473-summary-number {
    color: #555;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-parity.is-even,
  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-size.is-large {
    color: #f12d35;
  }

  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-parity.is-odd,
  .pc8473-detail-family-lottery .pc8473-table-lottery td > .pc8473-summary-size.is-small {
    color: #184dd5;
  }

  /* National lottery history keeps the original table geometry: 号码 plus
     total/parity only (or the three pair summaries on 3D/排列3). Historical
     balls use coloured outlines with the original dark number face. */
}

@media (max-width: 1020px) {
  .lottery-current .detail-lottery-number-row {
    margin: 9px 0 8px;
  }

  .detail-lottery-number-row {
    min-height: 33px;
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    overflow-x: auto;
  }

  .detail-lottery-number-row .detail-ball {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    font-size: 17px;
  }

  .detail-lottery-number-row .detail-ball.orange {
    background: #f39a1c;
  }

  .detail-lottery-number-row .detail-ball.green {
    background: #25bf66;
  }

  .detail-lottery-number-row .detail-ball.blue {
    background: #168fc8;
  }

  .detail-lottery-number-row.table {
    gap: 3px;
    overflow: visible;
  }

  .detail-lottery-number-row.table .detail-ball {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    font-size: 13px;
  }

  .lottery-table .detail-table-head,
  .lottery-table .detail-table-row {
    grid-template-columns: var(--lottery-columns);
    padding-inline: 5px;
  }

  .lottery-table {
    overflow-x: auto;
  }

  .lottery-table .detail-table-head {
    overflow: visible;
    font-size: 13px;
  }

  .lottery-table .detail-table-row {
    min-height: 62px;
    overflow: visible;
    font-size: 13px;
  }

  .lottery-table .detail-lottery-cell {
    min-width: 0;
    overflow: hidden;
  }

  .lottery-table .detail-table-row > span:not(.detail-lottery-cell) {
    white-space: nowrap;
    text-align: center;
  }

  .lottery-table .detail-table-row > span > span {
    white-space: nowrap;
  }

  .lottery-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lottery-table .detail-table-empty {
    grid-template-columns: 1fr;
    min-height: 80px;
    color: #999;
  }
}

/* Phase 38 PK10 mobile reference geometry. The original mobile page uses the
 * sprite arrow from bg_icon.png, table-like one-pixel gutters, fixed road
 * bead columns, and a bottom sheet lifted above its persistent bottom rail. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar button[data-pk10-open-picker="date"] {
    position: relative;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-date-chevron {
    position: absolute;
    top: 1.3333vw;
    right: -2.6667vw;
    display: block;
    width: 5.3333vw;
    height: 5.3333vw;
    margin: 0;
    background-color: transparent;
    background-image: url("./assets/pk10-bg-icon.png");
    background-repeat: no-repeat;
    background-position: 0 -13.6vw;
    background-size: 84.2667vw auto;
    pointer-events: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button {
    color: #000;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar > button.active {
    color: #fb8e19;
  }

  /* The reference date strip is the site's cheDate/checkday inline-span
   * structure. Keep that source geometry instead of emulating it with form
   * buttons, whose native text box changes the glyph metrics and spacing. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate {
    box-sizing: content-box;
    display: block;
    width: 100%;
    height: 9.6vw;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    background: #f5f5f5;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday {
    float: right;
    line-height: 9.6vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday > button[data-pk10-date] {
    display: inline-block;
    min-width: 0;
    height: 5.8667vw;
    margin-right: 2.6667vw;
    padding: 0;
    border: 0;
    appearance: none;
    line-height: 9.6vw;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    font-weight: 400;
    color: #000;
    background: transparent;
    white-space: nowrap;
    vertical-align: baseline;
    cursor: pointer;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday > button[data-pk10-date].checkspan {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday > .pk10-date-trigger {
    box-sizing: content-box;
    display: inline-flex;
    height: 9.6vw;
    min-height: 0;
    margin-right: 2.6667vw;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    color: #000;
    background: transparent;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    font-weight: 400;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-date-trigger [data-ui-date-arrow] {
    width: 12px;
    height: 8px;
    flex: 0 0 12px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar {
    display: block;
    height: 9.856vw;
    padding: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate {
    width: 100%;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate > .pk10-road-filters {
    display: flex;
    float: left;
    width: 36.24vw;
    min-height: 9.6vw;
    height: 9.6vw;
    padding: 0;
    margin: 0;
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate > .pk10-road-filters button {
    box-sizing: content-box;
    display: block;
    width: auto;
    height: 9.6vw;
    min-width: 0;
    flex: none;
    margin: 0;
    padding: 0 5.3333vw 0 0;
    border: 0;
    color: #fb8e19;
    background: #fff;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    line-height: 9.6vw;
    text-align: left;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate > .pk10-road-filters .pk10-road-filter::after {
    position: absolute;
    top: 1.8667vw;
    right: -0.5333vw;
    display: block;
    width: 5.3333vw;
    height: 5.3333vw;
    content: "";
    background: url("./assets/pk10-bg-icon.png") 0 -13.6vw / 84.2667vw auto no-repeat;
    pointer-events: none;
  }

  /* The reference mode strip lays out 33.3333% content boxes and lets the
   * two one-pixel separators participate in flex shrink.  Using equal
   * border-box grid tracks makes the first two tracks a fraction too wide
   * and shifts the final track at 390/430 CSS px. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes {
    box-sizing: content-box;
    display: flex;
    height: 12vw;
    grid-template-columns: none;
    line-height: 12vw;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
    color: #000;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button {
    box-sizing: content-box;
    width: auto;
    height: auto;
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: #000;
    background: #f5f5f5;
    font: inherit;
    line-height: inherit;
    text-align: center;
    border-right: 1px solid #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button.active {
    color: #fff;
    background: #50515f;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button:last-child {
    border-right: 0;
  }

  /* The source page uses the cheDate strip itself as the road controlbar.
   * Keep the compatibility wrapper flow-only so its child owns the single
   * one-pixel bottom rule at both reference widths. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar {
    box-sizing: border-box;
    display: block;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel > header,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-scroll,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-columns {
    font-family: "microsoft yahei";
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel {
    box-sizing: content-box;
    margin-bottom: 2.6667vw;
    color: #989898;
    background: #fff;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel > header {
    color: #989898;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel > header > span:first-child {
    color: #989898;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-heading {
    color: #ef0508;
    font-size: 3.4667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-scroll {
    color: #989898;
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-columns,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel .pk10-road-columns > div {
    color: #989898;
    font-size: 3.2vw;
  }

  /* Trend controls share the original cheDate strip: two fixed filter
   * controls on the left, an inline date group on the right, and the same
   * sprite chevrons.  Keep the buttons for the existing event delegation,
   * but give them the source's line box and content geometry. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar {
    box-sizing: content-box;
    display: block;
    width: 100%;
    height: 9.6vw;
    min-height: 9.6vw;
    padding: 0;
    border-bottom: 1px solid #dbdbdb;
    background: #f5f5f5;
    font-family: "microsoft yahei";
    color: #000;
    font-size: 3.2vw;
    line-height: 9.6vw;
    overflow: hidden;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button {
    box-sizing: content-box;
    position: relative;
    float: left;
    display: block;
    width: auto;
    height: 9.6vw;
    min-width: 0;
    flex: none;
    margin: 0;
    padding: 0 5.3333vw 0 0;
    border: 0;
    color: #000;
    background: transparent;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 9.6vw;
    text-align: left;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button:first-child {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button::after,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button:last-child::after {
    position: absolute;
    top: 1.8667vw;
    right: -0.5333vw;
    display: block;
    width: 5.3333vw;
    height: 5.3333vw;
    content: "";
    background: url("./assets/pk10-bg-icon.png") 0 -13.6vw / 84.2667vw auto no-repeat;
    pointer-events: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-toolbar > button > svg,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button > svg {
    display: none;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates {
    box-sizing: content-box;
    float: right;
    display: block;
    width: auto;
    height: 9.6vw;
    min-height: 9.6vw;
    margin: 0;
    padding: 0;
    line-height: 9.6vw;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button {
    box-sizing: content-box;
    position: relative;
    display: inline-block;
    width: auto;
    height: 5.8667vw;
    min-width: 0;
    margin: 0 2.6667vw 0 0;
    padding: 0;
    border: 0;
    color: #000;
    background: transparent;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
    font-weight: 400;
    line-height: 9.6vw;
    vertical-align: baseline;
    white-space: nowrap;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button.active {
    color: #fb8e19;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-dates > button:last-child {
    display: block;
    float: right;
    width: auto;
    margin-right: 0;
    padding-right: 5.3333vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table {
    box-sizing: border-box;
    padding-block: 1px;
    background: #dbdbdb;
    border-spacing: 0;
    font-family: "microsoft yahei";
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel header,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-columns,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-columns span {
    font-family: "microsoft yahei";
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table header,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-row {
    box-sizing: border-box;
    grid-template-columns: calc(17.4609375vw - 2.58203125px)
      calc(10.1953125vw - 1.54296875px) repeat(10, minmax(0, 1fr));
    column-gap: 1px;
    width: calc(100% - 2px);
    margin-right: 1px;
    margin-left: 1px;
    padding-inline: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table header {
    height: 6.667vw;
    border: 0;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table header > * {
    height: 100%;
    border: 0;
    background: #f0f0f0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-row {
    height: 6.667vw;
    margin-top: 1px;
    border: 0;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-row > * {
    height: 100%;
    border: 0;
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-stat-row {
    box-sizing: border-box;
    grid-template-columns: 16.8vw 9.8vw repeat(10, minmax(0, 1fr));
    column-gap: 1px;
    width: calc(100% - 2px);
    min-height: 6.667vw;
    height: 6.667vw;
    margin: 1px 1px 0;
    padding: 0;
    line-height: 6.667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-stat-row > * {
    box-sizing: border-box;
    height: 100%;
    border: 0;
    background: #fff;
    color: #999;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-stat-row > span:first-child {
    grid-column: 1 / span 2;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-stat-heading > * {
    background: #f0f0f0;
    color: #333;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-row > i.hit {
    width: 4.267vw;
    height: 4.267vw;
    align-self: center;
    justify-self: center;
    color: #fff;
    background: #0092e0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-body {
    overflow: visible;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-row {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-line {
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) header > span:first-child {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    padding-left: 2.6667vw;
    overflow: visible;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) header {
    gap: 0;
    padding: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) header > .pk10-road-heading {
    box-sizing: border-box;
    flex: 0 0 50%;
    width: 50%;
    gap: 0;
    display: block;
    height: 9.3333vw;
    min-height: 9.3333vw;
    padding-right: 2.6667vw;
    color: #ef0508;
    font-family: "microsoft yahei";
    font-size: 3.4667vw;
    font-weight: 400;
    line-height: 9.3333vw;
    text-align: right;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-heading > span {
    display: inline;
    flex: none;
    width: auto;
    height: auto;
    margin-left: 1.3333vw;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap;
    vertical-align: baseline;
    position: static;
    top: auto;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-heading > .pk10-road-latest {
    font-family: Arial, "microsoft yahei", sans-serif;
    letter-spacing: -0.09375px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-heading > span:first-child {
    margin-left: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns > div {
    box-sizing: border-box;
    width: 30.5px;
    flex: 0 0 30.5px;
    min-height: 22.6667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns > div:last-child {
    width: 30px;
    flex-basis: 30px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns {
    min-height: 22.6667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) {
    content-visibility: visible;
    contain-intrinsic-size: auto;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns span {
    display: block;
    width: 29.5px;
    height: 3.7333vw;
    line-height: 3.7333vw;
    text-align: center;
    position: relative;
    left: -0.5px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns > div:nth-child(even) {
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns > div:nth-last-child(odd) {
    background: #f5f5f5;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns span.warm {
    color: #f00;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panels .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns span.latest {
    display: block;
    font-weight: 700;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-picker-backdrop {
    padding-bottom: 8vw;
    box-sizing: border-box;
  }

  body[data-detail-type="pk10"] #mobileDetail [data-pk10-picker="trend-annotations"] .pk10-picker-sheet {
    height: 265px;
  }

  /* Final source-order parity overrides.  These intentionally come after
   * the legacy mobile shell rules above so the PK10-only component uses the
   * original Pattern/cheDate line boxes rather than the generic shell. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes {
    box-sizing: content-box;
    display: flex;
    height: 12vw;
    min-height: 0;
    line-height: 12vw;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    background: #fff;
    color: #000;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button {
    box-sizing: content-box;
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    flex: 1 1 0%;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #fff;
    color: #000;
    background: #f5f5f5;
    font: inherit;
    line-height: inherit;
    text-align: center;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button.active {
    color: #fff;
    background: #50515f;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes button:last-child {
    border-right: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar {
    box-sizing: border-box;
    display: block;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar .pk10-road-filters {
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar .pk10-road-filter {
    position: relative;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate > .pk10-road-filters {
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-controlbar > .pk10-analysis-datebar.cheDate > .pk10-road-filters button {
    position: relative;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday,
  body[data-detail-type="pk10"] #mobileDetail .pk10-analysis-datebar.cheDate .checkday > button[data-pk10-date] {
    box-sizing: content-box;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) {
    box-sizing: content-box;
    margin-bottom: 2.6667vw;
    color: #989898;
    background: #fff;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) > header,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) > header > span:first-child {
    color: #989898;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-scroll,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns,
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-panel:not(.pk10-dedicated-road-panel) .pk10-road-columns > div {
    color: #989898;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-stat-row {
    grid-template-columns: calc(17.4609375vw - 2.58203125px)
      calc(10.1953125vw - 1.54296875px) repeat(10, minmax(0, 1fr));
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-table,
  body[data-detail-type="pk10"] #mobileDetail .pk10-trend-statistics {
    color: #999;
    font-family: "microsoft yahei";
    font-size: 3.2vw;
  }
}


@media (min-width: 1021px) {
  /* SSC detail parity: measured against 1689567 at 1920x1080. */
  .pc8473-detail-family-ssc .pc8473-current {
    grid-template-columns: 120px 533px 307px 240px;
  }

  /* SSC countdown parity: source component is a 180x90 title-and-clock block. */
  .pc8473-detail-family-ssc .pc8473-next {
    grid-template-rows: 50px 40px;
    align-content: start;
    justify-items: center;
    padding: 10px 0 0;
    box-sizing: border-box;
  }

  .pc8473-detail-family-ssc .pc8473-next > p {
    width: 180px;
    height: 50px;
    margin: 0;
    color: #666;
    font: 14px/50px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: left;
    white-space: nowrap;
  }

  .pc8473-detail-family-ssc .pc8473-next > div {
    width: 180px;
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
  }

  .pc8473-detail-family-ssc .pc8473-next .pc8473-current-time {
    width: max-content;
    height: 40px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4.375px;
  }

  .pc8473-detail-family-ssc .pc8473-next .pc8473-current-time b {
    width: 40px;
    height: 40px;
    display: block;
    flex: 0 0 40px;
    color: #ffd200;
    background: #444553;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
  }

  .pc8473-detail-family-ssc .pc8473-next .pc8473-current-time em {
    width: 14px;
    height: 40px;
    display: block;
    flex: 0 0 14px;
    color: #666;
    font-size: 14px;
    font-style: normal;
    line-height: 40px;
  }

  .pc8473-detail-family-ssc .pc8473-analysis {
    width: 1200px;
    height: 83px;
    min-height: 83px;
    margin-top: 2px;
    padding: 10px 20px;
    border: 0;
    box-sizing: border-box;
  }

  .pc8473-detail-family-ssc .pc8473-record-family-ssc {
    margin-top: 20px;
  }

  .pc8473-record-family-ssc .pc8473-record-head {
    height: 43.5px;
    gap: 25px;
    padding: 5px 20px;
    border-bottom: 0;
    box-sizing: border-box;
  }

  .pc8473-record-family-ssc .pc8473-record-head h2 {
    width: 74px;
    height: 32px;
    margin: 0;
    color: #555;
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
    white-space: nowrap;
  }

  .pc8473-record-family-ssc .pc8473-record-head > button {
    width: 78px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .pc8473-record-family-ssc .pc8473-record-head > button[data-pc-record-action="stat"] {
    width: 139px;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences {
    height: 33.5px;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences > span {
    order: 1;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-option {
    order: 2;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-color {
    background: conic-gradient(
      #ff4433 0 25%,
      #18bd70 0 50%,
      #59a9d8 0 75%,
      #ffd23d 0
    ) !important;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences > button[data-pc-eye-history] {
    order: 3;
    width: 112px;
    height: 34px;
    margin-left: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    background: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
  }

  .pc8473-record-family-ssc .pc8473-table-ssc {
    margin: 22px 20px 20px;
  }

  .pc8473-detail-family-ssc .pc8473-number-family-ssc.current {
    min-height: 40px;
    margin-top: 12px;
    gap: 20px;
  }

  .pc8473-detail-family-ssc .pc8473-number-family-ssc.current .pc8473-original-ball {
    width: 36px !important;
    height: 40px !important;
    display: block;
    flex: 0 0 36px;
    border: 0 !important;
    border-radius: 5px;
    color: #fff !important;
    background: transparent url("./assets/pc9567-number-sprite.png") no-repeat -1px -47px !important;
    font: 400 20px/36px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif !important;
    text-align: center;
  }

  .pc8473-detail-family-ssc .pc8473-current-numbers p {
    height: 30px;
    margin: 4px 0 0;
    line-height: 30px;
  }

  .pc8473-record-family-ssc .pc8473-number-family-ssc.table .pc8473-original-ball {
    width: 36px !important;
    height: 36px !important;
    display: block;
    flex: 0 0 36px;
    border: 1px solid #55bff0 !important;
    border-radius: 50%;
    color: #012537 !important;
    background: #f8fbfc !important;
    font: 600 20px/34px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif !important;
    text-align: center;
    box-sizing: border-box;
  }
}


/* SSC source-parity correction r103: measured inner-page rails and table geometry. */
.pc8473-ssc-basic-trend{width:1716px}
.pc8473-ssc-dragon-trend,
.pc8473-ssc-position-trend,
.pc8473-ssc-shape-trend,
.pc8473-ssc-big-dragon{width:1158px}
.pc8473-ssc-two-sided-history,
.pc8473-ssc-today-number,
.pc8473-ssc-stat-page .pc8473-ssc-wide-table{box-sizing:border-box;width:1160px;margin:20px;table-layout:fixed}
.pc8473-ssc-two-sided-history th:first-child,
.pc8473-ssc-two-sided-history td:first-child,
.pc8473-ssc-history-number th:first-child,
.pc8473-ssc-history-number td:first-child,
.pc8473-ssc-daily-dragon th:first-child,
.pc8473-ssc-daily-dragon td:first-child{width:104px}
.pc8473-ssc-two-sided-history th,
.pc8473-ssc-two-sided-history td,
.pc8473-ssc-history-number th,
.pc8473-ssc-history-number td,
.pc8473-ssc-two-sided-stat th,
.pc8473-ssc-two-sided-stat td,
.pc8473-ssc-daily-dragon th,
.pc8473-ssc-daily-dragon td,
.pc8473-ssc-today-number th,
.pc8473-ssc-today-number td{height:40px;padding:0 6px;border:1px solid #d4d4d4;text-align:center}
.pc8473-ssc-two-sided-history thead th,
.pc8473-ssc-history-number thead th,
.pc8473-ssc-two-sided-stat thead th,
.pc8473-ssc-daily-dragon thead th,
.pc8473-ssc-today-number thead th{background:#e7e7e7;color:#555;font-size:16px;font-weight:400}
.pc8473-ssc-two-sided-history tbody tr:nth-child(even),
.pc8473-ssc-history-number tbody tr:nth-child(even),
.pc8473-ssc-two-sided-stat tbody tr:nth-child(even),
.pc8473-ssc-daily-dragon tbody tr:nth-child(even),
.pc8473-ssc-today-number tbody tr:nth-child(even){background:#ededed}
.pc8473-ssc-two-sided-stat th:first-child,
.pc8473-ssc-two-sided-stat td:first-child{width:420px}
.pc8473-ssc-summary-row td{height:34px!important;background:#f4f4f4!important;color:#777!important;font-size:13px!important}
.pc8473-ssc-summary-row td:first-child{color:#555!important;font-weight:600!important}
.pc8473-ssc-direction{color:#2872dd}
.pc8473-ssc-trend-table{border-spacing:1px;background:#d4d4d4}
.pc8473-ssc-trend-table th{height:31px;background:#e7e7e7}
.pc8473-ssc-trend-table tbody tr:not(.pc8473-ssc-summary-row) td{height:31px;background:#fff}
.pc8473-ssc-trend-table tbody tr:not(.pc8473-ssc-summary-row):nth-child(even) td{background:#f3f3f3}
.pc8473-ssc-stat-page .pc8473-ssc-exact-note{margin-bottom:10px}


/* SSC comprehensive visual parity r104: final cascade overrides. */
.pc8473-ssc-exact-head{
  box-sizing:border-box;
  height:42px;
  min-height:42px;
  justify-content:flex-start;
  gap:0;
  padding:0 20px;
  border-bottom:2px solid #e7e7e7;
}
.pc8473-ssc-exact-head h2{
  margin:0;
  color:#222;
  font-size:18px;
  font-weight:800;
  line-height:42px;
}
.pc8473-ssc-head-tools{
  display:flex;
  align-items:center;
  gap:24px;
  margin-left:22px;
}
.pc8473-ssc-head-tools button{
  height:32px;
  padding:0 14px;
  border:1px solid #ddd;
  border-radius:3px;
  background:#fff;
  color:#555;
  font-size:14px;
}
.pc8473-ssc-composite-content{
  box-sizing:border-box;
  width:1200px;
  padding:20px;
}
.pc8473-ssc-exact-page .pc8473-ssc-composite-table{
  box-sizing:border-box;
  width:1160px;
  min-width:1160px;
  margin:0;
  border-collapse:separate;
  border-spacing:1px;
  background:#d4d4d4;
  table-layout:fixed;
}
.pc8473-ssc-composite-table .head-row th{
  height:42px;
  padding:0 16px;
  border:0;
  background:#e7e7e7;
  color:#555;
  font-size:16px;
  font-weight:400;
}
.pc8473-ssc-composite-table td{
  height:40px;
  padding:0 10px;
  border:0;
  background:#fff;
  color:#333;
  font-size:14px;
}
.pc8473-ssc-composite-table tr:nth-child(odd):not(.head-row) td{background:#ededed}


/* SSC composite column and ball parity r105. */
.pc8473-ssc-composite-table col.issue{width:104px}
.pc8473-ssc-composite-table col.numbers{width:376px}
.pc8473-ssc-composite-table col.sum{width:35px}
.pc8473-ssc-composite-table col.sum-trait{width:36px}
.pc8473-ssc-composite-table col.dragon{width:49px}
.pc8473-ssc-composite-table col.digit-trait{width:36px}
.pc8473-ssc-composite-table col.shape{width:48px}
.pc8473-ssc-composite-table .head-row th:first-child,
.pc8473-ssc-composite-table .head-row th:nth-child(2){width:auto}
.pc8473-ssc-number-balls{gap:2px}
.pc8473-ssc-number-balls i{
  box-sizing:border-box;
  width:36px;
  height:36px;
  border:1px solid #55bff0;
  border-radius:50%;
  background:#f8fbfc;
  color:#14313f;
  font-size:20px;
  line-height:36px;
}


/* SSC composite text-flow parity r106. */
.pc8473-ssc-composite-table td.number-cell{text-align:center}
.pc8473-ssc-composite-table .head-row th:nth-child(4),
.pc8473-ssc-composite-table .head-row th:nth-last-child(-n+3),
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(n+17){
  padding-right:15px;
  padding-left:15px;
  white-space:normal;
  line-height:18px;
  vertical-align:middle;
}

/* SSC composite alignment parity r108. */
.pc8473-ssc-composite-table .head-row th,
.pc8473-ssc-composite-table tr:not(.head-row) td{
  text-align:center;
}

/* SSC active-tab parity r109: the source has no browser focus ring on the orange active item. */
.pc8473-detail-family-ssc .pc8473-analysis button.active{
  outline:none;
}

/* SSC current-content offset parity r110: source content starts 30px from the left and 10px from the top. */
.pc8473-detail-family-ssc .pc8473-current-numbers{
  padding:10px 0 0 30px;
}

/* SSC countdown offset parity r111: source title-and-clock block starts at the top edge. */
.pc8473-detail-family-ssc .pc8473-next{
  padding-top:0;
}


/* SG SSC current-region parity r113: apply the no-video 极速运动会 geometry only to lot 10075. */
.pc8473-detail-family-ssc .pc8473-current[data-lot-code="10075"]{
  grid-template-columns:130px 460px 370px 240px;
}
.pc8473-detail-family-ssc .pc8473-current[data-lot-code="10075"] .pc8473-current-numbers{
  padding:20px 0 0 20px;
}


/* SG SSC issue-color parity r114: match the source period-number color only. */
.pc8473-detail-family-ssc .pc8473-current[data-lot-code="10075"] h1 b,
.pc8473-detail-family-ssc .pc8473-current[data-lot-code="10075"] .pc8473-ssc-next-issue{
  color:#f44a07;
}


/* SSC composite Dragon-Tiger header-divider parity r115: the source divider continues through the grouped header. */
.pc8473-ssc-composite-table .head-row th:nth-child(4){
  border-right:1px solid #b9b9b9;
}


/* SSC composite toolbar and row geometry parity r116: match the source panel offsets and line boxes. */
.pc8473-detail-family-ssc .pc8473-ssc-composite-page{
  margin-top:20px;
}
.pc8473-ssc-composite-page .pc8473-ssc-exact-head{
  padding:5px 20px;
  border-bottom:0;
}
.pc8473-ssc-composite-page .pc8473-ssc-exact-head h2{
  box-sizing:border-box;
  width:74px;
  height:32px;
  border:1px solid transparent;
  line-height:30px;
}
.pc8473-ssc-composite-page .pc8473-ssc-head-tools{
  gap:25px;
  margin-left:21px;
}
.pc8473-ssc-composite-page .pc8473-ssc-head-tools button{
  padding:0 10px;
  background:transparent;
  line-height:30px;
}
.pc8473-ssc-composite-page .pc8473-ssc-composite-content{
  padding:22px 20px 20px;
}
.pc8473-ssc-composite-table .pc8473-ssc-number-balls{
  height:40px;
}


/* SSC composite ball-spacing parity r117: reproduce the source 200x40 inline-block list. */
.pc8473-ssc-composite-table .pc8473-ssc-number-balls{
  display:inline-block;
  width:200px;
  height:40px;
  line-height:14px;
  vertical-align:baseline;
}
.pc8473-ssc-composite-table .pc8473-ssc-number-balls i{
  display:block;
  float:left;
  margin:2px;
}


/* SSC composite row line-height parity r118: reproduce the source 14px data-cell line box. */
.pc8473-ssc-composite-table tr:not(.head-row) td:nth-child(-n+16){
  line-height:14px;
}


/* SSC composite toolbar separator parity r119: restore the source light-gray rule without expanding the compact layout. */
.pc8473-ssc-composite-page .pc8473-ssc-exact-head{
  box-shadow:0 2px 0 #e7e7e7;
}


/* SG SSC total-sum road parity r122: source-measured header, controls, tracks and colors. */
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-exact-head{
  height:47px;
  min-height:47px;
  padding:0 20px;
  border-bottom:1px solid #e5e5e5;
  box-shadow:none;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-exact-head h2{
  color:#333;
  line-height:45px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar{
  box-sizing:border-box;
  width:454px;
  height:47px;
  margin-left:auto;
  gap:0;
  align-items:flex-start;
  padding-top:10px;
  color:#555;
  font-size:12px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar > div{height:28px}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar button{
  box-sizing:border-box;
  width:44px;
  height:28px;
  padding:0;
  border:0;
  border-radius:0;
  font-size:12px;
  line-height:28px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar button.active{
  border-radius:2px;
  background:#fa8e19;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar label{
  box-sizing:border-box;
  width:300px;
  height:28px;
  margin-left:22px;
  padding-left:28px;
  gap:3px;
  font-size:12px;
  line-height:28px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar input{
  box-sizing:border-box;
  width:220px;
  height:28px;
  padding:0 0 0 25px;
  border:1px solid #dbdbdb;
  background:transparent;
  color:#000;
  font:13.3333px Arial;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track{
  margin:20px 0 10px;
  border:0;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track + .pc8473-ssc-road-track{margin-top:10px}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head{
  box-sizing:border-box;
  height:43px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .txtNum{
  width:54px;
  height:30px;
  font:13.3333px Arial;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .secType{
  margin-left:4px;
  font:13.3333px Arial;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .btnCheck{
  margin-left:15px;
  font:13.3333px Arial;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .item_con{width:1160px}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con p{color:#666}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con p.red{color:#f1020b}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted{background:#fdad56}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .righttd strong{color:#f1010a}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .tobottom{
  color:#f1010a;
  font-size:14px;
}


/* SG SSC total-sum road height parity r123: keep full-day runs clipped to the source viewport. */
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track:first-child .item_con{
  box-sizing:border-box;
  height:170px;
  min-height:170px;
  max-height:170px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track:nth-child(2) .item_con{
  box-sizing:border-box;
  height:150px;
  min-height:150px;
  max-height:150px;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-date-toolbar input,
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .txtNum,
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .secType,
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .btnCheck{
  font-family:Arial !important;
  font-size:13.3333px !important;
}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .txtNum{padding:0 0 0 2px}
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .btnCheck{padding:0}

/* SG SSC total-sum road header pixel parity r124: collapsed table borders add 0.5px. */
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head,
[data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head td{height:42.5px}


/* Shared PK10/SSC source date picker parity r125. */
@media (min-width:1021px){
  .pc8473-ssc-date-toolbar label{
    position:relative;
    overflow:visible;
  }
  .pc8473-ssc-exact-date-field{
    position:relative;
    top:0;
    display:block;
    flex:0 0 220px;
    width:220px;
    height:28px;
  }
  .pc8473-ssc-date-toolbar .pc8473-ssc-exact-date-input{
    display:inline-block;
    box-sizing:border-box;
    width:220px;
    height:28px;
    margin:0;
    padding:0 0 0 25px;
    border:1px solid rgb(219,219,219);
    border-radius:0;
    color:#000;
    background:transparent;
    font:13.3333px Arial;
    font-family:Arial !important;
    line-height:normal;
    text-align:start;
    cursor:pointer;
  }
  .pc8473-ssc-exact-date-picker{
    left:0 !important;
    right:auto !important;
    top:28px !important;
    z-index:80;
  }
}


/* Shared source calendar inner-grid parity r126. */
@media (min-width:1021px){
  .pc8473-pk10-exact-date-picker{
    box-sizing:content-box;
    width:219px;
    height:269px;
    padding:0;
    border:1px solid rgb(232,232,232);
    color:#555;
    background:rgb(253,253,253);
    box-shadow:rgb(221,221,221) 1px 2px 3px 0;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  .pc8473-pk10-exact-date-picker > .view{
    width:219px;
    height:269px;
  }
  .pc8473-pk10-exact-date-picker header{
    display:grid;
    grid-template-columns:1fr 34px 34px;
    align-items:start;
    box-sizing:content-box;
    width:219px;
    height:30px;
    padding:10px 0;
  }
  .pc8473-pk10-exact-date-picker header button{
    width:34px !important;
    height:38px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#ddd !important;
    background:transparent !important;
    font:500 26px/38px sans-serif !important;
  }
  .pc8473-pk10-exact-date-picker header .pc8473-history-picker-view{
    justify-self:start;
    width:auto !important;
    height:30px !important;
    color:#333 !important;
    font:28px/30px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif !important;
  }
  .pc8473-pk10-exact-date-picker .calendar-ct{
    width:219px;
    height:219px;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-weekdays,
  .pc8473-pk10-exact-date-picker .pc8473-history-days{
    display:grid;
    grid-template-columns:repeat(7,31.2857142857px);
    width:219px;
    padding:0;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-weekdays{
    height:31.2857142857px;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-weekdays span,
  .pc8473-pk10-exact-date-picker .pc8473-history-days button{
    box-sizing:border-box;
    width:31.2857142857px !important;
    height:31.2857142857px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    font:12px/31.2857142857px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif !important;
    text-align:center;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-weekdays span,
  .pc8473-pk10-exact-date-picker .pc8473-history-days button.adjacent{
    color:#888 !important;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-days{
    grid-auto-rows:31.2857142857px;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-days button{
    border-radius:50%;
    color:#555 !important;
    background:transparent !important;
  }
  .pc8473-pk10-exact-date-picker .pc8473-history-days button.active{
    color:#fff !important;
    background:rgb(136,138,160) !important;
  }
}


/* Shared source calendar month-label indent parity r127. */
@media (min-width:1021px){
  .pc8473-pk10-exact-date-picker header .pc8473-history-picker-view{
    box-sizing:content-box;
    text-indent:10px;
    white-space:nowrap;
  }
}



/* SG SSC total-sum road remaining source parity r128. */
@media (min-width:1021px){
  .pc8473-pk10-exact-date-field::before{
    left:0;
    top:2px;
    width:25px;
    height:25px;
    box-sizing:border-box;
    border:0;
    background:transparent url("https://1689567.com/img/icon/bjpknum.png?v=202584100") no-repeat -163px -244px;
  }
  [data-pc-ssc-exact-page="总和路珠"]{
    line-height:14px;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head td{
    color:#555;
    line-height:14px;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head .righttd{
    min-width:300px;
    width:300px;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con td{
    color:#666;
    line-height:14px;
    text-align:center;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con td:first-child{
    border-right:1px solid #e6e6e6;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_con p{
    text-align:center;
  }
}



/* SG SSC total-sum road source table-cell sizing r129. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head td{
    box-sizing:content-box;
  }
}



/* SG SSC total-sum road final half-pixel parity r130. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head td{
    height:42px;
  }
  [data-pc-ssc-exact-page="总和路珠"] .pc8473-ssc-road-track .lz_table_head td:nth-child(2){
    width:15.953125px;
  }
}



/* Shared source closed-date-field sprite and Retina alignment parity r132. */
@media (min-width:1021px){
  .pc8473-pk10-exact-date-field{
    box-sizing:content-box;
  }
  .pc8473-pk10-exact-date-field::before{
    box-sizing:content-box;
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAABxElEQVR4nO3Uy4uOYRjH8ddCcshpHEoslJSFklKKHJKyUcyQMcj502AcSv4H/gBRxA6hhGzkEJFY2E9jZjaDFQty3Ly66/fWm9Xz1CiLeevXe1/X8zzX97l/1/XcjWaz2fjXaoxBmqNlF+bjKc5jQnLjitrW5/AGi2pBsAT7sQ8jeIxd6MMpnMTx5B7gM3rzzLKqkIdo4jr6A3mWXLve4lFe5GZyr6tCPuIbruI+LqfY35CXuJRr5d4v+FQV0p8iIylyLdC/Ib+zg4sYSm6oKmQQ97AH29GDEziGg9HR5EpfurAXN+pAhnEaZT05akTjo1Y8CVOyLo0frAoZyvQsjB1PsB7LcQt3sBorMiR3sRS78a6OXb0p/B2/EvdkXL/iCHbgJ36gGzsxUGcnxa6J2JI3XIBZ2IptmIc5KVziaThQx67SkzPxu9iyEbMxHWuwDh2YgQ1Yi6k4VHe6ym9V27j2ZdJa8eHY1Yo7Ew/UgZSii3N2lbNpc3ZV4ufYlF29wgusrNv44XwDjVgyt21kO6JWXGycmXVPHch73E6Tu/LfnSZ3Ru1x654r5UiqCjkb0GAmrYoG8QEXKkFGW40xSPN/s+sPTAgPTiu53hoAAAAASUVORK5CYII=") no-repeat 0 0;
    background-size:25px 25px;
  }
  .pc8473-pk10-exact-date-field::after{
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFklEQVR4nGP4ukn9PzGYYVThV7oGDwBsCBgkdR/lGQAAAABJRU5ErkJggg==") no-repeat 0 0;
    background-size:10px 10px;
  }
  .pc8473-ssc-date-toolbar{
    position:relative;
    top:.5px;
  }
}


/* SG SSC road-analysis source parity r134: mode filters, track geometry and current-first beads. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="路珠分析"]{
    line-height:14px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar{
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    padding:0;
    border-bottom:1px solid #e5e5e5;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav{
    display:flex;
    width:480px;
    height:47px;
    gap:0;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button{
    box-sizing:border-box;
    width:160px;
    height:45px;
    padding:0;
    border:0;
    border-right:1px solid #e5e5e5;
    border-radius:0;
    color:#555;
    background:#fff;
    font:16px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button i{display:none}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button.active{
    position:relative;
    top:-5px;
    height:50px;
    border:0;
    color:#fff;
    background:#313242;
    line-height:50px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar{
    box-sizing:border-box;
    width:454px;
    height:47px;
    margin:0 20px 0 auto;
    padding-top:10px;
    align-items:flex-start;
    gap:0;
    color:#555;
    font-size:12px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar > div{height:28px}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar button{
    box-sizing:border-box;
    width:44px;
    height:28px;
    padding:0;
    border:0;
    border-radius:0;
    font-size:12px;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar button.active{
    border-radius:2px;
    background:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar label{
    box-sizing:border-box;
    width:300px;
    height:28px;
    margin-left:22px;
    padding-left:28px;
    gap:3px;
    font-size:12px;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar input{
    box-sizing:border-box;
    width:220px;
    height:28px;
    padding:0 0 0 25px;
    border:1px solid #dbdbdb;
    color:#000;
    background:transparent;
    font:13.3333px Arial;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter{
    display:block;
    box-sizing:content-box;
    width:1160px;
    margin:20px 20px 0;
    padding:0;
    border:0;
    color:#555;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter > div{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:1160px;
    height:25px;
    margin:0 0 10px;
    gap:0;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter > .choice-row{
    height:32px;
    align-items:flex-start;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter > div > span{
    flex:0 0 70px;
    width:70px;
    height:25px;
    margin-right:20px;
    color:#999;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter > .choice-row > span{
    height:28px;
    margin-right:18px;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button{
    position:relative;
    box-sizing:content-box;
    flex:0 0 auto;
    height:25px;
    margin:0 20px 0 0;
    padding:0 0 0 25px;
    border:0;
    color:#555;
    background:none;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button i{
    position:absolute;
    left:0;
    top:5px;
    display:block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    overflow:hidden;
    border:1px solid #ccc;
    color:transparent;
    font-size:0;
    line-height:60px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i{
    border:0;
    background:#fa8e19 url("https://1689567.com/img/icon/bjpknum.png?v=202584100") no-repeat -199px -249px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i::after{content:none}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.text-action{
    color:#555;
    background:none;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.all-action{
    padding-left:25px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.clear-action{
    padding-left:0;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice{
    position:static;
    box-sizing:border-box;
    height:28px;
    margin-right:18px;
    padding:0 15px;
    border:0;
    color:#555;
    background:#fff;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice i{display:none}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice.selected{
    color:#fff;
    background:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-list{
    padding:0 20px 10px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track{
    margin:0 0 10px;
    border:0;
    background:#fff;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head{
    box-sizing:border-box;
    width:1160px;
    height:43px;
    margin:0;
    border:0;
    border-collapse:collapse;
    background:#f5f5f5;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head td{
    box-sizing:content-box;
    height:42px;
    padding:0 10px;
    border:0;
    color:#555;
    line-height:14px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head .righttd{
    min-width:300px;
    width:300px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .tobottom{
    width:20px;
    padding:0;
    background:transparent url("https://1689567.com/img/icon/bjpknum.png?v=202584100") no-repeat -261px -235px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .item_con{
    box-sizing:border-box;
    width:1160px;
    height:170px;
    min-height:170px;
    max-height:170px;
    margin:0;
    overflow-x:auto;
    overflow-y:hidden;
    direction:rtl;
    border:1px solid #e6e6e6;
    background:#fff url("https://1689567.com/img/icon/table_bg.png?v=202584100") repeat 0 0;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con{
    float:right;
    height:1px;
    min-height:170px;
    direction:rtl;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con td{
    min-width:30px;
    padding:8px 0 0;
    color:#666;
    line-height:14px;
    text-align:center;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con p{
    margin:0 0 6px;
    color:#666;
    font-weight:400;
    line-height:14px;
    text-align:center;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con p.red{color:#f1020b}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con p.blue{color:#176ee6}
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con td.latest p{font-weight:700}
}

/* SG SSC road-analysis choice-row top alignment parity r135. */


/* SG SSC road-analysis control, neutral-color and arrow parity r136. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i{
    border:1px solid #e5a24a;
    background:#fff;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i::after{
    content:"✓";
    position:absolute;
    left:1px;
    top:0;
    color:#e59b38;
    font:700 14px/14px Arial,sans-serif;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .txtNum{
    width:54px;
    height:30px;
    margin-left:1px;
    padding:0 0 0 2px;
    font:13.3333px Arial;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .secType{
    margin-left:4px;
    font:13.3333px Arial;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .btnCheck{
    margin-left:15px;
    padding:0;
    font:13.3333px Arial;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con p.blue{
    color:#666;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head .tobottom{
    position:relative;
    box-sizing:content-box;
    width:1px;
    padding:0 10px;
    background:none;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head .tobottom::after{
    content:"↓";
    position:absolute;
    right:3px;
    top:14px;
    color:#f1010a;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
}


/* SG SSC road-analysis dynamic tracks, striped columns and selector cells r137. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav{
    align-self:flex-start;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button{
    box-sizing:content-box;
    width:160px;
    margin-right:-1px;
    border-right:1px solid #e5e5e5;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button.active{
    top:-5px;
    border-right:1px solid #e5e5e5;
    line-height:45px;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i{
    border-color:#fa8e19;
    background:transparent;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.selected i::after{
    color:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter .checkbox-row button span{
    color:#333;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice{
    height:28px;
    border:1px solid #ccc;
    border-radius:4px;
    color:#333;
    background:transparent;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice.selected{
    border:0;
    color:#fff;
    background:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .txtNum,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .secType,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .btnCheck{
    font-family:Arial !important;
    font-size:13.3333px !important;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .item_con{
    height:var(--ssc-road-height);
    min-height:var(--ssc-road-height);
    max-height:var(--ssc-road-height);
    text-align:right;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con{
    min-height:var(--ssc-road-table-height);
  }
}


/* SG SSC road-analysis source hover states r137. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar button,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .btnCheck{
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-modebar nav button:not(.active):hover,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-date-toolbar button:not(.active):hover{
    color:#f44a07;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter .checkbox-row button:not(.text-action):hover span,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.choice:not(.selected):hover span{
    color:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter .checkbox-row button:not(.text-action):hover i{
    border-color:#fa8e19;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-filter button.text-action:hover{
    color:#f1010a;
  }
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .btnCheck:hover{
    background:#fa8e19;
  }
}


/* SSC source analysis navigation wrapping, selected and hover parity r137. */
@media (min-width:1021px){
  .pc8473-detail-family-ssc .pc8473-analysis{
    column-gap:4.375px;
    row-gap:1.5px;
  }
  .pc8473-detail-family-ssc .pc8473-analysis button:not(.active):hover{
    color:#fa8e19;
    background:transparent;
  }
  .pc8473-detail-family-ssc .pc8473-analysis button.active,
  .pc8473-detail-family-ssc .pc8473-analysis button.active:hover{
    border-radius:4px;
    color:#fff;
    background:#fa8e19;
  }
}


/* SG SSC hot-cold source data, control and table parity r138. */
.pc8473-detail-family-ssc .pc8473-ssc-hotcold-page{
  box-sizing:border-box;
  width:1200px;
  padding:0;
  background:#fff;
  color:#555;
  font:14px/14px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-head{
  box-sizing:border-box;
  width:1200px;
  min-height:47px;
  height:47px;
  display:block;
  padding:0 20px;
  border-bottom:1px solid #e5e5e5;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-head h2{
  width:72px;
  height:45px;
  margin:0;
  color:#333;
  font:800 18px/45px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-content{
  box-sizing:border-box;
  width:1200px;
  padding:20px;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle{
  position:relative;
  box-sizing:border-box;
  width:156px;
  height:25px;
  display:block;
  padding:0 0 0 30px;
  color:#333;
  font:14px/25px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
  cursor:pointer;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle>i{
  position:absolute;
  left:0;
  top:5px;
  box-sizing:border-box;
  width:16px;
  height:16px;
  border:1px solid #ccc;
  background:transparent;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle>i::after{
  position:absolute;
  left:0;
  top:-7px;
  display:none;
  color:#fa8e19;
  content:"✓";
  font:700 20px/20px Arial,sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle:hover span,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle:has(input:checked) span{
  color:#fa8e19;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle:hover>i,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle:has(input:checked)>i{
  border-color:#fa8e19;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle:has(input:checked)>i::after{
  display:block;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-content>p{
  width:1160px;
  height:25px;
  margin:5px 0 10px;
  color:#999;
  font:14px/25px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table{
  width:1160px;
  margin:0;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:auto;
  background:#fff;
  color:#555;
  font:14px/14px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
  text-align:center;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table tr{
  background:transparent !important;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td{
  height:50px;
  padding:0;
  border:1px solid #d6d6d6;
  text-align:center;
  vertical-align:middle;
  white-space:normal;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th{
  background:#ebebeb;
  color:#555;
  font:400 16px/26px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td{
  color:#999;
  font:400 12px/12px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td ul{
  width:auto;
  height:0;
  display:block;
  justify-content:normal;
  gap:0;
  margin:0 0 0 5px;
  padding:0;
  list-style:none;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td ul li.sscnumblue{
  position:relative;
  box-sizing:border-box;
  width:36px;
  height:36px;
  float:left;
  display:block;
  margin:10px 5px;
  border:1px solid #79c8ee;
  border-radius:50%;
  background:#f8fbfc;
  color:#012537;
  font:600 20px/36px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
  text-align:center;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table li .pc8473-ssc-hotcold-count{
  position:absolute;
  left:24px;
  top:-7px;
  box-sizing:border-box;
  width:20px;
  height:20px;
  display:none;
  border:0;
  border-radius:50%;
  background:#f1010a;
  color:#fff;
  font:400 10px/20px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
  font-style:normal;
  text-align:center;
}
.pc8473-ssc-hotcold-page:has(.pc8473-ssc-hotcold-toggle input:checked) .pc8473-ssc-hotcold-table li .pc8473-ssc-hotcold-count{
  display:block;
}


/* SG SSC hot-cold source float flow parity r139. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td ul{
  display:block;
  justify-content:normal;
  gap:0;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td{
  white-space:normal;
}


/* SG SSC hot-cold source cell box model parity r140. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td{
  box-sizing:content-box;
}


/* SG SSC hot-cold native source column ratio and header height parity r141. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th:first-child{
  width:auto;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table th,
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td{
  height:auto;
}

/* SG SSC hot-cold exact sprite and text-box parity r142. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table li.sscnumblue{
  box-sizing:content-box;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAACDklEQVR4nM2YPU4jQRCFn7HWAsK1IIcTAPGSwQEgA18AOEWTA8GTYIUQRKwPgdMFIcRPBiSPE5gDsIG1qlEZj80IecyY6aCl7uqu6k89U9XVhRAC8jRQc6C2QJ2DugPVBvXmre2yc18zl9v+kBBVUBugLkF1QP0G1QC1BKoOquat7rKGr+m4julWCwECtQLqCVQT1DKoSo7TrLhO022sjAwEahLUMagWqPW8R59hb91tmc3JXECgZkDdgDr4KkiG7QO3PTMUkMM8g9otGia1x67v8QFqcOE0qOtxwoR+KNtr+jOgE1B744YJvf32bM9MIPem1nfBhN6+rbT3dYUToB6L8KYwmvc9deNUV2iBq/ndMKEHZXFqIw301wJYiUDLFtGTvt9NnTwROBQPVHGGeRtsgzoqCyb0oI4SFr+ZGxEANRIWUA+gFiIAWgR1D89h6hEA/QT1Ck+sahEA1RKWGIHasX2yh0h+6oWEBdQfUJsxuf12bIFxPqqrI8R2uYZI04+qJ0llJGhrHxK0klPYC1Cr7+OBybMSkvzTPlnUz6DQ/1AMY4QJQz0UUwqzoG5B7Y/pKW22ZzPnP1Gc8sKA/XRrBXnTxUjFhgFDq368ucsxrv/L78vntDeNDBT6C1ZXHuIPfWxppxWpfnizvslszta8uM5mYQWrDDh7Nu34id17PvXPm/VNZnO2JndJ7z/UNvNO/HnuuwAAAABJRU5ErkJggg==");
  background-position:0 0;
  background-repeat:no-repeat;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle{
  display:block;
  float:left;
  margin:0 20px 0 0;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle>i{
  box-sizing:content-box;
  width:14px;
  height:14px;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-toggle>span{
  box-sizing:content-box;
  display:inline-block;
  width:126px;
  height:25px;
  overflow:hidden;
  white-space:nowrap;
}
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-count{
  box-sizing:content-box;
}

/* SG SSC hot-cold source sprite specificity parity r143. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-table td ul li.sscnumblue{
  box-sizing:content-box;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAAsTAAALEwEAmpwYAAACDklEQVR4nM2YPU4jQRCFn7HWAsK1IIcTAPGSwQEgA18AOEWTA8GTYIUQRKwPgdMFIcRPBiSPE5gDsIG1qlEZj80IecyY6aCl7uqu6k89U9XVhRAC8jRQc6C2QJ2DugPVBvXmre2yc18zl9v+kBBVUBugLkF1QP0G1QC1BKoOquat7rKGr+m4julWCwECtQLqCVQT1DKoSo7TrLhO022sjAwEahLUMagWqPW8R59hb91tmc3JXECgZkDdgDr4KkiG7QO3PTMUkMM8g9otGia1x67v8QFqcOE0qOtxwoR+KNtr+jOgE1B744YJvf32bM9MIPem1nfBhN6+rbT3dYUToB6L8KYwmvc9deNUV2iBq/ndMKEHZXFqIw301wJYiUDLFtGTvt9NnTwROBQPVHGGeRtsgzoqCyb0oI4SFr+ZGxEANRIWUA+gFiIAWgR1D89h6hEA/QT1Ck+sahEA1RKWGIHasX2yh0h+6oWEBdQfUJsxuf12bIFxPqqrI8R2uYZI04+qJ0llJGhrHxK0klPYC1Cr7+OBybMSkvzTPlnUz6DQ/1AMY4QJQz0UUwqzoG5B7Y/pKW22ZzPnP1Gc8sKA/XRrBXnTxUjFhgFDq368ucsxrv/L78vntDeNDBT6C1ZXHuIPfWxppxWpfnizvslszta8uM5mYQWrDDh7Nu34id17PvXPm/VNZnO2JndJ7z/UNvNO/HnuuwAAAABJRU5ErkJggg==");
  background-position:0 0;
  background-repeat:no-repeat;
}

/* SG SSC hot-cold source two-row control copy parity r144. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-content>p{
  clear:both;
}

/* SG SSC hot-cold source control-row gap parity r145. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-content>p{
  padding-top:5px;
}

/* SG SSC hot-cold source info-row flow height parity r146. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-content>p{
  height:30px;
}

/* SG SSC hot-cold source intrinsic single-line title parity r147. */
.pc8473-ssc-hotcold-page .pc8473-ssc-hotcold-head h2{
  display:inline-block;
  width:auto;
  white-space:nowrap;
}

/* SG SSC dragon-trend source parity r148: source-measured rail, collapsed help, annotations, matrix and statistics. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="龙虎走势"]{
    box-sizing:border-box;
    width:1200px;
    padding:0;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-exact-head{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
    box-shadow:none;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-exact-head h2{
    position:absolute;
    left:20px;
    top:0;
    box-sizing:border-box;
    width:72px;
    height:45px;
    margin:0;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar{
    position:absolute;
    right:20px;
    top:10px;
    display:block;
    box-sizing:content-box;
    width:345.86px;
    height:28px;
    margin:0;
    padding:0;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar > div{
    display:flex;
    width:345.86px;
    height:28px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar label{display:none}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar button{
    display:block;
    box-sizing:content-box;
    width:auto;
    min-width:0;
    height:28px;
    margin:0;
    padding:0 10px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:left;
    white-space:nowrap;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar button.active{
    border-radius:2px;
    background:#fa8e19;
    color:#fff;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar button:not(.active):hover{
    background:transparent;
    color:#f44a07;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain-wrap{
    position:relative;
    z-index:5;
    box-sizing:content-box;
    width:1160px;
    height:28px;
    margin:20px 20px;
    padding:0;
    background:#edf4fa;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain{
    position:absolute;
    left:0;
    top:0;
    display:block;
    box-sizing:border-box;
    width:1160px;
    height:30px;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #dadcdb;
    background:#edf4fa;
    color:#555;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain.open{
    height:302px;
    padding:10px 0;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain p{
    position:relative;
    box-sizing:border-box;
    width:1158px;
    height:28px;
    margin:0;
    padding:0 50px 0 10px;
    color:#555;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain p i{
    color:#0079f4;
    font-style:normal;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain .prep span{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:40px;
    height:28px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain .prep span::before{
    content:"";
    position:absolute;
    left:15px;
    top:9px;
    width:8px;
    height:8px;
    border-right:2px solid #8aa9c4;
    border-bottom:2px solid #8aa9c4;
    transform:rotate(45deg);
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-explain.open .prep span::before{
    top:12px;
    transform:rotate(225deg);
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations{
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    box-sizing:content-box;
    width:1160px;
    height:35px;
    margin:0 20px;
    padding:0;
    overflow:hidden;
    gap:0;
    color:#555;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations > span{
    flex:0 0 70px;
    box-sizing:border-box;
    width:70px;
    height:25px;
    margin:0 20px 0 0;
    color:#999;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:auto;
    height:25px;
    margin:0 20px 0 0;
    padding:0 0 0 25px;
    border:0;
    background:transparent;
    color:#333;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:left;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button i{
    position:absolute;
    left:0;
    top:5px;
    display:block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    border:1px solid #ccc;
    background:#fff;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button.active i{
    border-color:#fa8e19;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button.active i::after{
    content:"";
    position:absolute;
    left:3px;
    top:0;
    width:6px;
    height:10px;
    border-right:2px solid #fa8e19;
    border-bottom:2px solid #fa8e19;
    transform:rotate(45deg);
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button:hover{
    color:#fa8e19;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-annotations button:hover i{
    border-color:#fa8e19;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-table-scroll{
    box-sizing:border-box;
    width:1200px;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-table-wrap{
    position:relative;
    box-sizing:border-box;
    width:1158px;
    margin:0 0 20px 21px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{
    position:relative;
    z-index:0;
    box-sizing:border-box;
    width:1158px;
    min-width:1158px;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    background:transparent;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.issue{width:142px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.code{width:136px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.digit{width:38.265625px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon{width:38px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{
    box-sizing:border-box;
    min-width:0;
    margin:0;
    padding:0;
    border:1px solid #d6d6d6;
    text-align:center;
    vertical-align:middle;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:first-child{height:47px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:nth-child(2){height:27px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead th{
    height:auto;
    background:#ebebeb;
    color:#555;
    font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:nth-child(2) th{
    font-size:14px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row){
    height:39px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td{
    height:39px;
    background:transparent;
    color:#999;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+3):nth-child(-n+12){background:#fcf8f3}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+13):nth-child(-n+22){background:#f0f9fc}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+23):nth-child(-n+25){background:#f0fcf0}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td.omission{color:#999}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td.hit span{
    position:relative;
    z-index:3;
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fba75e;
    color:#fff;
    font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td.hit.rank-5 span{
    background:#1fa6e8;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td.trait-hit{
    background:#f0fcf0;
    color:#fff;
    font-weight:400;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td.trait-hit span{
    position:relative;
    z-index:3;
    display:block;
    box-sizing:border-box;
    width:100%;
    height:38px;
    border-radius:0;
    background:#8585fb;
    color:#fff;
    font:14px/38px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-code-digits{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-code-digits i{
    display:inline-block;
    min-width:12px;
    color:#999;
    font:normal 14px/38px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  /* SG SSC dragon source line and current-omission parity r171 */
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-lines{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:block;
    width:1158px;
    pointer-events:none;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-lines line{
    fill:none;
    stroke-width:2;
    stroke-linecap:butt;
    vector-effect:non-scaling-stroke;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-lines line.rank-one{stroke:#fba75d}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-lines line.rank-five{stroke:#1ea6e8}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tr.pc8473-ssc-dragon-divider-row{
    height:1px!important;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tr.pc8473-ssc-dragon-divider-row td{
    box-sizing:border-box;
    height:1px!important;
    min-height:1px!important;
    padding:0!important;
    border:0!important;
    background:#dbdbdb!important;
    font-size:0!important;
    line-height:0!important;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-table-wrap.show-layers td.omission-layer{
    background:#9595c5!important;
    background-image:none!important;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-table-wrap.show-layers td.omission-layer span{
    color:#fff!important;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-head{height:47px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-subhead{height:27px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-subhead th{
    height:auto;
    background:#ebebeb;
    color:#555;
    font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-subhead th{
    font-size:14px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-row{height:34px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-row td{
    height:34px!important;
    padding:0!important;
    background:transparent!important;
    color:#666!important;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
    font-weight:400!important;
    text-align:center;
  }
}


/* SG SSC dragon-trend source draw-code parity r150 */
[data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-code{
  display:inline;
  color:#f1010a;
  font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  letter-spacing:normal;
  white-space:normal;
}
/* SG SSC dragon-trend warmed omissions and source geometry parity r151 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-date-toolbar button.active{
    border-radius:4px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{
    width:1158px;
    min-width:0;
    table-layout:auto;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{
    box-sizing:content-box;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .trait-hit span{
    display:inline-block;
  }
}
/* SG SSC dragon-trend exact column geometry parity r152 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{
    width:1158px;
    min-width:1158px;
    table-layout:fixed;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{
    box-sizing:border-box;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.issue{width:142.0390625px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.code{width:135.8125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-one{width:38.28125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-one.n3,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-one.n4{width:38.0078125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-five{width:38.28125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon{width:38.0078125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon.n2{width:38.0546875px}
}
/* SG SSC dragon-trend final subpixel column parity r153 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon.n2{width:38.0390625px}
}
/* SG SSC dragon-trend responsive source table algorithm r154 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{
    width:1158px;
    min-width:0;
    table-layout:auto;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{
    box-sizing:content-box;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:first-child th:first-child,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:first-child th:nth-child(2){width:150px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:first-child,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(2){width:auto}
}
/* SG SSC dragon-trend source cell constraints and row rhythm r155 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{
    white-space:normal;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead th{min-width:18px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody td{min-width:0}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row){height:38px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-row{height:33px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-row td{height:33px!important}
}

/* SG SSC dragon-trend inherited-width and final row rhythm parity r156 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th:first-child,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td:first-child,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th:nth-child(2),
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td:nth-child(2){
    width:auto;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:first-child th:first-child,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:first-child th:nth-child(2){
    width:150px;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td{
    height:38px!important;
  }
}

/* SG SSC dragon-trend source column grid parity r157 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{
    table-layout:fixed;
  }
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.issue{width:142.0078125px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.code{width:135.765625px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-one{width:38.2734375px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-one.n5{width:38px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.rank-five{width:38.2734375px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon{width:38px}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend col.dragon.n2{width:38.03125px}
}

/* SG SSC two-sided history source parity r158 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-exact-head{
    box-sizing:border-box;
    height:47px;
    min-height:47px;
    padding:0;
    border-bottom:1px solid #e5e5e5;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-exact-head h2{
    display:block;
    width:auto;
    height:45px;
    margin:0 0 0 20px;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-date-toolbar{
    display:none;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-table-scroll{
    box-sizing:content-box;
    width:1200px;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history{
    box-sizing:content-box;
    width:1160px;
    margin:20px;
    border-collapse:collapse;
    table-layout:auto;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history th,
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history td{
    box-sizing:content-box;
    min-width:0;
    padding:0;
    border:1px solid #d6d6d6;
    color:#555;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history th:first-child,
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history td:first-child{
    width:100px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead tr:first-child{
    height:40px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead tr:nth-child(2){
    height:34px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead th{
    height:auto;
    background:#ebebeb;
    font:400 16px/16px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead tr:nth-child(2) th{
    font-size:14px;
    line-height:14px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history tbody tr:nth-child(even){
    background:#f5f5f5;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history tbody td{
    height:37px!important;
    font:400 12px/12px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
}

/* SG SSC two-sided history equal-column and atomic-load parity r159 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history{
    box-sizing:border-box;
    width:1160px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead tr:first-child th:first-child,
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history tbody td:first-child{
    width:100px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history thead tr:nth-child(2) th:first-child{
    width:26px;
  }
}

/* SG SSC two-sided history source footer closure parity r161 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="单双大小历史"].pc8473-record-panel{
    padding-bottom:20px;
  }
  [data-pc-ssc-exact-page="单双大小历史"] .pc8473-ssc-two-sided-history{
    margin:20px 20px 0;
  }
}


/* SG SSC two-sided-road source parity r163. */
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-exact-head{
  height:47px;
  min-height:47px;
  padding:0 20px;
  border-bottom:1px solid #e5e5e5;
  box-shadow:none;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-exact-head h2{
  color:#555;
  font-size:18px;
  font-weight:800;
  line-height:47px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar{
  box-sizing:border-box;
  width:454px;
  height:47px;
  margin-left:auto;
  gap:0;
  align-items:flex-start;
  padding-top:10px;
  color:#555;
  font-size:12px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar > div{height:28px}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button{
  box-sizing:border-box;
  width:44px;
  height:28px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#555;
  font-size:12px;
  line-height:28px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button:hover{color:#fa8e19}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button.active{
  border-radius:2px;
  background:#fa8e19;
  color:#fff;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar label{
  box-sizing:border-box;
  width:300px;
  height:28px;
  margin-left:22px;
  padding-left:28px;
  gap:3px;
  color:#555;
  font-size:12px;
  line-height:28px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar input{
  box-sizing:border-box;
  width:220px;
  height:28px;
  padding:0 0 0 25px;
  border:1px solid #dbdbdb;
  border-radius:0;
  background:transparent;
  color:#000;
  font:13.3333px Arial !important;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter{
  display:block;
  box-sizing:border-box;
  width:1160px;
  height:77px;
  margin:20px 20px 0;
  padding:0;
  border:0;
  color:#555;
  overflow:hidden;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter > div{
  display:flex;
  box-sizing:border-box;
  height:32px;
  margin:0 0 10px;
  padding:0;
  align-items:center;
  gap:0;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter > div:last-child{
  height:25px;
  margin-bottom:10px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter > div > span{
  flex:0 0 88px;
  color:#aaa;
  font-size:14px;
  line-height:25px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .choice-row button{
  box-sizing:border-box;
  width:auto;
  min-width:74px;
  height:28px;
  margin:0 18px 0 0;
  padding:0 15px;
  border:1px solid #ccc;
  border-radius:4px;
  background:#fff;
  color:#333;
  font-size:14px;
  line-height:25px;
  cursor:pointer;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .choice-row button i{display:none}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .choice-row button:hover{
  border-color:#fa8e19;
  color:#fa8e19;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .choice-row button.selected{
  min-width:72px;
  border:0;
  background:#fa8e19;
  color:#fff;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button{
  position:relative;
  box-sizing:border-box;
  width:auto;
  height:25px;
  margin:0 20px 0 0;
  padding:0 0 0 25px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#333;
  font-size:14px;
  line-height:25px;
  cursor:pointer;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button:hover{color:#fa8e19}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button i{
  position:absolute;
  left:0;
  top:4px;
  display:block;
  box-sizing:border-box;
  width:16px;
  height:16px;
  border:1px solid #ccc;
  background:#fff;
  color:transparent;
  font-size:0;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button.selected i{
  border-color:#fa8e19;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button.selected i::after{
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border:solid #fa8e19;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-list{
  box-sizing:border-box;
  width:1200px;
  margin-top:-14px;
  padding:0 20px 10px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track{
  margin:20px 0 10px;
  border:0;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track + .pc8473-ssc-road-track{margin-top:10px}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_head{
  box-sizing:border-box;
  width:1160px;
  height:42.5px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_head td{height:42.5px}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .txtNum{
  box-sizing:border-box;
  width:54px;
  height:30px;
  padding:0 0 0 2px;
  font:13.3333px Arial !important;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .secType{
  margin-left:4px;
  font:13.3333px Arial !important;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .btnCheck{
  margin-left:15px;
  padding:0;
  font:13.3333px Arial !important;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .item_con{
  box-sizing:border-box;
  width:1160px;
}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con p{color:#666}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con p.red{color:#f1020b}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .righttd strong,
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .tobottom{color:#f1010a}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .tobottom{font-size:14px}
[data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted{background:inherit}


/* SG SSC two-sided-road full source geometry r164. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="单双大小路珠"]{
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-exact-head h2{
    font:800 18px/47px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar,
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button,
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar label{
    font-family:Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    font-size:12px;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button{
    width:44px;
    height:28px;
    padding:0 10px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-date-toolbar button.active{
    border-radius:4px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter,
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter button,
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter > div > span{
    font-family:Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row > span{
    flex-basis:90px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button i{
    top:5px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button.selected i{
    border:1px solid #fa8e19;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -199px -249px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-filter .checkbox-row button.selected i::after{
    content:none;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-list{
    margin-top:0;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track,
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track + .pc8473-ssc-road-track{
    margin:0;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_head{
    width:1160px;
    height:43px;
    margin:0;
    color:#555;
    background:#f5f5f5;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_head td{
    box-sizing:content-box;
    height:42px;
    padding:0 10px;
    border:0;
    color:#555;
    line-height:14px;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_head .righttd{
    width:300px;
    min-width:300px;
    text-align:right;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .tobottom{
    width:20px;
    padding:0;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -261px -235px;
    font-size:0;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .item_con{
    box-sizing:border-box;
    width:1160px;
    margin:0 0 10px;
    overflow-x:auto;
    overflow-y:hidden;
    direction:rtl;
    border:1px solid #e6e6e6;
    background:#fff url("https://1689567.com/img/icon/table_bg.png?v=202584100") repeat 0 0;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con{
    float:right;
    direction:rtl;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con td{
    box-sizing:border-box;
    min-width:30px;
    padding:8px 0 0;
    color:#666;
    line-height:14px;
    text-align:center;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con p{
    margin:0 0 6px;
    color:#666;
    font-weight:400;
    line-height:14px;
    text-align:center;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con p.red{
    color:#f1020b;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con td.bgcolor{
    background:#f5f5f5;
  }
}


/* SG SSC two-sided-road centered bead text r164. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con{
    border-collapse:collapse;
    table-layout:auto;
    text-align:center;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con td{
    width:30px;
    vertical-align:top;
  }
  [data-pc-ssc-exact-page="单双大小路珠"] .pc8473-ssc-road-track .lz_table_con p{
    display:block;
    width:auto;
    padding:0;
    text-align:center;
  }
}

/* SG SSC shape-trend full source parity r165: measured head, collapsed help, shared controls, omission matrix and lines. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="形态走势"]{box-sizing:border-box;width:1200px;padding:0;background:#fff;color:#555;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-exact-head{position:relative;display:block;box-sizing:border-box;width:1200px;height:47px;min-height:47px;padding:0 20px;border-bottom:1px solid #e5e5e5;box-shadow:none}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-exact-head h2{position:absolute;left:20px;top:0;display:block;width:auto;height:45px;margin:0;color:#333;font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;text-align:left;white-space:nowrap}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar{position:absolute;right:20px;top:10px;display:block;box-sizing:content-box;width:454px;height:28px;margin:0;padding:0;color:#555;font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar>div{display:flex;justify-content:flex-end;width:454px;height:28px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar label{display:none}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar button{display:block;box-sizing:content-box;width:auto;min-width:0;height:28px;margin:0;padding:0 10px;border:0;border-radius:0;background:transparent;color:#555;font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar button.active{border-radius:2px;background:#fa8e19;color:#fff}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-date-toolbar button:not(.active):hover{background:transparent;color:#f44a07}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain-wrap{position:relative;z-index:5;box-sizing:content-box;width:1160px;height:28px;margin:20px;padding:0;background:#edf4fa}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain{position:absolute;left:0;top:0;display:block;box-sizing:border-box;width:1160px;height:30px;margin:0;padding:0;overflow:hidden;border:1px solid #dadcdb;background:#edf4fa;color:#555;font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;cursor:pointer}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain.open{height:222px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain p{position:relative;box-sizing:border-box;width:1158px;height:28px;margin:0;padding:0 50px 0 10px;color:#555;font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;white-space:nowrap}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain p i{color:#0079f4;font-style:normal}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain .prep span{position:absolute;right:0;top:0;display:block;width:40px;height:28px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain .prep span::before{content:"";position:absolute;left:15px;top:9px;width:8px;height:8px;border-right:2px solid #8aa9c4;border-bottom:2px solid #8aa9c4;transform:rotate(45deg)}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-explain.open .prep span::before{top:12px;transform:rotate(225deg)}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-controls{display:flex;align-items:flex-start;justify-content:space-between;box-sizing:content-box;width:1160px;height:32px;margin:0 20px 10px;padding:0;overflow:hidden}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-position-tabs{display:flex;align-items:flex-start;box-sizing:content-box;width:316px;height:32px;margin:0;padding:0;gap:0}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-position-tabs button{display:block;box-sizing:content-box;width:56px;min-width:56px;height:26px;margin:0 18px 0 0;padding:0 15px;border:1px solid #ccc;border-radius:0;background:transparent;color:#333;font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;text-align:center;white-space:nowrap;cursor:pointer}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-position-tabs button.active{height:28px;border:0;background:#fa8e19;color:#fff}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-position-tabs button:not(.active):hover{color:#fa8e19}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations{display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:content-box;width:334px;height:25px;margin:0;padding:0;gap:0;overflow:hidden;color:#555;font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations>span{display:none}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button{position:relative;display:block;box-sizing:border-box;width:auto;height:25px;margin:0 20px 0 0;padding:0 0 0 25px;border:0;background:transparent;color:#333;font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button:last-child{margin-right:0}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button i{position:absolute;left:0;top:5px;display:block;box-sizing:border-box;width:16px;height:16px;border:1px solid #ccc;background:#fff}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button.active i{border-color:#fa8e19}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button.active i::after{content:"";position:absolute;left:3px;top:0;width:6px;height:10px;border-right:2px solid #fa8e19;border-bottom:2px solid #fa8e19;transform:rotate(45deg)}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button:hover{color:#fa8e19}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-annotations button:hover i{border-color:#fa8e19}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-table-scroll{box-sizing:border-box;width:1200px;overflow:visible}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-table-wrap{position:relative;box-sizing:border-box;width:1158px;margin:0 0 20px 21px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend{position:relative;z-index:0;box-sizing:border-box;width:1158px;min-width:1158px;margin:0;padding:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;background:transparent;color:#555;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend col.issue{width:102.3984375px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend col.code{width:68.6171875px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend col.digit{width:26.25px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend col.trait{width:24.78125px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend col.trait.last{width:25.015625px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend th,[data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td{box-sizing:border-box;min-width:0;margin:0;padding:0;border:1px solid #d6d6d6;text-align:center;vertical-align:middle;white-space:normal}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend thead tr:first-child{height:47px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend thead tr:nth-child(2){height:53px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend thead th{height:auto;background:#ebebeb;color:#555;font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend thead tr:nth-child(2) th{font-size:14px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row){height:41px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td{height:41px!important;background:transparent!important;color:#999;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(2){color:#e74535}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+3):nth-child(-n+12){background:#fcf8f3!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+13):nth-child(-n+22){background:#f0f9fc!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) td:nth-child(n+23):nth-child(-n+32){background:#f0fcf0!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.omission{color:#999}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit span{position:relative;z-index:3;display:inline-block;box-sizing:border-box;width:20px;height:20px;border-radius:50%;background:#fba75e;color:#fff;font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-2 span{background:#1fa6e8}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-3 span{background:#08bf02}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-4 span{background:#8585fb}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-5 span{background:#ec5e75}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.trait-hit{background:transparent!important;color:#fff;font-weight:400}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.trait-hit span{position:relative;z-index:3;display:block;box-sizing:border-box;width:100%;height:40px;border-radius:0;color:#fff;font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;white-space:normal}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.shape-outcome span{background:#1fa6e8}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.group-outcome span{background:#f2b653}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-lines{position:absolute;left:0;top:0;z-index:2;display:block;width:1158px;pointer-events:none;overflow:visible}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-lines line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-lines line.rank-one{stroke:#fba75e}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-lines line.rank-two{stroke:#1fa6e8}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-lines line.rank-three{stroke:#08bf02}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tr.period-divider td{border-bottom:2px solid #fa8e19}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-table-wrap.show-layers td.omission-layer-1{background-image:linear-gradient(rgba(255,214,153,.12),rgba(255,214,153,.12))}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-table-wrap.show-layers td.omission-layer-2{background-image:linear-gradient(rgba(255,214,153,.20),rgba(255,214,153,.20))}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-table-wrap.show-layers td.omission-layer-3{background-image:linear-gradient(rgba(255,181,82,.27),rgba(255,181,82,.27))}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-table-wrap.show-layers td.omission-layer-4{background-image:linear-gradient(rgba(255,145,54,.34),rgba(255,145,54,.34))}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-head{height:47px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-subhead{height:53px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-head th,[data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-subhead th{height:auto;background:#ebebeb;color:#555;font:400 14px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-head th{font-size:16px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-row{height:34px}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-row td{height:34px!important;background:#f4f4f4!important;color:#777!important;font:13px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend .pc8473-ssc-source-stat-row td:first-child{color:#555!important;font-weight:600!important}
}

/* SG SSC dragon divider hard-height parity r169 */
body [data-pc-ssc-exact-page="龙虎走势"] table.pc8473-ssc-dragon-trend > tbody > tr.pc8473-ssc-dragon-divider-row{
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
}
body [data-pc-ssc-exact-page="龙虎走势"] table.pc8473-ssc-dragon-trend > tbody > tr.pc8473-ssc-dragon-divider-row > td{
  box-sizing:border-box!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  padding:0!important;
  border:0!important;
  background:#dbdbdb!important;
  font-size:0!important;
  line-height:0!important;
}


/* SG SSC dragon statistic source auto-layout parity r173 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend{table-layout:auto}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend td{box-sizing:content-box}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-subhead th{min-width:18px!important}
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend thead tr:nth-child(2) th,
  [data-pc-ssc-exact-page="龙虎走势"] .pc8473-ssc-dragon-trend .pc8473-ssc-source-stat-subhead th{width:40px!important}
}


/* SG SSC shape outcome source paint lock r180 */
[data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody td.shape-outcome span{
  background:rgb(31,166,232)!important;
  color:#fff!important;
}
[data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend tbody td.group-outcome span{
  background:rgb(242,182,83)!important;
  color:#fff!important;
}


/* Source common checkbox and SG SSC shape paint/line contract r183 */
@media (min-width:1024px){
  .pc8473-ssc-annotations button,
  .pc8473-ssc-road-filter .checkbox-row button,
  .pc8473-pk10-road-check{color:#333}
  .pc8473-ssc-annotations button i,
  .pc8473-ssc-road-filter .checkbox-row button i,
  .pc8473-pk10-road-check i{
    box-sizing:border-box!important;
    width:16px!important;
    height:16px!important;
    border:1px solid #ccc!important;
    background:#fff!important;
  }
  .pc8473-ssc-annotations button.active i,
  .pc8473-ssc-road-filter .checkbox-row button.selected i,
  .pc8473-pk10-road-check.active i{
    border-color:#fa8e19!important;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -199px -249px!important;
  }
  .pc8473-ssc-annotations button.active i::after,
  .pc8473-ssc-road-filter .checkbox-row button.selected i::after,
  .pc8473-pk10-road-check.active i::after{content:none!important}
  .pc8473-ssc-annotations button:hover,
  .pc8473-ssc-road-filter .checkbox-row button:hover,
  .pc8473-pk10-road-check:hover{color:#fa8e19!important}
  .pc8473-ssc-annotations button:hover i,
  .pc8473-ssc-road-filter .checkbox-row button:hover i,
  .pc8473-pk10-road-check:hover i{border-color:#fa8e19!important}
  .pc8473-ssc-annotations button.active:hover i,
  .pc8473-ssc-road-filter .checkbox-row button.selected:hover i,
  .pc8473-pk10-road-check.active:hover i{
    background-position:-232px -249px!important;
  }

  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend > tbody > tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) > td:nth-child(-n+2),
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend > tbody > tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) > td:nth-child(n+33){
    background:#fff!important;
  }
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend > tbody > tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) > td:nth-child(n+3):nth-child(-n+12){
    background:#fcf8f3!important;
  }
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend > tbody > tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) > td:nth-child(n+13):nth-child(-n+22){
    background:#f0f9fc!important;
  }
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend > tbody > tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row) > td:nth-child(n+23):nth-child(-n+32){
    background:#f0fcf0!important;
  }
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-1 span{background:#fba75e!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-2 span{background:#1fa6e8!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.hit.rank-3 span{background:#08bf02!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.shape-outcome span{background:#1fa6e8!important}
  [data-pc-ssc-exact-page="形态走势"] .pc8473-ssc-shape-trend td.group-outcome span{background:#f2b653!important}
}


/* 20260830-mobile-pk10-source-geometry-r691 */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .detail-current.generic-current .detail-square-row {
    margin-bottom: 1.5985vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger {
    height: 6.6667vw;
    min-height: 6.6667vw;
    display: block;
    margin: 0;
    color: #666;
    font-size: 3.2vw;
    line-height: normal;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > span,
  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > strong,
  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > i {
    height: 6.6667vw;
    display: block;
    float: left;
    margin: 0 2.6667vw 0 0;
    color: #666;
    font: inherit;
    line-height: normal;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > i {
    color: #ccc;
    font-style: normal;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > i + span {
    margin-left: 1.8667vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-current-tiger > strong {
    color: #666;
    font-weight: 400;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line {
    margin-top: 0;
    color: #666;
    font-size: 3.7333vw;
    line-height: 4vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-progress-line > strong {
    color: #ff2600;
    font-size: 3.7333vw;
    line-height: 4vw;
    font-weight: 400;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button {
    height: 9.3333vw;
    margin: 1.3333vw 0;
    padding: 0;
    border-right-color: #ededed;
    font-size: 3.2vw;
    line-height: 9.3333vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .detail-tabs.four button.active::after {
    width: 14.8462vw;
    height: 0;
    bottom: -0.9315vw;
    border-top: 0.5128vw solid #fb8e19;
    background: transparent;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-stat-card {
    overflow: visible;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-stat-pairs {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: calc(19.2vw + 1px);
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-stat-pairs td {
    height: 9.6vw;
    padding: 0;
    border-right: 1px solid #e6e6e6;
    color: #666;
    font: 400 3.2vw/normal "microsoft yahei", sans-serif;
    text-align: center;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-stat-pairs tr + tr td {
    border-top: 1px solid #e6e6e6;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-stat-pairs td:last-child {
    border-right: 0;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dedicated-road-toolbar {
    height: 9.856vw;
    margin-top: 2.923vw;
    border-top: 0;
    border-bottom-color: #dbdbdb;
    background: #f5f5f5;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dedicated-road-toolbar .pk10-dedicated-filter-trigger {
    width: 18.133vw;
    height: 9.6vw;
    flex: 0 0 18.133vw;
    display: block;
    position: relative;
    padding: 0 5.3333vw 0 0;
    color: #fb8e19;
    background: #f5f5f5;
    font-size: 3.2vw;
    line-height: 9.6vw;
    text-align: left;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dedicated-road-toolbar .pk10-dedicated-filter-trigger svg {
    width: 5.3333vw;
    height: 5.3333vw;
    position: absolute;
    top: 1.8667vw;
    right: -0.5333vw;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dedicated-road-toolbar .pk10-analysis-datebar {
    height: 9.6vw;
    background: #f5f5f5;
  }

  /* 冠亚和路珠 uses the compact 9.3333vw title row. 龙虎路珠 keeps
   * its independently measured taller title contract. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-dedicated-road-champion-sum .pk10-road-panel > header {
    height: 9.3333vw;
    min-height: 9.3333vw;
  }

  /* These source pages begin after the shared 2.9231vw family spacer. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-history-datebar,
  body[data-detail-type="pk10"] #mobileDetail .pk10-front-back-controlbar {
    margin-top: 2.9231vw;
  }

  /* The source leaves the same 2.9231vw family spacer before the three
   * 路珠分析 modes. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-road-modes {
    margin-top: 2.9231vw;
  }

  /* 单双大小路珠 uses one source cheDate row: both filters and all dates
   * share the same 9.856vw strip. */
  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road > .pk10-road-controlbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    background: #f5f5f5;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-two-sided-road > .pk10-road-controlbar > .pk10-analysis-datebar {
    width: auto;
    min-width: 0;
    height: 9.6vw;
    flex: 1 1 auto;
    background: #f5f5f5;
  }

}


/* 20260830-mobile-pk10-dragon-statistics-grid-r692
 * Source table uses 1px separated cells over an #e5e5e5 shell. Preserve its
 * 118.5:33 column contract so the date and ten metric cells keep exact widths. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll table {
    border-collapse: separate;
    border-spacing: 1px;
    table-layout: auto;
    color: #666;
    background: #e5e5e5;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll col.date {
    width: 118.5px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll col.metric {
    width: 33px;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll th,
  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll td {
    border: 0;
    color: #666;
    background: #fff;
  }

  body[data-detail-type="pk10"] #mobileDetail .pk10-dragon-statistics-scroll thead th {
    color: #333;
    background: #f0f0f0;
  }
}


/* 20260830-mobile-pk10-today-statistics-bottom-r693
 * The source keeps a total 5.3334vw gutter after the tenth card so the
 * final grid edge clears the fixed footer at the same scroll position. */
@media (max-width: 1020px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-today-number-grid {
    padding-bottom: 5.3334vw;
  }
}


/* SG SSC position-trend and daily road rollover parity r184. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="定位走势"]{
    box-sizing:border-box;
    width:1200px;
    padding:0;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-exact-head{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
    box-shadow:none;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-exact-head h2{
    position:absolute;
    left:20px;
    top:0;
    height:45px;
    margin:0;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar{
    position:absolute;
    right:20px;
    top:10px;
    display:block;
    box-sizing:content-box;
    width:454px;
    height:28px;
    margin:0;
    padding:0;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar>div{
    display:flex;
    justify-content:flex-end;
    width:454px;
    height:28px;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar label{display:none}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar button{
    display:block;
    box-sizing:content-box;
    width:auto;
    min-width:0;
    height:28px;
    margin:0;
    padding:0 10px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar button.active{
    border-radius:4px;
    background:#fa8e19;
    color:#fff;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-date-toolbar button:not(.active):hover{color:#f44a07}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain-wrap{
    position:relative;
    z-index:5;
    box-sizing:content-box;
    width:1160px;
    height:28px;
    margin:20px;
    padding:0;
    background:#edf4fa;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain{
    position:absolute;
    left:0;
    top:0;
    display:block;
    box-sizing:border-box;
    width:1160px;
    height:30px;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #dadcdb;
    background:#edf4fa;
    color:#555;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain:hover,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain.open{height:274px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p{
    position:relative;
    box-sizing:border-box;
    width:1158px;
    height:28px;
    margin:0;
    padding:0 12px;
    overflow:hidden;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p.prep{color:#555}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p.prep i{
    color:#168eea;
    font-style:normal;
    font-weight:700;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p.prep span{
    position:absolute;
    right:15px;
    top:9px;
    width:7px;
    height:7px;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
    transform:rotate(45deg);
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-controls{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    box-sizing:border-box;
    width:1160px;
    height:32px;
    margin:0 20px 10px;
    padding:0;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs{
    display:flex;
    align-items:flex-start;
    width:458px;
    height:32px;
    margin:0;
    padding:0;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs button{
    display:block;
    box-sizing:content-box;
    width:42px;
    min-width:42px;
    height:26px;
    margin:0 18px 0 0;
    padding:0 15px;
    border:1px solid #ccc;
    border-radius:0;
    background:#fff;
    color:#333;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs button.active{
    height:28px;
    border:0;
    background:#fa8e19;
    color:#fff;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs button:not(.active):hover{color:#fa8e19}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations{
    display:flex;
    align-items:flex-start;
    box-sizing:content-box;
    width:334px;
    height:25px;
    margin:0;
    padding:0;
    overflow:hidden;
    color:#555;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations>span{display:none}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:auto;
    height:25px;
    margin:0 20px 0 0;
    padding:0 0 0 25px;
    border:0;
    background:transparent;
    color:#333;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button:last-child{margin-right:0}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button i{
    position:absolute;
    left:0;
    top:5px;
    display:block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    border:1px solid #ccc;
    background:#fff;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button.active i{
    border:1px solid #fa8e19;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -199px -249px;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button.active i::after{content:none}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button:hover{color:#fa8e19}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-table-scroll{
    box-sizing:border-box;
    width:1200px;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-table-wrap{
    position:relative;
    box-sizing:border-box;
    width:1158px;
    margin:0 0 20px 21px;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend{
    position:relative;
    z-index:0;
    box-sizing:border-box;
    width:1158px;
    min-width:0;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:auto;
    background:transparent;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend th,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td{
    box-sizing:border-box;
    height:auto;
    padding:0;
    border:1px solid #d8d8d8;
    color:#777;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend thead tr{height:27px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend thead th{
    height:27px;
    background:#ebebeb;
    color:#555;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row){height:39px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row)>td{
    height:39px;
    background:#fff;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr:not(.pc8473-ssc-source-stat-head):not(.pc8473-ssc-source-stat-subhead):not(.pc8473-ssc-source-stat-row)>td:nth-child(n+3):nth-child(-n+12){background:#fcf9f2}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.draw-code{color:#999;white-space:nowrap}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.draw-code span{color:#999}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.draw-code span.selected{color:#e74535}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.hit,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit{
    position:relative;
    z-index:2;
    color:#fff;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.hit span,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit span{
    position:relative;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#1fa6e8;
    color:#fff;
    font-weight:700;
    line-height:20px;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit span{
    width:100%;
    height:100%;
    border-radius:0;
    background:#3cb0ec;
    font-weight:400;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit.outcome-orange span{background:#fa9932}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit.outcome-blue span{background:#3cb0ec}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.omission span{color:#999}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-table-wrap.show-layers td.omission-layer{
    background:#9595c5!important;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-table-wrap.show-layers td.omission-layer span{color:#fff!important}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tr.period-divider td{border-bottom:2px solid #dbdbdb}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-lines{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:block;
    width:1158px;
    pointer-events:none;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-lines line{
    fill:none;
    stroke:#1fa6e8;
    stroke-width:2;
    stroke-linecap:butt;
    vector-effect:non-scaling-stroke;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-head{height:47px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-subhead{height:27px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-subhead th{
    height:auto;
    background:#ebebeb;
    color:#555;
    font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-subhead th{font-size:14px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-row{height:34px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-row td{
    height:34px;
    padding:0;
    background:#fff;
    color:#666;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }

  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .item_con,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .item_con{
    box-sizing:border-box;
    width:1160px;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    margin:0 0 10px;
    overflow-x:auto;
    overflow-y:hidden;
    direction:rtl;
    border:1px solid #e6e6e6;
    background:
      repeating-linear-gradient(to left,
        #f5f5f5 0,
        #f5f5f5 29px,
        #e6e6e6 29px,
        #e6e6e6 30px,
        #fff 30px,
        #fff 59px,
        #e6e6e6 59px,
        #e6e6e6 60px);
  }
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .lz_table_con,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con{
    float:right;
    width:max-content!important;
    min-width:0!important;
    height:130px!important;
    min-height:130px!important;
    margin:0;
    border-collapse:collapse;
    table-layout:auto;
    background:transparent;
    direction:rtl;
  }
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .lz_table_con td,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con td{
    box-sizing:border-box;
    width:30px!important;
    min-width:30px!important;
    height:130px!important;
    padding:8px 0 0;
    border:0;
    border-left:1px solid #e6e6e6;
    background:#fff;
    color:#666;
    line-height:14px;
    text-align:center;
    vertical-align:top;
  }
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .lz_table_con td.bgcolor,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con td.bgcolor{background:#f5f5f5}
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .lz_table_con p,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con p{
    display:block;
    width:auto;
    height:14px;
    margin:0 0 6px;
    padding:0;
    color:#666;
    font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td{
    width:48px!important;
    min-width:48px!important;
  }
} /* 20260831-close-sg-ssc-position-media-r801 */
/* SG SSC big-dragon road source natural-day, run-filter and geometry lock r192. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎路珠"]{
    box-sizing:border-box;
    width:1200px;
    padding:0 0 20px;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-exact-head{
    position:relative;
    display:flex;
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
    box-shadow:none;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-exact-head h2{
    height:45px;
    margin:0;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar{
    box-sizing:border-box;
    width:454px;
    height:47px;
    margin-left:auto;
    padding-top:10px;
    align-items:flex-start;
    gap:0;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar>div{height:28px}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar button{
    box-sizing:border-box;
    width:44px;
    height:28px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar button.active{
    border-radius:2px;
    background:#fa8e19;
    color:#fff;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar label{
    box-sizing:border-box;
    width:300px;
    height:28px;
    margin-left:22px;
    padding-left:28px;
    gap:3px;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-date-toolbar input{
    box-sizing:border-box;
    width:220px;
    height:28px;
    padding:0 0 0 25px;
    border:1px solid #dbdbdb;
    border-radius:0;
    background:transparent;
    color:#000;
    font:13.3333px Arial!important;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain-wrap{
    position:relative;
    z-index:5;
    box-sizing:content-box;
    width:1160px;
    height:28px;
    margin:20px 20px;
    padding:0;
    background:#edf4fa;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain{
    position:absolute;
    left:0;
    top:0;
    box-sizing:content-box;
    width:1158px;
    height:28px;
    padding:0;
    overflow:hidden;
    border:1px solid #dadcdb;
    background:#edf4fa;
    color:#555;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain.open{
    height:168px;
    padding:10px 0;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain p{
    position:relative;
    box-sizing:border-box;
    height:28px;
    margin:0;
    padding:0 10px;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain p:not(:first-child){padding-left:70px}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain p i{
    color:#168eea;
    font-style:normal;
    font-weight:700;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain p span{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:40px;
    height:28px;
    background:transparent url("https://1689567.com/img/pre_p.png?v=202584100") no-repeat 50% 50%;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-list{
    box-sizing:content-box;
    width:1160px;
    margin:0 20px;
    padding:0;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track{
    box-sizing:content-box;
    width:1160px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_head{
    box-sizing:border-box;
    width:1160px;
    height:43px;
    margin:0;
    border-collapse:collapse;
    background:#f5f5f5;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_head td{
    box-sizing:content-box;
    height:42px;
    padding:0 10px;
    border:0;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .righttd{
    width:300px;
    min-width:300px;
    text-align:right;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .righttd strong{
    margin-left:10px;
    font-weight:400;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .road-title{color:#f1020b}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .road-latest{
    margin-left:9px;
    color:#333;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .tobottom{
    box-sizing:content-box;
    width:20px;
    padding:0;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -261px -235px;
    color:#f1010a;
    font-size:0;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .txtNum{
    box-sizing:content-box;
    width:50px;
    height:28px;
    margin:0;
    padding:0 0 0 2px;
    border:1px solid #dbdbdb;
    font:13.3333px Arial!important;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .secType{
    box-sizing:border-box;
    width:60px;
    height:28px;
    margin:0;
    padding:0;
    border:1px solid #dbdbdb;
    font:13.3333px Arial!important;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .btnCheck{
    box-sizing:border-box;
    width:60px;
    height:28px;
    margin:0 10px;
    padding:0;
    border:0;
    border-radius:4px;
    background:#888aa0;
    color:#fff;
    font:13.3333px Arial!important;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .btnCheck:hover{background:#fa8e19}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .item_con{
    box-sizing:content-box;
    width:1158px;
    height:calc(var(--ssc-road-height) - 2px)!important;
    min-height:calc(var(--ssc-road-height) - 2px)!important;
    max-height:calc(var(--ssc-road-height) - 2px)!important;
    margin:0 0 10px;
    overflow:auto hidden;
    direction:rtl;
    border:1px solid #e6e6e6;
    background:#fff url("https://1689567.com/img/icon/table_bg.png?v=202584100") repeat 0 0;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con{
    float:right;
    width:max-content!important;
    min-width:0!important;
    height:var(--ssc-road-table-height)!important;
    min-height:var(--ssc-road-table-height)!important;
    margin:0;
    border-collapse:collapse;
    table-layout:auto;
    background:transparent;
    direction:rtl;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td{
    box-sizing:border-box;
    width:48px!important;
    min-width:48px!important;
    height:var(--ssc-road-table-height)!important;
    padding:8px 0 0;
    border:0;
    border-left:1px solid #e6e6e6;
    background:#fff;
    color:#666;
    text-align:center;
    vertical-align:top;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td.bgcolor{background:#f5f5f5}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con p{
    display:block;
    width:auto;
    height:14px;
    margin:0 0 6px;
    padding:0;
    color:#666;
    font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con p.red{color:#f1020b}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con p.blue,
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con p.green{color:#666}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td.latest p:last-child{font-weight:700}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted{background:#fdad56!important}
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted p{color:#fff!important}
}


/* SG SSC basic-trend source table, annotations and segmented-line parity r185 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="基本走势"].pc8473-record-panel{
    padding-bottom:0;
    background:#fff;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-exact-head{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
    box-shadow:none;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-exact-head h2{
    position:absolute;
    left:20px;
    top:0;
    width:auto;
    height:45px;
    margin:0;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar{
    position:absolute;
    right:20px;
    top:10px;
    display:block;
    box-sizing:content-box;
    width:349.3046875px;
    height:28px;
    margin:0;
    padding:0;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar > div{
    display:flex;
    width:339.3046875px;
    height:28px;
    margin:0;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar label{display:none}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar button{
    display:block;
    box-sizing:content-box;
    width:auto;
    min-width:0;
    height:28px;
    margin:0;
    padding:0 10px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#555;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar button.active{
    border-radius:2px;
    background:#fa8e19;
    color:#fff;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar button:not(.active):hover{
    background:transparent;
    color:#f44a07;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations{
    display:flex;
    align-items:flex-start;
    box-sizing:content-box;
    width:1160px;
    height:45px;
    margin:15px 20px 0;
    padding:0;
    overflow:hidden;
    gap:0;
    color:#555;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations > span{
    flex:0 0 70px;
    box-sizing:border-box;
    width:70px;
    height:25px;
    margin:0 20px 0 0;
    color:#999;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations button{
    position:relative;
    display:block;
    box-sizing:border-box;
    width:auto;
    height:25px;
    margin:0 20px 0 0;
    padding:0 0 0 25px;
    border:0;
    background:transparent;
    color:#333;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:left;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations button i{
    position:absolute;
    left:0;
    top:5px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-table-scroll{
    box-sizing:content-box;
    width:1160px;
    margin:0 20px 20px;
    overflow-x:auto;
    overflow-y:hidden;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-table-wrap{
    position:relative;
    box-sizing:content-box;
    width:1716px;
    margin:0;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend{
    box-sizing:content-box;
    width:1716px;
    min-width:1716px;
    margin:0;
    border-collapse:collapse;
    table-layout:fixed;
    background:#fff;
    color:#555;
    font-family:Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.issue{width:169.1796875px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.code{width:134.125px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.digit{width:28.25390625px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend th,
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td{
    box-sizing:border-box;
    min-width:0;
    height:auto;
    padding:0;
    border:1px solid #d6d6d6;
    white-space:nowrap;
    text-align:center;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-head{height:39px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-subhead{height:34px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend thead th{
    background:#f5f5f5;
    color:#555;
    font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-head th{
    font-size:16px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-data-row{height:34px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-data-row td{
    height:34px;
    background:#fff;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-data-row td:first-child{
    color:#333;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-basic-code{
    color:#999;
    font:12px/12px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-code-digit{
    display:inline-block;
    margin-right:9px;
    color:#f1010a;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td.omission{
    color:#999;
    font:12px/12px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td:nth-child(n+3):nth-child(-n+12){background:#fcf8f3}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td:nth-child(n+13):nth-child(-n+22){background:#f0f9fc}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td:nth-child(n+23):nth-child(-n+32){background:#f0fcf0}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td:nth-child(n+33):nth-child(-n+42){background:#f0f1fc}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-data-row td:nth-child(n+43):nth-child(-n+52){background:#f0fcf7}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit span{
    position:relative;
    z-index:2;
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:20px;
    border-radius:50%;
    color:#fff;
    font:400 12px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit.rank-1 span{background:#fba75e}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit.rank-2 span{background:#1fa6e8}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit.rank-3 span{background:#08bf02}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit.rank-4 span{background:#8585fb}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit.rank-5 span{background:#46bd95}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-table-wrap.show-layers td.omission-layer{
    background:#9595c5!important;
    background-image:none!important;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-table-wrap.show-layers td.omission-layer span{color:#fff!important}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-divider-row{
    height:1px!important;
    min-height:1px!important;
    max-height:1px!important;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-divider-row td{
    box-sizing:border-box;
    height:1px!important;
    min-height:1px!important;
    max-height:1px!important;
    padding:0!important;
    border:0!important;
    background:#dbdbdb!important;
    font-size:0!important;
    line-height:0!important;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    display:block;
    width:1716px;
    pointer-events:none;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line{
    fill:none;
    stroke-width:2;
    vector-effect:non-scaling-stroke;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line.rank-1{stroke:#fba75e}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line.rank-2{stroke:#1fa6e8}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line.rank-3{stroke:#08bf02}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line.rank-4{stroke:#8585fb}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-lines line.rank-5{stroke:#46bd95}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-head,
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-subhead{height:27px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-subhead th{
    height:27px;
    background:#f5f5f5;
    color:#555;
    font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-head th{font-size:16px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-row{height:34px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-row td{
    height:34px;
    background:#fff!important;
    color:#666;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
}


/* SG SSC number-road source geometry, rollover and run-filter parity r186. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="号码路珠"]{padding-bottom:0;background:#fff;color:#555;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-exact-head{position:relative;display:flex;box-sizing:border-box;width:1200px;height:47px;min-height:47px;padding:0 20px;border-bottom:1px solid #e5e5e5;box-shadow:none}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-exact-head h2{height:45px;margin:0;color:#333;font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar{box-sizing:border-box;width:454px;height:47px;margin-left:auto;padding-top:10px;align-items:flex-start;gap:0;color:#555;font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar>div{height:28px}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar button{box-sizing:border-box;width:44px;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:#555;font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar button.active{border-radius:2px;background:#fa8e19;color:#fff}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar label{box-sizing:border-box;width:300px;height:28px;margin-left:22px;padding-left:28px;gap:3px;font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-date-toolbar input{box-sizing:border-box;width:220px;height:28px;padding:0 0 0 25px;border:1px solid #dbdbdb;border-radius:0;background:transparent;color:#000;font:13.3333px Arial!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter{display:block;box-sizing:content-box;width:1160px;height:35px;margin:20px 20px 0;padding:0;overflow:hidden;border:0;color:#555}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter>.checkbox-row{display:flex;align-items:flex-start;box-sizing:content-box;width:1160px;height:25px;margin:0 0 10px;padding:0;gap:0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter>.checkbox-row>span{flex:0 0 70px;box-sizing:border-box;width:70px;height:25px;margin:0 20px 0 0;color:#999;font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter .checkbox-row button{position:relative;display:block;box-sizing:border-box;flex:0 0 auto;width:auto;height:25px;margin:0 20px 0 0;padding:0 0 0 25px;border:0;border-radius:0;background:transparent;color:#555;font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter .checkbox-row button i{position:absolute;left:0;top:5px;display:block;color:transparent;font-size:0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter .all-action{padding-left:25px}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-filter .clear-action{padding:0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-list{box-sizing:content-box;width:1160px;margin:0 20px;padding:0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track,
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track+.pc8473-ssc-road-track{box-sizing:content-box;width:1160px;margin:0;padding:0;border:0;background:transparent}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_head{box-sizing:border-box;width:1160px;height:43px;margin:0;border-collapse:collapse;background:#f5f5f5;color:#555;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_head td{box-sizing:content-box;height:42px;padding:0 10px;border:0;color:#555;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_head .righttd{width:300px;min-width:300px;text-align:right}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .tobottom{box-sizing:content-box;width:20px;padding:0;background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -261px -235px;color:#f1010a;font-size:0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .txtNum{box-sizing:content-box;width:50px;height:28px;margin:0;padding:0 0 0 2px;border:1px solid #dbdbdb;font:13.3333px Arial!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .secType{box-sizing:border-box;width:60px;height:28px;margin:0;padding:0;border:1px solid #dbdbdb;font:13.3333px Arial!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .btnCheck{box-sizing:border-box;width:60px;height:28px;margin:0 10px;padding:0;border:0;background:#888aa0;color:#fff;font:13.3333px Arial!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .btnCheck:hover{background:#fa8e19}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .item_con{box-sizing:content-box;width:1158px;height:calc(var(--ssc-road-height) - 2px)!important;min-height:calc(var(--ssc-road-height) - 2px)!important;max-height:calc(var(--ssc-road-height) - 2px)!important;margin:0 0 10px;overflow:auto hidden;direction:rtl;border:1px solid #e6e6e6;background:#fff url("https://1689567.com/img/icon/table_bg.png?v=202584100") repeat 0 0}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con{float:right;width:max-content!important;min-width:0!important;height:var(--ssc-road-table-height)!important;min-height:var(--ssc-road-table-height)!important;margin:0;border-collapse:collapse;table-layout:auto;background:transparent;direction:rtl;font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con td{box-sizing:border-box;width:30px!important;min-width:30px!important;height:var(--ssc-road-table-height)!important;padding:8px 0 0;border:0;border-left:1px solid #e6e6e6;background:#fff;color:#666;text-align:center;vertical-align:top}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con td.bgcolor{background:#f5f5f5}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con p{display:block;width:auto;height:14px;margin:0 0 6px;padding:0;color:#666;font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;text-align:center}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con p.red{color:#f1020b}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con p.blue{color:#666}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted{background:#fdad56!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .lz_table_con td.highlighted p{color:#fff!important}
  [data-pc-ssc-exact-page="号码路珠"] .pc8473-ssc-road-track .righttd strong{color:#f1010a}
}

/* SG SSC history-number source daily table and aggregate parity r187 */
@media (min-width: 1024px) {
  [data-pc-ssc-exact-page="历史号码统计"].pc8473-record-panel {
    box-sizing: border-box; width: 1200px; padding: 0; background: #fff; color: #555;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-exact-head {
    box-sizing: border-box; width: 1200px; height: 47px; min-height: 47px; padding: 0;
    border-bottom: 1px solid #e5e5e5; box-shadow: none;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-exact-head h2 {
    display: block; width: auto; height: 45px; margin: 0 0 0 20px; color: #333;
    font: 800 18px/45px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-date-toolbar { display: none; }
  [data-pc-ssc-exact-page="历史号码统计"] table.pc8473-ssc-history-number {
    box-sizing: content-box; width: 1160px; margin: 20px; border-collapse: collapse;
    table-layout: auto; background: #fff; color: #555;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number th,
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number td {
    box-sizing: content-box; min-width: 0; height: auto; padding: 0; border: 1px solid #d6d6d6;
    color: #555; font-weight: 400; text-align: center; vertical-align: middle; white-space: normal;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number thead tr { height: 47px; }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number thead th {
    height: 46px; background: #ebebeb;
    font: 400 16px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number tbody tr { height: 34px; }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number tbody tr:nth-child(even) { background: #f5f5f5; }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number tbody td {
    height: 33px !important; background: transparent;
    font: 400 12px/12px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
}

/* SG SSC two-sided-stat source rolling groups, tabs and table parity r188 */
@media (min-width: 1024px) {
  [data-pc-ssc-exact-page="两面统计"].pc8473-record-panel {
    box-sizing: border-box;
    width: 1200px;
    min-height: 1272px;
    padding: 0;
    background: #fff;
    color: #555;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-exact-head {
    box-sizing: border-box;
    width: 1200px;
    height: 47px;
    min-height: 47px;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-exact-head h2 {
    display: block;
    width: 108px;
    height: 45px;
    margin: 0 0 0 20px;
    color: #333;
    font: 800 18px/45px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-date-toolbar { display: none; }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-exact-note {
    box-sizing: border-box;
    width: 1160px;
    height: 30px;
    margin: 20px 20px;
    padding: 0;
    border: 1px solid #dadcdb;
    background: #edf4fa;
    color: #555;
    font: 400 14px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-exact-note i {
    display: inline-block;
    margin-left: 10px;
    color: #0079f4;
    font-style: normal;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-position-tabs {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    width: 1160px;
    height: 42px;
    margin: 0 20px;
    padding: 0;
    gap: 0;
    overflow: hidden;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-position-tabs button {
    display: block;
    box-sizing: border-box;
    width: 74px;
    height: 28px;
    margin: 0 18px 0 0;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: transparent;
    color: #333;
    font: 400 14px/25px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    white-space: nowrap;
    cursor: pointer;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-position-tabs button.active {
    width: 72px;
    border: 0;
    background: #fa8e19;
    color: #fff;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-position-tabs button:not(.active):hover { color: #fa8e19; }
  [data-pc-ssc-exact-page="两面统计"] table.pc8473-ssc-two-sided-stat {
    box-sizing: border-box;
    width: 1160px;
    height: 1051px;
    margin: 0 20px;
    border-collapse: collapse;
    table-layout: auto;
    background: #fff;
    color: #333;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat th,
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat td {
    box-sizing: content-box;
    height: 49px;
    padding: 0;
    border: 1px solid #d6d6d6;
    color: #333;
    font: 400 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat thead th {
    background: #ebebeb;
    color: #555;
    font: 400 16px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat tbody tr.hidden { display: none; }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat tbody tr.visible { display: table-row; }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat tbody tr.pc8473-ssc-two-sided-group-even { background: #f5f5f5; }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat th:first-child,
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat td:first-child { width: 400px; }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat th:nth-child(n+2),
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat td:nth-child(n+2) { width: 300px; }
}


/* SG/PK10 daily-dragon source geometry, controls and natural-day table parity r189 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="每日长龙统计"].pc8473-record-panel,
  [data-pc-pk10-exact-page="每日长龙统计"].pc8473-record-panel {
    box-sizing: border-box;
    width: 1200px;
    min-height: 1290px;
    padding: 0;
    background: #fff;
    color: #555;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types {
    display: flex;
    align-items: flex-start;
    box-sizing: content-box;
    width: 1200px;
    height: 47px;
    min-height: 47px;
    margin: 0;
    padding: 0;
    gap: 0;
    overflow: visible;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button {
    display: block;
    flex: 0 0 160px;
    box-sizing: content-box;
    width: 160px;
    min-width: 160px;
    height: 45px;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    background: transparent;
    color: #555;
    font: 16px/45px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
    cursor: pointer;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button.active,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button.active {
    position: relative;
    top: -4px;
    height: 50px;
    border-color: #e5e5e5;
    background: #313242;
    color: #fff;
    line-height: 50px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button:not(.active):hover,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button:not(.active):hover {
    color: #fa8e19;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-note,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-note {
    box-sizing: border-box;
    width: 1160px;
    height: 32px;
    margin: 20px 20px 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #999;
    font: 14px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-rank-filter,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-rank-filter {
    display: flex;
    align-items: flex-start;
    box-sizing: content-box;
    width: 1160px;
    height: 32px;
    min-height: 32px;
    margin: 0 20px 20px;
    padding: 0;
    gap: 0;
    color: #555;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-rank-filter > span,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-rank-filter > span {
    display: block;
    flex: 0 0 70px;
    width: 70px;
    height: 28px;
    margin: 0 18px 0 0;
    padding: 0;
    color: #999;
    font: 14px/28px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter nav,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter nav {
    display: flex;
    align-items: flex-start;
    width: auto;
    height: 32px;
    margin: 0;
    padding: 0;
    gap: 0;
    flex-wrap: nowrap;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button {
    display: block;
    flex: 0 0 auto;
    box-sizing: content-box;
    width: auto;
    min-width: 0;
    height: 26px;
    margin: 0 18px 0 0;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: transparent;
    color: #333;
    font: 14px/25px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    white-space: nowrap;
    cursor: pointer;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button.active,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button.active {
    height: 28px;
    border: 0;
    background: #fa8e19;
    color: #fff;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button:not(.active):hover,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-rank-filter button:not(.active):hover {
    color: #fa8e19;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table {
    box-sizing: border-box;
    width: 1160px;
    min-width: 1160px;
    margin: 0 20px 20px;
    padding: 0;
    border-collapse: collapse;
    table-layout: auto;
    color: #555;
    background: #fff;
    font: 14px/14px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
    text-align: center;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table th,
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table td,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table th,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table td {
    box-sizing: border-box;
    height: 34px;
    padding: 0;
    border: 1px solid #d6d6d6;
    white-space: nowrap;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr,
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead th,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead th {
    height: 27px;
    background: #ebebeb;
    color: #555;
    font-weight: 400;
    line-height: 26px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:first-child th,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:first-child th {
    font-size: 16px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody tr,
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody td,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody tr,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody td {
    height: 34px;
    color: #999;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody tr:nth-child(even),
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table tbody tr:nth-child(even) {
    background: #f5f5f5;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal {
    position: relative;
    width: 124px;
    min-width: 124px;
    height: 54px;
    overflow: hidden;
    line-height: 26px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal::after,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: -4px;
    top: 26px;
    width: 132px;
    height: 1px;
    background: #d6d6d6;
    transform: rotate(23.5deg);
    transform-origin: center;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal span,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal span {
    position: absolute;
    z-index: 1;
    display: block;
    color: #555;
    font: 16px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal .dragon-label,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal .dragon-label {
    top: 2px;
    right: 18px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal .date-label,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-diagonal .date-label {
    left: 28px;
    bottom: 1px;
  }

  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table {
    width: 1158px;
    min-width: 1158px;
    margin-left: 21px;
    margin-right: 21px;
  }
}


/* SG SSC today-number natural-day data, shared PK10 color tiers and source geometry parity r190 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="今日号码统计"].pc8473-record-panel {
    box-sizing: border-box;
    width: 1200px;
    padding: 0 20px 20px;
    overflow: hidden;
    background: #fff;
    color: #555;
    font: 14px/14px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-params {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 1160px;
    min-height: 48px;
    margin: 14px 0 2px;
    padding: 0;
    gap: 0;
    border: 0;
    color: #555;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param {
    position: relative;
    top: -7px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    height: 31px;
    color: #555;
    font: 14px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="1"] { width: 368.265625px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="2"] { width: 373.90625px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="3"] { width: 350.90625px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param input {
    position: relative;
    top: 4px;
    box-sizing: border-box;
    width: 48px;
    height: 26px;
    margin: 0 5px;
    padding: 0;
    border: 1px solid #dbdbdb;
    color: #555;
    background: #f6f6f6;
    font: 14px/24px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-align: center;
    opacity: 1;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param input:first-of-type { margin-left: 8px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param input:nth-of-type(2) { margin-left: 6.5px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-swatch {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 10px;
    height: 12px;
    margin: 0 4px 0 6px;
    background: #f1010a;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-swatch.blue { background: #0092dd; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-swatch.green { background: #07bf00; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add {
    position: relative;
    top: 2px;
    box-sizing: border-box;
    width: 18px;
    min-width: 18px;
    height: 20px;
    margin: 0 0 0 6px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add::before,
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 9px;
    width: 12px;
    height: 2px;
    background: #92929c;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add::before {
    left: 8px;
    top: 4px;
    width: 2px;
    height: 12px;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add.remove::before { display: none; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-confirm {
    position: relative;
    top: -4px;
    box-sizing: border-box;
    width: 60px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #797b8f;
    color: #fff;
    font: 14px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-align: center;
    cursor: pointer;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-table-scroll {
    width: 1160px;
    overflow: hidden;
  }
  [data-pc-ssc-exact-page="今日号码统计"] table.pc8473-ssc-today-number {
    box-sizing: border-box;
    width: 1160px;
    min-width: 1160px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    table-layout: fixed;
    color: #555;
    background: #fff;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number col.number-column { width: 80px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number th,
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number td {
    box-sizing: border-box;
    height: auto;
    padding: 0;
    border: 1px solid #d6d6d6;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number thead tr:first-child { height: 51px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number thead tr:nth-child(2) { height: 53px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number thead th {
    background: #ebebeb;
    color: #555;
    font: 400 14px/26px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number thead tr:first-child th { font-size: 16px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody tr,
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td { height: 34px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td {
    color: #999;
    background: transparent;
    font: 400 14px/14px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody tr:nth-child(even) { background: #f5f5f5; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td.range-red { color: #f1010a; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td.range-blue { color: #0092dd; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td.range-green { color: #07bf00; }
}


/* SG SSC 大龙大虎统计 full source parity r211: source-measured shell, controls, lucky cards,
 * preheated omission values, front/back sum trend and shared annotation contract. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎统计"]{
    box-sizing:border-box;
    width:1200px;
    margin-top:20px;
    padding:0 0 21px;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-head{
    box-sizing:border-box;
    width:1200px;
    height:47px;
    border-bottom:1px solid #e5e5e5;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-head>div{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:490px;
    height:45px;
    padding-left:20px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-head h2{
    flex:0 0 auto;
    margin:0;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-head button{
    box-sizing:border-box;
    width:76px;
    height:30px;
    margin-left:20px;
    padding:0;
    border:1px solid #bbb;
    border-radius:2px;
    color:#bbb;
    background:#fff;
    font:14px Arial,sans-serif;
    font-family:Arial,sans-serif!important;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-head button.active{
    border-color:#f90;
    color:#f90;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky{
    box-sizing:border-box;
    width:1200px;
    height:150px;
    padding:20px;
    background:#fff;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky h3{
    width:1160px;
    height:14px;
    margin:0 0 15px;
    color:#666;
    font:400 14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky>div{
    display:flex;
    gap:20px;
    width:1160px;
    height:81px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky table{
    flex:0 0 570px;
    width:570px;
    min-width:570px;
    max-width:570px;
    height:81px;
    margin:0;
    border-collapse:collapse;
    background:#fafafa;
    table-layout:auto;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky td{
    box-sizing:border-box;
    height:40px;
    padding:0;
    border:1px solid #e8e8e8;
    text-align:center;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky td:first-child{
    width:212px;
    color:#666;
    background:#f5f5f5;
    font-size:13px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lucky td:last-child{
    color:#000;
    background:#fff;
    font-size:15px;
    font-weight:700;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description-wrap{
    position:relative;
    z-index:4;
    box-sizing:border-box;
    width:1160px;
    height:28px;
    margin:20px 20px 20px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description{
    position:relative;
    box-sizing:border-box;
    width:1160px;
    height:30px;
    padding:0 10px;
    overflow:hidden;
    border:1px solid #dadcdb;
    color:#555;
    background:#edf4fa;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description.open{
    height:162px;
    overflow:hidden;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description p{
    height:28px;
    margin:0;
    white-space:nowrap;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description p:not(:first-child){
    padding-left:99px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description strong{
    color:#1684e6;
    font-weight:700;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description>span{
    position:absolute;
    top:10px;
    right:16px;
    width:0;
    height:0;
    border:5px solid transparent;
    border-top-color:#b7c0c7;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description.open>span{
    top:5px;
    border-top-color:transparent;
    border-bottom-color:#b7c0c7;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-toolbar{
    display:flex;
    align-items:flex-start;
    box-sizing:border-box;
    width:1160px;
    height:35px;
    margin:0 20px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:0;
    height:35px;
    padding:0;
    color:#999;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations>span{
    height:25px;
    margin-right:20px;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations button{
    display:inline-flex;
    align-items:center;
    gap:9px;
    height:25px;
    margin:0 20px 0 0;
    padding:0;
    border:0;
    color:#333;
    background:transparent;
    font:14px/25px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations button i{
    display:block;
    box-sizing:border-box;
    width:16px;
    height:16px;
    overflow:hidden;
    border:1px solid #ccc;
    background:#fff;
    color:transparent;
    font-size:0;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations button.active i{
    border-color:#fa8e19;
    background:#fff url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -199px -249px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-annotations button.active:hover i{
    background-position:-232px -249px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-toolbar nav{
    display:flex;
    flex:0 0 auto;
    height:28px;
    margin-left:auto;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-toolbar nav button{
    box-sizing:border-box;
    width:44px;
    height:28px;
    padding:0;
    border:0;
    border-radius:0;
    color:#555;
    background:#fff;
    font:12px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-toolbar nav button:nth-last-child(-n+3){
    width:69.1015625px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-toolbar nav button.active{
    border-radius:2px;
    color:#fff;
    background:#fa8e19;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-table-wrap{
    position:relative;
    width:1160px;
    margin:0 20px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon{
    position:relative;
    z-index:1;
    box-sizing:border-box;
    width:1158px;
    min-width:1158px;
    margin:0 0 0 1px;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    background:#fff;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon col.issue-col{width:137.8671875px}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon col.code-col{width:130.734375px}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon col.result-col{width:36.6171875px}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon col.sum-col{width:37.015625px}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon col.trend-col{width:37.0797697368px}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon th,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td{
    box-sizing:border-box;
    min-width:0;
    padding:0;
    border:1px solid #d6d6d6;
    text-align:center;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead tr:first-child,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead tr:first-child th{
    height:47px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead tr:nth-child(2),
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead tr:nth-child(2) th{
    height:27px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead th{
    color:#555;
    background:#ebebeb;
    font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead tr:nth-child(2) th{
    font-size:14px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead th:last-child>button{
    box-sizing:content-box;
    width:auto;
    height:auto;
    margin:8px 0 0;
    padding:6px 20px;
    border:0;
    border-radius:2px;
    color:#333;
    background:#bbb;
    font:12px Arial,sans-serif;
    font-family:Arial,sans-serif!important;
    line-height:normal;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead th:last-child>button+button{
    margin-left:5px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon thead th:last-child>button.active{
    color:#fff;
    background:#2c3e50;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tbody tr,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tbody td{
    height:34px;
    background:transparent;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tbody tr:nth-child(even) td{
    background:transparent;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.issue,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.draw-code{
    color:#999;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.draw-code span{
    margin-right:2px;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.draw-code .front-digit{color:#fba75e}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.draw-code .back-digit{color:#1fa6e8}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.omission{
    color:#999;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.trait-hit{
    color:#fff;
    font-weight:400;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.result-dragon{background:#fba75e!important}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.result-tiger{background:#1fa6e8!important}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.result-tie{background:#8585fb!important}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-front{background:#fefaf6!important}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-back{background:#f0f9fc!important}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-front span,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-back span,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.hit span{
    position:relative;
    z-index:3;
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:20px;
    border-radius:50%;
    color:#fff;
    font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-front span,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon.trend-front td.hit span{background:#fba75e}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon td.sum-back span,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon.trend-back td.hit span{background:#1fa6e8}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tr.pc8473-ssc-big-dragon-divider,
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tr.pc8473-ssc-big-dragon-divider td{
    height:0!important;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon tr.pc8473-ssc-big-dragon-divider td{
    background:#dbdbdb!important;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-table-wrap.show-layers td.omission-layer{
    color:#fff;
    background:#9595c5!important;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lines{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:block;
    width:1158px;
    pointer-events:none;
    overflow:visible;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lines line{
    fill:none;
    stroke-width:2;
    stroke-linecap:butt;
    vector-effect:non-scaling-stroke;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lines line.front-line{stroke:#fba75e}
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-lines line.back-line{stroke:#1fa6e8}
}


/* SG SSC position-trend full source parity r193. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain{
    box-sizing:content-box;
    width:1158px;
    height:28px;
    padding:0;
    transition:height .35s ease,padding .35s ease;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain:hover:not(.open){
    height:28px;
    padding:0;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain.open{
    height:252px;
    padding:10px 0;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p{
    box-sizing:content-box;
    width:1158px;
    height:28px;
    padding:0;
    line-height:28px;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p:not(.prep){padding-left:70px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p.prep i{margin-left:10px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-explain p.prep span{
    right:0;
    top:0;
    display:block;
    width:40px;
    height:28px;
    border:0;
    background:transparent url("https://1689567.com/img/pre_p.png?v=202584100") no-repeat 50% 50%;
    transform:none;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs button{border-radius:4px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend th,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td{
    border-color:#d6d6d6;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend thead tr.firsttd th{
    font:400 16px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend thead tr.secondtd th{
    font:400 14px/26px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr.pc8473-ssc-position-data-row{height:39px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr.pc8473-ssc-position-data-row>td{
    height:39px;
    color:#999;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.draw-code span.selected{color:#f1010a}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr.pc8473-ssc-position-divider-row{
    height:1px!important;
    line-height:0!important;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend tbody tr.pc8473-ssc-position-divider-row>td{
    height:1px!important;
    padding:0!important;
    border:0!important;
    background:#dbdbdb!important;
    font-size:0!important;
    line-height:0!important;
  }
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-head{height:27px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend .pc8473-ssc-source-stat-subhead th{
    height:27px;
  }
}


/* SG SSC position-trend second visual audit r194. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs{gap:0}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-tabs button{color:#555}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations{gap:0}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button{color:#555}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-annotations button:last-child{margin-right:20px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend{table-layout:fixed}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-issue-col{width:146px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-code-col{width:144.18px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-digit-col{width:39.4766px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trait-col{width:39.3281px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-direction-col{width:39.3281px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-direction-last-col{width:39.4453px}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.hit span{font-weight:400}
  [data-pc-ssc-exact-page="定位走势"] .pc8473-ssc-position-trend td.trait-hit span{
    display:block;
    line-height:38px;
  }
}


/* SG SSC shared source help arrow r195. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page]{
    --pc8473-ssc-source-help-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAY0lEQVQI113NQRHCUBRD0dMqQAISkAAOiopsccL6rT4OoA6QUAlIQAKbX6bTrDKZm2SoqgNueCVZbFRVE45jki8+aL2wAic0vEdI8sDcwxV44pJkGXbzrdszrvv7LXjvS3/9AHhKIYVqxN18AAAAAElFTkSuQmCC");
  }
  [data-pc-ssc-exact-page] .pc8473-ssc-explain .prep span,
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-explain p span{
    position:absolute;
    right:0;
    top:0;
    display:block;
    box-sizing:border-box;
    width:40px;
    height:28px;
    border:0;
    background:transparent var(--pc8473-ssc-source-help-arrow) no-repeat 50% 50%;
    transform:none;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page] .pc8473-ssc-explain .prep span::before{
    content:none!important;
  }
}


/* SG SSC shared help arrow specificity lock r196. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page] .pc8473-ssc-explain p.prep span{
    background:transparent var(--pc8473-ssc-source-help-arrow) no-repeat 50% 50%;
  }
}


/* SG SSC basic-trend second source audit: shell, annotations and table frame r197 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="基本走势"].pc8473-record-panel{
    padding-bottom:20px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-date-toolbar button.active{
    border-radius:4px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations{
    justify-content:flex-start!important;
    height:40px;
    margin:20px 20px 0;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-annotations button{
    color:#555;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-table-scroll{
    box-sizing:border-box;
    width:1160px;
    margin:0 20px;
    border:0 solid #d6d6d6;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend{
    box-sizing:border-box;
    width:1716px;
    min-width:1716px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend thead th,
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-head th,
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend .pc8473-ssc-source-stat-subhead th{
    line-height:26px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-code-digit{
    display:inline;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend td.hit span{
    z-index:1;
  }
}


/* SG SSC history-number exact equal header hints and column geometry r200 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-exact-head{
    display:block;
    align-items:normal;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-exact-head h2{
    width:108px;
  }
  [data-pc-ssc-exact-page="历史号码统计"] table.pc8473-ssc-history-number{
    box-sizing:border-box;
    width:1160px;
    table-layout:auto;
    font:400 14px/14px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number thead th{
    width:26px!important;
  }
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-history-number tbody td:first-child{
    width:auto!important;
  }
}


/* SG SSC two-sided stats exact source 400/300 column hints r201 */

/* SG SSC two-sided stats computed min-width parity r202 */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="两面统计"] table.pc8473-ssc-two-sided-stat{
    min-width:0;
  }
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-two-sided-stat th{
    min-width:18px;
  }
}


/* SG/PK10 daily-dragon overlapped type rail parity r203 */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button{
    position:relative;
    top:1px;
    margin-right:-1px;
  }
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button:first-child,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button:first-child{
    margin-left:1px;
  }
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button.active,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types button.active{
    top:-4px;
  }
}


/* SG/PK10 daily-dragon period-header and active-label source parity r204 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table th,
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table td,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table th,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table td {
    white-space: normal;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:nth-child(2) th,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:nth-child(2) th {
    min-width: 18px;
    font-size: 14px;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] .pc8473-daily-dragon-types button.active,
  [data-pc-pk10-exact-page="每日长龙统计"] .pc8473-daily-dragon-types button.active {
    line-height: 45px;
  }
}


/* SG/PK10 daily-dragon second-header auto-width source parity r205 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:nth-child(2) th:first-child,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-table thead tr:nth-child(2) th:first-child {
    width: auto;
  }
}


/* SG SSC today-number authoritative data and original control geometry r206 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-params {
    box-sizing: border-box;
    width: 1160px;
    padding-left: 1px;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param {
    position: relative;
    top: -11.5px;
    display: block;
    box-sizing: content-box;
    height: 28px;
    padding: 3px 10px 0 0;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="1"] { width: 358.265625px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="2"] { width: 363.90625px; }
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param[data-today-number-param="3"] { width: 340.90625px; }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param-fields {
    display: block;
    float: left;
    box-sizing: border-box;
    width: calc(100% - 53px);
    height: 30px;
    padding: 2px 3px 0 0;
    font: 14px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: nowrap;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param-fields input {
    position: static;
    display: inline-block;
    box-sizing: content-box;
    width: 46px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #dbdbdb;
    color: #555;
    background: #f6f6f6;
    font: 13.3333px/24px Arial, sans-serif;
    text-align: center;
    vertical-align: baseline;
    opacity: 1;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param-action {
    display: block;
    float: left;
    box-sizing: content-box;
    width: 53px;
    height: 28px;
    padding: 5px 0 0;
    font: 14px/20px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-swatch {
    position: static;
    display: block;
    float: left;
    width: 10px;
    height: 12px;
    margin: 5px 0 0;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-color-label {
    display: block;
    float: left;
    width: 18px;
    height: 20px;
    margin: 0;
    color: #555;
    font: normal 14px/20px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    font-style: normal;
    text-align: left;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add {
    position: static;
    display: block;
    float: left;
    box-sizing: content-box;
    width: 18px;
    min-width: 18px;
    height: 20px;
    margin: 0 0 0 6px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAlCAYAAABPsblCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZWY4MjAyMS0wMTJjLWQ1NDktOTllOS04OWMwNTgxZTY3YmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUZCNDI2NjU4RTc1MTFFNUExNjJBQjMyQzkzNDk1NDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUZCNDI2NjQ4RTc1MTFFNUExNjJBQjMyQzkzNDk1NDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzBmNzFkMmUtYjgwMy1kOTRiLTkxY2YtNmIyYTE2MTIzYzE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZlZjgyMDIxLTAxMmMtZDU0OS05OWU5LTg5YzA1ODFlNjdiYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlYdgokAAAF4SURBVHja7JSxS8NQEMZfQnAr/QvqJNg5BBGXlhbp6CJ11iHgXyTJYgZdxMUxFSVFhCLZlbipuJdODQH9rlw0viQ1MXWxfvCjyevdx/X17hTLskSGOmCPP1f57AlcgzNwJSdo0nsTHIF2hvkaYwIPHIKH+Es1EdgCdzkmstoc25KNqJILUBPFVeOcZmykgGNQF+VV51yFjLpgMy+y1+vNmCPK7ZJRX1RXX+W/uKo6ZNRYgFGD+mgKVuITwzCEruupSNM0P549zxNBEKQa8hWsxwe+789IXjbJdd15Fb2o3FhVdUtGpwswOiGjARhVMKHcS7qjN7DPB6nu/uZuxuCAPOJZoyneAZMSlUw4516e/iHYKPgzRxw7zNtHVNkW2Aa7PIfUsCF4BjfgnO6EryR3sQkOGDCFpebNDqAd/MidP+Vni6sU/6v2F1ZtAS3dqpXXahRFQtM+2y0MQ+E4TmZDflm1JNu2y1b0l1etmli14x+YLMOqfRdgAJD1e3YtuG9rAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: 0 1px;
    cursor: pointer;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add.remove {
    background-position: 0 -18px;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add::before,
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-add::after {
    content: none;
    display: none;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-confirm {
    top: -8px;
  }
}


/* SG SSC today-number wrapped subheads and input micro-alignment r207 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number thead tr:nth-child(2) th {
    white-space: normal;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param-fields input:first-of-type {
    position: relative;
    top: 0.5px;
    left: -3.625px;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number-param-fields input:nth-of-type(2) {
    position: relative;
    top: 0.5px;
    left: -5.75px;
  }
}


/* SG SSC today-number original automatic column allocation r208 */
@media (min-width: 1021px) {
  [data-pc-ssc-exact-page="今日号码统计"] table.pc8473-ssc-today-number {
    table-layout: auto;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number th,
  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number td {
    box-sizing: content-box;
    white-space: normal;
  }

  [data-pc-ssc-exact-page="今日号码统计"] .pc8473-ssc-today-number tbody td {
    height: 33px;
  }
}

/* SG SSC big-dragon road source header cell and SG-only run tone parity r219. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .tobottom{
    box-sizing:border-box!important;
    width:20px!important;
    min-width:20px!important;
    padding:0!important;
  }
}

/* SG SSC big-dragon road final source header and shared red-tone parity r220. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .tobottom{
    box-sizing:content-box!important;
    width:20px!important;
    min-width:0!important;
    padding:0!important;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .jinri{
    display:inline-block;
  }
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .road-latest{
    margin-left:0;
  }
}

/* SG SSC big-dragon road source right-cell width lock r221. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .righttd{
    width:320px;
    min-width:320px;
  }
}

/* SG SSC big-dragon road canceled-highlight tone lifecycle r225. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .lz_table_con td.filtered-out:not(.highlighted) p{
    color:#666!important;
  }
}


/* SG SSC shared road arrow and basic auto-layout lock r226. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page] .pc8473-ssc-road-track .lz_table_head .tobottom{
    position:static!important;
    box-sizing:content-box!important;
    width:20px!important;
    min-width:0!important;
    padding:0!important;
    background:transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat -261px -235px!important;
    font-size:0!important;
  }
  [data-pc-ssc-exact-page] .pc8473-ssc-road-track .lz_table_head .tobottom::after{
    content:none!important;
    display:none!important;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend{
    box-sizing:border-box;
    width:1716px;
    min-width:1716px;
    table-layout:auto;
  }
}


/* SG SSC basic measured-column restoration r228. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend{
    table-layout:fixed;
  }
}


/* SG SSC basic exact source-column widths and right-edge lock r229. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend{
    box-sizing:border-box;
    width:1716px;
    min-width:1716px;
    max-width:1716px;
  }
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.issue{width:169.0859375px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.code{width:134.0703125px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col.digit{width:28.2421875px}
}

/* SG SSC shared road auto-height, two-sided title and daily-dragon rail parity r229. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="两面统计"] .pc8473-ssc-exact-head h2{
    flex:0 0 108px;
    white-space:nowrap;
  }

  [data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types,
  [data-pc-pk10-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types{
    position:relative;
    box-sizing:border-box;
    border-bottom:1px solid #e5e5e5;
  }

  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .item_con,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .item_con{
    box-sizing:border-box;
    width:1160px;
    height:var(--ssc-road-height)!important;
    min-height:var(--ssc-road-height)!important;
    max-height:var(--ssc-road-height)!important;
  }
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .lz_table_con,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_con{
    height:var(--ssc-road-table-height)!important;
    min-height:var(--ssc-road-table-height)!important;
  }
}


/* SG SSC basic exact 52-column edge parity r230. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(35){width:27.6953125px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(52){width:28.5234375px}
}


/* SG SSC basic per-group subpixel distribution parity r231. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(12),
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(22),
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(32),
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(42){width:28.2265625px}
  [data-pc-ssc-exact-page="基本走势"] .pc8473-ssc-basic-trend col:nth-child(52){width:28.5078125px}
}


/* SG SSC road-analysis shared source header border parity r232. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .lz_table_head{
    border-top:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-bottom:0;
    border-left:1px solid #e6e6e6;
  }
}


/* SG SSC historical-number title nowrap parity r233. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="历史号码统计"] .pc8473-ssc-exact-head h2{
    flex:0 0 108px;
    white-space:nowrap;
  }
}

/* PK10 two-sided history source parity r257.
 * Reuse only the verified SSC history shell pixels; PK10 keeps its independent
 * 10-rank × big/small/single/double renderer and provider data. */
@media (min-width:1024px){
  [data-pc-pk10-exact-page="单双大小历史"].pc8473-record-panel{
    padding-bottom:20px;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-exact-head{
    box-sizing:border-box;
    height:47px;
    min-height:47px;
    padding:0;
    border-bottom:1px solid #e5e5e5;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-exact-head h2{
    display:block;
    width:auto;
    height:45px;
    margin:0 0 0 20px;
    color:#333;
    font:800 18px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-exact-table-scroll{
    box-sizing:content-box;
    width:1200px;
    margin:0;
    overflow:visible;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table{
    box-sizing:border-box;
    width:1160px;
    min-width:0;
    margin:20px 20px 0;
    border-collapse:collapse;
    table-layout:auto;
    background:#fff;
    color:#555;
    font:14px/14px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table th,
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table td{
    box-sizing:content-box;
    min-width:0;
    padding:0;
    border:1px solid #d6d6d6;
    color:#555;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table thead tr:first-child{
    height:40px;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table thead tr:nth-child(2){
    height:34px;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table thead th{
    height:auto;
    background:#ebebeb;
    font:400 16px/16px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table thead tr:nth-child(2) th{
    font-size:14px;
    line-height:14px;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table thead tr:first-child th:first-child,
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table tbody td:first-child{
    width:100px;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table tbody tr:nth-child(even){
    background:#f5f5f5;
  }
  [data-pc-pk10-exact-page="单双大小历史"] .pc8473-pk10-two-sided-history-table tbody td{
    height:37px!important;
    font:400 12px/12px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
}

/* SG SSC daily-dragon legacy black pseudo-line suppression only r234. */
[data-pc-ssc-exact-page="每日长龙统计"] > .pc8473-daily-dragon-types::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}


/* SG SSC instant/composite source contract r235:
   shared inline tools, native size/parity sprites, source eye controls and palette. */
@media (min-width:1021px){
  .pc8473-record-family-ssc{
    --pc8473-eye-color:#f0f0f0;
    overflow:visible;
    background:#fff;
  }
  .pc8473-record-family-ssc .pc8473-record-head{
    position:relative;
    box-sizing:border-box;
    height:43px;
    min-height:43px;
    padding:0 20px;
    gap:25px;
    border-bottom:1px solid #eee;
    background:#fff;
  }
  .pc8473-record-family-ssc .pc8473-record-head h2{
    flex:0 0 74px;
    width:74px;
    height:43px;
    margin:0;
    color:#333;
    font-size:18px;
    font-weight:800;
    line-height:43px;
    white-space:nowrap;
  }
  .pc8473-record-family-ssc .pc8473-record-head > button{
    position:relative;
    box-sizing:border-box;
    width:78px;
    height:32px;
    padding:0 10px;
    border:1px solid #ddd;
    border-radius:3px;
    color:#555;
    background:#fff;
    font:14px/30px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }
  .pc8473-record-family-ssc .pc8473-record-head > button[data-pc-record-action="stat"]{width:139px}
  .pc8473-record-family-ssc .pc8473-record-head > button.active,
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button.active{
    border-color:#f4831e;
    color:#f4831e;
  }
  .pc8473-record-family-ssc .pc8473-record-head > button.active::before,
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button.active::before,
  .pc8473-ssc-inline-tools .pc8473-history-filter-button.active::before{
    content:none!important;
    display:none!important;
  }
  .pc8473-record-family-ssc .pc8473-record-head > button.active::after,
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button.active::after,
  .pc8473-ssc-inline-tools .pc8473-history-filter-button.active::after{
    content:""!important;
    position:absolute!important;
    right:-1px!important;
    bottom:-1px!important;
    width:15px!important;
    height:15px!important;
    border:0!important;
    background:transparent url("./assets/pc9567-number-sprite.png") no-repeat -386px -55px!important;
  }

  .pc8473-record-family-ssc .pc8473-record-preferences{
    position:relative;
    display:flex;
    align-items:center;
    height:43px;
    margin-left:auto;
    gap:8px;
    color:#0b924a;
    font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  .pc8473-record-family-ssc .pc8473-record-preferences > span{
    order:1;
    width:56px;
    margin:0;
    white-space:nowrap;
  }
  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-option{
    order:2;
    box-sizing:border-box;
    width:26px;
    height:20px;
    flex:0 0 26px;
    margin:0;
    padding:0;
    border:1px solid #d0d0d0;
    border-radius:2px;
    background-color:#fff;
    background-image:none;
    box-shadow:none;
  }
  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-green{background-color:#daf0e2}
  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-blue{background-color:#d6e8f0}
  .pc8473-record-family-ssc .pc8473-record-preferences > .pc8473-eye-color{
    width:26px!important;
    height:20px!important;
    margin:0!important;
    background-color:#ededed!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    background-position:-380px -248px!important;
  }
  .pc8473-record-family-ssc .pc8473-eye-option.active{
    border-color:#eb8618!important;
    box-shadow:none!important;
  }
  .pc8473-record-family-ssc .pc8473-eye-option.active::after{
    content:"";
    position:absolute;
    inset:0;
    width:auto;
    height:auto;
    border:0;
    background:transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -331px -248px;
    color:transparent;
    font-size:0;
    text-shadow:none;
  }
  .pc8473-record-family-ssc .pc8473-eye-color.active::after{content:none}
  .pc8473-record-family-ssc .pc8473-record-preferences > button[data-pc-eye-history]{
    order:3;
    box-sizing:border-box;
    width:112px;
    height:34px;
    margin:0 0 0 20px;
    padding:0;
    border:1px solid #ddd;
    border-radius:4px;
    color:#333;
    background:#fff;
    font:14px/32px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
    text-decoration:none;
  }

  .pc8473-record-family-ssc .pc8473-custom-color-picker{
    top:31px;
    right:132px;
    z-index:80;
    box-sizing:border-box;
    width:239px;
    height:129px;
    padding:12px;
    border:1px solid #bbb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 15px 15px rgba(0,0,0,.2);
  }
  .pc8473-record-family-ssc .pc8473-color-palette{
    box-sizing:border-box;
    width:181px;
    height:101px;
    border:1px solid #bbb;
    background:
      linear-gradient(to top,#000,transparent),
      linear-gradient(to right,#fff,transparent),
      hsl(var(--pc8473-picker-hue) 100% 50%);
  }
  .pc8473-record-family-ssc .pc8473-color-palette i{
    width:20px;
    height:20px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(#555,#555) 50% 0/2px 20px no-repeat,
      linear-gradient(#555,#555) 0 50%/20px 2px no-repeat;
    box-shadow:none;
  }
  .pc8473-record-family-ssc .pc8473-color-hue{
    box-sizing:border-box;
    width:18px;
    height:101px;
    border:1px solid #bbb;
  }
  .pc8473-record-family-ssc .pc8473-color-hue i{
    left:-4px;
    box-sizing:border-box;
    width:24px;
    height:10px;
    border:2px solid #666;
    background:transparent;
  }

  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="number"],
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="size"],
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="parity"]{
    width:200px;
    height:40px;
    align-items:center;
    justify-content:flex-start;
    gap:4px;
    margin:0 auto;
  }
  .pc8473-table-ssc .pc8473-ssc-size-ball,
  .pc8473-table-ssc .pc8473-ssc-parity-ball{
    display:block;
    box-sizing:border-box;
    width:36px;
    height:36px;
    flex:0 0 36px;
    margin:0;
    border:0;
    border-radius:0;
    color:transparent!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    font-size:0;
    line-height:36px;
    text-shadow:none;
  }
  .pc8473-table-ssc .pc8473-ssc-size-big{background-position:0 -327px!important}
  .pc8473-table-ssc .pc8473-ssc-size-small{background-position:-46px -327px!important}
  .pc8473-table-ssc .pc8473-ssc-parity-even{background-position:-90px -327px!important}
  .pc8473-table-ssc .pc8473-ssc-parity-odd{background-position:-138px -327px!important}

  .pc8473-ssc-inline-tools{
    width:1200px;
    box-sizing:border-box;
    border-top:0;
    background:#fff;
  }
  .pc8473-ssc-inline-tools .pc8473-inline-tool{
    width:1200px;
    box-sizing:border-box;
    padding:18px 20px 20px;
    border-bottom:2px solid #f0f0f0;
    color:#555;
    background:#fff;
  }
  .pc8473-ssc-inline-tools .pc8473-inline-tool h3{
    height:30px;
    margin:0 0 10px;
    color:#555;
    font-size:16px;
    font-weight:400;
    line-height:30px;
  }
  .pc8473-ssc-inline-stat{
    min-height:314px!important;
  }
  .pc8473-ssc-inline-stat table{
    box-sizing:border-box;
    width:1160px;
    margin:0 0 12px;
    border-collapse:collapse;
    table-layout:fixed;
    color:#555;
    font-size:14px;
    text-align:center;
  }
  .pc8473-ssc-inline-stat th,
  .pc8473-ssc-inline-stat td{
    box-sizing:border-box;
    height:46px;
    padding:0 4px;
    border:1px solid #e4e4e4;
    background:#fff;
    font-weight:400;
  }
  .pc8473-ssc-inline-stat th{background:#f8f8f8}
  .pc8473-ssc-inline-digits th:first-child{width:184px}
  .pc8473-ssc-inline-traits th:first-child{width:184px}
  .pc8473-ssc-inline-traits thead tr:first-child th{height:38px}
  .pc8473-ssc-inline-traits thead tr:nth-child(2) th,
  .pc8473-ssc-inline-traits tbody th,
  .pc8473-ssc-inline-traits tbody td{height:38px}
  .pc8473-ssc-inline-dragon{
    min-height:110px!important;
  }
  .pc8473-ssc-inline-dragon > div{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:10px 20px;
  }
  .pc8473-ssc-inline-dragon span{
    height:38px;
    box-sizing:border-box;
    border:1px solid #e1e1e1;
    font-size:14px;
    line-height:36px;
    text-align:center;
  }
  .pc8473-ssc-inline-dragon b{
    color:#555;
    font-weight:400;
  }
  .pc8473-ssc-inline-dragon b.hot{color:#f11e36}
  .pc8473-ssc-inline-distribution{
    min-height:116px!important;
  }
  .pc8473-ssc-inline-distribution .pc8473-history-filters{
    width:1160px;
    margin:0;
    padding:0;
    border:0;
  }
  .pc8473-history-filters-ssc > div{
    min-height:42px;
    gap:25px;
  }
  .pc8473-history-filters-ssc > div > span{
    width:114px;
    flex:0 0 114px;
    font-size:16px;
  }

  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-exact-head{
    height:42px;
    min-height:42px;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
    box-shadow:0 2px 0 #e7e7e7;
  }
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-exact-head h2{
    flex:0 0 74px!important;
    width:74px!important;
    min-width:74px;
    height:42px;
    overflow:visible;
    font-size:18px;
    line-height:42px;
    white-space:nowrap!important;
    word-break:keep-all;
  }
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools{
    display:flex;
    align-items:center;
    height:42px;
    gap:24px;
    margin-left:21px;
  }
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button{
    position:relative;
    box-sizing:border-box;
    height:32px;
    padding:0 10px;
    border:1px solid #ddd;
    border-radius:3px;
    color:#555;
    background:#fff;
    font:14px/30px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button:first-child{width:139px}
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button:nth-child(2),
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-head-tools button:nth-child(3){width:78px}
  [data-pc-ssc-exact-page="综合分析"] .pc8473-ssc-composite-content{padding-top:22px}
}


/* SG SSC full natural-day roads and shared help arrow contract r236. */
@media (min-width:1024px){
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description>span{
    position:absolute;
    right:0;
    top:0;
    display:block;
    box-sizing:border-box;
    width:40px;
    height:28px;
    border:0!important;
    background:transparent var(--pc8473-ssc-source-help-arrow) no-repeat 50% 50%;
    transform:none;
    cursor:pointer;
  }
  [data-pc-ssc-exact-page="大龙大虎统计"] .pc8473-ssc-big-dragon-description.open>span{
    top:0;
    border:0!important;
    background:transparent var(--pc8473-ssc-source-help-arrow) no-repeat 50% 50%;
    transform:rotate(180deg);
  }
}


/* SG SSC instant sprite clipping and jscolor palette parity r237.
   Source measured at 1280x720 / DPR 2 on 2026-08-11. */
@media (min-width:1021px){
  .pc8473-record-family-ssc .pc8473-record-preferences{
    gap:12px;
  }
  .pc8473-record-family-ssc .pc8473-record-preferences > button[data-pc-eye-history]{
    width:110px;
    height:30px;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  .pc8473-record-family-ssc .pc8473-custom-color-picker{
    right:143.5px;
  }
  .pc8473-record-family-ssc .pc8473-color-palette{
    background:
      linear-gradient(to bottom,transparent 0%,#fff 100%),
      linear-gradient(to right,#f00 0%,#ff0 16.6667%,#0f0 33.3333%,#0ff 50%,#00f 66.6667%,#f0f 83.3333%,#f00 100%);
  }
  .pc8473-record-family-ssc .pc8473-color-hue{
    background:linear-gradient(to bottom,#fff 0%,#000 100%);
  }
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="size"],
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="parity"]{
    gap:0!important;
  }
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="size"] > .pc8473-ssc-size-ball,
  .pc8473-table-ssc .pc8473-table-number-modes [data-number-view="parity"] > .pc8473-ssc-parity-ball{
    display:block!important;
    box-sizing:border-box!important;
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin:2px!important;
    border-radius:4px!important;
    line-height:36px!important;
  }
}


/* ssc instant full-day statistics source geometry r238 */
.pc8473-inline-tool.pc8473-ssc-inline-stat{
  height:auto!important;
  padding:0 20px 20px!important;
}
.pc8473-ssc-inline-stat>h3{
  width:1160px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:50px!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits{
  width:1160px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:1px!important;
  background:#e6e6e6!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits{
  margin:0!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits{
  margin:10px 0 0!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits td,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits td{
  height:45px!important;
  padding:0!important;
  border:0!important;
  background:#f5f5f5!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-weight:400!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits thead tr:first-child th{
  color:#555!important;
  font-size:16px!important;
  line-height:16px!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits td,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits tr:last-child th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits thead tr:nth-child(2) th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits tbody th,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits tbody td{
  color:#666!important;
  font-size:14px!important;
  line-height:14px!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits th:first-child,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits tr:last-child th:first-child,
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits th[rowspan="2"],
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits tbody th:first-child{
  width:176px!important;
}


/* ssc instant digits exact outer height r239 */
.pc8473-ssc-inline-stat .pc8473-ssc-inline-digits{
  height:93px!important;
}
.pc8473-ssc-inline-stat .pc8473-ssc-inline-traits{
  height:139px!important;
}


/* SG SSC shared road placeholder-cell background lock r240. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page$="路珠"] .pc8473-ssc-road-track .item_con,
  [data-pc-ssc-exact-page="路珠分析"] .pc8473-ssc-road-track .item_con{
    background-color:#fff!important;
    background-image:
      repeating-linear-gradient(to left,
        #f5f5f5 0,
        #f5f5f5 29px,
        #e6e6e6 29px,
        #e6e6e6 30px,
        #fff 30px,
        #fff 59px,
        #e6e6e6 59px,
        #e6e6e6 60px)!important;
    background-repeat:repeat!important;
    background-position:0 0!important;
    background-size:auto!important;
  }
}


/* SG SSC big-dragon road uniform 48px placeholder grid r241. */
@media (min-width:1021px){
  [data-pc-ssc-exact-page="大龙大虎路珠"] .pc8473-ssc-road-track .item_con{
    background-image:
      repeating-linear-gradient(to left,
        #fff 0,
        #fff 47px,
        #e6e6e6 47px,
        #e6e6e6 48px,
        #f5f5f5 48px,
        #f5f5f5 95px,
        #e6e6e6 95px,
        #e6e6e6 96px)!important;
    background-position:right top!important;
  }
}


/* PK10 P02 road-analysis mode selector contract r242.
 * Comprehensive uses two checkbox rows; single and two-sided modes use the
 * source's bordered mutually-exclusive choice row without changing road data. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar > .pc8473-pk10-road-exact-toolbar-row {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    width: 100%;
    height: 25px;
    box-sizing: border-box;
    gap: 8px;
  }
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar > .pc8473-pk10-road-exact-toolbar-row > span {
    margin-left: 8px;
    color: #999;
  }
  .pc8473-pk10-road-general > .pc8473-pk10-road-exact-toolbar > .pc8473-pk10-road-exact-choice-row {
    height: 28px;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-choice-row button:not([data-pc-pk10-exact-action$="-all"]):not([data-pc-pk10-exact-action$="-clear"]) {
    position: relative;
    width: auto;
    min-width: 58px;
    height: 28px;
    box-sizing: border-box;
    margin: 0 18px 0 0;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #595959;
    background: #fff;
    font: 14px/26px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-align: center;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-choice-row button:not([data-pc-pk10-exact-action$="-all"]):not([data-pc-pk10-exact-action$="-clear"])::before,
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-choice-row button:not([data-pc-pk10-exact-action$="-all"]):not([data-pc-pk10-exact-action$="-clear"])::after {
    content: none;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-choice-row button.active:not([data-pc-pk10-exact-action$="-all"]):not([data-pc-pk10-exact-action$="-clear"]) {
    border-color: #fa8e19;
    color: #fff;
    background: #fa8e19;
  }
}


/* PK10 P02 source road color and fixed 40px column grid r243.
 * Keep this scoped to 路珠分析: SSC and the dedicated PK10 road pages retain
 * their separately audited contracts. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns {
    width: max-content;
    min-width: 1158px;
    min-height: 130px;
    padding: 0;
    align-items: stretch;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns > div {
    flex: 0 0 40px;
    align-self: stretch;
    width: 40px;
    min-width: 40px;
    min-height: 130px;
    box-sizing: border-box;
    border-left: 1px solid #e6e6e6;
    background: #fff;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns > div:nth-child(even):not(.highlighted) {
    background: #f5f5f5;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns > div:nth-child(odd):not(.highlighted) {
    background: #fff;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns span {
    width: 39px;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns span.red {
    color: #f1020b;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns span.blue {
    color: #666;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns > div.highlighted span {
    color: #fff;
  }
}


/* PK10 P02 newest-result right-edge and inner spacing lock r245.
 * The outer RTL scroller keeps its initial viewport at the right edge; the
 * inner LTR direction lets row-reverse place newestFirst at that edge once
 * the audited 40px columns overflow. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns {
    direction: ltr;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns > div {
    padding-top: 5px;
  }
  .pc8473-pk10-road-general .pc8473-pk10-road-exact-columns span {
    height: 20px;
  }
}

/* PK10 P04 龙虎路珠 source contract r250.
 * This is a dedicated 30px road grid; do not inherit P02's 40px columns or
 * SSC big-dragon's 48px cells. Height follows the longest current run. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-dragon > .pc8473-pk10-dragon-road-note {
    position: relative;
    z-index: 20;
    height: 28px;
    max-height: none;
    margin: 20px 20px 0;
    padding: 0;
    overflow: visible;
    border: 1px solid #d9e1e7;
    color: #555;
    background: transparent;
    font: 12px/24px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: normal;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note-lines {
    position: absolute;
    inset: -1px;
    height: 28px;
    box-sizing: border-box;
    padding: 1px 10px;
    overflow: hidden;
    border: 1px solid #d9e1e7;
    background: #edf4fa;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note.open .pc8473-pk10-dragon-road-note-lines {
    height: 242px;
    padding-top: 1px;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note-lines p {
    height: 24px;
    margin: 0;
    padding-left: 40px;
    line-height: 24px;
    white-space: nowrap;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note-lines p:first-child {
    padding-left: 0;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note-lines strong {
    color: #2788c5;
    font-weight: 700;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note > button {
    position: absolute;
    right: 8px;
    top: 0;
    z-index: 2;
    width: 22px;
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note > button::after {
    position: absolute;
    right: 3px;
    top: 9px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #b7c4ce;
    border-bottom: 2px solid #b7c4ce;
    content: "";
    transform: rotate(45deg);
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-dragon-road-note.open > button::after {
    top: 12px;
    transform: rotate(225deg);
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-scroll {
    min-height: 132px;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns {
    direction: ltr;
    width: max-content;
    min-width: 1158px;
    min-height: 132px;
    box-sizing: border-box;
    align-items: stretch;
    padding: 0;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns > div {
    flex: 0 0 30px;
    align-self: stretch;
    width: 30px;
    min-width: 30px;
    min-height: 132px;
    box-sizing: border-box;
    padding-top: 5px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns > div:nth-child(even):not(.highlighted) {
    background: #f5f5f5;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns > div:nth-child(odd):not(.highlighted) {
    background: #fff;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns span {
    display: block;
    width: 29px;
    height: 14px;
    margin: 0 0 6px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns span.red {
    color: #f1020b;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns span.blue {
    color: #666;
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns > div.highlighted {
    background: rgb(253, 173, 86);
  }
  .pc8473-pk10-road-dragon .pc8473-pk10-road-exact-columns > div.highlighted span {
    color: #fff;
  }
}



/* PK10 P06 冠亚和路珠 source contract r254.
 * Original 1689567 uses a 40px striped road, red 双/大 values, neutral 单/小
 * values, and a five-line explanatory overlay that does not push the tracks. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-sum > .pc8473-pk10-sum-road-note {
    position: relative;
    z-index: 20;
    height: 30px;
    max-height: none;
    margin: 20px 20px;
    padding: 0;
    overflow: visible;
    border: 1px solid #dadcdb;
    color: #555;
    background: transparent;
    font: 12px/28px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    white-space: normal;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note-lines {
    position: absolute;
    inset: -1px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #dadcdb;
    background: #edf4fa;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note.open .pc8473-pk10-sum-road-note-lines {
    height: 160px;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note-lines p {
    height: 28px;
    margin: 0;
    padding-left: 40px;
    line-height: 28px;
    white-space: nowrap;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note-lines p:first-child {
    padding-left: 0;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note-lines strong {
    color: #0079f4;
    font-weight: 700;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note > button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 40px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note > button::after {
    position: absolute;
    right: 13px;
    top: 8px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #b7c4ce;
    border-bottom: 2px solid #b7c4ce;
    content: "";
    transform: rotate(45deg);
  }
  .pc8473-pk10-road-sum .pc8473-pk10-sum-road-note.open > button::after {
    top: 11px;
    transform: rotate(225deg);
  }

  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-controls .btnCheck {
    position: relative;
    top: 1.5px;
    box-sizing: border-box;
    width: 60px;
    height: 28px;
    margin: 0 10px 0 8.8px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #888aa0;
    font: 13.3333px Arial, sans-serif;
    cursor: pointer;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-controls .btnCheck:hover {
    background: #fa8e19;
  }
  .pc8473-pk10-road-sum > .pc8473-pk10-road-exact-list {
    margin-top: 0;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-scroll {
    min-height: 132px;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns {
    direction: ltr;
    width: max-content;
    min-width: 1158px;
    min-height: 132px;
    box-sizing: border-box;
    align-items: stretch;
    padding: 0;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns > div {
    flex: 0 0 40px;
    align-self: stretch;
    width: 40px;
    min-width: 40px;
    min-height: 132px;
    box-sizing: border-box;
    padding-top: 8px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns > div:nth-child(even):not(.highlighted) {
    background: #f5f5f5;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns > div:nth-child(odd):not(.highlighted) {
    background: #fff;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns span {
    display: block;
    width: 39px;
    height: 14px;
    margin: 0 0 6px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns span.red {
    color: #f1020b;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns span.blue {
    color: #666;
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns > div.highlighted {
    background: rgb(253, 173, 86);
  }
  .pc8473-pk10-road-sum .pc8473-pk10-road-exact-columns > div.highlighted span {
    color: #fff;
  }
}

/* PK10 P10 单双大小路珠 source contract r258.
 * The standalone page uses a 30px striped road, not P02's 40px grid. The
 * outer RTL scroller opens at the latest result while the inner LTR row-reverse
 * track keeps source order and real horizontal overflow. */
@media (min-width: 1021px) {
  .pc8473-pk10-road-two-sided > .pc8473-pk10-exact-head h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-scroll {
    min-height: 132px;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns {
    direction: ltr;
    width: max-content;
    min-width: 1158px;
    min-height: 132px;
    box-sizing: border-box;
    align-items: stretch;
    padding: 0;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns > div {
    flex: 0 0 30px;
    align-self: stretch;
    width: 30px;
    min-width: 30px;
    min-height: 132px;
    box-sizing: border-box;
    padding-top: 5px;
    border-left: 1px solid #e6e6e6;
    background: #fff;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns > div:nth-child(even):not(.highlighted) {
    background: #f5f5f5;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns > div:nth-child(odd):not(.highlighted) {
    background: #fff;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns span {
    display: block;
    width: 29px;
    height: 14px;
    margin: 0 0 6px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns span.red {
    color: #f1020b;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns span.blue {
    color: #666;
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns > div.highlighted {
    background: rgb(253, 173, 86);
  }
  .pc8473-pk10-road-two-sided .pc8473-pk10-road-exact-columns > div.highlighted span {
    color: #fff;
  }
}


/* PK10 desktop position trend source contract r259. */
@media (min-width:1021px){
  [data-pc-pk10-exact-page="位置走势"]{
    position:relative;
    --pc8473-pk10-position-help-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAY0lEQVQI113NQRHCUBRD0dMqQAISkAAOiopsccL6rT4OoA6QUAlIQAKbX6bTrDKZm2SoqgNueCVZbFRVE45jki8+aL2wAic0vEdI8sDcwxV44pJkGXbzrdszrvv7LXjvS3/9AHhKIYVqxN18AAAAAElFTkSuQmCC");
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head{
    width:1160px;
    height:47px;
    min-height:47px;
    box-sizing:border-box;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head h2{
    font-size:18px;
    font-weight:700;
    line-height:45px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head nav{
    height:47px;
    display:flex;
    align-items:center;
    gap:12px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head nav button{
    width:44px;
    min-width:44px;
    height:28px;
    padding:0;
    border:0;
    border-radius:4px;
    color:#555;
    background:#fff;
    font-size:14px;
    line-height:28px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head nav button:nth-child(n+4){
    width:70px;
    min-width:70px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head nav button.active{
    color:#fff;
    background:#fa8e19;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note{
    position:absolute;
    left:0;
    top:66px;
    z-index:20;
    width:1160px;
    height:30px;
    max-height:30px;
    box-sizing:border-box;
    margin:0;
    padding:0 10px;
    overflow:hidden;
    border:1px solid #dadcdb;
    color:#666;
    background:#edf4fa;
    cursor:pointer;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note.open{
    height:274px;
    max-height:274px;
    background:#fff;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note p{
    height:22px;
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    white-space:nowrap;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note p:first-child{
    height:28px;
    line-height:28px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note p:not(:first-child){
    padding-left:48px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note p b{
    color:#168ad7;
    font-weight:700;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note > span{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:40px;
    height:28px;
    border:0;
    background:transparent var(--pc8473-pk10-position-help-arrow) no-repeat 50% 50%;
    cursor:pointer;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-controls{
    width:1160px;
    height:42px;
    min-height:42px;
    margin:69px 0 0;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:0;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks{
    width:714px;
    height:28px;
    margin:0;
    padding:0;
    display:flex;
    flex:0 0 714px;
    align-items:flex-start;
    justify-content:space-between;
    gap:0;
    flex-wrap:nowrap;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks button{
    width:58px;
    min-width:58px;
    height:28px;
    box-sizing:border-box;
    padding:0;
    border:1px solid #dbdbdb;
    border-radius:4px;
    color:#555;
    background:#fff;
    font-size:14px;
    line-height:26px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks button:nth-child(-n+2){
    width:44px;
    min-width:44px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks button.active{
    border-color:#fa8e19;
    color:#fff;
    background:#fa8e19;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-annotations{
    width:334px;
    height:28px;
    margin:0;
    display:flex;
    flex:0 0 334px;
    align-items:flex-start;
    justify-content:space-between;
    color:#555;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-annotations .pc8473-pk10-road-check{
    height:28px;
    margin:0;
    padding:0 0 0 22px;
    color:#555!important;
    line-height:25px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-annotations .pc8473-pk10-road-check i{
    top:4px;
  }
  [data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-table-scroll{
    width:1160px;
    margin-top:0;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-tablebox{
    position:relative;
    width:1159px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table{
    position:relative;
    z-index:1;
    width:1158px;
    min-width:1158px;
    margin-left:1px;
    table-layout:fixed;
    border-collapse:collapse;
    color:#555;
    background:#fff;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table th,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td{
    box-sizing:border-box;
    padding:0 3px;
    border:1px solid #d6d6d6;
    font-weight:400;
    text-align:center;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table thead tr,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table thead th{
    height:27px;
    color:#555;
    background:#ebebeb;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table thead tr:first-child th{
    font-size:16px;
    font-weight:400;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table thead tr:nth-child(2) th{
    font-size:14px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tbody tr.pc8473-pk10-position-data-row,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tbody tr.pc8473-pk10-position-data-row td{
    height:39px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tbody td{
    color:#999;
    background:#fff;
    font-size:14px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tbody td:nth-child(n+3):nth-child(-n+12){
    background:#fcf9f2;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table .draw-code{
    color:#999;
    letter-spacing:4px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table .draw-code span.selected{
    color:#f1010a;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.hit{
    color:#fff;
    font-weight:400;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.hit.group-0{
    color:#fff;
    background:#fcf9f2;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.hit.group-0 span{
    position:relative;
    z-index:3;
    display:inline-flex;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    background:#1fa6e8;
    line-height:20px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.hit.tone-orange{
    background:#fa9932;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.hit.tone-blue{
    background:#3cb0ec;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.miss.omission-layer{
    color:#fff;
    background:#9292c4;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-divider-row,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-divider-row td{
    height:1px!important;
    min-height:1px!important;
    padding:0!important;
    border:0!important;
    background:#d6d6d6!important;
    line-height:0!important;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-line{
    position:absolute;
    left:1px;
    top:0;
    z-index:2;
    width:1158px;
    pointer-events:none;
    overflow:visible;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-line line.position-line{
    fill:none;
    stroke:#1fa6e8;
    stroke-width:2px;
    vector-effect:non-scaling-stroke;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot th,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot td{
    color:#999;
    background:#fff;
    font-size:14px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-head,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-subhead,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-head th,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-subhead th{
    height:27px;
    color:#555;
    background:#ebebeb;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-row,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-row th,
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-row td{
    height:34px;
  }
  [data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table tfoot tr.pc8473-pk10-position-stat-row th{
    color:#555;
  }
}


/* PK10 position trend measured specificity correction r260. */
@media (min-width:1021px){
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-exact-head{
    height:47px!important;
    min-height:47px!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-note{
    left:20px!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-controls{
    margin-top:69px!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks{
    width:714px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 714px!important;
    justify-content:space-between!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks button{
    width:58px!important;
    min-width:58px!important;
    height:28px!important;
    padding:0!important;
    line-height:26px!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-ranks button:nth-child(-n+2){
    width:44px!important;
    min-width:44px!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-annotations{
    width:334px!important;
    height:28px!important;
    margin:0!important;
    flex:0 0 334px!important;
    justify-content:space-between!important;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] .pc8473-pk10-position-trend-table td.miss.omission-layer{
    color:#fff!important;
    background:#9292c4!important;
  }
}


/* PK10 position controls measured source gap r261. */
@media (min-width:1021px){
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="位置走势"] > .pc8473-pk10-position-controls{
    justify-content:space-between!important;
  }
}


/* PK10 P14 号码规律统计 source visualization and interaction lock r262. */
@media (min-width:1021px){
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-chart::before{
    background-image:linear-gradient(to bottom,transparent calc(100% - 1px),#d7d7d7 calc(100% - 1px));
    background-size:100% var(--number-law-grid-step);
    background-repeat:repeat-y;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-tablebox{
    position:relative;
    width:1158px;
    margin-left:1px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table{
    margin-left:0;
    color:#666;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table thead th{
    color:#555;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-line{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    pointer-events:none;
    overflow:visible;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-line polyline{
    fill:none;
    stroke:#72b7d5;
    stroke-width:1.25;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span{
    position:relative;
    z-index:2;
    display:inline-flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    color:#999;
    line-height:22px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected{
    border-radius:2px;
    color:#fff;
    font-weight:700;
    text-shadow:0 1px 1px rgba(0,0,0,.45);
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-1{background:#eddf00}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-2{background:#078fd0}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-3{background:#444}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-4{background:#ff7000}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-5{background:#18c9cc}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-6{background:#4b2be9}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-7{background:#aaa}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-8{background:#f22b17}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-9{background:#861003}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.selected.code-10{background:#00b319}
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .same-position-code span.same-source:not(.selected){
    width:21px;
    height:21px;
    border:1px solid #f0d45f;
    border-radius:50%;
    color:#e3bd2d;
    line-height:19px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-show-same{
    display:inline-flex;
    height:22px;
    align-items:center;
    gap:5px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:#555;
    font:inherit;
    vertical-align:middle;
    cursor:pointer;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-show-same i{
    position:relative;
    display:inline-block;
    width:14px;
    height:14px;
    box-sizing:border-box;
    border:1px solid #fa8e19;
    background:#fff;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-show-same.active i{
    background:#fa8e19;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-show-same.active i::after{
    position:absolute;
    left:2px;
    top:-4px;
    color:#fff;
    font-size:13px;
    line-height:18px;
    content:"✓";
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table .change-1,
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:nth-last-child(3),
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:nth-last-child(2){
    color:#f1010a;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table .change--1{
    color:#1f9bd2;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table .change-0,
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:nth-last-child(4),
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:last-child{
    color:#666;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:first-child b{
    color:#666;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-table tbody td:first-child span{
    color:#58728f;
  }
}

/* PK10 P14 号码规律统计 source controls and overlay note lock r271. */
@media (min-width:1021px){
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"]{
    --pc8473-pk10-number-law-help-arrow:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAY0lEQVQI113NQRHCUBRD0dMqQAISkAAOiopsccL6rT4OoA6QUAlIQAKbX6bTrDKZm2SoqgNueCVZbFRVE45jki8+aL2wAic0vEdI8sDcwxV44pJkGXbzrdszrvv7LXjvS3/9AHhKIYVqxN18AAAAAElFTkSuQmCC");
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head{
    height:47px;
    min-height:47px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head h2{
    font-size:18px;
    font-weight:700;
    line-height:45px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head nav{
    height:47px;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head nav button{
    width:44px;
    min-width:44px;
    height:28px;
    padding:0;
    border:0;
    border-radius:4px;
    color:#555;
    background:#fff;
    font:400 14px/28px Tahoma,"微软雅黑","Microsoft YaHei",sans-serif;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head nav button:nth-child(n+4){
    width:70px;
    min-width:70px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-exact-head nav button.active{
    color:#fff;
    background:#fa8e19;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-note{
    position:relative;
    z-index:20;
    width:1160px;
    height:30px;
    max-height:30px;
    box-sizing:border-box;
    margin:19px 0 18px;
    padding:0;
    overflow:hidden;
    border:1px solid #dadcdb;
    color:#666;
    background:#edf4fa;
    white-space:normal;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-note.open{
    height:80px;
    max-height:80px;
    margin-bottom:-32px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-note > button{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    box-sizing:border-box;
    margin:0;
    padding:0 10px;
    border:0;
    color:#666;
    background:transparent;
    font:400 14px/28px Tahoma,"微软雅黑","Microsoft YaHei",sans-serif;
    text-align:left;
    white-space:nowrap;
    cursor:pointer;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-note-copy > span{
    display:block;
    height:28px;
    line-height:28px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-note-copy b{
    display:inline-block;
    width:50px;
    color:#0079f4;
    font-weight:700;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-note-line2{
    padding-left:50px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-note > button > i{
    position:absolute;
    right:0;
    top:0;
    display:block;
    width:40px;
    height:28px;
    background:transparent var(--pc8473-pk10-number-law-help-arrow) no-repeat 50% 50%;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-select{
    position:relative;
    z-index:2;
    width:1160px;
    height:42px;
    min-height:42px;
    align-items:flex-start;
    gap:0;
    padding:0;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] > .pc8473-pk10-number-law-select > span{
    flex:0 0 70px;
    line-height:28px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-numbers{
    width:auto;
    height:28px;
    margin-left:18px;
    padding:0;
    display:flex;
    justify-content:flex-start;
    gap:0;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-numbers button{
    width:auto;
    min-width:0;
    height:28px;
    box-sizing:border-box;
    margin:0 18px 0 0;
    padding:0 15px;
    border:1px solid #ccc;
    border-radius:4px;
    color:#555;
    background:#fff;
    font:400 14px/26px Tahoma,"微软雅黑","Microsoft YaHei",sans-serif;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-numbers button.active{
    border:0;
    color:#fff;
    background:#fa8e19;
    line-height:28px;
  }
  .pc8473-pk10-exact-page[data-pc-pk10-exact-page="号码规律统计"] .pc8473-pk10-number-law-numbers button:last-child{
    margin-right:0;
  }
}


/* PK10 desktop 号码走势：2026-08-11 original-source color and interaction lock r272 */
@media (min-width: 1021px) {
  .pc8473-pk10-number-trend-table {
    border-collapse: collapse;
    color: #999;
  }

  .pc8473-pk10-number-trend-table th,
  .pc8473-pk10-number-trend-table td {
    border-color: #d6d6d6;
  }

  .pc8473-pk10-number-trend-table thead th {
    color: #555;
    background: #ebebeb;
  }

  .pc8473-pk10-number-trend-table tbody td {
    color: #999;
    font-size: 12px;
  }

  .pc8473-pk10-number-trend-table tbody td:first-child,
  .pc8473-pk10-number-trend-table tfoot th {
    color: #666;
    font-size: 14px;
    font-weight: 400;
  }

  .pc8473-pk10-number-trend-table .draw-code,
  .pc8473-pk10-number-trend-table .draw-code span {
    color: #f1010a;
    font-size: 14px;
  }

  .pc8473-pk10-number-trend-table td.rank-group-1 { background: #fcf8f3; }
  .pc8473-pk10-number-trend-table td.rank-group-2 { background: #f0f9fc; }
  .pc8473-pk10-number-trend-table td.rank-group-3 { background: #f0fcf0; }
  .pc8473-pk10-number-trend-table td.rank-group-4 { background: #f0f1fc; }
  .pc8473-pk10-number-trend-table td.rank-group-5 { background: #f0fcf7; }
  .pc8473-pk10-number-trend-table td.rank-group-6 { background: #fcf0f5; }
  .pc8473-pk10-number-trend-table td.rank-group-7 { background: #fcf8f3; }
  .pc8473-pk10-number-trend-table td.rank-group-8 { background: #f0f1fc; }
  .pc8473-pk10-number-trend-table td.rank-group-9 { background: #f0fcf0; }
  .pc8473-pk10-number-trend-table td.rank-group-10 { background: #fff; }

  .pc8473-pk10-number-trend-table td.hit span {
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
  }

  .pc8473-pk10-number-trend-table td.hit.rank-1 span { background: #fba75e; }
  .pc8473-pk10-number-trend-table td.hit.rank-2 span { background: #1fa6e8; }
  .pc8473-pk10-number-trend-table td.hit.rank-3 span { background: #08bf02; }
  .pc8473-pk10-number-trend-table td.hit.rank-4 span { background: #8585fb; }
  .pc8473-pk10-number-trend-table td.hit.rank-5 span { background: #46bd95; }
  .pc8473-pk10-number-trend-table td.hit.rank-6 span { background: #e26bab; }
  .pc8473-pk10-number-trend-table td.hit.rank-7 span { background: #f2b653; }
  .pc8473-pk10-number-trend-table td.hit.rank-8 span { background: #628ef3; }
  .pc8473-pk10-number-trend-table td.hit.rank-9 span { background: #5ec642; }
  .pc8473-pk10-number-trend-table td.hit.rank-10 span { background: #f66d6d; }

  .pc8473-pk10-number-trend-table td.omission-layer {
    color: #fff;
    background: #9595c5 !important;
  }

  .pc8473-pk10-number-trend-table tbody tr.divider-after td {
    border-bottom: 2px solid #dbdbdb;
  }

  .pc8473-pk10-number-trend-table tfoot th,
  .pc8473-pk10-number-trend-table tfoot td {
    color: #666;
    background: #fff;
  }

  .pc8473-pk10-number-trend-lines line {
    stroke-width: 1px;
  }
}


/* PK10 desktop compact controls, daily dragon tabs and big-dragon help source lock r273 */
@media (min-width: 1021px) {
  .pc8473-pk10-two-sided-stats .pc8473-pk10-rank-filter,
  .pc8473-pk10-daily-dragon .pc8473-pk10-rank-filter {
    display:flex;
    align-items:center;
    min-height:50px;
    padding:0 20px;
    color:#999;
  }

  .pc8473-pk10-two-sided-stats .pc8473-pk10-rank-filter > span,
  .pc8473-pk10-daily-dragon .pc8473-pk10-rank-filter > span {
    flex:0 0 auto;
    margin-right:18px;
    padding:0;
    color:#999;
  }

  .pc8473-pk10-two-sided-stats .pc8473-pk10-rank-selector,
  .pc8473-pk10-daily-dragon .pc8473-pk10-rank-selector {
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:0;
    padding:0;
  }

  .pc8473-pk10-two-sided-stats .pc8473-pk10-rank-selector button,
  .pc8473-pk10-daily-dragon .pc8473-pk10-rank-selector button {
    min-width:0;
    height:28px;
    margin:0 18px 0 0;
    padding:0 15px;
    border:1px solid #ccc;
    border-radius:4px;
    color:#555;
    background:#fff;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }

  .pc8473-pk10-two-sided-stats .pc8473-pk10-rank-selector button.active,
  .pc8473-pk10-daily-dragon .pc8473-pk10-rank-selector button.active {
    padding:0 5px;
    border:0;
    color:#fff;
    background:#fa8e19;
  }

  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types {
    position:relative;
    display:block;
    width:960px;
    height:46px;
    padding:0;
    border-bottom:1px solid #e5e5e5;
  }

  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button {
    position:absolute;
    top:0;
    width:160px;
    min-width:160px;
    height:45px;
    padding:0;
    border:1px solid #b8c0cb;
    border-radius:0;
    color:#555;
    background:#f3f5f8;
    font:400 16px/45px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }

  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(1){left:0}
  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(2){left:160px}
  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(3){left:320px}
  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(4){left:480px}
  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(5){left:640px}
  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button:nth-child(6){left:800px}

  .pc8473-pk10-daily-dragon .pc8473-pk10-daily-dragon-types button.active {
    top:-5px;
    height:50px;
    border-color:#313242;
    color:#fff;
    background:#313242;
    line-height:50px;
  }

  /* PK10 today-number centered control row source lock r276 */
  .pc8473-pk10-today-number .pc8473-pk10-today-number-params {
    box-sizing:border-box;
    display:flex;
    align-items:flex-start;
    width:100%;
    min-height:48px;
    margin:0 0 20px;
    padding:15px 20px 0;
    color:#666;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-param {
    position:static;
    display:block;
    float:left;
    width:auto;
    height:28px;
    padding:3px 10px 0 0;
    color:#666;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-param .sparam1 {
    display:block;
    float:left;
    padding:2px 3px 0 0;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-param input {
    position:static;
    box-sizing:border-box;
    width:46px;
    height:24px;
    margin:0;
    padding:0;
    border:1px solid #dbdbdb;
    color:#555;
    background:#fff;
    line-height:24px;
    text-align:center;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-param .spanbtn {
    display:inline-block;
    float:left;
    width:53px;
    height:28px;
    padding-top:5px;
    line-height:28px;
  }

  /* PK10 today-number inline plus source lock r275 */
  .pc8473-pk10-today-number .pc8473-pk10-today-number-swatch {
    position:static;
    top:auto;
    display:block;
    float:left;
    width:10px;
    height:12px;
    margin:5px 0 0;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-swatch.red{background:#f1010a}
  .pc8473-pk10-today-number .pc8473-pk10-today-number-swatch.blue{background:#1fa6e8}
  .pc8473-pk10-today-number .pc8473-pk10-today-number-swatch.green{background:#08bf02}

  .pc8473-pk10-today-number .pc8473-pk10-today-number-param .sparam2 {
    display:block;
    float:left;
    width:15px;
    padding:2px 0 0 3px;
    font-style:normal;
    line-height:18px;
  }

  /* PK10 today-number original spanAdd sprite source lock r274 */
  .pc8473-pk10-today-number .pc8473-pk10-today-number-add {
    position:static;
    top:auto;
    display:block;
    float:left;
    width:18px;
    min-width:18px;
    height:20px;
    margin:0 0 0 6px;
    padding:0;
    border:0;
    border-radius:0;
    color:transparent;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAlCAYAAABPsblCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2ZWY4MjAyMS0wMTJjLWQ1NDktOTllOS04OWMwNTgxZTY3YmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUZCNDI2NjU4RTc1MTFFNUExNjJBQjMyQzkzNDk1NDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUZCNDI2NjQ4RTc1MTFFNUExNjJBQjMyQzkzNDk1NDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzBmNzFkMmUtYjgwMy1kOTRiLTkxY2YtNmIyYTE2MTIzYzE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZlZjgyMDIxLTAxMmMtZDU0OS05OWU5LTg5YzA1ODFlNjdiYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlYdgokAAAF4SURBVHja7JSxS8NQEMZfQnAr/QvqJNg5BBGXlhbp6CJ11iHgXyTJYgZdxMUxFSVFhCLZlbipuJdODQH9rlw0viQ1MXWxfvCjyevdx/X17hTLskSGOmCPP1f57AlcgzNwJSdo0nsTHIF2hvkaYwIPHIKH+Es1EdgCdzkmstoc25KNqJILUBPFVeOcZmykgGNQF+VV51yFjLpgMy+y1+vNmCPK7ZJRX1RXX+W/uKo6ZNRYgFGD+mgKVuITwzCEruupSNM0P549zxNBEKQa8hWsxwe+789IXjbJdd15Fb2o3FhVdUtGpwswOiGjARhVMKHcS7qjN7DPB6nu/uZuxuCAPOJZoyneAZMSlUw4516e/iHYKPgzRxw7zNtHVNkW2Aa7PIfUsCF4BjfgnO6EryR3sQkOGDCFpebNDqAd/MidP+Vni6sU/6v2F1ZtAS3dqpXXahRFQtM+2y0MQ+E4TmZDflm1JNu2y1b0l1etmli14x+YLMOqfRdgAJD1e3YtuG9rAAAAAElFTkSuQmCC") no-repeat 0 1px;
    font-size:0;
    cursor:pointer;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-add.remove {
    background-position:0 -18px;
  }

  .pc8473-pk10-today-number .pc8473-pk10-today-number-confirm {
    position:static;
    top:auto;
    display:block;
    float:left;
    width:60px;
    min-width:60px;
    height:28px;
    margin:5px 0 0;
    padding:0;
    border:0;
    border-radius:5px;
    color:#fff;
    background:#797b8f;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
  }

  .pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head {
    box-sizing:border-box;
    width:1200px;
    height:47px;
    min-height:47px;
    margin:0;
    padding:0 20px;
    border-bottom:1px solid #e5e5e5;
  }

  .pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head h2 {
    margin:0;
    color:#333;
    font-size:18px;
    font-weight:800;
    line-height:46px;
  }

  .pc8473-pk10-big-dragon-road > .pc8473-pk10-exact-head .pc8473-pk10-exact-dates {
    box-sizing:border-box;
    flex:0 0 454px;
    width:454px;
    height:46px;
    margin-left:auto;
    padding:8px 20px;
    flex-wrap:nowrap;
  }

  .pc8473-pk10-big-dragon-road-note-slot {
    position:relative;
    z-index:20;
    width:1160px;
    height:30px;
    margin:20px;
  }

  .pc8473-pk10-big-dragon-road-note {
    position:absolute;
    inset:0 auto auto 0;
    box-sizing:border-box;
    width:1160px;
    height:30px;
    overflow:hidden;
    border:1px solid #dadcdb;
    color:#555;
    background:#edf4fa;
    cursor:pointer;
  }

  .pc8473-pk10-big-dragon-road-note.open {
    height:190px;
  }

  .pc8473-pk10-big-dragon-road-note p {
    height:28px;
    margin:0;
    padding:0;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    white-space:nowrap;
  }

  .pc8473-pk10-big-dragon-road-note p strong {
    display:inline-block;
    width:50px;
    margin-left:10px;
    color:#0079f4;
    font-weight:400;
  }

  .pc8473-pk10-big-dragon-road-note p:not(:first-child) span {
    display:block;
    padding-left:60px;
  }

  .pc8473-pk10-big-dragon-road-note > button {
    position:absolute;
    right:0;
    top:0;
    width:40px;
    height:28px;
    padding:0;
    border:0;
    background:transparent;
  }

  .pc8473-pk10-big-dragon-road-note > button::before {
    display:block;
    width:7px;
    height:7px;
    margin:7px auto 0;
    border-right:2px solid #bbc2c7;
    border-bottom:2px solid #bbc2c7;
    content:"";
    transform:rotate(45deg);
  }

  .pc8473-pk10-big-dragon-road-note.open > button::before {
    margin-top:11px;
    transform:rotate(225deg);
  }
}


/* PK10 desktop 大龙大虎路珠 original-source pixels and adaptive road height r277 */
@media (min-width: 1021px) {
  .pc8473-pk10-big-dragon-road-note-slot {
    width:1160px;
    height:28px;
    margin:20px 0;
  }
  .pc8473-pk10-big-dragon-road-note {
    width:1160px;
    height:30px;
  }
  .pc8473-pk10-big-dragon-road-note > button {
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAY0lEQVQI113NQRHCUBRD0dMqQAISkAAOiopsccL6rT4OoA6QUAlIQAKbX6bTrDKZm2SoqgNueCVZbFRVE45jki8+aL2wAic0vEdI8sDcwxV44pJkGXbzrdszrvv7LXjvS3/9AHhKIYVqxN18AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  }
  .pc8473-pk10-big-dragon-road-note > button::before {
    display:none;
  }
  .pc8473-pk10-big-dragon-road-note.open > button {
    transform:rotate(180deg);
  }
  .pc8473-pk10-big-dragon-road > .pc8473-pk10-road-exact-list,
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track {
    height:auto;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track {
    margin-top:0;
    border:0;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-track > header {
    box-sizing:border-box;
    width:1160px;
    height:43px;
    min-height:43px;
    padding:0;
    border:1px solid #e6e6e6;
    border-bottom:0;
    color:#555;
    background:#f5f5f5;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-controls,
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-summary {
    height:42px;
    line-height:42px;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-scroll {
    box-sizing:content-box;
    width:1158px;
    height:auto;
    min-height:130px;
    margin:0 0 10px;
    overflow-x:auto;
    overflow-y:hidden;
    border:1px solid #e6e6e6;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns {
    direction:rtl;
    width:max-content;
    min-width:1158px;
    height:auto;
    min-height:130px;
    box-sizing:border-box;
    align-items:stretch;
    padding:0;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div {
    flex:0 0 40px;
    align-self:stretch;
    width:40px;
    min-width:40px;
    height:100%;
    min-height:130px;
    box-sizing:border-box;
    padding:8px 0 0;
    border-left:1px solid #e6e6e6;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div.red-column:not(.highlighted) {
    background:#f5f5f5;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div.blue-column:not(.highlighted) {
    background:#fff;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns span {
    display:block;
    width:39px;
    height:14px;
    margin:0 0 6px;
    padding:0;
    color:#666;
    font:400 14px/14px Tahoma,"微软雅黑","Microsoft YaHei",sans-serif;
    text-align:center;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns span.red {
    color:#f1020b;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns span.blue {
    color:#666;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div.highlighted {
    background:#fdad56;
  }
  .pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div.highlighted span {
    color:#fff;
  }
}


/* PK10 desktop 大龙大虎路珠 cascade lock r278: source 14px rows and full-height columns */
@media (min-width: 1021px) {
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns > div {
    height:100%;
    min-height:100%;
  }
  .pc8473-pk10-exact-page.pc8473-pk10-big-dragon-road .pc8473-pk10-road-exact-columns span {
    box-sizing:content-box;
    flex:0 0 14px;
    width:39px;
    height:14px;
    min-height:14px;
    max-height:14px;
    margin:0 0 6px;
    padding:0;
    line-height:14px;
  }
}


/* Shared desktop eye-protection controls: SSC/PK10 and every reused record header r279 */
@media (min-width:1021px){
  .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
    margin-left:auto;
    gap:12px;
    color:#0b924a;
    font:14px/20px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
  }
  .pc8473-record-head .pc8473-eye-preferences > span{
    order:1;
    width:56px;
    margin:0;
    white-space:nowrap;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-option{
    order:2;
    position:relative;
    display:block;
    box-sizing:border-box;
    width:26px!important;
    height:20px!important;
    flex:0 0 26px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d0d0d0;
    border-radius:2px;
    background-color:#fff;
    background-image:none;
    box-shadow:none;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-green{background-color:#daf0e2}
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-blue{background-color:#d6e8f0}
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-color{
    background-color:#ededed!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    background-position:-380px -248px!important;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-option.active{
    border-color:#eb8618!important;
    box-shadow:none!important;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-option.active::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    border:0!important;
    background:transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -331px -248px!important;
    color:transparent!important;
    font-size:0!important;
    text-shadow:none!important;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-eye-color.active::after{
    content:none!important;
    display:none!important;
  }
  .pc8473-record-head .pc8473-eye-preferences > button[data-pc-eye-history]{
    order:3;
    box-sizing:border-box;
    width:110px;
    height:30px;
    margin:0 0 0 20px;
    padding:0;
    border:1px solid #ddd;
    border-radius:4px;
    color:#333;
    background:#fff;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif;
    text-align:center;
    text-decoration:none;
  }
  .pc8473-record-head .pc8473-eye-preferences > .pc8473-custom-color-picker{
    top:31px;
    right:143.5px;
    z-index:80;
    box-sizing:border-box;
    width:239px;
    height:129px;
    padding:12px;
    border:1px solid #bbb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 15px 15px rgba(0,0,0,.2);
  }
  .pc8473-record-head .pc8473-eye-preferences .pc8473-color-palette{
    box-sizing:border-box;
    width:181px;
    height:101px;
    border:1px solid #bbb;
    background:
      linear-gradient(to bottom,transparent 0%,#fff 100%),
      linear-gradient(to right,#f00 0%,#ff0 16.6667%,#0f0 33.3333%,#0ff 50%,#00f 66.6667%,#f0f 83.3333%,#f00 100%);
  }
  .pc8473-record-head .pc8473-eye-preferences .pc8473-color-palette i{
    width:20px;
    height:20px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(#555,#555) 50% 0/2px 20px no-repeat,
      linear-gradient(#555,#555) 0 50%/20px 2px no-repeat;
    box-shadow:none;
  }
  .pc8473-record-head .pc8473-eye-preferences .pc8473-color-hue{
    box-sizing:border-box;
    width:18px;
    height:101px;
    border:1px solid #bbb;
    background:linear-gradient(to bottom,#fff 0%,#000 100%);
  }
  .pc8473-record-head .pc8473-eye-preferences .pc8473-color-hue i{
    left:-4px;
    box-sizing:border-box;
    width:24px;
    height:10px;
    border:2px solid #666;
    background:transparent;
  }
}


/* PK10 instant-result shared eye controls cascade lock r280 */
@media (min-width:1021px){
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences > .pc8473-eye-option{
    order:2!important;
    box-sizing:border-box!important;
    width:26px!important;
    height:20px!important;
    flex:0 0 26px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d0d0d0!important;
    border-radius:2px!important;
    box-shadow:none!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences > .pc8473-eye-green{
    background-color:#daf0e2!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences > .pc8473-eye-blue{
    background-color:#d6e8f0!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences > button[data-pc-eye-history]{
    order:3!important;
    box-sizing:border-box!important;
    width:110px!important;
    height:30px!important;
    margin:0 0 0 20px!important;
    padding:0!important;
    border:1px solid #ddd!important;
    border-radius:4px!important;
    color:#333!important;
    background:#fff!important;
    font:14px/28px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
  }
}

/* PC28 desktop immediate-result original-source lock r281 */
@media (min-width:1021px){
  .pc8473-detail-main.pc8473-detail-family-pc28{
    padding-top:50px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-current{
    grid-template-columns:130px 460px 370px 240px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-current-numbers{
    display:block!important;
    padding:20px 0 0 20px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-title,
  .pc8473-detail-family-pc28 .pc8473-pc28-current-title span,
  .pc8473-detail-family-pc28 .pc8473-pc28-current-title b,
  .pc8473-detail-family-pc28 .pc8473-pc28-current-title strong{
    height:18px!important;
    margin:0!important;
    line-height:18px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-title{
    display:flex!important;
    align-items:baseline!important;
    gap:0!important;
    color:#555!important;
    font-size:14px!important;
    font-weight:400!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-title strong{
    margin-right:4px!important;
    color:#333!important;
    font-size:18px!important;
    font-weight:700!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-title b{
    margin:0 3px!important;
    color:#ff8a00!important;
    font-size:14px!important;
    font-weight:400!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation{
    position:relative!important;
    display:block!important;
    width:264px!important;
    min-height:40px!important;
    height:40px!important;
    margin:16px 0 0!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operand,
  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-sum{
    position:absolute!important;
    display:block!important;
    box-sizing:border-box!important;
    width:36px!important;
    height:40px!important;
    min-width:36px!important;
    min-height:40px!important;
    flex:0 0 36px!important;
    border:0!important;
    border-radius:5px!important;
    color:#fff!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    font:400 20px/36px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
    text-align:center!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operand{
    top:0!important;
    background-position:-1px -47px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operand:nth-of-type(1){left:0!important}
  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operand:nth-of-type(2){left:76px!important}
  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operand:nth-of-type(3){left:152px!important}

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-sum{
    top:2px!important;
    left:228px!important;
    height:36px!important;
    min-height:36px!important;
    background-position:-91px -49px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-operator{
    position:absolute!important;
    top:0!important;
    display:block!important;
    width:36px!important;
    height:40px!important;
    margin:0!important;
    color:transparent!important;
    background:transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat!important;
    font-size:0!important;
    text-indent:-9999px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-plus:nth-of-type(1){
    left:36px!important;
    background-position:-376px -373px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-plus:nth-of-type(2){
    left:112px!important;
    background-position:-376px -373px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-current-equation .pc8473-pc28-equals{
    left:188px!important;
    background-position:-407px -373px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-current-numbers p{
    height:30px!important;
    margin:4px 0 0!important;
    color:#555!important;
    font-size:14px!important;
    line-height:30px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-pc28-draw-count,
  .pc8473-detail-family-pc28 .pc8473-pc28-remaining-count{
    margin:0 5px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next{
    display:block!important;
    padding:0!important;
    text-align:center!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next p{
    height:50px!important;
    margin:0!important;
    line-height:50px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next div{
    justify-content:center!important;
    gap:6px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next b{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    line-height:40px!important;
  }

  .pc8473-detail-family-pc28 .pc8473-analysis{
    box-sizing:border-box!important;
    width:1200px!important;
    min-height:52px!important;
    height:52px!important;
    display:flex!important;
    align-content:normal!important;
    align-items:flex-start!important;
    gap:0!important;
    margin-top:2px!important;
    padding:10px 20px!important;
    border:0!important;
  }

  .pc8473-detail-family-pc28 .pc8473-analysis button,
  .pc8473-detail-family-pc28 .pc8473-analysis button.active{
    box-sizing:border-box!important;
    width:76px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#555!important;
    background:transparent!important;
    font:400 14px/30px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
  }

  .pc8473-record-family-pc28{
    box-sizing:border-box!important;
    margin-top:20px!important;
    padding-bottom:30px!important;
  }

  .pc8473-record-family-pc28 .pc8473-record-head{
    box-sizing:border-box!important;
    height:52px!important;
    padding:0 20px!important;
  }

  .pc8473-record-family-pc28 .pc8473-record-head h2{
    margin:0!important;
    color:#333!important;
    font-size:18px!important;
    font-weight:400!important;
    line-height:52px!important;
  }

  .pc8473-record-family-pc28 .pc8473-record-preferences{
    height:52px!important;
  }

  .pc8473-record-family-pc28 .pc8473-record-preferences > .pc8473-pc28-history-entry{
    box-sizing:border-box!important;
    width:112px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ddd!important;
    border-radius:4px!important;
    color:#333!important;
    background:#fff!important;
    font:400 14px/30px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
  }

  .pc8473-record-family-pc28 .pc8473-table{
    margin:20px 20px 0!important;
  }

  .pc8473-table-pc28 .pc8473-pc28-table-equation{
    position:relative!important;
    display:block!important;
    width:216px!important;
    min-height:40px!important;
    height:40px!important;
    margin:0 auto!important;
  }

  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand{
    position:absolute!important;
    top:2px!important;
    display:block!important;
    box-sizing:border-box!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex:0 0 36px!important;
    border:0!important;
    border-radius:5px!important;
    color:#fff!important;
    background:transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -138px -373px!important;
    font:400 20px/36px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
    text-align:center!important;
  }

  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand:nth-of-type(1){left:18px!important}
  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand:nth-of-type(2){left:90px!important}
  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand:nth-of-type(3){left:162px!important}

  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-plus{
    position:absolute!important;
    top:0!important;
    display:block!important;
    width:36px!important;
    height:40px!important;
    margin:0!important;
    color:transparent!important;
    background:transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat -376px -371px!important;
    font-size:0!important;
    text-indent:-9999px!important;
  }

  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-plus:nth-of-type(1){left:52px!important}
  .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-plus:nth-of-type(2){left:127px!important}
}

/* PC28 desktop live cascade and day-count correction r282 */
@media (min-width:1021px){
  body.desktop-detail-open:has(#desktopDetail .pc8473-detail-family-pc28){
    background:#f0f0f0!important;
  }

  .pc8473-detail-family-pc28 .pc8473-current-numbers{
    align-content:start!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next{
    align-content:start!important;
  }

  .pc8473-detail-family-pc28 .pc8473-next > div{
    box-sizing:border-box!important;
    width:100%!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
  }

  body.desktop-detail-open .pc8473-record-family-pc28 .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border:0!important;
    border-radius:5px!important;
    color:#fff!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    background-position:-138px -373px!important;
    font:400 20px/36px Tahoma,"微软雅黑","\5FAE软雅黑",sans-serif!important;
  }
}



/* PC28 desktop history source typography lock r287 */
body.desktop-detail-open .pc8473-record-family-pc28 .pc8473-table-pc28{
  font-family:Tahoma,"Microsoft YaHei","微软雅黑",sans-serif!important;
}
body.desktop-detail-open .pc8473-record-family-pc28 .pc8473-table-pc28 .pc8473-pc28-table-equation .pc8473-pc28-operand{
  color:#292c2e!important;
  font-size:18px!important;
  line-height:36px!important;
}


/* 极速快乐十分电脑端即时开奖原站契约锁 r296 */
@media (min-width:0px){
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current{
    width:1200px!important;
    height:142px!important;
    grid-template-columns:130px 460px 370px 240px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current-icon{
    width:130px!important;
    height:142px!important;
    padding:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current-icon img{
    width:90px!important;
    height:90px!important;
    margin:26px 20px 0!important;
    object-fit:contain!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current-numbers{
    width:460px!important;
    height:142px!important;
    padding:20px 0 0 20px!important;
    box-sizing:border-box!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-current-title{
    width:440px!important;
    height:18px!important;
    color:#666!important;
    font:14px/14px Tahoma,"微软雅黑",sans-serif!important;
    white-space:nowrap!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-current-title strong{
    margin-right:10px!important;
    color:#333!important;
    font:800 18px/18px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-current-title b{
    margin:0 5px!important;
    color:#f44a07!important;
    font:400 14px/14px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current-numbers .pc8473-number-family-happy.current{
    width:428px!important;
    height:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:16px 0 0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-number-family-happy.current .pc8473-original-ball{
    width:36px!important;
    height:40px!important;
    flex:0 0 36px!important;
    margin:0 20px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#fff!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    font:400 20px/36px Tahoma,"微软雅黑",sans-serif!important;
    text-align:center!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-number-family-happy.current .pc8473-original-ball:last-child{
    margin-right:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-number-family-happy.current .pc8473-original-ball-blue{
    background-position:-1px -47px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-number-family-happy.current .pc8473-original-ball-red{
    background-position:-91px -49px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-current-numbers>p{
    width:440px!important;
    height:30px!important;
    margin:0!important;
    color:#666!important;
    font:14px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-draw-count,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-remaining-count{
    margin:0!important;
    color:#666!important;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-analysis-happy{
    width:1200px!important;
    height:83px!important;
    min-height:83px!important;
    margin-top:2px!important;
    padding:10px 20px 0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-content:flex-start!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    column-gap:4px!important;
    row-gap:1.5px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-analysis-happy>a{
    width:auto!important;
    height:30px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:0!important;
    color:#333!important;
    background:transparent!important;
    font:14px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-analysis-happy>a.active{
    color:#333!important;
    background:transparent!important;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-record-panel{
    width:1200px!important;
    margin-top:20px!important;
    padding-bottom:30px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-record-panel>.pc8473-record-head{
    width:1200px!important;
    height:52px!important;
    gap:0!important;
    padding:10px 20px!important;
    box-sizing:border-box!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-record-panel>.pc8473-record-head h2{
    width:auto!important;
    height:32px!important;
    margin:0 41px 0 0!important;
    color:#333!important;
    font:800 18px/32px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-record-panel>.pc8473-record-head>button{
    width:auto!important;
    height:32px!important;
    margin:0 25px 0 0!important;
    padding:0 10px!important;
    border:1px solid #ddd!important;
    border-radius:0!important;
    color:#555!important;
    background:transparent!important;
    font:14px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"])>.pc8473-record-panel>.pc8473-record-head>button.active{
    border-color:#f4831e!important;
    color:#f4831e!important;
    background:transparent!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-record-history-only{
    width:112px!important;
    height:32px!important;
    margin-left:auto!important;
    gap:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-record-history-only>button{
    width:112px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ddd!important;
    border-radius:0!important;
    color:#555!important;
    background:transparent!important;
    font:14px/30px Tahoma,"微软雅黑",sans-serif!important;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy{
    width:1160px!important;
    margin:20px 20px 0!important;
    border-collapse:separate!important;
    border-spacing:1px!important;
    table-layout:fixed!important;
    background:#d4d4d4!important;
    color:#555!important;
    font-family:Tahoma,"微软雅黑",sans-serif!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy th,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy td{
    height:40px!important;
    padding:0!important;
    border:0!important;
    box-sizing:border-box!important;
    color:#555!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:14px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy thead th{
    height:42px!important;
    background:#e7e7e7!important;
    font-size:14px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy tbody tr:nth-child(even) td{
    background:#f5f5f5!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy tbody td:nth-child(n+4){
    font-size:16px!important;
    line-height:16px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-heading{
    width:376px!important;
    padding:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-mode-buttons{
    gap:10px!important;
    transform:none!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-mode-buttons button{
    width:80px!important;
    height:26px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#fff!important;
    background:#b9b9b9!important;
    font:12px/26px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-mode-buttons button.active{
    background:#50515f!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-table-number-modes,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-table-number-modes>[data-number-view]{
    width:376px!important;
    height:40px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-family-happy.table{
    width:352px!important;
    height:40px!important;
    min-height:40px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0 auto!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-family-happy.table .pc8473-original-ball{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin:2px 4px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#012537!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    background-position:-46px -373px!important;
    font:900 18px/36px Tahoma,"微软雅黑",sans-serif!important;
    text-align:center!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-number-family-happy.table .pc8473-original-ball-red{
    color:#fff!important;
    background-image:url("./assets/pc9567-number-sprite.png")!important;
    background-position:-91px -49px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-table-number-modes>[data-number-view="size"],
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy .pc8473-table-number-modes>[data-number-view="parity"]{
    gap:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="size"] b,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="parity"] b{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    margin:2px 4px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:transparent!important;
    background-color:transparent!important;
    background-image:url("./assets/pc9567-detail-number-sprite.png")!important;
    background-repeat:no-repeat!important;
    font-size:0!important;
    line-height:36px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="size"] b.red{background-position:0 -327px!important}
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="size"] b.blue{background-position:-46px -327px!important}
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="parity"] b.red{background-position:-90px -327px!important}
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-table-happy [data-number-view="parity"] b.blue{background-position:-138px -327px!important}

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-tools{
    width:1200px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-tools .pc8473-inline-tool{
    width:1200px!important;
    margin:0!important;
    box-sizing:border-box!important;
    color:#555!important;
    background:#fff!important;
    font-family:Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-tools h3{
    width:1160px!important;
    height:58px!important;
    margin:0 20px!important;
    color:#555!important;
    font:400 18px/58px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat{
    height:376px!important;
    padding-bottom:20px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat table{
    width:1160px!important;
    height:139px!important;
    margin:0 20px!important;
    border-collapse:separate!important;
    border-spacing:1px!important;
    table-layout:fixed!important;
    color:#555!important;
    background:#e6e6e6!important;
    font:14px/14px Tahoma,"微软雅黑",sans-serif!important;
    text-align:center!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat table.pc8473-inline-stat-secondary{
    margin-top:20px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat th,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat td{
    padding:0!important;
    border:0!important;
    color:#555!important;
    background:#fff!important;
    font-weight:400!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat tr:first-child th:first-child,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-stat tbody th{
    width:116px!important;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-dragon{
    min-height:270px!important;
    padding:0 20px 20px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-dragon h3{
    width:1160px!important;
    margin:0!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-dragon>div{
    width:1160px!important;
    display:grid!important;
    grid-template-columns:repeat(5,216px)!important;
    gap:10px 20px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-dragon>div>span{
    width:216px!important;
    height:38px!important;
    box-sizing:border-box!important;
    border:1px solid #ddd!important;
    color:#555!important;
    font:14px/36px Tahoma,"微软雅黑",sans-serif!important;
    text-align:center!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-dragon b{
    color:#f44a07!important;
    font-weight:400!important;
  }

  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-inline-distribution{
    height:168px!important;
    padding:0 20px 22px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-history-filters{
    width:1160px!important;
    height:146px!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-numbers{
    width:1170px!important;
    height:104px!important;
    display:flex!important;
    padding-top:20px!important;
    box-sizing:border-box!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-numbers>span{
    width:135px!important;
    flex:0 0 135px!important;
    height:32px!important;
    color:#555!important;
    font:16px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-numbers>div{
    width:1035px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-numbers button,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-types button{
    width:auto!important;
    height:32px!important;
    margin:0 25px 10px 0!important;
    padding:0 10px!important;
    border:1px solid #ddd!important;
    border-radius:0!important;
    color:#555!important;
    background:transparent!important;
    font:14px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-numbers button.active,
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-types button.active{
    border-color:#f4831e!important;
    color:#f4831e!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-types{
    width:1170px!important;
    height:42px!important;
    display:flex!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-types>span{
    width:135px!important;
    height:32px!important;
    flex:0 0 135px!important;
    color:#555!important;
    font:16px/30px Tahoma,"微软雅黑",sans-serif!important;
  }
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-happy10-filter-types .pc8473-happy10-filter-reset{
    width:110px!important;
    border:0!important;
    color:#fff!important;
    background:#f9982e!important;
  }
}

/* 2026-08-12 极速运动会电脑端路珠：原站 30px 路珠列和专用日期控件。 */
@media (min-width: 1021px) {
  .pc8473-sport-road-page .pc8473-pk10-road-dates > button[data-pc-sport-road-action="date"] {
    width: auto;
    min-width: 42px;
    height: 28px;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    color: #555;
    background: transparent;
    font-size: 12px;
    line-height: 28px;
  }

  .pc8473-sport-road-page .pc8473-pk10-road-dates > button[data-pc-sport-road-action="date"].active {
    border-radius: 4px;
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-sport-road-date-input {
    width: 220px;
    height: 28px;
    box-sizing: border-box;
    padding: 0 8px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #333;
    background: #fff;
    font: 12px/26px Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-sport-road-page .pc8473-pk10-road-panel-controls button {
    margin: 0 10px;
    background: rgb(136, 138, 160);
  }

  .pc8473-sport-road-page .pc8473-pk10-road-track > div {
    width: 30px;
    flex-basis: 30px;
  }

  .pc8473-sport-road-page .pc8473-pk10-road-track span {
    width: 29px;
  }

  .pc8473-sport-road-page .pc8473-pk10-road-track span.latest {
    font-weight: 700;
  }

  .pc8473-sport-road-page .pc8473-pk10-road-choice > span {
    display: inline;
  }
}


/* Shared history date control: single-field profile matches the source laydate consumer. */
@media (min-width: 1021px) {
  .pc8473-history-date-controls[data-pc-history-date-layout="single"] {
    height: 70px;
    gap: 4.375px;
    color: #555;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] > span {
    margin-left: 0;
    color: #555;
    font: 14px/40px Tahoma, 微软雅黑, "\\5FAE软雅黑", sans-serif;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-input {
    position: relative;
    width: 207px;
    height: 39px;
    box-sizing: border-box;
    margin-left: 0;
    padding: 0;
    border: 2px inset rgb(128, 128, 128);
    border-radius: 0;
    color: #000;
    background: #fff;
    font: 11px system-ui;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-input i {
    left: 11px;
    top: 10px;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-input b {
    top: 0;
    right: 0;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker {
    top: 59px;
  }
}


/* Shared single-date LayDate popup parity: source-measured 274x324 public variant r415. */
@media (min-width: 1021px) {
  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker-laydate {
    left: 65.328125px;
    right: auto;
    top: 59px;
    width: 274px;
    height: 324px;
    border: 1px solid #d2d2d2;
    color: #666;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker-laydate header {
    position: relative;
    height: 46px;
    display: block;
    box-sizing: border-box;
    padding: 10px 70px 5px;
    border-bottom: 1px solid #e2e2e2;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker-laydate header button {
    width: auto;
    height: 30px;
    padding: 0;
    border: 0;
    color: #999;
    background: transparent;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-laydate-title {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker-laydate .pc8473-history-laydate-title button {
    height: 30px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
  }

  .pc8473-history-date-controls[data-pc-history-date-layout="single"] .pc8473-history-date-picker-laydate .pc8473-history-laydate-step {
    position: absolute;
    top: 10px;
    width: 23px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-laydate-prev-year { left: 14px; }
  .pc8473-history-date-picker-laydate .pc8473-history-laydate-prev-month { left: 44px; }
  .pc8473-history-date-picker-laydate .pc8473-history-laydate-next-month { right: 44px; }
  .pc8473-history-date-picker-laydate .pc8473-history-laydate-next-year { right: 14px; }

  .pc8473-history-date-picker-laydate .pc8473-history-laydate-content {
    width: 272px;
    height: 230px;
    box-sizing: border-box;
    padding: 10px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-weekdays,
  .pc8473-history-date-picker-laydate .pc8473-history-days {
    padding: 0;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-weekdays {
    height: 30px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-weekdays span {
    height: 30px;
    color: #666;
    font-size: 12px;
    line-height: 30px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-days {
    grid-auto-rows: 30px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-days button {
    width: 36px;
    height: 30px;
    border-radius: 0;
    color: #666;
    font-size: 12px;
    line-height: 30px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-days button.adjacent {
    color: #d2d2d2;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-days button:hover {
    color: #ff7b00;
    background: #fff;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-days button.active,
  .pc8473-history-date-picker-laydate .pc8473-history-days button.active:hover {
    color: #fff;
    background: #ff7b00;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-months,
  .pc8473-history-date-picker-laydate .pc8473-history-years {
    height: 210px;
    box-sizing: border-box;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: 10px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-months button,
  .pc8473-history-date-picker-laydate .pc8473-history-years button {
    height: 47px;
    border-radius: 0;
    color: #666;
    background: #fff;
    font-size: 12px;
    line-height: 47px;
  }

  .pc8473-history-date-picker-laydate .pc8473-history-months button:hover,
  .pc8473-history-date-picker-laydate .pc8473-history-years button:hover {
    color: #ff7b00;
    background: #fff;
  }

  .pc8473-history-date-picker-laydate footer {
    height: 46px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 20px;
    border-top: 1px solid #e2e2e2;
  }

  .pc8473-history-date-picker-laydate footer button {
    height: 26px;
    box-sizing: border-box;
    margin-left: -1px;
    padding: 0 10px;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    color: #666;
    background: #fff;
    font-size: 12px;
    line-height: 24px;
  }

  .pc8473-history-date-picker-laydate footer button:hover {
    color: #ff7b00;
  }
}


/* PK10 instant record-history right edge source alignment r419 (20260816-pk10-instant-history-right-align-r419) */
@media (min-width:1021px){
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-record-head .pc8473-record-preferences.pc8473-eye-preferences{
    margin-right:20px;
  }
}


/* PK10 instant today two-sided statistics exact source grid r422 (20260816-pk10-instant-today-stats-grid-r422) */
@media (min-width:1021px){
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat{
    height:360px!important;
    min-height:360px!important;
    padding:0 20px 20px!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat>h3{
    width:1160px!important;
    height:50px!important;
    margin:0!important;
    padding:0!important;
    color:#555!important;
    font:400 16px/50px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat table{
    width:1160px!important;
    height:139px!important;
    margin:0!important;
    table-layout:auto!important;
    border-collapse:separate!important;
    border-spacing:1px!important;
    color:#555!important;
    background:#e6e6e6!important;
    font:14px/14px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif!important;
    text-align:center!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat table.pc8473-inline-stat-secondary{
    margin-top:10px!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat th,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat td{
    height:45px!important;
    padding:0!important;
    border:0!important;
    text-align:center!important;
    vertical-align:middle!important;
    font-weight:400!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat thead th{
    color:#555!important;
    background:#f5f5f5!important;
    font:400 16px/16px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat tbody th,
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat tbody td{
    color:#666!important;
    background:#fff!important;
    font:400 14px/14px Tahoma,"微软雅黑","\\5FAE软雅黑",sans-serif!important;
  }
  .pc8473-record-family-pk10.pc8473-pk10-instant .pc8473-inline-tool.pc8473-inline-stat table th:first-child{
    width:auto!important;
  }
}

/* PK10 desktop hot-cold last-row bottom-border parity r429. */
@media (min-width: 900px) {
  .pc8473-pk10-exact-page.pc8473-pk10-hotcold-page .pc8473-pk10-hotcold-table tbody tr:last-child td {
    border-bottom: 1px solid #d6d6d6;
  }
}


/* 20260817-pk10-menu-hover-r432: source-measured desktop hover states for all PK10 consumers. */
@media (min-width: 1021px) {
  .pc8473-detail-family-pk10 .pc8473-analysis-pk10 [data-pc-analysis]:not(.active):hover {
    color: #fa8e19 !important;
    background: transparent !important;
    cursor: pointer;
  }

  .pc8473-record-family-pk10 .pc8473-record-head > button:not(.active):hover,
  .pc8473-record-family-pk10 .pc8473-record-head .pc8473-record-actions > button:not(.active):hover {
    color: #f9982e !important;
    border-color: #f9982e !important;
    background: transparent !important;
    cursor: pointer;
  }

  .pc8473-record-family-pk10 .pc8473-record-head .pc8473-eye-preferences button[data-pc-eye-history]:hover {
    color: #f4831e !important;
    border-color: #f4831e !important;
    cursor: pointer;
  }

  .pc8473-record-family-pk10 .pc8473-number-mode-buttons button:not(.active):hover {
    color: #fff !important;
    background: #50515f !important;
    cursor: pointer;
  }
}


/* 20260817-happy-family-menu-hover-r433: source-measured hover states for audited Happy8/Happy10 consumers; frozen 10053 and sports are excluded. */
@media (min-width: 1021px) {
  :is([data-detail-lot-code="10054"],[data-detail-lot-code="10082"],[data-detail-lot-code="10013"],[data-detail-lot-code="10047"],[data-detail-lot-code="10073"],[data-detail-lot-code="10083"],[data-detail-lot-code="10011"]) .pc8473-analysis [data-pc-analysis]:not(.active):hover {
    color: #fa8e19 !important;
    background: transparent !important;
    cursor: pointer;
  }

  :is([data-detail-lot-code="10054"],[data-detail-lot-code="10082"],[data-detail-lot-code="10013"],[data-detail-lot-code="10047"],[data-detail-lot-code="10073"],[data-detail-lot-code="10083"],[data-detail-lot-code="10011"]) .pc8473-record-head > button:not(.active):hover,
  :is([data-detail-lot-code="10054"],[data-detail-lot-code="10082"],[data-detail-lot-code="10013"],[data-detail-lot-code="10047"],[data-detail-lot-code="10073"],[data-detail-lot-code="10083"],[data-detail-lot-code="10011"]) .pc8473-record-head .pc8473-record-actions > button:not(.active):hover {
    color: #f9982e !important;
    border-color: #f9982e !important;
    background: transparent !important;
    cursor: pointer;
  }

  :is([data-detail-lot-code="10054"],[data-detail-lot-code="10082"],[data-detail-lot-code="10013"],[data-detail-lot-code="10047"],[data-detail-lot-code="10073"],[data-detail-lot-code="10083"],[data-detail-lot-code="10011"]) .pc8473-record-head .pc8473-eye-preferences button[data-pc-eye-history]:hover {
    color: #f4831e !important;
    border-color: #f4831e !important;
    cursor: pointer;
  }

  /* 20260820-happy10-eye-preserve-r440: preserve the user-approved shared eye controls while retaining Happy10's existing history action. */
  .pc8473-detail-main:is([data-detail-lot-code="10053"],[data-happy10-family="eight-ball"]) .pc8473-record-head .pc8473-eye-preferences > button[data-pc-eye-history]:hover {
    color: #f4831e !important;
    border-color: #f4831e !important;
    background: #fff !important;
    cursor: pointer;
  }

  :is([data-detail-lot-code="10054"],[data-detail-lot-code="10082"],[data-detail-lot-code="10013"],[data-detail-lot-code="10047"],[data-detail-lot-code="10073"],[data-detail-lot-code="10083"],[data-detail-lot-code="10011"]) .pc8473-number-mode-buttons button:not(.active):hover {
    color: #fff !important;
    background: #50515f !important;
    cursor: pointer;
  }
}


/* 20260817-lottery-family-menu-hover-r435: source-measured hover states for Taiwan and national low-frequency lottery templates. */
@media (min-width: 1021px) {
  :is([data-detail-lot-code="10070"],[data-detail-lot-code="10071"],[data-detail-lot-code="10072"],[data-detail-lot-code="10039"],[data-detail-lot-code="10040"],[data-detail-lot-code="10041"],[data-detail-lot-code="10042"],[data-detail-lot-code="10043"],[data-detail-lot-code="10044"],[data-detail-lot-code="10045"]) .pc8473-analysis [data-pc-analysis]:not(.active):hover {
    color: #fa8e19 !important;
    background: transparent !important;
    cursor: pointer;
  }

  :is([data-detail-lot-code="10070"],[data-detail-lot-code="10071"],[data-detail-lot-code="10072"],[data-detail-lot-code="10039"],[data-detail-lot-code="10040"],[data-detail-lot-code="10041"],[data-detail-lot-code="10042"],[data-detail-lot-code="10043"],[data-detail-lot-code="10044"],[data-detail-lot-code="10045"]) .pc8473-record-head > button:not(.active):hover,
  :is([data-detail-lot-code="10070"],[data-detail-lot-code="10071"],[data-detail-lot-code="10072"],[data-detail-lot-code="10039"],[data-detail-lot-code="10040"],[data-detail-lot-code="10041"],[data-detail-lot-code="10042"],[data-detail-lot-code="10043"],[data-detail-lot-code="10044"],[data-detail-lot-code="10045"]) .pc8473-record-head .pc8473-record-actions > button:not(.active):hover {
    color: #f4831e !important;
    border-color: #f4831e !important;
    background: transparent !important;
    cursor: pointer;
  }
}


/* Long Dragon standalone source parity r454. */
.pc8473-dragon-site .pc8473-nav {
  position: static;
  top: auto;
}

.pc8473-dragon-side h2 {
  cursor: pointer;
}

.pc8473-dragon-side section.collapsed label {
  display: none;
}

.pc8473-dragon-side section.collapsed h2 span {
  transform: rotate(180deg);
}

.pc8473-dragon-side > div button:hover,
.pc8473-dragon-side label:hover {
  color: #e67800;
}

.pc8473-dragon-toolbar button:not(.active):hover {
  color: #fff;
  background: #e67800;
}

.pc8473-dragon-table button:hover {
  color: #e67800;
}




/* Long Dragon <=1020 source hover precedence r454. */
@media (max-width: 1020px) {
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side > div button:hover,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side label:hover,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button:hover {
    color: #e67800 !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button:not(.active):hover {
    color: #fff !important;
    background: #e67800 !important;
  }
}

/* Long Dragon all-width source typography and table lock r456. */
body.pc8473-long-dragon-open #desktopDetail .pc8473-site,
body.pc8473-long-dragon-open #desktopDetail .pc8473-site button,
body.pc8473-long-dragon-open #desktopDetail .pc8473-site input,
body.pc8473-long-dragon-open #desktopDetail .pc8473-site select {
  font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif !important;
  -webkit-font-smoothing: auto !important;
  text-rendering: auto !important;
}

body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table {
  table-layout: fixed !important;
}

body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td {
  font-weight: 400 !important;
}


/* 20260822-trend-charts-source-parity-r458 */
.pc8473-trend-site {
  min-height: 100vh;
  background: #f0f0f0;
  font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
}

.pc8473-trend-site button {
  font-family: Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
}

.pc8473-trend-page > .pc8473-page-tabs button {
  box-sizing: content-box;
  line-height: 50px;
}

.pc8473-trend-lottery-tabs button,
.pc8473-trend-rank-tabs button {
  width: auto;
  min-width: 0;
  box-sizing: content-box;
  padding: 0;
}

.pc8473-trend-lottery-tabs button:first-child,
.pc8473-trend-lottery-tabs button:nth-child(4) {
  width: auto;
}

.pc8473-trend-chart canvas[data-pc-trend-canvas] {
  display: inline;
  width: 1160px;
  height: 240px;
}

.pc8473-trend-page.is-chartless .pc8473-trend-grid {
  margin-top: 0;
}

.pc8473-trend-card-lottery {
  width: 104px;
  height: 130px;
  margin: 15px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  display: grid;
  grid-template-rows: 104px 16px;
  row-gap: 10px;
  align-content: start;
  color: #666;
  cursor: pointer;
}

.pc8473-trend-card-lottery img {
  box-sizing: border-box;
  width: 104px;
  height: 104px;
  padding: 20px;
}

.pc8473-trend-card-lottery strong {
  width: 104px;
  height: 16px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
}

.pc8473-trend-grid article > p button {
  white-space: nowrap;
  cursor: pointer;
}

.pc8473-trend-grid article > p button:hover {
  color: #fa8e19;
}


/* 20260822-trend-charts-live25-r458a */
.pc8473-trend-site,
.pc8473-trend-site button {
  font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif;
}

.pc8473-trend-grid .pc8473-trend-card-lottery {
  height: 130px;
  min-height: 130px;
  font-size: 14px;
  line-height: normal;
  align-self: start;
}


/* 20260822-trend-charts-pixel-lock-r458c */
@media (min-width: 1024px) {
  .pc8473-trend-site,
  .pc8473-trend-site button {
    font-family: Tahoma, \5FAE\8F6F\96C5\9ED1, "\\5FAE\8F6F\96C5\9ED1", sans-serif !important;
  }

  .pc8473-trend-grid {
    grid-template-columns: repeat(2, 592px);
    column-gap: 15px;
  }

  .pc8473-trend-card-lottery strong {
    color: #333;
  }

  .pc8473-trend-grid article > p button {
    position: relative;
    top: 0.375px;
    vertical-align: middle;
    box-sizing: content-box;
    -webkit-appearance: none;
    appearance: none;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10058"] {
    width: 45.1484375px !important;
    flex-basis: 45.1484375px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10035"],
  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10037"],
  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10057"] {
    width: 56px !important;
    flex-basis: 56px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10012"] {
    width: 71.2890625px !important;
    flex-basis: 71.2890625px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10075"] {
    width: 59.1484375px !important;
    flex-basis: 59.1484375px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10059"],
  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10036"] {
    width: 70px !important;
    flex-basis: 70px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10010"],
  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10064"] {
    width: 63.6484375px !important;
    flex-basis: 63.6484375px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10076"] {
    width: 38.7890625px !important;
    flex-basis: 38.7890625px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10052"] {
    width: 49.6484375px !important;
    flex-basis: 49.6484375px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10084"] {
    width: 54.078125px !important;
    flex-basis: 54.078125px !important;
  }

  .pc8473-trend-lottery-tabs [data-pc-trend-lottery="10055"] {
    width: 64.9296875px !important;
    flex-basis: 64.9296875px !important;
  }
}


/* 20260822-trend-charts-card-icons-r458d */
@media (min-width: 1024px) {
  .pc8473-trend-card-lottery img {
    padding: 0;
    object-fit: fill;
  }

  .pc8473-trend-card-lottery[data-lot-code="10037"] img {
    content: url("/assets/trend-chart-icons/10037-jisusc.png");
  }

  .pc8473-trend-card-lottery[data-lot-code="10010"] img {
    content: url("/assets/trend-chart-icons/10010-aozxy5.png");
  }

  .pc8473-trend-card-lottery[data-lot-code="10011"] img {
    content: url("/assets/trend-chart-icons/10011-aozxy8.png");
  }

  .pc8473-trend-card-lottery[data-lot-code="10084"] img {
    content: url("/assets/trend-chart-icons/10084-sg11x5.png");
  }

  .pc8473-trend-card-lottery[data-lot-code="10055"] img {
    content: url("/assets/trend-chart-icons/10055-jisu11x5.png");
  }
}


/* Long Dragon dual-buffer pixel lock r462. */
@media (min-width: 1021px) {
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-page .pc8473-page-title {
    display: block !important;
    padding: 0 !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-page-title h1 {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 50px !important;
    padding-left: 30px !important;
    line-height: 50px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button {
    box-sizing: content-box !important;
    cursor: auto !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar button:hover {
    color: #e67800 !important;
    background: #fff !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span:first-of-type {
    left: 704.25px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar select {
    top: 16px !important;
    left: 750.625px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span:last-child {
    left: 800.625px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table tr,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table th,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
    line-height: 14px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table th,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table td,
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
    box-sizing: content-box !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-table button {
    min-height: 0 !important;
    height: 14px !important;
  }
}


/* Long Dragon final filter and sidebar pixel lock r463. */
@media (min-width: 1021px) {
  body.pc8473-long-dragon-open #desktopDetail .pc8473-page-title h1 {
    color: #333 !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side section {
    border-bottom: 0 !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side h2 {
    padding: 0 0 0 20px !important;
    color: #000 !important;
    background: #f0f0f0 !important;
    line-height: 50px !important;
    cursor: auto !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side label {
    color: #333 !important;
    cursor: auto !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side input {
    cursor: auto !important;
  }

  body.pc8473-long-dragon-open #desktopDetail
    .pc8473-dragon-side
    section[data-pc-dragon-section="fast"]
    label:last-child {
    margin-bottom: 0 !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar span {
    color: #000 !important;
    font: 14px/50px Tahoma, "Microsoft YaHei", "\\5FAE软雅黑", sans-serif !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-toolbar select {
    color: #000 !important;
    font: 13.3333px Arial, sans-serif !important;
  }
}


/* Long Dragon exact 1020 desktop route lock r464.
 * The explicit route class closes the fixed-canvas boundary without changing shared detail breakpoints. */


/* 20260822-trend-charts-menu-parity-r458e */
/* 20260822-trend-charts-nav-selection-r458i */
@media (min-width: 1021px) {
  .pc8473-trend-site .pc8473-nav {
    background: #ff7b00 !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button {
    padding: 0 13px !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button.active {
    background: #eb7100 !important;
  }

  .pc8473-trend-site .pc8473-nav-item > button:hover {
    background: #fa8e19 !important;
  }

  .pc8473-trend-site .pc8473-nav-item:has(> button[data-pc-nav="彩票大厅"]) {
    margin-top: 1px !important;
  }

  .pc8473-trend-site button[data-pc-nav="彩票大厅"] {
    width: 115px !important;
  }

  .pc8473-trend-site .pc8473-nav-item:has(> button[data-pc-nav="彩票大厅"]):hover > button,
  .pc8473-trend-site .pc8473-nav-item:has(> button[data-pc-nav="彩票大厅"]):focus-within > button {
    color: #f1010a !important;
    background: #fff !important;
  }

  .pc8473-trend-site .pc8473-hall-arrow {
    display: inline-block !important;
    width: 10px !important;
    height: 6px !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: content-box !important;
    vertical-align: baseline !important;
    transform: none !important;
    background: url("/assets/trend-chart-nav/cpdt_white.png") no-repeat 0 0 / 10px 6px !important;
  }

  .pc8473-trend-site .pc8473-nav-item:has(> button[data-pc-nav="彩票大厅"]):hover .pc8473-hall-arrow,
  .pc8473-trend-site .pc8473-nav-item:has(> button[data-pc-nav="彩票大厅"]):focus-within .pc8473-hall-arrow {
    background-image: url("/assets/trend-chart-nav/cpdt_red.png") !important;
  }

  .pc8473-trend-site button[data-pc-nav="简约版"] {
    width: 110px !important;
    padding: 0 !important;
    background: #eb7100 !important;
  }

  .pc8473-trend-site button[data-pc-nav="简约版"] i {
    display: none !important;
  }

  .pc8473-trend-site button[data-pc-nav="简约版"]::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 30px;
    vertical-align: middle;
    background: url("/assets/trend-chart-nav/bjpknum2_8kai.png") -428px -286px no-repeat;
  }

  .pc8473-trend-site .pc8473-hall-mega {
    left: calc((1200px - max(100vw, 1200px)) / 2) !important;
    top: 51px !important;
    box-sizing: border-box !important;
    width: max(100vw, 1200px) !important;
    height: 291.5px !important;
    min-height: 291.5px !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section {
    box-sizing: border-box !important;
    width: 1200px !important;
    height: 58.5px !important;
    min-height: 58.5px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    grid-template-columns: 124px 1076px !important;
    align-items: start !important;
    border-bottom: 1px solid #e7e6e7 !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section:last-child {
    height: 57.5px !important;
    min-height: 57.5px !important;
    border-bottom: 0 !important;
  }

  .pc8473-trend-site .pc8473-hall-mega strong {
    box-sizing: border-box !important;
    width: 124px !important;
    height: 55px !important;
    padding: 0 0 0 40px !important;
    justify-content: flex-start !important;
    color: #333 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 55px !important;
    white-space: nowrap !important;
    background-repeat: no-repeat !important;
    background-position: 10px 50% !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section:nth-child(1) strong {
    background-image: url("/assets/trend-chart-nav/RMC.png") !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section:nth-child(2) strong,
  .pc8473-trend-site .pc8473-hall-mega section:nth-child(3) strong {
    background-image: url("/assets/trend-chart-nav/SPEED.png") !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section:nth-child(4) strong {
    background-image: url("/assets/trend-chart-nav/JWC.png") !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section:nth-child(5) strong {
    background-image: url("/assets/trend-chart-nav/QGC.png") !important;
  }

  .pc8473-trend-site .pc8473-hall-mega section > div {
    box-sizing: border-box !important;
    width: 1076px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 12px 0 !important;
    align-items: center !important;
  }

  .pc8473-trend-site .pc8473-hall-mega button {
    height: 30px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  .pc8473-trend-site .pc8473-hall-mega button:hover {
    color: #fff !important;
    background: #fa8e19 !important;
  }

  .pc8473-trend-site .pc8473-page-tabs button,
  .pc8473-trend-site .pc8473-trend-lottery-tabs button,
  .pc8473-trend-site .pc8473-trend-rank-tabs button {
    text-align: start !important;
  }

  .pc8473-trend-site .pc8473-trend-lottery-tabs button.active::after {
    background: #ff7b00 !important;
  }
}

/* 20260822-trend-charts-menu-font-encoding-r458f */

/* Long Dragon visible selection and sidebar surface correction r467. */
@media (min-width: 1021px) {
  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side {
    background: #fff !important;
    border-color: #e7e7e7 !important;
    color: #000 !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }

  body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side > div strong {
    color: #000 !important;
    cursor: pointer !important;
  }
}


/* Long Dragon sidebar arrow and scroll interaction parity r469. */
body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side h2 span {
  width: 20px !important;
  height: 12px !important;
  left: 93px !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAA5UlEQVQokZXQIUtDURjG8d+us4wxzBdtK8sHNJgtFmVFWFP8AlbBZtwQv4PFJoJBBJtB10TBbtjiDTaDlvfC5XqR7YEDh+d9/g/vOa2U0hm+cGE5naDbxi428YaHBeEdjPGSYYg5rtFfAO5Hdo5hhhn20cEtev/Avch0gpllMZjiGANcIWuAs5gNIjuFlTzPy8ArujjEKh5rBecBjjEpzWqBgLai5APv4R/gEvc4wk8JtFJK9VXX8IwNbIf3hM8oL6rhdsNbC+xFyU143+EV9XDTZ4n1R1iPMwrvj5o2KHWH08q9Ub/dvSuYc54eeQAAAABJRU5ErkJggg==") !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  transform: none !important;
}

body.pc8473-long-dragon-open #desktopDetail .pc8473-dragon-side section.arrow-up h2 span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAA4ElEQVQokY3QMUoDURSF4c9JYmGVMpkFiLWDqxDEziYEUrkEdyAoVtbTJqQKilrZuANBFJsoCK4gQkq1yB0cwmTMgct7czj/Ye7byLJMjU7iPFsVaNbA+ziN+zPuqkLJCngHI3zGjMJbq6CNa7RwGNMKr/1fQQNjbGOAx5hBeOPI/AFpmpa/z9G32P2y5L9gM4q2cF9V0MMFbnCMn6W/e8BulLzhqbzCHnK8RtH38q7h9SKTByNBF1eY4wCzCrjQLDLzYLoJJujgCNMauNA0sh1MGuniEW4xXAMu9I4vfPwCR8ssp6Q0gHIAAAAASUVORK5CYII=") !important;
  transform: none !important;
}

body.pc8473-long-dragon-open #desktopDetail
  .pc8473-dragon-side section[data-pc-dragon-section="sg"] h2 span {
  left: 80.59375px !important;
}


/* 20260822-homepage-source-parity-r469
 * 20260822-homepage-existing-ui-lines-r471
 * Scoped to the desktop homepage. Values and hit areas are measured from the
 * live 1689567 homepage at 1440x900, DPR 1, 100% zoom. */
@media (min-width: 1021px) {
  .pc8473-home-site,
  .pc8473-home-site button,
  .pc8473-home-site input,
  .pc8473-home-site select {
    font-family: Tahoma, "微软雅黑", "\\5FAE软雅黑", sans-serif !important;
  }
  .pc8473-home-site .pc8473-nav-item > button {
    padding-right: 13px !important;
    padding-left: 13px !important;
  }
  .pc8473-home-site button[data-pc-nav="彩票大厅"] {
    width: 115px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .pc8473-home-site .pc8473-nav-item:last-child > button {
    width: 111px !important;
    padding: 0 !important;
  }
  .pc8473-home-main .pc8473-filter-tabs {
    height: 60px;
    border-bottom: 1px solid #e6e6e6;
  }
  .pc8473-home-main .pc8473-filter-tabs button {
    min-width: 0;
    margin: 0 20px;
    padding: 0;
  }
  .pc8473-home-main .pc8473-filter-tabs button.active::after {
    height: 60px;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    box-sizing: border-box;
    border-bottom: 3px solid #ff7b00;
    background: transparent;
  }
  .pc8473-home-main .pc8473-draw-card,
  .pc8473-home-main .pc8473-result-table th,
  .pc8473-home-main .pc8473-result-table td,
  .pc8473-home-main .pc8473-card-countdown {
    cursor: auto;
  }
  .pc8473-home-main .pc8473-card-icon {
    cursor: pointer;
  }
  .pc8473-home-main .pc8473-card-lhc {
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #d4d3d3;
    outline: 0;
    background: transparent;
  }
  .pc8473-home-main .pc8473-result-table th {
    height: 33px;
    line-height: 33px;
  }
  .pc8473-home-main .pc8473-card-actions button {
    width: auto;
    margin-left: 24px;
    padding: 0;
    text-align: left;
  }
  .pc8473-home-main .pc8473-recommend {
    height: 400px !important;
    min-height: 400px !important;
    padding: 10px 0 0;
    overflow: visible;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded {
    height: 400px !important;
    min-height: 400px !important;
  }
  .pc8473-home-main .pc8473-recommend h2 {
    box-sizing: content-box;
    width: 87%;
    margin: 0 20px;
    padding: 0 0 8px;
    border-bottom: 1px solid #ebebeb;
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
  }
  .pc8473-home-main .pc8473-recommend small {
    width: 128px;
    position: absolute;
    z-index: 1;
    top: 45px;
    left: 81px;
    display: block;
    box-sizing: content-box;
    padding: 0 15px;
    color: #999;
    background: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
  }
  .pc8473-home-main .pc8473-recommend small::before,
  .pc8473-home-main .pc8473-recommend small::after {
    content: none;
  }
  .pc8473-home-main .pc8473-rec-grid {
    width: 320px;
    height: 329px;
    position: absolute;
    top: 71px;
    left: 0;
    display: grid;
    grid-template-columns: repeat(3, 92px);
    grid-auto-rows: 95px !important;
    box-sizing: border-box;
    gap: 0 !important;
    margin: 0;
    padding-left: 20px;
    overflow: hidden;
    background: #fff;
    transition: height 0.5s;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-grid {
    height: 415px;
  }
  .pc8473-home-main .pc8473-rec-item {
    width: 92px;
    height: 95px;
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }
  .pc8473-home-main .pc8473-rec-item:last-child {
    width: 92px;
  }
  .pc8473-home-main .pc8473-rec-icon-link {
    width: 52px;
    height: 72px;
    display: inline-block;
    color: #333;
    text-decoration: none;
    vertical-align: baseline;
  }
  .pc8473-home-main .pc8473-rec-icon {
    width: 52px !important;
    height: 52px !important;
    display: block;
    margin: 10px auto !important;
    border-radius: 0;
    background-color: transparent !important;
    background-position: center;
    background-size: contain !important;
  }
  .pc8473-home-main .pc8473-rec-label {
    height: 14px;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
  }
  .pc8473-home-main .pc8473-rec-label:hover,
  .pc8473-home-main .pc8473-rec-label:focus-visible {
    color: #fa8e19;
  }
  .pc8473-home-main .pc8473-rec-more-rail {
    width: 320px;
    height: 35px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    transform: translateY(0);
    transition: transform 0.5s;
    background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAjCAYAAADlh9PqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAt0lEQVR42u3bSw0DMAxEwVQyf2Sl1LgwcngzCHxarfP57O73AATNOft6BoAnZuUfEDVHAgJRs1ZgIEoDBLKcAQJZsxIQiPIMBsjSAIEsAQhkzdn7egaAJzRAIEsAAlkCEMgSgECWSxAgSwMEsgQgkDVrBQaiZq8GCDRZgYEsKzCQpQECWQIQyJr7+72eAeCJuVcAAk0aIJClAQJZswIQiLICA1lzr4fQQNOsAASi5voKB0RpgEDWH/M2XtAw6Ou0AAAAAElFTkSuQmCC") 0 0 no-repeat;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-more-rail {
    transform: translateY(86px);
  }
/* Homepage recommendation measured logo and arrow assets r473. */
  .pc8473-home-main .pc8473-rec-more {
    position: static;
    width: 35px;
    height: 35px;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    border: 0;
    background: url("./assets/pc8473-original-icons/bjpknum3-live-r475.png") -341px -424px no-repeat;
    font-size: 0 !important;
    line-height: 35px;
    transform: none;
    cursor: pointer !important;
  }
  .pc8473-home-main .pc8473-recommend.is-expanded .pc8473-rec-more {
    transform: rotateX(180deg);
  }
}


/* 20260822-simple-current-source-parity-r471
 * Current 1689567 compact-page typography, menu states, and table geometry.
 * The product-wide compact shell and forbidden right-side tool rail remain unchanged. */
@media (min-width: 1021px) {
  .pc8473-simple-site,
  .pc8473-simple-site button {
    font-family: Tahoma, "\5FAE\8F6F\96C5\9ED1", "\\5FAE\8F6F\96C5\9ED1", sans-serif;
  }

  .pc8473-simple-site {
    font-size: 14px;
  }

  .pc8473-simple-site .pc8473-simple-side {
    width: 110px;
    top: 86px;
    right: calc(100% + 5px);
    gap: 0;
  }

  .pc8473-simple-site .pc8473-simple-side > button {
    width: 88px;
    height: 30px;
    min-height: 30px;
    margin: 0 0 0 22px;
    padding: 0;
    border: 0;
    border-bottom: 0;
    background: #fff;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
  }

  .pc8473-simple-site .pc8473-simple-side > button:hover,
  .pc8473-simple-site .pc8473-simple-side > button:focus-visible {
    color: #fa8e19;
  }

  .pc8473-simple-site .pc8473-simple-side > button.active {
    width: 110px;
    height: 50px;
    min-height: 50px;
    margin-left: 0;
    margin-bottom: 2px;
    padding: 0 22px 0 0;
    background: #313242;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
  }

  .pc8473-simple-site .pc8473-simple-section {
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-section > header {
    height: 58px;
  }

  .pc8473-simple-site .pc8473-simple-section > header > h2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 58px;
  }

  .pc8473-simple-site .pc8473-simple-section > header > button {
    width: 92px;
    height: 32px;
    padding: 0;
    color: #f35b29;
    background: #fff;
    border: 1px solid #ffc88b;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    cursor: pointer;
  }

  .pc8473-simple-site .pc8473-simple-section > header > button:hover,
  .pc8473-simple-site .pc8473-simple-section > header > button:focus-visible,
  .pc8473-simple-site .pc8473-simple-section > header > button.active {
    color: #fff;
    background: #fa8e19;
  }

  .pc8473-simple-site .pc8473-simple-head {
    width: 1140px;
    height: 60px;
    min-height: 60px;
    display: block;
    position: relative;
    margin: 0 30px;
    border: 0;
    background: #e5e5e5;
    color: #000;
    font-size: 14px;
    line-height: 60px;
  }

  .pc8473-simple-site .pc8473-simple-head > span {
    height: 60px;
    position: absolute;
    top: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 60px;
  }

  .pc8473-simple-site .pc8473-simple-head > span:nth-child(1) {
    width: 242px;
    left: 0;
    padding-left: 30px;
    text-align: left;
  }

  .pc8473-simple-site .pc8473-simple-head > span:nth-child(2) {
    width: 424px;
    left: 246px;
    text-align: center;
  }

  .pc8473-simple-site .pc8473-simple-head > span:nth-child(3) {
    width: 300px;
    left: 675px;
    text-align: center;
  }

  .pc8473-simple-site .pc8473-simple-head > span:nth-child(4) {
    width: 110px;
    right: 0;
    text-align: center;
  }

  .pc8473-simple-site .pc8473-simple-table > article {
    width: 1140px;
    height: 96px;
    min-height: 96px;
    grid-template-columns: 272px 424px 340px 104px;
    align-items: start;
    margin: 1px 30px 0;
    padding: 16px 0 0;
    border: 0;
    box-sizing: border-box;
    color: #000;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-lottery {
    width: 272px;
    height: 59px;
    min-height: 59px;
    padding: 0 0 0 30px;
  }

  .pc8473-simple-site .pc8473-simple-lottery strong {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
  }

  .pc8473-simple-site .pc8473-simple-lottery small {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
  }

  .pc8473-simple-site .pc8473-simple-numbers {
    width: 424px;
    height: 40px;
    min-height: 40px;
    margin-top: 6px;
    padding: 0;
  }

  .pc8473-simple-site .pc8473-simple-timing {
    width: 340px;
    height: 50px;
    min-height: 50px;
    display: block;
    padding: 4px 0 0 40px;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
  }

  .pc8473-simple-site .pc8473-simple-actions {
    height: 18px;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-actions button {
    height: 18px;
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
  }

  .pc8473-simple-site .pc8473-simple-timing > p {
    height: 25px;
    margin: 0;
    padding-top: 4px;
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
  }

  .pc8473-simple-site .pc8473-simple-operation {
    width: 104px;
    height: 50px;
    justify-content: flex-end;
  }

  .pc8473-simple-site .pc8473-simple-operation > button {
    width: 30px;
    height: 50px;
    margin-right: 40px;
    padding: 0;
    cursor: pointer;
  }
}


/* 20260822-simple-full-source-parity-r476
 * Source-measured compact-page number sprites, row heights, menus, actions,
 * icons and hover states. Scoped to the desktop compact page only. */
@media (min-width: 1021px) {
  .pc8473-simple-site .pc8473-simple-section {
    padding-bottom: 30px;
    scroll-margin-top: 0;
  }

  .pc8473-simple-site .pc8473-simple-section > header > button.active {
    color: #f35b29;
    background: #fff;
  }

  .pc8473-simple-site .pc8473-simple-table > article:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, .18);
  }

  .pc8473-simple-site .pc8473-simple-table > article.pc8473-simple-row-long {
    height: 176px;
    min-height: 176px;
  }

  .pc8473-simple-site .pc8473-simple-lottery {
    align-items: flex-start;
  }

  .pc8473-simple-site .pc8473-simple-icon img {
    padding: 0;
    border-radius: 0;
    background: transparent;
    object-fit: fill;
  }

  .pc8473-simple-site .pc8473-simple-lottery > span:last-child {
    padding-top: 1px;
  }

  .pc8473-simple-site .pc8473-simple-lottery small {
    color: #666;
  }

  .pc8473-simple-site .pc8473-simple-lottery small > span {
    color: #f44a07;
  }

  .pc8473-simple-site .pc8473-simple-numbers {
    display: block;
    overflow: visible;
  }

  .pc8473-simple-site .pc8473-pk-row.simple,
  .pc8473-simple-site .pc8473-round-row.simple,
  .pc8473-simple-site .pc8473-dice-row.simple,
  .pc8473-simple-site .pc8473-six-row.simple {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
  }

  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub {
    width: 36px !important;
    height: 36px !important;
    display: block;
    flex: 0 0 36px;
    border: 0;
    border-radius: 0;
    color: transparent !important;
    background-color: transparent !important;
    background-image: url("./assets/pc9567-detail-number-sprite.png") !important;
    background-repeat: no-repeat !important;
    font-size: 0 !important;
    line-height: 36px !important;
    text-shadow: none !important;
  }

  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-01 { background-position: -246px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-02 { background-position: -42px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-03 { background-position: -83px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-04 { background-position: -123px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-05 { background-position: -286px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-06 { background-position: -1px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-07 { background-position: -205px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-08 { background-position: -164px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-09 { background-position: -327px -284px !important; }
  .pc8473-simple-site .pc8473-pk-row.simple .pc8473-pk-nub-10 { background-position: -368px -284px !important; }

  .pc8473-simple-site .pc8473-round-row.simple .pc8473-original-ball,
  .pc8473-simple-site .pc8473-equation.simple .pc8473-original-ball,
  .pc8473-simple-site .pc8473-six-row.simple > span {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    min-height: 36px;
    display: block;
    flex: 0 0 36px;
    box-sizing: border-box;
    border: 0;
    border-radius: 5px;
    color: #fff;
    background-color: transparent;
    background-image: url("./assets/pc9567-number-sprite.png");
    background-repeat: no-repeat;
    font: 400 20px/36px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-align: center;
    text-shadow: none;
  }

  .pc8473-simple-site .pc8473-round-row.simple .pc8473-original-ball-blue,
  .pc8473-simple-site .pc8473-equation.simple .pc8473-original-ball-blue {
    background-position: -1px -47px;
  }

  .pc8473-simple-site .pc8473-round-row.simple .pc8473-original-ball-red,
  .pc8473-simple-site .pc8473-equation.simple .pc8473-original-ball-red {
    background-position: -91px -49px;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple {
    width: 405px;
    min-height: 77px;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-auto-rows: 36px;
    column-gap: 5px;
    row-gap: 5px;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-lightblue {
    background-position: -356px -325px;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-blue {
    background-position: -394px -325px;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-orange {
    background-position: -432px -325px;
  }

  .pc8473-simple-site .pc8473-number-family-taiwan.simple {
    width: 405px;
    height: 118px;
    position: relative;
    display: block;
  }

  .pc8473-simple-site .pc8473-number-family-taiwan.simple .pc8473-taiwan-number-grid {
    width: 405px;
    height: 77px;
    display: grid;
    grid-template-columns: repeat(10, 36px);
    grid-template-rows: repeat(2, 36px);
    column-gap: 5px;
    row-gap: 5px;
  }

  .pc8473-simple-site .pc8473-number-family-taiwan.simple .pc8473-taiwan-last-number {
    position: absolute;
    top: 82px;
    left: 0;
  }

  .pc8473-simple-site .pc8473-dice-row.simple .pc8473-dice {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    border: 0;
    border-radius: 0;
    background: transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") no-repeat;
  }

  .pc8473-simple-site .pc8473-dice-row.simple .pc8473-dice i {
    display: none;
  }

  .pc8473-simple-site .pc8473-dice-row.simple .dice-1 { background-position: -424px 0; }
  .pc8473-simple-site .pc8473-dice-row.simple .dice-2 { background-position: -424px -43px; }
  .pc8473-simple-site .pc8473-dice-row.simple .dice-3 { background-position: -424px -86px; }
  .pc8473-simple-site .pc8473-dice-row.simple .dice-4 { background-position: -424px -129px; }
  .pc8473-simple-site .pc8473-dice-row.simple .dice-5 { background-position: -424px -172px; }
  .pc8473-simple-site .pc8473-dice-row.simple .dice-6 { background-position: -424px -215px; }

  .pc8473-simple-site .pc8473-six-row.simple {
    gap: 8px;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.blue {
    background-position: -1px -47px;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.red {
    background-position: -91px -49px;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.green {
    background-position: -181px -49px;
  }

  .pc8473-simple-site .pc8473-six-row.simple > em {
    width: 36px;
    height: 36px;
    display: block;
    flex: 0 0 36px;
    margin: 0;
    color: #999;
    font: 400 28px/36px Arial, sans-serif;
    text-align: center;
  }

  .pc8473-simple-site .pc8473-equation.simple {
    width: 219px;
    height: 36px;
    min-height: 36px;
    position: relative;
    display: block;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-operand,
  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-sum {
    position: absolute;
    top: 0;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-operand:nth-of-type(1) { left: 0; }
  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-operand:nth-of-type(2) { left: 61px; }
  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-operand:nth-of-type(3) { left: 122px; }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-sum {
    left: 183px;
    background-position: -91px -49px;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-operator {
    width: 36px;
    height: 40px;
    position: absolute;
    top: 0;
    display: block;
    margin: 0;
    color: transparent;
    background: transparent url("./assets/pc9567-detail-number-sprite.png") no-repeat;
    font-size: 0;
    line-height: 40px;
    text-indent: -9999px;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-plus:nth-of-type(1) {
    left: 28px;
    background-position: -376px -373px;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-plus:nth-of-type(2) {
    left: 89px;
    background-position: -376px -373px;
  }

  .pc8473-simple-site .pc8473-equation.simple .pc8473-pc28-equals {
    left: 158px;
    background-position: -407px -373px;
  }

  .pc8473-simple-site .pc8473-simple-timing {
    padding-top: 5px;
    padding-left: 45px;
    color: #999;
  }

  .pc8473-simple-site .pc8473-simple-actions {
    height: 14px;
    gap: 8px;
    color: #e5e5e5;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-actions button {
    height: 14px;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-timing > p {
    height: 14px;
    margin-top: 6px;
    padding: 0;
    color: #999;
    line-height: 14px;
  }

  .pc8473-simple-site .pc8473-simple-timing > p span,
  .pc8473-simple-site .pc8473-simple-timing > p b {
    color: #f1010a;
  }

  .pc8473-simple-site .pc8473-simple-operation {
    justify-content: end;
    place-items: start end;
  }

  .pc8473-simple-site .pc8473-simple-operation > button {
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin: 0 40px 0 0;
    background: transparent url("./assets/pc8473-detail-icons/bjpknum-original.png") -390px -153px no-repeat;
  }

  .pc8473-simple-site .pc8473-simple-operation > button:hover,
  .pc8473-simple-site .pc8473-simple-operation > button:focus-visible {
    background-position: -351px -153px;
  }

  .pc8473-simple-site .pc8473-simple-operation > button::before,
  .pc8473-simple-site .pc8473-simple-operation > button::after {
    content: none;
  }
}


/* 20260822-simple-ball-visibility-r476c
 * The compact source uses flat filled circles for all 20-number and Taiwan
 * low-frequency rows. Keep those families out of the generic sprite layer. */
@media (min-width: 1021px) {
  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball,
  .pc8473-simple-site .pc8473-number-family-lottery.simple .pc8473-original-ball {
    border-radius: 50% !important;
    color: #fff !important;
    background-image: none !important;
    text-indent: 0;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-lightblue {
    background-color: #16a4d8 !important;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-blue {
    background-color: #0785c7 !important;
  }

  .pc8473-simple-site .pc8473-number-family-happy8.simple .pc8473-original-ball-orange {
    background-color: #ff941f !important;
  }

  .pc8473-simple-site .pc8473-number-family-lottery.simple .pc8473-original-ball-orange {
    background-color: #f39a1c !important;
  }

  .pc8473-simple-site .pc8473-number-family-lottery.simple .pc8473-original-ball-green {
    background-color: #25bf66 !important;
  }

  .pc8473-simple-site .pc8473-number-family-lottery.simple .pc8473-original-ball-blue {
    background-color: #168fc8 !important;
  }

  .pc8473-simple-site .pc8473-number-family-lottery.simple .pc8473-original-ball-red {
    background-color: #e52535 !important;
  }
}


/* 20260822-simple-lhc-flat-balls-r476d
 * Mark Six compact rows use the source's flat circle palette. The generic
 * square/round sprite must not replace green or blue ball faces. */
@media (min-width: 1021px) {
  .pc8473-simple-site .pc8473-six-row.simple > span {
    border-radius: 50% !important;
    color: #fff !important;
    background-image: none !important;
    font: 400 20px/36px Tahoma, "微软雅黑", "\5FAE软雅黑", sans-serif;
    text-indent: 0;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.red {
    background-color: #ef334a !important;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.green {
    background-color: #25bf66 !important;
  }

  .pc8473-simple-site .pc8473-six-row.simple > span.blue {
    background-color: #19a7dd !important;
  }
}

/* Homepage r481: original card artwork and Taiwan DLT sprite coordinates only. */
@media (min-width: 1021px) {
  .pc8473-home-main .pc8473-draw-card[data-lot-code="10010"] .pc8473-card-icon img {
    content: url("./assets/pc8473-original-icons/10010-aozxy5-home-r481.png");
  }

  .pc8473-home-main .pc8473-lottery-taiwan-dlt.home .pc8473-original-ball-orange {
    background-image: url("./assets/pc8473-original-icons/taiwan-dlt-bjpknum-home-r481a.png") !important;
    background-repeat: no-repeat !important;
    background-position: -286px -238px !important;
  }
}



/* 20260831-desktop-detail-shared-ui-tokens-r803: shared semantics only; lottery result colors remain family-owned. */
@media (min-width: 1021px) {
  body.desktop-detail-open,
  #desktopDetail {
    --pc-font-family: Tahoma, "Microsoft YaHei", "微软雅黑", "\5FAE软雅黑", sans-serif;
    --pc-font-size-12: 12px;
    --pc-font-size-14: 14px;
    --pc-font-size-15: 15px;
    --pc-font-size-18: 18px;
    --pc-text: #555;
    --pc-strong: #333;
    --pc-muted: #666;
    --pc-faint: #999;
    --pc-active: #fa8e19;
    --pc-surface: #fff;
    --pc-page: #eee;
    --pc-subtle: #f5f5f5;
    --pc-grid: #d6d6d6;
    --pc-divider: #eee;
    --pc-canvas: 1200px;
    --pc-content: 1160px;
    --pc-gutter: 20px;
  }

  #desktopDetail .pc8473-detail-main {
    color: var(--pc-text);
    font-family: var(--pc-font-family);
  }

  #desktopDetail .pc8473-shared-date-toolbar,
  #desktopDetail .pc8473-shared-date-picker,
  #desktopDetail .pc8473-shared-date-picker button {
    color: var(--pc-text);
    font-family: var(--pc-font-family);
  }

  #desktopDetail .pc8473-shared-date-shortcuts > button,
  #desktopDetail .pc8473-shared-date-label,
  #desktopDetail .pc8473-shared-date-input {
    color: var(--pc-text);
    font-family: var(--pc-font-family);
    font-size: var(--pc-font-size-12);
  }

  #desktopDetail .pc8473-shared-date-shortcuts > button.active {
    color: #fff;
    background: var(--pc-active);
  }

  #desktopDetail .pc8473-shared-date-picker {
    border-color: var(--pc-grid);
    background: var(--pc-surface);
  }

  #desktopDetail .pc8473-current-time,
  #desktopDetail .pc8473-current-time b,
  #desktopDetail .pc8473-current-time em {
    font-family: var(--pc-font-family);
  }

  #desktopDetail .pc8473-current-time em {
    color: var(--pc-muted);
    font-size: var(--pc-font-size-14);
  }
}

/* 20260902-pk10-phone-picker-nav-contract-r821: phone sheets stop above the shared safe-area-aware bottom nav. */
@media (max-width: 568px) {
  body[data-detail-type="pk10"] #mobileDetail .pk10-picker-backdrop {
    box-sizing: border-box;
    padding-bottom: var(--ui-mobile-nav-height);
  }
}


/* 20260902-desktop-history-entry-native-state-r824: native history buttons share the audited desktop interaction states. */
@media (min-width:1021px){
  :is(
    .pc8473-record-family-k3,
    .pc8473-record-family-pc28,
    .pc8473-record-family-happy,
    .pc8473-record-family-lottery
  ) .pc8473-record-history-only > button[data-pc-record-action="history"]:is(:hover,:focus-visible,:active),
  :is(
    .pc8473-record-family-ssc,
    .pc8473-record-family-pk10,
    .pc8473-record-family-happy
  ) .pc8473-eye-preferences > button[data-pc-eye-history]:is(:hover,:focus-visible,:active){
    color:#f4831e!important;
    border-color:#f4831e!important;
    cursor:pointer;
  }
}

/* 澳洲幸运20：原站存档图在普通页面保持圆形外框，简约版资源不变。 */
.pc8473-current-icon img[src*="/pc9567-main-icons/10013-aozxy20.jpg"],
.pc8473-card-icon img[src*="/pc9567-main-icons/10013-aozxy20.jpg"],
.pc8473-page-card-icon img[src*="/pc9567-main-icons/10013-aozxy20.jpg"] {
  border-radius: 50%;
}