{"product_id":"fluted-glass-flush-mount-ribbed-ceiling-light-durable-design","title":"Rivora Textured Ribbed Glass Flush Ceiling Light — Elegant Low-Profile Fixture for Entryways","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"utf-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n\n  \u003cstyle\u003e\n    :root {\n      --mayon-ink: #25231f;\n      --mayon-muted: #6f6a61;\n      --mayon-background: #f4f2ed;\n      --mayon-line: rgba(37, 35, 31, 0.18);\n      --mayon-accent: #8a6239;\n    }\n\n    * {\n      box-sizing: border-box;\n    }\n\n    body {\n      margin: 0;\n      color: var(--mayon-ink);\n      background: #ffffff;\n      font-family: Inter, \"Helvetica Neue\", Arial, sans-serif;\n    }\n\n    \/* 独立板块背景区域 *\/\n    .mayon-story {\n      width: min(calc(100% - 48px), 1440px);\n      min-height: min(760px, 100svh);\n      margin: 24px auto;\n      padding: clamp(32px, 4vw, 64px);\n      display: grid;\n      grid-template-columns:\n        minmax(0, 1.08fr)\n        minmax(420px, 0.92fr);\n      gap: clamp(48px, 6vw, 96px);\n      align-items: center;\n      overflow: hidden;\n      background: var(--mayon-background);\n      border-radius: 8px;\n    }\n\n    \/* 左侧图片区域 *\/\n    .mayon-visual {\n      position: relative;\n      width: 100%;\n      max-width: 660px;\n      aspect-ratio: 1 \/ 1;\n      justify-self: center;\n      overflow: hidden;\n      background: #8a7158;\n      isolation: isolate;\n    }\n\n    .mayon-scene {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n      will-change: opacity;\n      transition: opacity 0.8s cubic-bezier(0.45, 0, 0.2, 1);\n    }\n\n    \/* 默认显示白天图片 *\/\n    .mayon-scene--day {\n      opacity: 1;\n    }\n\n    .mayon-scene--evening {\n      opacity: 0;\n    }\n\n    \/* 夜晚状态 *\/\n    .mayon-story[data-time=\"evening\"] .mayon-scene--day {\n      opacity: 0;\n    }\n\n    .mayon-story[data-time=\"evening\"] .mayon-scene--evening {\n      opacity: 1;\n    }\n\n    \/* Day \/ Evening 控制按钮 *\/\n    .mayon-controls {\n      position: absolute;\n      z-index: 2;\n      left: 28px;\n      bottom: 28px;\n      display: flex;\n      padding: 4px;\n      border: 1px solid rgba(255, 255, 255, 0.5);\n      background: rgba(24, 21, 18, 0.5);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n    }\n\n    .mayon-control {\n      min-width: 88px;\n      min-height: 40px;\n      border: 0;\n      padding: 0 16px;\n      color: rgba(255, 255, 255, 0.76);\n      background: transparent;\n      font: inherit;\n      font-size: 12px;\n      letter-spacing: 0;\n      cursor: pointer;\n      transition:\n        color 0.25s ease,\n        background-color 0.25s ease;\n    }\n\n    .mayon-control[aria-pressed=\"true\"] {\n      color: var(--mayon-ink);\n      background: rgba(255, 255, 255, 0.92);\n    }\n\n    .mayon-control:focus-visible {\n      outline: 2px solid #ffffff;\n      outline-offset: 2px;\n    }\n\n    \/* 右侧文字区域 *\/\n    .mayon-copy {\n      display: flex;\n      align-items: center;\n      padding: 0;\n    }\n\n    .mayon-copy-inner {\n      max-width: 490px;\n    }\n\n    .mayon-kicker {\n      margin: 0 0 24px;\n      color: var(--mayon-accent);\n      font-size: 12px;\n      font-weight: 600;\n      letter-spacing: 0;\n      text-transform: uppercase;\n    }\n\n    .mayon-title {\n      max-width: 470px;\n      margin: 0;\n      color: var(--mayon-ink);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(38px, 3.6vw, 58px);\n      font-weight: 400;\n      line-height: 1.02;\n      letter-spacing: 0;\n    }\n\n    .mayon-description {\n      max-width: 430px;\n      margin: 28px 0 0;\n      color: var(--mayon-muted);\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    \/* 产品卖点 *\/\n    .mayon-details {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px 32px;\n      margin: 40px 0 0;\n      padding: 28px 0 0;\n      border-top: 1px solid var(--mayon-line);\n    }\n\n    .mayon-detail {\n      margin: 0;\n    }\n\n    .mayon-detail dt {\n      margin-bottom: 7px;\n      color: var(--mayon-ink);\n      font-size: 12px;\n      font-weight: 600;\n      line-height: 1.4;\n      text-transform: uppercase;\n    }\n\n    .mayon-detail dd {\n      margin: 0;\n      color: var(--mayon-muted);\n      font-size: 14px;\n      line-height: 1.45;\n    }\n\n    \/* 手机端 *\/\n    @media (max-width: 820px) {\n      .mayon-story {\n        width: calc(100% - 24px);\n        min-height: 0;\n        margin: 12px auto;\n        padding: 20px;\n        grid-template-columns: 1fr;\n        gap: 0;\n      }\n\n      .mayon-visual {\n        min-height: 0;\n        max-width: 520px;\n        aspect-ratio: 1 \/ 1;\n      }\n\n      .mayon-controls {\n        left: 16px;\n        bottom: 16px;\n      }\n\n      .mayon-copy {\n        align-items: start;\n        padding: 42px 4px 36px;\n      }\n\n      .mayon-title {\n        font-size: 38px;\n      }\n\n      .mayon-description {\n        margin-top: 22px;\n      }\n\n      .mayon-details {\n        margin-top: 32px;\n      }\n    }\n\n    \/* 小屏手机 *\/\n    @media (max-width: 420px) {\n      .mayon-title {\n        font-size: 34px;\n      }\n\n      .mayon-details {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* 尊重系统的减少动画设置 *\/\n    @media (prefers-reduced-motion: reduce) {\n      .mayon-scene {\n        transition-duration: 0.01ms;\n      }\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003csection class=\"mayon-story\" data-time=\"day\" aria-labelledby=\"mayon-title\"\u003e\n    \u003cdiv class=\"mayon-visual\"\u003e\n\n      \u003c!--\n        【在这里替换图片链接 1】\n        下面是关灯 \/ 白天图片。\n        只替换 src 引号里面的地址。\n      --\u003e\n      \u003cimg class=\"mayon-scene mayon-scene--day\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/1787207334472.jpg?v=1787215440%0A\" alt=\"Mayon light in a calm, sunlit bedroom\" fetchpriority=\"high\"\u003e\n\n      \u003c!--\n        【在这里替换图片链接 2】\n        下面是开灯 \/ 夜晚图片。\n        只替换 src 引号里面的地址。\n      --\u003e\n      \u003cimg class=\"mayon-scene mayon-scene--evening\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/1787207458076.jpg?v=1787215441\" alt=\"Mayon light casting a warm glow across the room\"\u003e\n\n      \u003cdiv class=\"mayon-controls\" aria-label=\"Choose room lighting\"\u003e\n        \u003cbutton class=\"mayon-control\" type=\"button\" data-show=\"day\" aria-pressed=\"true\"\u003e\n          Day\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"mayon-control\" type=\"button\" data-show=\"evening\" aria-pressed=\"false\"\u003e\n          Evening\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mayon-copy\"\u003e\n      \u003cdiv class=\"mayon-copy-inner\"\u003e\n        \u003cp class=\"mayon-kicker\"\u003e\n          Light, beautifully considered\n        \u003c\/p\u003e\n\n        \u003ch2 class=\"mayon-title\" id=\"mayon-title\"\u003e\n          A warmer way to end the day.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"mayon-description\"\u003e\n          Mayon pairs ribbed glass with a softly aged brass finish,\n          turning everyday light into a gentle, inviting glow. Its\n          compact silhouette brings quiet character to bedrooms,\n          hallways, and intimate corners.\n        \u003c\/p\u003e\n\n        \u003cdl class=\"mayon-details\"\u003e\n          \u003cdiv class=\"mayon-detail\"\u003e\n            \u003cdt\u003eTextured glass\u003c\/dt\u003e\n            \u003cdd\u003e\n              Diffuses light with a soft, radiant pattern.\n            \u003c\/dd\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mayon-detail\"\u003e\n            \u003cdt\u003eTimeless finish\u003c\/dt\u003e\n            \u003cdd\u003e\n              Warm brass adds understated polish.\n            \u003c\/dd\u003e\n          \u003c\/div\u003e\n        \u003c\/dl\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cscript\u003e\n    (() =\u003e {\n      const section = document.querySelector(\".mayon-story\");\n      const buttons = [\n        ...section.querySelectorAll(\".mayon-control\")\n      ];\n      const images = [\n        ...section.querySelectorAll(\".mayon-scene\")\n      ];\n\n      const reduceMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n      let current = \"day\";\n      let timer;\n\n      function show(time, restart = false) {\n        current = time;\n        section.dataset.time = time;\n\n        buttons.forEach((button) =\u003e {\n          const isActive = button.dataset.show === time;\n\n          button.setAttribute(\n            \"aria-pressed\",\n            String(isActive)\n          );\n        });\n\n        if (restart) {\n          startAutoPlay();\n        }\n      }\n\n      function startAutoPlay() {\n        clearInterval(timer);\n\n        if (reduceMotion) {\n          return;\n        }\n\n        \/*\n          自动切换间隔：1500 毫秒，也就是 1.5 秒\n        *\/\n        timer = setInterval(() =\u003e {\n          const nextTime =\n            current === \"day\" ? \"evening\" : \"day\";\n\n          show(nextTime);\n        }, 1500);\n      }\n\n      buttons.forEach((button) =\u003e {\n        button.addEventListener(\"click\", () =\u003e {\n          show(button.dataset.show, true);\n        });\n      });\n\n      \/*\n        等两张图片加载完成后再开始自动切换，\n        避免图片未加载时出现空白或闪白。\n      *\/\n      Promise.all(\n        images.map((image) =\u003e {\n          if (typeof image.decode !== \"function\") {\n            return Promise.resolve();\n          }\n\n          return image.decode().catch(() =\u003e {});\n        })\n      ).then(startAutoPlay);\n\n      \/*\n        用户切换到其他页面时暂停动画，\n        返回页面后重新启动。\n      *\/\n      document.addEventListener(\"visibilitychange\", () =\u003e {\n        if (document.hidden) {\n          clearInterval(timer);\n        } else {\n          startAutoPlay();\n        }\n      });\n    })();\n  \u003c\/script\u003e\n\n\n\u003cstyle\u003e\n  :root {\n    --mayon-ink: #25231f;\n    --mayon-muted: #6f6a61;\n    --mayon-background: #f4f2ed;\n    --mayon-accent: #8a6239;\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .mayon-scenes {\n    width: min(calc(100% - 48px), 1440px);\n    margin: 24px auto;\n    padding: clamp(48px, 5vw, 72px)\n             clamp(32px, 4vw, 64px);\n    overflow: hidden;\n    color: var(--mayon-ink);\n    background: var(--mayon-background);\n    border-radius: 8px;\n    font-family: Inter, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  \/* 顶部标题区域 *\/\n  .mayon-scenes__header {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.15fr)\n      minmax(300px, 0.85fr);\n    gap: clamp(40px, 7vw, 112px);\n    align-items: end;\n    margin-bottom: clamp(36px, 4vw, 56px);\n  }\n\n  .mayon-scenes__heading {\n    max-width: 720px;\n  }\n\n  .mayon-scenes__kicker {\n    margin: 0 0 18px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0;\n    text-transform: uppercase;\n  }\n\n  .mayon-scenes__title {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 3.6vw, 58px);\n    font-weight: 400;\n    line-height: 1.02;\n    letter-spacing: 0;\n  }\n\n  \/* 右侧描述 *\/\n  .mayon-scenes__intro {\n    max-width: 440px;\n    margin: 0 0 4px;\n    color: var(--mayon-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  \/* 三个场景 *\/\n  .mayon-scenes__grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: clamp(24px, 3vw, 40px);\n  }\n\n  .mayon-scene-card {\n    min-width: 0;\n  }\n\n  .mayon-scene-card__media {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background: #ddd4c8;\n    border-radius: 6px;\n  }\n\n  .mayon-scene-card__image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center;\n    transition: transform 0.6s ease;\n  }\n\n  \/* 电脑端鼠标悬停效果 *\/\n  @media (hover: hover) and (pointer: fine) {\n    .mayon-scene-card:hover .mayon-scene-card__image {\n      transform: scale(1.018);\n    }\n  }\n\n  .mayon-scene-card__copy {\n    padding-top: 22px;\n  }\n\n  .mayon-scene-card__number {\n    display: block;\n    margin-bottom: 12px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .mayon-scene-card__title {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 28px;\n    font-weight: 400;\n    line-height: 1.15;\n    letter-spacing: 0;\n  }\n\n  .mayon-scene-card__description {\n    margin: 12px 0 0;\n    color: var(--mayon-muted);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  \/* 手机端 *\/\n  @media (max-width: 820px) {\n    .mayon-scenes {\n      width: calc(100% - 24px);\n      margin: 12px auto;\n      padding: 42px 20px 48px;\n    }\n\n    .mayon-scenes__header {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      align-items: start;\n      margin-bottom: 34px;\n    }\n\n    .mayon-scenes__title {\n      font-size: 38px;\n    }\n\n    .mayon-scenes__intro {\n      max-width: 620px;\n      margin: 0;\n    }\n\n    .mayon-scenes__grid {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n\n    .mayon-scene-card__media {\n      max-width: 520px;\n      margin: 0 auto;\n    }\n\n    .mayon-scene-card__copy {\n      padding-top: 18px;\n    }\n\n    .mayon-scene-card__title {\n      font-size: 26px;\n    }\n  }\n\n  \/* 小屏手机 *\/\n  @media (max-width: 420px) {\n    .mayon-scenes__title {\n      font-size: 34px;\n    }\n\n    .mayon-scene-card__title {\n      font-size: 24px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mayon-scene-card__image {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"mayon-scenes\"\u003e\u003c!-- 顶部标题与描述 --\u003e\u003cheader class=\"mayon-scenes__header\"\u003e\n\u003cdiv class=\"mayon-scenes__heading\"\u003e\n\u003cp class=\"mayon-scenes__kicker\"\u003eOne light, beautifully at home\u003c\/p\u003e\n\u003ch2 class=\"mayon-scenes__title\" id=\"mayon-scenes-title\"\u003eMade for every quiet corner.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp class=\"mayon-scenes__intro\"\u003eFrom focused mornings to welcoming arrivals and everyday rituals, Mayon brings warm, softly diffused light wherever it is placed.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"mayon-scenes__grid\"\u003e\n\u003c!-- 场景一：书房 --\u003e\n\u003carticle class=\"mayon-scene-card\"\u003e\n\u003cdiv class=\"mayon-scene-card__media\"\u003e\n\u003c!-- 【在这里替换图片链接 1：书房图片】 --\u003e \u003cimg class=\"mayon-scene-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/595d8c480341d25d0a2263315728adda.jpg?v=1787276930\" alt=\"Mayon light illuminating a warm, refined study\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-scene-card__copy\"\u003e\n\u003cspan class=\"mayon-scene-card__number\"\u003e 01 \u003c\/span\u003e\n\u003ch3 class=\"mayon-scene-card__title\"\u003eIn the study\u003c\/h3\u003e\n\u003cp class=\"mayon-scene-card__description\"\u003eA gentle overhead glow keeps the room clear and comfortable, while ribbed glass adds quiet character above the workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 场景二：玄关 --\u003e\n\u003carticle class=\"mayon-scene-card\"\u003e\n\u003cdiv class=\"mayon-scene-card__media\"\u003e\n\u003c!-- 【在这里替换图片链接 2：玄关图片】 --\u003e \u003cimg class=\"mayon-scene-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/529ab2666de2debe8532721731aefbe0.jpg?v=1787276930\" alt=\"Mayon light creating a welcoming entryway\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-scene-card__copy\"\u003e\n\u003cspan class=\"mayon-scene-card__number\"\u003e 02 \u003c\/span\u003e\n\u003ch3 class=\"mayon-scene-card__title\"\u003eIn the entryway\u003c\/h3\u003e\n\u003cp class=\"mayon-scene-card__description\"\u003eIts compact profile keeps narrow spaces open, casting a warm welcome without overwhelming the architecture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 场景三：卫生间洗手台 --\u003e\n\u003carticle class=\"mayon-scene-card\"\u003e\n\u003cdiv class=\"mayon-scene-card__media\"\u003e\n\u003c!-- 【在这里替换图片链接 3：洗手台图片】 --\u003e \u003cimg class=\"mayon-scene-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/1787276282714.jpg?v=1787276930\" alt=\"Mayon light above a calm bathroom vanity\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-scene-card__copy\"\u003e\n\u003cspan class=\"mayon-scene-card__number\"\u003e 03 \u003c\/span\u003e\n\u003ch3 class=\"mayon-scene-card__title\"\u003eAbove the vanity\u003c\/h3\u003e\n\u003cp class=\"mayon-scene-card__description\"\u003eSoft diffusion flatters the space with an even, restful glow, while warm brass complements mirrors and polished fittings.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  :root {\n    --mayon-ink: #25231f;\n    --mayon-muted: #6f6a61;\n    --mayon-background: #f4f2ed;\n    --mayon-accent: #8a6239;\n    --mayon-line: rgba(37, 35, 31, 0.16);\n  }\n\n  * { box-sizing: border-box; }\n\n  .mayon-details-section {\n    width: min(calc(100% - 48px), 1440px);\n    margin: 24px auto;\n    padding: clamp(48px, 5vw, 72px) clamp(32px, 4vw, 64px);\n    overflow: hidden;\n    color: var(--mayon-ink);\n    background: var(--mayon-background);\n    border-radius: 8px;\n    font-family: Inter, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  .mayon-details-section__header {\n    display: grid;\n    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);\n    gap: clamp(40px, 7vw, 112px);\n    align-items: end;\n    margin-bottom: clamp(36px, 4vw, 56px);\n  }\n\n  .mayon-details-section__heading {\n    max-width: 720px;\n  }\n\n  .mayon-details-section__kicker {\n    margin: 0 0 18px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0;\n    text-transform: uppercase;\n  }\n\n  .mayon-details-section__title {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 3.6vw, 58px);\n    font-weight: 400;\n    line-height: 1.02;\n    letter-spacing: 0;\n  }\n\n  .mayon-details-section__intro {\n    max-width: 440px;\n    margin: 0 0 4px;\n    color: var(--mayon-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .mayon-details-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: clamp(24px, 3vw, 40px);\n  }\n\n  .mayon-detail-card {\n    min-width: 0;\n  }\n\n  .mayon-detail-card__media {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    background: #e8e6e2;\n    border-radius: 6px;\n  }\n\n  .mayon-detail-card__image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center;\n    transition: transform 0.6s ease;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .mayon-detail-card:hover .mayon-detail-card__image {\n      transform: scale(1.018);\n    }\n  }\n\n  .mayon-detail-card__copy {\n    padding-top: 22px;\n  }\n\n  .mayon-detail-card__material {\n    display: block;\n    margin-bottom: 11px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0;\n    text-transform: uppercase;\n  }\n\n  .mayon-detail-card__title {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 28px;\n    font-weight: 400;\n    line-height: 1.15;\n    letter-spacing: 0;\n  }\n\n  .mayon-detail-card__description {\n    margin: 12px 0 0;\n    padding-top: 14px;\n    color: var(--mayon-muted);\n    border-top: 1px solid var(--mayon-line);\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  @media (max-width: 820px) {\n    .mayon-details-section {\n      width: calc(100% - 24px);\n      margin: 12px auto;\n      padding: 42px 20px 48px;\n    }\n\n    .mayon-details-section__header {\n      grid-template-columns: 1fr;\n      gap: 20px;\n      align-items: start;\n      margin-bottom: 34px;\n    }\n\n    .mayon-details-section__title {\n      font-size: 38px;\n    }\n\n    .mayon-details-section__intro {\n      max-width: 620px;\n      margin: 0;\n    }\n\n    .mayon-details-grid {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n\n    .mayon-detail-card__media {\n      max-width: 520px;\n      margin: 0 auto;\n    }\n\n    .mayon-detail-card__copy {\n      padding-top: 18px;\n    }\n\n    .mayon-detail-card__title {\n      font-size: 26px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .mayon-details-section__title {\n      font-size: 34px;\n    }\n\n    .mayon-detail-card__title {\n      font-size: 24px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .mayon-detail-card__image {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"mayon-details-section\" aria-labelledby=\"mayon-details-title\"\u003e\n  \u003cheader class=\"mayon-details-section__header\"\u003e\n    \u003cdiv class=\"mayon-details-section__heading\"\u003e\n      \u003cp class=\"mayon-details-section__kicker\"\u003e\n        Considered in every detail\n      \u003c\/p\u003e\n\n      \u003ch2 class=\"mayon-details-section__title\" id=\"mayon-details-title\"\u003e\n        Crafted to glow beautifully.\n      \u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"mayon-details-section__intro\"\u003e\n      A warm metal finish and precisely formed glass come\n      together in a compact design that feels refined,\n      enduring, and softly luminous.\n    \u003c\/p\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"mayon-details-grid\"\u003e\n\n    \u003c!-- 细节一：金属底座 --\u003e\n    \u003carticle class=\"mayon-detail-card\"\u003e\n      \u003cdiv class=\"mayon-detail-card__media\"\u003e\n\n        \u003c!-- 【替换图片链接 1：金属底座细节图】 --\u003e\n        \u003cimg class=\"mayon-detail-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/imgi_123_2_0230a950-6aaa-4a52-acb2-951d4f86b3cd.jpg?v=1787278629\" alt=\"Close view of Mayon's brushed brass-toned canopy\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mayon-detail-card__copy\"\u003e\n        \u003cspan class=\"mayon-detail-card__material\"\u003e\n          Brass-toned metal\n        \u003c\/span\u003e\n\n        \u003ch3 class=\"mayon-detail-card__title\"\u003e\n          A softly brushed finish\n        \u003c\/h3\u003e\n\n        \u003cp class=\"mayon-detail-card__description\"\u003e\n          Fine linear texture gives the canopy a warm,\n          understated sheen while helping everyday marks\n          appear less noticeable.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- 细节二：竖纹玻璃 --\u003e\n    \u003carticle class=\"mayon-detail-card\"\u003e\n      \u003cdiv class=\"mayon-detail-card__media\"\u003e\n\n        \u003c!-- 【替换图片链接 2：竖纹玻璃细节图】 --\u003e\n        \u003cimg class=\"mayon-detail-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/imgi_124_1_02bf75ab-698d-46a0-9d9e-abdabcd538b4.jpg?v=1787278629\" alt=\"Close view of Mayon's thick ribbed glass shade\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mayon-detail-card__copy\"\u003e\n        \u003cspan class=\"mayon-detail-card__material\"\u003e\n          Ribbed glass\n        \u003c\/span\u003e\n\n        \u003ch3 class=\"mayon-detail-card__title\"\u003e\n          Texture with clarity\n        \u003c\/h3\u003e\n\n        \u003cp class=\"mayon-detail-card__description\"\u003e\n          Deep vertical fluting catches and refracts the\n          light, adding dimension while softening direct\n          glare from the bulb.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- 细节三：点亮效果 --\u003e\n    \u003carticle class=\"mayon-detail-card\"\u003e\n      \u003cdiv class=\"mayon-detail-card__media\"\u003e\n\n        \u003c!-- 【替换图片链接 3：点亮细节图】 --\u003e\n        \u003cimg class=\"mayon-detail-card__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/imgi_242_3_3e4944ad-a909-49ff-a78f-f51b9e517910.jpg?v=1787278629\" alt=\"Warm light glowing through Mayon's fluted glass\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mayon-detail-card__copy\"\u003e\n        \u003cspan class=\"mayon-detail-card__material\"\u003e\n          Layered illumination\n        \u003c\/span\u003e\n\n        \u003ch3 class=\"mayon-detail-card__title\"\u003e\n          A warmer, gentler glow\n        \u003c\/h3\u003e\n\n        \u003cp class=\"mayon-detail-card__description\"\u003e\n          The clear sculpted shade multiplies warm highlights\n          into a calm, radiant effect that feels atmospheric\n          without looking heavy.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  :root {\n    --mayon-ink: #25231f;\n    --mayon-muted: #6f6a61;\n    --mayon-background: #f4f2ed;\n    --mayon-accent: #8a6239;\n    --mayon-line: rgba(37, 35, 31, 0.16);\n  }\n\n  * {\n    box-sizing: border-box;\n  }\n\n  .mayon-specs {\n    width: min(calc(100% - 48px), 1440px);\n    margin: 24px auto;\n    padding: clamp(32px, 4vw, 64px);\n    overflow: hidden;\n    color: var(--mayon-ink);\n    background: var(--mayon-background);\n    border-radius: 8px;\n    font-family: Inter, \"Helvetica Neue\", Arial, sans-serif;\n  }\n\n  .mayon-specs__layout {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.08fr)\n      minmax(420px, 0.92fr);\n    gap: clamp(48px, 6vw, 96px);\n    align-items: center;\n  }\n\n  \/* 左侧尺寸图片 *\/\n  .mayon-specs__media {\n    width: 100%;\n    max-width: 620px;\n    aspect-ratio: 1 \/ 1;\n    justify-self: center;\n    overflow: hidden;\n    background: #ffffff;\n    border-radius: 6px;\n  }\n\n  .mayon-specs__image {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  \/* 右侧参数内容 *\/\n  .mayon-specs__content {\n    width: 100%;\n    max-width: 520px;\n  }\n\n  .mayon-specs__kicker {\n    margin: 0 0 18px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0;\n    text-transform: uppercase;\n  }\n\n  .mayon-specs__title {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 3.6vw, 58px);\n    font-weight: 400;\n    line-height: 1.02;\n    letter-spacing: 0;\n  }\n\n  .mayon-specs__intro {\n    margin: 24px 0 0;\n    color: var(--mayon-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  \/* 主要尺寸 *\/\n  .mayon-specs__dimensions {\n    margin: 32px 0 0;\n    padding: 22px 0;\n    border-top: 1px solid var(--mayon-line);\n    border-bottom: 1px solid var(--mayon-line);\n  }\n\n  .mayon-specs__dimensions-label {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--mayon-accent);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  .mayon-specs__dimensions-value {\n    margin: 0;\n    color: var(--mayon-ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 24px;\n    line-height: 1.35;\n  }\n\n  \/* 规格参数 *\/\n  .mayon-specs__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 26px 32px;\n    margin-top: 28px;\n  }\n\n  .mayon-specs__group-title {\n    margin: 0 0 10px;\n    color: var(--mayon-ink);\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .mayon-specs__list {\n    margin: 0;\n    padding: 0;\n    color: var(--mayon-muted);\n    list-style: none;\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .mayon-specs__list li + li {\n    margin-top: 7px;\n  }\n\n  @media (max-width: 900px) {\n    .mayon-specs__layout {\n      grid-template-columns:\n        minmax(0, 1fr)\n        minmax(360px, 0.9fr);\n      gap: 44px;\n    }\n  }\n\n  \/* 手机端 *\/\n  @media (max-width: 820px) {\n    .mayon-specs {\n      width: calc(100% - 24px);\n      margin: 12px auto;\n      padding: 20px 20px 48px;\n    }\n\n    .mayon-specs__layout {\n      grid-template-columns: 1fr;\n      gap: 42px;\n    }\n\n    .mayon-specs__media {\n      max-width: 520px;\n    }\n\n    .mayon-specs__content {\n      max-width: 620px;\n      justify-self: center;\n    }\n\n    .mayon-specs__title {\n      font-size: 38px;\n    }\n\n    .mayon-specs__dimensions {\n      margin-top: 28px;\n    }\n  }\n\n  @media (max-width: 520px) {\n    .mayon-specs__grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n\n    .mayon-specs__dimensions-value {\n      font-size: 21px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .mayon-specs__title {\n      font-size: 34px;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"mayon-specs\"\u003e\n\u003cdiv class=\"mayon-specs__layout\"\u003e\n\u003c!-- 左侧尺寸图片 --\u003e\n\u003cdiv class=\"mayon-specs__media\"\u003e\n\u003c!-- 【在这里替换图片链接：尺寸参数图片】 --\u003e \u003cimg class=\"mayon-specs__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0680\/6349\/4302\/files\/1787279407606.jpg?v=1787282001\" alt=\"Mayon flush mount dimensions: 5 inches in diameter and 5.5 inches high\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- 右侧产品参数 --\u003e\n\u003cdiv class=\"mayon-specs__content\"\u003e\n\u003cp class=\"mayon-specs__kicker\"\u003eDimensions \u0026amp; specifications\u003c\/p\u003e\n\u003ch2 class=\"mayon-specs__title\" id=\"mayon-specs-title\"\u003eCompact by design.\u003c\/h2\u003e\n\u003cp class=\"mayon-specs__intro\"\u003eA refined flush-mount profile with thoughtfully selected materials and practical compatibility for everyday interiors.\u003c\/p\u003e\n\u003c!-- 主要尺寸 --\u003e\n\u003cdiv class=\"mayon-specs__dimensions\"\u003e\n\u003cspan class=\"mayon-specs__dimensions-label\"\u003e Optimal dimensions \u003c\/span\u003e\n\u003cp class=\"mayon-specs__dimensions-value\"\u003eDia 5 in \/ 12.7 cm × H 5.5 in \/ 14 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 详细参数 --\u003e\n\u003cdiv class=\"mayon-specs__grid\"\u003e\n\u003cdiv class=\"mayon-specs__group\"\u003e\n\u003ch3 class=\"mayon-specs__group-title\"\u003eMaterials\u003c\/h3\u003e\n\u003cul class=\"mayon-specs__list\"\u003e\n\u003cli\u003eMetal canopy in an Antique Brass finish\u003c\/li\u003e\n\u003cli\u003eGlass shade\u003c\/li\u003e\n\u003cli\u003eProduct weight: 2 lbs \/ 0.9 kg\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-specs__group\"\u003e\n\u003ch3 class=\"mayon-specs__group-title\"\u003eInstallation\u003c\/h3\u003e\n\u003cul class=\"mayon-specs__list\"\u003e\n\u003cli\u003eHardwired\u003c\/li\u003e\n\u003cli\u003eCompatible with dimmer switches\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-specs__group\"\u003e\n\u003ch3 class=\"mayon-specs__group-title\"\u003eElectrical\u003c\/h3\u003e\n\u003cul class=\"mayon-specs__list\"\u003e\n\u003cli\u003eE12 socket\u003c\/li\u003e\n\u003cli\u003eAccommodates one 20W G16 bulb\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mayon-specs__group\"\u003e\n\u003ch3 class=\"mayon-specs__group-title\"\u003eCompliance\u003c\/h3\u003e\n\u003cul class=\"mayon-specs__list\"\u003e\n\u003cli\u003eConforms to UL standards\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/body\u003e","brand":"Pawsir","offers":[{"title":"clear glass \/ antique brass \/ 5″ \/ 12.7 cm","offer_id":63888601350474,"sku":"2604RADCHOICE-0003-RIV-CLE","price":91.95,"currency_code":"EUR","in_stock":true},{"title":"milk glass \/ antique brass \/ 5″ \/ 12.7 cm","offer_id":63888601383242,"sku":"2604RADCHOICE-0003-RIV-MIL","price":91.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1012\/1271\/7386\/files\/1787212234918.jpg?v=1791772536","url":"https:\/\/pawsir.com\/products\/fluted-glass-flush-mount-ribbed-ceiling-light-durable-design","provider":"Pawsir","version":"1.0","type":"link"}