html {
  font-size: 16px;
}
body {
  /* font-family: "Rajdhani"; */
}

/**
  * 在vue没加载出来前不显示模板
  */
[v-cloak] {
  display: none;
}

/**
 * 表格样式
 */
 .table-gray.el-table {
  color: #666;
  font-size: 14px;
}
.table-gray.el-table.el-table--border thead .cell {
  padding: 0rem 0.4rem;
}
.table-gray.el-table.el-table--border thead .el-table-column--selection .cell {
  padding: 0;
}
.table-gray.el-table thead th {
  font-weight: normal;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  background-color: rgb(var(--rgb-emerald-50) / 0.3);
  padding: 0.2rem 0;
}
.table-gray.el-table thead th:first-child {
  padding-left: 0.8rem;
}
.table-gray.el-table thead th:last-child {
  padding-right: 0rem;
  text-align: right;
}
.table-gray.el-table thead .cell {
  padding: 0;
}
.table-gray.el-table thead .el-table-column--selection .cell {
  display: flex;
}
.table-gray.el-table tbody tr td {
  padding: 0.4rem 0.4rem;
}
.table-gray.el-table tbody tr td:first-child {
  padding: 0.2rem 0.4rem;
}
.table-gray.el-table tbody tr td:last-child {
  padding-right: 0.8rem;
  text-align: right;
}
.table-gray.el-table tbody tr .cell {
  padding: 0;
}
.table-gray.el-table tbody tr .el-table-column--selection .cell {
  display: flex;
}
.d2-table tbody td {
  border: 1px solid var(--color-gray-200);
}

/*
 * Dialog
 */
.el-dialog--tight .el-dialog {
  margin-top: 2rem !important;
}
.el-dialog__body {
  padding: 0 !important;
}
.el-dialog__header {
  padding: 10px 10px !important;
}
.el-dialog__footer {
  padding: 10px 10px !important;
}

/**
 * 条纹动画
 */
@keyframes flow-bg {
  0%   { background-position: 0 0; }
  100% { background-position: 20px 20px; }
}
.flow-element {
  background-image: linear-gradient(135deg, #444 25%, transparent 25%, transparent 50%, #444 50%, #444 75%, transparent 75%);
  background-size: 8px 8px;
  animation: flow-bg 4s linear infinite;
}
.flow-element--y {
  background-image: linear-gradient(135deg, #444 25%, transparent 25%, transparent 50%, #444 50%, #444 75%, transparent 75%);
  background-size: 8px 8px;
  animation: flow-bg 4s linear infinite;
  transform: translateY(-50%);
}

/**
 * 字体渐变色
 */
.gradient-text {
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(90deg, #333333dd, #0B990B, #333333dd);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 6s linear infinite;
  text-shadow: 0 0 0px #0B990B40, 0 0 2px #8e00ff22;
}
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}