{"title":"LED筒灯","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp data-end=\"416\" data-start=\"0\"\u003eC\u0026amp;C Lighting 的嵌入式天花灯解决方案远不止于标准照明，它们重新定义了天花板如何塑造空间的情绪、功能和特性。从\u003cstrong data-end=\"227\" data-start=\"173\"\u003e商业级定制天花板面板灯具\u003c\/strong\u003e到\u003cstrong data-end=\"274\" data-start=\"231\"\u003e高效的 T 型条天花板照明面板\u003c\/strong\u003e以及\u003cstrong data-end=\"323\" data-start=\"279\"\u003e嵌入式磁性轨道照明系统\u003c\/strong\u003e，每种设计都旨在无缝融入现代建筑环境。\u003c\/p\u003e\n\u003cp data-end=\"901\" data-start=\"418\"\u003e我们不止于简单地照亮天花板——我们帮助您\u003cstrong data-end=\"497\" data-start=\"477\"\u003e充分利用天花板\u003c\/strong\u003e，将其作为隐蔽的多功能照明平台。我们的嵌入式系统旨在实现灵活性，将重点照明、环境照明和任务照明融合成统一的简约构图。无论您的项目需要模块化面板、集成磁性模块还是定制布局，C\u0026amp;C Lighting 都能将天花板转变为功能性设计元素，平衡美学、性能和精度。\u003c\/p\u003e\n\u003cp data-is-only-node=\"\" data-is-last-node=\"\" data-end=\"1119\" data-start=\"903\"\u003e专为设计师、建筑商和工程师打造，我们的天花板照明解决方案提供\u003cstrong data-end=\"1038\" data-start=\"988\"\u003e效率、适应性和创作自由\u003c\/strong\u003e——确保每个空间都感觉是经过精心设计、和谐统一且光线充足。\u003c\/p\u003e","products":[{"product_id":"1ft-x-4ft-led-panel-lights","title":"1英尺 X 4英尺 LED面板灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 1x4 LED panel lights installed in T-bar ceiling grid across open-plan office workspace\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CC-Lighting-1x4-LED-Panel-Light-Office-Installation.png?v=1780510234\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting 1x4 back-lit LED panel light with white aluminum frame and PMMA lens\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CC-Lighting-1x4-LED-Panel-Light-Back-Lit.png?v=1780510157\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e2×4 LED 背光平板灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款高效背光 LED 平板灯，适用于外露式 T 型龙骨吊顶，可在办公室、零售店、工作室和学校环境中提供均匀、减少眩光的照明——具有超薄 36 毫米外形和有竞争力的价格。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e高达 123 流明\/瓦\u003c\/span\u003e \u003cspan\u003e3500K \/ 4000K \/ 5000K\u003c\/span\u003e \u003cspan\u003e0–10V 可调光\u003c\/span\u003e \u003cspan\u003e50,000 小时寿命\u003c\/span\u003e \u003cspan\u003ecUL 认证\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/LED_Panel_Light_Spec_Sheet.pdf?v=1780510256\" class=\"spec-btn\" rel=\"noopener\" title=\"2x4 LED Back-Lit Panel Light Spec Sheet\" 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采用带 PMMA 透镜的背光 LED 技术——不再受导光板 (LGP) 限制。提供高均匀度和出色效率，同时显著降低后续维护成本。\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在显色指数 (CRI) 为 80 的情况下，光效高达 123 流明\/瓦。2×4 型号可在 50 瓦、40 瓦或 30 瓦（通过拨码开关选择）下运行，最高功率可产生高达 6,320 流明 (CW\/NW) 或 4,526 流明 (WW)。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e超薄 36 毫米外形\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e厚度仅为 36 毫米，驱动器安装在侧框架上，使面板在 T 型龙骨网格内齐平且低调。面板整体尺寸为 604×1214 毫米，驱动器盒偏移量为 375 毫米。\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驱动器上内置拨码开关，无需重新接线即可在 50W、40W 和 30W 三种功率设置之间进行选择。提供了平衡每个空间光输出和能耗的灵活性。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e0–10V 调光 + DALI 选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e包含 10% 至 100% 的标准 0–10V 调光。对于需要高级照明控制集成的项目，还提供数字可寻址照明接口 (DALI) 驱动器选项。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e50,000 小时寿命\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eLED 模块和驱动器的设计寿命均为 50,000 小时 (L70B50)。光学模块终身密封，无需内部清洁，最大限度地减少了长期维护要求。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCCT 选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供 3500K、4000K 和 5000K 色温，SDCM 为 6，UGR 为 22。120° 光束角和朗伯极分布确保下方工作区域的宽广舒适覆盖。\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接受 100–347Vac，50\/60Hz，与北美标准电气基础设施兼容。功率因数为 0.95，总谐波失真 (THD) 低于 20%，确保清洁、高效的电力消耗。\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透镜为 PMMA，框架为铝（RAL 9010 白色），后盖外壳为白色喷漆铁板。IP40 防护等级，IK02 抗冲击性，SELV 隔离驱动器在 3750Vdc\/5mA\/60S 下进行测试。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e简易 T 型龙骨安装\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e设计用于外露式 T 型龙骨吊顶，作为默认安装方法（手册：92301）。使用附件套件 PJB.DJ002-3 (2×4) 也支持悬挂安装（手册：92203）。\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\"\u003e由位于加拿大安大略省康科德的 C\u0026amp;C Lighting 设计和分销。联系方式：info@candclight.com | 1-647-887-7403。可用于加拿大和美国各地的商业项目。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"3CCT","offer_id":39592449900629,"sku":"","price":57.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CC-Lighting-1x4-LED-Panel-Light-Back-Lit.png?v=1780510157"},{"product_id":"2x2-led-back-lit-panel-light","title":"2英尺X2英尺LED面板灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 2x2 LED back-lit panel light installed in exposed T-bar grid ceiling in modern open-plan office.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2x2-led-backlit-panel-office-ceiling-installation.png?v=1778870233\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting 2x2 LED back-lit flat panel light with white aluminum frame and PMMA diffuser lens, front view on white background.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2x2-led-backlit-panel-light-white-background.png?v=1778870328\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e2×2 LED 背光平板灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款高效的背光 LED 面板灯，适用于外露式 T 型龙骨吊顶，可在办公室、零售店、工作室和学校环境中提供均匀、减少眩光的照明 — 采用超薄 38 毫米外形设计，价格具有竞争力。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e高达 125 流明\/瓦\u003c\/span\u003e \u003cspan\u003e3500K \/ 4000K \/ 5000K\u003c\/span\u003e \u003cspan\u003e0–10V 可调光\u003c\/span\u003e \u003cspan\u003e50,000 小时寿命\u003c\/span\u003e \u003cspan\u003ecUL 认证\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/LED_Panel_Light_Spec_Sheet.pdf?v=1780510256\" class=\"spec-btn\" rel=\"noopener\" title=\"2x2 LED Back-Lit Panel Light Spec Sheet\" 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采用带 PMMA 透镜的背光 LED 技术 — 不再受导光板 (LGP) 的限制。提供高均匀度和出色的效率，并显著降低后续维护成本。\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以 80 的显色指数实现高达 125 流明\/瓦的功效。2×2 型号工作功率为 40W、35W 或 20W（可通过拨码开关选择），最高功率下可产生高达 4,600 流明（冷白光\/自然白光）或 3,312 流明（暖白光）。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e超薄 38 毫米外形\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e厚度仅为 38 毫米，驱动器安装在侧框架上，使面板与 T 型格栅平齐且低调。面板总尺寸为 604×604 毫米，驱动器盒偏移量为 375 毫米。\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驱动器上内置拨码开关，可在三种瓦数设置（40W、35W 和 20W）之间进行选择，无需重新接线。提供灵活性，可根据每个空间平衡光输出和能耗。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e0–10V 调光 + DALI 选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e标配 0–10V 调光（10% 至 100%）。对于需要高级照明控制集成的项目，还提供数字可寻址照明接口 (DALI) 驱动器选项。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e50,000 小时寿命\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eLED 模块和驱动器均设计用于运行 50,000 小时 (L70B50)。光学模块永久密封，无需内部清洁，最大限度地减少长期维护要求。\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提供 3500K、4000K 和 5000K 色温，SDCM 为 6，UGR 为 22。120° 光束角和朗伯极地分布确保工作区下方宽广舒适的覆盖范围。\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接受 100–347Vac @ 50\/60Hz，与标准北美电气基础设施兼容。功率因数为 0.95，THD 低于 20%，确保清洁高效的电源消耗。\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透镜为 PMMA，框架为铝（RAL 9010 白色），背盖外壳为白色喷漆铁板。IP40 防护等级，IK02 抗冲击性，SELV 隔离驱动器在 3750Vdc\/5mA\/60S 下测试。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\u003c!--nl--\"\u003e\u003cdiv class=\"spec-feature-label\"\u003e易于 T 型格栅安装\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003e设计用于外露式 T 型格栅吊顶作为默认安装方法（手册：92301）。也支持钢丝悬挂（手册：92203），使用附件套件 PJB.DJ002-2 (2×2 和 1×4) 或 PJB.DJ002-3 (2×4)。\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\"\u003e由位于加拿大安大略省康科德的 C\u0026amp;C Lighting 设计和分销。联系方式：info@candclight.com | 1-647-887-7403。适用于加拿大和美国各地的商业项目。\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\u003c!--$1--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e```\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":32900929847381,"sku":"","price":65.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/products\/2x2panel1.jpg?v=1605816390"},{"product_id":"ultraslim-led-panel-lights","title":"超薄LED平板灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 4 inch LED slim panel lights installed in modern Japandi living room, recessed ceiling lighting with warm ambient illumination\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/C_C_Lighting_4_inch_LED_slim_panel_lights_installation.png?v=1775152297\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting LED 3CCT slim panel light with junction box and quick connector, ultra-thin recessed ceiling light with selectable 3000K 4000K 5000K\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Modern_4_Ultraslim_LED_Potlight.png?v=1775152216\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e超薄LED面板灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能超薄嵌入式面板灯，专为灵活的颜色选择、高效照明以及在住宅和商业环境中的可靠性能而设计。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e适用于潮湿场所\u003c\/span\u003e \u003cspan\u003eCRI ≥80\u003c\/span\u003e \u003cspan\u003e3000K \/ 4000K \/ 5000K (3CCT 可选)\u003cbr data-start=\"420\" data-end=\"423\"\u003e\u003c\/span\u003e \u003cspan\u003e标准可调光\u003c\/span\u003e \u003cspan\u003e850 流明输出\u003c\/span\u003e\u003cspan\u003e120V 交流\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/4_PANEL_9W_3CCT_WS_WET-SPEC.pdf?v=1687884321\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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\"\u003e3CCT 可选照明\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e轻松切换 3000K、4000K 和 5000K，以适应不同的环境和用户偏好。\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\"\u003e提供高达 850 流明，功效高达 85 流明\/瓦，实现高效一致的照明性能。\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\"\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\"\u003e9W LED 输出可替代高达 75W 的传统灯具，降低能耗。\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\u003c!--nl--\"\u003e\u003cdiv class=\"spec-feature\"\u003e\n\u003cdiv class=\"spec-feature-label\"\u003e耐用材料结构\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e采用 PVC 外壳和聚碳酸酯透镜构造，具有长期耐用性和卓越性能。\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可在 -30°C 至 40°C 的温度下运行，在各种环境下均能提供可靠的性能。\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\"\u003eCRI ≥80 确保日常照明应用中色彩还原平衡自然。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e气密和 IC 等级\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\"\u003e\n\n\u003cp data-end=\"2290\" data-start=\"2188\"\u003e非常适合住宅和商业空间，包括浴室、厨房、走廊和客厅。\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c!--$1--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":32740567449685,"sku":"","price":13.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Modern_4_Ultraslim_LED_Potlight.png?v=1775152366"},{"product_id":"2ft-x-4ft-led-panel-lights","title":"2英尺X4英尺LED面板灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"2x4 LED back-lit panel lights installed in open-plan office T-bar grid ceiling commercial LED lighting 50W 5000K uniform illumination C\u0026amp;C Lighting Canada.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2ftx4ft_LED_Panel_Light_Installation_Photo.png?v=1779894024\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"2x4 LED panel light back-lit flat panel white aluminum frame PMMA diffuser lens T-bar ceiling light 50W 4000K dimmable commercial lighting C\u0026amp;C Lighting.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2ftx4ft_LED_Panel_Light_Product_Photo.png?v=1779894013\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e2×4 LED背光面板灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高效背光LED面板，适用于外露式T型格栅天花板，在办公室、零售店、工作室和学校环境中提供均匀、无眩光的照明，拥有36毫米超薄外形和极具竞争力的价格。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e高达123流明\/瓦\u003c\/span\u003e \u003cspan\u003e3500K \/ 4000K \/ 5000K\u003c\/span\u003e \u003cspan\u003e0–10V调光\u003c\/span\u003e \u003cspan\u003e50,000小时寿命\u003c\/span\u003e \u003cspan\u003ecUL认证\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/LED_Panel_Light_Spec_Sheet.pdf?v=1780510256\" class=\"spec-btn\" rel=\"noopener\" title=\"2x4 LED Back-Lit Panel Light Spec Sheet\" 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采用PMMA透镜的背光LED技术，不再受导光板（LGP）限制。提供高均匀度和卓越效率，并显著降低后续维护成本。\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显色指数（CRI）为80时，功效高达123流明\/瓦。2x4型号以50W、40W或30W（通过拨码开关选择）运行，在最高功率下可产生高达6,320流明（冷白\/自然白）或4,526流明（暖白）的亮度。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e超薄36毫米外形\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e厚度仅为36毫米，驱动器安装在侧框上，使面板在T型格栅内保持平齐和低调。面板总尺寸为604×1214毫米，驱动盒偏移量为375毫米。\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驱动器上内置拨码开关，无需重新布线即可在50W、40W和30W三种功率设置之间进行选择。为每个空间提供平衡光输出和能耗的灵活性。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e0-10V调光+DALI选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e标准0-10V调光，可从10%调至100%。还提供数字可寻址照明接口（DALI）驱动选项，适用于需要高级照明控制集成的项目。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e50,000小时寿命\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eLED模块和驱动器均设计为可运行50,000小时（L70B50）。光学模块是终身密封的，无需内部清洁，从而最大限度地减少长期维护要求。\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提供3500K、4000K和5000K色温，SDCM为6，UGR为22。120°光束角和朗伯极坐标分布确保在下方工作区域实现宽广舒适的覆盖。\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支持100–347Vac，50\/60Hz，兼容北美标准电气基础设施。功率因数为0.95，THD低于20%，确保清洁高效的功耗。\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透镜为PMMA，边框为铝（RAL 9010白色），背盖外壳为白色烤漆铁板。IP40防护等级，IK02抗冲击性，SELV隔离驱动器经过3750Vdc\/5mA\/60S测试。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e简易T型格栅安装\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e默认为外露式T型格栅天花板设计（手册：92301）。也可使用附件套件PJB.DJ002-3（2×4）支持吊线安装（手册：92203）。\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\"\u003e由位于加拿大安大略省康科德的C\u0026amp;C Lighting设计和分销。联系方式：info@candclight.com | 1-647-887-7403。可用于加拿大和美国的商业项目。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"30-50W\/三色温\/120V-347V\/普通调光","offer_id":32900940988501,"sku":"","price":96.7,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/products\/2x4panel1.jpg?v=1605816727"},{"product_id":"4-inch-rgb-smart-slim-pot-lights-canada","title":"4英寸RGB智能超薄筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\u003cbutton data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"Round 4-inch smart recessed LED panel light with white trim, frosted diffuser lens, RGB colour-changing functionality, and spring clip mounting brackets on a clean white background for modern residential and commercial ceiling lighting applications.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide_1.png?v=1778787558\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e4英寸RGB智能超薄筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款智能嵌入式LED面板灯，具有RGB颜色控制、2700K–5000K可调白光、应用程序和开关控制功能，以及适用于干燥和潮湿场所的明亮节能性能。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e9W\u003c\/span\u003e \u003cspan\u003e600 lm\u003c\/span\u003e \u003cspan\u003eCRI \u0026gt;90\u003c\/span\u003e \u003cspan\u003e2700K–5000K + RGB\u003c\/span\u003e \u003cspan\u003eETL \u0026amp; FCC 认证\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/C_C_SPEC_4_SMART_PANEL_9W-RGB.pdf?v=1691677436\" class=\"spec-btn\" rel=\"noopener\" title=\"4 Smart Panel 9W-RGB Spec Sheet\" 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智能RGB控制\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e具有RGB颜色控制功能，白光可在2700K至5000K之间调节，为不同的情绪、空间和应用提供灵活的照明。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e高亮度LED芯片\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额定功率9W，光通量600流明，光效60-70流明\/瓦，提供明亮高效的嵌入式天花板照明。\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提供CRI \u0026gt;90，具有白光、暖光和RGB定向颜色选项，实现清晰的视觉效果和强大的显色性。\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提供100°光束角，可在房间内实现宽广均匀的光线分布。\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采用乳白色PC光学灯罩，实现平滑光扩散、抗老化性能和耐用性。\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采用铝和PC外壳，散热性强，防腐蚀，长期可靠。\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工作电压为100-277V，工作频率为50\/60Hz，配有调光加RGB电源蓝牙模块。\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兼容智能家居技术，通过Home Linking应用程序控制，支持应用程序控制和开关控制。\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通电后不到1秒即可启动，响应迅速，照明快速。\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额定寿命长达30,000小时，开关循环10,000次，可长期可靠使用。\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通过ETL和FCC认证，无汞，可调光，适用于干燥和潮湿工作环境。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":32950671573077,"sku":"","price":28.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide_1.png?v=1778787558"},{"product_id":"aluminium-tracks-for-led-strip-lighting","title":"LED灯带铝型材","description":"\u003ch3 style=\"margin-top: 10px;\"\u003e\u003cstrong\u003e描述：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:10px;\"\u003e我们的铝型材是LED照明外壳，可实现新的建筑和室内设计，并通过沉浸式和间接照明为室内和室外空间增添新的敏感度。它进一步模糊了功能和形式的界限。这意味着它进一步要求设计、施工、电气和照明专业人员的协作。\u003c\/p\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px;\"\u003e本产品可高度定制，以达到个性化效果。作为套装提供的相关产品，可使安装更简单：铝型材光源电源和控制安装硬件和附件\u003c\/p\u003e\n\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003e主要特点与优势：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 多种LED通道，用于嵌入式和隐藏式LED灯带。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 室内线性灯，简约美学\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 嵌入式LED线性灯\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 橱柜照明\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 间接照明\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 筒灯\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e• 10米长，适用于8毫米和10毫米LED灯带\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\u003cp style=\"margin-top: 14px;\"\u003e\u003ca rel=\"noopener\" href=\"https:\/\/drive.google.com\/file\/d\/1ht1WoNxG5sAfFL6kBvGhrJThFVsyWp0f\/view\" class=\"btn technical-data-btn\" target=\"_blank\"\u003eLED灯带用铝型材技术数据\u003c\/a\u003e\u003ca rel=\"noreferrer noopener\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CEILING_LIGHT_25W.pdf?21\" target=\"_blank\"\u003e\u003c\/a\u003e\u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"CAPS206","offer_id":41123979788373,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS206-4.2","offer_id":41123979821141,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS296","offer_id":41123979853909,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS2010","offer_id":41123979886677,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS2015","offer_id":41123979919445,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"2050年碳中和先进发电系统","offer_id":41123979952213,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS2050-4.2","offer_id":41123979984981,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS2050-BLK","offer_id":41123980017749,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"大写字母562","offer_id":41123980050517,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS560","offer_id":41123980083285,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"大写锁定1616","offer_id":41123980116053,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPM816","offer_id":41123980148821,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS1313","offer_id":41123980181589,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS304","offer_id":41123980214357,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS305","offer_id":41123980247125,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"帽类325","offer_id":41123980279893,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS324","offer_id":41123980312661,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPM5020","offer_id":41123980345429,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"FLEX AL 型材 926","offer_id":41123980378197,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"FLEX AL PROFILE 929","offer_id":41123980410965,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"FLEX AL 型材 931","offer_id":41123980443733,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS3013","offer_id":41123980476501,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS9718","offer_id":41123980509269,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS713","offer_id":41123980542037,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS305 石膏板前","offer_id":41123980574805,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS628 白色","offer_id":41123980607573,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS6214","offer_id":41123980640341,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS1513 上石膏板前","offer_id":41123980673109,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS402","offer_id":41123980705877,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPM174","offer_id":41123980738645,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPM175","offer_id":41123980771413,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"资本资产定价模型30","offer_id":41123980804181,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"资本资产定价模型60","offer_id":41123980836949,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"资本资产定价模型95","offer_id":41123980869717,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPM303","offer_id":41123980902485,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPS2427","offer_id":41123980935253,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL204","offer_id":41123980968021,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL213","offer_id":41123981000789,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL304","offer_id":41123981033557,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL345","offer_id":41123981066325,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL231","offer_id":41123981099093,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"CAPL503","offer_id":41123981131861,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false},{"title":"加元513","offer_id":41123981164629,"sku":"","price":25.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CAPS304_PROD.png?v=1759418470"},{"product_id":"designer-series-recessed-led-spot-light","title":"设计师系列嵌入式LED射灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"AuraLite 系列蜂窝格栅超薄嵌入式LED筒灯，采用防眩光设计，置于现代建筑照明设置中的混凝土底座上\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ChatGPT_Image_Apr_3_2026_03_21_24_PM.png?v=1775244108\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Designer_Series_Recessed_LED_Spot_Light_Product_Photo.jpg?v=1775239462\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eDesigner 系列嵌入式LED射灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能嵌入式LED射灯，专为住宅和商业空间中的精确定向照明、视觉舒适性和精致建筑应用而设计。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003eIP65 湿气场所额定\u003c\/span\u003e \u003cspan\u003eCRI ≥90\u003c\/span\u003e \u003cspan\u003e2700K–6000K（CCT 可选）\u003c\/span\u003e \u003cspan\u003e100–277V \/ 347V 输入\u003c\/span\u003e \u003cspan\u003e标准可调光\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Designer_Series_Recessed_LED_Spot_Lights_-_January_21_2026.pdf?v=1769094277\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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提供多种光束角度（15°、24°、36°、45°），支持重点照明、任务照明和普通照明应用。\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\"\u003e光效高达 90–100 流明\/瓦，显色指数 CRI 90+，确保精准的色彩还原和节能性能。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCCT 可选照明\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e集成 CCT 开关，可轻松在现场选择暖色调和冷色调（2700K–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\"\u003eIP65 等级结构确保在浴室、水疗中心和屋檐等潮湿环境中的可靠性能。\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\"\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\"\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耐用 LED 技术\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eCOB 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额定寿命长达 50,000 小时，减少了维护和更换频率。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\u003cbr\u003e\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40672467419221,"sku":"","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Designer_Series_Recessed_LED_Spot_Light_Product_Photo.jpg?v=1775239462"},{"product_id":"fire-rated-recessed-ceiling-lights","title":"防火嵌入式筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\u003c!-- Add more images like this when you have them --\u003e\u003c\/div\u003e\n\n\u003cbutton data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 = prevBtn.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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"Fire Rated Recessed Ceiling Light with 2-hour UL 263 fire rated protection, recessed architectural LED downlight with anti-glare trim and heat resistant casing.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Product_Photo_Dimension_Guide_39f11878-159c-4c00-86ec-e89218d28cec.png?v=1778785545\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e防火嵌入式吸顶灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款高性能防火嵌入式吸顶灯，采用通过UL 263防火认证的2小时防火保护，浅式无外壳安装，以及可选5CCT技术，适用于住宅和商业应用。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e2小时防火\u003c\/span\u003e \u003cspan\u003e5CCT可选\u003c\/span\u003e \u003cspan\u003eCRI 90+\u003c\/span\u003e \u003cspan\u003e9W \/ 12W \/ 14W\u003c\/span\u003e \u003cspan\u003eETL和能源之星\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/C_C_FIRERATED_RECESSED_CEILING_LIGHTS_SPEC.pdf?v=1694458654\" class=\"spec-btn\" rel=\"noopener\" title=\"Fire Rated Recessed Ceiling Lights Spec Sheet\" target=\"_blank\"\u003e 下载规格表 \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\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\"\u003e2小时防火保护\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e通过UL 263标准认证，采用专利强化耐热外壳，提供长达2小时的防火保护，无需额外外壳或硬件。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e5CCT可选\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e集成可选色温技术，可在2700K、3000K、4000K、5000K和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高达100流明\/瓦，CRI 90+的真实显色性，提供清晰、均匀的照明，具有出色的视觉舒适度和防眩光性能。\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\"\u003e1\/2英寸超薄设计，可直接安装在托梁下方，为狭窄的天花板空间和翻新项目提供最大的布局灵活性。\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\"\u003e随附FT6 \/ CMP增压级电缆，适用于商业安装，确保在增压天花板空间中的合规性和安全操作。\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兼容TRIAC调光器，为住宅和商业照明控制应用提供10%–100%平滑调光性能。\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\"\u003e108°宽光束角提供宽广均匀的光线分布，适用于多户住宅、地下室和商业应用。\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\"\u003e在加拿大和美国获得ETL认证，能源之星认证，并符合UL 263-2011、ASTM E119-20和CAN\/ULC-S101-14标准。\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\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  .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  .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  .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  .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  @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.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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\u003c\/style\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40684853264469,"sku":"","price":27.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ScreenShot2023-09-11at1.37.08PM.png?v=1694458597"},{"product_id":"magnetic-track-light-system","title":"磁吸轨道灯 + 模块化LED照明系统","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection class=\"spec-carousel\" aria-label=\"Product photos\"\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\/magnetic-track-light-system-living-room-installation.png?v=1776875552\" alt=\"C\u0026amp;C Lighting 48V magnetic track light system with linear lights and spotlights installed in modern living room ceiling\" 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\/magnetic-track-light-linear-spotlight-module-close-up.png?v=1776875535\" alt=\"Close-up of C\u0026amp;C Lighting 48V magnetic track linear spotlight LED module with multi-lens downlight array in black finish\" 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=\"Previous photo\" data-carousel-prev=\"\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"spec-carousel-btn next\" type=\"button\" aria-label=\"Next photo\" data-carousel-next=\"\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-carousel-dots\" aria-label=\"Carousel navigation\" 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\/cc-lighting-magnetic-track-light-slim-series-black-profile.png?v=1776875508\" alt=\"C\u0026amp;C Lighting slim series 48V magnetic track light rail profile in black finish on white background\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e磁吸轨道灯 + 模块化LED照明系统\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e多功能48V模块化轨道照明系统，提供标准、超薄和纤薄系列——结合磁化轨道和可互换LED模块，实现轻松重新定位、整洁的天花板集成和全面的照明控制。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e48V 直流低压\u003c\/span\u003e \u003cspan\u003e免工具磁性模块\u003c\/span\u003e \u003cspan\u003e可选色温 2700K–6000K\u003c\/span\u003e \u003cspan\u003e0–10V \/ DALI \/ 蓝牙\u003c\/span\u003e \u003cspan\u003e5 种安装方式\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"Item Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Magnetic_Tracklight_Spec_Sheet.pdf?v=1776873604\" 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\"\u003eLED模块通过磁吸连接，无需工具即可安装和拆卸。随时重新定位、添加或移除模块，实现完全可适应的照明布局。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e安全48V直流低压轨道\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e采用安全可靠的48V直流接触轨系统，标准系列和纤薄系列提供20毫米和35毫米宽度，规格灵活。\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模块都提供3000K、4000K和5000K可选色温。整个轨道系统支持2700K–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\"\u003e0-10V调光是标准配置。可选通过蓝牙进行APP无线控制，实现远程调节和场景设置，以集成智能建筑。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e5种安装方式\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\"\u003e12种LED模块类型\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e可选择射灯、线性灯、吊灯、洗墙灯、环形吊灯和球形吊灯——所有这些都可与48V轨道系统磁性兼容。\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标准系列（20毫米\/35毫米）、纤薄系列（19毫米视觉无边框）和超薄系列（22毫米，与标准石膏板齐平）涵盖住宅、商业和建筑应用。\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超薄系列（19毫米 × 13.5毫米）与标准石膏板厚度齐平——无需下吊天花板，即可实现无缝、简约的天花板美学。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e兼容DALI和智能控制\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e支持0-10V和DALI调光协议，可选智能控制集成，包括2.4G无线，用于高级场景和区域管理。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e优质LED光源\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e模块采用Bridgelux和Osram LED，功率范围从5W到30W，为所有模块类型提供一致、高质量的光输出。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\u003c!--nl--\"\u003e\u003cdiv class=\"spec-feature-label\"\u003e饰面和宽度选项\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003e轨道盖有黑色和金色饰面，可选粉末涂层白色。模块默认为20毫米，可订购35毫米，以提供设计灵活性。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\u003c!--nl--\"\u003e\u003cdiv class=\"spec-feature-label\"\u003e高度可定制系统\u003c\/div\u003e\n\u003cdiv class=\"spec-feature-text\"\u003e角连接器、直连接器、十字角连接器、电源端和超薄连接器允许轨道以几乎任何天花板布局或形状进行配置。\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\u003c!--$1--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40705306329173,"sku":"","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc-lighting-magnetic-track-light-slim-series-black-profile.png?v=1776875508"},{"product_id":"flex-aluminum-profile","title":"柔性铝型材","description":"\n\u003ch3\u003e\u003cstrong\u003e柔性铝槽。\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"40%\"\u003e\u003cstrong\u003e材质： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"60%\"\u003e阳极氧化铝型材\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e长度：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e1~3米\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e应用：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e石膏\/石膏板嵌入式照明\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e颜色：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e可定制颜色\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e铝型材中心最小弯曲半径：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003eR570mm \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40764837298261,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ScreenShot2024-01-29at12.14.28PM.png?v=1706548700"},{"product_id":"6in-commercial-downlight","title":"6英寸商用筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection class=\"spec-carousel\" aria-label=\"Product photos\"\u003e\n\u003cdiv class=\"spec-carousel-track\" id=\"cobCarousel\" tabindex=\"0\"\u003e\u003c!-- Add more images like this when you have them --\u003e\u003c\/div\u003e\n\n\u003cbutton class=\"spec-carousel-btn prev\" type=\"button\" aria-label=\"Previous photo\" data-carousel-prev=\"\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"spec-carousel-btn next\" type=\"button\" aria-label=\"Next photo\" data-carousel-next=\"\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-carousel-dots\" aria-label=\"Carousel navigation\" 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\/4commerciallightspec_copy_-3.png?v=1766084034\" alt=\"Commercial Downlight GCTD 系列嵌入式 LED 灯具，铝制机身，现代装饰面，SMD LED 技术，带远程接线盒，用于天花板安装\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e商用筒灯 GCTD 系列\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款高性能的现代 LED 嵌入式筒灯系列，专为住宅和商业应用设计，提供多种尺寸、瓦数选项、可选色温、宽电压兼容性和平滑调光控制。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e4 英寸 \/ 6 英寸 \/ 8 英寸\u003c\/span\u003e \u003cspan\u003e9W–48W\u003c\/span\u003e \u003cspan\u003eCRI Ra80 \/ Ra90\u003c\/span\u003e \u003cspan\u003e90–100 流明\/瓦\u003c\/span\u003e \u003cspan\u003e长达 50,000 小时\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"Commercial Downlight GCTD Series Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Commercial_Down_Light_Series_-_February_11_2026.pdf?v=1770833517\" 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\"\u003eLED 技术\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e高效 SMD 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提供多种瓦数范围，包括 9W、12W、18W、20W–40W 和 48W，以适应不同的天花板高度、房间大小和照明要求。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e可选色温 (CCT)\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供可选 5CCT 或固定 CCT 选项，包括 3000K、3500K、4000K 和 5000K。部分型号支持可调 3000K \/ 4000K \/ 5000K 色温。\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兼容 120V、277V 和 347V 系统，为住宅、商业和多单元开发项目提供广泛的安装灵活性。\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提供高效高输出照明，性能达到 90–100 流明\/瓦，有助于降低能耗，同时保持强大的照明输出。\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提供 CRI Ra80 或 Ra90 选项，可在办公室、零售空间、厨房、走廊和其他室内环境中准确、自然地再现色彩。\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\"\u003e60° 光束角提供平滑均匀的照明，减少眩光，支持现代天花板应用中的舒适视觉表现。\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额定使用寿命长达 50,000 小时，有助于最大限度地减少维护、更换频率和长期拥有成本。\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根据型号配置和安装要求，支持 0–10V 和 TRIAC 调光，实现平滑可靠的光线控制。\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提供 4 英寸、6 英寸和 8 英寸的嵌入式筒灯尺寸，为设计师和承包商在不同天花板布局和照明方案中提供灵活性。\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\"\u003e适用于浴室、厨房、走廊、零售空间、办公室、多单元开发项目以及其他商业或住宅天花板环境。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40794396065877,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/4commerciallightspec_copy_-3.png?v=1766084034"},{"product_id":"stretch-ceiling-lighting-immers","title":"IMMERS 定制弹力天花灯","description":"\u003csection class=\"spec-page\"\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"IMMERS Hotel Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Hotel_Horizontal.png?v=1772649171\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"IMMERS Restaurant Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Horizontal_Restaurant.png?v=1772649171\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"IMMERS Office Application\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Office_Horizontal.png?v=1772649165\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 loading=\"lazy\" alt=\"IMMERS Stretch ceiling light fixture on a white background\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/IMMERS_Stretch_Ceiling_Light_Product_Photo.png?v=1775150565\" style=\"margin-bottom: 16px; float: none;\"\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eIMMERS 定制拉伸天花灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能建筑拉伸天花照明系统，旨在大型室内空间中创造无缝的发光表面。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e提供定制形状\u003c\/span\u003e \u003cspan\u003e高效 LED 系统\u003c\/span\u003e \u003cspan\u003e均匀扩散\u003c\/span\u003e \u003cspan\u003e建筑集成\u003c\/span\u003e \u003cspan\u003e高达 160 流明\/瓦\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"Item Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/IMMERS_Stretch_Ceiling_Light_Spec_Sheet-_March_4_2026.pdf?v=1772649946\" 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\"\u003eIMMERS™ 利用张拉拉伸膜技术创造大型连续照明天花板，在广阔的建筑表面上提供平滑无影的照明。\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\"\u003e可选的 10°、15°、24°、36° 和 50° 光束角可实现对重点照明、洗墙或普通照明的精确控制。\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 背光相结合，可产生一致的照明，而不会出现可见的 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完整的系统包括铝制框架结构、拉伸膜扩散器和高效 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拉伸膜可以融合定制图形，如天空图像、品牌元素或装饰视觉效果，以增强空间体验。\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\"\u003eLED 模块和驱动器在拉伸膜后面仍然可访问，允许在不完全拆卸灯具的情况下进行维护和组件更换。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e高效 LED 照明\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专为大型室内环境设计，包括酒店大堂、办公室、零售环境、医疗保健设施和酒店空间。\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\u003c!--nl--\"\u003e\u003cdiv class=\"spec-feature-label\"\u003e低眩光照明\u003c\/div\u003e\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\"\u003e每个 IMMERS™ 安装都根据项目规范进行工程设计，允许设计师创建适合空间的照明表面。\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\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c!--$1--\u003e\n\u003csection class=\"spec-page\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":40948717781077,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/IMMERS_Stretch_Ceiling_Light_Product_Photo.png?v=1775150565"},{"product_id":"residential-commercial-bean-pot-downlight","title":"住宅\/商业豆胆筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003c!--\n  \u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting Residential\/Commercial Bean-Pot Downlight T5201C7 installed in commercial ceiling, recessed adjustable gimbal heads with spot flood medium beam angles\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Bean-podDownlights-3.png?v=1760455952\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting Residential\/Commercial Bean-Pot Downlight T5201C7 installed in commercial ceiling, recessed adjustable gimbal heads with spot flood medium beam angles\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Bean-podDownlights-4.png?v=1741283192\"\u003e\u003c\/div\u003e \n  CREATE NEW IMAGES + THESE ARE THE OLD IMG FILES DONT FORGET\n  --\u0026gt;\n\u003c!-- Add more images like this when you have them --\u003e\n\n\u003c\/div\u003e\n\n\u003cbutton data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting Residential\/Commercial Bean-Pot Downlight T5201C7, diecast aluminum recessed gimbal downlight with adjustable heads, optical compartment and metal backbox, available in 1, 2, and 3-head configurations\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Bean-podDownlights-2.png?v=1760455952\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e住宅\/商用豆荚筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能嵌入式豆荚筒灯，专为住宅和商业环境设计，提供卓越的亮度、可调节的光束角和可靠的性能。有1头、2头和3头配置可选。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003eIP 20\u003c\/span\u003e \u003cspan\u003eCRI 90+\u003c\/span\u003e \u003cspan\u003e3000K \/ 4000K \/ 5000K\u003c\/span\u003e \u003cspan\u003e0-10V 可调光\u003c\/span\u003e \u003cspan\u003e高达 5400 流明\u003c\/span\u003e\u003cspan\u003e120V–347V 交流\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Bean-pod_Downlights-1.pdf?v=1741286177\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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技术设计，提供卓越的亮度，同时降低能耗。提供20W（1800流明）、40W（3600流明）和60W（5400流明）配置。\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\"\u003e采用优质压铸铝制成，配有先进的散热系统，可延长使用寿命并长时间保持最佳性能。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e0-10V 可调光性能\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e兼容0-10V调光系统，可调节亮度，增强所有三种灯具配置的照明控制。\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提供点（24°）、中（36°）和泛光（45°）光束角，以满足重点照明、任务照明和一般照明要求。\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可在120V–347V输入电压下运行，兼容北美标准住宅和商业电气系统。\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万向节允许每个万向头独立调节——水平356°，垂直56°——实现精确的定向照明控制。\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兼容T型杆和石膏板\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e为T型杆和石膏板天花板安装提供集成变压器，为各种天花板类型提供灵活的安装选项。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e高显色指数90+光质量\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eCRI 90+确保零售展示、酒店环境和住宅空间中准确、鲜艳的色彩呈现，这些地方真实色彩至关重要。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e3CCT 可选色温\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供3000K、4000K和5000K色温，以匹配任何氛围——从温暖的住宅环境到清爽的商业环境。\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\n\n\u003cp data-end=\"2290\" data-start=\"2188\"\u003e适用于办公室、零售店、酒店和餐厅等商业空间，以及需要专业现代照明解决方案的住宅安装。\u003c\/p\u003e\n\n\n\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41039163883605,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Bean-podDownlights-2.png?v=1760455952"},{"product_id":"2-inch-designer-series-pot-light","title":"2英寸设计师系列筒灯","description":"\u003ch3 style=\"margin-top: 10px;\"\u003e\u003cstrong\u003e描述：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:10px;\"\u003e使用 2 英寸设计师系列筒灯提升您的照明设计——专为精准、高性能和美学多功能性而打造。这款灯具具有窄光束角，可提供聚焦、高冲击力的照明，非常适合重点照明和建筑亮点。有多种优质反射器材料和饰面可供选择，以满足您的设计愿景，从柔和的哑光到高光泽金属色。多种色温选项可供选择，您可以根据任何环境调整氛围，从温暖诱人到清晰现代。这款筒灯非常适合高档住宅和商业空间，以紧凑、优雅的形式将精致风格与专业级性能融为一体。\u003c\/p\u003e\n\u003chr\u003e\n\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e窄光束角\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e提供精准、聚焦的照明——非常适合重点照明和视觉亮点。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e设计师系列反射器\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e有各种优质材料和饰面可供选择，以搭配任何室内风格。\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e多种色温选项\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e从暖色（2700K）、中性色（3000K–3500K）或冷色（4000K+）光中选择，以适合您的空间。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e紧凑的 2 英寸开口\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e时尚、简约的外形，非常适合现代住宅和商业应用。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e高性能光学元件\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e提供清晰的光线，眩光最小，光束控制出色。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e可调光兼容性\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e与兼容驱动器配合使用，可实现平滑调光，营造可定制的氛围。\n\n\n\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e易于安装\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e专为轻松集成到新建或改造项目中而设计。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e耐用结构\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e采用优质组件制造，性能持久可靠\n。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41218950529109,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/0c1bf542-3b65-4a64-af60-dcd2f6c6a3cc.png?v=1778867598"},{"product_id":"3-trimless-anti-glare-down-light-3cct-12w","title":"无边框嵌入式筒灯 (2\", 3\", 4\")","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\u003c!-- Add more images like this when you have them --\u003e\u003c\/div\u003e\n\n\u003cbutton data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting Trim-Less Recessed Down-light with COB LED chip, aluminum reflector and anti-glare mask, frameless ceiling integration for 2 inch 3 inch and 4 inch aperture\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Untitled-4_4.png?v=1770666987\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e无边框嵌入式筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e一款专为高端建筑照明设计的时尚简约解决方案。这些灯具旨在无缝融入天花板，提供简洁的线条和强大的照明，且无可见边框。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003eETL \/ cETL \/ FCC \/ RoHS\u003c\/span\u003e \u003cspan\u003eCRI Ra90\u003c\/span\u003e \u003cspan\u003e2700K – 6000K 色温\u003cbr data-start=\"420\" data-end=\"423\"\u003e\u003c\/span\u003e \u003cspan\u003e可调光\u003c\/span\u003e \u003cspan\u003e90\/100 lm\/W 光效\u003c\/span\u003e\u003cspan\u003e100–347V 交流电\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/trim_less_recessed_down_light.pdf?v=1751653308\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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无缝融入石膏板或灰泥天花板，实现整洁的建筑饰面，无可见边框。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCOB LED 技术\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e高性能板上芯片LED提供强大、均匀的照明，具有出色的色彩质量，显色指数Ra90。\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提供2英寸、3英寸和4英寸孔径选项（型号LP-2C1038、LP-3C1038、LP-4C1038），适用于任何天花板布局。\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可选择8W（2英寸）、8W\/12W\/15W（3英寸）或20W（4英寸）配置，以满足您的照明要求。\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根据型号支持100–130V、100–277V和100–347V输入，适用于住宅和商业电气系统。\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提供15°、24°、36°和60°光束角，精确控制光线分布，适用于重点照明、环境照明或任务照明。\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提供2700K至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反光罩有白色、黑色、金色、香槟色和定制饰面可选——镜面、缎面或哑光铝。\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\"\u003e所有功率配置均提供90-100流明\/瓦的能效，实现节能性能。\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额定寿命为50,000小时（25°C下L70），长期提供可靠、低维护的性能。\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\n\n\u003cp data-end=\"2290\" data-start=\"2188\"\u003e专为新建和改造安装设计，适用于石膏板或灰泥天花板，并通过ETL \/ cETL \/ FCC \/ RoHS认证。\u003c\/p\u003e\n\n\n\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41218967273557,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Untitled-4_4.png?v=1770666987"},{"product_id":"recessed-linear-down-light-gs-series","title":"嵌入式线性筒灯GS系列","description":"\u003ch2 style=\"margin-top: 4px; margin-bottom: 20px;\"\u003e嵌入式线性刀锋筒灯\u003c\/h2\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px;  font-style: italic;\"\u003e时尚。简约。建筑级精准。\u003c\/p\u003e\n\u003ch3 style=\"margin-bottom: 12px;\"\u003e\u003cstrong\u003e描述：\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:20px;\"\u003eC\u0026amp;C Lighting 的嵌入式线性刀锋筒灯将超薄美学与高性能照明相结合，重新定义了现代建筑照明。\n凭借其窄光口和无眩光的线性光输出，这款灯具在天花板上创造出一种干净的“刀锋”效果——既优雅又舒适。\u003c\/p\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:20px;\"\u003e刀锋系列专为精度而设计，集成了先进的 LED 模块和高透光光学器件，可实现均匀亮度，并具有出色的显色性 (CRI 90+)。隐蔽的嵌入式设计使其非常适合那些需要照明来增强建筑美感而无需显露自身的存在感的空间。\u003c\/p\u003e\n\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:20px;\"\u003e可提供连续的线性运行或模块化分段，实现无缝天花板集成，打造简约精致的外观。非常适合对性能和设计精细度都有要求的零售、酒店、办公室和住宅环境。\u003c\/p\u003e\n\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003e主要特点和优势：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e超薄线性轮廓：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e最小的 12-20 毫米光口创造出清晰的“刀锋”光线。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e建筑美学：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e隐蔽的嵌入式设计通过无缝天花板集成增强了现代室内设计。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e均匀照明：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e 先进的 LED 光学器件提供平滑、连续的光线分布，无暗点。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e高视觉舒适度：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e防眩光镜片和精密反射器确保专业和住宅环境的舒适度。 \u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e模块化和连续安装：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e 可连接的线性部分允许无限的设计灵活性。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e多种选择：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e提供各种长度、光束角、瓦数和色温（2700K–5000K）。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e调光兼容性：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e支持 0–10V 和可控硅调光，实现动态照明控制。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e长寿命和可靠性：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e额定寿命 50,000 小时 (L70)，5 年保修。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e应用：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e 适用于办公室、展厅、走廊、厨房和建筑重点照明。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41219016065109,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/recessedgimbaldownlight-7.png?v=1761003875"},{"product_id":"designer-series-3-inch-recessed-led-downlight","title":"3英寸弧形反射器设计师系列筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 3英寸弧形反射器嵌入式LED筒灯，有白色和黑色饰面，深色背景上的优质建筑防眩光天花板照明\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Model_Enhance.png?v=1770404822\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 3英寸嵌入式LED筒灯安装在天花板檐口，现代建筑照明，带防眩光弧形反射器设计\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Installed_Enhanced.png?v=1770404878\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 嵌入式LED筒灯光束比较，显示暖白光和中性白光分布，适用于建筑照明应用\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/CCT.png?v=1770404680\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/3_inch_curved_reflector_downlight.png?v=1775154537\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e3英寸弧形反射器筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能建筑嵌入式筒灯，专为视觉舒适度、精准照明和高级室内应用而设计。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e湿位置额定 (IP65)\u003c\/span\u003e \u003cspan\u003eCRI ≥90\u003c\/span\u003e \u003cspan\u003e2700K – 5000K (可选)\u003c\/span\u003e \u003cspan\u003e120V 交流\u003c\/span\u003e \u003cspan\u003e可控硅调光 (10%–100%)\u003c\/span\u003e \u003cspan\u003e高达 100 流明\/瓦\u003c\/span\u003e \u003cspan\u003e长达 50,000 小时寿命\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/3_inch_Curved_Reflector_Down_Light.pdf?v=1770489412\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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建筑级灯具，专为高端住宅、零售和酒店环境设计。\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每瓦高达100流明，提供强大、一致的照明。\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\"\u003eCRI 90+ 确保为高级照明应用提供生动逼真且色彩真实的显色效果。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCCT 可选照明\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\"\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\"\u003e提供 15°、24° 和 45° 光束角度，适用于重点照明、任务照明或一般照明应用。\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\"\u003eIP65防护等级，可在浴室、檐口和潮湿环境中安全安装。\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\"\u003e兼容可控硅调光系统，提供10%至100%的平滑调光。\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提供多种装饰、反射器饰面、瓦数（9W–20W）和形状，以满足各种设计需求。\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气密和IC等级\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e获批用于绝缘天花板和气密应用，以提高能源性能。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41764354130005,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/3_inch_curved_reflector_downlight.png?v=1775154537"},{"product_id":"led-recessed-gimbal-downlight","title":"Tone 系列 - LED 嵌入式可调射灯","description":"\u003ch2 data-start=\"231\" data-end=\"281\" style=\"margin-top: 4px; margin-bottom: 20px;\"\u003e\u003csmall\u003e专为现代空间设计的精准照明\u003c\/small\u003e\u003c\/h2\u003e\n\u003ch3 style=\"margin-bottom: 12px;\"\u003e\u003cstrong\u003e描述：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: justify;\"\u003eC\u0026amp;C Lighting 的 LED 嵌入式可调射灯提供精准的定向照明，兼具现代美学和高性能。可调式万向节设计灵活，可实现 0-30° 的平滑倾斜，完美控制光束焦点，适用于重点照明、任务照明或一般照明。其紧凑的外壳和防眩光反射器使其成为住宅和商业应用的理想选择，在这些应用中，舒适性和灵活性至关重要。\u003cbr\u003e该灯具采用优质铝材和先进的 LED 技术制造，确保光输出均匀、显色性出色 (CRI 90+) 且经久耐用。有多种尺寸、瓦数和色温可供选择，并兼容调光控制，可满足各种氛围和设计意图。\u003c\/p\u003e\n\u003chr\u003e\n\u003ch3 data-start=\"1081\" data-end=\"1112\"\u003e\u003cstrong\u003e主要特点和优势：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"25%\"\u003e\u003cstrong\u003e可调万向节设计\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"75%\"\u003e灯光可倾斜和瞄准高达 30°，可在您需要的地方实现精准照明。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e高效 LED\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e节能 COB LED 可提供高达 100 流明\/瓦的亮度，同时保持亮度稳定。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e卓越的视觉舒适度\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e防眩光反射器和深嵌式光学元件可减少眩光，提高视觉舒适度。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e多种选择\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e有 2 英寸、3 英寸、4 英寸和 6 英寸尺寸，以及各种装饰和表面处理颜色可供选择。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e灵活的色温\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e5CCT 或 3CCT 可选开关（2700 K–5000 K）。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e平滑调光\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e兼容前沿\/后沿或 0-10 V 调光系统。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e长寿命和可靠性\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e额定寿命 50,000 小时 (L70)，5 年保修。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e易于安装\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e无需外壳；适用于浅天花板空间。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e应用\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e适用于家庭、办公室、零售空间、画廊和酒店内部。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\u003cp data-start=\"194\" data-end=\"230\" style=\"margin-top: 14px;\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/gimbal_designer_downlight_C_C.pdf?v=1761002307\" class=\"btn technical-data-btn\" target=\"_blank\"\u003e查看 LED 嵌入式可调射灯产品规格\u003c\/a\u003e\u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41784175820885,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/recessedgimbaldownlight-6.png?v=1761002863"},{"product_id":"custom-recessed-linear-light","title":"定制嵌入式线性灯","description":"\u003ch3 style=\"margin-top: 10px;\"\u003e\u003cstrong\u003e描述：\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: justify; margin-top: 10px;\"\u003e提供无缝、现代、量身定制的线性照明。我们的定制嵌入式线性系统专为商业室内空间（办公室、零售、酒店和公共空间）量身定制，将建筑极简主义与高输出、低眩光和可维修部件相结合。 \u003c\/p\u003e\n\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003e为何选择：\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e量身定制：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e连续运行、精确长度、斜切角和图案（L\/T\/X）。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e光学控制：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e漫射、微棱镜或低眩光挡板选项；用于洗墙或走廊的多种光束角度。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e性能：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e高效LED板，CRI 90+，严格的色彩一致性（≤3 SDCM），稳定的输出。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e舒适性：\u003c\/strong\u003e\u003c\/td\u003e\n\u003c!--nl']--\u003eUGR（统一眩光指数）友好型光学器件和屏蔽；无闪烁驱动器配对。\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e可维修： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e远程或集成驱动器；方便现场维护的齿轮。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e支持控制： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e0–10 V、TRIAC\/ELV（选择）、DALI、CASAMBI\/BT 或 PoE 网关（可按需提供）\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\n\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003e构建选项：\u003c\/strong\u003e\u003c\/h3\u003e\n\n\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e型材： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e无边框（嵌入式）或带法兰；浅型和深型外壳。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e色温：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e2700K \/ 3000K \/ 3500K \/ 4000K \/ 5000K；可调白色。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e输出级别： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e多种流明封装（低\/标准\/高）以满足目标照度。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e配光： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e通用漫射、非对称洗墙、窄\/宽蝙蝠翼。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e表面处理：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e标准哑光白\/黑；可按要求定制RAL颜色。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e电源：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e24\/48 V 远程驱动器或 120–347 V 集成驱动器（取决于位置）。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e调光：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e0–10 V 标准；DALI、相控或无线（根据规格）。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e配件： \u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e应急备用、连接套件、转角模块、防尘镜片、后退挡板。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\u003chr\u003e\n\u003cp style=\"margin-bottom:10px;\"\u003e\u003cstrong\u003e应用\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e开放式办公室、会议室、走廊、零售通道、特色天花板、画廊墙壁和接待区。\u003c\/p\u003e\n\u003chr\u003e\n\u003ch3\u003e\u003cstrong\u003e典型性能\u003c\/strong\u003e\u003c\/h3\u003e\n\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e功效：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e高达 110–130 流明\/瓦（取决于封装）\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e显色指数：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e90+（可选 95+）\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e麦克亚当色品：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003e≤3 SDCM\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003eL70： \u003c\/strong\u003e\u003c\/td\u003e\n\u003c!--nl']--\u003e50,000–100,000 小时（25–40°C 下）\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e\u003cstrong\u003e认证：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd\u003ecETLus\/CSA、IC\/非IC选项、潮湿场所（部分型号）\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\u003chr\u003e\n\u003cp style=\"margin-bottom:10px;\"\u003e\u003cstrong\u003e规格说明\u003c\/strong\u003e\u003c\/p\u003e\n\u003ctable width=\"100%\" cellpadding=\"8\" cellspacing=\"0\"\u003e\n\n\u003ctbody\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e提供运行长度、天花板类型（石膏板、T型龙骨）、安装深度、目标照度以及控制协议。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\u003ctr\u003e\n\n\u003ctd\u003e我们将在发布前提供施工图纸+负载计划，并确认接头、转角和驱动器位置。\u003c\/td\u003e\n\n\n\u003c\/tr\u003e\n\n\n\u003c\/tbody\u003e\n\n\n\u003c\/table\u003e\n\u003chr\u003e\n\u003cp style=\"margin-bottom:10px;\"\u003e\u003cstrong\u003e订购指南 \u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eL-RCL — 无边框 — 3.5英寸 — 3500K — 标准输出 — 漫射 — 0–10 V — 120–277 V — 哑光白 — 远程驱动器\u003c\/p\u003e\n\u003cp style=\"margin-top: 14px;\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/recessed_linear_installation_guide_C_C.pdf?v=1764179835\" class=\"btn technical-data-btn\" target=\"_blank\"\u003e安装指南\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e由于此产品为定制产品，请联系我们索取规格书\u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41906633310293,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Removebackgroundproject-1.png?v=1764179636"},{"product_id":"aura-flex-downlight-series","title":"Aura Flex 筒灯","description":"\u003csection class=\"spec-page\"\u003e\n\u003csection class=\"spec-carousel\" aria-label=\"Product photos\"\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\/Model_a41ccc07-19f1-4036-aea8-81d1e117c924.png?v=1770923441\" alt=\"Product Display Installation\" 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\/Image_8fffb8d5-1630-4a1f-ae41-53ff096bc276.png?v=1770923441\" alt=\"Product Highlight\" 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\/Colors_9c3fff98-d757-47a6-a00b-b1a26eea49c4.png?v=1770923441\" alt=\"Product Reflectors\" 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\/Dialuxe_8e0655c4-fdd9-49e9-bfb8-c90afeadf32d.png?v=1770923441\" alt=\"Dialuxe Scene\" loading=\"eager\"\u003e\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cbutton class=\"spec-carousel-btn prev\" type=\"button\" aria-label=\"Previous photo\" data-carousel-prev=\"\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"spec-carousel-btn next\" type=\"button\" aria-label=\"Next photo\" data-carousel-next=\"\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-carousel-dots\" aria-label=\"Carousel navigation\" 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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhoto_ca0b40c7-68a3-4e22-b792-33869c0f29fe.png?v=1773425849\" alt=\"Product Photo\" loading=\"lazy\"\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eAura Flex 筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003eAura Flex 筒灯系列专为严苛的室内和半室外环境设计，提供精确的光束控制、模块化灵活性和优质的建筑饰面。该系统采用高性能 COB LED 技术，并配有完全可互换的边框、反光杯和光学附件，可满足商业、酒店、零售和住宅应用对耐用性、视觉舒适性和建筑精度的要求。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003eIP65 等级\u003c\/span\u003e \u003cspan\u003eCOB LED 技术\u003c\/span\u003e \u003cspan\u003e多种尺寸可选\u003c\/span\u003e \u003cspan\u003e可选光束角\u003c\/span\u003e \u003cspan\u003e可调光\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Aura_Flex_Down_Light_Series_-_February_17_2026.pdf?v=1771357622\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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\"\u003eIP65 等级设计，适用于潮湿和浸湿场所，包括浴室、有顶棚的户外区域和过渡性建筑空间。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCOB LED 技术\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e高质量 COB 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可选光束角包括 10°、15°、24°、36° 和 50°，可实现精确控制，适用于重点照明、洗墙或普通照明。\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型号相关的瓦数选项包括 8W、9–12W、12–15W、15W、20W 和 25–28W。高效性能高达 90–100 流明\/瓦。\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提供 100–130V、100–277V 和 100–347V 配置，以支持各种商业应用。\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\"\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\"\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\"\u003e色温范围从 2700K 到 6000K。\u003cbr\u003e\n\n\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额定使用寿命为 50,000 小时。\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\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\u003csection class=\"spec-page\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\u003c\/section\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":42140974547029,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhoto_ca0b40c7-68a3-4e22-b792-33869c0f29fe.png?v=1773425849"},{"product_id":"recessed-t-bar-led-troffer","title":"嵌入式T型条形LED灯盘","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"LED Strip Light SMP Series 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/f20c9efa-5a3d-4194-bd37-28a8767f2921.png?v=1772141737\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-carousel-dots\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003c\/section\u003e\n\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\/66818ec7-0340-4d43-b977-50d492659571.png?v=1772141081\" alt=\"\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e嵌入式T型杆LED槽灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能嵌入式建筑照明灯具，专为现代商业室内设计。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e防潮等级\u003c\/span\u003e \u003cspan\u003e80+ CRI 标准\u003c\/span\u003e \u003cspan\u003e3000K 至 5000K\u003c\/span\u003e \u003cspan\u003e0–10V 调光\u003c\/span\u003e \u003cspan\u003e高达 156 流明\/瓦\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"Item Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/T_Bar_LED_Troffer_-_February_26_2026.pdf?v=1772213234\" 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提供多种流明封装，根据尺寸和配置，可提供高达12,000流明的光通量，发光效率高达156流明\/瓦。\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\"\u003e扩展的发光表面可提高反射光输出，从而获得更明亮、更舒适的环境照明。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e0-10V调光标准\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e标准的0-10V调光至10%，可选1%调光、DALI和双级分步调光配置。\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提供3000K、3500K、4000K和5000K色温。可选2700K至6500K可调白色。\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\"\u003e120-277V标准电压，可选347V配置，适用于商业和机构应用。\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兼容PIR占用传感器，并提供应急电池组选项，包括90分钟和120分钟配置。\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\"\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\"\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\"\u003e通过CSA和UL认证，符合北美标准。提供DLC认证配置。\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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":42177744535637,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/LED_Troffer.png?v=1772557176"},{"product_id":"ultra-thin-led-panel-light-series","title":"超薄LED面板灯系列","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"Product photos\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"Ultra-Thin LED Panel Light Series product photo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Untitleddesign.png?v=1775836070\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"Ultra-Thin LED Panel Light Series available in multiple sizes and trim finishes including white, black, brush nickel, and chrome for recessed architectural lighting\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/More_Reflectors.png?v=1774210339\"\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 data-carousel-prev=\"\" aria-label=\"Previous photo\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"Next photo\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"Carousel navigation\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide.png?v=1775836070\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e超薄LED面板灯系列\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能嵌入式照明解决方案，专为需要简洁、简约外观以及多功能尺寸、电压配置和调光功能的现代建筑应用而设计。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e气密且IC等级\u003c\/span\u003e \u003cspan\u003eCRI 80和90选项\u003c\/span\u003e \u003cspan\u003e2700K至5000K\u003c\/span\u003e \u003cspan\u003e标准可调光\u003c\/span\u003e \u003cspan\u003e长达50,000小时寿命\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Ultra-Thin_LED_Panel_Light_Series_-_April_9_2026.pdf?v=1776364453\" class=\"spec-btn\" rel=\"noopener\" title=\"Item Spec Sheet\" 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超薄面板结构允许在狭窄的天花板空间安装，同时保持简洁、现代的表面处理。\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提供从3英寸到11英寸的多种尺寸，功率范围从5W到24W，以满足各种照明需求。\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\"\u003e120° 光束角确保平滑、均匀的光线覆盖，适用于环境和一般照明应用。\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支持TRIAC调光（100–130V）和0–10V调光（100–347V），可在不同环境中实现精确的照明控制。\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兼容100–130V、100–277V和100–347V系统，可灵活集成到住宅和商业项目中。\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提供CRI 80和CRI 90选项，提供清晰、自然的色彩再现，提高视觉质量。\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支持2700K至5000K范围，以适应暖色、中性色和冷色照明偏好。\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气密且IC等级\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\"\u003e额定寿命长达50,000小时，运行可靠，易于维护。\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\"\u003e适用于商业办公室、零售店、酒店室内、住宅区和需要均匀、低眩光照明的建筑重点照明。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":42390903488597,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide_caf6bbad-44ef-4311-9321-afb7e585676a.png?v=1775841871"},{"product_id":"aluminum-ceiling-baffles","title":"铝天花吊顶折流板","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection aria-label=\"产品照片\" class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting 铝制天花板挡板，木纹饰面，安装在现代开放式办公室中，带有集成线性照明\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/candclight-aluminum-ceiling-baffles-wood-grain-office-installation.png?v=1777650883\"\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 data-carousel-prev=\"\" aria-label=\"上一张照片\" type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton data-carousel-next=\"\" aria-label=\"下一张照片\" type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv data-carousel-dots=\"\" aria-label=\"轮播导航\" class=\"spec-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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting 木纹饰面铝制天花板挡板，显示U型槽结构，有多种尺寸可供选择\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide_a1e5c1fb-e5f1-479c-b237-61ea35ccf658.png?v=1777651276\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e铝制天花板挡板\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e现代建筑天花板解决方案，旨在通过耐用的铝结构和可选的木纹饰面，增强商业和住宅空间的美观性和功能性，实现长期性能。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"主要规格\"\u003e\n\n\u003cspan\u003e厚度0.4 – 1.0 毫米\u003c\/span\u003e \u003cspan\u003e小、中、大尺寸\u003c\/span\u003e \u003cspan\u003e木纹和纯色\u003c\/span\u003e \u003cspan\u003e可立即安装\u003c\/span\u003e \u003cspan\u003e可定制颜色匹配\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Aluminum_Ceiling_Baffles_Spec_Sheet.pdf?v=1777651327\" class=\"spec-btn\" rel=\"noopener\" title=\"产品规格表\" 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为办公室、零售店、大堂、餐厅和公共区域创造简洁的线性天花板美学，同时保持开放的吊顶检修。\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提供小、中、大尺寸，尺寸范围从20x55毫米到40x150毫米，以满足不同的建筑要求。\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开放式挡板结构允许与HVAC系统无缝集成，并在整个吊顶空间内实现无阻碍的气流。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003e兼容照明和HVAC\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e旨在与照明和HVAC系统无缝集成，实现整洁协调的天花板安装。\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\"\u003e0.4-1.0毫米标准厚度的铝材具有防潮、防腐和抗变形的特性，在高流量环境中可实现长期性能。\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\"\u003e16种木纹选项，包括黄梨木、深柚木、榆木、榉木、橡木、樱桃木、枫木、胡桃木等，营造自然温暖的美感。\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提供19种纯色饰面，包括纯黑、纯白、深灰、咖啡棕、中国红、天蓝、香槟金、银色等。\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大批量订单可提供定制颜色匹配（YH036），精确协调任何品牌或室内设计规范。\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\"\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\"\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\"\u003e非常适合需要精致线性天花板，同时兼顾美观和功能性能的办公室、零售、酒店、大堂和公共区域。\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 \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\n.spec-carousel-track::-webkit-scrollbar{\n  display: none;\n}\n\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\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\n.spec-carousel-btn:hover{\n  background: rgba(0,0,0,0.55);\n  transform: translateY(-50%) scale(1.03);\n}\n\n.spec-carousel-btn.prev{\n  left: 14px;\n}\n\n.spec-carousel-btn.next{\n  right: 14px;\n}\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\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\n.spec-carousel-dot[aria-current=\"true\"]{\n  background: rgba(255,255,255,0.92);\n}\n\n@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":42447574106197,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ProductPhotoDimensionGuide_a1e5c1fb-e5f1-479c-b237-61ea35ccf658.png?v=1777651276"},{"product_id":"cd07r-2-inch-led-directional-downlight","title":"2英寸LED定向筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003c!-- TODO: Replace the image src attributes below with your actual hosted CD07R product photography URLs once uploaded to Shopify. --\u003e\n\u003csection class=\"spec-carousel\"\u003e\n\u003cdiv id=\"cobCarousel\" class=\"spec-carousel-track\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg loading=\"eager\" alt=\"C\u0026amp;C Lighting Recessed 2 inch LED gimbal downlights installed in ceiling, angled to wall-wash a stone accent wall with framed art in a modern living room\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2-inch-gimbal-downlight-accent-lighting-living-room-stone-wall.png?v=1783696106\"\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 type=\"button\" class=\"spec-carousel-btn prev\"\u003e‹\u003c\/button\u003e \u003cbutton type=\"button\" class=\"spec-carousel-btn next\"\u003e›\u003c\/button\u003e\n\u003cdiv class=\"spec-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  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  if (!track || slides.length === 0) return;\n  let currentIndex = 0;\n  let autoplayTimer = null;\n  const AUTOPLAY_MS = 5000;\n  function slideWidth() {\n    return track.getBoundingClientRect().width;\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  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  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  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  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  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  function startAutoplay() {\n    stopAutoplay();\n    autoplayTimer = window.setInterval(() =\u003e {\n      const next = (currentIndex + 1) % slides.length;\n      scrollToIndex(next);\n    }, AUTOPLAY_MS);\n  }\n  function stopAutoplay() {\n    if (autoplayTimer) window.clearInterval(autoplayTimer);\n    autoplayTimer = null;\n  }\n  if (prevBtn) prevBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex - 1));\n  if (nextBtn) nextBtn.addEventListener(\"click\", () =\u003e scrollToIndex(currentIndex + 1));\n  track.addEventListener(\"scroll\", () =\u003e {\n    window.requestAnimationFrame(syncIndexFromScroll);\n  });\n  carousel.addEventListener(\"mouseenter\", stopAutoplay);\n  carousel.addEventListener(\"mouseleave\", startAutoplay);\n  carousel.addEventListener(\"focusin\", stopAutoplay);\n  carousel.addEventListener(\"focusout\", startAutoplay);\n  track.addEventListener(\"keydown\", (e) =\u003e {\n    if (e.key === \"ArrowLeft\") scrollToIndex(currentIndex - 1);\n    if (e.key === \"ArrowRight\") scrollToIndex(currentIndex + 1);\n  });\n  window.addEventListener(\"resize\", () =\u003e {\n    scrollToIndex(currentIndex, { instant: true });\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 style=\"text-align: start;\" class=\"spec-hero-media\"\u003e\n\n\u003cbr\u003e\u003cimg alt=\"C\u0026amp;C Lighting CD07R 2 inch LED directional gimbal downlight with white round trim and black adjustable head\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cd07r-2-inch-led-directional-downlight-white-round-trim.png?v=1783696084\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eCD07R LED定向筒灯\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e紧凑型可调式万向筒灯，专为需要精确定向照明且几乎隐形的设计师室内空间而打造。灯头可独立于装饰环进行调节，因此安装人员无需移动灯具外壳即可将光线照射到艺术品、建筑细节或商品上；而无边框选项则与石膏板或石膏齐平，实现无缝饰面效果。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\"\u003e\n\n\u003cspan\u003e2\" \/ 3\" \/ 4\"\u003c\/span\u003e \u003cspan\u003e8W \/ 12W \/ 15W\u003c\/span\u003e \u003cspan\u003e120–277VAC 输入\u003c\/span\u003e \u003cspan\u003e5CCT 可选\u003c\/span\u003e \u003cspan\u003e万向可调\u003c\/span\u003e \u003cspan\u003e可选无边框\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/2_inch_LED_Directional_Downlight_Spec_Sheet.pdf?v=1783696028\" class=\"spec-btn\" rel=\"noopener\" title=\"CD07R 2 Inch LED Directional Downlight Spec Sheet\" 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紧凑型可调式2英寸嵌入式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\"\u003e120–277VAC通用输入电压，广泛兼容住宅和商业电气系统。\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提供三种尺寸：2英寸8W (CD07R)、3英寸12W和4英寸15W。每种尺寸都提供圆形、方形、无边框圆形和无边框方形反射器样式，来自一个单一的订购系列。\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现场可选5CCT设计，涵盖2700K、3000K、3500K、4000K和5000K，一个SKU即可满足温暖的住宅环境和较冷的商业规格。\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\"\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\"\u003e兼容Triac、0-10V、DALI和2.4G无线调光协议，可灵活集成住宅和商业照明控制系统。\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在5000K日光下可提供高达3,000流明。独立的测光测试显示，根据尺寸和色温，在50%强度下平均光束角约为35°–39°，可提供紧密、受控的重点光束。\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\"\u003e光强度和等照度数据证实，在所有CCT选项中，光束分布集中而狭窄，非常适合砖、石或其他纹理表面的重点照明和洗墙。\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适用于新建和改造应用的嵌入式安装，适合与2英寸、3英寸或4英寸外壳匹配的标准圆形天花板开孔。\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通过型号代码按订单生产，指定反射器类型、CCT、电压、尺寸、功率、调光协议、外壳颜色和反射器颜色——例如：CD07R-R-5CCT-277-2-8-Triac-BK-BK。\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  \/* HERO *\/\n  .spec-hero{\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 56px;\n    align-items: center;\n  }\n  .spec-hero-media img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\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  .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  \/* 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  .spec-stats span{\n    position: relative;\n    padding-right: 14px;\n    white-space: nowrap;\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  \/* 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  .spec-btn:hover{\n    transform: translateY(-1px);\n    box-shadow: 0 10px 24px rgba(0,0,0,0.08);\n  }\n  \/* SUPPORT *\/\n  .spec-support{\n    margin-top: 32px;\n  }\n  .spec-support img{\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 14px;\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  .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  .spec-feature-grid{\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px 40px;\n    align-items: start;\n  }\n  .spec-feature{\n    display: grid;\n    grid-template-columns: 210px 1fr;\n    gap: 14px;\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  .spec-feature-text{\n    font-size: 14px;\n    line-height: 1.6;\n    color: rgba(0,0,0,0.68);\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    .spec-stats span{\n      padding-right: 0;\n      white-space: normal;\n    }\n    .spec-stats span:not(:last-child)::after{\n      content: \"\";\n    }\n    .spec-feature-grid{\n      grid-template-columns: 1fr;\n      gap: 14px;\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.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{\n  display: none;\n}\n.spec-carousel-slide{\n  flex: 0 0 100%;\n  scroll-snap-align: center;\n  position: relative;\n  background: #0b0b0b;\n}\n.spec-carousel-slide img{\n  width: 100%;\n  height: auto;\n  display: block;\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{\n  left: 14px;\n}\n.spec-carousel-btn.next{\n  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@media (max-width: 900px){\n  .spec-carousel{\n    margin-top: -24px;\n    margin-bottom: 18px;\n  }\n  .spec-carousel-btn{\n    width: 36px;\n    height: 36px;\n    font-size: 18px;\n  }\n  .spec-carousel-btn.prev{\n    left: 10px;\n  }\n  .spec-carousel-btn.next{\n    right: 10px;\n  }\n  .spec-carousel-dots{\n    bottom: 10px;\n  }\n}\n\u003c\/style\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":42716874342485,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cd07r-2-inch-led-directional-downlight-white-round-trim.png?v=1783696084"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/collections\/2x2panel1.jpg?v=1760519763","url":"https:\/\/candclight.com\/zh\/collections\/pot-ceiling-lights.oembed","provider":"C\u0026C Lighting","version":"1.0","type":"link"}