要实现响应式卡片投影效果，可以使用CSS的box-shadow属性以及媒体查询来实现。以下是一个基本的样式示例：
.card {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
}
@media screen and (max-width: 768px) {
.card {
box-shadow: none;
}
}在上面的代码中，我们为卡片添加了一个基本的投影效果，并在:hover状态下使卡片向上移动。在@media查询中，我们使用max-width来判断屏幕宽度是否小于或等于768像素，如果是，我们将box-shadow属性设置为none，以便在小屏幕上去掉投影效果。
当然，这只是一个基本示例，你可以根据你的具体需求进行调整和修改。