修改modifyVars后样式未生效，因Less仅构建时编译变量；ConfigProvider的theme对Modal/Message等静态方法无效，因其脱离context；运行时换肤须用CSS Variables而非modifyVars。
修改 modifyVars 后样式没生效？检查 Webpack Less 编译链路
直接改 modifyVars 但页面颜色不变，大概率是 Less 没重新编译进最终 CSS。Ant Design 的主题变量（如 @primary-color）只在 Less 构建阶段注入，运行时改配置无效。
- 确认
less-loader版本兼容：v7+ 要用lessOptions，v6 及以下用options - 确保
javascriptEnabled: true已开启，否则@import和变量计算会失败 - 检查是否误用了
antd/es或antd/lib下的 JS 文件——它们不带样式，必须显式引入antd/dist/antd.less或对应入口 - 重启 webpack dev server，热更新不触发 Less 重编译
ConfigProvider 设置 theme 为什么对 Modal/Message 无效？
因为 Modal.xxx、message.error 这类静态方法内部调用 ReactDOM.render 创建新 React 树，脱离了你项目顶层 ConfigProvider 的 context。
- 要用
Modal.useModal()替代Modal.info()，它返回带当前 context 的 modal 实例 - 全局弹层建议包一层
App组件，再用createRoot渲染，避免 context 断层 -
ConfigProvider.config({ theme: { ... } })是全局静态设置，仅影响后续新创建的组件，不刷新已挂载节点
想运行时切换主题？别只靠 modifyVars，得用 CSS Variables + token
Less 编译是构建时行为，真要“点击换肤”，必须走 CSS 自定义属性（CSS Variables）路径，Ant Design 5.x+ 原生支持通过 theme 的 token 配置生成对应变量。
- 启用方式：
<configprovider theme="{{" cssvar: true token: colorprimary:></configprovider> - 变量名默认以
--ant-开头，可通过prefixCls改为--myapp-避免冲突 - 注意浏览器兼容性：IE 不支持，Safari 14.1+ 才完整支持 CSS Variables 动态更新
- 不要混合用 Less 变量和 CSS Variables——前者编译后写死，后者运行时可
document.documentElement.style.setProperty()覆盖
自定义组件样式时，@import 路径错在哪？
常见错误是直接 @import '~ant-design-blazor/es/button/style/index.less' 或类似路径，但 Ant Design（React 版）的 Less 入口已重构，es/ 目录下文件不再保证稳定。
立即学习“前端免费学习笔记（深入）”；
- 始终优先引用
antd/dist/antd.variable.less（支持 CSS Variables）或antd/dist/antd.less（传统 Less） - 若需覆盖单个组件，应
@import 'antd/es/button/style/index.less'，并确保项目 less 配置中设置了paths: ['node_modules'] - Blazor 版本的路径是
ant-design-blazor/es/...，React 版是antd/es/...，混用会导致找不到变量 - 暗黑模式等特殊主题需额外引入
antd/dist/themes/dark.less，且必须在主样式之后
prefixCls 却忘了同步更新 lessc --modify-var 命令里的 ant-prefix，结果变量名对不上，样式就丢了。 
