优先处理全局样式和基础组件，通过Sass变量与混合宏重构reset规则，按功能拆分SCSS文件实现软重构，对新增模块启用BEM命名，并用主题与状态模块集中管控样式变量。
从最影响开发效率和样式冲突最严重的地方开始，优先处理全局样式和基础组件。
老项目往往在 reset.css 或 base.css 里堆砌大量无作用域的标签选择器（如 div, p, ul）和通配符（*{margin:0; padding:0}），这是样式污染的源头。用 Sass 提取为变量+混合宏，比如：
$color-primary、$spacing-md 等变量@mixin reset-block、@mixin form-reset
@include reset-block
识别高频复用但命名混乱的模块，例如按钮、卡片、弹窗、表单控件。不急于重写，而是用 Sass 的 @use + 文件拆分做“软重构”：
_button.scss，只放 .btn 及其变体（.btn--primary、.btn--sm）的样式@use "button" 替代原有按钮样式块不强求全量改名，而是对新增或重度修改的模块启用 BEM。例如一个已有 .user-info 区块，重构时升级为：
user-info
user-info__avatar
user-info__name
user-info__status user-info__status--active
配合 Sass 的嵌套语法，逻辑更内聚，也方便未来提取为独立组件。
老项目常有硬编码的颜色/尺寸值散落在各处。借助 Sass 的模块能力集中管控：
_theme.scss 定义主题色、暗色模式开关、断点等_state.scss 统一管理 :hover、:disabled、.is-loading 等状态样式改造不是推倒重来，而是让旧代码可读、可维护、可扩展——每一步都该让当下开发更顺一点。