.backgroundColor{
  background-color: #fff;
  height: calc(100vh - 80px);
  padding: 10px;
}
.bf{
  background-color: #fff;
}
.p10{
  padding: 10px;
}
.p20{
  padding: 20px;
}
.h100{
  height: calc(100vh - 100px);
}
.p0{
  padding: 0;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ml10{
  margin-left: 10px;
}
.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
/* ::v-deep .table-header {
  background: !important;
  color: #ffffff !important;
  font-weight: bold;
  text-align: center;
} */
/* 全局表格头部样式 - 蓝色渐变 */
.el-table .el-table__header th,
.el-table .el-table__header .el-table__cell {
  background:  #409EFF !important;
  color: #ffffff !important;
  font-weight: bold !important;
  text-align: center !important;
  border-bottom: none !important;
}

/* 处理表格边框情况 */
.el-table--border .el-table__header th,
.el-table--border .el-table__header .el-table__cell {
  border-right: 1px solid #a0cfff !important;
}

.el-table--border .el-table__header th:last-child,
.el-table--border .el-table__header .el-table__cell:last-child {
  border-right: none !important;
}

/* 鼠标悬停效果 */
.el-table .el-table__header th:hover,
.el-table .el-table__header .el-table__cell:hover {
  background: linear-gradient(135deg, #66b1ff, #409eff) !important;
}

/* 科技蓝紫渐变滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #f8faff 0%, #f0f4ff 100%);
  border-radius: 6px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
  border-radius: 6px;
  border: 1.5px solid #f8faff;
  box-shadow: 0 1px 4px rgba(99, 102, 241, 0.25);
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);
  box-shadow: 0 1px 6px rgba(99, 102, 241, 0.35);
}

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
}