/* 命名空间容器，防止样式冲突 */
.device-parameter-table {
  width: 80%;
  margin: 10px 0 10px 5px; 
  font-family: Arial, sans-serif;
}

/* 表格核心样式 */
.device-parameter-table__table {
  border-collapse: collapse;
  width: 90%;
  text-align: center;
  font-size: 14px;
  /* 新增：使用CSS变量控制边框 */
  --table-top-border-width: 2px;
  --table-bottom-border-width: 1.5px;
  --table-border-color: #203f5d;
  border-top: var(--table-top-border-width) solid var(--table-border-color);
  border-bottom: var(--table-bottom-border-width) solid var(--table-border-color);
}

/* 表头样式 */
.device-parameter-table__header-cell {
  background-color: #f0f3f6;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  padding: 8px 5px;
  border-bottom: 3px solid #203f5d;
  border-top: 5px solid #203f5d;
}

/* 数据行样式 */
.device-parameter-table__row {
  border-bottom: 2px solid #6b7681;
  border-top: 2px solid #6b7681;
}

/* 偶数行背景色 */
.device-parameter-table__row:nth-child(even) {
  background-color: #Ffffff;
}

/* 奇数行背景色 */
.device-parameter-table__row:nth-child(odd) {
  background-color:  #Ffffff;
}

/* 鼠标悬停效果 */
.device-parameter-table__row:hover {
  background-color: #E0E8F0;
  transition: background-color 0.2s ease;
}

/* 增强单元格样式优先级，强制隐藏列边框 */
.device-parameter-table table.device-parameter-table__table td.device-parameter-table__cell,
.device-parameter-table table.device-parameter-table__table th.device-parameter-table__header-cell {
  padding: 6px 5px;
  border-left: none !important;
  border-right: none !important;
}

/* 下标和上标样式 */
.device-parameter-table__sub,
.device-parameter-table__sup {
  font-size: 0.8em;
}

/* 可调整行边框粗细的类 */
.device-parameter-table--thick-border .device-parameter-table__row {
  border-bottom: 3px solid #6b7681;
}

.device-parameter-table--thin-border .device-parameter-table__row {
  border-bottom: 2px solid #6b7681;
}

/* 新增：控制表格上下边框的类 */
.device-parameter-table--thick-top-border .device-parameter-table__table {
  --table-top-border-width: 6px;
}

.device-parameter-table--thin-top-border .device-parameter-table__table {
  --table-top-border-width: 6px;
}

.device-parameter-table--thick-bottom-border .device-parameter-table__table {
  --table-bottom-border-width: 3px;
}

.device-parameter-table--thin-bottom-border .device-parameter-table__table {
  --table-bottom-border-width: 3px;
}