:root {
  --white-color: #FFFFFF;
  --primary-color: #3A3AE5;

  --bk-blue-1: #F6F8FE;
  --bk-blue-2: #E5ECFC;
  --bk-blue-3: #D4E0FA;
  --bk-blue-4: #B1C7F6;
  --bk-blue-5: #6B6BEB;
  --bk-blue-6: #3A3AE5;

  --bk-green-1: #F2FCF8;
  --bk-green-2: #DBF7EC;
  --bk-green-3: #C3F1DF;
  --bk-green-4: #93E7C6;
  --bk-green-5: #4BD8A1;
  --bk-green-6: #16C784;

  --bk-red-1: #FEF5F5;
  --bk-red-2: #FCE1E1;
  --bk-red-3: #FBCECE;
  --bk-red-4: #F8A7A7;
  --bk-red-5: #F36C6C;
  --bk-red-6: #EA3943;

  --bk-warn-1: #fdfaf5;
  --bk-warn-2: #fcf0e4;
  --bk-warn-3: #fae8d3;
  --bk-warn-4: #f6d6af;
  --bk-warn-5: #f1ba7d;
  --bk-warn-6: #eea457;

  --bk-gray-1: #FDFDFE;
  --bk-gray-2: #FBFCFC;
  --bk-gray-3: #F9F9FA;
  --bk-gray-4: #F5F5F7;
  --bk-gray-5: #EFF0F2;
  --bk-gray-6: #EAEBEE;
  --bk-gray-7: #D2D3D5;
  --bk-gray-8: #A3A4A6;
  --bk-gray-9: #8C8D8E;
  --bk-gray-10: #747576;
  --bk-gray-11: #EFF0F2; /* 按钮disable(后期还原新增色值) */

  --T1: #000;
  --T2: #262626; /* 0.85 */
  --T3: #595959; /* 0.65 */
  --T4: #5484EC;
  --T5: #35AB71;
  --T6: #DE4D42;
  --T7: #FCA044;
  --T8: #B0bdc0;  /* 0.25 */
  --T9: #8c8c8c; /* 0.45 */

  /* 列表悬停色 */
  /* --B0: #FAFAFA; */
  --B0: #FFFFFF;
  /* 列表悬停色 */
  --B1: #F8F8F8;
  /* 背景色#1 */
  --B2: #FAFAFA;
  /* 背景色#2 */
  --B3: #FFFFFF;
  /* 输入框背景色 */
  --B4: #ededef;
  --B5: #EDEDEF;
  --B6: #F8F9FD;
  /* SVG 的背景色 */
  --svg-gray: #CCCEDF;

  /* 分割线 */
  --L1: #EEF0F3;
  --L2: #cfcfcf;
  /* --L3: #E8E9Ef; */
  --L3: rgb(229,229,229);


  --xsSize: 12px;
  --linkSize: 12px;
  --smallSize: 13px;
  --textSize: 14px;
  --lgTextSize: 15px;
  --titleSize: 16px;
  --lgTitleSize: 18px;
  --h6Size: 20px;
  --h5Size: 24px;
  --h4Size: 28px;
  --h3Size: 32px;
  --h2Size: 40px;
  --h1Size: 56px;
  --bigSize: 62px;

  --border-radius: 4px;
  --small-border-radius: 2px;
  --lg-border-radius: 6px;
  --box-shadow: 0px 4px 24px 0px rgba(88, 102, 126, 0.1);
  
  /* checkbox */
  --checkbox-icon-family: 'bkreact-iconfont';

  /* tabs */
  --tabs-color: var(--T1);
  --tabs-border: 1px solid transparent;
  --tabs-bg-color: linear-gradient(to bottom,transparent 0,transparent 100%);
  --tabs-next-bg: var(--B7);
  --tabs-next-hover: var(--T1);
  --tabs-next-disabled: var(--T3);
  --tabs-label-size: var(--textSize);
  --tabs-label-color: var(--T2);
  --tabs-label-hover: var(--T1);
  --tabs-label-active: var(--white-color);
  --tabs-label-active-bg: var(--primary-color);
  --tabs-button-label-padding-x: 20px;
  --tabs-button-label-padding-y: 0;
  --tabs-button-label-height: 32px;
  --tabs-button-label-font-size: var(--textSize);
  --tabs-button-label-color: var(--T1);
  --tabs-button-label-border-color: transparent;
  --tabs-button-label-active-bg: linear-gradient(to bottom, rgba(91,138,245,1) 0,#3a3ae5 100%);
}
/* select css */
.bkreact-select-dropdown {
  box-shadow: var(--box-shadow);
}
.bkreact-select-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s;
}
.bkreact-select-arrow:after {
  font-family: bkreact-iconfont;
  content: '\e62f';
  display: inline-block;
  font-size: 100%;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transform: rotate(180deg);
  transition: all .6s;
  font-size: 16px;
  color: var(--T3);
}
.bkreact-select-open .bkreact-select-arrow:after {
  transform: rotate(360deg);
}
/* .bkreact-select-item-option-selected .bkreact-select-item-option-content {
  color: var(--primary-color);
} */
.bkreact-select-item-option-state {
  display: none;
}


html[theme="black"],.dark-theme-module {
  --white-color: #FFFFFF;
  --primary-color: #6176FF;

  --bk-blue-1: #303A7F;
  --bk-blue-2: #303A7F;
  --bk-blue-3: #3A4699;
  --bk-blue-4: #394591;
  --bk-blue-5: #5769E5;
  --bk-blue-6: #6176FF;

  --bk-green-1: #F2FCF8;
  --bk-green-2: #076540;
  --bk-green-3: #09794E;
  --bk-green-4: #0B8D5A;
  --bk-green-5: #0EB674;
  --bk-green-6: #16C784;

  --bk-red-1: #FEF5F5;
  --bk-red-2: #771D1D;
  --bk-red-3: #902424;
  --bk-red-4: #A72929;
  --bk-red-5: #D73535;
  --bk-red-6: #EA3943;

  --bk-warn-1: #fdfaf5;
  --bk-warn-2: #76512a;
  --bk-warn-3: #8e6233;
  --bk-warn-4: #a5723c;
  --bk-warn-5: #d5934e;
  --bk-warn-6: #eea457;

  --bk-gray-1: #F5F5F6;
  --bk-gray-2: #E3E4E5;
  --bk-gray-3: #D0D1D4;
  --bk-gray-4: #ABADB3;
  --bk-gray-5: #737781;
  --bk-gray-6: #454A57;
  --bk-gray-7: #3D424E;
  --bk-gray-8: #30333C ;
  --bk-gray-9: #292C34;
  --bk-gray-10: #22242B;
  --bk-gray-11: #22242B;  /* 按钮disable(后期还原新增色值) */

  --T1: #FFFFFF;
  --T2: #d9d9d9;
  --T3: #C0C5CD;
  --T4: #1473e6;
  --T5: #35AB71;
  --T6: #DE4D42;
  --T7: #FCA044;
  --T8: #5d6670;
  --T9: #87909F;


  /* 列表悬停色 */
  --B0: #000;
  /* 列表悬停色 */
  --B1: #292C34;
  /* 背景色#1 */
  --B2: #111214;
  /* 背景色#2 */
  --B3: #18191C;
  /* 输入框背景色 */
  --B4: #23262d;
  --B5: #292D36;
  --B6: #0A0A0A;
  /* SVG 的背景色 */
  --svg-gray: #8E91AB;
  

  /* 分割线 */
  --L1: #252931;
  --L2: #463742;
  --L3: #454a57;

  --box-shadow: rgb(0 0 0 / 9%) 0px 7px 14px, rgb(0 0 0 / 9%) 0px 3px 6px, rgb(94 102 115 / 95%) 0px 0px 1px inset;
}