CSS 阴影

卡片不要 `0 0 20px #000`。你复制 CSS。文字对比度仍要单独查。透明 PNG 轮廓有时要用 filter: drop-shadow，不是这一页。

工单写「卡片抬起来一点」——前端要 box-shadow。本页写这段 CSS。管理后台一排卡片如果全是 0 0 20px #000，对比度和层次都会糊。

渐变走 CSS 渐变。颜色不放心走对比度。rem/px 走 CSS 单位。从截图吸色走图片取色。

卡片阴影片段，不是设计 token 库

• 阴影不进对比度公式。正文颜色请到对比度页看 4.5:1 / 3:1 量级，不是认证。
• 深色模式里同一套 rgba 黑影可能看不见，或变成一圈脏边，要另调。
• 示例请用代码围栏，避免文档站执行标记。

box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

怎么用

1. 调到预览接近稿。注意扩散（spread）和模糊不是一回事。
2. 复制 CSS。多层、内阴影按表单来。
3. 再看字和底，不只看影子。真页面还有背景图和半透明。

使用前先看清的限制

不是 token 流水线，不是品牌验收，也不是整站无障碍出具证明。阴影再好看，字看不清仍要改前景色。