/* =========================================================
   锦思泉教育｜返回顶部按钮
   - PC / WAP 均支持
   - WAP 侧边栏打开时自动隐藏
   - 避开底部 mobile-actions
   ========================================================= */

#jq-back-to-top{
    position:fixed;
    right:24px;
    bottom:28px;
    z-index:980;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid rgba(7,61,112,.12);
    border-radius:50%;
    background:rgba(255,255,255,.96);
    color:#087da7;
    box-shadow:0 10px 28px rgba(7,61,112,.16);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    pointer-events:none;
    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease,
        background .2s ease,
        color .2s ease;
    -webkit-tap-highlight-color:transparent;
}

#jq-back-to-top.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

#jq-back-to-top:hover{
    background:#078eb1;
    color:#fff;
}

#jq-back-to-top:focus-visible{
    outline:3px solid rgba(8,142,177,.22);
    outline-offset:3px;
}

/* 打开手机侧边栏时必须隐藏，避免盖住菜单 */
body.jq-mobile-nav-open #jq-back-to-top{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(10px) !important;
}

/* 手机端：放在底部固定“预约沟通 / 查看课程”上方 */
@media (max-width:640px){
    #jq-back-to-top{
        right:16px;
        bottom:calc(78px + env(safe-area-inset-bottom));
        width:42px;
        height:42px;
        font-size:21px;
        z-index:1050;
    }

    body.jq-mobile-nav-open #jq-back-to-top{
        display:none !important;
    }
}

/* 极窄屏再收一点 */
@media (max-width:380px){
    #jq-back-to-top{
        right:12px;
        width:40px;
        height:40px;
    }
}