/* ================================== 详情页专属样式：统一添加 .detail- 前缀类名 ================================== */
    /* 1. 详情页左右布局容器 */
    .detail-product-layout {      display: flex;      flex-wrap: wrap;      gap: 20px;      width: 100%;      max-width: 1200px;      margin: 0 auto;      padding: 15px 10px;      box-sizing: border-box;    }

    /* 2. 详情页左侧图片容器 */
    .detail-img-container {      flex: 1 1 300px;      display: flex;      flex-direction: column;
      gap: 15px;    }

    /* 3. 详情页图片样式 */
    .detail-img-container img {      width: 100%;      height: auto;      border-radius: 4px;       
      object-fit: cover;    }

    /* 4. 详情页图片标题 */
    .detail-img-title {      font-size: 14px;      color: #666;      text-align: center;      margin-top: 5px;    }

    /* 5. 详情页表格容器（与列表页 .table-container 区分） */
    .detail-table-wrapper {
      flex: 2 1 400px;      width: 100%;      overflow-x: auto;      -webkit-overflow-scrolling: touch;      box-sizing: border-box;    }

    /* 6. 详情页表格基础样式（限定 .detail-table 类，不影响列表页 table） */
    .detail-table {      width: 100%;      min-width: 400px;      border-collapse: collapse;
      font-family: Arial, sans-serif;      font-size: 14px;      background-color: #fff;
    }

    /* 7. 详情页表头样式（与列表页 th 区分） */
    .detail-table th {      background-color: #f5f5f5; /* 详情页表头默认浅灰，与列表页深绿区分 */      border: 1px solid #ddd;      padding: 10px 8px;      text-align: center;      font-weight: 600;      color: #333;    }

    /* 8. 详情页单元格样式（与列表页 td 区分） */
    .detail-table td {            padding: 10px 8px;      text-align: left;      color: #555;    }
    /* 9. 详情页隔行变色（与列表页区分） */
    .detail-table tbody tr:nth-child(even) {      background-color: #fafafa;    }

    /* 10. 详情页鼠标悬浮（与列表页区分） */
    .detail-table tbody tr:hover {      background-color: #f0f0f0;      transition: background-color 0.2s ease;    }

    /* 11. 详情页表格内链接（与列表页区分，若需不同样式可调整） */
    .detail-table td a {      color: #22b14c;      text-decoration: none;    }
    .detail-table td a:hover {      text-decoration: underline;    }
    /* ================================== 列表页样式：保留原 .table-container 相关样式 ================================== */
    .table-container {
      width: 100%;      overflow-x: auto;      position: relative;    }
    .table-container table {      width: 100%;
      border-collapse: collapse;    }   
      .table-container th,
    .table-container td {      border: 1px solid #ccc;      padding: 8px;      text-align: left;    }
    /* 列表页表头：深绿色背景+白色文字 */
    .table-container th {      background-color: #22b14c;      color: #fff;    }
    /* 列表页固定第一列表头 */
    .table-container th:first-child {      position: sticky;      left: 0;      z-index: 1;      background-color: #22b14c;    }
    /* 列表页固定第一列数据 */
    .table-container td:first-child {      position: sticky;      left: 0;      background-color: #fff;      z-index: 1;    }
    /* 列表页表格链接 */
    .table-container table td a {      color: #22b14c;      text-decoration: none;    }
    .table-container table td a:hover {      text-decoration: underline;    }
    /* 列表页隔行变色 */
    .table-container tbody tr:nth-child(odd) {      background-color: #f0f0f0;    }
    /* 列表页鼠标悬浮 */
    .table-container tbody tr:hover {      background-color: #cccccc;    }

    /* ================================== 移动端适配：分别对详情页、列表页优化 ================================== */
    @media (max-width: 768px) {
      /* 详情页移动端 */
      .detail-product-layout {        gap: 15px;        padding: 10px 5px;      }
      .detail-img-container,      .detail-table-wrapper {        flex: 1 1 100%;      }
      .detail-table {        font-size: 12px;      }
      .detail-table th,
      .detail-table td {        padding: 8px 6px;      }
      .detail-img-container img {        max-height: 250px;      }
      .detail-img-title,
      .detail-table .catalog-column-name .Fbold,
      .detail-table .catalog-column-description .Mright10 {        font-size: 12px;      }

      /* 列表页移动端 */
      .table-container th,
      .table-container td {        font-size: 14px;        padding: 6px;      }
      .table-container table td a {        font-size: 14px;      }
    }

    @media (max-width: 480px) {
      /* 详情页超小屏 */
      .detail-table th,
      .detail-table td {
        padding: 6px 4px;
      }
      .detail-img-container img {
        max-height: 200px;
      }
      .detail-img-title,
      .detail-table .catalog-column-name .Fbold,
      .detail-table .catalog-column-description .Mright10 {
        font-size: 11px;
      }

      /* 列表页超小屏（可按需调整） */
      .table-container th,
      .table-container td {
        font-size: 13px;
        padding: 5px 3px;
      }
    }