{"product_id":"led-flex-light-sheet","title":"LED柔性灯片","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection class=\"spec-carousel\" aria-label=\"产品照片\"\u003e\n\u003cdiv class=\"spec-carousel-track\" id=\"cobCarousel\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ChatGPTImageMar20_2026_03_54_03PM.png?v=1774037142\" alt=\"LED灯带SMP系列1\" loading=\"eager\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ChatGPTImageMar20_2026_03_53_40PM.png?v=1774037141\" alt=\"LED灯带SMP系列2\" loading=\"eager\"\u003e\u003c\/div\u003e\n\n\u003c!-- Add more images like this when you have them --\u003e\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"spec-carousel-btn prev\" type=\"button\" aria-label=\"上一张照片\" data-carousel-prev=\"\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"spec-carousel-btn next\" type=\"button\" aria-label=\"下一张照片\" data-carousel-next=\"\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-carousel-dots\" aria-label=\"轮播导航\" data-carousel-dots=\"\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003cscript\u003e\n(function () {\n  const carousel = document.querySelector(\".spec-carousel\");\n  if (!carousel) return;\n\n  const track = carousel.querySelector(\".spec-carousel-track\");\n  const slides = Array.from(carousel.querySelectorAll(\".spec-carousel-slide\"));\n  const prevBtn = carousel.querySelector(\"[data-carousel-prev]\");\n  const nextBtn = carousel.querySelector(\"[data-carousel-next]\");\n  const dotsWrap = carousel.querySelector(\"[data-carousel-dots]\");\n\n  if (!track || slides.length === 0) return;\n\n  let currentIndex = 0;\n  let autoplayTimer = null;\n  const AUTOPLAY_MS = 5000;\n\n  function slideWidth() {\n    return track.getBoundingClientRect().width;\n  }\n\n  function clampIndex(i) {\n    if (i \u003c 0) return 0;\n    if (i \u003e slides.length - 1) return slides.length - 1;\n    return i;\n  }\n\n  function scrollToIndex(i, opts) {\n    currentIndex = clampIndex(i);\n    track.scrollTo({\n      left: currentIndex * slideWidth(),\n      behavior: (opts \u0026\u0026 opts.instant) ? \"auto\" : \"smooth\"\n    });\n    updateDots();\n    updateButtons();\n  }\n\n  function updateButtons() {\n    if (!prevBtn || !nextBtn) return;\n    prevBtn.disabled = currentIndex === 0;\n    nextBtn.disabled = currentIndex === slides.length - 1;\n    prevBtn.style.opacity = prevBtn.disabled ? \"0.45\" : \"1\";\n    nextBtn.style.opacity = nextBtn.disabled ? \"0.45\" : \"1\";\n    prevBtn.style.pointerEvents = prevBtn.disabled ? \"none\" : \"auto\";\n    nextBtn.style.pointerEvents = nextBtn.disabled ? \"none\" : \"auto\";\n  }\n\n  function buildDots() {\n    if (!dotsWrap) return;\n    dotsWrap.innerHTML = \"\";\n    slides.forEach((_, i) =\u003e {\n      const btn = document.createElement(\"button\");\n      btn.type = \"button\";\n      btn.className = \"spec-carousel-dot\";\n      btn.setAttribute(\"aria-label\", \"Go to slide \" + (i + 1));\n      btn.addEventListener(\"click\", () =\u003e scrollToIndex(i));\n      dotsWrap.appendChild(btn);\n    });\n    updateDots();\n  }\n\n  function updateDots() {\n    if (!dotsWrap) return;\n    const dots = Array.from(dotsWrap.querySelectorAll(\".spec-carousel-dot\"));\n    dots.forEach((d, i) =\u003e {\n      const active = i === currentIndex;\n      d.setAttribute(\"aria-current\", active ? \"true\" : \"false\");\n    });\n  }\n\n  function syncIndexFromScroll() {\n    const w = slideWidth();\n    const i = Math.round(track.scrollLeft \/ w);\n    const next = clampIndex(i);\n    if (next !== currentIndex) {\n      currentIndex = next;\n      updateDots();\n      updateButtons();\n    }\n  }\n\n  function startAutoplay() {\n    stopAutoplay();\n    autoplayTimer = window.setInterval(() =\u003e {\n      const next = (currentIndex + 1) % slides.length;\n      scrollToIndex(next);\n    }, AUTOPLAY_MS);\n  }\n\n  function stopAutoplay() {\n    if (autoplayTimer) window.clearInterval(autoplayTimer);\n    autoplayTimer = null;\n  }\n\n  if (prevBtn) prevBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex - 1));\n  if (nextBtn) nextBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex + 1));\n\n  track.addEventListener(\"scroll\", () =\u003e {\n    window.requestAnimationFrame(syncIndexFromScroll);\n  });\n\n  carousel.addEventListener(\"mouseenter\", stopAutoplay);\n  carousel.addEventListener(\"mouseleave\", startAutoplay);\n  carousel.addEventListener(\"focusin\", stopAutoplay);\n  carousel.addEventListener(\"focusout\", startAutoplay);\n\n  track.addEventListener(\"keydown\", (e) =\u003e {\n    if (e.key === \"ArrowLeft\") scrollToIndex(currentIndex - 1);\n    if (e.key === \"ArrowRight\") scrollToIndex(currentIndex + 1);\n  });\n\n  window.addEventListener(\"resize\", () =\u003e {\n    scrollToIndex(currentIndex, { instant: true });\n  });\n\n  buildDots();\n  scrollToIndex(0, { instant: true });\n  startAutoplay();\n})();\n\u003c\/script\u003e \u003c!-- HERO --\u003e\n\u003csection class=\"spec-hero\"\u003e\n\u003cdiv class=\"spec-hero-media\" style=\"text-align: start;\"\u003e\n\n\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Untitled_design_3.png?v=1774037534\" alt=\"\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eLED柔性灯片\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能超薄柔性LED照明系统，专为无缝集成到定制建筑和商业应用中而设计。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"主要规格\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e低压24V直流\u003c\/span\u003e \u003cspan\u003eUL认证组件\u003c\/span\u003e \u003cspan\u003eRGBW和单色选项\u003c\/span\u003e \u003cspan\u003e可切割模块化设计\u003c\/span\u003e \u003cspan\u003e超薄柔性PCB\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"项目规格表\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/FLEX_LED_Panel_Spec_Sheet.pdf?v=1774035118\" target=\"_blank\"\u003e 下载规格表 \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c!-- SUPPORT VISUAL --\u003e\u003c!-- FEATURES --\u003e\n\u003csection class=\"spec-features\"\u003e\n\u003ch2 class=\"spec-section-title\"\u003e突出特点\u003c\/h2\u003e\n\n\u003cdiv class=\"spec-feature-grid\"\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e均匀光分布\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e精密布置的LED布局确保整个表面光照一致，热点和阴影最小化，提供干净专业的照明效果。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e柔性外形\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e超薄、可弯曲的PCB结构允许在弯曲、不规则或狭窄的表面上安装，而不会影响性能或光线一致性。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e模块化可切割设计\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e专为现场定制而设计，可根据配置按LED或按部分切割灯片，实现独特布局和尺寸的精确适配。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e动态和静态照明选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供RGBW（3000K）用于变色应用，或单色配置（如6000K）用于干净、均匀的白色照明。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e低压操作\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e在直流24V下运行，提高了安全性、能源效率，并在各种安装中提供可靠的性能。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e控制器和调光兼容性\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eRGBW版本支持高级照明控制器，实现动态效果和混色，而单色选项与标准调光系统兼容。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e轻巧易安装\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e紧凑轻巧的设计，使用粘合剂或机械紧固方法，可在狭窄空间、面板和背光表面快速安装。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e安全认证\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eUL认证组件确保符合北美商业和建筑应用的安全标准。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .spec-page{\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 40px 16px 24px;\n  }\n\n  \/* HERO *\/\n  .spec-hero{\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 56px;\n    align-items: center;\n  }\n\n  .spec-hero-media img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\n  }\n\n  .spec-title{\n    margin: 0 0 10px;\n    font-size: clamp(28px, 3vw, 40px);\n    line-height: 1.15;\n    font-weight: 600;\n    letter-spacing: 0.2px;\n  }\n\n  .spec-tagline{\n    margin: 0 0 18px;\n    font-size: 16px;\n    line-height: 1.55;\n    font-weight: 400;\n    color: rgba(0,0,0,0.70);\n    max-width: 46ch;\n  }\n\n  \/* Stat row: minimal pipe-separated *\/\n  .spec-stats{\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px 14px;\n    margin: 0 0 22px;\n    font-size: 13px;\n    letter-spacing: 0.3px;\n    color: rgba(0,0,0,0.62);\n  }\n\n  .spec-stats span{\n    position: relative;\n    padding-right: 14px;\n    white-space: nowrap;\n  }\n\n  .spec-stats span:not(:last-child)::after{\n    content: \"|\";\n    position: absolute;\n    right: 4px;\n    color: rgba(0,0,0,0.28);\n  }\n\n  \/* CTA button: subtle *\/\n  .spec-btn{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-radius: 10px;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 14px;\n    border: 1px solid rgba(0,0,0,0.14);\n    color: rgba(0,0,0,0.86);\n    background: #fff;\n    transition: transform 120ms ease, box-shadow 120ms ease;\n  }\n\n  .spec-btn:hover{\n    transform: translateY(-1px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.08);\n  }\n\n  \/* SUPPORT *\/\n  .spec-support{\n    margin-top: 32px;\n  }\n\n  .spec-support img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\n  }\n\n  \/* FEATURES *\/\n  .spec-features{\n    margin-top: 40px;\n    padding-top: 26px;\n    border-top: 1px solid rgba(0,0,0,0.08);\n  }\n\n  .spec-section-title{\n    margin: 0 0 18px;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.2px;\n    color: rgba(0,0,0,0.88);\n  }\n\n  .spec-feature-grid{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px 40px;\n    align-items: start;\n  }\n\n  .spec-feature{\n    display: grid;\n    grid-template-columns: 210px 1fr;\n    gap: 14px;\n  }\n\n  .spec-feature-label{\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(0,0,0,0.90);\n    letter-spacing: 0.2px;\n  }\n\n  .spec-feature-text{\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(0,0,0,0.68);\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 900px){\n    .spec-hero{\n      grid-template-columns: 1fr;\n      gap: 24px;\n      align-items: start;\n    }\n\n    .spec-stats span{\n      padding-right: 0;\n      white-space: normal;\n    }\n\n    .spec-stats span:not(:last-child)::after{\n      content: \"\";\n    }\n\n    .spec-feature-grid{\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .spec-feature{\n      grid-template-columns: 1fr;\n      gap: 6px;\n    }\n  }\n\n  \/* FULL-WIDTH CAROUSEL *\/\n.spec-carousel{\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-top: -40px;\n  margin-bottom: 26px;\n  overflow: hidden;\n  background: #0b0b0b;\n}\n\n  .spec-carousel-track{\n    display: flex;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    scroll-behavior: smooth;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .spec-carousel-track::-webkit-scrollbar{ display: none; }\n\n  .spec-carousel-slide{\n    flex: 0 0 100%;\n    scroll-snap-align: center;\n  }\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: 100vh;      \/* FULL viewport height *\/\n  object-fit: cover;  \/* Fill screen, crop if needed *\/\n  display: block;\n}\n\n  .spec-carousel-btn{\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 42px;\n    height: 42px;\n    border-radius: 999px;\n    border: 1px solid rgba(255,255,255,0.22);\n    background: rgba(0,0,0,0.38);\n    color: #fff;\n    font-size: 22px;\n    line-height: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: transform 120ms ease, background 120ms ease;\n  }\n  .spec-carousel-btn:hover{\n    background: rgba(0,0,0,0.55);\n    transform: translateY(-50%) scale(1.03);\n  }\n  .spec-carousel-btn.prev{ left: 14px; }\n  .spec-carousel-btn.next{ right: 14px; }\n\n  .spec-carousel-dots{\n    position: absolute;\n    left: 50%;\n    bottom: 14px;\n    transform: translateX(-50%);\n    display: flex;\n    gap: 8px;\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(0,0,0,0.28);\n    border: 1px solid rgba(255,255,255,0.12);\n  }\n  .spec-carousel-dot{\n    width: 8px;\n    height: 8px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.35);\n    border: 0;\n    cursor: pointer;\n  }\n  .spec-carousel-dot[aria-current=\"true\"]{\n    background: rgba(255,255,255,0.92);\n  }\n\n\u003c\/style\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40734490067029,"sku":"","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Untitled_design_3.png?v=1774037534","url":"https:\/\/candclight.com\/zh\/products\/led-flex-light-sheet","provider":"C\u0026C Lighting","version":"1.0","type":"link"}