.floating-bar { position:fixed; right:20px; bottom:40px; display:flex; flex-direction:column; gap:12px; z-index:999999; }  .fb-item { position:relative; width:48px; height:48px; display:flex; align-items:center; border-radius:12px; overflow:visible; cursor:pointer; transition:all .3s ease; text-decoration:none; color:#fff; }  .fb-item .icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; z-index:3; background:inherit; border-radius:12px; }  .fb-item .text { position:absolute; color:#000; right:48px; white-space:nowrap; opacity:0; transform:translateX(20px); transition:all .3s ease; padding:0 12px; height:48px; display:flex; align-items:center; border-radius:10px; background:rgba(0,0,0,.1); z-index:1; }  .fb-item:hover .text { opacity:1; transform:translateX(0); }  .fb-item.wechat { background:#25B89F; } .fb-item.whatsapp { background:#25B89F; } .fb-item.email { background:#F2994A; } .fb-item.form { background:#3478D8; } .fb-item.top { background:#4A5568; }  .fb-item.wechat:hover { background:#05a950; } .fb-item.whatsapp:hover { background:#20bd5a; } .fb-item.email:hover { background:#e68900; } .fb-item.form:hover { background:#6840db; } .fb-item.top:hover { background:#111; }   .qr-box { position:absolute; right:70px; top:50%; transform:translateY(-50%); width:160px; height:160px; background:#fff; padding:10px; border-radius:10px; box-shadow: 0 10px 30px rgba(0,0,0,.15); opacity:0; visibility:hidden; transition:.3s ease; z-index:999999; display:flex; align-items:center; justify-content:center; }  .qr-box img { width:100%; height:100%; object-fit:contain; }  .qr-box img { width:100%; height:100%; object-fit:contain; }  .fb-item:hover .qr-box { opacity:1; visibility:visible; }  .qr-box::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:32px; background:rgba(255,255,255,.9); }  .wechat .qr-box::before { content:"WeChat"; position:absolute; bottom:7px; left:0; width:100%; text-align:center; font-size:14px; font-weight:600; color:#000; z-index:2; }  .whatsapp .qr-box::before { content:"WhatsApp"; position:absolute; bottom:7px; left:0; width:100%; text-align:center; font-size:14px; font-weight:600; color:#000; z-index:2; }  @media(max-width:768px){ .floating-bar { right:12px; bottom:30px; } .fb-item .text { display:none; } .qr-box { width:130px; height:130px; } }  .fb-item.wechat .text, .fb-item.whatsapp .text { display:none; }  .fb-item.email .text {  display:flex !important; position:absolute; right:48px; top:0; height:48px; padding:0 16px; align-items:center; white-space:nowrap; background:#ffffff; color:#102A43; border-radius:10px; font-size:14px; font-weight:600; box-shadow: 0 6px 20px rgba(0,0,0,.12); opacity:0; visibility:hidden; transform:translateX(20px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease; z-index:2; }  .fb-item.email:hover .text { opacity:1; visibility:visible; transform:translateX(0); }