两层卡片阴影，怎样区分模糊和扩展

操作步骤

1. 打开 CSS 多层阴影编辑，先点恢复单层示例。第一层水平0、垂直8、模糊24、扩展0、颜色#172e42、不透明度20%，代码应包含0px 8px 24px 0px rgba(23, 46, 66, 0.2)。
2. 点击添加一层，将第二层垂直偏移改2、模糊改4、不透明度改10，其他参数不变。对照代码中有两组阴影，以逗号分开；第一组在绘制顺序上位于上方。
3. 只调整第二层扩展为4，观察阴影向外扩张，再改回0。扩展改变阴影轮廓大小，模糊控制边缘过渡，两者不能当同一个参数。
4. 勾选第二层的内阴影 inset，确认第二组代码以inset开头且预览变成内部阴影，再取消勾选。内外阴影混合以浏览器实际绘制为准。
5. 复制CSS或下载jijie-shadow.css，把.jijie-card选择器改成自己的卡片类。导出只包含box-shadow，不包含预览卡片宽度、背景或圆角；目标页面需自己设置这些样式。
6. 把任意层模糊改成-1，确认报错，旧CSS与下载不再可用。恢复为非负整数；也可逐层移除，全部移除后明确输出box-shadow: none。

跟着示例试一次

默认单层为向下8px、模糊24px、不透明度20%的深蓝阴影；第二层改成向下2px、模糊4px、不透明度10%。这不是滤镜或文字阴影，预览使用160px宽白色卡片，最终外观取决于目标背景与形状。

怎样确认结果正确

核对CSS顺序、px单位、RGBA颜色与0–1透明度；每一层均需独立检查。参数和层顺序由模型测试覆盖，浏览器原生box-shadow负责绘制。属性语义参考 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/box-shadow 。

常见问题与边界

最多4层；偏移±100px、模糊0–100px、扩展±50px、不透明度0–100%，仅整数和六位HEX。预览容器会裁剪大阴影，不能据此断定目标CSS也被裁剪；需检查目标容器overflow。不导入任意CSS，不自动评价视觉或无障碍质量，不生成text-shadow或drop-shadow。参数仅本页内存处理，不上传、不自动保存。