@use "./colors.scss" as *;

.carousel-light {
  --vc-nav-color: #fff;
  --vc-clr-primary: #fff;
  --vc-clr-secondary: #cfcfcfc4;
  --vc-pgn-background-color: #cfcfcfc4;
  --vc-clr-white: #333333;
  --vc-pgn-active-color: var(--vc-clr-primary)
}
.ant-form-item {
  margin-bottom: 48px;

 .ant-form-item-label > label {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
 }
}

.ant-list.light-round {
  padding: 0.4rem;

  .ant-list-item {
    background-color: #fff;     // 每条背景白色
    border-radius: 8px;         // 圆角
    margin-bottom: 0.8rem;      // 条目间距
    padding: 1rem 1.2rem;       // 内边距，可按需调整
    transition: box-shadow 0.2s;
    border: 1px solid #eeeeee;

    &:last-child {
      margin-bottom: 0;         // 最后一条去掉底边距
    }

    &:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    }
  }
}
.ant-descriptions.light {
  .ant-descriptions-view {
    background-color: #fff;
  }
}
.ant-upload-list-item-name {
  white-space: wrap!important;
}

.dynamic-form-group {
  margin-bottom: 10px;
  padding: 35px;

  .title {
    display: inline-block;
    border-radius: 10px;
    background-color: $border-active-color;
    color: $text-color-light;
    padding: 3px 6px;
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .ant-form-item {
    margin-bottom: 24px !important;
  }
  .dynamic-form-group {
    padding: 25px;
  }
}
@media screen and (max-width: 425px) {
  .dynamic-form-group {
    padding: 10px;
  }
}

//utils-fix

.color-primary {
  color: $primary-color!important;;
}
.bg-primary {
  background-color: $box-primary-color!important;;
}