* {
  --color: #212121;
  --color-r: 33;
  --color-g: 33;
  --color-b: 33;
  --color-rgb: var(--color-r) var(--color-g) var(--color-b);
  --color-1: #252a34;
  --color-1-r: 37;
  --color-1-g: 42;
  --color-1-b: 52;
  --color-1-rgb: var(--color-1-r) var(--color-1-g) var(--color-1-b);
  --color-2: #00adb5;
  --color-2-r: 0;
  --color-2-g: 173;
  --color-2-b: 181;
  --color-2-rgb: var(--color-2-r) var(--color-2-g) var(--color-2-b);
  --color-3: #eeeeee;
  --color-3-r: 238;
  --color-3-g: 238;
  --color-3-b: 238;
  --color-3-rgb: var(--color-3-r) var(--color-3-g) var(--color-3-b);
  --color-4: #ff5722;
  --color-4-r: 255;
  --color-4-g: 87;
  --color-4-b: 34;
  --color-4-rgb: var(--color-4-r) var(--color-4-g) var(--color-4-b);
  --color-text: #212121;
  --b-r-5: 5px;
  /* --theme-primary: rgb(var(--color-rgb)); */
}

.f-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.f-b-e {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.zj-c {
  border-bottom: 1px solid rgba(var(--color-2-rgb) / 0.3);
  padding-bottom: 8px;
  box-sizing: border-box;
}

.zj-c>.zjc-title {
  color: var(--color-3);
  border-left: 5px solid var(--color-2);
  padding-left: 10px;
  box-sizing: border-box;
  margin: 0;
}

.zj-c>.zjc-more {
  color: rgba(var(--color-2-rgb) / 0.6);
}

.zj-c>.zjc-more::after {
  content: "》";
  margin-left: 5px;
}

.zj-c>.zjc-more:hover {
  color: var(--color-2);
}