<div class="bny-card" style="padding: 16px;">
    卡片任意内容
</div>
                

<div class="bny-card" style="width: 300px;">
    <img src="https://picsum.photos/768" alt="随机图片">
</div>
                

<div class="bny-card" style="width: 300px;">
    <img src="https://picsum.photos/300" alt="随机图片">
    <div class="body">
        <h1 class="title">欢迎光临兔子卡片！</h1>
        <h3 class="subtitle">奈斯小标题。</h3>
        <p class="content">这是一个卡片，你可以在卡片中添加任意内容。</p>
        <button class="bny-btn">了解更多</button>
    </div>
</div>
<div class="bny-card" style="width: 300px;">
    <div class="body">
        <h1 class="title">欢迎光临兔子卡片！</h1>
        <h3 class="subtitle">奈斯小标题。</h3>
        <p class="content">这是一个卡片，你可以在卡片中添加任意内容。</p>
        <button class="bny-btn">了解更多</button>
    </div>
    <img src="https://picsum.photos/300/50" alt="随机图片">
</div>
                

<div class="bny-card" style="width: 300px;">
    <div class="body">
        <h1 class="title">欢迎光临兔子卡片！</h1>
        <h3 class="subtitle">奈斯小标题。</h3>
        <p class="content">这是一个卡片，你可以在卡片中添加任意内容。</p>
        <button class="bny-btn">了解更多</button>
    </div>
</div>
<div class="bny-card" model="transition" style="width: 300px;">
    <div class="head">这里是头部</div>
    <div class="body">
        <h1 class="title">欢迎光临兔子卡片！</h1>
        <h3 class="subtitle">奈斯小标题。</h3>
        <p class="content">这是一个卡片，你可以在卡片中添加任意内容。</p>
        <button class="bny-btn">了解更多</button>
    </div>
    <div class="foot">这里是底部</div>
</div>