/* 表格最外层透明 */
.el-table,
.el-table__expanded-cell {
  background-color: transparent;
}

/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
  background-color: transparent !important;
}

/* 通过css变量修改el-table样式 */
.el-table {
  // 表头
  --el-table-header-text-color: #FFFFFF;

  /* 行样式 */
  --el-table-text-color: #FFFFFF;

  .el-table__body {
    tr {
      // 行高
      height: 48px;

      // 行悬停效果
      &:hover {
        td {
          background-color: #92b7ef88 !important;
        }
      }
    }
  }
}

.el-input {
  --el-table-text-color: #FFFFFF;
}


// 分段选择器的样式
.custom-style .el-segmented {
  // 选中选项的背景颜色
  --el-segmented-item-selected-bg-color: #1977d5d7;
  // 分段选择器的背景颜色
  --el-segmented-bg-color: #1b1c54;
  // 选项悬停时的背景颜色
  --el-segmented-item-hover-bg-color: #1977d5d7;
  // 选项文字颜色
  --el-segmented-color: #FFFFFF;
  // 选项悬停时的文字颜色
  --el-segmented-item-hover-color: #FFFFFF;
  // 选中选项的背景颜色
  --el-segmented-item-active-bg-color: #1977d5d7;
}

.segmentedStyle .el-segmented {
  --el-segmented-item-selected-bg-color: #1977d5d7;
  --el-segmented-bg-color: #1b1c54;
  --el-segmented-item-hover-bg-color: #1977d5d7;
  --el-segmented-color: #FFFFFF;
  --el-segmented-item-hover-color: #FFFFFF;
  --el-segmented-item-active-bg-color: #1977d5d7;
}

.el-dialog {
  background-image: url("@/assets/picture/dialog1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  .el-form-item__label {
    color: #ffffff;
  }

  .el-dialog__header {
    color: #ffffff;
  }

  .el-dialog__title {
    color: #ffffff;
  }

  .el-textarea__inner {
    background-color: #1d5484;
    color: #ffffff;
    box-shadow: none;
  }
}

// .el-date-editor {
//   .el-date-editor {
//     color: #ffffff;
//   }
// }

.el-date-editor .el-range-input{
  color: #ffffff;
}

.el-loading-spinner .path {
  stroke: white !important;
  /* 替换为你需要的颜色（如 #304156 或 rgb(48, 65, 86)） */
}

/* 卡片外层容器透明 */
.el-card {
  background-color: transparent !important;
  border: none;
  /* 可选：去除边框 */
}

/* 卡片内容区域透明 */
.el-card__body {
  background-color: transparent !important;
  padding: 16px;
  /* 保持默认内边距，可按需调整 */
}