/* loading */

.oc-loading {
  min-height: 40rem;
  position: relative;
}

.loading-wrapper {
  display: none;
}

.oc-loading .loading-wrapper {
  position: absolute;
  inset: 0;
  background-color: rgb(255 255 255 / 70%); /* 略微提高透明度，确保背景可见 */
  display: flex;
  font-size: 4rem;
  align-items: center;
  justify-content: center;

  /* 确保它覆盖容器内的所有内容 */
  z-index: 10;
}

/* .oc-loading .empty-wrapper {
  display: none;
} */

.empty-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  font-size: 2rem;
  align-items: center;
  background-color: rgb(255 255 255 / 50%);
  justify-content: center;
  z-index: 10;
}

.loading-wrapper .icon-loading {
  color: var(--scc-color-primary);
  animation: rotating 3s linear infinite;
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(1turn);
  }
}

/* 文字高亮 */
.text-highlight {
  color: var(--scc-color-primary);
}