body {
  scroll-behavior: smooth;
  font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-feature-settings: "liga" 0;
  font-variant: no-common-ligatures proportional-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.fs-smaller {
  font-size: smaller !important;
}
.focus-outline-none:focus {
  outline: none !important;
  box-shadow: none;
}
.focus-border-secondary:focus {
  border-color: var(--bs-secondary);
}

.h-375 {
  height: 325px !important;
}
.h-200 {
  height: 200px !important;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }
  .h-sm-500 {
    height: 525px !important;
  }
}
@media (min-width: 992px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }
  .h-sm-500 {
    height: 525px !important;
  }
  .h-md-375 {
    height: 375px !important;
  }
  .h-md-625 {
    height: 725px !important;
  }
}
@media (min-width: 1200px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }
  .h-sm-500 {
    height: 525px !important;
  }
  .h-md-375 {
    height: 375px !important;
  }
  .h-md-625 {
    height: 725px !important;
  }
}
@media (min-width: 1400px) {
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }

  .h-sm-300 {
    height: 300px !important;
  }
  .h-sm-500 {
    height: 525px !important;
  }
  .h-md-375 {
    height: 375px !important;
  }
  .h-md-625 {
    height: 725px !important;
  }
}

.webkit-line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.webkit-line-clamp-1 {
  -webkit-line-clamp: 1;
}
.webkit-line-clamp-2 {
  -webkit-line-clamp: 2;
}
.webkit-line-clamp-3 {
  -webkit-line-clamp: 3;
}