Neumorphism

可以。本工具通过调整「水平偏移」和「垂直偏移」两个滑块来控制阴影方向。水平偏移为正时阴影偏右，为负时偏左；垂直偏移为正时阴影偏下，为负时偏上。想模拟左上光源，将水平偏移设为负值（如 -5px）、垂直偏移设为负值（如 -5px）即可。两个偏移值配合，能模拟任何角度的光源，不限于固定几个方向。

新拟物风格的核心是「双阴影」—— 同时有亮色高光阴影和暗色投影。如果只看到一种阴影，通常是「阴影颜色」没设置好。检查两个地方：1）「左上阴影颜色」应设为比背景更亮的颜色（如背景 #e0e0e0，阴影设为 #ffffff）；2）「右下阴影颜色」应设为比背景更暗的颜色（如 #bebebe）。如果两个阴影颜色跟背景色太接近，立体感就会消失。另外，圆角值太小（< 10px）也会削弱效果。

本工具生成的 CSS 直接包含 -webkit- 前缀版本，兼容 Chrome、Safari、Edge 等主流浏览器。复制后可直接粘贴到 CSS 文件中使用，无需额外加前缀。唯一需要注意的是，老项目如果用了 scoped 样式或 CSS Modules，可能需要根据框架规则调整选择器作用域。另外，box-shadow 属性本身是标准 CSS，不需要额外 polyfill，IE11 及以下不支持。

新拟物风格对深色背景支持较差，因为其原理依赖「亮暗双阴影」在浅色背景上形成的视觉错觉。深色背景上，亮色阴影变得不明显，暗色投影也很难拉开层次。如果必须用深色背景，建议：1）背景色不要低于 #2a2a2a；2）亮色阴影使用接近白色的高亮（如 #4a4a4a），暗色阴影使用纯黑或极深色（如 #0a0a0a）；3）增大阴影的模糊半径（15px 以上），让过渡更柔和。但效果仍不如浅色背景自然。

完全在浏览器本地运行，没有任何图片或颜色数据上传到服务器。工具实现方式标注为「FE」（前端），所有阴影计算、颜色混合、CSS 代码生成都在用户浏览器中完成。刷新页面或关闭标签页后，所有临时数据立即消失。不需要担心隐私问题，也不需要网络连接，离线状态下也能正常使用（前提是页面已经加载过）。

区别在阴影的数量和颜色。普通扁平阴影通常只有一个单色投影（如 rgba(0,0,0,0.3)），模拟的是物体悬浮在背景上方。新拟物风格使用两个阴影——一个亮色高光和一个暗色投影，分别放在元素的对角位置，模拟的是物体嵌入或凸出于背景的「材质感」。结果上，新拟物看起来像软塑料或磨砂玻璃，有「按下凹陷」的物理感，而扁平阴影只是单纯的「悬浮」。本工具生成的代码默认包含这两种阴影。

可以。切换工具界面上的「凸起/凹陷」模式（或类似名称的开关）即可生成 inset 阴影。凹陷效果本质是将亮色阴影放在右下、暗色阴影放在左上，与凸起模式相反。生成后的 CSS 代码中 box-shadow 会带 inset 关键字。注意：凹陷效果对圆角大小更敏感，建议圆角值设置在 8-15px 之间，过小或过大会让内凹感失真。

常见原因是浏览器的像素比差异。电脑显示器通常为 1x 或 2x 像素比，而手机多为 2x-3x。如果阴影的模糊半径设置过大（如 30px），在手机的高密度屏幕上，阴影扩散范围会显得更大、边缘更模糊。建议：1）将模糊半径控制在 8-20px 之间；2）适当减小阴影扩散值（spread 参数设为 0 或负值）；3）在手机浏览器中直接打开本工具页面实时预览调整，直到效果满意再复制代码。