阴影

box-shadow 的写法是「横向偏移 纵向偏移 模糊半径 颜色」，比如 0 4px 12px rgba(0,0,0,0.1) 表示向下偏移 4px、模糊 12px、10% 不透明度的黑色。好看的阴影通常向下偏移、模糊较大、颜色很淡。

阴影表达的是高度，越往上浮的元素阴影越大。常见分层：卡片用很浅的小阴影，悬停时加深；下拉菜单、气泡卡片用中等阴影；弹窗、抽屉用最大的阴影。Material Design 把这套分层叫 Elevation。

新手常见问题是阴影太黑太硬，比如 0 0 10px black，显得廉价。浅灰背景上也可以用细边框代替阴影。深色模式下阴影几乎看不见，通常改用更亮的背景色区分层次。