Carbon Fiber Cue Shaft Extension | 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 \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=\"Carbon fiber cue shaft extension main view\">\r\n <\/div>\r\n \r\n <div class=\"product-title-wrapper\">\r\n <div class=\"product-title\">Factory Custom Low Deflection 11.8mm 12.4mm Tacos de Billar Carbon Cue Shaft, Professional Billiard Cue Shaft Extension<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 \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\"><24h<\/div><div class=\"stat-label\">RESPONSE TIME<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 Technology | Professional Carbon Fiber Cue Shafts | Low Deflection Billiard Accessories\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 (10\u5f20 - \u7403\u6746\u914d\u4ef6\u7cfb\u5217)\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\/\u7403\u6746\u914d\u4ef61-3.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u7403\u6746\u914d\u4ef62-3.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u7403\u6746\u914d\u4ef63-3.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\\'%3ECarbon Cue Shaft%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=Cue';\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\u78b3\u7ea4\u7ef4\u7403\u6746\u8f74\u5c5e\u6027\u5185\u5bb9)\r\n const specData = [\r\n { label: \"Application\", value: \"Chemical catalyst carrier \/ Billiard cue shaft\" },\r\n { label: \"Type\", value: \"Carbon fiber sheet \/ plate\" },\r\n { label: \"Shape\", value: \"Carbon fiber sheet \/ tube\" },\r\n { label: \"Operating Temperature\", value: \"200\u00b0C\" },\r\n { label: \"Origin\", value: \"Shandong, China\" },\r\n { label: \"Brand\", value: \"SW\" },\r\n { label: \"Model\", value: \"SW13\" },\r\n { label: \"Volatility\", value: \"0.001%\" },\r\n { label: \"Hydrogen Content\", value: \"0.001%\" },\r\n { label: \"Nitrogen Content\", value: \"0.001%\" },\r\n { label: \"Ash Content\", value: \"0.001%\" },\r\n { label: \"Sulfur Content\", value: \"0.001%\" },\r\n { label: \"Carbon Content\", value: \"100%\" },\r\n { label: \"Specification\", value: \"SD\" },\r\n { label: \"Product Name\", value: \"Tacos de billar Carbon Cue Shaft for Billiard Cue\" },\r\n { label: \"Material\", value: \"Carbon Fiber\" },\r\n { label: \"Color\", value: \"Black\" },\r\n { label: \"Dimensions\", value: \"Customer Request\" },\r\n { label: \"MOQ\", value: \"50 pieces\" },\r\n { label: \"Shape Options\", value: \"Customer Design\" },\r\n { label: \"Delivery Time\", value: \"7 days\" },\r\n { label: \"Keywords\", value: \"Carbon Fiber Paddle \/ Shaft\" },\r\n { label: \"Usage\", value: \"Body Surfing \/ Billiards\" },\r\n { label: \"Function\", value: \"Durable, Long-lasting\" },\r\n { label: \"Sales Unit\", value: \"Single item\" },\r\n { label: \"Package Dimensions (Per Batch)\", value: \"78X8X8 cm\" },\r\n { label: \"Gross Weight (Per Batch)\", value: \"1.000 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\u78b3\u7ea4\u7ef4\u7403\u6746\u8f74\u5de5\u827a)\r\n const detailCaptions = [\r\n \"Detail 01 \u00b7 Premium carbon fiber cue shaft construction\",\r\n \"Detail 02 \u00b7 Low deflection technology for precise control\",\r\n \"Detail 03 \u00b7 11.8mm & 12.4mm diameter options\",\r\n \"Detail 04 \u00b7 High strength carbon fiber material\",\r\n \"Detail 05 \u00b7 Professional billiard performance\",\r\n \"Detail 06 \u00b7 Precision engineering & straightness\",\r\n \"Detail 07 \u00b7 Customizable dimensions for OEM\",\r\n \"Detail 08 \u00b7 Durable finish for long-lasting use\",\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 = `Carbon cue shaft 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 Cue Shaft%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-b3270ed elementor-widget elementor-widget-html\" data-id=\"b3270ed\" 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 \r\n <div class=\"form-label\">MESSAGE FORM<\/div>\r\n \r\n \r\n <h1 class=\"main-title\">Let's Discuss Your Needs<\/h1>\r\n \r\n \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 \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 \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 \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>Carbon Fiber Cue Shaft Extension | SW Carbon Technology Factory Custom Low Deflection 11.8mm 12.4mm Tacos de Billar Carbon Cue Shaft, Professional Billiard Cue Shaft Extension \ud83d\udcd0 Technical Specifications & Key Properties WEIHAI SNOW WING OUTDOOR ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence 3,654m\u00b2FLOOR SPACE $550K+TRANSACTION AMOUNT <24hRESPONSE TIME \ud83d\udd2c Process & […]<\/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-3406","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406","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=3406"}],"version-history":[{"count":8,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406\/revisions"}],"predecessor-version":[{"id":3414,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406\/revisions\/3414"}],"wp:attachment":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Carbon Fiber Cue Shaft Extension | 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 \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=\"Carbon fiber cue shaft extension main view\">\r\n <\/div>\r\n \r\n <div class=\"product-title-wrapper\">\r\n <div class=\"product-title\">Factory Custom Low Deflection 11.8mm 12.4mm Tacos de Billar Carbon Cue Shaft, Professional Billiard Cue Shaft Extension<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 \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\"><24h<\/div><div class=\"stat-label\">RESPONSE TIME<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \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 Technology | Professional Carbon Fiber Cue Shafts | Low Deflection Billiard Accessories\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 (10\u5f20 - \u7403\u6746\u914d\u4ef6\u7cfb\u5217)\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\/\u7403\u6746\u914d\u4ef61-3.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u7403\u6746\u914d\u4ef62-3.jpg\",\r\n \"https:\/\/cozility-furniture.com\/wp-content\/uploads\/2026\/03\/\u7403\u6746\u914d\u4ef63-3.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\\'%3ECarbon Cue Shaft%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=Cue';\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\u78b3\u7ea4\u7ef4\u7403\u6746\u8f74\u5c5e\u6027\u5185\u5bb9)\r\n const specData = [\r\n { label: \"Application\", value: \"Chemical catalyst carrier \/ Billiard cue shaft\" },\r\n { label: \"Type\", value: \"Carbon fiber sheet \/ plate\" },\r\n { label: \"Shape\", value: \"Carbon fiber sheet \/ tube\" },\r\n { label: \"Operating Temperature\", value: \"200\u00b0C\" },\r\n { label: \"Origin\", value: \"Shandong, China\" },\r\n { label: \"Brand\", value: \"SW\" },\r\n { label: \"Model\", value: \"SW13\" },\r\n { label: \"Volatility\", value: \"0.001%\" },\r\n { label: \"Hydrogen Content\", value: \"0.001%\" },\r\n { label: \"Nitrogen Content\", value: \"0.001%\" },\r\n { label: \"Ash Content\", value: \"0.001%\" },\r\n { label: \"Sulfur Content\", value: \"0.001%\" },\r\n { label: \"Carbon Content\", value: \"100%\" },\r\n { label: \"Specification\", value: \"SD\" },\r\n { label: \"Product Name\", value: \"Tacos de billar Carbon Cue Shaft for Billiard Cue\" },\r\n { label: \"Material\", value: \"Carbon Fiber\" },\r\n { label: \"Color\", value: \"Black\" },\r\n { label: \"Dimensions\", value: \"Customer Request\" },\r\n { label: \"MOQ\", value: \"50 pieces\" },\r\n { label: \"Shape Options\", value: \"Customer Design\" },\r\n { label: \"Delivery Time\", value: \"7 days\" },\r\n { label: \"Keywords\", value: \"Carbon Fiber Paddle \/ Shaft\" },\r\n { label: \"Usage\", value: \"Body Surfing \/ Billiards\" },\r\n { label: \"Function\", value: \"Durable, Long-lasting\" },\r\n { label: \"Sales Unit\", value: \"Single item\" },\r\n { label: \"Package Dimensions (Per Batch)\", value: \"78X8X8 cm\" },\r\n { label: \"Gross Weight (Per Batch)\", value: \"1.000 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\u78b3\u7ea4\u7ef4\u7403\u6746\u8f74\u5de5\u827a)\r\n const detailCaptions = [\r\n \"Detail 01 \u00b7 Premium carbon fiber cue shaft construction\",\r\n \"Detail 02 \u00b7 Low deflection technology for precise control\",\r\n \"Detail 03 \u00b7 11.8mm & 12.4mm diameter options\",\r\n \"Detail 04 \u00b7 High strength carbon fiber material\",\r\n \"Detail 05 \u00b7 Professional billiard performance\",\r\n \"Detail 06 \u00b7 Precision engineering & straightness\",\r\n \"Detail 07 \u00b7 Customizable dimensions for OEM\",\r\n \"Detail 08 \u00b7 Durable finish for long-lasting use\",\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 = `Carbon cue shaft 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 Cue Shaft%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-b3270ed elementor-widget elementor-widget-html\" data-id=\"b3270ed\" 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 \r\n <div class=\"form-label\">MESSAGE FORM<\/div>\r\n \r\n \r\n <h1 class=\"main-title\">Let's Discuss Your Needs<\/h1>\r\n \r\n \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 \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 \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 \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>Carbon Fiber Cue Shaft Extension | SW Carbon Technology Factory Custom Low Deflection 11.8mm 12.4mm Tacos de Billar Carbon Cue Shaft, Professional Billiard Cue Shaft Extension \ud83d\udcd0 Technical Specifications & Key Properties WEIHAI SNOW WING OUTDOOR ABOUT US \u00b7 OEM\/ODM customization \u00b7 Mastering Carbon Fiber Excellence 3,654m\u00b2FLOOR SPACE $550K+TRANSACTION AMOUNT <24hRESPONSE TIME \ud83d\udd2c Process & […]<\/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-3406","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406","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=3406"}],"version-history":[{"count":8,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406\/revisions"}],"predecessor-version":[{"id":3414,"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=\/wp\/v2\/pages\/3406\/revisions\/3414"}],"wp:attachment":[{"href":"https:\/\/cozility-furniture.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}