ant;animation:breatheWx 1.8s ease-in-out infinite!important;box-shadow:0 2px 12px rgba(0,0,0,.3)!important} /* 电话按钮:右侧下方 */ .side-btn-tel{position:fixed!important;right:20px!important;top:calc(40% + 76px)!important;background:#1a6b43!important;z-index:9999!important;animation:breatheTel 1.8s ease-in-out infinite!important;box-shadow:0 2px 12px rgba(0,0,0,.3)!important} .side-btn-wx:hover,.side-btn-tel:hover{transform:scale(1.1)!important} @keyframes breatheWx{ 0%,100%{opacity:.8;box-shadow:0 0 6px rgba(212,154,42,.4),0 0 0 rgba(212,154,42,0)!important} 50%{opacity:1;box-shadow:0 0 20px rgba(212,154,42,.9),0 0 50px rgba(212,154,42,.5),0 0 80px rgba(212,154,42,.2)!important} } @keyframes breatheTel{ 0%,100%{opacity:.8;box-shadow:0 0 6px rgba(26,107,67,.4),0 0 0 rgba(26,107,67,0)!important} 50%{opacity:1;box-shadow:0 0 20px rgba(26,107,67,.9),0 0 50px rgba(26,107,67,.5),0 0 80px rgba(26,107,67,.2)!important} } } /* ===== 手机端底部按钮 ===== */ .footer-fix{display:none} @media(max-width:768px){ .footer-fix{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:999;width:100%} .footer-fix .fix-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;font-size:17px;font-weight:bold;color:#fff;text-decoration:none;transition:opacity .2s;border:none;outline:none;-webkit-tap-highlight-color:transparent} .footer-fix .fix-btn:active{opacity:.85} .footer-fix .fix-btn-tel{background:#1a6b43;animation:shakeTel 2.5s ease-in-out infinite} .footer-fix .fix-btn-wx{background:#d49a2a} @keyframes shakeTel{ 0%,100%{transform:translateX(0)} 10%,30%,50%,70%,90%{transform:translateX(-3px)} 20%,40%,60%,80%{transform:translateX(3px)} } } /* ===== 微信弹窗 ===== */ .wx-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box} .wx-modal-box{background:#fff;border-radius:12px;padding:32px 28px 28px;text-align:center;max-width:320px;width:100%;position:relative;box-shadow:0 8px 40px rgba(0,0,0,.2)} .wx-modal-close{position:absolute;top:10px;right:14px;font-size:24px;color:#999;cursor:pointer;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s} .wx-modal-close:hover{background:#f0f0f0} .wx-modal-title{font-size:18px;font-weight:bold;color:#333;margin-bottom:20px} .wx-modal-qrcode img{width:200px;height:200px;border:1px solid #eee;border-radius:8px} .wx-modal-id{font-size:15px;color:#333;margin-top:16px} .wx-modal-id strong{color:#1a6b43;font-size:17px} .wx-modal-tip{font-size:13px;color:#999;margin-top:6px;margin-bottom:18px} .wx-modal-copy{display:inline-block;background:#d49a2a;color:#fff;border:none;padding:10px 36px;font-size:15px;font-weight:bold;border-radius:6px;cursor:pointer;transition:opacity .2s} .wx-modal-copy:hover{opacity:.85} .ss_l{position:fixed;top:20%;left:0;z-index:99} .ss_r{position:fixed;top:20%;right:0;z-index:99}