/**
 * 结果页面移动端完美适配
 */

/* ============================================
   结果页表格移动端优化
   ============================================ */
@media (max-width: 768px) {
  /* 结果页表格特殊优化 */
  #resultTable {
    width: 100% !important;
    table-layout: fixed !important;
  }
  
  /* 三列等宽 */
  #resultTable th:nth-child(1),
  #resultTable td:nth-child(1) {
    width: 22% !important;
    text-align: center !important;
  }
  
  #resultTable th:nth-child(2),
  #resultTable td:nth-child(2) {
    width: 48% !important;
    text-align: center !important;
  }
  
  #resultTable th:nth-child(3),
  #resultTable td:nth-child(3) {
    width: 30% !important;
    text-align: center !important;
  }
  
  /* 表格字体优化 */
  #resultTable th {
    font-size: 12px !important;
    padding: 10px 6px !important;
  }
  
  #resultTable td {
    font-size: 12px !important;
    padding: 10px 6px !important;
  }
  
  /* 开奖号码列优化 */
  #resultTable td:nth-child(2) > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }
  
  #resultTable td:nth-child(2) span[style*="font-family"] {
    font-size: 12px !important;
    min-width: auto !important;
  }
  
  /* 徽章优化 */
  #resultTable .badge {
    font-size: 10px !important;
    padding: 2px 6px !important;
    min-width: 40px !important;
  }
}

@media (max-width: 480px) {
  /* 小屏手机进一步优化 */
  #resultTable th:nth-child(1),
  #resultTable td:nth-child(1) {
    width: 24% !important;
  }
  
  #resultTable th:nth-child(2),
  #resultTable td:nth-child(2) {
    width: 50% !important;
  }
  
  #resultTable th:nth-child(3),
  #resultTable td:nth-child(3) {
    width: 26% !important;
  }
  
  #resultTable th {
    font-size: 11px !important;
    padding: 8px 4px !important;
  }
  
  #resultTable td {
    font-size: 11px !important;
    padding: 8px 4px !important;
  }
  
  #resultTable td:nth-child(2) span[style*="font-family"] {
    font-size: 11px !important;
  }
  
  #resultTable .badge {
    font-size: 9px !important;
    padding: 2px 5px !important;
    min-width: 36px !important;
  }
  
  /* 时间列优化 */
  #resultTable td:nth-child(3) {
    font-size: 10px !important;
    word-break: break-word;
  }
}

/* 极小屏幕 */
@media (max-width: 360px) {
  #resultTable th,
  #resultTable td {
    padding: 6px 2px !important;
    font-size: 10px !important;
  }
  
  #resultTable td:nth-child(2) span[style*="font-family"] {
    font-size: 10px !important;
  }
  
  #resultTable .badge {
    font-size: 8px !important;
    padding: 1px 4px !important;
    min-width: 32px !important;
  }
}