{"title":"吊灯","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e吊灯可以不那么奢华。线条形和圆柱形吊灯可以轻松用于住宅、商业和工业空间。\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e此外，您还可以将它们悬挂在任何想要的高度。\u003c\/p\u003e\n\u003c!----\u003e","products":[{"product_id":"led-linear-light-economic-line","title":"LED线条灯 - 经济系列","description":"\u003ch3 style=\"margin-top: 10px 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;\"\u003e经济型线形灯具设计时尚经典，可提升任何现代环境的格调。它采用纤薄的矩形灯体，从矩形顶盖延伸而出，由金属和磨砂亚克力灯罩制成。\u003c\/p\u003e\n\u003cp style=\"text-align: justify; margin-bottom:10px; margin-top:20px;\"\u003e灯罩内嵌集成LED光源，可将光线均匀地投射到环境中。非常适合商业和住宅空间。\u003c\/p\u003e\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 style=\"vertical-align: top;\"\u003e\n\n\u003ctr\u003e\n\n\u003ctd width=\"30%\"\u003e\u003cstrong\u003e功率：\u003c\/strong\u003e\u003c\/td\u003e\n\n\u003ctd width=\"70%\"\u003e60W\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交流 120-347V\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\u003e4英尺\/ 8英尺\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\u003e5000k\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\u003e50,000 小时\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\u003e5年保修\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 href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/LINEAR_LIGHT_54W.pdf?175\" class=\"btn technical-data-btn\" target=\"_blank\"\u003eLED 线形灯 54W 技术数据\u003c\/a\u003e\u003c\/p\u003e\n","brand":"C\u0026C Lighting","offers":[{"title":"4英尺","offer_id":32817762566229,"sku":"","price":60.0,"currency_code":"CAD","in_stock":true},{"title":"8英尺","offer_id":32817762631765,"sku":"","price":120.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/products\/linear_light_series_54w.png?v=1606335814"},{"product_id":"led-linear-light-architectural-series","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\/open-plan-office-linear-pendant-lighting-city-view.png?v=1776523490\" alt=\"带悬浮线型吊灯的现代开放式办公室，抛光混凝土地板，落地窗可俯瞰城市天际线\u0026lt;!--nl--\u0026gt;\" 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\/open-plan-office-linear-suspended-lights-glass-partitions.png?v=1776523508\" alt=\"对称的开放式办公室，配有木质桌面工作站、悬浮线型吊灯和玻璃隔断墙，铺设抛光混凝土地板\" 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\/Architecural_Series_Product_Photo.jpg?v=1776443701\" alt=\"\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003eLED 线型灯 – 建筑系列\u003c\/h4\u003e\n\n\u003cp class=\"spec-tagline\"\u003e高性能建筑照明解决方案，专为需要无缝连续照明、灵活布局配置和精确调光控制的现代商业应用而设计。\u003c\/p\u003e\n\n\u003cdiv aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e高达 120 流明\/瓦功效\u003c\/span\u003e \u003cspan\u003e显色指数 \u0026gt;80\u003c\/span\u003e \u003cspan\u003e2700K 至 6500K\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\/Architectural_Lighting_Series_Spec_Sheet_-_April_21_2026_8d6e2f2b-2a5f-41fb-8602-0a681ad036b7.pdf?v=1789062192\" 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所有灯具尺寸均可提供高达 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支持 L 形、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尺寸多样\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供 0.6 米、1.2 米、1.8 米和 2.4 米长度，功率范围从 20 瓦到 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提供均匀的光线分布，600 流明\/英尺输出和宽广的 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根据配置提供 2700K–6500K 范围，包括 3CCT 和 5CCT 可选选项。\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 和 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可嵌入式、表面安装或悬挂式安装，以适应不同的天花板类型和条件。\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在 50–60 赫兹下运行交流 120–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\"\u003eIP 等级\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003eIP20 \/ IP44 等级，可在标准室内和潮湿环境下安全使用。\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":40689716428885,"sku":"","price":0.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Architecural_Series_Product_Photo.jpg?v=1776443701"},{"product_id":"products-mono-point-cylinder-down-light","title":"单点筒灯","description":"\u003csection class=\"spec-page\"\u003e\u003c!-- FULL-WIDTH CAROUSEL (Top) --\u003e\n\u003csection class=\"spec-carousel\"\u003e\n\u003cdiv class=\"spec-carousel-track\" id=\"cobCarousel\" tabindex=\"0\"\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg alt=\"C\u0026amp;C Lighting LED Gimbal Spot Down Light LP-G0325 installed in a modern commercial interior — black cylindrical surface mount COB fixture on white ceiling casting focused downlight on display surface below, clean architectural environment with neutral tones\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ChatGPT_Image_Jan_30_2026_02_52_50_PM.png?v=1769807347\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg alt=\"C\u0026amp;C Lighting LED Gimbal Spot Down Light LP-G0325 installed in a modern commercial interior — black cylindrical surface mount COB fixture on white ceiling casting focused downlight on display surface below, clean architectural environment with neutral tones\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Shoot_enhance.png?v=1769807348\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg alt=\"C\u0026amp;C Lighting LED Gimbal Spot Down Light LP-G0325 installed in a modern commercial interior — black cylindrical surface mount COB fixture on white ceiling casting downlight on display surface below, clean architectural environment with neutral tones\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Mask_group.png?v=1770238920\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"spec-carousel-slide\"\u003e\u003cimg alt=\"C\u0026amp;C Lighting LED Gimbal Spot Down Light LP-G0325 installed in a modern commercial interior — black cylindrical surface mount COB fixture on white ceiling casting focused downlight on display surface below, clean architectural environment with neutral tones\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Render.png?v=1770239003\"\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\"\u003e‹\u003c\/button\u003e \u003cbutton class=\"spec-carousel-btn next\" type=\"button\"\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\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 alt=\"C\u0026amp;C Lighting LED Gimbal Spot Down Light LP-G0325 in white — precision aluminum cylindrical COB surface mount fixture with black interior anti-glare optics, suitable for indoor and outdoor IP65-rated residential and commercial applications\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc_lighting_led_gimbal_spot_down_light_lp_g0325_white_surface_mount_cob_cylinder_indoor_outdoor.png?v=1781030968\"\u003e\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-hero-content\"\u003e\n\n\u003ch4 class=\"spec-title\"\u003e\n\n\u003cmeta charset=\"utf-8\"\u003e单点筒灯\u003c\/h4\u003e\n\n\u003cp dir=\"ltr\"\u003e单点筒灯是一款时尚多功能、适用于住宅和商业空间的表面安装和吊装灯具，旨在提供精准、聚焦的照明。它提供清晰、受控的光线，同时与现代室内设计无缝融合，是重点照明、艺术品、零售陈列、工作区域和一般环境照明的理想选择。\u003c\/p\u003e\n\n\u003cp dir=\"ltr\"\u003e这款筒灯采用精密铝制圆柱形外壳和防眩光光学器件，可提供均匀且穿透力强的光线，同时最大限度地减少眩光。多种安装配置、表面处理和光束角选择，使该平台能够适应画廊、展厅、酒店、厨房和生活空间，无论是室内还是有遮盖的室外场所均可使用。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\"\u003e\n\n\u003cspan\u003e10W–100W\u003c\/span\u003e \u003cspan\u003e100–347VAC 输入\u003c\/span\u003e \u003cspan\u003e3 种色温可选\u003c\/span\u003e \u003cspan\u003eCRI 83 \/ CRI 95\u003c\/span\u003e \u003cspan\u003eIP65 防护等级\u003c\/span\u003e \u003cspan\u003eETL 列名\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"LED Gimbal Spot Down Light LP-G0325 Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Cylinder_Down_Light_Fix.pdf_44520e46-ab26-4a53-8442-627a4bdcc381.pdf?v=1787667220\" 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单点表面安装和吊装筒灯，采用精密铝制圆柱形外壳，配备防眩光光学器件。专为住宅和商业空间设计。有黑色或白色饰面可供选择，支持表面或悬挂安装配置，并可选配 H 型轨道适配器。\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提供 10W、15W、20W、30W、40W、50W、60W 和 100W 配置，适用于各种空间大小和安装高度的重点照明、任务照明和一般照明应用。\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 种色温：3000K、4000K 和 5000K。单一 SKU 可满足多种项目规格，无需库存不同色温的 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可选光束角为 20°、30°、45° 和 60°，以满足零售、酒店、住宅和商业环境中的重点照明、任务照明或环境通用照明需求。\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 芯片提供均匀的光线分布、强大的穿透力和最小的阴影。流明输出高达 4,140 流明，光效高达 100 流明\/瓦。额定寿命为 50,000 小时（L70）。\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature\"\u003e\n\n\u003cdiv class=\"spec-feature-label\"\u003eCRI 选项\u003c\/div\u003e\n\n\u003cdiv class=\"spec-feature-text\"\u003e提供 CRI 83 或 CRI 95，可在零售、住宅和商业应用中实现准确的色彩再现。对于色彩还原精度至关重要的应用，推荐使用 CRI 95。\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 调光、相位调光和 DALI，适用于所有配置。功率因数大于 0.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支持表面安装 (SF) 和悬挂式吊装 (SP)。还提供钢丝悬挂、延长杆安装和 H 型轨道适配器选项。订购悬挂式时，请注明电线长度（毫米）。\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反光罩有五种饰面可供选择：黑色、白色、银色、金色和镍色。三重防眩光光学器件，带防水透镜和双光学反光罩，可实现低 UGR 性能。\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精密铝制圆柱形外壳。IP65 等级，适用于潮湿场所，室内和室外均可使用。灯具饰面有黑色或白色可选。工作温度范围符合商业级 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\"\u003eETL 列名。能源之星、IC 等级、符合 FCC 和 RoHS 标准。提供 CRI 90+ 等级。适用于室内和室外 IP65 级安装。\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":"Default Title","offer_id":40877504856149,"sku":"500","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/cc_lighting_led_gimbal_spot_down_light_lp_g0325_white_surface_mount_cob_cylinder_indoor_outdoor.png?v=1781030968"},{"product_id":"classic-globe-pendant","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\/modern-kitchen-globe-pendant-light-installation-scandinavian-style.png?v=1777387918\"\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 经典球形吊灯，哑光黑色饰面和乳白色玻璃球体，通过极简主义的吊杆从天花板悬挂，背景为干净的白色。\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/classic-globe-pendant-light-matte-black-opal-glass.png?v=1777388111\"\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通过 ETL 和 CE 认证\u003c\/span\u003e \u003cspan\u003e8\" 至 14\" 球体尺寸\u003c\/span\u003e \u003cspan\u003e2700K 至 5000K\u003c\/span\u003e \u003cspan\u003e兼容调光\u003c\/span\u003e \u003cspan\u003eE26 灯座类型\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Classic_Globe_Pendant_Spec_Sheet_-_Apr_27.pdf?v=1777388269\" 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有哑光黑、柔金、拉丝镍、抛光铬和白色可供选择，以搭配任何所需的美学效果。\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提供 8、10、12 和 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\"\u003e6、12 和 18 英寸的吊杆长度允许在不同的天花板高度安装，实现灵活放置。\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\"\u003eE26 灯座类型，推荐使用 C\u0026amp;C A19 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支持 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有 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\"\u003eIntertek ETL 认证和 CE 认证，确保住宅和商业安装的安全和性能。\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、3000K、3500K、4000K 和 5000K，以及 3CCT 和 5CCT 可调选项。\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提供 15W LED 中型 E26 (L1) 或 25W 集成 LED (L2) 配置，以满足不同的输出需求。\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":40914730451029,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/classic-globe-pendant-light-matte-black-opal-glass.png?v=1777388111"},{"product_id":"architectural-linear-pendant-up-down-light","title":"建筑线性吊灯 上下发光","description":"\u003ch3 style=\"margin-top: 10px margin-bottom: 12px;\"\u003e\u003cstrong\u003e产品描述\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp style=\"text-align: justify; margin-bottom: 10px; margin-top: 20px;\"\u003e这款挤压铝线性LED灯具专为灵活性、高性能和现代美学而设计，是办公室、教育空间和商业内部等开放式环境的理想选择。其纤薄的外壳与简洁的天花板线条相得益彰，同时通过多种配光配置提供高效照明。\u003c\/p\u003e\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 style=\"vertical-align: top;\"\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可选择70%下照光\/30%上照光、90%下照光\/10%上照光或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现场可选色温（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\u003eLED输出为115流明\/瓦，典型显色指数为80+，提供均衡、节能的照明。\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兼容120–277V或120–347V，满足广泛的安装要求。\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 style=\"margin-top: 14px;\"\u003e\u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Architectural_Linear_Pendant_UP_DOWN_Light_TS-AS1_-_January_20_2026.pdf?v=1769094340\" target=\"_blank\" class=\"btn technical-data-btn\" rel=\"noopener\"\u003e建筑线性吊灯（上下照）技术数据\u003c\/a\u003e\u003c\/p\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41244346318933,"sku":"","price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/ArchitectureStripLightspecsheet-7.png?v=1748544375"},{"product_id":"custom-linear-pendant","title":"定制线性吊灯","description":"\u003cp data-start=\"362\" data-end=\"994\"\u003e\u003cstrong data-start=\"366\" data-end=\"398\"\u003e定制弧形线性吊灯\u003c\/strong\u003e是一种现代建筑照明系统，专为需要视觉冲击力和定制性能的项目而设计。这款灯具基于 C\u0026amp;C Lighting 的模块化挤压平台打造，可以定制成优美的弧线、柔和的曲线、连续的环形或几何形状，将流畅的设计融入商业、办公室、零售和酒店环境中。通过下照式或上\/下照式配光选项、可定制的半径和长度以及多种光学配件，弧形吊灯提供一致、眩光受控的照明，提升功能和美感。\u003c\/p\u003e\n\u003cp data-start=\"996\" data-end=\"1605\"\u003e该系统采用高效率的\u003cstrong data-start=\"1023\" data-end=\"1049\"\u003eCRI 90+ LED 技术\u003c\/strong\u003e，具有可选的\u003cstrong data-start=\"1066\" data-end=\"1081\"\u003e2700K–6500K\u003c\/strong\u003e色温，为工作场所、协作区和特色天花板提供灵活的性能。它兼容\u003cstrong data-start=\"1201\" data-end=\"1224\"\u003e24V\/48V 低压\u003c\/strong\u003e或\u003cstrong data-start=\"1228\" data-end=\"1253\"\u003e120–347V 线路电压\u003c\/strong\u003e系统，支持\u003cstrong data-start=\"1278\" data-end=\"1341\"\u003e0-10V、Triac\/ELV\/MLV、DALI、DMX 和无线智能控制\u003c\/strong\u003e，可无缝集成到任何照明控制平台。每个灯具都经过精心设计，采用\u003cstrong data-start=\"1460\" data-end=\"1488\"\u003e预组装、预接线\u003c\/strong\u003e的部件，并随附技术图纸、接线图和光度布局，提供完整的项目包。\u003c\/p\u003e\n\u003cp data-start=\"1607\" data-end=\"1834\"\u003e定制弧形线性吊灯以其精致的极简主义外形和完全可定制的形状，将任何空间转变为设计宣言，同时保持了 C\u0026amp;C Lighting 一贯的性能和可靠性。\u003c\/p\u003e\n\u003chr data-start=\"1836\" data-end=\"1839\"\u003e\n\u003ch2 data-start=\"1841\" data-end=\"1860\"\u003e\u003cstrong data-start=\"1844\" data-end=\"1860\"\u003e主要特点\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul data-start=\"1861\" data-end=\"2373\"\u003e\n\n\u003cli data-start=\"1861\" data-end=\"1937\"\u003e\n\n\u003cp data-start=\"1863\" data-end=\"1937\"\u003e完全可定制的形状：弧形、环形、L\/U 形、几何图案\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"1938\" data-end=\"2017\"\u003e\n\n\u003cp data-start=\"1940\" data-end=\"2017\"\u003e多种安装方式：悬挂式、嵌入式、表面安装或墙面过渡式\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2018\" data-end=\"2061\"\u003e\n\n\u003cp data-start=\"2020\" data-end=\"2061\"\u003e下照式或上\/下照式配光\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2062\" data-end=\"2111\"\u003e\n\n\u003cp data-start=\"2064\" data-end=\"2111\"\u003eCRI 90+ LED，可选色温（2700K–6500K）\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2112\" data-end=\"2178\"\u003e\n\n\u003cp data-start=\"2114\" data-end=\"2178\"\u003e低压（24V\/48V）或线路电压（120–347V）电源选项\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2179\" data-end=\"2226\"\u003e\n\n\u003cp data-start=\"2181\" data-end=\"2226\"\u003e兼容所有主流调光协议\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2227\" data-end=\"2280\"\u003e\n\n\u003cp data-start=\"2229\" data-end=\"2280\"\u003e无缝连续运行和均匀照明\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2281\" data-end=\"2329\"\u003e\n\n\u003cp data-start=\"2283\" data-end=\"2329\"\u003e预组装部件，安装快捷\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2330\" data-end=\"2373\"\u003e\n\n\u003cp data-start=\"2332\" data-end=\"2373\"\u003e5年保修和全面的设计支持\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003chr data-start=\"2375\" data-end=\"2378\"\u003e\n\u003ch2 data-start=\"2380\" data-end=\"2399\"\u003e\u003cstrong data-start=\"2383\" data-end=\"2399\"\u003e应用场景\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul data-start=\"2400\" data-end=\"2582\"\u003e\n\n\u003cli data-start=\"2400\" data-end=\"2422\"\u003e\n\n\u003cp data-start=\"2402\" data-end=\"2422\"\u003e商业办公室\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2423\" data-end=\"2449\"\u003e\n\n\u003cp data-start=\"2425\" data-end=\"2449\"\u003e零售和酒店\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2450\" data-end=\"2482\"\u003e\n\n\u003cp data-start=\"2452\" data-end=\"2482\"\u003e特色天花板和大堂\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2483\" data-end=\"2506\"\u003e\n\n\u003cp data-start=\"2485\" data-end=\"2506\"\u003e创意工作空间\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2507\" data-end=\"2535\"\u003e\n\n\u003cp data-start=\"2509\" data-end=\"2535\"\u003e多单元设施区\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2536\" data-end=\"2582\"\u003e\n\n\u003cp data-start=\"2538\" data-end=\"2582\"\u003e教育和机构环境\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003chr data-start=\"2584\" data-end=\"2587\"\u003e\n\u003ch2 data-start=\"2589\" data-end=\"2618\"\u003e\u003cstrong data-start=\"2592\" data-end=\"2618\"\u003e可交付成果\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cul data-start=\"2619\" data-end=\"2756\"\u003e\n\n\u003cli data-start=\"2619\" data-end=\"2649\"\u003e\n\n\u003cp data-start=\"2621\" data-end=\"2649\"\u003eDWG\/PDF 技术图纸\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2650\" data-end=\"2684\"\u003e\n\n\u003cp data-start=\"2652\" data-end=\"2684\"\u003e定制数据表和报价单\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2685\" data-end=\"2723\"\u003e\n\n\u003cp data-start=\"2687\" data-end=\"2723\"\u003e光度学研究（DIALux \/ AGi32）\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\u003cli data-start=\"2724\" data-end=\"2756\"\u003e\n\n\u003cp data-start=\"2726\" data-end=\"2756\"\u003e接线和安装图\u003c\/p\u003e\n\n\n\u003c\/li\u003e\n\n\n\u003c\/ul\u003e","brand":"C\u0026C Lighting","offers":[{"title":"Default Title","offer_id":41935129837653,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/socialpostC_C2026CommercialcustomlinearlightingSolutionpackage-7.png?v=1764848821"},{"product_id":"acoustic-drum-light-series","title":"原声鼓轻型系列","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\/C_C_Drum_Light_Installation_Image_40ce7524-696d-4c7b-bd02-7868d72378ef.png?v=1778784764\" alt=\"现代开放式概念客厅和用餐区，特色是悬挂式灰色声学鼓形吊灯，带有吸音毛毡灯罩，柔和的环境LED照明，极简主义斯堪的纳维亚风格室内设计，浅色木地板，蓝色重点家具和现代住宅声学照明解决方案。\"\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\/C_C_Drum_Light_Product_Image.png?v=1778170692\" alt=\"声学鼓灯系列吊灯具，钢灰色声学外观，白色羊毛毡内衬，通过白色电线悬挂在白色背景上\"\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 aria-label=\"Key specifications\" class=\"spec-stats\"\u003e\n\n\u003cspan\u003e30英寸直径\u003c\/span\u003e \u003cspan\u003e25W \/ 50W\u003c\/span\u003e \u003cspan\u003eCRI 90+\u003c\/span\u003e \u003cspan\u003eNRC 0.7\u003c\/span\u003e \u003cspan\u003eCSA \u0026amp; UL 认证\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003ca title=\"Acoustic Drum Light Spec Sheet\" rel=\"noopener\" class=\"spec-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/Acoustic_Drum_Light_Series.pdf?v=1778170700\" 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\"\u003e1级防火等级，降噪系数（NRC）为0.7。由可回收塑料制成的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\"\u003e25W提供2,205–2,295流明；50W提供4,410–4,590流明，具体取决于色温（3000K \/ 3500K \/ 4000K），CRI达到90+。通过磨砂乳白透镜实现直接（DD）辐射分布。\u003c\/div\u003e\n\n\n\u003c\/div\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\"\u003eLED灯条额定寿命为60,000小时L80，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提供12英寸、16英寸和24英寸高度。灯具\/灯罩直径均为30英寸（实际29.75英寸），高度变化可适应不同的天花板条件。\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调光、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标准UNV 120\/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通过6英尺黑色（S6B）或白色（S6W）电线悬挂式安装，或定制悬挂长度。顶篷饰面与电线颜色匹配，以达到整体协调的外观。\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挤压铝制主体，内置驱动器。提供黑色（RAL 9005）或白色（RAL 9003）；可定制颜色。声学外壳为可回收塑料；内部衬有羊毛毡。\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\"\u003e10种声学外观饰面，包括海军蓝、钢灰色、炭色、雪白色和影大理石。13种羊毛毡内衬颜色，如万寿菊、猩红色、钴蓝色、石墨色和黑色。以组合代码指定（例如04\/121）。\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标准认证。可提供定制修改，并完全符合商业和建筑安装的认证要求。\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":42471339851861,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/C_C_Drum_Light_Product_Image.png?v=1778170692"},{"product_id":"custom-curved-led-linear-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=\"Large custom curved LED ring lights suspended in a modern commercial lobby with warm white illumination and matte black architectural profiles by C\u0026amp;C Lighting.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/architectural-curved-led-ring-lighting-installation-lobby-cc-lighting.png?v=1778865957\"\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=\"Custom curved LED ring pendant light in matte black finish with warm 3000K illumination suspended on a seamless white studio background by C\u0026amp;C Lighting.\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/custom-curved-led-ring-pendant-light-black-white-background-cc-lighting.png?v=1778865982\"\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一种建筑弧形LED线性系统，可将直线和弧线无缝拼接成自由形状——非常适合商业空间、酒店环境、办公室和大型定制天花板设计。\u003c\/p\u003e\n\n\u003cdiv class=\"spec-stats\" aria-label=\"Key specifications\"\u003e\n\n\u003cspan\u003e8种标准形状\u003c\/span\u003e \u003cspan\u003e可定制形状\u003c\/span\u003e \u003cspan\u003e15×15mm至150×30mm型材\u003c\/span\u003e \u003cspan\u003e白色和黑色饰面\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\/Custom_Circle_Light_Spec_Sheet_3.0.pdf?v=1779937630\" class=\"spec-btn\" rel=\"noopener\" title=\"Customized Curved LED Linear 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突破传统弯曲工艺，实现直线与弧线的无缝拼接。从二维转换到三维配置，为线性照明设计开辟了新的可能性。\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米和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提供八种标准型号配置：CCL-1至CCL-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提供多种型材截面尺寸——90°弧线处为15×15mm、20×20mm、35×35mm和50×35mm；45°弧线处为30×30mm、50×30mm、80×30mm和150×30mm。90°配置还提供最大100×40mm的40mm深型材。\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\"\u003e90°弧线半径范围从R416mm (16.3\") 到 R1068mm (42.0\")，具体取决于型材尺寸。45°弧线半径范围从R261mm (10.2\") 到 R716mm (28.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标准饰面有白色 (W) 或黑色 (B)。可提供定制颜色选项 (O) — 订购时请注明所需颜色。饰面是根据项目作为订单配置的一部分选择的。\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（定制），并使用提供的网格模板绘制所需形状并标注尺寸。请注明首选颜色和所有必要的测量值以供制造审核。\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\"\u003ecUL认证。符合加拿大和美国商业和建筑照明装置标准。\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-905-856-0903。可为加拿大和美国的商业项目提供服务。\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":"Default Title","offer_id":42501108891733,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/files\/custom-curved-led-ring-pendant-light-black-white-background-cc-lighting.png?v=1778865982"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0986\/0548\/collections\/Untitled-1_7ddeac78-be9e-4048-85ea-b92b66024c06.png?v=1722533555","url":"https:\/\/candclight.com\/zh\/collections\/pendant-lights.oembed","provider":"C\u0026C Lighting","version":"1.0","type":"link"}