Axis Configuration Selector | Zhouxiang Cantilever Welding Robot<\/title>\n<meta name=\"description\" content=\"Find the ideal 7, 8, or 9-axis cantilever welding robot configuration for your production needs. Answer a few questions about your workpieces, production volume, and welding requirements.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Oswald:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n:root {\n --primary: #184890;\n --primary-dark: #0e2f5e;\n --primary-light: #2a63b8;\n --accent: #FFD800;\n --accent-hover: #e6c200;\n --text-primary: #1a1a2e;\n --text-secondary: #4a4a68;\n --text-light: #7a7a96;\n --bg-white: #ffffff;\n --bg-light: #f4f6fa;\n --bg-dark: #0c1d3a;\n --border-light: #e2e6ef;\n --shadow-sm: 0 2px 8px rgba(24,72,144,0.06);\n --shadow-md: 0 8px 32px rgba(24,72,144,0.10);\n --shadow-lg: 0 16px 56px rgba(24,72,144,0.14);\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n --font-display: 'Oswald', sans-serif;\n --font-body: 'DM Sans', sans-serif;\n --font-mono: 'Space Mono', monospace;\n --green: #10b981;\n --orange: #f59e0b;\n}\nbody { font-family: var(--font-body); color: var(--text-primary); line-height: 1.7; font-size: 16px; background: var(--bg-light); min-height: 100vh; }\n\n\/* HEADER *\/\n.tool-header {\n background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);\n padding: 32px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.tool-header::before {\n content: '';\n position: absolute;\n bottom: -60%;\n left: 20%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle at 40% 80%, rgba(255,216,0,0.07) 0%, transparent 50%);\n pointer-events: none;\n}\n.tool-header .badge {\n display: inline-block;\n background: rgba(255,216,0,0.15);\n border: 1px solid rgba(255,216,0,0.3);\n color: var(--accent);\n font-family: var(--font-mono);\n font-size: 11px;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 4px 14px;\n border-radius: 20px;\n margin-bottom: 12px;\n}\n.tool-header h1 {\n font-family: var(--font-display);\n font-size: clamp(24px, 4vw, 36px);\n font-weight: 700;\n color: #fff;\n text-transform: uppercase;\n letter-spacing: 1px;\n position: relative;\n}\n.tool-header p { color: rgba(255,255,255,0.7); font-size: 14px; margin-top: 8px; position: relative; }\n\n\/* CONTAINER *\/\n.tool-container {\n max-width: 780px;\n margin: -20px auto 40px;\n padding: 0 20px;\n position: relative;\n z-index: 1;\n}\n\n\/* PROGRESS BAR *\/\n.progress-wrap {\n background: var(--bg-white);\n border-radius: 30px;\n padding: 8px 16px;\n box-shadow: var(--shadow-sm);\n margin-bottom: 24px;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.progress-label {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 1px;\n white-space: nowrap;\n}\n.progress-track {\n flex: 1;\n height: 6px;\n background: var(--border-light);\n border-radius: 3px;\n overflow: hidden;\n}\n.progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary), var(--accent));\n border-radius: 3px;\n transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.progress-count {\n font-family: var(--font-mono);\n font-size: 12px;\n color: var(--primary);\n font-weight: 700;\n white-space: nowrap;\n}\n\n\/* CARD *\/\n.card {\n background: var(--bg-white);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-md);\n overflow: hidden;\n}\n.card-body { padding: 32px; }\n\n\/* QUESTION PANEL *\/\n.question-panel { display: none; }\n.question-panel.active { display: block; animation: slideIn 0.4s ease; }\n@keyframes slideIn { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }\n\n.question-num {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 8px;\n}\n.question-text {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 24px;\n line-height: 1.3;\n}\n\n\/* ANSWER OPTIONS *\/\n.answer-list { display: flex; flex-direction: column; gap: 10px; }\n.answer-option {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 16px 20px;\n border: 2px solid var(--border-light);\n border-radius: var(--radius-md);\n cursor: pointer;\n transition: all 0.25s;\n background: transparent;\n width: 100%;\n text-align: left;\n font-family: var(--font-body);\n font-size: 15px;\n color: var(--text-primary);\n}\n.answer-option:hover {\n border-color: var(--primary-light);\n background: rgba(24,72,144,0.02);\n transform: translateX(4px);\n}\n.answer-option.selected {\n border-color: var(--primary);\n background: rgba(24,72,144,0.05);\n box-shadow: 0 0 0 3px rgba(24,72,144,0.08);\n}\n.answer-option .radio {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--border-light);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n}\n.answer-option.selected .radio {\n border-color: var(--primary);\n background: var(--primary);\n}\n.answer-option.selected .radio::after {\n content: '';\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #fff;\n}\n.answer-option .answer-text { flex: 1; }\n.answer-option .answer-text .sub {\n display: block;\n font-size: 12px;\n color: var(--text-light);\n margin-top: 2px;\n}\n\n\/* NAV BUTTONS *\/\n.q-nav { display: flex; justify-content: space-between; margin-top: 28px; gap: 12px; }\n.btn-next, .btn-prev {\n padding: 12px 28px;\n border: none;\n border-radius: var(--radius-sm);\n font-family: var(--font-display);\n font-size: 14px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s;\n}\n.btn-next {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n color: #fff;\n margin-left: auto;\n}\n.btn-next:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(24,72,144,0.3); }\n.btn-next:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }\n.btn-prev {\n background: transparent;\n color: var(--text-secondary);\n border: 1.5px solid var(--border-light);\n}\n.btn-prev:hover { border-color: var(--primary); color: var(--primary); }\n\n\/* ============= RESULT PAGE ============= *\/\n.result-page { display: none; }\n.result-page.active { display: block; animation: slideIn 0.5s ease; }\n\n\/* Top recommendation banner *\/\n.reco-banner {\n text-align: center;\n padding: 36px 24px;\n background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);\n border-radius: var(--radius-lg);\n margin-bottom: 24px;\n position: relative;\n overflow: hidden;\n}\n.reco-banner::before {\n content: '';\n position: absolute;\n top: -40%;\n right: -20%;\n width: 60%;\n height: 180%;\n background: radial-gradient(circle, rgba(255,216,0,0.1) 0%, transparent 60%);\n pointer-events: none;\n}\n.reco-banner .reco-label {\n font-family: var(--font-mono);\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: rgba(255,255,255,0.5);\n margin-bottom: 8px;\n position: relative;\n}\n.reco-banner .reco-axis {\n font-family: var(--font-display);\n font-size: 72px;\n font-weight: 700;\n color: var(--accent);\n line-height: 1;\n position: relative;\n}\n.reco-banner .reco-axis span {\n font-size: 36px;\n color: rgba(255,255,255,0.7);\n vertical-align: middle;\n}\n.reco-banner .reco-name {\n font-family: var(--font-display);\n font-size: 20px;\n color: #fff;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-top: 8px;\n position: relative;\n}\n.reco-banner .reco-tagline {\n font-size: 14px;\n color: rgba(255,255,255,0.65);\n margin-top: 6px;\n max-width: 480px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n}\n\n\/* Match score *\/\n.match-scores {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 24px;\n}\n.match-card {\n background: var(--bg-white);\n border-radius: var(--radius-md);\n padding: 20px 16px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n border-top: 3px solid var(--border-light);\n transition: all 0.3s;\n}\n.match-card.recommended { border-top-color: var(--accent); box-shadow: var(--shadow-md); transform: scale(1.03); }\n.match-card .axis-label {\n font-family: var(--font-display);\n font-size: 28px;\n font-weight: 700;\n color: var(--text-primary);\n}\n.match-card .axis-label small { font-size: 16px; color: var(--text-light); font-weight: 400; }\n.match-card .score-bar-bg {\n width: 100%;\n height: 8px;\n background: var(--bg-light);\n border-radius: 4px;\n margin: 12px 0 8px;\n overflow: hidden;\n}\n.match-card .score-bar {\n height: 100%;\n border-radius: 4px;\n transition: width 1s cubic-bezier(0.22, 1, 0.36, 1);\n}\n.match-card .score-bar.high { background: linear-gradient(90deg, var(--green), #34d399); }\n.match-card .score-bar.mid { background: linear-gradient(90deg, var(--orange), #fbbf24); }\n.match-card .score-bar.low { background: linear-gradient(90deg, var(--border-light), #d1d5db); }\n.match-card .score-pct {\n font-family: var(--font-mono);\n font-size: 22px;\n font-weight: 700;\n}\n.match-card .score-pct.high { color: var(--green); }\n.match-card .score-pct.mid { color: var(--orange); }\n.match-card .score-pct.low { color: var(--text-light); }\n.match-card .score-text {\n font-size: 11px;\n color: var(--text-light);\n text-transform: uppercase;\n letter-spacing: 1px;\n font-family: var(--font-mono);\n}\n\n\/* Feature comparison *\/\n.features-section {\n background: var(--bg-white);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow-sm);\n overflow: hidden;\n margin-bottom: 24px;\n}\n.features-section .feat-header {\n padding: 16px 24px;\n border-bottom: 1px solid var(--border-light);\n font-family: var(--font-display);\n font-size: 16px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n.feat-row {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: center;\n padding: 14px 24px;\n border-bottom: 1px solid var(--bg-light);\n gap: 12px;\n}\n.feat-row:last-child { border-bottom: none; }\n.feat-row .feat-name {\n font-size: 14px;\n color: var(--text-secondary);\n}\n.feat-row .feat-val {\n font-family: var(--font-mono);\n font-size: 13px;\n font-weight: 700;\n color: var(--primary);\n text-align: right;\n}\n\n\/* Reasoning *\/\n.reasoning-box {\n background: rgba(255,216,0,0.06);\n border: 1px solid rgba(255,216,0,0.2);\n border-radius: var(--radius-md);\n padding: 20px 24px;\n margin-bottom: 24px;\n}\n.reasoning-box h4 {\n font-family: var(--font-display);\n font-size: 15px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: #b8960a;\n margin-bottom: 12px;\n}\n.reasoning-box .reason-item {\n display: flex;\n gap: 10px;\n margin-bottom: 10px;\n font-size: 14px;\n color: var(--text-secondary);\n line-height: 1.5;\n}\n.reasoning-box .reason-item:last-child { margin-bottom: 0; }\n.reasoning-box .reason-item .check {\n color: var(--green);\n font-weight: 700;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n\/* CTA *\/\n.cta-strip {\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n border-radius: var(--radius-md);\n padding: 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n}\n.cta-strip p { color: rgba(255,255,255,0.9); font-size: 14px; line-height: 1.5; }\n.cta-strip .btn-cta {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--accent);\n color: var(--primary-dark);\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 12px 24px;\n border-radius: var(--radius-sm);\n text-decoration: none;\n white-space: nowrap;\n transition: all 0.3s;\n border: none;\n cursor: pointer;\n}\n.cta-strip .btn-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(255,216,0,0.4); }\n.restart-btn {\n display: block;\n margin: 20px auto 0;\n background: transparent;\n border: 1.5px solid var(--border-light);\n border-radius: var(--radius-sm);\n padding: 10px 24px;\n font-family: var(--font-display);\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text-light);\n cursor: pointer;\n transition: all 0.2s;\n}\n.restart-btn:hover { border-color: var(--primary); color: var(--primary); }\n\n\/* RESPONSIVE *\/\n@media (max-width:690px) {\n .match-scores { grid-template-columns: 1fr; }\n .match-card.recommended { transform: none; }\n .cta-strip { flex-direction: column; text-align: center; }\n .reco-banner .reco-axis { font-size: 56px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"tool-header\">\n <div class=\"badge\">Interactive Tool<\/div>\n <h1>Axis Configuration Selector<\/h1>\n <p>Answer 5 questions to find your ideal 7, 8, or 9-axis cantilever welding robot<\/p>\n<\/div>\n\n<div class=\"tool-container\">\n\n \n <div class=\"progress-wrap\">\n <span class=\"progress-label\">Progress<\/span>\n <div class=\"progress-track\">\n <div class=\"progress-fill\" id=\"progressFill\" style=\"width: 0%\"><\/div>\n <\/div>\n <span class=\"progress-count\" id=\"progressCount\">0 \/ 5<\/span>\n <\/div>\n\n \n <div class=\"card\" id=\"questionCard\">\n <div class=\"card-body\">\n\n \n <div class=\"question-panel active\" id=\"q1\">\n <div class=\"question-num\">Question 01 \/ 05<\/div>\n <div class=\"question-text\">What type of workpieces do you primarily weld?<\/div>\n <div class=\"answer-list\">\n <button class=\"answer-option\" data-q=\"1\" data-score7=\"3\" data-score8=\"1\" data-score9=\"0\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Simple plate structures<span class=\"sub\">Flat plates, simple brackets, beam connections<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"1\" data-score7=\"1\" data-score8=\"3\" data-score9=\"1\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">H-beams & box columns<span class=\"sub\">Standard structural steel, columns, girders<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"1\" data-score7=\"0\" data-score8=\"2\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Complex 3D assemblies<span class=\"sub\">Ship sections, curved structures, multi-angle nodes<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"1\" data-score7=\"0\" data-score8=\"1\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Mixed \/ highly variable parts<span class=\"sub\">Frequent changeover, custom fabrication<\/span><\/div>\n <\/button>\n <\/div>\n <div class=\"q-nav\">\n <button class=\"btn-next\" id=\"q1next\" disabled onclick=\"nextQ(2)\">Next \u2192<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"question-panel\" id=\"q2\">\n <div class=\"question-num\">Question 02 \/ 05<\/div>\n <div class=\"question-text\">What is your maximum workpiece length?<\/div>\n <div class=\"answer-list\">\n <button class=\"answer-option\" data-q=\"2\" data-score7=\"3\" data-score8=\"2\" data-score9=\"1\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Under 6 meters<span class=\"sub\">Standard structural members<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"2\" data-score7=\"2\" data-score8=\"3\" data-score9=\"2\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">6 \u2013 12 meters<span class=\"sub\">Long beams, bridge sections<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"2\" data-score7=\"0\" data-score8=\"2\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">12 \u2013 20 meters<span class=\"sub\">Large-scale ship panels, heavy bridge members<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"2\" data-score7=\"0\" data-score8=\"1\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Over 20 meters<span class=\"sub\">Mega-structures, continuous production lines<\/span><\/div>\n <\/button>\n <\/div>\n <div class=\"q-nav\">\n <button class=\"btn-prev\" onclick=\"prevQ(1)\">\u2190 Back<\/button>\n <button class=\"btn-next\" id=\"q2next\" disabled onclick=\"nextQ(3)\">Next \u2192<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"question-panel\" id=\"q3\">\n <div class=\"question-num\">Question 03 \/ 05<\/div>\n <div class=\"question-text\">How complex are your weld seam patterns?<\/div>\n <div class=\"answer-list\">\n <button class=\"answer-option\" data-q=\"3\" data-score7=\"3\" data-score8=\"1\" data-score9=\"0\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Straight seams only<span class=\"sub\">Linear fillet welds, butt joints along edges<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"3\" data-score7=\"1\" data-score8=\"3\" data-score9=\"1\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Straight + some curved seams<span class=\"sub\">Stiffener welds, end plates, occasional curves<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"3\" data-score7=\"0\" data-score8=\"1\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Multi-directional \/ 3D seams<span class=\"sub\">Welds at multiple angles, around obstacles, variable geometry<\/span><\/div>\n <\/button>\n <\/div>\n <div class=\"q-nav\">\n <button class=\"btn-prev\" onclick=\"prevQ(2)\">\u2190 Back<\/button>\n <button class=\"btn-next\" id=\"q3next\" disabled onclick=\"nextQ(4)\">Next \u2192<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"question-panel\" id=\"q4\">\n <div class=\"question-num\">Question 04 \/ 05<\/div>\n <div class=\"question-text\">What is your target production volume?<\/div>\n <div class=\"answer-list\">\n <button class=\"answer-option\" data-q=\"4\" data-score7=\"3\" data-score8=\"2\" data-score9=\"1\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Low volume, high variety<span class=\"sub\">Small batches, frequent part changes, prototyping<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"4\" data-score7=\"2\" data-score8=\"3\" data-score9=\"2\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Medium volume production<span class=\"sub\">Steady output, moderate variety, repeat orders<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"4\" data-score7=\"1\" data-score8=\"2\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">High volume continuous<span class=\"sub\">Mass production, multi-shift, maximum throughput needed<\/span><\/div>\n <\/button>\n <\/div>\n <div class=\"q-nav\">\n <button class=\"btn-prev\" onclick=\"prevQ(3)\">\u2190 Back<\/button>\n <button class=\"btn-next\" id=\"q4next\" disabled onclick=\"nextQ(5)\">Next \u2192<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"question-panel\" id=\"q5\">\n <div class=\"question-num\">Question 05 \/ 05<\/div>\n <div class=\"question-text\">Which intelligent features matter most to you?<\/div>\n <div class=\"answer-list\">\n <button class=\"answer-option\" data-q=\"5\" data-score7=\"3\" data-score8=\"1\" data-score9=\"0\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Basic seam tracking & automation<span class=\"sub\">Standard laser sensing, pre-programmed paths<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"5\" data-score7=\"1\" data-score8=\"3\" data-score9=\"1\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">3D vision + adaptive welding<span class=\"sub\">Real-time seam detection, auto parameter adjustment<\/span><\/div>\n <\/button>\n <button class=\"answer-option\" data-q=\"5\" data-score7=\"0\" data-score8=\"1\" data-score9=\"3\" onclick=\"selectAnswer(this)\">\n <div class=\"radio\"><\/div>\n <div class=\"answer-text\">Full digital twin + teaching-free<span class=\"sub\">AI path planning, simulation, zero manual programming<\/span><\/div>\n <\/button>\n <\/div>\n <div class=\"q-nav\">\n <button class=\"btn-prev\" onclick=\"prevQ(4)\">\u2190 Back<\/button>\n <button class=\"btn-next\" id=\"q5next\" disabled onclick=\"showResults()\">See My Recommendation \u2192<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"result-page\" id=\"resultPage\">\n\n <div class=\"reco-banner\" id=\"recoBanner\">\n <div class=\"reco-label\">Your Recommended Configuration<\/div>\n <div class=\"reco-axis\" id=\"recoAxis\">9<span>-Axis<\/span><\/div>\n <div class=\"reco-name\" id=\"recoName\">\u2014<\/div>\n <div class=\"reco-tagline\" id=\"recoTagline\">\u2014<\/div>\n <\/div>\n\n <div class=\"match-scores\" id=\"matchScores\"><\/div>\n\n <div class=\"reasoning-box\" id=\"reasoningBox\">\n <h4>Why This Configuration?<\/h4>\n <div id=\"reasonList\"><\/div>\n <\/div>\n\n <div class=\"features-section\">\n <div class=\"feat-header\">Key Specifications<\/div>\n <div id=\"featureRows\"><\/div>\n <\/div>\n\n <div class=\"cta-strip\">\n <p>Get a detailed proposal with pricing for your recommended axis configuration.<\/p>\n <a class=\"btn-cta\" href=\"#ct-popup-1791\">Request Quote \u2192<\/a>\n <\/div>\n\n <button class=\"restart-btn\" onclick=\"restart()\">\u2190 Take Quiz Again<\/button>\n <\/div>\n\n<\/div>\n\n<script>\nconst scores = { 7: 0, 8: 0, 9: 0 };\nconst answers = {};\n\nfunction selectAnswer(btn) {\n const q = btn.dataset.q;\n \/\/ Clear previous selection for this question\n btn.parentElement.querySelectorAll('.answer-option').forEach(b => b.classList.remove('selected'));\n btn.classList.add('selected');\n answers[q] = btn;\n document.getElementById('q' + q + 'next').disabled = false;\n}\n\nfunction nextQ(n) {\n document.querySelectorAll('.question-panel').forEach(p => p.classList.remove('active'));\n document.getElementById('q' + n).classList.add('active');\n updateProgress(n - 1);\n}\n\nfunction prevQ(n) {\n document.querySelectorAll('.question-panel').forEach(p => p.classList.remove('active'));\n document.getElementById('q' + n).classList.add('active');\n updateProgress(n - 1);\n}\n\nfunction updateProgress(answered) {\n const pct = (answered \/ 5) * 100;\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('progressCount').textContent = answered + ' \/ 5';\n}\n\nconst CONFIG_DATA = {\n 7: {\n name: 'Standard Cantilever Welding Robot',\n tagline: 'Ideal for straightforward structural welding with excellent cost-efficiency and reliable automation for standard production lines.',\n features: {\n 'Robot Axes': '6-axis robot + 1 cantilever axis',\n 'Workspace Reach': 'Up to 8m cantilever travel',\n 'Weld Seam Complexity': 'Linear & simple curved seams',\n 'Workpiece Access': 'Front and top access',\n 'Seam Tracking': 'Laser seam tracking',\n 'Programming': 'Teach pendant + offline',\n 'Best For': 'Standard H-beam, plate welding'\n }\n },\n 8: {\n name: 'Enhanced Cantilever Welding Workstation',\n tagline: 'The versatile choice combining extended reach with 3D vision intelligence for structural steel and medium-complexity fabrication.',\n features: {\n 'Robot Axes': '6-axis robot + 1 cantilever + 1 rotation\/tilt',\n 'Workspace Reach': 'Up to 14m cantilever travel',\n 'Weld Seam Complexity': 'Multi-directional seams',\n 'Workpiece Access': '270\u00b0 access around workpiece',\n 'Seam Tracking': '3D vision + laser tracking',\n 'Programming': 'Semi-automatic path generation',\n 'Best For': 'H-beam, box column, bridge members'\n }\n },\n 9: {\n name: 'Full-Intelligence Cantilever Welding System',\n tagline: 'Maximum flexibility and intelligence with teaching-free programming, digital twin simulation, and complete 360\u00b0 access for the most demanding applications.',\n features: {\n 'Robot Axes': '6-axis robot + 3 external axes',\n 'Workspace Reach': 'Up to 20m+ cantilever travel',\n 'Weld Seam Complexity': 'Full 3D complex seams',\n 'Workpiece Access': '360\u00b0 full access',\n 'Seam Tracking': '3D vision + laser + AI adaptive',\n 'Programming': 'Teaching-free + digital twin',\n 'Best For': 'Ship sections, mega-structures, complex nodes'\n }\n }\n};\n\nfunction showResults() {\n \/\/ Tally scores\n scores[7] = 0; scores[8] = 0; scores[9] = 0;\n for (let q = 1; q <= 5; q++) {\n const btn = answers[q];\n if (btn) {\n scores[7] += parseInt(btn.dataset.score7 || 0);\n scores[8] += parseInt(btn.dataset.score8 || 0);\n scores[9] += parseInt(btn.dataset.score9 || 0);\n }\n }\n\n const maxScore = Math.max(scores[7], scores[8], scores[9]);\n const maxPossible = 15; \/\/ 5 questions \u00d7 max 3\n const recommended = scores[9] >= scores[8] && scores[9] >= scores[7] ? 9 : scores[8] >= scores[7] ? 8 : 7;\n\n \/\/ Banner\n document.getElementById('recoAxis').innerHTML = recommended + '<span>-Axis<\/span>';\n document.getElementById('recoName').textContent = CONFIG_DATA[recommended].name;\n document.getElementById('recoTagline').textContent = CONFIG_DATA[recommended].tagline;\n\n \/\/ Match cards\n const scoresHtml = [7, 8, 9].map(axis => {\n const pct = Math.round((scores[axis] \/ maxPossible) * 100);\n const cls = pct >= 70 ? 'high' : pct >= 40 ? 'mid' : 'low';\n const isReco = axis === recommended;\n return `\n <div class=\"match-card ${isReco ? 'recommended' : ''}\">\n <div class=\"axis-label\">${axis}<small>-Axis<\/small><\/div>\n <div class=\"score-bar-bg\"><div class=\"score-bar ${cls}\" style=\"width: 0%\" data-width=\"${pct}%\"><\/div><\/div>\n <div class=\"score-pct ${cls}\">${pct}%<\/div>\n <div class=\"score-text\">${isReco ? '\u2605 Best Match' : 'Match Score'}<\/div>\n <\/div>\n `;\n }).join('');\n document.getElementById('matchScores').innerHTML = scoresHtml;\n\n \/\/ Animate bars after render\n setTimeout(() => {\n document.querySelectorAll('.score-bar').forEach(b => {\n b.style.width = b.dataset.width;\n });\n }, 100);\n\n \/\/ Reasoning\n const reasons = [];\n if (answers[1]) {\n const t = answers[1].querySelector('.answer-text').childNodes[0].textContent.trim();\n reasons.push(`Your workpiece type (${t}) ${recommended === 7 ? 'is well suited to a compact 7-axis configuration' : recommended === 8 ? 'benefits from the extended reach and extra rotation of an 8-axis setup' : 'demands the full flexibility of a 9-axis system for complex geometry access'}.`);\n }\n if (answers[2]) {\n const t = answers[2].querySelector('.answer-text').childNodes[0].textContent.trim();\n reasons.push(`Workpiece length of ${t.toLowerCase()} ${recommended >= 9 ? 'requires extended cantilever travel with multiple coordinated axes' : recommended >= 8 ? 'is optimally covered by the 8-axis cantilever range' : 'falls within standard 7-axis workspace'}.`);\n }\n if (answers[5]) {\n const t = answers[5].querySelector('.answer-text').childNodes[0].textContent.trim();\n reasons.push(`Your preference for ${t.toLowerCase()} aligns with the ${recommended}-axis system's intelligence capabilities.`);\n }\n reasons.push(`The ${recommended}-axis configuration offers the best balance of capability, flexibility, and investment value for your described application.`);\n document.getElementById('reasonList').innerHTML = reasons.map(r => `<div class=\"reason-item\"><span class=\"check\">\u2713<\/span><span>${r}<\/span><\/div>`).join('');\n\n \/\/ Features\n const feats = CONFIG_DATA[recommended].features;\n document.getElementById('featureRows').innerHTML = Object.entries(feats).map(([k, v]) => `\n <div class=\"feat-row\">\n <div class=\"feat-name\">${k}<\/div>\n <div class=\"feat-val\">${v}<\/div>\n <\/div>\n `).join('');\n\n \/\/ Show result, hide quiz\n document.getElementById('questionCard').style.display = 'none';\n document.querySelector('.progress-wrap').style.display = 'none';\n document.getElementById('resultPage').classList.add('active');\n updateProgress(5);\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\nfunction restart() {\n scores[7] = 0; scores[8] = 0; scores[9] = 0;\n for (let q = 1; q <= 5; q++) {\n answers[q] = null;\n const panel = document.getElementById('q' + q);\n panel.querySelectorAll('.answer-option').forEach(b => b.classList.remove('selected'));\n document.getElementById('q' + q + 'next').disabled = true;\n }\n document.querySelectorAll('.question-panel').forEach(p => p.classList.remove('active'));\n document.getElementById('q1').classList.add('active');\n document.getElementById('questionCard').style.display = '';\n document.querySelector('.progress-wrap').style.display = '';\n document.getElementById('resultPage').classList.remove('active');\n updateProgress(0);\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n<\/script>\n<\/body>\n<\/html>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find Your Perfect Welding Robot in 5 Questions Axis Configuration Selector | Zhouxiang Cantilever Welding Robot Interactive Tool Axis Configuration Selector Answer 5 questions to find your ideal 7, 8, or 9-axis cantilever welding robot Progress 0 \/ 5 Question 01 \/ 05 What type of workpieces do you primarily weld? Simple plate structuresFlat plates, […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1831,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1951","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/pages\/1951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/comments?post=1951"}],"version-history":[{"count":0,"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/pages\/1951\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/pages\/1831"}],"wp:attachment":[{"href":"https:\/\/zxweldingrobot.com\/pt\/wp-json\/wp\/v2\/media?parent=1951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}