.omc-size-charts{
    font-family: Arial, sans-serif;
    color:#333;
  }
  .omc-size-charts .wrap{
    width:100%;
    max-width:1000px;
    margin:20px auto;
    overflow-x:auto;                 /* 窄屏左右滑动 */
    -webkit-overflow-scrolling:touch;
  }
  .omc-size-charts .size-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;              /* 让 colgroup 生效并稳定分配 */
    background:#fff;
    border:1px solid #000;
  }
  .omc-size-charts .size-table caption{
    font-weight:bold;
    font-size:16px;
    margin:10px 0;
    text-align:center;
  }
  .omc-size-charts .size-table th,
  .omc-size-charts .size-table td{
    border:1px solid #000;
    padding:6px 10px;
    text-align:center;               /* 全部居中 */
    white-space:nowrap;              /* 单行显示 */
  }
  .omc-size-charts .size-table thead th{ background:#f0f0f0; }

  /* ===== 列宽规则 =====
     第一列固定 220px；其他列等分剩余空间
     Standard：8 个尺码列；Plus：7 个尺码列
  */
  .omc-size-charts .size-table.cols-8 col.first { width:220px; }
  .omc-size-charts .size-table.cols-8 col.rest  { width:calc((100% - 220px)/8); }

  .omc-size-charts .size-table.cols-7 col.first { width:220px; }
  .omc-size-charts .size-table.cols-7 col.rest  { width:calc((100% - 220px)/7); }

  /* 超小屏：缩小字号，同时设置最小总宽度，避免被压得太窄 */
  @media (max-width:480px){
    .omc-size-charts .size-table th,
    .omc-size-charts .size-table td{ font-size:12px; padding:6px 8px; }
    .omc-size-charts .size-table.cols-8{ min-width: calc(220px + 8*72px); }
    .omc-size-charts .size-table.cols-7{ min-width: calc(220px + 7*72px); }
  }