/* 主题 style.css 里找到这条 */
.btn { background: #f60 !important; }
/* 改成 */
:where(.btn) { background: #f60; }
在 Elementor 里把按钮背景改成品牌绿，保存后前台还是主题的橙色，开发者工具里 .btn 的 background 被主题样式加了 !important，构建器写的规则排在前面。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：主题的按钮样式在构建器 CSS 之后加载，又带了 !important，同权重下后者胜出。构建器把样式写在 #elementor 作用域里，主题选择器多一层 body，优先级算下来还是高。
「构建器主题样式覆盖」排查到最后往往是很小的一处差异，前面那些复杂猜测可以先放一放。监控和日志的时间要对上，时区不一致会多绕很大一圈。
临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。
处理上按这个顺序：在开发者工具里看 Computed 面板，确认最终生效的是哪条规则；把主题里那条 !important 去掉，或改成 :where(.btn) 降低权重；构建器这边加一层父级选择器提高优先级，别跟着加 !important。
确认没问题再收工，按钮在前台显示品牌绿，换页面和清缓存后都不回退。