/* Cursor Tooltip Styling */
/* 預設隱藏提示項（避免在觸控裝置上出現） */
#cursor-tooltip {
    display: none;
}

/* 僅在支援游標懸停的裝置上啟用此功能 */
@media (hover: hover) {
    #cursor-tooltip {
        display: block;
        position: fixed;
        z-index: 10000;
        /* Ensure it's on top */
        padding: 8px 14px;
        border-radius: 20px;
        /* Fully rounded corners */
        font-size: 14px;
        color: rgba(255, 255, 255, 0.95);
        background-color: rgba(20, 20, 20, 0.6);

        /*毛玻璃效果*/
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);

        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

        /* 核心: 初始透明，不阻擋滑鼠事件 */
        opacity: 0;
        pointer-events: none;

        /* 新增：強制文字不換行 */
        white-space: nowrap;

        /* 動畫效果 - 讓透明度與位置變換都更滑順 */
        transition: opacity 0.4s ease, transform 0.1s ease-out;
    }
}

/* 用於瞬間隱藏的 class */
.instant-hide {
    display: none !important;
}