/* Remaining PC visual audit: 41–43,45–69,72–73,79–86. */
@media(min-width:769px){
/* Pagination: keep the existing controls and behavior. */
#detailHistory .record-history-pagination{padding:10px 18px;gap:6px}
#detailHistory .record-history-pagination button{border-color:transparent;border-radius:2px;min-width:28px;padding:0 7px}
#detailHistory .record-history-pagination button.active{border-color:#609aeb;background:#609aeb}
#detailLatest .detail-top[data-family=pc28]{height:130px;min-height:130px}
#detailLatest [data-family=pc28] .pc28-summary-equation{justify-content:flex-start;gap:16px;max-width:370px}
#detailHistory:has(.reference-record-table[data-family=pc28]) #numberDistributionFilters{grid-template-columns:100px repeat(10,64px);justify-content:start}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons{gap:24px;border:0;background:none}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons button{border:0;border-radius:0;padding:0;background:none;color:#5f5f5f}
#detailHistory .reference-record-table[data-family=pc28] .record-header-buttons button.active{background:none;color:#609aeb}
/* Shared analysis summary and measured table proportions. */
#analysisLatest.family-summary-host:has([data-family=pc28]) .family-summary-clock{background:#fff8f4;border:1px solid #f0e5df;border-radius:6px;padding:8px 28px;min-width:240px}
#analysisLatest.family-summary-host [data-family=pc28] .pc28-summary-equation{gap:24px;justify-content:flex-start}
.reference-analysis[data-mode=heat] #analysisQuery [data-manual-refresh]{width:81.6px;height:30px;padding:0 14px;font-size:13px;box-sizing:border-box}
.reference-analysis[data-mode=road] #analysisQuery [data-latest]{width:57.6px;height:30px;padding:0 14px;font-size:14px;box-sizing:border-box}
.reference-analysis[data-mode=road] #analysisQuery label{font-size:14px}
.reference-analysis[data-mode=road] .analysis-query{margin-bottom:10px}
.reference-analysis[data-mode=road] .analysis-position-tabs{margin-bottom:10px}
/* Prediction list and expert tools. */
.prediction-shell .prediction-shell-results td:first-child img{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle}
.prediction-shell .prediction-shell-results td:last-child a{border:0;border-radius:0;background:none;padding:0;color:#609aeb;box-shadow:none}
.prediction-shell .prediction-shell-results td:nth-child(4),.prediction-shell .prediction-shell-results td:nth-child(4) strong{font-weight:700}
.prediction-shell .prediction-summary{gap:14px}
.prediction-shell .prediction-shell-balls b,.prediction-shell .prediction-shell-balls .ball{box-shadow:none!important;background-image:none!important;animation:none!important}
.prediction-shell .prediction-plan-filter{height:49px;min-height:49px}
/* Rule category selection and opening-call controls. */
.rules-sidebar .rules-nav-item:not(.active) img{filter:grayscale(1);opacity:.35}
.rules-sidebar .rules-nav-item.active img{filter:none;opacity:1}
.reference-call #callSelectAll,.reference-call #callSelectNone{height:32px;width:85.6px;padding:0;font-size:12px;box-sizing:border-box}
.reference-call .call-mode-tabs{gap:0}
.reference-call .call-mode-tabs button{padding-left:24px;padding-right:24px}
.dragon-header .dragon-mode-tabs button{height:46px;line-height:46px;font-size:15px;padding:0 10px}
#dragonRefresh{height:28px;font-size:13px;padding:0 12px;box-sizing:border-box}
.dragon-categories button{height:29.6px;border:1px solid transparent;padding:0 14px;box-sizing:border-box;color:#475569}
.dragon-categories button.active{color:white}
.record-source-live.record-keno.record-live-english .record-live-header{height:60.6px;min-height:60.6px}
/* Selected menu/date surfaces. */
.summary-controls .summary-ring-options button[aria-pressed=true],.prediction-shell .prediction-ring-panel button.on{background:#609aeb;color:white;border-radius:6px}
.layui-laydate .layui-laydate-content td.layui-this{background:radial-gradient(circle at center,#609aeb 13px,transparent 13.5px)!important;color:white!important}
/* Draw windows scale their existing scene as a unit. */
.draw-live-overlay:not(.is-small):has(.has-keno-stage){padding:0;align-items:flex-start}
.draw-live-overlay .draw-live-window{border-radius:2px;box-shadow:0 18px 30px #0000002e}
.draw-live-overlay .draw-live-window.has-keno-stage:not(.is-small){width:min(1125px,calc((100dvh - 52px)*1.5),100%)}
.draw-live-overlay .draw-live-window.is-small{right:10px;bottom:10px;width:440px}
.draw-live-overlay .draw-live-window.is-small.has-keno-stage{width:440px}
.draw-live-window.is-small.has-keno-stage .draw-live-header{height:32px;min-height:32px;padding:0 16px}
.draw-live-window.has-keno-stage .draw-live-header button:first-child{font-size:14px;padding:6px 12px}
.draw-live-window.is-small.has-keno-stage .draw-live-header button:first-child{font-size:11px;padding:3px 6px}
.draw-live-window.has-keno-stage .draw-live-header strong{font-size:18px}
.draw-live-window.is-small.has-keno-stage .draw-live-header strong{font-size:12px}
}

@media(min-width:769px){.prediction-shell .prediction-shell-results td:last-child a{width:auto;height:auto;font-size:16px}.draw-live-window [data-keno-sound] svg,.draw-live-window [data-pc28-sound] svg{vertical-align:middle}}

/* 2026-10-19: user-selected PC layout corrections. */
@media(min-width:769px){
 .detail-date-panel{width:322px;box-sizing:border-box;padding:12px 12px 6px;border-radius:6px;box-shadow:0 2px 12px #0002}
 .detail-date-panel .layui-laydate-main{width:100%}
 .detail-date-panel .layui-laydate-header{height:40.8px;line-height:40px;padding:0;border-bottom:1px solid #edf0f4}
 .detail-date-panel .laydate-prev-y,.detail-date-panel .laydate-next-y,.detail-date-panel .layui-laydate-footer{display:none}
 .detail-date-panel .layui-laydate-header .laydate-prev-m{left:0;top:0}
 .detail-date-panel .layui-laydate-header .laydate-next-m{right:0;top:0}
 .detail-date-panel .laydate-set-ym{font-size:16px;font-weight:400}
 .detail-date-panel .laydate-set-ym span{padding:0 2px}
 .detail-date-panel .layui-laydate-content{padding:0}
 .detail-date-panel .layui-laydate-content table{width:100%;table-layout:fixed}
 .detail-date-panel .layui-laydate-content th{height:30px;padding:0;color:#909399;font-weight:400}
 .detail-date-panel .layui-laydate-content td{height:42px;padding:0;font-size:12px}
 .detail-date-panel .layui-laydate-content td.layui-this>div{background:transparent!important;color:white!important}
 #detailHistory:has(.reference-record-table[data-family=bingo]) #numberDistributionFilters{display:none!important}
 #detailHistory .reference-record-table[data-family=pc28]{min-width:0;width:100%}
 #detailLatest [data-family=pc28] .pc28-summary-equation{width:458px;max-width:100%;justify-content:space-evenly;gap:0}
 #detailLatest+#detailTools{margin:12px 0;min-height:40px;height:40px;box-sizing:border-box}
 #detailLatest+#detailTools>a,#detailLatest+#detailTools>button{min-height:0;height:38px}
 #detailLatest+#detailTools>a.active,#detailLatest+#detailTools>button.active{box-shadow:none;background-image:linear-gradient(#609aeb,#609aeb),linear-gradient(#e8ebf1,#e8ebf1);background-size:82% 2px,1px 14px;background-position:center calc(100% - 7px),left center;background-repeat:no-repeat}
 #detailLatest+#detailTools>.active:first-child{background-size:82% 2px,0 0}
 #detailLatest:has([data-family=ssc])+#detailTools>a:not(:last-of-type):after{content:none}
 #detailLatest:has([data-family=ssc])+#detailTools>a.active:before{content:none}
 body:has(.lhc-history-table) #detailLatest+#detailTools>a.active:after{content:none}
 #detailHistory .detail-daily-tabs{gap:10px}
 #detailHistory .detail-daily-tabs button{height:30px;border-radius:5px}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters{display:grid;grid-template-columns:100px repeat(10,76px);justify-content:start;align-items:center;gap:10px;margin:0 30px 16px;padding:15px 20px;background:#fafbfd;border:1px solid #edf0f4;border-radius:5px;color:#77818d;font:14px Tahoma,"Microsoft YaHei",sans-serif}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>span{font-weight:600}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>span:nth-of-type(2){grid-row:2;grid-column:1}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-number-filter="大"]{grid-row:2;grid-column:2/-1;margin-left:0}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-number-filter="小"]{grid-row:2;grid-column:2/-1;margin-left:66px}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-number-filter="单"]{grid-row:2;grid-column:2/-1;margin-left:132px}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-number-filter="双"]{grid-row:2;grid-column:2/-1;margin-left:198px}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-distribution-reset]{grid-row:2;grid-column:2/-1;margin-left:264px;background:#609aeb;color:white;border-color:#609aeb}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>button{height:30px;width:76px;border:1px solid #edf0f4;border-radius:4px;background:white;color:#888;font:inherit;cursor:pointer}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>button.active{color:#609aeb;background:#edf5ff;border-color:#609aeb}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>:is([data-number-filter="大"],[data-number-filter="小"],[data-number-filter="单"],[data-number-filter="双"]){width:56px;justify-self:start}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>[data-distribution-reset]{width:68px;justify-self:start;background:#609aeb;color:white}
 .reference-analysis .heat-position-table thead th{height:28.4px;padding:0 10px;font-weight:400}
 .reference-analysis .heat-position-table tbody th,.reference-analysis .heat-position-table tbody td{height:35.8px;padding:4px 10px}
}
@media(min-width:769px) and (max-width:1200px){
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters{grid-template-columns:100px repeat(10,minmax(0,1fr));gap:6px;padding:15px 12px}
 #detailHistory:has(.reference-record-table:is([data-family=ssc],[data-family=pk10],[data-family=pc28])) #numberDistributionFilters>button{width:100%}
}

/* PC menu visibility, next-draw labels and record-page controls. */
@media(min-width:769px){
 #detailLatest:has(.detail-top[data-family]:not([data-family=""])){margin-bottom:12px}
 #detailLatest:has(.detail-top[data-family]:not([data-family=""]))+#detailTools{margin:8px 0 12.4px;height:38.4px;min-height:38.4px}
 #detailLatest:has(.detail-top[data-family]:not([data-family=""]))+#detailTools>a{height:36.8px}
 #detailHistory:has(.reference-record-table) .history-header{height:50.4px;box-sizing:border-box;padding:10px 30px 8px;gap:30px;align-items:center}
 #detailHistory:has(.reference-record-table) .history-header h3{position:relative;line-height:30px;padding-bottom:0;border-bottom:0}
 #detailHistory:has(.reference-record-table) .history-header h3:after{content:'';position:absolute;left:0;bottom:-4px;width:20px;height:4px;border-radius:3px;background:#609aeb}
 #detailHistory:has(.reference-record-table) .detail-live-banner{height:68px;min-height:68px}
 #detailHistory:has(.reference-record-table) .detail-live-banner strong{line-height:25.2px}
 #detailHistory:has(.reference-record-table) .detail-live-banner small{display:flex;align-items:center;height:19.2px;line-height:19.2px}
 #detailHistory:has(.reference-record-table):has(.detail-live-banner:not([hidden])) .history-header{height:40.4px;padding-top:0}
 #detailHistory .reference-record-table[data-family=pk10] th{width:auto}
 #detailLatest [data-family=pk10] .ten-summary-balls,.family-summary-host [data-family=pk10] .ten-summary-balls{display:flex;width:470px;max-width:100%;justify-content:space-evenly;gap:0;margin-left:4px}
 #detailLatest [data-family=pk10] .ten-summary-balls .ball,.family-summary-host [data-family=pk10] .ten-summary-balls .ball{width:32px;height:32px;flex:none;border-radius:3px;font:16px/32px Tahoma,Arial,sans-serif;text-align:center}
}
.pc28-summary-equation .ball.record-total-red{background:#e60012}
.pc28-summary-equation .ball.record-total-green{background:#85d600}
.pc28-summary-equation .ball.record-total-blue{background:#009cda}
.pc28-summary-equation .ball.record-total-gray{background:#909399}
#detailLatest [data-family=pc28] .pc28-summary-equation .ball.record-total-red{background:#e60012}
#detailLatest [data-family=pc28] .pc28-summary-equation .ball.record-total-green{background:#85d600}
#detailLatest [data-family=pc28] .pc28-summary-equation .ball.record-total-gray{background:#909399}
#detailHistory .reference-record-table[data-family=pc28] .ball.record-total-gray{background:#909399}
@media(min-width:769px){
 #detailLatest:has(.summary-controls),.family-summary-host:has(.summary-controls){overflow:visible;position:relative;z-index:2}
 .summary-controls .summary-ring-options{z-index:10}
 body #floating-contact,body:has(#main-content) .prediction-contact{display:none!important}
 #detailLatest .countdown-label .lhc-next-period{color:#609aeb}
 #detailLatest [data-family=bingo] .detail-interval{font-size:12px;color:#9e9e9e;white-space:nowrap}
 #detailHistory .record-history-pagination select{min-width:100px}
 #detailHistory .record-page-jump{display:flex;align-items:center;gap:8px;margin-left:8px}
 #detailHistory .record-page-jump input{width:48px;height:28px;padding:0 6px;border:1px solid #e8ebf1;border-radius:3px;text-align:center;font:inherit;color:inherit;box-sizing:border-box;appearance:textfield}
 #detailHistory .record-page-jump input::-webkit-inner-spin-button,#detailHistory .record-page-jump input::-webkit-outer-spin-button{appearance:none;margin:0}
}
/* Allow long sixmark schedules to wrap without overlapping the number row. */
@media(min-width:769px){
 body:has(.lhc-history-table) #detailLatest .detail-top{height:auto;min-height:131.4px}
 body:has(.lhc-history-table) #detailLatest .detail-col-main{margin-top:0;min-width:0}
 body:has(.lhc-history-table) #detailLatest .detail-row-info{height:auto;min-height:30px;flex-shrink:0;top:0;flex-wrap:wrap}
 body:has(.lhc-history-table) #detailLatest .detail-schedule-text{white-space:normal;overflow-wrap:anywhere;line-height:22px;max-width:100%}
 body:has(.lhc-history-table) #detailLatest .detail-row-numbers{flex-shrink:0;top:0}
 body:has(.lhc-history-table) #detailLatest .lhc-summary-options{flex-shrink:0;top:0}
}
/* Homepage sixmark card: grouped attributes and seven reference actions. */
.home-result-table[data-family="lhc"] .lhc-home-values{display:flex;align-items:center;justify-content:space-evenly;gap:2px}
.home-result-table[data-family="lhc"] .lhc-home-values>span{flex:1;min-width:0;white-space:nowrap}
@media(min-width:769px){
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"]{height:auto;min-height:186px;padding-bottom:42px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .home-card-top{min-height:88px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .lottery-card-info{margin-left:86px;min-height:26px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .reference-card-title{min-height:26px;margin-bottom:4px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .lottery-card-numbers{margin-left:86px;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball-row{gap:10px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .ball-plus{font-size:18px;font-weight:400;color:#9e9e9e;width:12px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .lottery-card-countdown-line{top:32px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .home-result-wrap{margin-top:0}
 .reference-home #homeLotteryGrid .home-result-table[data-family="lhc"] th{height:22px;font-size:12px}
 .reference-home #homeLotteryGrid .home-result-table[data-family="lhc"] td{height:30px;font-size:13px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .lottery-card-links{left:86px;right:16px;gap:0;justify-content:space-between;height:42px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .lottery-card-links>*{order:0;min-width:0;padding:0 4px;white-space:nowrap}
}
/* Sixmark typography: readable attributes and normal Chinese clock units. */
@media(min-width:769px){
 .reference-home #homeLotteryGrid .home-result-table[data-family="lhc"] td{font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:400;line-height:22px}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .countdown-label{font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:400}
 .reference-home #homeLotteryGrid .lottery-card[data-category="lhc"] .home-cd-unit{font-family:Tahoma,"Microsoft YaHei","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;margin:0 2px}
}