{"product_id":"aether-wall-light","title":"Applique Aether","description":"\u003cdiv class=\"custom-product-description\"\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500\u0026amp;display=swap\" rel=\"stylesheet\"\/\u003e \u003c!-- 引入自定义样式，限制在该区域内生效 --\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n    .custom-product-description {\n      font-family: 'DM Sans', inherit;\n      color: #333333;\n      line-height: 1.6;\n      font-size: 15px;\n    }\n    \n    .custom-product-description p {\n      margin-bottom: 24px;\n      color: #4a4a4a;\n    }\n\n    \/* 模块标题 *\/\n    .custom-product-description .section-title {\n      color: #b38e5d;\n      font-size: 13px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      border-bottom: 1px solid #e5dccb;\n      padding-bottom: 8px;\n      margin-bottom: 16px;\n      margin-top: 40px;\n      font-weight: 500;\n    }\n\n    \/* 表格样式 *\/\n    .custom-product-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 24px;\n    }\n\n    .custom-product-description tr {\n      border-bottom: 1px solid #f2eee8;\n    }\n    \n    .custom-product-description tr:last-child {\n      border-bottom: none;\n    }\n\n    .custom-product-description th,\n    .custom-product-description td {\n      padding: 4px 0;\n      vertical-align: middle;\n      font-size: 14px;\n    }\n\n    .custom-product-description th {\n      text-align: left;\n      color: #666666;\n      font-weight: 400;\n      width: 35%;\n    }\n\n    .custom-product-description td {\n      text-align: left;\n      color: #222222;\n      font-weight: 600;\n    }\n\n    \/* 列表样式 *\/\n    .custom-product-description ul {\n      list-style-type: none;\n      padding-left: 0;\n      margin-top: 16px;\n    }\n\n    .custom-product-description li {\n      position: relative;\n      padding-left: 18px;\n      margin-bottom: 12px;\n      color: #4a4a4a;\n      font-size: 14px;\n    }\n\n    .custom-product-description li::before {\n      content: \"•\";\n      color: #b38e5d;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n\n    \/* 底部文档下载按钮区域 *\/\n    .docs-buttons-container {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 20px;\n    }\n\n    .action-btn {\n      display: inline-flex;\n      align-items: stretch;\n      background-color: #525a4e;\n      width: fit-content;\n    }\n\n    .action-btn-icon {\n      background-color: #6a7266;\n      color: #ffffff;\n      padding: 8px 14px;\n      font-size: 16px;\n      font-weight: bold;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10 !important;\n    }\n\n    .action-btn-text {\n      color: #ffffff;\n      font-size: 12px;\n      font-weight: 500;\n      letter-spacing: 1px;\n      padding: 8px 16px;\n      text-transform: uppercase;\n      display: flex;\n      align-items: center;\n      z-index: 10 !important;\n    }\n\n    .action-btn-text a {\n      color: #ffffff !important;\n      text-decoration: none;\n      position: relative;\n      display: inline-block;\n    }\n    \n    .action-btn-text a::after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      transform: scaleX(0);\n      height: 1px;\n      bottom: -2px;\n      left: 0;\n      background-color: #ffffff;\n      transform-origin: bottom right;\n      transition: transform 0.3s ease-out;\n    }\n\n    .action-btn-text a:hover::after {\n      transform: scaleX(1);\n      transform-origin: bottom left;\n    }\n\n    \/* 视频网格与预览样式 *\/\n    .custom-vid-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      max-width: 600px;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n    .custom-vid-thumb {\n      position: relative;\n      width: 100%;\n      padding-bottom: 56.25%; \/* 16:9 比例自适应 *\/\n      background-color: #000;\n      border-radius: 6px;\n      overflow: hidden;\n      cursor: pointer;\n      display: block; \/* 必须为 block 以便 label 生效 *\/\n    }\n    .custom-vid-thumb img {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      object-fit: cover;\n      transition: transform 0.3s ease;\n      opacity: 0.85;\n    }\n    .custom-vid-thumb:hover img {\n      transform: scale(1.05);\n      opacity: 1;\n    }\n    .custom-play-btn {\n      position: absolute;\n      top: 50%; left: 50%;\n      transform: translate(-50%, -50%);\n      width: 44px; height: 44px;\n      background-color: rgba(0, 0, 0, 0.6);\n      border: 2px solid #fff;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.3s ease;\n      z-index: 10 !important;\n    }\n    .custom-vid-thumb:hover .custom-play-btn {\n      background-color: #b38e5d;\n      border-color: #b38e5d;\n      transform: translate(-50%, -50%) scale(1.1);\n    }\n    .custom-play-btn::before {\n      content: '';\n      border-style: solid;\n      border-width: 8px 0 8px 12px;\n      border-color: transparent transparent transparent #fff;\n      margin-left: 4px;\n    }\n    .custom-vid-label {\n      position: absolute;\n      bottom: 12px;\n      left: 12px;\n      color: #ffffff;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      background-color: rgba(0, 0, 0, 0.65);\n      padding: 4px 10px;\n      border-radius: 4px;\n      z-index: 2;\n      pointer-events: none;\n      transition: background-color 0.3s ease;\n    }\n    .custom-vid-thumb:hover .custom-vid-label {\n      background-color: #b38e5d;\n    }\n\n    \/* 统一的弹窗控制方案 (纯 CSS) *\/\n    .img-modal-toggle {\n      display: none;\n    }\n    \n    .img-modal-overlay {\n      position: fixed;\n      top: 0; left: 0; width: 100vw; height: 100vh;\n      background-color: rgba(0,0,0,0.92);\n      z-index: 999999;\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s ease, visibility 0.3s ease;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    \n    .img-modal-toggle:checked ~ .img-modal-overlay {\n      opacity: 1;\n      visibility: visible;\n    }\n    \n    .img-modal-close {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      cursor: pointer;\n      z-index: 1;\n    }\n    \n    .img-modal-content {\n      position: relative;\n      z-index: 2;\n      max-width: 90vw;\n      max-height: 90vh;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n\n    .vid-modal-content {\n      width: 90vw;\n      max-width: 1000px;\n    }\n\n    .custom-vid-aspect {\n      width: 100%;\n      height: 0;\n      padding-bottom: 56.25%;\n      position: relative;\n      background-color: #000;\n      box-shadow: 0 4px 30px rgba(0,0,0,0.6);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n    .custom-vid-aspect iframe {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      border: none;\n    }\n    \n    .img-modal-large {\n      max-width: 100%;\n      max-height: 90vh;\n      object-fit: contain;\n      border-radius: 4px;\n      box-shadow: 0 10px 40px rgba(0,0,0,0.6);\n    }\n    \n    .img-modal-close-btn {\n      position: absolute;\n      top: -40px; right: 0;\n      color: #fff;\n      font-size: 36px;\n      font-weight: 300;\n      cursor: pointer;\n      line-height: 1;\n      transition: color 0.3s;\n    }\n    \n    .img-modal-close-btn:hover {\n      color: #b38e5d;\n    }\n\n    \/* 图片放大镜样式 *\/\n    .custom-img-gallery {\n      text-align: left;\n      margin-bottom: 28px;\n    }\n    \n    .zoom-prompt {\n      font-size: 12px;\n      color: #888888;\n      margin-bottom: 10px;\n      font-weight: 500;\n      letter-spacing: 0.5px;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    \n    .zoom-thumbnail-wrapper {\n      display: inline-block;\n      cursor: zoom-in;\n    }\n    \n    .zoom-thumbnail {\n      max-width: 100%; \n      width: 100%;\n      height: auto;\n      border-radius: 6px;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      display: block;\n    }\n    \n    .zoom-thumbnail:hover {\n      transform: scale(1.02);\n      box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n    }\n\n    \/* 提示框通用设置 *\/\n    .custom-product-description .pd-notice { \n      padding: 14px 16px !important; \n      border-left: 3px solid !important; \n      margin-bottom: 24px !important;\n    }\n    .custom-product-description .pd-notice__label { \n      font-size: 10px !important; \n      font-weight: 500 !important; \n      letter-spacing: 0.12em !important; \n      text-transform: uppercase !important; \n      margin-bottom: 5px !important; \n      display: block !important;\n    }\n    .custom-product-description .pd-notice__text { \n      font-size: 13px !important; \n      line-height: 1.5 !important; \n      margin-bottom: 0 !important;\n    }\n    .custom-product-description .pd-notice--color { \n      background: #4A5248 !important; \n      border-color: #6a7568 !important; \n    }\n    .custom-product-description .pd-notice--color .pd-notice__label { \n      color: #b8c4b6 !important; \n    }\n    .custom-product-description .pd-notice--color .pd-notice__text { \n      color: #e8ede7 !important; \n      font-weight: 500 !important; \n    }\n    .custom-product-description .pd-notice--color .pd-notice__text a { \n      color: #d4e8b0 !important; \n      text-decoration: underline !important; \n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"custom-product-description\"\u003e\n\u003c!-- 1. 产品简介 --\u003e\n\u003cp\u003eMaîtrisez l'art de la transparence avec cette élégante applique verticale Aether, un mélange parfait d'arête industrielle et d'élégance moderne. Le design présente un abat-jour cylindrique en verre transparent immaculé, solidement ancré par une bande métallique centrale. Cette applique crée une colonne de lumière continue qui ajoute de la verticalité et un drame sophistiqué aux vanités de salle de bains, couloirs et suites de chambre.\u003c\/p\u003e\n\u003c!-- 2. 产品属性表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eATTRIBUTS DU PRODUIT\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMatériau\u003c\/th\u003e\n\u003ctd\u003eFer, Aluminium, Verre\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eModerne\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003eApplique murale\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFinition\u003c\/th\u003e\n\u003ctd\u003eNoir, Bronze\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCouleur\u003c\/th\u003e\n\u003ctd\u003eTransparent\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 3. 技术规格表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eCARACTÉRISTIQUES TECHNIQUES\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLongueur\u003c\/th\u003e\n\u003ctd\u003e4.7 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLargeur\u003c\/th\u003e\n\u003ctd\u003e4,1 po\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHauteur\u003c\/th\u003e\n\u003ctd\u003e22,8 pouces\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eInstallation\u003c\/th\u003e\n\u003ctd\u003eCâblé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eSource lumineuse\u003c\/th\u003e\n\u003ctd\u003eE26 ou E27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eVariateur\u003c\/th\u003e\n\u003ctd\u003eCompatible avec les variateurs d'intensité\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eNuméro de fabricant\u003c\/th\u003e\n\u003ctd\u003ePINW-MB4212\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCertifié\u003c\/th\u003e\n\u003ctd\u003eCompatible avec l'Amérique du Nord, l'Arabie Saoudite, l'Europe, l'Australie Certification\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 4. 更多详情 --\u003e\n\u003cdiv class=\"section-title\"\u003ePLUS DE DÉTAILS\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e4,7\" de longueur (12 cm) x 4,1\" de largeur (10,5 cm) x 22,8\" de hauteur (58 cm). Poids 4,4 lb. (2 kg).\u003c\/li\u003e\n\u003cli\u003eTaille de la rosace de plafond : 4,7\" de longueur (12 cm) x 9,4\" de hauteur (24 cm).\u003c\/li\u003e\n\u003cli\u003eTaille du verre : 2,4\" de diamètre (6,2 cm).\u003c\/li\u003e\n\u003cli\u003eUtilise deux ampoules incandescentes E26 ou E27 de 40 watts (non incluses). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eInspiré par l'esthétique épurée et fonctionnelle de la verrerie scientifique et des tubes à essai, affiné avec des finitions métalliques luxueuses adaptées aux intérieurs résidentiels haut de gamme.\u003c\/li\u003e\n\u003cli\u003eDisponible en Noir, Bronze.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 5. 独立出来的技术文档下载按钮 --\u003e\n\u003cdiv class=\"section-title\"\u003eDOCUMENTS TECHNIQUES\u003c\/div\u003e\n\u003cdiv class=\"docs-buttons-container\"\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003e \u003ca href=\"https:\/\/drive.google.com\/file\/d\/1otoJ0d_8eHin2twyxLAovb57citYOHYW\/view?usp=drive_link\" rel=\"noopener\" target=\"_blank\"\u003eSPÉCIFICATIONS COMPLÈTES (PDF)\u003c\/a\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003eINSTRUCTIONS D'INSTALLATION (PDF)\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\u003cspan class=\"action-btn-icon\"\u003e↓\u003c\/span\u003e \u003cspan class=\"action-btn-text\"\u003eFICHIERS 3D\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. 尺寸图区域 --\u003e\n\u003cdiv class=\"dimensions-section\"\u003e\n\u003cdiv class=\"section-title\"\u003eDIMENSIONS\u003c\/div\u003e\n\u003cdiv class=\"custom-img-gallery\" style=\"margin-top: 16px; margin-bottom: 24px;\"\u003e\n\u003cdiv class=\"zoom-prompt\"\u003e🔍 Cliquez pour agrandir\u003c\/div\u003e\n\u003clabel class=\"zoom-thumbnail-wrapper\" for=\"img-modal-dimensions-aether\" style=\"max-width: 600px; display: block;\"\u003e \u003cimg alt=\"Aether Wall Light Dimensions\" class=\"zoom-thumbnail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Aether-Wall-Light_600x600.jpg?v=1772765764\" style=\"max-width: 100%;\"\/\u003e \u003c\/label\u003e \u003cinput aria-hidden=\"true\" class=\"img-modal-toggle\" id=\"img-modal-dimensions-aether\" type=\"checkbox\"\/\u003e\n\u003cdiv class=\"img-modal-overlay\"\u003e\n\u003clabel class=\"img-modal-close\" for=\"img-modal-dimensions-aether\"\u003e\u003c\/label\u003e\n\u003cdiv class=\"img-modal-content\"\u003e\n\u003clabel class=\"img-modal-close-btn\" for=\"img-modal-dimensions-aether\"\u003e×\u003c\/label\u003e \u003cimg alt=\"Large Dimensions View\" class=\"img-modal-large\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Aether-Wall-Light.jpg?v=1772765764\"\/\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 附加：监听 ESC 与关闭事件的防播脚本 --\u003e \u003cscript\u003e\n    function stopIframeVideo(overlayElement) {\n      if (overlayElement) {\n        var iframes = overlayElement.querySelectorAll('iframe');\n        iframes.forEach(function(iframe) {\n          var currentSrc = iframe.src;\n          iframe.src = currentSrc; \/\/ 重置 src 即可切断正在后台播放的音视频\n        });\n      }\n    }\n\n    \/\/ 1. 监听 ESC 键关闭大图或视频\n    document.addEventListener('keydown', function(event) {\n      if (event.key === 'Escape') {\n        var modals = document.querySelectorAll('.img-modal-toggle');\n        modals.forEach(function(modal) {\n          modal.checked = false;\n          stopIframeVideo(modal.nextElementSibling);\n        });\n      }\n    });\n\n    \/\/ 2. 监听复选框状态改变 (处理点击背景或关闭按钮时的情况)\n    document.querySelectorAll('.img-modal-toggle').forEach(function(toggle) {\n      toggle.addEventListener('change', function() {\n        if (!this.checked) {\n          stopIframeVideo(this.nextElementSibling);\n        }\n      });\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"L 4,7″ x L 4,1″ x H 22,8″ \/ L 12cm x L 10,5cm x H 58cm \/ Noir et verre transparent","offer_id":51439046885697,"sku":"PINW-MB4212-01","price":163.0,"currency_code":"CAD","in_stock":true},{"title":"L 4,7″ x L 4,1″ x H 22,8″ \/ L 12cm x L 10,5cm x H 58cm \/ Bronze \u0026 Verre Transparent","offer_id":51439046918465,"sku":"PINW-MB4212-02","price":184.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Aether_Wall_Light_1.jpg?v=1772522567","url":"https:\/\/pinlighting.com\/fr-ca\/products\/aether-wall-light","provider":"Pinlighting","version":"1.0","type":"link"}