/**
* 颜色
* 包含黑夜模式
*/
:root {
  --color-bbb: #bbb;

  --color-333: #333;

  --color-666: #666;

  --color-ccc: #ccc;

  --color-30: #303030;

  --color-90: #909090;

  --color-909198: #909198;

  --color-60: #606060;

  --color-coc2c9: #c0c2c9;

  --color-f60: #ff6060;

  --color-bc3535: #BC3535;

  --color-378bd3: #378bd3;

  --color-337ab7: #337ab7;

  --color-2974b4: #2974b4;

  --color-c0:#c0c0c0;

  --color-606167: #606167;

  --color-fff: #fff;

  --color-161619: #161619;

  --color-d2bb99: #d2bb99;

  --color-f5: #f5f5f5;

  --color-0e0e0f: #0e0e0f;

  --color-e0: #e0e0e0;

  --color-bcbcbc: #bcbcbc;

  --color-e3d2b8: #e3d2b8;

  --color-27282d: #27282d;

  --color-19181c: #19181c;

  --color-1F9CE4: #1F9CE4;

  --color-e8c295: #e8c295;

  --color-32363E: #32363E;

  --color-1f8ce4: #1f8ce4;

  --color-222429: #222429;

  --color-f63756: #f63756;

  --color-3ca5f6: #3ca5f6;

  --color-f97752: #f97752;
  --color-b3b3b3: #b3b3b3
}


.c-bbb {
  color: var(--color-bbb);
}
.c-666 {
  color: var(--color-666);
}
.c-ccc {
  color: var(--color-ccc);
}
.c-30,
.c30 {
  color: var(--color-30);
}
.c-90 {
  color: var(--color-90);
}
.c-60 {
  color: var(--color-60);
}

.dark-mode-color .c-30,
.dark-mode-color .c-90 {
  color: var(--color-909198);
}

.c-c0c2c9,
.dark-mode-color .c30,
.dark-mode-color .c-60  {
  color: var(--color-coc2c9);
}


.c-f60 {
  color: var(--color-f60);
}
.dark-mode-color .c-f60 {
  color: var(--color-bc3535);
}

.c-337ab7 {
  color: var(--color-337ab7);
}
.c-378bd3 {
  color: var(--color-378bd3);
}
.dark-mode-color .c-337ab7,
.dark-mode-color .c-378bd3 {
  color: var(--color-2974b4);
}

.c-c0 {
  color: var(--color-c0);
}
.dark-mode-color .c-c0 {
  color: var(--color-606167);
}

.c-fff {
  color: var(--color-fff);
}
.dark-mode-color .c-fff {
  color: var(--color-161619);
}

.c-d2bb99 {
  color: var(--color-d2bb99);
}
.c-19181C {
  color: var(--color-19181C);
}
.c-1f9ce4{
  color: var(--color-1F9CE4);
}
.c-e8c295 {
  color: var(--color-e8c295);
}
.c-b3 {
  color: var(--color-b3b3b3)
}












.bg-f{
  background-color: var(--color-fff);
}

.bg-f5 {
  background-color: var(--color-f5);
}

.bg-30 {
  background-color: var(--color-30);
}

.bg-e0 {
  background-color: var(--color-e0);
}
.bg-f60 {
  background-color: var(--color-f60);
}

.bg-e3d2b8 {
  background-color: var(--color-e3d2b8);
}

.bg-161619{
  background-color: var(--color-161619);
}

.bg-d2bb99 {
  background-color: var(--color-d2bb99);
}





.dark-mode-color .bg-f5 {
  background-color: var(--color-0e0e0f);
}
.dark-mode-color.bg-f {
  background-color: var(--color-161619);
}
.dark-mode-color .bg-e0 {
  background-color: var(--color-bcbcbc);
}