table {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

td,
th {
  border: 1px solid #e0e0e0;
  text-align: center;
}

.hover-highlight {
  background-color: #f0f9ff !important;
}

tr:nth-child(odd) td {
  background-color: #f3f3f3;
}

.parameterImg table {
  margin-top: -1px;
}

.parameterImg table,
.parameterImg th,
.parameterImg td {
  border: 1px solid #d0d5db;
}

/* 表格单元格内边距 */
.parameterImg td {
  vertical-align: middle;
}

.main_box {
  max-width: 940px;
  width: 100%;
}

.main_box table,
.main_box th,
.main_box td {
  border: 0 !important;
}

.main_box table {
  border-collapse: collapse;
  width: 100%;
}

.main_box .header_row {
  display: flex;
  background-color: #dcdcdc;
  color: #262626;
  font-weight: bold;
  padding: 8px;
  z-index: 20;
  /* border-radius: 4px; */
  margin: 10px 0;
  box-shadow: 0 0 0 1px #dcdcdc;
  max-height: 54px;
}

.main_box .header_row.sticky {
  position: sticky;
  top: 108px;
}

.main_box .header_row span {
  flex: 1;
  padding: 4px 8px;
  text-align: center;
  font-size: clamp(14px, 1.5vw, 22px);
}

.main_box tbody {
  width: 100%;
}

.table_scroll_wrapper table {
  width: 100%;
  border-collapse: collapse;
  max-width: 940px;
}

.table_scroll_wrapper td {
  padding: 12px;
}

.table_scroll_wrapper thead {
  white-space: nowrap;
}

.parameterImg img {
  max-width: 940px;
  width: 100%;
  min-width: 600px;
}

.test_parameter table thead tr {
  position: sticky;
  top: 162px;
  background: #fff;
  z-index: 10;
}

.test_parameter thead th {
  /* position: sticky;
  top: 0; */
  background: #fff;
  z-index: 99;
  padding: 12px;
}

.highlight {
  color: #0088ff;
  font-weight: bold !important;
}

@media (max-width: 768px) {
  .test_parameter table thead tr {
    top: 0px;
  }
  .table_scroll_wrapper {
    overflow: auto; /* 显示滚动条 */
  }

  table {
    font-size: 12px;
  }
  .test_parameter {
    height: 400px;
    overflow: auto;
  }
}