光从哪儿来先定

北京"望京组件库"的阮砚，要给卡片调一层往下沉、边缘柔、颜色偏冷灰的阴影。头两个滑块"水平偏移"填 0、"垂直偏移"填 12，对应声明里前两个长度，实测输出开头就是 0px 12px。六个滑块加一个复选框都是实时驱动，拖动那刻预览卡片就跟着变。

不透明度换成小数

"模糊半径"32、"扩散半径"0、"不透明度"22、"阴影颜色"#1f2937，还要把"内阴影 inset"这个复选框取消，阴影才往元素外面投。22 经 op.get()/100 的 toFixed(2) 转成 0.22，#1f2937 由 toRgb 解析成 rgb(31, 41, 55)，合成 rgba(31, 41, 55, 0.22)。取消之后声明里不带 inset 前缀。

一行声明四个长度

只读框里实测给出 box-shadow: 0px 12px 32px 0px rgba(31, 41, 55, 0.22);，四个长度依次是水平、垂直、模糊、扩散，末尾是颜色配不透明度合成的 rgba。.zab-result 那个容器这次是空的。这一行就是阮砚要粘进组件库的成品，逐字核过即可。

预览卡片剥掉属性名

.zab-preview 里源码把声明去掉属性名与分号，赋给 card.style.boxShadow，画出来的正是下沉 12px、边缘柔化 32px 的冷灰外阴影。确认无误后点那只复制按钮，文字短时换成"已复制"，复制走 copyText()，兜底用 document.execCommand('copy')。页面没有下载按钮，产物是一行 CSS。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。