用途：构建带外层渐变容器和内层内容卡片的优质卡片设计，通过嵌套结构营造视觉深度，并分离媒体区与内容区。
主要能力：外层卡片使用渐变背景、边框、阴影、圆角与内边距；媒体区圆角且溢出隐藏；内层内容卡片为纯色背景。提供明暗两套配色与圆角、阴影、边框令牌，支持预览（紧凑）和详情页（完整）两种尺寸变体，以及无媒体区、多内层区块等变体。
使用方式：按资料中的 JSX 结构组合外层容器、媒体区和内层卡片即可；关键点为外层用渐变背景，圆角由外向内递减（3xl→2xl→xl），内层区块间距一致（mb-2 或 gap-2），媒体区需 overflow-hidden，阴影需适配主题，边框透明度用于营造细微层次。
适用场景：产品卡片、详情卡片、带媒体与内容分层的卡片式界面。
限制：资料仅给出结构与样式令牌，未提供安装命令、依赖、收费或平台信息，这些暂未提供；示例中的图片路径和组件需按实际项目替换。