/* =============================================================
   PC 端左右悬浮组件（移动端二维码 + 在线咨询 + 回到顶部）
   ============================================================= */
.side-float{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:150}

/* ---------- 左侧：手机访问二维码 ---------- */
.sf-left{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:auto}
.sf-qr{position:relative}
.sf-qr-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1f4e79,#2563eb);color:#fff;padding:12px 10px;border-radius:0 12px 12px 0;cursor:pointer;box-shadow:0 4px 14px rgba(37,99,235,.3);writing-mode:vertical-lr;font-size:13px;letter-spacing:2px;transition:.2s}
.sf-qr-btn:hover{background:#2563eb;padding-right:14px}
.sf-qr-btn .sf-ico{font-size:20px;margin-bottom:6px}
.sf-qr-pop{position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(8px);background:#fff;border-radius:12px;box-shadow:0 12px 34px rgba(16,24,40,.16);padding:14px;width:170px;text-align:center;opacity:0;visibility:hidden;transition:.25s;pointer-events:none}
.sf-qr:hover .sf-qr-pop,.sf-qr.open .sf-qr-pop{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);pointer-events:auto}
.sf-qr-pop #sf-qrcode{margin:0 auto}
.sf-qr-pop p{margin-top:8px;font-size:12px;color:#374151}

/* ---------- 右侧：咨询 / 工单 / 回顶 ---------- */
.sf-right{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;pointer-events:auto}
.sf-btn{display:flex;align-items:center;gap:6px;background:#fff;color:#1f4e79;border:1px solid #e5eaf1;box-shadow:0 4px 14px rgba(16,24,40,.10);padding:11px 12px;border-radius:10px 0 0 10px;cursor:pointer;transition:.2s;font-size:13px;min-width:96px}
.sf-btn:hover{background:#1f4e79;color:#fff;transform:translateX(-4px)}
.sf-btn .sf-ico{font-size:18px}
.sf-top-hidden{opacity:0;visibility:hidden;transform:translateX(20px)}

/* ---------- 右下角回到顶部 ---------- */
.sf-top{position:fixed;right:24px;bottom:28px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1f4e79,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 8px 24px rgba(37,99,235,.35);z-index:150;transition:.25s}
.sf-top:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(37,99,235,.45)}

/* ---------- 移动端：隐藏悬浮在线咨询/提交工单，仅保留右下角回顶 ---------- */
@media (max-width:900px){
  .sf-left{display:none}
  .sf-right{display:none}
  .sf-top{right:16px;bottom:24px;width:44px;height:44px;font-size:20px}
}