工具介绍
新拟态CSS生成器是一个可以快速生成新拟态（Neumorphism）风格CSS代码的在线工具，支持自定义背景色、阴影参数、圆角和凹凸样式，实时预览效果。
使用方法
- 选择你喜欢的背景颜色（新拟态风格建议使用浅灰色系）
- 调整阴影模糊程度、阴影偏移距离和圆角大小
- 选择样式类型：凸起或凹陷
- 在预览区查看实时效果，满意后点击「复制代码」即可复制生成的CSS代码
实现原理
新拟态风格通过两个方向的阴影模拟立体效果：
- 凸起效果：使用两个外部阴影，左下角为深色阴影，右上角为浅色阴影
- 凹陷效果：使用两个内部（inset）阴影，左下角为深色阴影，右上角为浅色阴影
阴影颜色由背景色通过调整亮度生成，比背景亮一点作为高光，暗一点作为阴影，以此实现柔和的立体效果。
使用建议
- 背景色建议选择饱和度较低的浅色，更能体现新拟态的柔和风格
- 阴影距离建议不要太大，一般在 2~8px 效果最佳
- 新拟态适合做按钮、卡片、输入框等组件，不适合大面积使用