Fluid Functionalism

# 通过 shadcn CLI 一键引入组件源码
npx shadcn@latest add "https://www.fluidfunctionalism.com/r/fluid-card.json"

import React from 'react';
import { FluidCard, FluidContent } from '@/components/fluid-card';

export function InteractiveCard() {
  return (
    <FluidCard className="rounded-2xl border border-border bg-card p-6 shadow-xs hover:border-foreground/25">
      <FluidContent>
        <h3 className="text-base font-bold text-foreground">自适应功能性动效卡片</h3>
        <p className="text-xs text-muted-foreground mt-1">根据鼠标邻近距离自适应触发物理弹簧形变与光影跟随。</p>
      </FluidContent>
    </FluidCard>
  );
}