{"product_id":"bofea-plug-in-wall-sconce","title":"Bofea Plug-in Wall Sconce","description":"\u003cdiv class=\"custom-product-description\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\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: 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    \/* 模块标题（参考图1的金色 SPECIFICATIONS） *\/\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    \/* 左侧属性名 *\/\n    .custom-product-description th {\n      text-align: left;\n      color: #666666;\n      font-weight: 400;\n      width: 35%;\n    }\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    \/* 按钮样式（参考图2） *\/\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    }\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    }\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: repeat(2, 1fr);\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    }\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    }\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\n    \/* 弹窗 Modal 样式 (满屏沉浸式升级版) *\/\n    .custom-vid-modal {\n      display: none;\n      position: fixed;\n      z-index: 999999;\n      left: 0; top: 0; width: 100vw; height: 100vh;\n      background-color: rgba(0,0,0,0.95);\n      align-items: center; justify-content: center;\n    }\n    .custom-vid-modal.active {\n      display: flex;\n    }\n    .custom-vid-content {\n      position: relative;\n      width: 96vw; \n      height: 96vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    .custom-vid-aspect {\n      width: 100%;\n      height: 100%;\n      \/* 核心：无论横竖屏，完美锁定 16:9 并极限放大 *\/\n      max-height: calc(96vw * 9 \/ 16);\n      max-width: calc(96vh * 16 \/ 9);\n      position: relative;\n    }\n    .custom-vid-aspect iframe {\n      position: absolute;\n      top: 0; left: 0; width: 100%; height: 100%;\n      border: none;\n      box-shadow: 0 4px 30px rgba(0,0,0,0.6);\n      background-color: #000;\n    }\n    .custom-vid-close {\n      position: absolute;\n      top: 16px; right: 24px;\n      color: #fff; font-size: 40px;\n      cursor: pointer; font-weight: 300;\n      line-height: 1;\n      transition: color 0.3s;\n      z-index: 1000000;\n    }\n    .custom-vid-close:hover {\n      color: #b38e5d;\n    }\n\n    \/* 提示框通用设置 *\/\n    .custom-product-description .pd-wrap {\n      font-family: 'DM Sans', sans-serif !important;\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\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\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\n    \/* 颜色\/产品提示框样式（深绿色） *\/\n    .custom-product-description .pd-notice--color { \n      background: #4A5248 !important; \n      border-color: #6a7568 !important; \n    }\n    \n    .custom-product-description .pd-notice--color .pd-notice__label { \n      color: #b8c4b6 !important; \n    }\n    \n    .custom-product-description .pd-notice--color .pd-notice__text { \n      color: #e8ede7 !important; \n      font-weight: 500 !important; \n    }\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\u003eBring a rich, moody sophistication and effortless, renter-friendly luxury to your walls with the Bofea Plug-in Wall Sconce. Drenched in a high-gloss, the mid-century inspired dome shade provides beautifully focused down-lighting that is ideal for task work or reading. Complete with a simple plug-in cord that eliminates the need for complex hardwiring, this high-impact luminary is a brilliant design upgrade for a sophisticated bedside, a cozy living room alcove, or a tailored home office corner.\u003c\/p\u003e\n\u003cdiv style=\"text-align: start;\" class=\"product-media-container\"\u003e\n\u003c!-- 颜色差异提示 (移动至视频下方、图片上方) --\u003e\n\u003cdiv class=\"pd-wrap\"\u003e\n\u003cdiv class=\"pd-notice pd-notice--color\"\u003e\n\u003cspan class=\"pd-notice__label\"\u003ePlease Note\u003c\/span\u003e\n\u003cp class=\"pd-notice__text\"\u003eDue to color differences between batches, color variations may occur. Please \u003ca href=\"https:\/\/pinlighting.com\/pages\/contact\" rel=\"noopener\" target=\"_blank\"\u003econtact us\u003c\/a\u003e if you are concerned.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 原有的静态图片 --\u003e \u003ca rel=\"noopener\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Bofea_Wall_Lamp_Turn.jpg?v=1769589263\" target=\"_blank\"\u003e \u003cimg style=\"margin-top: 16px; margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Bofea_Wall_Lamp_Turn_480x480.jpg?v=1769589263\" alt=\"Bofea Wall Lamp Details\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- 视频播放弹窗 (Modal) --\u003e\n\u003cdiv class=\"custom-vid-modal\" id=\"customVidModal\"\u003e\n\u003c!-- 将关闭按钮移到最外层，确保永不被遮挡 --\u003e \u003cspan class=\"custom-vid-close\" id=\"customVidCloseBtn\"\u003e×\u003c\/span\u003e\n\u003cdiv class=\"custom-vid-content\"\u003e\n\u003cdiv class=\"custom-vid-aspect\"\u003e\n\u003c!-- 补充了完整的 allow 权限，允许自动播放 --\u003e \u003ciframe id=\"customVidIframe\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 弹窗交互脚本 (安全绕过Shopify拦截 \u0026 破解自动播放限制) --\u003e \u003cscript\u003e\n    function initVideoModals() {\n      var thumbs = document.querySelectorAll('.custom-vid-thumb');\n      var modal = document.getElementById('customVidModal');\n      var iframe = document.getElementById('customVidIframe');\n      var closeBtn = document.getElementById('customVidCloseBtn');\n\n      if (!modal || !iframe) return;\n\n      \/\/ 绑定打开弹窗事件\n      thumbs.forEach(function(thumb) {\n        thumb.addEventListener('click', function() {\n          var videoId = this.getAttribute('data-vid');\n          if (videoId) {\n            \/\/ 1. 核心破解：先让弹窗显示出来，脱离隐藏状态\n            modal.classList.add('active');\n            \n            \/\/ 2. 延迟 50 毫秒加载视频，让浏览器认定这是在可见状态下的用户主动点击，从而允许自动播放\n            setTimeout(function() {\n              \/\/ 极限纯净参数：自动播放、隐藏关联推荐、隐藏Logo、隐藏视频内注释\n              \/\/ (注：顶部的标题是 YouTube 官方强制要求的，播放3秒后会自动淡出)\n              iframe.src = \"https:\/\/www.youtube.com\/embed\/\" + videoId + \"?autoplay=1\u0026rel=0\u0026modestbranding=1\u0026iv_load_policy=3\u0026playsinline=1\";\n            }, 50);\n          }\n        });\n      });\n\n      \/\/ 绑定关闭事件 (点击右上角 X 按钮)\n      if (closeBtn) {\n        closeBtn.addEventListener('click', function(e) {\n          e.stopPropagation();\n          iframe.src = \"\";\n          modal.classList.remove('active');\n        });\n      }\n\n      \/\/ 绑定关闭事件 (点击黑色背景遮罩)\n      modal.addEventListener('click', function(e) {\n        if (e.target === modal || e.target.classList.contains('custom-vid-content')) {\n          iframe.src = \"\";\n          modal.classList.remove('active');\n        }\n      });\n    }\n\n    \/\/ 确保在整个页面结构加载完毕后执行脚本\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', initVideoModals);\n    } else {\n      initVideoModals();\n    }\n  \u003c\/script\u003e \u003c!-- 2. 产品属性表格 --\u003e\n\u003cdiv class=\"section-title\"\u003ePRODUCT ATTRIBUTES\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eMaterial\u003c\/th\u003e\n\u003ctd\u003eMetal, Glass\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStyle\u003c\/th\u003e\n\u003ctd\u003eModern\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eType\u003c\/th\u003e\n\u003ctd\u003eWall Lamp\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eFinish\u003c\/th\u003e\n\u003ctd\u003eDark Red, Gold\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eColor\u003c\/th\u003e\n\u003ctd\u003eDark Red\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 3. 技术规格表格 --\u003e\n\u003cdiv class=\"section-title\"\u003eTECHNICAL SPECIFICATIONS\u003c\/div\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDiameter\u003c\/th\u003e\n\u003ctd\u003e7.9 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eWidth\u003c\/th\u003e\n\u003ctd\u003e7.1 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eHeight\u003c\/th\u003e\n\u003ctd\u003e7.9 inch\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eStandard\u003c\/th\u003e\n\u003ctd\u003ePlug-in\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eLight Source\u003c\/th\u003e\n\u003ctd\u003eE26 or E27\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eDimming\u003c\/th\u003e\n\u003ctd\u003eCompatible with dimmer switches\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eManufacturer Number\u003c\/th\u003e\n\u003ctd\u003ePINW-6018\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth scope=\"row\"\u003eCertified\u003c\/th\u003e\n\u003ctd\u003eCompatible with North America, Saudi Arabia, Europe, Australia 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\"\u003eMORE DETAILS\u003c\/div\u003e\n\u003cul\u003e\n\u003cli\u003e7.9\" diameter (20cm) x 7.1\" width (18cm) x 7.9\" height (20cm). Weighs 6.6 lbs. (3kg).\u003c\/li\u003e\n\u003cli\u003eUses 40-watt E26 or E27 incandescent bulbs (not included). 90 CRI.\u003c\/li\u003e\n\u003cli\u003eThis wall lamp is equipped with a rotary switch. The gold color reveals a retro and high-end atmosphere, and dimming is quick and convenient.\u003c\/li\u003e\n\u003cli\u003eComes with 71″ (about 180cm) plug cord.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c!-- 5. 独立出来的技术文档下载按钮 --\u003e\n\u003cdiv class=\"section-title\"\u003eTECHNICAL DOCUMENTS\u003c\/div\u003e\n\u003cdiv class=\"docs-buttons-container\"\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003eFULL SPECIFICATIONS (PDF)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003eINSTALLATION INSTRUCTIONS (PDF)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-btn\"\u003e\n\u003cdiv class=\"action-btn-icon\"\u003e↓\u003c\/div\u003e\n\u003cdiv class=\"action-btn-text\"\u003e3D FILES\u003c\/div\u003e\n\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 style=\"text-align: left; margin-top: 16px; margin-bottom: 24px;\" class=\"dimensions-container\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Pinlighting","offers":[{"title":"D 7.9″ x W 7.1″ x H 7.9″ \/ D 20cm x W 18cm x H 20cm \/ Dark Red \u0026 Gold \/ US plug","offer_id":51948508315969,"sku":"PINW-6018-01","price":160.0,"currency_code":"USD","in_stock":true},{"title":"D 7.9″ x W 7.1″ x H 7.9″ \/ D 20cm x W 18cm x H 20cm \/ Dark Red \u0026 Gold \/ UK plug","offer_id":51948604522817,"sku":"PINW-6018-02","price":160.0,"currency_code":"USD","in_stock":true},{"title":"D 7.9″ x W 7.1″ x H 7.9″ \/ D 20cm x W 18cm x H 20cm \/ Dark Red \u0026 Gold \/ AU plug","offer_id":51948604555585,"sku":"PINW-6018-03","price":160.0,"currency_code":"USD","in_stock":true},{"title":"D 7.9″ x W 7.1″ x H 7.9″ \/ D 20cm x W 18cm x H 20cm \/ Dark Red \u0026 Gold \/ EU plug","offer_id":51948604588353,"sku":"PINW-6018-04","price":160.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0744\/8107\/4497\/files\/Pinglighting_Bofea_Plug-in_Wall_Sconce_1_1.jpg?v=1783589031","url":"https:\/\/pinlighting.com\/products\/bofea-plug-in-wall-sconce","provider":"Pinlighting","version":"1.0","type":"link"}