/* 最终覆盖：移动端备注列固定 400px，覆盖所有 auto/百分比/flex:auto 规则 */
@media (max-width: 768px) {
  /* 容器允许横向滚动，避免被压缩 */
  html body .container .ranking-section .table-container {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  /* 表格固定布局，列宽稳定 */
  html body .container .ranking-section .table-container #rankingTable,
  #rankingTable {
    table-layout: fixed !important;
    width: 100% !important;
  }

  /* 备注列：同时覆盖 nth-child(11) 与语义类（提高特异性 + !important） */
  html body .container .ranking-section .table-container #rankingTable thead th:nth-child(11),
  html body .container .ranking-section .table-container #rankingTable tbody td:nth-child(11),
  #rankingTable thead th:nth-child(11),
  #rankingTable tbody td:nth-child(11),
  html body .container .ranking-section .table-container #rankingTable thead th.remarks-column,
  html body .container .ranking-section .table-container #rankingTable tbody td.remarks-cell,
  #rankingTable thead th.remarks-column,
  #rankingTable tbody td.remarks-cell,
  #rankingTable th.remarks-column,
  #rankingTable td.remarks-column {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    flex: 0 0 400px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* colgroup 第11列也统一为 400px（若使用 colgroup） */
  html body .container .ranking-section .table-container #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(11),
  #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(11),
  #rankingTable colgroup col:nth-child(11) {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

/* 桌面端：战斗力分数列固定为 100px（仅作用于前端排名表 #rankingTable） */
@media (min-width: 769px) {
  /* 确保桌面端表格使用固定布局，列宽稳定 */
  html body .container .ranking-section .table-container #rankingTable,
  #rankingTable {
    table-layout: fixed !important;
    width: 100% !important;
  }

  /* 语义类优先（战斗力分数列：第6列） */
  html body .container .ranking-section .table-container #rankingTable thead th.main-attr-level-column,
  html body .container .ranking-section .table-container #rankingTable tbody td.main-attr-level-cell,
  #rankingTable thead th.main-attr-level-column,
  #rankingTable tbody td.main-attr-level-cell {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    flex: 0 0 100px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* 兜底：第6列为战斗力分数 */
  html body .container .ranking-section .table-container #rankingTable thead th:nth-child(6),
  html body .container .ranking-section .table-container #rankingTable tbody td:nth-child(6),
  #rankingTable thead th:nth-child(6),
  #rankingTable tbody td:nth-child(6) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    flex: 0 0 100px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* 若存在 colgroup，统一第6列为 100px */
  html body .container .ranking-section .table-container #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(6),
  #rankingTable colgroup#ranking-colgroup-fixed col:nth-child(6),
  #rankingTable colgroup col:nth-child(6) {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }
}