/* ========================================
   圖鑑頁 - 社務所燈籠引導手指
   ======================================== */

.entrance-badge {
    position: absolute;
    /* 放在燈籠右側中間，指尖幾乎碰到燈籠 */
    top: 50%;
    right: -20px;
    width: 55px;
    height: 55px;
    background: url('/images/shrine/item/finger.png') no-repeat center center;
    background-size: contain;
    /* 逆時針旋轉讓手指指向左邊的燈籠 */
    transform: translateY(-50%) rotate(-130deg);
    animation: cat-poke 1.2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
    pointer-events: none;
    z-index: 50;
}

/* 戳戳動畫：往燈籠中心戳 */
@keyframes cat-poke {
    0% {
        transform: translateY(-50%) rotate(-130deg) translateX(0) scale(1);
    }
    50% {
        /* 往左邊戳過去 */
        transform: translateY(-50%) rotate(-130deg) translateX(-10px) scale(0.93);
    }
    55% {
        transform: translateY(-50%) rotate(-130deg) translateX(-10px) scale(0.93);
    }
    100% {
        transform: translateY(-50%) rotate(-130deg) translateX(0) scale(1);
    }
}

@media (max-width: 768px) {
    .entrance-badge {
        width: 45px;
        height: 45px;
        right: -35px;
    }
}