// public.scss
.van-nav-bar {
  z-index: 999;
  padding-top: calc(var(--status-bar-height) + 15px) !important;
}

.van-cell {
  //padding: 8px !important;
}

.van-divider {
  margin: 5px 0 !important;
}

.van-popup--bottom.van-popup--round {
  border-radius: 10px 10px 0 0 !important;
  background: #f2f2f2;
}

.van-tabs__nav--line.van-tabs__nav--shrink,
.van-tabs__nav--line.van-tabs__nav--complete {
  padding-left: 0;
}

.van-tab--grow {
  margin: 0 20px 0 0;
  padding: 0;
}

.van-tab--grow:last-child {
  margin-right: 0;
}

.van-radio-group {
  & .van-radio {
    .van-radio__icon--checked {
      .van-icon {
        border-color: $theme-color;
        background-color: $theme-color;
      }
    }
  }
}

.van-checkbox-group {
  & .van-checkbox {
    .van-checkbox__icon--checked {
      .van-icon {
        border-color: $theme-color;
        background-color: $theme-color;
      }
    }
  }
}

.van-switch--on {
  background: $theme-color;
}

.van-toast {
  padding: 10px 16px !important;
  border-radius: 5px !important;
  background-color: rgba(50, 50, 51, 0.9) !important;
  color: white !important;
  font-size: 14px !important;

  &--success {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }

  &--fail {
    background-color: rgba(0, 0, 0, 0.7) !important;
  }
}

.contenteditable {
  width: 100%;
}

.contenteditable-input {
  width: 100%;
  padding: 5px 8px;
  border: none;
  border-radius: 8px;
  background: #fafbfc;
  outline: 1px solid #f4f4f4;
  font-size: 14px;
}

.contenteditable-label {
  width: 100%;

  //outline: 1px solid #ccc;
  //border-bottom: 1px solid #ccc;
}

.contenteditable-question-title {
  & > .van-cell__title {
    position: relative;

    &::after {
      content: ' ';
      position: absolute;
      bottom: -2px;
      box-sizing: border-box;
      width: 100%;
      border-bottom: 0.0267rem solid #fff;
      pointer-events: none;
      transform: scaleY(0.5);
    }

    &:focus-within::after {
      border-bottom-color: $theme-color;
    }

    & .contenteditable-label {
      & :focus {
        //color: green;
      }
    }
  }
}

.van-action-sheet-title {
  padding: 18px 21px 6px;
  font-weight: 600;
  font-size: 19px;
}

.van-dialog__confirm {
  color: $theme-color;
}

.van-dialog__confirm,
.van-dialog__confirm:active {
  color: $theme-color;
}

.round-group {
  overflow: hidden;
  margin: 13px 10px;
  background-color: #fff;
}

.van-checkbox__icon--checked .van-icon {
  border-color: $theme-color;
  background-color: $theme-color;
}

.van-grid-item__content {
  padding: 8px 10px;
  border-radius: 10px;
}

.yl-select {
  position: relative;
  overflow: hidden;
  max-width: 95vw;
}

.el-select__wrapper::after {
  content: '\e65b';
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 10px;
}

.el-select__suffix {
  display: none;
}

// 自定义下拉箭头样式
.el-select__caret {
  color: $theme-color; // 修改箭头颜色
  font-size: 18px; // 修改箭头大小
  transform: rotate(0deg); // 修改箭头旋转角度（默认是0度，展开时会旋转180度）
}

.el-cascader__tags .el-tag {
  background: $theme-color;
  color: #fff;
}

.el-tag .el-tag__close {
  color: #fff;
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: $theme-color;
}

.el-checkbox__inner:hover {
  border-color: $theme-color;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: $theme-color;
  background: $theme-color;
}

.el-input,
.el-input__wrapper {
  background: #fafbfc;
}

.el-select__caret.is-reverse {
  transform: rotate(180deg); // 展开时旋转180度
}

.el-select {
  border: none;
}

.el-select__wrapper {
  background: #fafbfc;
}

.el-select-dropdown__item.is-selected {
  color: $theme-color;
}

input {
  outline: none;
}

.el-input__wrapper,
.el-select__wrapper {
  box-shadow: none;
}

.el-cascader .el-input.is-focus .el-input__wrapper,
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-cascader:not(.is-disabled):hover .el-input__wrapper {
  box-shadow: 0 0 0 0.0267rem $theme-color inset;

  &::after {
    color: $theme-color;
  }
}

.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #fff !important;
  color: #2dc26b !important;
}

.primary-button.van-button--disabled {
  border: 1px solid #979797 !important;
  background-color: #d8d8d8 !important;
  color: #4b4b59 !important;
  font-weight: unset !important;
}

.editor-placeholder {
  position: relative;

  &::after {
    color: #c8c9ca;
    content: attr(data-placeholder);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; // 确保占位符不会干扰用户输入
  }
}

.content-title,
.introduction {
  .editor-placeholder {
    &::after {
      color: #fff;
    }
  }
}

.van-field__label--required {
  &::before {
    display: none !important;
  }
}

.ml5 {
  margin-left: 5px;
}

.ml5 {
  margin-left: 5px;
}

.el-table thead th {
  font-weight: unset;
}

.van-popup--bottom.van-popup--round {
  background: linear-gradient(180deg, #e8fad7 0%, #ffffff 8%);
}
//background: linear-gradient( 180deg, #E8FAD7 0%, #FFFFFF 100%);

.el-input-number__decrease,
.el-input-number__increase {
  display: none;
}
.el-input-number .el-input__wrapper,
.el-input-number.is-controls-right .el-input__wrapper {
  padding: 0;
}
