/*
 * Mobile PC28 source parity for both verified consumers.
 * Source: m.1689567.com Egxy28/speedPcEgg at 390x844, DPR 1.
 * Scope: mobile lotCodes 10074 and 10081 only.
 * Marker: 20260823-mobile-pc28-source-parity-r484a
 */
@media (max-width: 1020px) {
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"],
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] {
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-titlebar,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-titlebar {
    height: 13.333333vw;
    grid-template-columns: 13.333333vw minmax(0, 1fr) 13.333333vw;
    border-bottom: 1px solid #ededee;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-titlebar h1,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-titlebar h1 {
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
    font-size: 4.8vw;
    line-height: 13.333333vw;
    font-weight: 400;
    position: relative;
    top: -.128205vw;
    left: .897436vw;
    color: #000;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"],
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] {
    background: #efeff4;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-back,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-sound,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-back,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-sound {
    width: 13.333333vw;
    height: 13.333333vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-back,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-back {
    width: 6.153846vw;
    height: 6.153846vw;
    margin: 0 0 0 2.666667vw;
    position: relative;
    top: -.128205vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-back svg,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-back svg {
    width: 6.153846vw;
    height: 6.153846vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-current,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-current {
    box-sizing: border-box;
    width: 100%;
    height: 33.064904vw;
    margin-top: 2.666667vw;
    padding: 2.666667vw;
    border-top: 0;
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-current p,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-current p {
    height: 4.533333vw;
    margin: 0;
    color: #333;
    font: 400 4.266667vw/4.533333vw "microsoft yahei", "Microsoft YaHei", sans-serif;
    white-space: nowrap;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-current p > strong,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-current p > strong {
    position: relative;
    top: .769231vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-current p > span,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-current p > span {
    position: relative;
    top: .769231vw;
    left: -.4vw;
    color: #666;
    font-size: 3.2vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation {
    width: 94.666667vw;
    min-height: 0;
    height: 6.666667vw;
    gap: 0;
    margin: 3.2vw 0 0;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation .detail-ball,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation .detail-ball {
    width: 6.666667vw;
    height: 6.666667vw;
    flex: 0 0 6.666667vw;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background-image: none;
    font: 400 4.533333vw/6.666667vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation .detail-ball.blue,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation .detail-ball.blue {
    margin-right: .533333vw;
    background-color: #19a6da;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation .detail-ball.red,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation .detail-ball.red {
    background-color: #ff0000;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation em,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation em {
    box-sizing: border-box;
    width: 5.333333vw;
    height: 6.666667vw;
    flex: 0 0 5.333333vw;
    margin: 0 1.066667vw 0 0;
    overflow: hidden;
    color: transparent;
    background-image: url("../assets/pc9567-mobile-number-sprite.png?v=202584100");
    background-repeat: no-repeat;
    background-size: 94.4vw auto;
    background-position: -67.573333vw -8.8vw;
    font-size: 0;
    line-height: 0;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation em:nth-of-type(2),
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation em:nth-of-type(2) {
    position: relative;
    left: .266667vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-equation em:nth-last-of-type(1),
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-equation em:nth-last-of-type(1) {
    position: relative;
    left: .084103vw;
    background-position: -72vw -8.8vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-result-line,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-result-line {
    width: 94.666667vw;
    height: 6.666667vw;
    min-height: 0;
    gap: 2.666667vw;
    margin: 1.6vw 0 0;
    padding-left: 1.866667vw;
    box-sizing: border-box;
    color: #666;
    font: 400 3.2vw/6.666667vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-progress-line,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-progress-line {
    width: 94.666667vw;
    height: 7.466667vw;
    min-height: 0;
    gap: 2.08vw;
    margin: 0;
    color: #666;
    font: 400 3.733333vw/7.466667vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-progress-line b,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-progress-line b {
    height: 1.066667vw;
    border-radius: 0;
    background: #c9c9c9;
    box-shadow: none;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-progress-line b i,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-progress-line b i {
    background: #f2473d;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-progress-line > strong,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-progress-line > strong {
    color: #e83838;
    font: 400 3.733333vw/7.466667vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-tabs,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-tabs {
    box-sizing: border-box;
    height: 11.860977vw;
    margin-top: 2.933333vw;
    padding-left: 2.666667vw;
    border-bottom: 1px solid #ddd;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-tabs button,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-tabs button {
    box-sizing: border-box;
    height: 11.733333vw;
    padding: 0;
    border: 0;
    color: #fb8e19;
    background: transparent;
    font: 400 3.466667vw/11.733333vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-tabs button.active::after,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-tabs button.active::after {
    display: none;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-datebar,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-datebar {
    box-sizing: border-box;
    display: flex;
    height: 9.855769vw;
    margin-top: .258974vw;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid #dbdbdb;
    align-items: center;
    justify-content: flex-end;
    color: #000;
    background: #f5f5f5;
    white-space: nowrap;
    font: 400 3.2vw/9.6vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-datebar > button,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-datebar > button {
    appearance: none;
    box-sizing: border-box;
    border: 0;
    color: #000;
    background: transparent;
    cursor: pointer;
    font: inherit;
    touch-action: manipulation;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-datebar > [data-mobile-pc28-date],
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-datebar > [data-mobile-pc28-date] {
    display: inline-flex;
    height: 5.866667vw;
    margin: 0 2.666667vw 0 0;
    padding: 0;
    align-items: center;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-datebar > [aria-current="date"],
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-datebar > [aria-current="date"] {
    color: #fb8e19;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-datebar > .mobile-pc28-date-trigger,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-datebar > .mobile-pc28-date-trigger {
    position: static;
    display: inline-flex;
    height: 5.866667vw;
    min-height: 0;
    margin: 0 2.666667vw 0 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    gap: 1.866667vw;
    line-height: normal;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .detail-table,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .detail-table {
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .detail-table-head,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .detail-table-head {
    box-sizing: border-box;
    height: 11.732772vw;
    grid-template-columns: 13.830128vw 7.998718vw minmax(0, 1fr);
    margin-bottom: .512821vw;
    padding: 0 2.666667vw;
    border-bottom: 2px solid #ededed;
    color: #333;
    font: 400 3.2vw/11.732772vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .detail-table-row,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .detail-table-row {
    box-sizing: border-box;
    height: 11.45633vw;
    min-height: 0;
    grid-template-columns: 10.334536vw 11.49431vw minmax(0, 1fr);
    padding: 0 2.666667vw;
    border-bottom: 1px solid #ededed;
    color: #666;
    font: 400 2.933333vw/11.2vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .detail-table-head > span:nth-child(3),
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .detail-table-head > span:nth-child(3) {
    box-sizing: border-box;
    padding-left: 5.333333vw;
    text-align: center;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .pc-cell,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .pc-cell {
    box-sizing: border-box;
    height: 6.933333vw;
    gap: .186667vw;
    justify-content: flex-start;
    padding-left: 15.104167vw;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .pc-cell .detail-ball,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .pc-cell .detail-ball {
    width: 6.878205vw;
    height: 6.933333vw;
    flex: 0 0 6.878205vw;
    border: 0;
    border-radius: 0;
    color: #fff;
    background-color: transparent;
    background-image: url("../assets/pc9567-mobile-number-sprite.png?v=202584100");
    background-repeat: no-repeat;
    background-position: -42.346667vw -31.466667vw;
    background-size: 94.4vw auto;
    font: 400 4.266667vw/6.933333vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .pc-table .pc-cell em,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .pc-table .pc-cell em {
    box-sizing: border-box;
    width: 5.333333vw;
    height: 6.933333vw;
    flex: 0 0 5.333333vw;
    margin: 0;
    overflow: hidden;
    color: transparent;
    background-image: url("../assets/pc9567-mobile-number-sprite.png?v=202584100");
    background-repeat: no-repeat;
    background-position: -67.573333vw -8.8vw;
    background-size: 94.4vw auto;
    font-size: 0;
    line-height: 0;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .mobile-pc28-date-loading .detail-table-row,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .mobile-pc28-date-loading .detail-table-row {
    opacity: .62;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .mobile-pc28-date-feedback,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .mobile-pc28-date-feedback {
    box-sizing: border-box;
    display: flex;
    min-height: 44px;
    padding: 7px 12px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    color: #888;
    font: 400 clamp(12px, 3.2vw, 14px)/1.4 "microsoft yahei", "Microsoft YaHei", sans-serif;
    text-align: center;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] [data-mobile-pc28-date-status="error"] .mobile-pc28-date-feedback,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] [data-mobile-pc28-date-status="error"] .mobile-pc28-date-feedback {
    color: #666;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .mobile-pc28-date-feedback button,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .mobile-pc28-date-feedback button {
    box-sizing: border-box;
    min-width: 56px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #ff8f1f;
    border-radius: 3px;
    background: #fff;
    color: #ff8f1f;
    cursor: pointer;
    font: inherit;
    line-height: 28px;
  }

  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .mobile-pc28-date-feedback button:active,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10074"] .mobile-pc28-date-feedback button:focus-visible,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .mobile-pc28-date-feedback button:active,
  body[data-detail-type="pc28"] #mobileDetail[data-lot-code="10081"] .mobile-pc28-date-feedback button:focus-visible {
    background: #ff8f1f;
    color: #fff;
  }

  .mobile-pc28-picker-backdrop {
    position: fixed;
    z-index: 42;
    inset: 0;
    background: rgba(0, 0, 0, .7);
  }

  .mobile-pc28-picker-sheet {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: var(--ui-mobile-nav-height);
    height: 67.948718vw;
    background: #fff;
    color: #111;
    font-family: "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  .mobile-pc28-picker-sheet header {
    box-sizing: border-box;
    height: 16.666667vw;
    position: relative;
  }

  .mobile-pc28-picker-sheet header button {
    position: absolute;
    top: 0;
    width: 14.102564vw;
    height: 11.538462vw;
    padding: 0;
    border: 0;
    color: #111;
    background: transparent;
    font: 400 3.846154vw/11.538462vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  .mobile-pc28-picker-cancel { left: 0; }
  .mobile-pc28-picker-confirm { right: 0; }

  .mobile-pc28-picker-sheet header strong {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 17.538462vw;
    padding-top: 6vw;
    text-align: center;
    font: 400 3.846154vw/11.538462vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  .mobile-pc28-picker-wheels {
    height: 51.282051vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    overflow: hidden;
  }

  .mobile-pc28-picker-wheels::before,
  .mobile-pc28-picker-wheels::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    height: 1px;
    background: #ddd;
    pointer-events: none;
  }

  .mobile-pc28-picker-wheels::before { top: 20.512821vw; }
  .mobile-pc28-picker-wheels::after { top: 30.769231vw; }

  .mobile-pc28-picker-wheel {
    height: 51.282051vw;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-pc28-picker-wheel::-webkit-scrollbar { display: none; }

  .mobile-pc28-picker-wheel::before,
  .mobile-pc28-picker-wheel::after {
    content: "";
    display: block;
    height: 20.512821vw;
  }

  .mobile-pc28-picker-wheel button {
    width: 100%;
    height: 10.25641vw;
    display: block;
    scroll-snap-align: center;
    padding: 0;
    border: 0;
    color: #aaa;
    background: transparent;
    font: 400 3.846154vw/10.25641vw "microsoft yahei", "Microsoft YaHei", sans-serif;
  }

  .mobile-pc28-picker-wheel button.selected {
    color: #111;
  }

  .mobile-pc28-picker-wheel button[hidden] {
    display: none;
  }
}