.fixed-sidebar{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;transition:opacity .3s,visibility .3s}.sidebar-items{display:flex;flex-direction:column;gap:16px}.sidebar-item{position:relative}.sidebar-avatar{margin-bottom:10px}.avatar-wrapper{position:relative;width:80px;cursor:pointer;transition:.3s;animation:2s ease-in-out infinite pulse-avatar}@keyframes pulse-avatar{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.avatar-wrapper:hover{transform:scale(1.05);animation:none}.avatar-wrapper:active{transform:scale(.98)}.avatar-image{width:100%;object-fit:cover}.avatar-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 6px;background:#f44;color:#fff;font-size:12px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1}.sidebar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;padding:10px;background:#fff;border:none;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.1);cursor:pointer;transition:.3s;color:#333;text-decoration:none;position:relative}.sidebar-btn.active,.sidebar-btn:focus,.sidebar-btn:hover{transform:translateX(-5px);box-shadow:0 4px 20px rgba(0,0,0,.15);background:linear-gradient(235deg,#515ced 0,#00ebd6 100%);color:#fff}.sidebar-icon{width:28px;height:28px;margin-bottom:6px;flex-shrink:0}.btn-wechat .sidebar-icon path{fill:currentColor;stroke:currentColor;stroke-width:20;stroke-linejoin:round}.sidebar-text{font-size:12px;line-height:1.2;text-align:center;white-space:nowrap;font-weight:500}.popup-content{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:.3s;pointer-events:none;min-width:200px;z-index:10}.sidebar-item .sidebar-btn:focus+.popup-content,.sidebar-item:hover .popup-content{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(-5px)}.popup-inner{text-align:center}.popup-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.popup-image{width:150px;height:150px;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:12px}.popup-desc{font-size:12px;color:#999;margin:0}.popup-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:8px 0 8px 8px;border-color:transparent transparent transparent #fff}.phone-number{font-size:20px;font-weight:600;color:var(--primary-color);margin:10px 0;letter-spacing:1px}.btn-back-top{animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width:1024px){.fixed-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;background:#fff;box-shadow:0 -.02rem .1rem rgba(0,0,0,.1);padding:.1rem;z-index:1000}.sidebar-items{flex-direction:row;justify-content:space-around;gap:0}.sidebar-avatar{position:fixed;right:.2rem;bottom:1.3rem;z-index:1001;margin-bottom:0}.sidebar-avatar .avatar-wrapper{width:.6rem}.sidebar-avatar .avatar-badge{min-width:.18rem;height:.18rem;padding:0 .05rem;font-size:.1rem;top:-.02rem;right:-.02rem}.sidebar-btn{width:auto;height:auto;padding:.08rem .1rem;box-shadow:none;border-radius:.08rem}.sidebar-btn:hover{transform:none}.sidebar-icon{width:.2rem;height:.2rem;margin-bottom:.04rem}.sidebar-text{font-size:.1rem}.popup-content{position:fixed;left:50%;bottom:.7rem;top:auto;right:auto;transform:translateX(-50%);margin:0}.sidebar-item:hover .popup-content{transform:translateX(-50%) translateY(0)}.popup-arrow{left:50%;right:auto;top:100%;bottom:auto;transform:translateX(-50%) rotate(90deg)}.sidebar-top{display:none!important}}