Next.js CSS 方案

内置支持

方案	用法
CSS Modules	page.module.css → 自动作用域隔离
Tailwind CSS	创建项目时可选
Global CSS	globals.css，只在 layout.tsx 中 import
CSS-in-JS	客户端组件中使用

CSS Modules

/* page.module.css */
.title { color: blue; }

import styles from './page.module.css'
<h1 className={styles.title}>标题</h1>