要在layui layer弹窗中应用外部CSS，须先用layer.config()的extend参数加载CSS路径并指定匹配的skin值，再于layer.open()中传入同名skin选项，否则样式不生效。
要在layui layer弹窗中应用外部CSS样式文件，必须通过layer.config()的extend参数加载CSS路径，且该配置需在layer.open()调用前完成，否则样式不会注入到页面中。
全局配置外部CSS（所有弹窗生效）
第一步：在页面初始化阶段（如DOMContentLoaded或layui.use回调内）调用layer.config()
第二步：传入extend参数，值为相对于当前HTML文件的CSS路径字符串，例如：'skin/custom.css'
第三步：必须同时指定skin参数，否则extend加载的样式类名不会被挂载到弹窗容器上——【skin值必须与CSS文件中定义的类名完全一致】
立即学习“前端免费学习笔记（深入）”；
第四步：调用layer.open()时显式传入skin选项，如skin: 'my-custom-skin'，此时layer会自动将该类名加到
单次弹窗独立加载CSS
方法一：先调用layer.config({ extend: 'skin/one.css' })，再立即调用layer.open({ skin: 'skin-one' })
方法二：在open前用document.createElement动态插入link标签，但需确保CSS加载完成后再open——这一步容易因异步导致样式闪失，不推荐。
方法三：直接在content内容里用
验证CSS是否成功加载
打开浏览器开发者工具，检查
下方是否出现节点检查弹窗最外层DOM元素（.layui-layer）是否带有你指定的skin类名，如class="layui-layer my-custom-skin"
若类名存在但样式未生效，大概率是CSS选择器权重不足，需在自定义CSS中使用!important或更精确的路径，例如：.my-custom-skin .layui-layer-title { background: #1e9fff !important; }
