@media (hover: hover) and (pointer: fine) {
    #birthday-special [data-birthday-action="fee"] {
        transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease;
    }

    #birthday-special [data-birthday-action="fee"]:hover {
        transform: translateY(-3px);
        background-color: #E87600;
        box-shadow: 0 10px 20px rgba(255, 130, 0, 0.28);
    }

    #birthday-special [data-birthday-action="detail"] {
        transition: color 160ms ease, text-decoration-thickness 160ms ease;
    }

    #birthday-special [data-birthday-action="detail"]:hover {
        color: #0068DD;
        text-decoration-thickness: 2px;
    }

    #hot-fund .hot-fund-tab {
        transition: color 160ms ease, background-color 160ms ease;
    }

    #hot-fund .hot-fund-tab:hover {
        background-color: rgba(195, 231, 255, 0.35);
        color: #0068DD;
    }

    #fund-app [data-fund-app-tab] {
        transition: transform 160ms ease, opacity 160ms ease;
    }

    #fund-app [data-fund-app-tab]:hover {
        transform: translateX(6px);
        opacity: 0.82;
    }

    #fund-app [data-fund-app-previous],
    #fund-app [data-fund-app-next] {
        transition: transform 160ms ease, opacity 160ms ease;
    }

    #fund-app [data-fund-app-previous]:hover {
        transform: translateY(-50%) translateX(-3px);
        opacity: 0.7;
    }

    #fund-app [data-fund-app-next]:hover {
        transform: translateY(-50%) translateX(3px);
        opacity: 0.7;
    }

    #promotions .group {
        transition: transform 200ms ease, box-shadow 200ms ease;
    }

    #promotions .group:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 24px rgba(15, 63, 136, 0.16);
    }

    #FQA [data-faq-trigger] {
        transition: background-color 160ms ease;
    }

    #FQA [data-faq-trigger]:hover {
        background-color: rgba(255, 255, 255, 0.32);
    }
}

@media (prefers-reduced-motion: reduce) {
    #birthday-special [data-birthday-action="fee"],
    #birthday-special [data-birthday-action="detail"],
    #hot-fund .hot-fund-tab,
    #fund-app [data-fund-app-tab],
    #fund-app [data-fund-app-previous],
    #fund-app [data-fund-app-next],
    #promotions .group,
    #FQA [data-faq-trigger] {
        transition: none;
    }
}