:root {
  --bg-1: #0b0b0b;
  --bg-2: #000223;
  --bg-3: #000;
  --bg-3-3: rgba(0, 0, 0, 0.3);
  --bg-4: #381b8b;
  --bg-5: #282747;
  --bg-6: #04040c;
  --bg-7: #1c2131;
  --bg-8: #14173a;
  --bg-9: #212443;
  --bg-10: #212443;
  --bg-11: #131232;
  --bg-12: #1d1c3c;
  --bg-13: #212443;
  --bg-14: #26294c;
  --bg-15: #0d0e2e;
  --bg-16: #212443;
  --bg-17: #131232;
  --bg-18: #080b30;
  --bg-19: #31305a;
  --bg-20: #2f325a;
  --bg-21: #121336;
  --bg-22: #121336;
  --bg-23: #15173a;
  --bg-24: linear-gradient(350deg, #090b32 7.62%, #0d1042 92.38%);
  --bg-25: #4b4a6e;
  --bg-26: #1b1f4b;
  --bg-27: #1b1f4b;
  --bg-28: #33335a;
  --bg-29: #353553;
  --bg-30: #1f264d;
  --bg-31: #030309;
  --bg-32: #131232;
  --bg-33: #1b1f4b;
  --bg-34: #2b2865;
  --bg-35: #616161;
  --bg-36: #212443;
  --bg-37: #121324;
  --bg-38: #2c3057;
  --bg-39: linear-gradient(180deg, #0a0b22 0%, #000000 100%);
  --bg-40: #22283a;
  --bg-41: #2c3552;
  --bg-42: #1c1c1c;
  --bg-43: #121324;
  --bg-44: #0c0e24;
  --bg-45: #1d2045;
  --bg-46: #1f264d;
  --bg-47: #2e3663;
  --bg-48: #1f264d;
  --bg-49: #171b44;
  --bg-50: #121336;
  --bg-51: #343758;
  --bg-52: #282747;
  --bg-53: #1a1944;
  --bg-54: #1a2a5a;
  --bg-55: #282d6b;
  --bg-56: #0c0e2f;
  --bg-57: #1b1c2a;
  --bg-58: #171b44;
  --bg-59: #0c0e2f;
  --bg-60: #0d0e2e;
  --bg-61: #afb6bd;
  --bg-62: #1b1f4b;
  --bg-63: #181837;
  --bg-64: #2c2c6c;
  --bg-66: #282747;
  --bg-67: #121336;
  --bg-68: #282845;
  --bg-69: #121336;
  --bg-70: #33335a;
  --bg-71: #1a1944;
	--bg-73: #262556;
  --da-jiang-bg: url(/img/home/dark/rectangle-home.webp);
  --bg-72: #0d0e2e;

  --txt-1: #fff;
  --txt-2: #c6c4f5;
  --txt-3: #9497a1;
  --txt-4: #b5bcca;
  --txt-5: #cecece;
  --txt-6: #a8a8ca;
  --txt-7: #fff;
  --txt-8: #fac904;
  --txt-9: #afb6bd;
  --txt-10: #afbabd;
  --txt-11: #c6c4f5;
  --txt-12: #aaa;
  --txt-13: #d8ecff;
  --txt-14: #757575;
  --txt-15: #aeaeb0;
  --txt-16: #959593;
  --txt-17: #504f6f;
  --txt-18: #a8a8ca;
  --txt-19: #f2c004;
  --txt-20: #a5a6bb;
  --txt-21: #fff;
  --txt-22: #9890d1;
	--txt-23: #fff;

  --bd-1: #36445e;
  --bd-2: #282747;
  --bd-3: #000;
  --bd-4: #26294c;
  --bd-5: #f1f1f1;
  --bd-6: #26294c;
  --bd-7: #2e296b;
  --bd-8: #22254f;
  --bd-9: #000;
  --bd-10: #181c25;
  --bd-11: #333260;
  --bd-12: #14173a;
  --bd-13: #253870;
  --bd-14: #505089;
  --bd-15: #282845;
  --bd-16: #26294c;
  --bd-17: #3b2874;
  --bd-18: transparent;

  --bs-1: #4b4a6e;
  --bs-2: rgba(0, 0, 0, 0.25);
  --bs-3: #515089;
  --bs-4: #fff;
  --bs-5: #000;

  --n-color-1: #212443;
  --n-color-2: #aeaeb0;
  --n-color-3: #322c59;
  --n-color-4: #c3c3c3;
  --n-color-5: #1b1f4b;
  --n-row-1: #121336;
  --n-row-2: #0d0e2e;
  --n-row-3: #1b1a44;
  --n-row-4: #1b1f4b;
  --n-row-h: #262743;
  --n-input: #212443;
  --n-model-bg: rgba(0, 0, 0, 0.6);
  --n-model-bg-2: rgba(0, 0, 0, 0.9);
}

:root[theme='light'] {
  --bg-1: #fff;
  --bg-2: #fff;
  --bg-3: #fff;
  --bg-3-3: rgba(255, 255, 255, 0.3);
  --bg-4: #a38ae4;
  --bg-5: #fff;
  --bg-6: #fff;
  --bg-7: #fff;
  --bg-8: #fff;
  --bg-9: #cfcfe5;
  --bg-10: #d2d2ff;
  --bg-11: #fff;
  --bg-12: #f6f6ff;
  --bg-13: #ededfa;
  --bg-14: #ededfa;
  --bg-15: #efefff;
  --bg-16: #ebebff;
  --bg-17: #ededfa;
  --bg-18: #ededfa;
  --bg-19: #fff;
  --bg-20: #e6e6f0;
  --bg-21: #dfdfff;
  --bg-22: #efefff;
  --bg-23: #efefff;
  --bg-24: linear-gradient(180deg, #fafaff 0%, #f5f5ff 100%);
  --bg-25: linear-gradient(180deg, #57bc8c 0.17%, #2da36b 100%);
  --bg-26: #394eff;
  --bg-27: #fff;
  --bg-28: #efefff;
  --bg-29: #fff;
  --bg-30: #919191;
  --bg-31: #fff;
  --bg-32: #dcdcf9;
  --bg-33: #ededfa;
  --bg-34: #cfcfe5;
  --bg-35: #fff;
  --bg-36: #e3e3f0;
  --bg-37: #e3e3f0;
  --bg-38: #ededfa;
  --bg-39: #fff;
  --bg-40: #ededfa;
  --bg-41: #dedeff;
  --bg-42: #dedeff;
  --bg-43: #cfcfe5;
  --bg-44: #ebebff;
  --bg-45: #ebebff;
  --bg-46: #fff;
  --bg-47: #919191;
  --bg-48: #ededfa;
  --bg-49: #f8f8ff;
  --bg-50: #ebebff;
  --bg-51: #fff;
  --bg-52: #e3e3f0;
  --bg-53: #fff;
  --bg-54: #fff;
  --bg-55: #fff;
  --bg-56: #efefff;
  --bg-57: #fff;
  --bg-58: #ededfa;
  --bg-59: #fff;
  --bg-60: #fff;
  --bg-61: #616166;
  --bg-62: #fff;
  --bg-63: #fff;
  --bg-64: #ededfa;
  --bg-66: #cfcfe5;
  --bg-67: #dfdfff;
  --bg-68: #efefff;
  --bg-69: #ededfa;
  --bg-70: #fff;
  --bg-71: #eeeefd;
  --da-jiang-bg: url(/img/home/light/rectangle-home.webp);
  --bg-72: #f3f3ff;
	--bg-73: #F2F2FF;

  --txt-1: #18181a;
  --txt-2: #3d3d66;
  --txt-3: #616166;
  --txt-4: #303033;
  --txt-5: #18181a;
  --txt-6: #a8a8ca;
  --txt-7: #616166;
  --txt-8: #ff9f69;
  --txt-9: #919199;
  --txt-10: #616166;
  --txt-11: #616166;
  --txt-12: #616166;
  --txt-13: #18181a;
  --txt-14: #757575;
  --txt-15: #fff;
  --txt-16: #959593;
  --txt-17: #919199;
  --txt-18: #616166;
  --txt-19: #f5a60a;
  --txt-20: #616166;
  --txt-21: #181819;
  --txt-22: #5c5c99;
	--txt-23: #26255B;

  --bd-1: transparent;
  --bd-2: #fff;
  --bd-3: #ededfa;
  --bd-4: #dadae5;
  --bd-5: #e3e3f0;
  --bd-6: #e6e6f0;
  --bd-7: transparent;
  --bd-8: #e6e6f0;
  --bd-9: #dadae5;
  --bd-10: #e6e6f0;
  --bd-11: #fff;
  --bd-12: transparent;
  --bd-13: #dadae5;
  --bd-14: #dadae5;
  --bd-15: #dde3f5;
  --bd-16: #e6e6f0;
  --bd-17: #dadae5;
  --bd-18: #dadae5;

  --bs-1: transparent;
  --bs-2: transparent;
  --bs-3: transparent;
  --bs-4: #616166;
  --bs-5: transparent;

  --n-color-1: #ededfa;
  --n-color-2: #616166;
  --n-color-3: #e3e3f0;
  --n-color-4: #616161;
  --n-color-5: #ebebff;
  --n-row-1: #f3f3ff;
  --n-row-2: #efefff;
  --n-row-3: #f3f3ff;
  --n-row-4: #f3f3ff;
  --n-row-h: #dbd2f4;
  --n-input: #efefff;
  --n-model-bg: rgba(0, 0, 0, 0.6);
  --n-model-bg-2: rgba(4, 3, 30, 0.8);
}

/*
import { storeToRefs } from "pinia";
import { Page } from '@/store/page';
import store from '@/store/index';
const page = Page(store);
const { theme } = storeToRefs(page);

background: linear-gradient(180deg, #5567FF 0%, #9E1EFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
*/