1. 01选择盒阴影、新拟态或毛玻璃。
2. 02盒阴影模式可添加多层，点选一层后调整 X/Y、模糊、扩散、不透明度、颜色与内阴影。
3. 03新拟态选择背景色、凸起/凹陷，并调距离、模糊和明暗强度。
4. 04毛玻璃设置色调、背景透明度、模糊和边框透明度；底部复制实时生成的 CSS。

• 盒阴影 X/Y 范围 -100–100 px、模糊 0–200 px、扩散 -50–50 px、不透明度 0–100%，至少保留一层。
• 新拟态距离 2–50 px、模糊 0–100 px、强度 5–30%；深浅色通过 colord 对背景色做 darken/lighten 得到。
• 毛玻璃模糊 0–40 px，背景和边框透明度 0–100%；代码同时输出标准和 -webkit-backdrop-filter。
• 预览仅展示浏览器 CSS 效果；实际页面还受父级背景、叠层、性能与浏览器支持影响。
• 不做什么：不导出图片、不生成复杂 SVG 阴影，也不自动写入你的项目样式表。

所有参数和 CSS 都只在浏览器当前页面中计算，不上传、不持久化。