8618027086139" target="_blank" class="float-btn whatsapp-btn">
            <div class="pulse-ring"></div>
            <i class="fab fa-whatsapp"></i>
            <div class="float-tooltip">WhatsApp Support</div>
            <div class="status-indicator"></div>
        </a>
        
        <!-- 询盘表单按钮 -->
        <div class="float-btn form-btn" id="formBtn">
            <div class="pulse-ring"></div>
            <i class="fas fa-envelope"></i>
            <div class="float-tooltip">Contact Form</div>
        </div>
    </div>
    
    <!-- 询盘表单模态框 -->
    <div class="form-modal" id="formModal">
        <div class="form-content">
            <span class="close-btn" id="closeBtn">&times;</span>
            <h2 class="text-2xl font-bold mb-2">Drop Us A Line</h2>
            <span class="info-text">Required fields are marked *</span>
            
            <form id="inquiryForm" method="post">
                <div class="form-group">
                    <input type="text" name="subject" id="dr_title" placeholder="Subject (Optional)">
                </div>
                <div class="form-group">
                    <textarea name="message" id="dr_message_" placeholder="Write your message here *" required rows="5"></textarea>
                </div>
                <div class="form-field-two-items">
                    <div class="form-group">
                        <input type="email" name="email" id="dr_email" placeholder="Your Email *" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="name" id="dr_name" placeholder="Name">
                    </div>
                </div>
                
                <div class="form-checkbox">
                    <input type="checkbox" name="save_info" id="save_info" checked>
                    <label for="save_info" class="cursor-pointer">Save my name & email in this browser for next time I comment</label>
                </div>
                
                <button type="submit" class="btn green w-full py-3 text-lg font-medium">Send Message</button>
            </form>
        </div>
    </div>
    
    <script>
        // 表单按钮交互
        const formBtn = document.getElementById('formBtn');
        const formModal = document.getElementById('formModal');
        const closeBtn = document.getElementById('closeBtn');
        const inquiryForm = document.getElementById('inquiryForm');
        
        // 打开表单模态框
        formBtn.addEventListener('click', () => {
            formModal.style.display = 'flex';
        });
        
        // 关闭表单模态框
        closeBtn.addEventListener('click', () => {
            formModal.style.display = 'none';
        });
        
        // 点击模态框外部关闭
        formModal.addEventListener('click', (e) => {
            if (e.target === formModal) {
                formModal.style.display = 'none';
            }
        });
        
        // 表单提交处理
        inquiryForm.addEventListener('submit', (e) => {
            e.preventDefault();
            alert('Message sent successfully!');
            formModal.style.display = 'none';
            inquiryForm.reset();
        });
        
        // 模拟在线状态
        const statusIndicator = document.querySelector('.status-indicator');
        let isOnline = true;
        
        setInterval(() => {
            if (Math.random() > 0.7) { // 30%的几率切换状态
                isOnline = !isOnline;
                statusIndicator.style.backgroundColor = isOnline ? '#4CAF50' : '#FF9800';
                
                const tooltip = document.querySelector('.whatsapp-btn .float-tooltip');
                tooltip.textContent = isOnline ? 'WhatsApp Support' : 'Away · Reply Later';
            }
        }, 10000);
    </script>
 

 


</body>
</html>