悬停显卡

卡宽用 min(300px, calc(100vw - 56px)) 这类确定值：卡片在 place-content:center 的 auto 轨道里居中，且子元素全部绝对定位（无流内内容撑宽），宽度一旦写百分比会按『内容宽 0』解析，整卡塌成一条竖线——居中容器的主体宽度禁用百分比。

面板 inset:0 整面覆盖卡面，transform 从 --hide 滑到 translate(0,0)：全程只动 transform，裁切交给卡片的 overflow:hidden，不触发布局。

四个方向共用一个变量 --hide（translateY(102%) / translateY(-102%) / translateX(±102%)），演示 keyframes 也复用它，切换方向后自动演示同步。

hover 与 :focus-within 双通道：键盘 Tab 聚焦卡片同样展开面板；卡片加 outline:none 后用 focus-visible 描边补足可见焦点。

transition 只挂 transform，时长 --dur_ms + 缓出曲线；进出场同曲线即可，要『进快出慢』可给 hover 态单独覆盖 transition-duration。

reduced-motion：去掉过渡与演示动画，面板即时出现/消失，信息始终可达。

预览自动演示：body 未被 hover 时面板以 7s 周期滑入-停留-滑出，任意帧截屏文字都完整（面板为整面覆盖，无半截文字）；光标进入 iframe 即让位。