{"id":3318,"date":"2026-03-28T06:26:30","date_gmt":"2026-03-28T06:26:30","guid":{"rendered":"https:\/\/cozility-furniture.com\/?page_id=3318"},"modified":"2026-03-28T06:27:32","modified_gmt":"2026-03-28T06:27:32","slug":"elementor-%e9%a1%b5%e9%9d%a2-3318","status":"publish","type":"page","link":"https:\/\/cozility-furniture.com\/?page_id=3318","title":{"rendered":"\u4ea7\u54c1-4\u78b3\u4f38\u7f29\u7ba1-\u524d\u524d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3318\" class=\"elementor elementor-3318\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dda562f e-flex e-con-boxed e-con e-parent\" data-id=\"dda562f\" 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-6d41c40 elementor-widget elementor-widget-html\" data-id=\"6d41c40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\r\n    <title>Custom Telescopic Carbon Fiber Pole | SW Carbon Technology<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: #f5f7fc;\r\n            color: #111827;\r\n            line-height: 1.5;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .site-container {\r\n            max-width: 1920px;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        \/* ========= \u4e3b\u89c6\u89c9\u533a\u57df: \u5de6\u4fa7\u7f29\u7565\u56fe\u6ed1\u52a8 + \u53f3\u4fa7\u5927\u56fe + \u6807\u9898\u6574\u5408 ========= *\/\r\n        .product-showcase {\r\n            max-width: 1600px;\r\n            margin: 40px auto 30px;\r\n            padding: 0 40px;\r\n        }\r\n        .showcase-container {\r\n            display: flex;\r\n            gap: 32px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \/* \u5de6\u4fa7\u7f29\u7565\u56fe\u533a\u57df *\/\r\n        .thumbnails-side {\r\n            width: 120px;\r\n            flex-shrink: 0;\r\n            position: relative;\r\n        }\r\n        .thumbnails-wrapper {\r\n            overflow-y: auto;\r\n            max-height: 620px;\r\n            scrollbar-width: thin;\r\n            border-radius: 20px;\r\n        }\r\n        .thumbnails-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n        }\r\n        .thumbnail-item {\r\n            width: 100%;\r\n            aspect-ratio: 1 \/ 1;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            border: 2px solid transparent;\r\n            transition: all 0.2s ease;\r\n            background: #f0f2f6;\r\n        }\r\n        .thumbnail-item img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        .thumbnail-item.active {\r\n            border-color: #2c7a4b;\r\n            box-shadow: 0 6px 14px rgba(44, 122, 75, 0.2);\r\n            transform: scale(1.02);\r\n        }\r\n        \/* \u53f3\u4fa7\u5927\u56fe\u533a\u57df *\/\r\n        .main-image-area {\r\n            flex: 1;\r\n            min-width: 280px;\r\n            background: #fefefe;\r\n            border-radius: 32px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 35px rgba(0,0,0,0.05);\r\n            border: 1px solid #eef2f0;\r\n        }\r\n        .main-image {\r\n            width: 100%;\r\n            aspect-ratio: 16 \/ 10;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #fafafc;\r\n        }\r\n        .main-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            transition: transform 0.25s;\r\n        }\r\n        \/* \u6807\u9898\u653e\u5728\u4e3b\u56fe\u4e0b\u65b9\uff0c\u4e0e\u4e3b\u56fe\u6a21\u5757\u6574\u5408 *\/\r\n        .product-title-wrapper {\r\n            margin-top: 24px;\r\n            text-align: center;\r\n            padding: 0 16px 8px 16px;\r\n        }\r\n        .product-title {\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: #1f4f3a;\r\n            letter-spacing: -0.3px;\r\n            line-height: 1.4;\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n        }\r\n        @media (max-width: 860px) {\r\n            .showcase-container {\r\n                flex-direction: column;\r\n            }\r\n            .thumbnails-side {\r\n                width: 100%;\r\n            }\r\n            .thumbnails-wrapper {\r\n                overflow-x: auto;\r\n                overflow-y: visible;\r\n                max-height: none;\r\n            }\r\n            .thumbnails-list {\r\n                flex-direction: row;\r\n                flex-wrap: nowrap;\r\n            }\r\n            .thumbnail-item {\r\n                width: 80px;\r\n                flex-shrink: 0;\r\n            }\r\n            .product-title {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        \/* ========= \u89c4\u683c\u8868\u683c - 3\u5217\u5c55\u793a\uff0c\u5c0f\u5b57\u4f53\u82f1\u6587 ========= *\/\r\n        .spec-section {\r\n            max-width: 1400px;\r\n            margin: 48px auto 56px;\r\n            padding: 0 40px;\r\n        }\r\n        .section-title {\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n            margin-bottom: 28px;\r\n            border-left: 6px solid #1e7a55;\r\n            padding-left: 22px;\r\n            color: #1f3b2c;\r\n        }\r\n        .spec-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 0px;\r\n            background: #ffffff;\r\n            border-radius: 28px;\r\n            border: 1px solid #e8f0ea;\r\n            overflow: hidden;\r\n            box-shadow: 0 6px 14px rgba(0,0,0,0.02);\r\n        }\r\n        .spec-item {\r\n            display: flex;\r\n            border-bottom: 1px solid #ecf3ed;\r\n            border-right: 1px solid #ecf3ed;\r\n            font-size: 13px;\r\n        }\r\n        \/* \u4e09\u5217\u5e03\u5c40\u4e0b\uff0c\u6bcf\u884c\u7b2c\u4e09\u4e2a\u53bb\u6389\u53f3\u8fb9\u6846 *\/\r\n        .spec-item:nth-child(3n) {\r\n            border-right: none;\r\n        }\r\n        .spec-label {\r\n            width: 38%;\r\n            background: #fafefa;\r\n            padding: 12px 14px;\r\n            font-weight: 700;\r\n            color: #0f513f;\r\n            border-right: 1px solid #e6ede6;\r\n            font-size: 12.5px;\r\n            letter-spacing: -0.2px;\r\n            text-transform: capitalize;\r\n        }\r\n        .spec-value {\r\n            width: 62%;\r\n            padding: 12px 14px;\r\n            color: #1e2f28;\r\n            font-weight: 500;\r\n            background: white;\r\n            font-size: 12.5px;\r\n            line-height: 1.45;\r\n        }\r\n        @media (max-width: 1000px) {\r\n            .spec-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .spec-item:nth-child(2n) {\r\n                border-right: none;\r\n            }\r\n            .spec-item:nth-child(3n) {\r\n                border-right: 1px solid #ecf3ed;\r\n            }\r\n        }\r\n        @media (max-width: 680px) {\r\n            .spec-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .spec-item {\r\n                border-right: none;\r\n            }\r\n        }\r\n\r\n        \/* \u54c1\u724c\u5c55\u793a\u533a (\u5c45\u4e2d) *\/\r\n        .brand-center {\r\n            max-width: 1100px;\r\n            margin: 20px auto 55px;\r\n            padding: 40px 28px;\r\n            background: #fefaf0;\r\n            border-radius: 48px;\r\n            text-align: center;\r\n            border: 1px solid #efe6d4;\r\n        }\r\n        .brand-title {\r\n            font-size: 34px;\r\n            font-weight: 800;\r\n            color: #2c6e3f;\r\n        }\r\n        .brand-sub {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n            color: #6f6a4b;\r\n            margin: 8px 0 32px;\r\n        }\r\n        .stats-row {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 64px;\r\n            flex-wrap: wrap;\r\n        }\r\n        .stat {\r\n            text-align: center;\r\n        }\r\n        .stat-num {\r\n            font-size: 38px;\r\n            font-weight: 800;\r\n            color: #2a6842;\r\n        }\r\n        .stat-label {\r\n            font-size: 12px;\r\n            font-weight: 600;\r\n            letter-spacing: 1px;\r\n            color: #9b8a5c;\r\n        }\r\n\r\n        \/* \u8be6\u60c5\u56fe\u7247\u533a\u57df (\u4e00\u884c\u4e00\u5f20\uff0c\u7eb5\u5411\u653e\u5927) *\/\r\n        .fullwidth-gallery {\r\n            max-width: 1400px;\r\n            margin: 30px auto 70px;\r\n            padding: 0 40px;\r\n        }\r\n        .gallery-stack {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 52px;\r\n            margin-top: 28px;\r\n        }\r\n        .gallery-item {\r\n            width: 100%;\r\n            background: white;\r\n            border-radius: 32px;\r\n            overflow: hidden;\r\n            box-shadow: 0 16px 32px rgba(0,0,0,0.06);\r\n            transition: all 0.3s;\r\n            border: 1px solid #ecf3ed;\r\n        }\r\n        .gallery-item:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 28px 44px rgba(0,0,0,0.12);\r\n        }\r\n        .gallery-item img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            object-fit: contain;\r\n            max-height: 640px;\r\n            background: #fefefe;\r\n        }\r\n        .gallery-caption {\r\n            padding: 18px 24px;\r\n            font-weight: 600;\r\n            color: #2f6b48;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            border-top: 1px solid #eef3e8;\r\n        }\r\n\r\n        footer {\r\n            background: #eef3e8;\r\n            text-align: center;\r\n            padding: 28px;\r\n            font-size: 13px;\r\n            color: #5e6e4a;\r\n        }\r\n\r\n        @media (max-width: 780px) {\r\n            .product-showcase, .spec-section, .fullwidth-gallery {\r\n                padding: 0 20px;\r\n            }\r\n            .brand-title { font-size: 26px; }\r\n            .stat-num { font-size: 28px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"site-container\">\r\n    <!-- \u4e3b\u89c6\u89c9\uff1a\u5de6\u4fa7\u7f29\u7565\u56fe\u6ed1\u52a8 + \u53f3\u4fa7\u5927\u56fe + \u6807\u9898\u6574\u5408\u5230\u4e3b\u56fe\u4e0b\u65b9 -->\r\n    <div class=\"product-showcase\">\r\n        <div class=\"showcase-container\">\r\n            <div class=\"thumbnails-side\">\r\n                <div class=\"thumbnails-wrapper\">\r\n                    <div class=\"thumbnails-list\" id=\"thumbList\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"main-image-area\">\r\n                <div class=\"main-image\" id=\"mainImageContainer\">\r\n                    <img decoding=\"async\" id=\"mainImage\" src=\"\" alt=\"Telescopic carbon fiber pole main view\">\r\n                <\/div>\r\n                <!-- \u6807\u9898\u653e\u5728\u4e3b\u56fe\u4e0b\u65b9\uff0c\u4e0e\u4e3b\u56fe\u6a21\u5757\u6574\u5408 -->\r\n                <div class=\"product-title-wrapper\">\r\n                    <div class=\"product-title\">Factory Custom Telescopic Carbon Fiber External Support Pole \u2013 Carbon Fiber Telescopic Rod, Camping Equipment Connector, Telescopic Tent Pole, Carbon Fiber Tent Pole, Telescopic Mast Flagpole<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u6280\u672f\u89c4\u683c\u8868\u683c 3\u5217\u5c0f\u5b57\u82f1\u6587 -->\r\n    <div class=\"spec-section\">\r\n        <div class=\"section-title\">\ud83d\udcd0 Technical Specifications & Key Properties<\/div>\r\n        <div class=\"spec-grid\" id=\"specGrid\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u54c1\u724c\u5c45\u4e2d\u6a21\u5757 -->\r\n    <div class=\"brand-center\">\r\n        <div class=\"brand-title\">WEIHAI SNOW WING OUTDOOR<\/div>\r\n        <div class=\"brand-sub\">ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence<\/div>\r\n        <div class=\"stats-row\">\r\n            <div class=\"stat\"><div class=\"stat-num\">3,654m\u00b2<\/div><div class=\"stat-label\">FLOOR SPACE<\/div><\/div>\r\n            <div class=\"stat\"><div class=\"stat-num\">$550K+<\/div><div class=\"stat-label\">TRANSACTION AMOUNT<\/div><\/div>\r\n            <div class=\"stat\"><div class=\"stat-num\">&lt;24h<\/div><div class=\"stat-label\">RESPONSE TIME<\/div><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u8be6\u60c5\u56fe\u7247\u533a\u57df: \u4e00\u884c\u4e00\u5f20\u5927\u56fe (9\u5f20) -->\r\n    <div class=\"fullwidth-gallery\">\r\n        <div class=\"section-title\">\ud83d\udd2c Process & Application Gallery<\/div>\r\n        <div class=\"gallery-stack\" id=\"detailGalleryStack\"><\/div>\r\n    <\/div>\r\n\r\n    <footer>\r\n        \u00a9 2025 SW Carbon Fiber Technology | Custom Telescopic Carbon Fiber Poles | OEM Solutions for Outdoor & Industrial Applications\r\n    <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ --------------------------------------------------------------\r\n        \/\/ 1. \u4e3b\u56fe\u56fe\u7247\u5217\u8868 (13\u5f20 - \u6309\u65b0\u987a\u5e8f)\r\n        const mainImageList = [\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe1.png\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe2.png\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe3-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe5.png\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe7-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe8.png\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u4ea7\u54c1\u5171\u7528\u56fe10-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba11-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba12-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba13-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba14-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba15-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u78b3\u4f38\u7f29\u7ba16-1.jpg\"\r\n        ];\r\n        \r\n        let currentMainIndex = 0;\r\n        const thumbListContainer = document.getElementById('thumbList');\r\n        const mainImageEl = document.getElementById('mainImage');\r\n        \r\n        \/\/ \u6e32\u67d3\u5de6\u4fa7\u7f29\u7565\u56fe\r\n        function renderThumbnails() {\r\n            thumbListContainer.innerHTML = '';\r\n            mainImageList.forEach((src, idx) => {\r\n                const thumbDiv = document.createElement('div');\r\n                thumbDiv.className = 'thumbnail-item';\r\n                if (idx === currentMainIndex) thumbDiv.classList.add('active');\r\n                const img = document.createElement('img');\r\n                img.src = src;\r\n                img.alt = `Thumbnail ${idx+1}`;\r\n                img.loading = 'lazy';\r\n                thumbDiv.appendChild(img);\r\n                thumbDiv.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    setActiveMainImage(idx);\r\n                });\r\n                thumbListContainer.appendChild(thumbDiv);\r\n            });\r\n        }\r\n        \r\n        function setActiveMainImage(index) {\r\n            if (index < 0 || index >= mainImageList.length) return;\r\n            currentMainIndex = index;\r\n            mainImageEl.src = mainImageList[currentMainIndex];\r\n            \/\/ \u66f4\u65b0\u7f29\u7565\u56feactive\u6837\u5f0f\r\n            const thumbs = document.querySelectorAll('.thumbnail-item');\r\n            thumbs.forEach((thumb, i) => {\r\n                if (i === currentMainIndex) thumb.classList.add('active');\r\n                else thumb.classList.remove('active');\r\n            });\r\n        }\r\n        \r\n        \/\/ \u521d\u59cb\u5316\u4e3b\u56fe\r\n        if (mainImageList.length) {\r\n            mainImageEl.src = mainImageList[0];\r\n            currentMainIndex = 0;\r\n        }\r\n        renderThumbnails();\r\n        \r\n        \/\/ \u56fe\u7247\u9519\u8bef\u5360\u4f4d\u5904\u7406\r\n        mainImageEl.onerror = function() {\r\n            this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'800\\' height=\\'500\\' viewBox=\\'0 0 800 500\\'%3E%3Crect width=\\'800\\' height=\\'500\\' fill=\\'%23eef2ea\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%234f6b3a\\'%3ETelescopic Carbon Pole%3C\/text%3E%3C\/svg%3E';\r\n        };\r\n        \r\n        \/\/ \u7f29\u7565\u56fe\u9519\u8bef\u5904\u7406\r\n        function addThumbErrorHandler() {\r\n            const thumbImgs = document.querySelectorAll('.thumbnail-item img');\r\n            thumbImgs.forEach(img => {\r\n                img.onerror = function() {\r\n                    this.src = 'https:\/\/placehold.co\/120x120\/e9efe5\/5b7c48?text=CF';\r\n                };\r\n            });\r\n        }\r\n        setTimeout(addThumbErrorHandler, 100);\r\n        \r\n        \/\/ --------------------------------------------------------------\r\n        \/\/ 2. \u89c4\u683c\u8868\u683c (3\u5217\u5c55\u793a\uff0c\u57fa\u4e8e\u65b0\u5c5e\u6027\u5185\u5bb9)\r\n        const specData = [\r\n            { label: \"Key Attributes\", value: \"Chemical catalyst carrier \/ Telescopic pole structure\" },\r\n            { label: \"Application\", value: \"Chemical catalyst carrier\" },\r\n            { label: \"Type\", value: \"Carbon fiber fishing rod \/ tent pole\" },\r\n            { label: \"Shape\", value: \"Carbon fiber tube\" },\r\n            { label: \"Operating Temperature\", value: \"Normal \/ Ambient\" },\r\n            { label: \"Thickness\", value: \"5 mm\" },\r\n            { label: \"Origin\", value: \"Shandong, China\" },\r\n            { label: \"Brand\", value: \"24T carbon fiber tube\" },\r\n            { label: \"Volatility\", value: \"Non-volatile\" },\r\n            { label: \"Hydrogen Content\", value: \"Max 0.01%\" },\r\n            { label: \"Nitrogen Content\", value: \"0.3-0.6%\" },\r\n            { label: \"Ash Content\", value: \"0.25 <0.5%\" },\r\n            { label: \"Sulfur Content\", value: \"0.005%\" },\r\n            { label: \"Carbon Content\", value: \"100%\" },\r\n            { label: \"Specification\", value: \"2mm - 100mm\" },\r\n            { label: \"Material\", value: \"Carbon fiber telescopic rod\" },\r\n            { label: \"Color\", value: \"Black\" },\r\n            { label: \"Surface Finish\", value: \"Glossy \/ Matte\" },\r\n            { label: \"Function\", value: \"Lightweight & Heat resistant\" },\r\n            { label: \"Length\", value: \"Custom\" },\r\n            { label: \"Dimensions\", value: \"Custom carbon fiber telescopic tube\" },\r\n            { label: \"Thickness Options\", value: \"Custom\" },\r\n            { label: \"Weave Pattern\", value: \"3K Plain \/ 3K Twill \/ Unidirectional\" },\r\n            { label: \"Product Name\", value: \"Carbon fiber telescopic pole\" },\r\n            { label: \"Model Name\", value: \"Abu 5\" },\r\n            { label: \"Sales Unit\", value: \"Single item\" },\r\n            { label: \"Package Dimensions (Per Batch)\", value: \"60X6X6 cm\" },\r\n            { label: \"Gross Weight (Per Batch)\", value: \"0.500 kg\" }\r\n        ];\r\n        \r\n        const specGrid = document.getElementById('specGrid');\r\n        if (specGrid) {\r\n            specData.forEach(item => {\r\n                const specItem = document.createElement('div');\r\n                specItem.className = 'spec-item';\r\n                const labelDiv = document.createElement('div');\r\n                labelDiv.className = 'spec-label';\r\n                labelDiv.innerText = item.label;\r\n                const valueDiv = document.createElement('div');\r\n                valueDiv.className = 'spec-value';\r\n                valueDiv.innerText = item.value;\r\n                specItem.appendChild(labelDiv);\r\n                specItem.appendChild(valueDiv);\r\n                specGrid.appendChild(specItem);\r\n            });\r\n        }\r\n        \r\n        \/\/ \u589e\u5f3a\u8868\u683c\u5b57\u4f53\u6e32\u67d3\u6e05\u6670\r\n        const styleSpec = document.createElement('style');\r\n        styleSpec.textContent = `\r\n            .spec-label, .spec-value { -webkit-font-smoothing: antialiased; }\r\n            .spec-label { font-weight: 700; color: #0b5e42; }\r\n            .spec-value { font-weight: 500; color: #1e3a2f; }\r\n        `;\r\n        document.head.appendChild(styleSpec);\r\n        \r\n        \/\/ --------------------------------------------------------------\r\n        \/\/ 3. \u8be6\u60c5\u56fe\u7247\u533a\u57df: 9\u5f20 (\u6309\u6307\u5b9a\u987a\u5e8f)\r\n        const detailImages = [\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c51-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c53-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c52-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c54-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c55-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c56-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c57-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c58-1.jpg\",\r\n            \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u901a\u7528\u8be6\u60c511-1.jpg\"\r\n        ];\r\n        \r\n        \/\/ \u4f18\u96c5\u7684\u82f1\u6587\u56fe\u6ce8 (\u57fa\u4e8e\u4f38\u7f29\u6746\u5de5\u827a)\r\n        const detailCaptions = [\r\n            \"Detail 01 \u00b7 Telescopic carbon fiber pole structure\",\r\n            \"Detail 02 \u00b7 Precision locking mechanism & joints\",\r\n            \"Detail 03 \u00b7 3K twill weave surface texture\",\r\n            \"Detail 04 \u00b7 Lightweight performance & flexibility test\",\r\n            \"Detail 05 \u00b7 Multi-section telescopic extension\",\r\n            \"Detail 06 \u00b7 High-strength carbon fiber layup\",\r\n            \"Detail 07 \u00b7 Custom length options: 2mm-100mm diameter\",\r\n            \"Detail 08 \u00b7 Glossy & matte finish options\",\r\n            \"Detail 09 \u00b7 Packaging & factory direct shipment\"\r\n        ];\r\n        \r\n        const galleryStack = document.getElementById('detailGalleryStack');\r\n        if (galleryStack) {\r\n            detailImages.forEach((src, idx) => {\r\n                const galleryItem = document.createElement('div');\r\n                galleryItem.className = 'gallery-item';\r\n                const img = document.createElement('img');\r\n                img.src = src;\r\n                img.alt = `Telescopic carbon pole detail ${idx+1}`;\r\n                img.loading = 'lazy';\r\n                img.onerror = function() {\r\n                    this.src = 'data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'100%25\\' height=\\'400\\' viewBox=\\'0 0 900 500\\'%3E%3Crect width=\\'900\\' height=\\'500\\' fill=\\'%23eef2e5\\'\/%3E%3Ctext x=\\'50%25\\' y=\\'50%25\\' dominant-baseline=\\'middle\\' text-anchor=\\'middle\\' font-family=\\'Inter\\' fill=\\'%236b8c54\\'%3ESW Telescopic Pole%3C\/text%3E%3C\/svg%3E';\r\n                };\r\n                const captionDiv = document.createElement('div');\r\n                captionDiv.className = 'gallery-caption';\r\n                captionDiv.innerText = detailCaptions[idx];\r\n                galleryItem.appendChild(img);\r\n                galleryItem.appendChild(captionDiv);\r\n                galleryStack.appendChild(galleryItem);\r\n            });\r\n        }\r\n        \r\n        \/\/ \u4f18\u5316\u5de6\u4fa7\u6eda\u52a8\u6761\u4f53\u9a8c\r\n        const thumbWrapper = document.querySelector('.thumbnails-wrapper');\r\n        if (thumbWrapper) {\r\n            thumbWrapper.style.scrollBehavior = 'smooth';\r\n        }\r\n        \r\n        \/\/ \u786e\u4fdd\u4e3b\u56fe\u4e0e\u5927\u56fe\u9002\u914d\r\n        const styleResize = document.createElement('style');\r\n        styleResize.textContent = `\r\n            .main-image img { object-fit: contain; width: 100%; height: auto; }\r\n            .thumbnail-item img { object-fit: cover; }\r\n            .gallery-item img { object-fit: contain; background: #fefcf5; }\r\n            @media (min-width: 1400px) {\r\n                .main-image { aspect-ratio: 16\/9; }\r\n            }\r\n        `;\r\n        document.head.appendChild(styleResize);\r\n        \r\n        \/\/ \u6807\u9898\u5df2\u6574\u5408\u81f3\u4e3b\u56fe\u4e0b\u65b9\r\n    })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7cda3 elementor-widget elementor-widget-html\" data-id=\"1f7cda3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Inquiry Form - Let's Discuss Your Needs<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: linear-gradient(135deg, #f0f4f8 0%, #e6edf4 100%);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            min-height: 100vh;\r\n            font-family: 'Inter', sans-serif;\r\n            padding: 2rem;\r\n        }\r\n\r\n        \/* Wide inquiry card - \u5bbd\u5ea6\u8bbe\u7f6e\u4e3a1920px *\/\r\n        .inquiry-card {\r\n            max-width: 1920px;\r\n            width: 100%;\r\n            background: #ffffff;\r\n            border-radius: 2rem;\r\n            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.02);\r\n            padding: 4rem 5rem 5rem;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* MESSAGE FORM - \u9ec4\u8272\uff0c\u5c0f\u53f7\u5b57\u4f53\uff0c\u5927\u5199 *\/\r\n        .form-label {\r\n            color: #fbbf24;\r\n            font-size: 0.95rem;\r\n            letter-spacing: 2px;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            margin-bottom: 1.2rem;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Let's Discuss Your Needs - \u6700\u5927\u5b57\u4f53\uff0c\u9ed1\u8272\uff0c\u9002\u5f53\u653e\u5927\u4ee5\u5339\u914d\u5bbd\u5c4f *\/\r\n        .main-title {\r\n            font-size: 4.2rem;\r\n            font-weight: 800;\r\n            color: #000000;\r\n            margin-bottom: 1.8rem;\r\n            line-height: 1.2;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        \/* \u63cf\u8ff0\u6587\u6848\u6837\u5f0f - \u5b57\u4f53\u8c03\u5c0f2\u4e2a\u5b57\u53f7\uff0c\u5bbd\u5c4f\u4e0b\u589e\u52a0\u6700\u5927\u5bbd\u5ea6 *\/\r\n        .description-text {\r\n            font-size: 0.85rem;\r\n            line-height: 1.6;\r\n            color: #4b5563;\r\n            max-width: 1100px;\r\n            margin: 0 auto 2.2rem auto;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .form-sub {\r\n            color: #2c6e9e;\r\n            margin-bottom: 3rem;\r\n            font-size: 1rem;\r\n            border-bottom: 1px solid #e2e8f0;\r\n            padding-bottom: 1.5rem;\r\n            font-weight: 500;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 1.2rem;\r\n        }\r\n\r\n        .trust-badge-mini {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.4rem;\r\n            background: #f1f6fa;\r\n            padding: 0.35rem 1.1rem;\r\n            border-radius: 30px;\r\n            font-size: 0.8rem;\r\n            color: #2c6e9e;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .input-group {\r\n            margin-bottom: 2rem;\r\n            text-align: left;\r\n        }\r\n\r\n        .input-group input,\r\n        .input-group textarea,\r\n        .input-group select {\r\n            width: 100%;\r\n            padding: 1.2rem 1.6rem;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1.05rem;\r\n            background: #f9fafb;\r\n            border: 1px solid #e2e8f0;\r\n            border-radius: 1rem;\r\n            transition: all 0.2s;\r\n            outline: none;\r\n            color: #0f172a;\r\n        }\r\n\r\n        .input-group input:focus,\r\n        .input-group textarea:focus,\r\n        .input-group select:focus {\r\n            border-color: #fbbf24;\r\n            box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.1);\r\n            background: #ffffff;\r\n        }\r\n\r\n        .input-group textarea {\r\n            resize: vertical;\r\n            min-height: 150px;\r\n        }\r\n\r\n        \/* Two-column layout for Name + Company - \u95f4\u8ddd\u52a0\u5927\u9002\u5e94\u5bbd\u5c4f *\/\r\n        .name-company-group {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 2.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        \/* Two-column layout for Phone\/WhatsApp + Email *\/\r\n        .double-group {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 2.5rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .btn-submit {\r\n            background: #000000;\r\n            color: white;\r\n            border: none;\r\n            padding: 1.3rem 2.2rem;\r\n            font-size: 1.15rem;\r\n            font-weight: 600;\r\n            border-radius: 3rem;\r\n            cursor: pointer;\r\n            width: 100%;\r\n            transition: all 0.25s;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.9rem;\r\n            letter-spacing: 0.5px;\r\n            margin-top: 1rem;\r\n            box-shadow: 0 2px 6px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .btn-submit:hover {\r\n            background: #fbbf24;\r\n            color: #000000;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .btn-submit:active {\r\n            transform: translateY(1px);\r\n        }\r\n\r\n        .form-footer-note {\r\n            font-size: 0.85rem;\r\n            color: #6c757d;\r\n            margin-top: 2rem;\r\n            text-align: center;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 1.2rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f\u8c03\u6574 - \u9488\u5bf9\u4e0d\u540c\u5c4f\u5e55\u5c3a\u5bf8\u4f18\u5316 *\/\r\n        @media (max-width: 1400px) {\r\n            .inquiry-card {\r\n                max-width: 95%;\r\n                padding: 3rem 4rem;\r\n            }\r\n            .main-title {\r\n                font-size: 3.8rem;\r\n            }\r\n            .description-text {\r\n                max-width: 90%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .inquiry-card {\r\n                padding: 2.8rem 3.5rem;\r\n            }\r\n            .main-title {\r\n                font-size: 3.2rem;\r\n            }\r\n            .name-company-group {\r\n                gap: 2rem;\r\n            }\r\n            .double-group {\r\n                gap: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .inquiry-card {\r\n                padding: 2.5rem 3rem;\r\n            }\r\n            .main-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            .description-text {\r\n                max-width: 95%;\r\n            }\r\n            .name-company-group {\r\n                gap: 1.5rem;\r\n            }\r\n            .double-group {\r\n                gap: 1.5rem;\r\n            }\r\n            .btn-submit {\r\n                padding: 1.2rem 2rem;\r\n                font-size: 1.05rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .inquiry-card {\r\n                padding: 2rem;\r\n            }\r\n            .main-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            .description-text {\r\n                max-width: 100%;\r\n                font-size: 0.8rem;\r\n            }\r\n            .name-company-group {\r\n                gap: 1rem;\r\n            }\r\n            .double-group {\r\n                gap: 1rem;\r\n            }\r\n            .btn-submit {\r\n                padding: 1rem 1.5rem;\r\n                font-size: 1rem;\r\n            }\r\n            .form-sub {\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 550px) {\r\n            .inquiry-card {\r\n                padding: 1.5rem;\r\n            }\r\n            .name-company-group {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            .double-group {\r\n                grid-template-columns: 1fr;\r\n                gap: 1rem;\r\n            }\r\n            .main-title {\r\n                font-size: 1.8rem;\r\n            }\r\n            .form-label {\r\n                font-size: 0.8rem;\r\n            }\r\n            .btn-submit {\r\n                padding: 0.9rem 1.2rem;\r\n                font-size: 0.9rem;\r\n            }\r\n            .input-group input,\r\n            .input-group textarea,\r\n            .input-group select {\r\n                padding: 1rem 1.2rem;\r\n                font-size: 0.95rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"inquiry-card\">\r\n        <!-- MESSAGE FORM - \u9ec4\u8272\u5c0f\u53f7\u5927\u5199 -->\r\n        <div class=\"form-label\">MESSAGE FORM<\/div>\r\n        \r\n        <!-- Let's Discuss Your Needs - \u6700\u5927\u5b57\u4f53\u9ed1\u8272\u5c45\u4e2d -->\r\n        <h1 class=\"main-title\">Let's Discuss Your Needs<\/h1>\r\n        \r\n        <!-- \u63cf\u8ff0\u6587\u6848 - \u5b57\u4f53\u5df2\u8c03\u5c0f\u4e3a0.85rem -->\r\n        <div class=\"description-text\">\r\n            Our trade account manager team will provide you with seamless full-process assistance, from quotation to delivery, covering every link of project implementation. Professional trade consultants are at your service at any time.\r\n        <\/div>\r\n        \r\n        <div class=\"form-sub\">\r\n            <span>Fill out the form below and we'll get back to you within 24 hours<\/span>\r\n            <span class=\"trust-badge-mini\"><i class=\"fas fa-headset\"><\/i> 24\/7 Support<\/span>\r\n        <\/div>\r\n        \r\n        <form action=\"#\" method=\"POST\" id=\"inquiryForm\">\r\n            <!-- Name + Company \u4e24\u680f\u5e03\u5c40\u5728\u4e00\u884c -->\r\n            <div class=\"name-company-group\">\r\n                <div class=\"input-group\">\r\n                    <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"* Name\" required>\r\n                <\/div>\r\n                <div class=\"input-group\">\r\n                    <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Company\">\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Two-column: Phone\/WhatsApp+86 + Email -->\r\n            <div class=\"double-group\">\r\n                <div class=\"input-group\">\r\n                    <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Phone \/ WhatsApp +86\">\r\n                <\/div>\r\n                <div class=\"input-group\">\r\n                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"* Email\" required>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Content with required star -->\r\n            <div class=\"input-group\">\r\n                <textarea id=\"content\" name=\"content\" placeholder=\"* Content\" required><\/textarea>\r\n            <\/div>\r\n            \r\n            <button type=\"submit\" class=\"btn-submit\">\r\n                <i class=\"fas fa-paper-plane\"><\/i> SEND INQUIRY NOW\r\n            <\/button>\r\n            <div class=\"form-footer-note\">\r\n                <i class=\"fas fa-lock\"><\/i> Your information is kept confidential and used only for business communication.\r\n                <span class=\"trust-badge-mini\"><i class=\"fas fa-clock\"><\/i> Fast Response<\/span>\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            const form = document.getElementById('inquiryForm');\r\n            if (form) {\r\n                form.addEventListener('submit', function(e) {\r\n                    e.preventDefault();\r\n                    \r\n                    \/\/ Get values\r\n                    const name = document.getElementById('name')?.value.trim();\r\n                    const email = document.getElementById('email')?.value.trim();\r\n                    const content = document.getElementById('content')?.value.trim();\r\n                    \r\n                    if (!name) {\r\n                        alert('Please enter your Name');\r\n                        return;\r\n                    }\r\n                    if (!email || !email.includes('@')) {\r\n                        alert('Please enter a valid Email address');\r\n                        return;\r\n                    }\r\n                    if (!content) {\r\n                        alert('Please enter your message in the Content field');\r\n                        return;\r\n                    }\r\n                    \r\n                    \/\/ Success simulation\r\n                    alert(`Thank you, ${name}! Your inquiry has been sent. Our trade account manager will contact you within 24 hours.`);\r\n                    form.reset();\r\n                });\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Custom Telescopic Carbon Fiber Pole | SW Carbon Technology Factory Custom Telescopic Carbon Fiber External Support Pole \u2013 Carbon Fiber Telescopic Rod, Camping Equipment Connector, Telescopic Tent Pole, Carbon Fiber Tent Pole, Telescopic Mast Flagpole \ud83d\udcd0 Technical Specifications &#038; Key Properties WEIHAI SNOW WING OUTDOOR ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3318","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3318"}],"version-history":[{"count":5,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3318\/revisions"}],"predecessor-version":[{"id":3324,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3318\/revisions\/3324"}],"wp:attachment":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}