请介绍一次你封装前端组件的经历，以及你是如何解决组件间的 CSS 冲突的。

回答思路

1. 说明封装组件的动机、职责边界与复用场景
2. 能列举至少一种CSS冲突的常见成因，如全局选择器污染或样式优先级问题
3. 给出具体解决手段，如CSS Modules、BEM、CSS-in-JS、作用域样式或设计变量
4. 能总结不同方案的适用场景与权衡