/* ===== [AI 2026-10-22 mobilefix-sidebar-v4] 移动端浮动客服栏位置修正 =====
   问题：v3 把客服栏固定在 bottom:1em / right:0.2em，手机曲面屏边缘区域难点按，
        且位置过低，单手拇指够不到。
   修复：垂直居中偏上（top:46%）、离右边留出安全间距（0.9em→至少 44px 触控区），
        卡片保持 4em（约 52px）触控面积。
   影响范围：仅 <=1024px 屏幕，桌面端不变。 */
@media screen and (max-width:1024px){
    .side-nav{
        top:46% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        right:0.9em !important;
        font-size:13px !important;
        z-index:60 !important;
    }
    .side-nav .li{
        width:4em !important;
        height:4em !important;
        padding:0.4em 0 !important;
        margin-top:0.45em !important;
        border-radius:6px !important;
        opacity:0.96 !important;
        pointer-events:auto !important;
    }
    .side-nav .li>a svg.icon{
        width:1.55em !important;
        height:1.75em !important;
    }
    .side-nav .li>a span{
        font-size:0.8em !important;
        line-height:1.2 !important;
    }
}
/* 超窄屏（<=400px）再收一点，避免压到正文 */
@media screen and (max-width:400px){
    .side-nav{ right:0.6em !important; }
    .side-nav .li{ width:3.6em !important; height:3.6em !important; }
}
