为什么单层 CSS box-shadow 看起来很“假”？
现实世界中的自然光源（如窗外的漫射日光或天花板筒灯）并不是一个无穷小的几何奇点，而是具有一定物理发光面积的面光源。阴影从物体底部延伸到远端时，会呈现出近端紧实深邃、远端柔和渐隐的高斯衰减效果。如果只写一层 `box-shadow: 0 10px 20px rgba(0,0,0,0.15)`，边缘会有非常突兀的脏灰色光晕，使卡片看起来像一块贴在背景上的死板纸片。
多层阴影衰减参数
Lucentool 采用现代物理渲染中的非线性幂函数衰减模型：通过将阴影拆解为 2 到 6 个互相叠加的微衰减层。底层提供紧贴物体边缘的环境光遮蔽（Ambient Occlusion），顶层提供大范围的柔和弥散，从而在任何屏幕上都呈现出媲美 Apple、Stripe、Linear 官方设计的高级通透空气感。
Tailwind CSS 深度兼容
- 任意值类名 (Arbitrary Value): 一键复制生成的 `shadow-[...]` 语法，可直接粘贴进 Tailwind 项目的 class 属性中，无需在 tailwind.config.js 里编写繁琐配置。