Vue3 scoped 样式改不动子组件，:deep() 该怎么写

scoped 会给当前组件模板里的元素加 data-v 属性，子组件内部的节点拿不到，所以直接写子组件的类名不生效。要用 :deep() 把选择器穿透下去，写成 .wrapper :deep(.child-class)。注意 :deep() 前面必须挂一个属于本组件的选择器，单独写 :deep(.x) 在某些版本里会被整条丢掉；若只是传几个颜色间距，用 CSS 变量比穿透更稳。

<style scoped>
.wrapper :deep(.el-input__inner) {
  border-radius: 8px;
}
</style>