要修复Chrome浏览器插件页面样式错乱的问题，可以尝试以下方法：
1. 检查CSS文件是否正确加载。确保CSS文件在正确的路径下，并且没有语法错误。可以使用开发者工具（按F12键）查看CSS文件的源代码，并检查是否有语法错误。
2. 检查CSS文件中的类名和ID是否拼写正确。如果类名或ID拼写错误，可能会导致样式错乱。请检查CSS文件中的类名和ID，确保它们拼写正确。
3. 检查CSS文件中的媒体查询。如果CSS文件中包含媒体查询，请确保媒体查询的条件正确。例如，可以检查媒体查询中的宽度、高度等属性值是否正确。
4. 检查CSS文件中的变量。如果CSS文件中使用了变量，请确保变量的值正确。例如，可以检查变量的初始值、变化范围等是否正确。
5. 检查CSS文件中的嵌套样式。如果CSS文件中包含嵌套样式，请确保嵌套样式的顺序正确。例如，可以检查内联样式、外部样式等的顺序是否正确。
6. 检查CSS文件中的默认样式。如果CSS文件中包含默认样式，请确保默认样式的设置正确。例如，可以检查默认字体、背景颜色等是否正确。
7. 尝试清除浏览器缓存和cookies。有时候，浏览器缓存和cookies可能导致样式错乱。可以尝试清除浏览器缓存和cookies，然后重新加载插件页面。
8. 如果以上方法都无法解决问题，可以考虑使用第三方工具进行代码审查。例如，可以使用Stylelint等工具对CSS文件进行代码审查，以发现潜在的问题。