:root {
  --btn-bg-active-color: #00a7e1;
  --btn-bg-disabled-color: #ccdfe850;
  --btn-text-active-color: #ffffff;


  --btn-bg-secondary-color: transparent;
  --btn-bg-secondary-disabled-color: #f5f5f550;

  /* 浅色背景 */
  --success-color-0: #30D158;
  --success-color-1: #D6F4DE;


  --warning-color-0: #FFC24D;
  --warning-color-1: #F6EAD0;


  --error-color-0: #FF4D4D;
  --error-color-1: #F6DBD8;

  --marketing-color-0: #FF6B35;
  --marketing-color-1: #FF9741;


  --info-primary-color: #080A0F;
  --info-secondary-color: #2A2C32;
  --info-tertiary-color: #4A4C56;
  --info-quaternary-color: #767880;
  --info-white-color: #FFFFFF;

  --container-primary-color: #EAEAEC;
  --container-secondary-color-0: #F5F6F7;
  --container-secondary-color-1: #ffffff;

  --bg-color-0: #F5F6F7;
  --bg-color-1: #ffffff;

  
  --masks-color-0: rgba(0, 0, 0, 0.2);
  --masks-color-1: rgba(0, 0, 0, 0.6);

  --secondary-brand-color-1: #042637;
  --secondary-brand-color-2: #b3ecfb;
  --secondary-brand-color-3: #f8f7f6; 

  --lines-color: #DADCE0;
  --line-color: #e9e9e9;
  --line-color-1: #ddd;
  --line-color-2: #1d1d1f;

  --line-height-base: 1.2;

  --letter-spacing-normal: -0.02em;
  --line-height-tight: 1.2;
  --line-height-normal: 1.4;
  --line-height-loose: 1.6;

  --tabs-list-bg-color: var(--container-primary-color);

  --box-radius: 12px;
  --box-radius-small: 8px;
  --card-radius: 12px;
  --tabs-radius: 0px;
}


.aiui-dark {
  --btn-text-active-color: #ffffff;
  --btn-bg-secondary-color: transparent;

   /* 深色背景 */
  --success-color-0: #2BBC4F;
  --success-color-1: #204028;

  --warning-color-0: #E6AF45;
  --warning-color-1: #33270F;

  --error-color-0: #E64545;
  --error-color-1: #330F0F;

  --marketing-color-0: #FF6B35;
  --marketing-color-1: #FF9741;


  --info-primary-color: #F5F6F7;
  --info-secondary-color: #B5B7BB;
  --info-tertiary-color: #8A8D92;
  --info-quaternary-color: #75787F;
  --info-white-color: #1E2024;

  --container-primary-color: #1E2024;
  --container-secondary-color-0: #373A40;
  --container-secondary-color-1: #F5F6F7;

  
  --bg-color-0: #000000;
  --bg-color-1: #1E2024;

  --lines-color: #3A3C40;

  --line-masks-color-0: rgba(245, 245, 247, 0.2);
  --line-masks-color-1: rgba(245, 245, 247, 0.6);

  --tabs-list-bg-color: var(--container-primary-color);


  --masks-color-0: rgba(255, 255, 255, 0.2);
  --masks-color-1: rgba(255, 255, 255, 0.6);
  
}


@media (min-width: 1024px) {
  :root {
    --card-radius: 16px;
  }
}

@media (min-width: 1441px) {
  :root {
    --box-radius: 16px;
  }
}

@media (min-width: 1024px) {
  :root {
    --card-radius: 16px;
  }
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  /* bottom: -24px!important; */
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(1)!important;
}

.swiper-pagination-bullet-active {
  background-color: #000000;
}

.swiper-custom-white .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.tab-switch-wrap {
  &::-webkit-scrollbar {
    display: none;
  }
}

:focus-visible {
  outline-width: 0 !important;
  outline-color:
    rgba(15, 82, 159, 0) !important;
}