/* 设置每一列的宽度 */
th:nth-child(1), td:nth-child(1) { width: 6%; } /* 编号列宽度 */
th:nth-child(2), td:nth-child(2) { width: 4%; } /* 类型列宽度 */
th:nth-child(3), td:nth-child(3) { width: 4%; } /* 性质列宽度 */
th:nth-child(4), td:nth-child(4) { width: 4%; } /* 状态列宽度 */
th:nth-child(5), td:nth-child(5) { width: 10%; } /* 名称列宽度 */
th:nth-child(6), td:nth-child(6) { width: 10%; } /* 账户列宽度 */
th:nth-child(7), td:nth-child(7) { width: 6%; } /* 使用人列宽度 */
th:nth-child(8), td:nth-child(8) { width: 10%; } /* 部门列宽度 */
th:nth-child(9), td:nth-child(9) { width: 3%; } /* #列宽度 */
th:nth-child(10), td:nth-child(10) { width: 3%; } /* F列宽度 */
th:nth-child(11), td:nth-child(11) { width: 10%; } /* 具体列宽度 */
th:nth-child(12), td:nth-child(12) { width: 10%; } /* IP列宽度 */
th:nth-child(13), td:nth-child(13) { width: 15%; } /* MAC列宽度 */
th:nth-child(14), td:nth-child(14) { width: 5%; } /* CPU列宽度 */
th:nth-child(15), td:nth-child(15) { width: 5%; } /* GPU列宽度 */
th:nth-child(16), td:nth-child(16) { width: 4%; } /* RAM列宽度 */
th:nth-child(17), td:nth-child(17) { width: 10%; } /* DISK列宽度 */
th:nth-child(18), td:nth-child(18) { width: 7%; } /* 品牌列宽度 */
th:nth-child(19), td:nth-child(19) { width: 10%; } /* 备注列宽度 */

/* 悬停时显示完整内容 */
tr:hover {
    overflow: visible; /* 溢出可见 */
    max-width: none; /* 移除最大宽度限制 */
    white-space: normal; /* 允许换行 */
}

/* 表单选择框宽度 */
.form-group select {
    width: 100%; /* 宽度为100% */
}

/* 按钮组样式 */
.button-group {
    display: flex; /* 使用弹性布局 */
    gap: 10px; /* 设置元素间距为10像素 */
    margin-left: auto; /* 靠右对齐 */
}

/* 历史记录表格单元格样式 */
#historyTable th,
#historyTable td {
    white-space: normal; /* 允许换行 */
    overflow: visible; /* 溢出可见 */
    text-overflow: clip; /* 溢出不显示省略号 */
}

/* 媒体查询：屏幕宽度小于1600像素时调整宽度 */
@media (max-width: 1600px) {
    th:nth-child(19), td:nth-child(19) { width: 200px; } /* 备注列宽度调整 */
    th:nth-child(11), td:nth-child(11) { width: 150px; } /* 具体列宽度调整 */
}

/* 媒体查询：屏幕宽度小于1400像素时调整样式 */
@media (max-width: 1400px) {
    .table-container {
        height: 75vh; /* 调整高度为视口高度的75% */
    }
    table {
        min-width: 900px; /* 设置最小宽度为900像素 */
    }
    th:nth-child(19), td:nth-child(19) { width: 150px; } /* 备注列宽度调整 */
    th:nth-child(11), td:nth-child(11) { width: 120px; } /* 具体列宽度调整 */
}