overwrite layout component style no work

[YIngChenIt]

Environment

Nuxt Version: 3.0.0

Reproduction

https://stackblitz.com/edit/github-hcvfnh?file=components/MainHeader.vue

Describe the bug

i want to overwrite <NuxtLayout name="header" /> style, but it is no work

<template>
  <NuxtLayout name="header" />
</template>

<style lang="scss" scoped>
.header {
  color: black;
}
</style>

Additional context

No response

Logs

No response