:root {
  --color-primary: #2563eb;
  --color-primary-h: #2563eb;
  --color-danger: #dc1800;
  --color-bg: #fff;
  --color-bg2: #f2f2f2;
  --color-bg3: #67111a;
  --color-bg4: #fff;
  --color-text1: #000;
  --color-text2: #333;
  --color-text3: #fff;
  --color-text4: #2563eb;
  --color-border: #eee;
  --color-border-h: #2563eb;
  --font-18: 18px;
  --font-16: 16px;
}
html[data-theme="default"] {
  --color-primary: #2563eb;
  --color-primary-h: #2563eb;
  --color-danger: #dc1800;
  --color-bg: #fff;
  --color-bg2: #f2f2f2;
  --color-bg3: #67111a;
  --color-bg4: #fff;
  --color-text1: #000;
  --color-text2: #333;
  --color-text3: #fff;
  --color-text4: #2563eb;
  --color-border: #eee;
  --color-border-h: #2563eb;
  --font-18: 18px;
  --font-16: 16px;
}
html[data-theme="blue"] {
  --color-primary: #2563eb;
  --color-primary-h: transparent;
  --color-danger: #dc1800;
  --color-bg: #1b4f80;
  --color-bg2: #a5d0fc4d;
  --color-bg3: #1b4f80;
  --color-bg4: transparent;
  --color-text1: #fff;
  --color-text2: #fff;
  --color-text3: #fff;
  --color-text4: #fff;
  --color-border: #2563eb;
  --color-border-h: transparent;
  --font-18: 18px;
  --font-16: 16px;
}
[v-cloak] {
  display: none;
}
.hjs em {
  padding: 0 10px;
  color: #fff;
  background: orange;
}
.breadcrumb {
  width: 100%;
  background: #f2f2f2;
}
.breadcrumb .zt {
  margin: 5px auto 0;
  max-width: 1400px;
  min-width: 960px;
  padding: 20px 0;
  color: #333;
}
.breadcrumb .zt i {
  color: var(--color-danger);
}
.breadcrumb .zt a:hover {
  color: #000;
}
.main {
  margin: 0 auto;
  max-width: 1400px;
  min-width: 960px;
  min-height: calc(100vh - 200px);
}
.el-pagination {
  display: flex;
  margin-top: auto;
}
.el-pagination > span {
  margin-right: auto;
}
.el-button,
.btn {
  padding: 10px 20px !important;
  border-radius: 5px !important;
  border: 1px solid var(--color-primary) !important;
  background: var(--color-primary) !important;
  color: var(--color-text3) !important;
  font-size: 14px !important;
  cursor: pointer !important;
}
.el-button:hover,
.btn:hover {
  background: none !important;
  color: var(--color-primary) !important;
}
.el-link {
  color: var(--color-primary) !important;
}