/* 커서 스타일 */
#custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 123, 255, 0.8);
    background: rgba(0, 123, 255, 0.1);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate3d(0, 0, 0);
    transition: width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        background-color 0.3s, border-color 0.3s;
    mix-blend-mode: normal;
    margin-left: -10px;
    margin-top: -10px;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.5);
    /* 빛나는 효과 */
    backdrop-filter: blur(2px);
}

/* 파티클 스타일 */
.cursor-particle {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    /* 커서보다 뒤에 */
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    opacity: 0.8;
}

/* 활성화 상태 (링크 호버 등) */
#custom-cursor.active {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background-color: rgba(255, 193, 7, 0.1);
    /* 골드 틴트 */
    border-color: rgba(255, 193, 7, 0.8);
    box-shadow: 0 0 25px rgba(255, 193, 7, 0.6);
}

/* 기본 커서 숨기기 옵션 - 사용자 요청에 따라 활성화 가능 */
/*
body {
    cursor: none;
}
a, button {
    cursor: none;
}
*/