:root {
  /* 主色序列 Brand */
  --color-brand-1: #2354E6;
  --color-brand-2: #1B41B2;
  /* 功能色 Functional */
  --color-funct-1: #17E5A1;
  --color-funct-2: #11AD7A;
  --color-funct-3: #CC3D3D;
  --color-funct-4: #FF860D;
  --color-funct-5: #B523E6;
  --color-funct-6: #198CFF;
  --color-funct-7: #F23030;
  --color-funct-8: #E53956;
  /* Other */
  --color-other-1: #54E623;
  --color-other-2: #FFC20D;
  --color-other-3: #E62323;
  --color-other-4: #F21885;
  --color-other-5: #5322E6;
  --color-other-6: #16D9D9;
  /* 分割线 Divider */
  --color-divider-1: #E6E9F2;
  --color-divider-2: #EEF1FA;
  --color-divider-5: #E9EBF0;
  /* 中性色 Neutral */
  --color-neutral-1: #ADB5CC;
  --color-neutral-2: #EEF1FA;
  --color-neutral-3: #E6E9F2;
  --color-neutral-4: #F5F6FA;
  /* 卡片 Card */
  --color-card-1: #F8FAFD;
  --color-card-2: #FFFFFF;
  --color-card-3: #F2F7FF;
  --color-card-4: #FFFFFF;
  --color-card-5: #FFFFFF;
  --color-card-6: #F2F7FF;

  /* 背景 Bg */
  --color-bg-1: #F8F9FB;
  --color-bg-2: #F8F9FB;
  --color-bg-3: #FFFFFF;
  --color-bg-4: #FFFFFF;
  /* 文字 Text */
  --color-text-1: #04091A;
  --color-text-2: #565D73;
  --color-text-3: #8D93A6;
  --color-text-4: #B8BDCC;
  --color-text-5: #04091A;
  --color-text-6: #2354E6;
  /* 渐变色 Gradient */
  --color-gradient-1: linear-gradient(270deg, #17E5A1 0%, #54E623 91.88%);
  --color-gradient-2: linear-gradient(90deg, #5322E6 0%, #2323E6 100%);
  --color-gradient-3: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);
  --color-gradient-4: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);
  --color-gradient-5: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);
  --color-gradient-6: linear-gradient(90deg, #F21885 0%, #E62323 100%);
  --color-gradient-7: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);
  --color-gradient-8: linear-gradient(90deg, #C2C5CC 0%, #989FB3 100%);
  /* 组件色 Component */
  --color-cmpt-1: rgba(4, 9, 26, 0.9); /* #04091A（90%） */
  --color-cmpt-2: #FFFFFF;
  --color-cmpt-3: #FFFCF3;
  --color-cmpt-4: #FDF5F5;
  --color-cmpt-5: #FBFCFF;
  --color-cmpt-6: #F2F4FA;
  --v3-color-cmpt-12: #E8F7F2;
  /* 涨跌色 Pump/Dump */
  --color-pd-1: #CC3D3D;
  --color-pd-2: #11AD7A;
  --color-pd-3: #FBEFEF;
  --v3-color-pd-3: #FEEDEF;
  --color-pd-4: #ECF8F4;
  /* sroll-bar */
  --color-scroll-1: #e6e9f2;
}
:root .classic-dark {
  /* 主色序列 Brand */
  --color-brand-1: #3366FF;
  --color-brand-2: #1B41B2;
  /* 功能色 Functional */
  --color-funct-1: #17E5A1;
  --color-funct-2: #13BF86;
  --color-funct-3: #F23D3D;
  --color-funct-4: #FF860D;
  --color-funct-5: #B523E6;
  --color-funct-6: #198CFF;
  --color-funct-7: #F23030;
  --color-funct-8: #E53956;
  /* Other */
  --color-other-1: #54E623;
  --color-other-2: #F2B500;
  --color-other-3: #E62323;
  --color-other-4: #F21885;
  --color-other-5: #5322E6;
  --color-other-6: #16D9D9;
  /* 分割线 Divider */
  --color-divider-1: #0F1526;
  --color-divider-2: #2A2F40;
  --color-divider-5: #424242;
  /* 中性色 Neutral */
  --color-neutral-1: #ADB5CC;
  --color-neutral-2: #292F40;
  --color-neutral-3: #252B3A;
  --color-neutral-4: #212636;
  /* 卡片 Card */
  --color-card-1: #1F2433;
  --color-card-2: #1F2433;
  --color-card-3: #0F1F4D;
  --color-card-4: #0F1F4D;
  --color-card-5: #2A3246;
  --color-card-6: #141C33;
  /* 背景 Bg */
  --color-bg-1: #151926;
  --color-bg-2: #000000;
  --color-bg-3: #151926;
  --color-bg-4: #000000;
  
  /* 文字 Text */
  --color-text-1: #FFFFFF;
  --color-text-2: #989FB3;
  --color-text-3: #606880;
  --color-text-4: #474F66;
  --color-text-5: #CFD0D2;
  --color-text-6: #4070FF;
  /* 渐变色 Gradient */
  --color-gradient-1: linear-gradient(270deg, #17E5A1 0%, #54E623 91.88%);
  --color-gradient-2: linear-gradient(90deg, #5322E6 0%, #2323E6 100%);
  --color-gradient-3: linear-gradient(270deg, #16D9D9 0%, #17E6A1 100%);
  --color-gradient-4: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);
  --color-gradient-5: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);
  --color-gradient-6: linear-gradient(90deg, #F21885 0%, #E62323 100%);
  --color-gradient-7: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);
  --color-gradient-8: linear-gradient(90deg, #ADB5CC 0%, #8691B3 100%);
  /* 组件色 Component */
  --color-cmpt-1: rgba(96, 104, 128, 1); /* #474F66（90%） */
  --color-cmpt-2: #292F40;
  --color-cmpt-3: #212125;
  --color-cmpt-4: #261C2A;
  --color-cmpt-5: #0F1526;
  --color-cmpt-6: #191C26;
  --v3-color-cmpt-12: #002217;
  /* 涨跌色 Pump/Dump */
  --color-pd-1: #C23131;
  --color-pd-2: #0F996B;
  --color-pd-3: #271C28;
  --v3-color-pd-3: #271C28;
  --color-pd-4: #15262E;
  /* sroll-bar */
  --color-scroll-1: #4d5366;
}

/* .trade-popup-content 这个是用来给 reactjsPopup 用的，目前仅用在交易，因为 popup 脱离了原来的dom结构，直接挂在body下面了 */
:root .theme-locality,
:root .theme-color-v3,
:root .trade-popup-content
{
  /* 主色序列 Brand */
  --color-brand-1: #2354E6;
  --color-brand-2: #1B41B2;
  --color-brand-3: #2354E6;
  /* 功能色 Functional */
  --color-funct-1: #52FFB1;
  --color-funct-2: #03AA65;
  --color-funct-3: #E73828;
  --color-funct-4: #F7931A;
  --color-funct-5: #B523E6;
  --color-funct-6: #198CFF;
  --color-funct-7: #F23030;
  --color-funct-8: #B22367;
  --color-funct-9: #00C7A6;
  --color-funct-10: #FE5533;
  /* Other */
  --color-other-1: #54E623;
  --color-other-2: #FEB702;
  --color-other-3: #E62323;
  --color-other-4: #F21885;
  --color-other-5: #5322E6;
  --color-other-6: #16D9D9;
  /* 分割线 Divider */
  --color-divider-1: #DADDE5;
  --color-divider-2: #EDEFF2;
  --color-divider-3: #DCE8FD;
  --color-divider-4: #B8BDCC;
  --color-divider-5: #E9EBF0;
  /* 中性色 Neutral */
  --color-neutral-1: #F2F3F7;
  --color-neutral-2: #F9F9F9;
  --color-neutral-3: #EBEDF2;
  --color-neutral-4: #B8BFCC;
  --color-neutral-5: #F2F3F7;
  --color-neutral-6: #FFFFFF;
  /* 卡片 Card */
  --color-card-1: #F8F9FB;
  --color-card-2: #FFFFFF;
  --color-card-3: #FFFFFF;
  --color-card-4: #FFFFFF;
  --color-card-5: #FDFDFE;
  --color-card-6: #F5F5F7;
  --color-card-7: #F5F5F7;

  /* 背景 Bg */
  --color-bg-1: #FFFFFF;
  --color-bg-2: #FCFCFC;
  --color-bg-3: #F8F9FB;
  --color-bg-4: rgba(0, 0, 0, 0.65);
  --color-bg-5: #F5F5F7;
  /* 文字 Text */
  --color-text-1: #262933;
  --color-text-2: #2E384D;
  --color-text-3: #8E949E;
  --color-text-4: #D0D4DB;
  --color-text-5: #2354E6;
  --color-text-6: #FFFFFF;
  --color-text-7: #B5B7BC;
  --color-text-8: #FFFFFF;
  --color-text-9: #2354E6;
  /* icon */
  --color-icon-1: #262933;
  --color-icon-2: #2E384D;
  --color-icon-3: #8E949E;
  --color-icon-4: #D0D4DB;
  --color-icon-5: #2354E6;
  --color-icon-6: #FFFFFF;
  --color-icon-7: #B5B7BC;
  --color-icon-8: #FFFFFF;
  --color-icon-9: #2354E6;
  /* 渐变色 Gradient */
  --color-gradient-1: linear-gradient(270deg, #54E623 0%, #17E5A1 100%);
  --color-gradient-2: linear-gradient(90deg, #5322E6 0%, #2323E6 100%);
  --color-gradient-3: linear-gradient(270deg, #17E5A1 0%, #16D9D9 100%);
  --color-gradient-4: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);
  --color-gradient-5: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);
  --color-gradient-6: linear-gradient(90deg, #F21885 0%, #E62323 100%);
  --color-gradient-7: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);
  --color-gradient-8: linear-gradient(90deg, #C2C5CC 0%, #989FB3 100%);
  /* 组件色 Component */
  --color-cmpt-1: #FFFFFF;
  --color-cmpt-2: #F9F9F9;
  --color-cmpt-3: #FFFCF3;
  --color-cmpt-4: #FFF1F1;
  --color-cmpt-5: #F8F9FB;
  --color-cmpt-6: #262626;
  --color-cmpt-7: #EFF5FF;
  --color-cmpt-8: #F2FFFB;
  --color-cmpt-9: #262933;
  --color-cmpt-10: #F2F3F7;
  --color-cmpt-11: #EDEFF4;
  --color-cmpt-12: #EBFFF3;
  --color-cmpt-13: #FFF1EB;
  --color-cmpt-14: #FFF1F1;
  --color-cmpt-15: #EDF4FF;
  --color-cmpt-16: #363740;
  --color-cmpt-17: #F2F3F7;
  --color-cmpt-18: #EFF5FF;
  --color-cmpt-19: #FFFFFF;
  --color-cmpt-20: #C0D7FD;
  --color-cmpt-21: #0068FF;
  --color-cmpt-22: #FFFCE8;
  --color-cmpt-23: #C0D7FD;
  --color-cmpt-24: #EDF9FF;
  /* 涨跌色 Pump/Dump */
  --color-pd-1: #F2495E;
  --color-pd-2: #1BB273;
  --color-pd-3: #FBE1E4;
  --color-pd-4: #DDF3EB;
  --color-pd-5: #C23A4B;
  --color-pd-6: #26996C;
  --color-pd-7: #19A66B;
  /* 蓝色色阶 */
  --color-blue-11: #182253;
  --color-blue-10: #203588;
  --color-blue-9: #2139AC;
  --color-blue-8: #2145D4;
  --color-blue-7: #2354E6;
  --color-blue-6: #3F78F2;
  --color-blue-5: #639CF7;
  --color-blue-4: #95BFFB;
  --color-blue-3: #C0D7FD;
  --color-blue-2: #DCE8FD;
  --color-blue-1: #EFF5FF;
}

/* 暗黑模式 */
:root .classic-dark .theme-locality,
:root .classic-dark .theme-color-v3,
:root .classic-dark .trade-popup-content
{
  /* 主色序列 Brand */
  --color-brand-1: #2174FF;
  --color-brand-2: #095EDC;
  --color-brand-3: #61A0FF;
  /* 功能色 Functional */
  --color-funct-1: #52FFB1;
  --color-funct-2: #03AA65;
  --color-funct-3: #E73828;
  --color-funct-4: #F7931A;
  --color-funct-5: #B523E6;
  --color-funct-6: #198CFF;
  --color-funct-7: #F23030;
  --color-funct-8: #B22367;
  --color-funct-9: #00C7A6;
  --color-funct-10: #FE5533;
  /* Other */
  --color-other-1: #54E623;
  --color-other-2: #FEB702;
  --color-other-3: #FF4C4C;
  --color-other-4: #F21885;
  --color-other-5: #5322E6;
  --color-other-6: #16D9D9;
  /* 分割线 Divider */
  --color-divider-1: #4F4F4F;
  --color-divider-2: #2E2E2E;
  --color-divider-3: #2E2E2E;
  --color-divider-4: #4F4F4F;
  --color-divider-5: #424242;
  /* 中性色 Neutral */
  --color-neutral-1: #353638;
  --color-neutral-2: #262626;
  --color-neutral-3: #2E2E2E;
  --color-neutral-4: #8C8C8C;
  --color-neutral-5: #262626;
  --color-neutral-6: #262626;
  /* 卡片 Card */
  --color-card-1: #1F1F1F;
  --color-card-2: #141414;
  --color-card-3: #1F1F1F;
  --color-card-4: #1A1A1A;
  --color-card-5: #2E2E2E;
  --color-card-6: #262626;
  --color-card-7: #2E2E2E;

  /* 背景 Bg */
  --color-bg-1: #141414;
  --color-bg-2: #0F0F0F;
  --color-bg-3: #141414;
  --color-bg-4: rgba(0, 0, 0, 0.65);
  --color-bg-5: #0F0F0F;
  /* 文字 Text */
  --color-text-1: #FAFAFA;
  --color-text-2: #BFBFBF;
  --color-text-3: #8C8C8C;
  --color-text-4: #6D6D6D;
  --color-text-5: #61A0FF;
  --color-text-6: #FAFAFA;
  --color-text-7: #6D6D6D;
  --color-text-8: #262626;
  --color-text-9: #FAFAFA;
  /* icon */
  --color-icon-1: #FAFAFA;
  --color-icon-2: #BFBFBF;
  --color-icon-3: #8C8C8C;
  --color-icon-4: #6D6D6D;
  --color-icon-5: #61A0FF;
  --color-icon-6: #FAFAFA;
  --color-icon-7: #6D6D6D;
  --color-icon-8: #262626;
  --color-icon-9: #FAFAFA;
  /* 渐变色 Gradient */
  --color-gradient-1: linear-gradient(270deg, #54E623 0%, #17E5A1 100%);
  --color-gradient-2: linear-gradient(90deg, #5322E6 0%, #2323E6 100%);
  --color-gradient-3: linear-gradient(270deg, #17E5A1 0%, #16D9D9 100%);
  --color-gradient-4: linear-gradient(90deg, #FFEC1A 0%, #FFAA33 100%);
  --color-gradient-5: linear-gradient(90deg, #16D9D9 0%, #1979FF 100%);
  --color-gradient-6: linear-gradient(90deg, #F21885 0%, #E62323 100%);
  --color-gradient-7: linear-gradient(90deg, #3399FF 0%, #2354E6 100%);
  --color-gradient-8: linear-gradient(90deg, #ADB5CC 0%, #8691B3 100%);
  /* 组件色 Component */
  --color-cmpt-1: #353638;
  --color-cmpt-2: #353638;
  --color-cmpt-3: #27272B;
  --color-cmpt-4: #291E2A;
  --color-cmpt-5: #1F1F1F;
  --color-cmpt-6: #383F4D;
  --color-cmpt-7: #203040;
  --color-cmpt-8: #24332E;
  --color-cmpt-9: #FAFAFA;
  --color-cmpt-10: #262830;
  --color-cmpt-11: #2E2E2E;
  --color-cmpt-12: #002217;
  --color-cmpt-13: #2F1814;
  --color-cmpt-14: #2D1114;
  --color-cmpt-15: #182253;
  --color-cmpt-16: #1F1F1F;
  --color-cmpt-17: #262626;
  --color-cmpt-18: #1A1A1A;
  --color-cmpt-19: #5E6FAC;
  --color-cmpt-20: #203588;
  --color-cmpt-21: #0068FF;
  --color-cmpt-22: #352B19;
  --color-cmpt-23: #2174FF;
  --color-cmpt-24: #0E2F5D;
  /* 涨跌色 Pump/Dump */
  --color-pd-1: #F2495E;
  --color-pd-2: #30BF87;
  --color-pd-3: #2B171B;
  --color-pd-4: #162621;
  --color-pd-5: #C23A4B;
  --color-pd-6: #26996C;
  --color-pd-7: #30BF87;
  /* 蓝色色阶 */
  --color-blue-11: #182253;
  --color-blue-10: #203588;
  --color-blue-9: #2139AC;
  --color-blue-8: #2145D4;
  --color-blue-7: #2354E6;
  --color-blue-6: #3F78F2;
  --color-blue-5: #639CF7;
  --color-blue-4: #95BFFB;
  --color-blue-3: #C0D7FD;
  --color-blue-2: #DCE8FD;
  --color-blue-1: #EFF5FF;
}