box-shadow
CSS属性，用于在元素边框外添加阴影效果，常用于焦点环或卡片阴影，但不会触发布局偏移；在 overflow:hidden 容器中会被裁切
时间轴 (近 90 天)
焦点环应使用 `outline` 而非 `box-shadow`，因为 `outline` 不触发布局偏移，也不会被父元素的 `overflow: hidden` 裁掉；`box-shadow` 焦点环在滚动容器里常莫名消失。
对于背景不可预测的元素（如照片或视频上的按钮），作者会叠加第二层焦点环——白色轮廓加黑色光晕，此时才使用 `box-shadow` 作为双层补充，并接受其裁切风险。
在 Windows 高对比度模式（forced-colors）下，`outline` 比 `box-shadow` 更可靠地保留，这是作者默认使用 outline 的另一个原因。
在"总要查文档的属性"投票中，grid 以 22 票居首，渐变以 14 票第二，box-shadow 以 10 票第三
全部知识事实 (4)
CSS中box-shadow、text-shadow和border-color的默认值就是当前元素的color值，不需要显式声明currentColor
90%待验证焦点环应使用 `outline` 而非 `box-shadow`，因为 `outline` 不触发布局偏移，也不会被父元素的 `overflow: hidden` 裁掉；`box-shadow` 焦点环在滚动容器里常莫名消失。
50%待验证对于背景不可预测的元素（如照片或视频上的按钮），作者会叠加第二层焦点环——白色轮廓加黑色光晕，此时才使用 `box-shadow` 作为双层补充，并接受其裁切风险。
50%待验证在 Windows 高对比度模式（forced-colors）下，`outline` 比 `box-shadow` 更可靠地保留，这是作者默认使用 outline 的另一个原因。
50%