@scope 作用域内样式

可以让某个作用域内样式与外界隔绝，不会继承外部样式：

@scope (.card) {
  header {
    color: var(--text);
  }
}

如上定义后，.card 内 header 元素样式就被确定了，不会受到外界影响。如果我们用 .card { header {} } 来定义样式，全局的 header {} 样式定义依然可能覆盖它。