模板使用说明
建议根据项目类型选择合适的Scoped样式方案，React项目可考虑CSS Modules或Styled Components，Vue项目可使用Scoped CSS。注意处理全局样式和组件库样式的兼容性。生成的方案可直接应用于项目的样式架构设计中。
模板功能说明
本模板提供了完整的CSS模块化Scoped样式实现方案，涵盖CSS Modules、Vue Scoped CSS、Shadow DOM等多种技术方案。通过类名哈希、作用域限定等机制，确保样式只影响指定组件，防止全局污染。使用此模板能够帮助您构建可维护的样式架构，避免样式冲突问题。
参数表单
根据你的业务场景和内容需求，填写下方维度与字段信息，系统会据此拼装结构化 Prompt。
生成结果
完成参数填写并点击「使用此模板生成 Prompt」按钮后，这里会展示可直接复制到大模型里的提示词文本。