:global用法

  :global {
    .arco-col {
      &:nth-last-child(1), &:nth-last-child(2) {
        margin-bottom: 0;
      }
    }
  }

 :global {
    .arco-carousel-card .arco-carousel-item-prev {
      opacity: .4;
      transform: translateX($left-offset) translateZ($sideZ) rotateY(-15deg);
    }
  }

    :global{
        .video-cloud-countdown-time-wrap{
          display: flex;
          flex-grow: 1;
        }
    }

    :global(.byte-input)::placeholder {
      font-size: 14px;
      color: rgba(24, 24, 24, .5);
    }

sass
@keyframes:global(arco-carousel-card-middle-to-top) {
  0% {
    opacity: .4;
    transform: translateX($right-offset) translateZ($sideZ) rotateY(15deg);
  }

  100% {
    opacity: 1;
    transform: translateX(-50%) translateZ(0);
  }
}

它表示匹配 class 名为 "highlight-word" 的元素，
该元素必须是 .search-result-item 元素的后代元素，
且 :global() 表示该选择器是全局的，不受 CSS 模块化的限制。
.search-result-item :global(.highlight-word)