/* 仅桌面端(>=769px)覆盖，确保备注列自适应宽度，且不影响后台管理员页面 */
@media (min-width: 769px) {
  /* 强制表格使用自动布局，覆盖任何 fixed !important 和高特异性选择器 */
  html body .container .ranking-section .table-container table#rankingTable#rankingTable#rankingTable,
  html body .container .ranking-section .table-container #rankingTable,
  #rankingTable {
    table-layout: auto !important;
    width: 100% !important;
  }

  /* 允许备注列自动扩展、换行，清除任何固定宽度与省略号裁切 */
  #rankingTable thead th.remarks-column,
  #rankingTable tbody td.remarks-column,
  #rankingTable tbody td.remarks-cell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* 解除 colgroup 对第11列（备注列）的固定，确保其可占剩余空间 */
  html body .container .ranking-section .table-container #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(11),
  table#rankingTable#rankingTable#rankingTable colgroup#ranking-colgroup-fixed col:nth-child(11),
  #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(11) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* 如果有针对 tbody 全局 nowrap 的高优先级规则，这里仅对备注单元格恢复换行 */
  html body .container .ranking-section .table-container #rankingTable tbody td.remarks-cell,
  html body .container .ranking-section .table-container #rankingTable tbody td.remarks-column {
    white-space: normal !important;
  }
}