卡片悬浮

悬浮感的核心是三层分工的阴影栈：贴地 6px 暗影保接触感、34px 中距弥散出形体、70px 远距溢光（混入强调色）做氛围，再叠一层 inset 顶边高光模拟受光——比单层大模糊阴影高级得多。

抬升用 translateY(-8px) + rotate(1.2deg) + scale(1.015) 组合：纯粹上移容易显得僵硬，小于 2° 的微倾斜带出一点『被气流托起』的生动感；幅度全部走变量可调。

阴影尺寸用 calc(var(--shadow_strength) * N px) 统一缩放，调强度参数时三层阴影同步增减，不会只胖一层。

过渡同时挂在 transform / border-color / box-shadow 上：box-shadow 动画走重绘不走合成，但面积可控、320ms 短时内的开销可接受；追求极致可换成预置两层伪元素阴影层淡入切换。

CTA 文字的 letter-spacing 微扩是点睛细节：hover 时『查看详情 →』字距轻微拉开，与卡片抬升同步。

卡宽 min(220px, calc((100vw - 88px) / 2))：小视口（如 480px 预览）下两张卡自动收窄并排，任意帧都不溢出安全区；预览自动演示同样只在 transform/box-shadow 上做文章。

reduced-motion：过渡压到 0.01ms 并停掉预览演示动画，hover 态仍完整呈现（阴影与位置瞬时到位）。