.f-card[data-v-5c01ee23]{position:relative;width:54px;height:68px;perspective:220px;border-radius:8px;box-shadow:0 4px 10px #5e89ff59;background:linear-gradient(160deg,#8fb0ff,#6f95ff)}.f-half[data-v-5c01ee23]{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:linear-gradient(160deg,#8fb0ff,#6f95ff);color:#fff}.f-half span[data-v-5c01ee23]{position:absolute;left:0;width:100%;height:68px;line-height:68px;text-align:center;font-size:42px;font-weight:700;font-variant-numeric:tabular-nums}.f-top[data-v-5c01ee23]{top:0;border-radius:8px 8px 0 0}.f-top span[data-v-5c01ee23]{top:0}.f-bottom[data-v-5c01ee23]{bottom:0;border-radius:0 0 8px 8px}.f-bottom span[data-v-5c01ee23]{top:-34px}.f-flap[data-v-5c01ee23]{backface-visibility:hidden;will-change:transform;z-index:2;visibility:hidden}.f-flap-top[data-v-5c01ee23]{top:0;border-radius:8px 8px 0 0;transform-origin:bottom;transform:rotateX(0)}.f-flap-top span[data-v-5c01ee23]{top:0}.f-flap-bottom[data-v-5c01ee23]{bottom:0;border-radius:0 0 8px 8px;transform-origin:top;transform:rotateX(90deg)}.f-flap-bottom span[data-v-5c01ee23]{top:-34px}.running .f-flap-top[data-v-5c01ee23]{visibility:visible;animation:flipDown-5c01ee23 .18s ease-in forwards}.running .f-flap-bottom[data-v-5c01ee23]{visibility:visible;animation:flipUp-5c01ee23 .22s ease-out .18s forwards}@keyframes flipDown-5c01ee23{to{transform:rotateX(-90deg)}}@keyframes flipUp-5c01ee23{to{transform:rotateX(0)}}@media(max-width:768px){.f-card[data-v-5c01ee23]{width:44px;height:56px}.f-half span[data-v-5c01ee23]{height:56px;line-height:56px;font-size:34px}.f-bottom span[data-v-5c01ee23],.f-flap-bottom span[data-v-5c01ee23]{top:-28px}}