它是一个新拟态效果的“可视化调节器”。
新拟态（Neumorphism）是一种介于扁平化和拟物化之间的设计风格——元素看起来像是从背景里“凸出来”或“凹进去”的，靠两个方向相反的柔和阴影来营造立体感，看起来像一块软软的塑料或橡皮泥。
这种效果要用 box-shadow 精细调两个阴影（一亮一暗），手动调很费劲。这个小工具把这些变成了滑块和按钮，改一下就能看效果，还自动生成 CSS 代码。
主要能做什么？
背景颜色：取色器 + HEX 输入框 + 5 个预设色点（经典灰、深灰、浅蓝、淡黄、柔粉）。
4 种光源方向：左上、右上、右下、左下，点一下切换阴影方向。
4 种拟态形态：
Flat：经典平坦（凸起）
Concave：凹面渐变
Convex：凸面渐变
Pressed：内凹按下（像被按下去）
5 个可调参数（滑块）：
元素大小（80~260px）
圆角弧度（0~100px）
阴影偏移（1~50px）
模糊程度（0~100px）
光照强度（0.01~0.6，控制阴影深浅）
实时预览：改任何参数，中间的立体方块立刻更新。
自动生成 CSS：下面文本框实时显示：
border-radius
background（纯色或渐变）
box-shadow（两个方向的阴影）
快捷复制：每个参数旁边都有“复制”按钮，可以单独复制某项属性。
精美示例：点一下套用冰蓝色凹面效果。
重置参数：恢复默认。
适合谁用？
前端开发者：做新拟态风格的按钮、卡片时快速调参。
网页设计师：想给界面加柔和立体感。
做 App / 后台管理系统的人：新拟态在仪表盘、开关上很常用。
学 CSS 的人：理解 box-shadow 双阴影技巧。
写教程的人：演示新拟态的实现。
任何想要柔立体效果的人。
用起来是什么感觉？
打开页面，顶部是一个深色大卡片，写着“Neumorphic Generator”，状态栏提示“新拟态 (Neumorphism) CSS 调色板已就绪”。
下面是实时预览区，浅灰背景，中间一个圆角方块，浮在上面，左上有亮阴影、右下有暗阴影，写着“Neumorphism”。点一下方块会有提示。
再下面是参数控制区，十块小面板：
背景颜色：取色器 + 输入框 + 5 个颜色小圆点
光源方向：四个按钮（↖ 左上 / ↗ 右上 / ↘ 右下 / ↙ 左下）
拟态形状：四个按钮（Flat / Concave / Convex / Pressed）
元素大小：滑块 + 数字
圆角弧度：滑块 + 数字
阴影偏移：滑块 + 数字
模糊程度：滑块 + 数字
光照强度：滑块 + 数字
每行右边都有“复制”按钮，可以单独复制那项属性。
再下面是生成的 CSS 代码，一个只读文本框，实时更新。
底部三个按钮：
加载精美示例：套用冰蓝色凹面效果
重置初始参数：恢复默认
一键复制 CSS 代码（绿色）：整段复制
操作流程就是：
选颜色、光源方向、拟态形状
拖滑块调大小、圆角、阴影
看预览变化
满意了点“一键复制 CSS 代码”
粘到项目里，改个选择器就能用
整个过程实时反馈、所见即所得。
对做新拟态风格、想加柔立体效果的人来说，比手写 box-shadow 双阴影、反复试参数快多了，调起来也直观。