CSS Modules 的作用域是文件级局部作用域，不是整站全局。把样式文件命名为 xxx.module.css 后，Vite 或 webpack 的 css-loader 会在构建时把类名改成带哈希的唯一名字，例如 .title 变成 .title_a1b2c。组件里需要 import styles from "./a.module.css"，再用 className={styles.title} 才能命中；页面上直接写 class="title" 匹配不到这个局部类。不同文件里的同名 class 因此不会互相覆盖。如果某个类必须给外部使用，用 :global(.btn) 或 :global { .btn {} } 声明为全局。复用已有局部类可以用 composes: base from "./base.module.css"。另外注意：标签选择器（如 div、h1）默认仍是全局的，只有 class 和 id 会被局部化；并且只有 *.module.css 会启用 Modules，普通 .css 仍然全局生效。