用途：styled-jsx 让开发者直接在 React 组件内用 <style jsx> 标签编写 CSS，样式自动限定在该组件内，避免类名冲突与全局样式泄漏。它随 Next.js 默认集成，在 Next.js 项目中无需额外安装。
主要能力：基础用法是在组件内写 <style jsx>{...}</style>；样式须写在带反引号的模板字符串中。动态样式可在模板字符串里插入 JavaScript 表达式，按 props 切换颜色等。全局样式用 <style jsx global> 将样式作用于全局。还可用 styled-jsx/css 的 css API 把样式抽成变量复用，用 css.global 定义全局外部样式，用 css.resolve 取得 className 与 styles 元素，以便传给子组件为其元素设置样式。
使用方式：样式默认为组件作用域，需要全局时加 global 属性；一个组件内通常只放一个 <style jsx>，多个也能工作。在 Next.js App Router 中，使用 <style jsx> 的组件必须是客户端组件，需加 "use client" 指令，因为它依赖客户端组件边界。
适用场景：适合 React 与 Next.js 中需要组件级样式隔离、按 props 生成动态样式、以及在子组件上应用解析后样式的场景。
限制：必须使用模板字符串书写样式；App Router 下仅限客户端组件，需加 "use client"；为子组件元素设置样式需借助 css.resolve；其余安装、配置、版本与收费等信息资料暂未提供。