Konsultasi Online Peralatan Kandang Ayam Yunhua (Mobile)<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <style>\n \/* Body hanya sebagai latar belakang biasa, bukan layar penuh *\/\n body {\n margin: 0;\n padding: 0;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n background: #f5f7fb; \/* abu\u2011abu muda, tidak mengganggu layout situs *\/\n }\n\n \/* Area chat sebagai satu blok mandiri di dalam halaman, bukan full screen *\/\n .yunhua-chat-section {\n max-width: 980px;\n margin: 12px auto 24px auto;\n padding: 10px 8px 18px;\n border-radius: 16px;\n background:\n linear-gradient(135deg, rgba(18,140,126,0.20), rgba(37,211,102,0.18)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n }\n\n .yunhua-chat-wrapper {\n width: 100%;\n height: 72vh; \/* tinggi sekitar 70% tinggi layar *\/\n max-height: 640px;\n margin: 0 auto;\n border-radius: 18px;\n background: rgba(245,247,251,0.98);\n box-shadow: 0 6px 16px rgba(0,0,0,0.28);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .yunhua-chat-header {\n background: linear-gradient(135deg, #25D366, #128C7E);\n color: #fff;\n padding: 10px 14px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .yunhua-chat-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n .yunhua-chat-title {\n display: flex;\n flex-direction: column;\n }\n .yunhua-chat-title span:first-child {\n font-weight: 600;\n font-size: 15px;\n }\n .yunhua-chat-title span:last-child {\n font-size: 12px;\n opacity: 0.9;\n }\n\n .yunhua-chat-body {\n padding: 10px 10px 6px;\n flex: 1;\n overflow-y: auto;\n background: #e5ddd5;\n background-image: radial-gradient(circle at top left, rgba(255,255,255,0.5), transparent 60%);\n }\n\n .yunhua-msg-row {\n display: flex;\n margin-bottom: 8px;\n }\n .yunhua-msg-row.agent { justify-content: flex-start; }\n .yunhua-msg-row.user { justify-content: flex-end; }\n\n .yunhua-msg-bubble {\n max-width: 75%;\n border-radius: 14px;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 1.4;\n box-shadow: 0 1px 2px rgba(0,0,0,0.16);\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n }\n .yunhua-msg-bubble.agent {\n background: #ffffff;\n border-bottom-left-radius: 2px;\n }\n .yunhua-msg-bubble.user {\n background: #dcf8c6;\n border-bottom-right-radius: 2px;\n }\n .yunhua-msg-time {\n font-size: 11px;\n color: rgba(0,0,0,0.45);\n margin-top: 2px;\n text-align: right;\n }\n\n .yunhua-chat-footer {\n border-top: 1px solid rgba(0,0,0,0.06);\n background: #f0f2f5;\n padding: 10px 12px 6px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n }\n\n \/* Input teks besar (mobile) agar pelanggan mudah menjelaskan proyek dengan detail *\/\n .yunhua-chat-input {\n flex: 1;\n border-radius: 24px;\n border: none;\n padding: 16px 16px;\n font-size: 16px;\n outline: none;\n background: #ffffff;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);\n resize: none;\n min-height: 72px;\n max-height: 140px;\n }\n .yunhua-chat-input::placeholder {\n color: rgba(0,0,0,0.4);\n }\n\n .yunhua-chat-sendBtn {\n border-radius: 50%;\n width: 46px;\n height: 46px;\n border: none;\n background: #25D366;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 5px 16px rgba(0,0,0,0.4);\n transition: transform 0.12s ease, box-shadow 0.12s ease;\n font-size: 20px;\n }\n .yunhua-chat-sendBtn:active {\n transform: translateY(1px);\n box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n }\n\n \/* Kontak di bagian bawah: satu nomor WhatsApp +8613917849689 *\/\n .yunhua-contact-inline {\n font-size: 13px;\n padding: 4px 10px 10px;\n background: #f0f2f5;\n border-top: 1px solid rgba(0,0,0,0.04);\n color: #065f46;\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n text-align: center;\n }\n .yunhua-contact-inline span.label {\n font-weight: 600;\n }\n .yunhua-contact-inline a {\n color: #0f766e;\n text-decoration: none;\n font-weight: 600;\n }\n\n .yunhua-typing {\n display: inline-flex;\n gap: 3px;\n align-items: center;\n }\n .yunhua-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #999;\n animation: yunhua-dot 1s infinite ease-in-out;\n }\n .yunhua-dot:nth-child(2) { animation-delay: 0.15s; }\n .yunhua-dot:nth-child(3) { animation-delay: 0.3s; }\n\n @keyframes yunhua-dot {\n 0%, 80%, 100% { transform: translateY(0); opacity: 0.3; }\n 40% { transform: translateY(-3px); opacity: 0.9; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n<div class=\"yunhua-chat-section\">\n <div class=\"yunhua-chat-wrapper\" id=\"yunhua-chat\">\n <div class=\"yunhua-chat-header\">\n <div class=\"yunhua-chat-avatar\">\ud83d\udc14<\/div>\n <div class=\"yunhua-chat-title\">\n <span>Dukungan peternakan Yunhua<\/span>\n <span>Tanyakan kepada kami tentang peralatan kandang ayam otomatis<\/span>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-body\" id=\"yunhua-chat-body\">\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Halo, ini tim dukungan Yunhua \ud83d\udc4b \n Kami membantu Anda merancang dan memilih peralatan kandang ayam otomatis\n yang diproduksi di Tiongkok (kandang bertingkat, sistem pakan, minum,\n pembuangan kotoran, dan pengumpul telur).\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Supaya kami dapat menyiapkan rancangan dan estimasi biaya yang sesuai,\n silakan tulis di kotak di bawah ini: \n \u2460 Negara dan kota Anda; \n \u2461 Berapa ekor ayam yang ingin Anda pelihara (misalnya layer atau broiler); \n \u2462 Jika sudah ada kandang, ukuran kira\u2011kira dalam meter (panjang \u00d7 lebar \u00d7 tinggi); \n \u2463 Peralatan utama yang Anda butuhkan dan nomor WhatsApp Anda untuk dihubungi. \n Dari informasi ini, insinyur kami bisa menyarankan tipe kandang, ukuran bangunan,\n dan kisaran investasi awal untuk peternakan Anda.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-footer\">\n <textarea\n id=\"yunhua-chat-input\"\n class=\"yunhua-chat-input\"\n rows=\"3\"\n placeholder=\"Tulis di sini: negara + kota, jumlah ayam, ukuran kandang (jika sudah ada), jenis peralatan yang Anda perlukan, dan nomor WhatsApp Anda\u2026\"\n ><\/textarea>\n <button id=\"yunhua-chat-send\" class=\"yunhua-chat-sendBtn\" type=\"button\">\u27a4<\/button>\n <\/div>\n\n <div class=\"yunhua-contact-inline\">\n <span class=\"label\">WhatsApp:<\/span>\n <a href=\"https:\/\/wa.me\/8613917849689\" target=\"_blank\" rel=\"noopener nofollow\">+8613917849689<\/a>\n <span class=\"label\">\uff5c Email:<\/span>\n <a href=\"mailto:yunhua@xiansh.cn\">yunhua@xiansh.cn<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function () {\n var bodyEl = document.getElementById('yunhua-chat-body');\n var inputEl = document.getElementById('yunhua-chat-input');\n var sendBtn = document.getElementById('yunhua-chat-send');\n\n function addMessage(text, role) {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row ' + role;\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble ' + role;\n bubble.textContent = text;\n\n var time = document.createElement('div');\n time.className = 'yunhua-msg-time';\n var d = new Date();\n time.textContent =\n d.getHours().toString().padStart(2,'0') + ':' +\n d.getMinutes().toString().padStart(2,'0');\n\n bubble.appendChild(time);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function addTyping() {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row agent';\n row.id = 'yunhua-typing-row';\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble agent';\n\n var typing = document.createElement('div');\n typing.className = 'yunhua-typing';\n for (var i = 0; i < 3; i++) {\n var dot = document.createElement('div');\n dot.className = 'yunhua-dot';\n typing.appendChild(dot);\n }\n bubble.appendChild(typing);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function removeTyping() {\n var row = document.getElementById('yunhua-typing-row');\n if (row) row.remove();\n }\n\n async function handleSend() {\n var text = (inputEl.value || '').trim();\n if (!text) return;\n addMessage(text, 'user');\n inputEl.value = '';\n\n addTyping();\n\n try {\n const response = await fetch('https:\/\/chat.xiansh.cn\/api\/livestock-chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n message: text,\n source: 'webchat-yunhua'\n })\n });\n\n if (!response.ok) {\n throw new Error('HTTP ' + response.status);\n }\n\n const data = await response.json();\n removeTyping();\n\n var reply = (data && data.reply) ? data.reply : '';\n if (!reply) {\n reply = 'Untuk saat ini AI belum bisa menjawab pertanyaan Anda. Silakan coba jelaskan dengan cara lain, atau hubungi kami langsung lewat WhatsApp.';\n }\n addMessage(reply, 'agent');\n } catch (err) {\n removeTyping();\n addMessage('Terjadi kesalahan jaringan atau server: ' + err.message + '. Silakan coba lagi nanti atau hubungi kami melalui WhatsApp.', 'agent');\n }\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputEl.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e59ac1 e-flex e-con-boxed e-con e-parent\" data-id=\"1e59ac1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3ed3d0 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"f3ed3d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <title>Konsultasi Online Peralatan Kandang Ayam Yunhua<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <style>\n \/* ===== Gaya umum: desktop + mobile ===== *\/\n\n .yunhua-chat-fullpage {\n min-height: 80vh;\n padding: 10px 0 30px;\n background:\n linear-gradient(135deg, rgba(18,140,126,0.9), rgba(37,211,102,0.75)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .yunhua-chat-banner {\n max-width: 980px;\n margin: 10px auto 6px auto;\n padding: 6px 12px;\n border-radius: 999px;\n background: rgba(0,0,0,0.12);\n color: #ffffff;\n font-size: 13px;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n display: flex;\n align-items: center;\n gap: 8px;\n animation: yunhua-banner-pulse 2.4s infinite ease-in-out;\n }\n .yunhua-chat-banner-badge {\n background: #25D366;\n color: #fff;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n }\n\n @keyframes yunhua-banner-pulse {\n 0%, 100% { transform: translateY(0); opacity: 0.9; }\n 50% { transform: translateY(-1px); opacity: 1; }\n }\n\n .yunhua-chat-wrapper {\n width: 100%;\n max-width: 980px;\n height: 70vh;\n max-height: 620px;\n border-radius: 18px;\n background: rgba(245,247,251,0.96);\n box-shadow: 0 18px 40px rgba(0,0,0,0.35);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n backdrop-filter: blur(4px);\n }\n\n .yunhua-chat-header {\n background: linear-gradient(135deg, #25D366, #128C7E);\n color: #fff;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .yunhua-chat-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n .yunhua-chat-title {\n display: flex;\n flex-direction: column;\n }\n .yunhua-chat-title span:first-child {\n font-weight: 600;\n font-size: 15px;\n }\n .yunhua-chat-title span:last-child {\n font-size: 12px;\n opacity: 0.9;\n }\n\n .yunhua-chat-body {\n padding: 16px 14px 10px;\n flex: 1;\n overflow-y: auto;\n background: #e5ddd5;\n background-image: radial-gradient(circle at top left, rgba(255,255,255,0.5), transparent 60%);\n }\n\n .yunhua-msg-row {\n display: flex;\n margin-bottom: 8px;\n }\n .yunhua-msg-row.agent {\n justify-content: flex-start;\n }\n .yunhua-msg-row.user {\n justify-content: flex-end;\n }\n\n .yunhua-msg-bubble {\n max-width: 70%;\n border-radius: 14px;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 1.4;\n box-shadow: 0 1px 2px rgba(0,0,0,0.16);\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n }\n .yunhua-msg-bubble.agent {\n background: #ffffff;\n border-bottom-left-radius: 2px;\n }\n .yunhua-msg-bubble.user {\n background: #dcf8c6;\n border-bottom-right-radius: 2px;\n }\n .yunhua-msg-time {\n font-size: 11px;\n color: rgba(0,0,0,0.45);\n margin-top: 2px;\n text-align: right;\n }\n\n .yunhua-chat-footer {\n border-top: 1px solid rgba(0,0,0,0.06);\n background: #f0f2f5;\n padding: 8px 10px 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n }\n \/* textarea lebih besar dan tinggi untuk menjelaskan proyek kandang dengan jelas *\/\n .yunhua-chat-input {\n flex: 1;\n border-radius: 20px;\n border: none;\n padding: 14px 14px;\n font-size: 14px;\n outline: none;\n background: #ffffff;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);\n resize: none;\n min-height: 56px;\n max-height: 120px;\n }\n .yunhua-chat-input::placeholder {\n color: rgba(0,0,0,0.4);\n }\n .yunhua-chat-sendBtn {\n border-radius: 50%;\n width: 38px;\n height: 38px;\n border: none;\n background: #25D366;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 10px rgba(0,0,0,0.25);\n transition: transform 0.12s ease, box-shadow 0.12s ease;\n font-size: 18px;\n }\n .yunhua-chat-sendBtn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 14px rgba(0,0,0,0.3);\n }\n\n \/* Kontak di bagian bawah: satu nomor WhatsApp +8613917849689 *\/\n .yunhua-contact-inline {\n padding: 4px 12px 10px;\n background: #f0f2f5;\n border-top: 1px solid rgba(0,0,0,0.04);\n font-size: 14px;\n color: #065f46;\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n text-align: center;\n }\n .yunhua-contact-inline span.label {\n font-weight: 600;\n }\n .yunhua-contact-inline a {\n color: #0f766e;\n text-decoration: none;\n font-weight: 600;\n }\n\n .yunhua-typing {\n display: inline-flex;\n gap: 3px;\n align-items: center;\n }\n .yunhua-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #999;\n animation: yunhua-dot 1s infinite ease-in-out;\n }\n .yunhua-dot:nth-child(2) { animation-delay: 0.15s; }\n .yunhua-dot:nth-child(3) { animation-delay: 0.3s; }\n\n @keyframes yunhua-dot {\n 0%, 80%, 100% { transform: translateY(0); opacity: 0.3; }\n 40% { transform: translateY(-3px); opacity: 0.9; }\n }\n\n @media (max-width: 768px) {\n .yunhua-chat-banner {\n display: none;\n }\n .yunhua-chat-fullpage {\n min-height: 100vh;\n padding: 0;\n background:\n linear-gradient(135deg, rgba(0,0,0,0.45), rgba(0,0,0,0.7)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n }\n .yunhua-chat-wrapper {\n width: 100%;\n height: 75vh;\n max-height: none;\n margin: 0;\n border-radius: 18px 18px 0 0;\n background: rgba(245,247,251,0.98);\n box-shadow: 0 -6px 20px rgba(0,0,0,0.55);\n }\n .yunhua-chat-header {\n padding: 10px 14px;\n }\n .yunhua-chat-body {\n padding: 10px 10px 6px;\n }\n .yunhua-chat-footer {\n padding: 10px 12px 6px;\n }\n .yunhua-chat-input {\n border-radius: 24px;\n padding: 16px 16px;\n font-size: 16px;\n min-height: 72px;\n }\n .yunhua-chat-sendBtn {\n width: 46px;\n height: 46px;\n font-size: 20px;\n box-shadow: 0 5px 16px rgba(0,0,0,0.4);\n }\n .yunhua-contact-inline {\n font-size: 13px;\n padding: 4px 10px 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n<div class=\"yunhua-chat-banner\">\n <div class=\"yunhua-chat-banner-badge\">Langkah 1<\/div>\n <div>\n Beri tahu kami negara Anda dan berapa ekor ayam yang ingin Anda pelihara\n (layer, broiler, atau jenis lain). Dengan informasi ini, tim kami bisa\n menyiapkan rancangan ukuran kandang dan perkiraan anggaran peralatan\n peternakan ayam yang sesuai untuk Anda.\n <\/div>\n<\/div>\n\n<div class=\"yunhua-chat-fullpage\">\n <div class=\"yunhua-chat-wrapper\" id=\"yunhua-chat\">\n <div class=\"yunhua-chat-header\">\n <div class=\"yunhua-chat-avatar\">\ud83d\udc14<\/div>\n <div class=\"yunhua-chat-title\">\n <span>Dukungan peternakan Yunhua<\/span>\n <span>Tanya kami tentang peralatan kandang ayam otomatis dari Tiongkok<\/span>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-body\" id=\"yunhua-chat-body\">\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Halo, ini tim dukungan Yunhua \ud83d\udc4b \n Kami membantu peternak di Asia Tenggara dan seluruh dunia\n untuk merancang dan memilih sistem kandang ayam otomatis\n (kandang baterai, sistem pakan, minum, pembuangan kotoran, dan pengumpul telur)\n yang diproduksi di Tiongkok.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Agar kami bisa memberikan saran desain kandang dan estimasi biaya awal yang tepat,\n mohon tuliskan di kotak berikut: \n \u2460 Negara dan kota Anda; \n \u2461 Jumlah ayam yang ingin Anda pelihara (misalnya 10.000 layer atau 5.000 broiler); \n \u2462 Bila sudah punya kandang, ukuran perkiraan dalam meter (panjang \u00d7 lebar \u00d7 tinggi); \n \u2463 Peralatan utama yang Anda butuhkan (jenis kandang, sistem pakan, dll.) serta nomor WhatsApp Anda. \n Berdasarkan data ini, insinyur kami dapat merekomendasikan tipe kandang, ukuran kandang,\n dan kisaran investasi awal untuk proyek peternakan Anda.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-footer\">\n \n <textarea\n id=\"yunhua-chat-input\"\n class=\"yunhua-chat-input\"\n rows=\"3\"\n placeholder=\"Tulis di sini: negara + kota, jumlah ayam yang ingin Anda pelihara, ukuran kandang (jika sudah ada), jenis peralatan yang Anda cari, dan nomor WhatsApp Anda\u2026\"\n ><\/textarea>\n <button id=\"yunhua-chat-send\" class=\"yunhua-chat-sendBtn\" type=\"button\">\u27a4<\/button>\n <\/div>\n\n <div class=\"yunhua-contact-inline\">\n <span class=\"label\">WhatsApp:<\/span>\n <a href=\"https:\/\/wa.me\/8613917849689\" target=\"_blank\" rel=\"noopener nofollow\">+8613917849689<\/a>\n <span class=\"label\">\uff5c Email:<\/span>\n <a href=\"mailto:yunhua@xiansh.cn\">yunhua@xiansh.cn<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function () {\n var bodyEl = document.getElementById('yunhua-chat-body');\n var inputEl = document.getElementById('yunhua-chat-input');\n var sendBtn = document.getElementById('yunhua-chat-send');\n\n function addMessage(text, role) {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row ' + role;\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble ' + role;\n bubble.textContent = text;\n\n var time = document.createElement('div');\n time.className = 'yunhua-msg-time';\n var d = new Date();\n time.textContent =\n d.getHours().toString().padStart(2,'0') + ':' +\n d.getMinutes().toString().padStart(2,'0');\n\n bubble.appendChild(time);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function addTyping() {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row agent';\n row.id = 'yunhua-typing-row';\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble agent';\n\n var typing = document.createElement('div');\n typing.className = 'yunhua-typing';\n for (var i = 0; i < 3; i++) {\n var dot = document.createElement('div');\n dot.className = 'yunhua-dot';\n typing.appendChild(dot);\n }\n bubble.appendChild(typing);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function removeTyping() {\n var row = document.getElementById('yunhua-typing-row');\n if (row) row.remove();\n }\n\n async function handleSend() {\n var text = (inputEl.value || '').trim();\n if (!text) return;\n addMessage(text, 'user');\n inputEl.value = '';\n\n addTyping();\n\n try {\n const response = await fetch('https:\/\/chat.xiansh.cn\/api\/livestock-chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n message: text,\n source: 'webchat-yunhua'\n })\n });\n\n if (!response.ok) {\n throw new Error('HTTP ' + response.status);\n }\n\n const data = await response.json();\n removeTyping();\n\n var reply = (data && data.reply) ? data.reply : '';\n if (!reply) {\n reply = 'Untuk saat ini AI belum dapat menjawab dengan tepat. Silakan coba jelaskan pertanyaan dengan cara lain, atau hubungi kami langsung lewat WhatsApp.';\n }\n addMessage(reply, 'agent');\n } catch (err) {\n removeTyping();\n addMessage('Terjadi kesalahan jaringan atau server: ' + err.message + '. Silakan coba lagi nanti atau hubungi kami melalui WhatsApp.', 'agent');\n }\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputEl.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>. Untuk jawaban cepat tentang peralatan peternakan unggas otomatis Beritahu kami ukuran peternakan Anda, negara, dan anggaran untuk mendapatkan solusi yang disesuaikan. Konsultasi Online Peralatan Kandang Ayam Yunhua (Mobile) \ud83d\udc14 Dukungan peternakan Yunhua Tanyakan kepada kami tentang peralatan kandang ayam otomatis Halo, ini tim dukungan Yunhua \ud83d\udc4b Kami membantu Anda merancang dan memilih peralatan kandang […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4876","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4876"}],"version-history":[{"count":7,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876\/revisions"}],"predecessor-version":[{"id":4885,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876\/revisions\/4885"}],"wp:attachment":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n\n \n Konsultasi Online Peralatan Kandang Ayam Yunhua (Mobile)<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <style>\n \/* Body hanya sebagai latar belakang biasa, bukan layar penuh *\/\n body {\n margin: 0;\n padding: 0;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n background: #f5f7fb; \/* abu\u2011abu muda, tidak mengganggu layout situs *\/\n }\n\n \/* Area chat sebagai satu blok mandiri di dalam halaman, bukan full screen *\/\n .yunhua-chat-section {\n max-width: 980px;\n margin: 12px auto 24px auto;\n padding: 10px 8px 18px;\n border-radius: 16px;\n background:\n linear-gradient(135deg, rgba(18,140,126,0.20), rgba(37,211,102,0.18)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n box-shadow: 0 8px 24px rgba(0,0,0,0.18);\n }\n\n .yunhua-chat-wrapper {\n width: 100%;\n height: 72vh; \/* tinggi sekitar 70% tinggi layar *\/\n max-height: 640px;\n margin: 0 auto;\n border-radius: 18px;\n background: rgba(245,247,251,0.98);\n box-shadow: 0 6px 16px rgba(0,0,0,0.28);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n .yunhua-chat-header {\n background: linear-gradient(135deg, #25D366, #128C7E);\n color: #fff;\n padding: 10px 14px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .yunhua-chat-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n .yunhua-chat-title {\n display: flex;\n flex-direction: column;\n }\n .yunhua-chat-title span:first-child {\n font-weight: 600;\n font-size: 15px;\n }\n .yunhua-chat-title span:last-child {\n font-size: 12px;\n opacity: 0.9;\n }\n\n .yunhua-chat-body {\n padding: 10px 10px 6px;\n flex: 1;\n overflow-y: auto;\n background: #e5ddd5;\n background-image: radial-gradient(circle at top left, rgba(255,255,255,0.5), transparent 60%);\n }\n\n .yunhua-msg-row {\n display: flex;\n margin-bottom: 8px;\n }\n .yunhua-msg-row.agent { justify-content: flex-start; }\n .yunhua-msg-row.user { justify-content: flex-end; }\n\n .yunhua-msg-bubble {\n max-width: 75%;\n border-radius: 14px;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 1.4;\n box-shadow: 0 1px 2px rgba(0,0,0,0.16);\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n }\n .yunhua-msg-bubble.agent {\n background: #ffffff;\n border-bottom-left-radius: 2px;\n }\n .yunhua-msg-bubble.user {\n background: #dcf8c6;\n border-bottom-right-radius: 2px;\n }\n .yunhua-msg-time {\n font-size: 11px;\n color: rgba(0,0,0,0.45);\n margin-top: 2px;\n text-align: right;\n }\n\n .yunhua-chat-footer {\n border-top: 1px solid rgba(0,0,0,0.06);\n background: #f0f2f5;\n padding: 10px 12px 6px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n }\n\n \/* Input teks besar (mobile) agar pelanggan mudah menjelaskan proyek dengan detail *\/\n .yunhua-chat-input {\n flex: 1;\n border-radius: 24px;\n border: none;\n padding: 16px 16px;\n font-size: 16px;\n outline: none;\n background: #ffffff;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);\n resize: none;\n min-height: 72px;\n max-height: 140px;\n }\n .yunhua-chat-input::placeholder {\n color: rgba(0,0,0,0.4);\n }\n\n .yunhua-chat-sendBtn {\n border-radius: 50%;\n width: 46px;\n height: 46px;\n border: none;\n background: #25D366;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 5px 16px rgba(0,0,0,0.4);\n transition: transform 0.12s ease, box-shadow 0.12s ease;\n font-size: 20px;\n }\n .yunhua-chat-sendBtn:active {\n transform: translateY(1px);\n box-shadow: 0 3px 10px rgba(0,0,0,0.35);\n }\n\n \/* Kontak di bagian bawah: satu nomor WhatsApp +8613917849689 *\/\n .yunhua-contact-inline {\n font-size: 13px;\n padding: 4px 10px 10px;\n background: #f0f2f5;\n border-top: 1px solid rgba(0,0,0,0.04);\n color: #065f46;\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n text-align: center;\n }\n .yunhua-contact-inline span.label {\n font-weight: 600;\n }\n .yunhua-contact-inline a {\n color: #0f766e;\n text-decoration: none;\n font-weight: 600;\n }\n\n .yunhua-typing {\n display: inline-flex;\n gap: 3px;\n align-items: center;\n }\n .yunhua-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #999;\n animation: yunhua-dot 1s infinite ease-in-out;\n }\n .yunhua-dot:nth-child(2) { animation-delay: 0.15s; }\n .yunhua-dot:nth-child(3) { animation-delay: 0.3s; }\n\n @keyframes yunhua-dot {\n 0%, 80%, 100% { transform: translateY(0); opacity: 0.3; }\n 40% { transform: translateY(-3px); opacity: 0.9; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n<div class=\"yunhua-chat-section\">\n <div class=\"yunhua-chat-wrapper\" id=\"yunhua-chat\">\n <div class=\"yunhua-chat-header\">\n <div class=\"yunhua-chat-avatar\">\ud83d\udc14<\/div>\n <div class=\"yunhua-chat-title\">\n <span>Dukungan peternakan Yunhua<\/span>\n <span>Tanyakan kepada kami tentang peralatan kandang ayam otomatis<\/span>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-body\" id=\"yunhua-chat-body\">\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Halo, ini tim dukungan Yunhua \ud83d\udc4b \n Kami membantu Anda merancang dan memilih peralatan kandang ayam otomatis\n yang diproduksi di Tiongkok (kandang bertingkat, sistem pakan, minum,\n pembuangan kotoran, dan pengumpul telur).\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Supaya kami dapat menyiapkan rancangan dan estimasi biaya yang sesuai,\n silakan tulis di kotak di bawah ini: \n \u2460 Negara dan kota Anda; \n \u2461 Berapa ekor ayam yang ingin Anda pelihara (misalnya layer atau broiler); \n \u2462 Jika sudah ada kandang, ukuran kira\u2011kira dalam meter (panjang \u00d7 lebar \u00d7 tinggi); \n \u2463 Peralatan utama yang Anda butuhkan dan nomor WhatsApp Anda untuk dihubungi. \n Dari informasi ini, insinyur kami bisa menyarankan tipe kandang, ukuran bangunan,\n dan kisaran investasi awal untuk peternakan Anda.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-footer\">\n <textarea\n id=\"yunhua-chat-input\"\n class=\"yunhua-chat-input\"\n rows=\"3\"\n placeholder=\"Tulis di sini: negara + kota, jumlah ayam, ukuran kandang (jika sudah ada), jenis peralatan yang Anda perlukan, dan nomor WhatsApp Anda\u2026\"\n ><\/textarea>\n <button id=\"yunhua-chat-send\" class=\"yunhua-chat-sendBtn\" type=\"button\">\u27a4<\/button>\n <\/div>\n\n <div class=\"yunhua-contact-inline\">\n <span class=\"label\">WhatsApp:<\/span>\n <a href=\"https:\/\/wa.me\/8613917849689\" target=\"_blank\" rel=\"noopener nofollow\">+8613917849689<\/a>\n <span class=\"label\">\uff5c Email:<\/span>\n <a href=\"mailto:yunhua@xiansh.cn\">yunhua@xiansh.cn<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function () {\n var bodyEl = document.getElementById('yunhua-chat-body');\n var inputEl = document.getElementById('yunhua-chat-input');\n var sendBtn = document.getElementById('yunhua-chat-send');\n\n function addMessage(text, role) {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row ' + role;\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble ' + role;\n bubble.textContent = text;\n\n var time = document.createElement('div');\n time.className = 'yunhua-msg-time';\n var d = new Date();\n time.textContent =\n d.getHours().toString().padStart(2,'0') + ':' +\n d.getMinutes().toString().padStart(2,'0');\n\n bubble.appendChild(time);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function addTyping() {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row agent';\n row.id = 'yunhua-typing-row';\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble agent';\n\n var typing = document.createElement('div');\n typing.className = 'yunhua-typing';\n for (var i = 0; i < 3; i++) {\n var dot = document.createElement('div');\n dot.className = 'yunhua-dot';\n typing.appendChild(dot);\n }\n bubble.appendChild(typing);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function removeTyping() {\n var row = document.getElementById('yunhua-typing-row');\n if (row) row.remove();\n }\n\n async function handleSend() {\n var text = (inputEl.value || '').trim();\n if (!text) return;\n addMessage(text, 'user');\n inputEl.value = '';\n\n addTyping();\n\n try {\n const response = await fetch('https:\/\/chat.xiansh.cn\/api\/livestock-chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n message: text,\n source: 'webchat-yunhua'\n })\n });\n\n if (!response.ok) {\n throw new Error('HTTP ' + response.status);\n }\n\n const data = await response.json();\n removeTyping();\n\n var reply = (data && data.reply) ? data.reply : '';\n if (!reply) {\n reply = 'Untuk saat ini AI belum bisa menjawab pertanyaan Anda. Silakan coba jelaskan dengan cara lain, atau hubungi kami langsung lewat WhatsApp.';\n }\n addMessage(reply, 'agent');\n } catch (err) {\n removeTyping();\n addMessage('Terjadi kesalahan jaringan atau server: ' + err.message + '. Silakan coba lagi nanti atau hubungi kami melalui WhatsApp.', 'agent');\n }\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputEl.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e59ac1 e-flex e-con-boxed e-con e-parent\" data-id=\"1e59ac1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3ed3d0 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"f3ed3d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <title>Konsultasi Online Peralatan Kandang Ayam Yunhua<\/title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n\n <style>\n \/* ===== Gaya umum: desktop + mobile ===== *\/\n\n .yunhua-chat-fullpage {\n min-height: 80vh;\n padding: 10px 0 30px;\n background:\n linear-gradient(135deg, rgba(18,140,126,0.9), rgba(37,211,102,0.75)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .yunhua-chat-banner {\n max-width: 980px;\n margin: 10px auto 6px auto;\n padding: 6px 12px;\n border-radius: 999px;\n background: rgba(0,0,0,0.12);\n color: #ffffff;\n font-size: 13px;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n display: flex;\n align-items: center;\n gap: 8px;\n animation: yunhua-banner-pulse 2.4s infinite ease-in-out;\n }\n .yunhua-chat-banner-badge {\n background: #25D366;\n color: #fff;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n }\n\n @keyframes yunhua-banner-pulse {\n 0%, 100% { transform: translateY(0); opacity: 0.9; }\n 50% { transform: translateY(-1px); opacity: 1; }\n }\n\n .yunhua-chat-wrapper {\n width: 100%;\n max-width: 980px;\n height: 70vh;\n max-height: 620px;\n border-radius: 18px;\n background: rgba(245,247,251,0.96);\n box-shadow: 0 18px 40px rgba(0,0,0,0.35);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n font-family: system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n backdrop-filter: blur(4px);\n }\n\n .yunhua-chat-header {\n background: linear-gradient(135deg, #25D366, #128C7E);\n color: #fff;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .yunhua-chat-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.22);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n }\n .yunhua-chat-title {\n display: flex;\n flex-direction: column;\n }\n .yunhua-chat-title span:first-child {\n font-weight: 600;\n font-size: 15px;\n }\n .yunhua-chat-title span:last-child {\n font-size: 12px;\n opacity: 0.9;\n }\n\n .yunhua-chat-body {\n padding: 16px 14px 10px;\n flex: 1;\n overflow-y: auto;\n background: #e5ddd5;\n background-image: radial-gradient(circle at top left, rgba(255,255,255,0.5), transparent 60%);\n }\n\n .yunhua-msg-row {\n display: flex;\n margin-bottom: 8px;\n }\n .yunhua-msg-row.agent {\n justify-content: flex-start;\n }\n .yunhua-msg-row.user {\n justify-content: flex-end;\n }\n\n .yunhua-msg-bubble {\n max-width: 70%;\n border-radius: 14px;\n padding: 8px 10px;\n font-size: 14px;\n line-height: 1.4;\n box-shadow: 0 1px 2px rgba(0,0,0,0.16);\n position: relative;\n word-wrap: break-word;\n white-space: pre-wrap;\n }\n .yunhua-msg-bubble.agent {\n background: #ffffff;\n border-bottom-left-radius: 2px;\n }\n .yunhua-msg-bubble.user {\n background: #dcf8c6;\n border-bottom-right-radius: 2px;\n }\n .yunhua-msg-time {\n font-size: 11px;\n color: rgba(0,0,0,0.45);\n margin-top: 2px;\n text-align: right;\n }\n\n .yunhua-chat-footer {\n border-top: 1px solid rgba(0,0,0,0.06);\n background: #f0f2f5;\n padding: 8px 10px 4px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n }\n \/* textarea lebih besar dan tinggi untuk menjelaskan proyek kandang dengan jelas *\/\n .yunhua-chat-input {\n flex: 1;\n border-radius: 20px;\n border: none;\n padding: 14px 14px;\n font-size: 14px;\n outline: none;\n background: #ffffff;\n box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);\n resize: none;\n min-height: 56px;\n max-height: 120px;\n }\n .yunhua-chat-input::placeholder {\n color: rgba(0,0,0,0.4);\n }\n .yunhua-chat-sendBtn {\n border-radius: 50%;\n width: 38px;\n height: 38px;\n border: none;\n background: #25D366;\n color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 10px rgba(0,0,0,0.25);\n transition: transform 0.12s ease, box-shadow 0.12s ease;\n font-size: 18px;\n }\n .yunhua-chat-sendBtn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 14px rgba(0,0,0,0.3);\n }\n\n \/* Kontak di bagian bawah: satu nomor WhatsApp +8613917849689 *\/\n .yunhua-contact-inline {\n padding: 4px 12px 10px;\n background: #f0f2f5;\n border-top: 1px solid rgba(0,0,0,0.04);\n font-size: 14px;\n color: #065f46;\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n justify-content: center;\n text-align: center;\n }\n .yunhua-contact-inline span.label {\n font-weight: 600;\n }\n .yunhua-contact-inline a {\n color: #0f766e;\n text-decoration: none;\n font-weight: 600;\n }\n\n .yunhua-typing {\n display: inline-flex;\n gap: 3px;\n align-items: center;\n }\n .yunhua-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #999;\n animation: yunhua-dot 1s infinite ease-in-out;\n }\n .yunhua-dot:nth-child(2) { animation-delay: 0.15s; }\n .yunhua-dot:nth-child(3) { animation-delay: 0.3s; }\n\n @keyframes yunhua-dot {\n 0%, 80%, 100% { transform: translateY(0); opacity: 0.3; }\n 40% { transform: translateY(-3px); opacity: 0.9; }\n }\n\n @media (max-width: 768px) {\n .yunhua-chat-banner {\n display: none;\n }\n .yunhua-chat-fullpage {\n min-height: 100vh;\n padding: 0;\n background:\n linear-gradient(135deg, rgba(0,0,0,0.45), rgba(0,0,0,0.7)),\n url(\"https:\/\/www.xiansh.cn\/wp-content\/uploads\/2024\/01\/poultry-farm-bg.jpg\") center\/cover no-repeat;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n }\n .yunhua-chat-wrapper {\n width: 100%;\n height: 75vh;\n max-height: none;\n margin: 0;\n border-radius: 18px 18px 0 0;\n background: rgba(245,247,251,0.98);\n box-shadow: 0 -6px 20px rgba(0,0,0,0.55);\n }\n .yunhua-chat-header {\n padding: 10px 14px;\n }\n .yunhua-chat-body {\n padding: 10px 10px 6px;\n }\n .yunhua-chat-footer {\n padding: 10px 12px 6px;\n }\n .yunhua-chat-input {\n border-radius: 24px;\n padding: 16px 16px;\n font-size: 16px;\n min-height: 72px;\n }\n .yunhua-chat-sendBtn {\n width: 46px;\n height: 46px;\n font-size: 20px;\n box-shadow: 0 5px 16px rgba(0,0,0,0.4);\n }\n .yunhua-contact-inline {\n font-size: 13px;\n padding: 4px 10px 10px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n<div class=\"yunhua-chat-banner\">\n <div class=\"yunhua-chat-banner-badge\">Langkah 1<\/div>\n <div>\n Beri tahu kami negara Anda dan berapa ekor ayam yang ingin Anda pelihara\n (layer, broiler, atau jenis lain). Dengan informasi ini, tim kami bisa\n menyiapkan rancangan ukuran kandang dan perkiraan anggaran peralatan\n peternakan ayam yang sesuai untuk Anda.\n <\/div>\n<\/div>\n\n<div class=\"yunhua-chat-fullpage\">\n <div class=\"yunhua-chat-wrapper\" id=\"yunhua-chat\">\n <div class=\"yunhua-chat-header\">\n <div class=\"yunhua-chat-avatar\">\ud83d\udc14<\/div>\n <div class=\"yunhua-chat-title\">\n <span>Dukungan peternakan Yunhua<\/span>\n <span>Tanya kami tentang peralatan kandang ayam otomatis dari Tiongkok<\/span>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-body\" id=\"yunhua-chat-body\">\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Halo, ini tim dukungan Yunhua \ud83d\udc4b \n Kami membantu peternak di Asia Tenggara dan seluruh dunia\n untuk merancang dan memilih sistem kandang ayam otomatis\n (kandang baterai, sistem pakan, minum, pembuangan kotoran, dan pengumpul telur)\n yang diproduksi di Tiongkok.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <div class=\"yunhua-msg-row agent\">\n <div class=\"yunhua-msg-bubble agent\">\n Agar kami bisa memberikan saran desain kandang dan estimasi biaya awal yang tepat,\n mohon tuliskan di kotak berikut: \n \u2460 Negara dan kota Anda; \n \u2461 Jumlah ayam yang ingin Anda pelihara (misalnya 10.000 layer atau 5.000 broiler); \n \u2462 Bila sudah punya kandang, ukuran perkiraan dalam meter (panjang \u00d7 lebar \u00d7 tinggi); \n \u2463 Peralatan utama yang Anda butuhkan (jenis kandang, sistem pakan, dll.) serta nomor WhatsApp Anda. \n Berdasarkan data ini, insinyur kami dapat merekomendasikan tipe kandang, ukuran kandang,\n dan kisaran investasi awal untuk proyek peternakan Anda.\n <div class=\"yunhua-msg-time\">baru saja<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"yunhua-chat-footer\">\n \n <textarea\n id=\"yunhua-chat-input\"\n class=\"yunhua-chat-input\"\n rows=\"3\"\n placeholder=\"Tulis di sini: negara + kota, jumlah ayam yang ingin Anda pelihara, ukuran kandang (jika sudah ada), jenis peralatan yang Anda cari, dan nomor WhatsApp Anda\u2026\"\n ><\/textarea>\n <button id=\"yunhua-chat-send\" class=\"yunhua-chat-sendBtn\" type=\"button\">\u27a4<\/button>\n <\/div>\n\n <div class=\"yunhua-contact-inline\">\n <span class=\"label\">WhatsApp:<\/span>\n <a href=\"https:\/\/wa.me\/8613917849689\" target=\"_blank\" rel=\"noopener nofollow\">+8613917849689<\/a>\n <span class=\"label\">\uff5c Email:<\/span>\n <a href=\"mailto:yunhua@xiansh.cn\">yunhua@xiansh.cn<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function () {\n var bodyEl = document.getElementById('yunhua-chat-body');\n var inputEl = document.getElementById('yunhua-chat-input');\n var sendBtn = document.getElementById('yunhua-chat-send');\n\n function addMessage(text, role) {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row ' + role;\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble ' + role;\n bubble.textContent = text;\n\n var time = document.createElement('div');\n time.className = 'yunhua-msg-time';\n var d = new Date();\n time.textContent =\n d.getHours().toString().padStart(2,'0') + ':' +\n d.getMinutes().toString().padStart(2,'0');\n\n bubble.appendChild(time);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function addTyping() {\n var row = document.createElement('div');\n row.className = 'yunhua-msg-row agent';\n row.id = 'yunhua-typing-row';\n\n var bubble = document.createElement('div');\n bubble.className = 'yunhua-msg-bubble agent';\n\n var typing = document.createElement('div');\n typing.className = 'yunhua-typing';\n for (var i = 0; i < 3; i++) {\n var dot = document.createElement('div');\n dot.className = 'yunhua-dot';\n typing.appendChild(dot);\n }\n bubble.appendChild(typing);\n row.appendChild(bubble);\n bodyEl.appendChild(row);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function removeTyping() {\n var row = document.getElementById('yunhua-typing-row');\n if (row) row.remove();\n }\n\n async function handleSend() {\n var text = (inputEl.value || '').trim();\n if (!text) return;\n addMessage(text, 'user');\n inputEl.value = '';\n\n addTyping();\n\n try {\n const response = await fetch('https:\/\/chat.xiansh.cn\/api\/livestock-chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n message: text,\n source: 'webchat-yunhua'\n })\n });\n\n if (!response.ok) {\n throw new Error('HTTP ' + response.status);\n }\n\n const data = await response.json();\n removeTyping();\n\n var reply = (data && data.reply) ? data.reply : '';\n if (!reply) {\n reply = 'Untuk saat ini AI belum dapat menjawab dengan tepat. Silakan coba jelaskan pertanyaan dengan cara lain, atau hubungi kami langsung lewat WhatsApp.';\n }\n addMessage(reply, 'agent');\n } catch (err) {\n removeTyping();\n addMessage('Terjadi kesalahan jaringan atau server: ' + err.message + '. Silakan coba lagi nanti atau hubungi kami melalui WhatsApp.', 'agent');\n }\n }\n\n sendBtn.addEventListener('click', handleSend);\n inputEl.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>. Untuk jawaban cepat tentang peralatan peternakan unggas otomatis Beritahu kami ukuran peternakan Anda, negara, dan anggaran untuk mendapatkan solusi yang disesuaikan. Konsultasi Online Peralatan Kandang Ayam Yunhua (Mobile) \ud83d\udc14 Dukungan peternakan Yunhua Tanyakan kepada kami tentang peralatan kandang ayam otomatis Halo, ini tim dukungan Yunhua \ud83d\udc4b Kami membantu Anda merancang dan memilih peralatan kandang […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4876","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4876"}],"version-history":[{"count":7,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876\/revisions"}],"predecessor-version":[{"id":4885,"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=\/wp\/v2\/pages\/4876\/revisions\/4885"}],"wp:attachment":[{"href":"https:\/\/www.yn.xiansh.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}