minnan-collect-web/src/assets/scss/fix.scss

@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)
}
.dynamic-form-group {
  padding: 90px;
  background-color: #fff;
  border-radius: 15px;

  > h5 {
    text-align: center;
  }
}
.ant-form-item {
  margin-bottom: 48px !important;

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

.ant-input[disabled] {
  color: #000000!important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #000000!important;
}
.ant-picker .ant-picker-input >input-disabled, .ant-picker .ant-picker-input >input[disabled] {
  color: #000000!important;
}
.ant-input-number-disabled .ant-input-number-input, .ant-input-number-readonly .ant-input-number-input {
  color: #000000!important;
}
.ant-radio-wrapper-disabled {
  color: #000000!important;
}
.ant-checkbox-disabled+span {
  color: #000000!important;
}

.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;
  word-break: break-all;
  max-width: 100%;
  max-height: 60px;
  overflow: hidden;
  overflow-y: scroll!important;
  font-size: 1rem;
}
.ant-upload-select-picture-card {
  overflow: hidden;
}

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