CSS样式复用技巧：@import管理UI组件

现代CSS开发中，@import因同步阻塞加载、无法并行请求、不支持懒加载、构建时丧失按需灵活性以及在

为什么 @import 在现代 CSS 工程里越来越不推荐

因为它的加载是同步阻塞的，浏览器必须等被导入的文件完全下载、解析完，才会继续处理后续样式。哪怕只在末尾写一个 @import url("reset.css");，也会拖慢整个页面的样式构建流程。

• 它无法并行加载：多个 @import 会串行请求，而 可并行
• 它不支持媒体查询条件的懒加载（比如 @import url("print.css") print; 仍会触发初始网络请求）
• Webpack/Vite 等工具默认把 @import 当作静态依赖提前打包，反而失去按需加载灵活性
• 在