卡片 · Serious Jellyfish

类型：组件　·　分类：卡片　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<!-- From Uiverse.io by Javierrocadev - Tags: blue, card, watch, tailwind -->
<div class="after:-z-10  after:absolute after:w-20 after:h-80 after:bg-sky-700 after:rounded-2xl after:shadow-inner after:shadow-slate-900 before:absolute before:w-8 before:h-8 before:bg-sky-400 before:rounded-full before:blur-xl before:top-20 before:right-6 before:w-12 before:h-12  relative  rounded-2xl shadow-inner shadow-gray-50 flex flex-col justify-evenly items-center w-24 h-44 bg-neutral-900 text-gray-50">
  <div class="flex flex-col font-extrabold text-6xl z-10">
    <span>03</span>
    <span>40</span>
  </div>
  <div class="flex flex-row justify-center items-center gap-1 font-thin">
    <span>90</span>
    <svg y="0" xmlns="http://www.w3.org/2000/svg" x="0" width="100" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" height="100" class="w-5 h-5 fill-red-500">
      <path fill-rule="evenodd" d="M23,27.6a15.8,15.8,0,0,1,22.4,0L50,32.2l4.6-4.6A15.8,15.8,0,0,1,77,50L50,77,23,50A15.8,15.8,0,0,1,23,27.6Z" class="">
      </path>
    </svg>
  </div>
</div>

[/hidecontent]