{"product_id":"silence","title":"SILENCE","description":"\u003clink rel=\"stylesheet\" href=\"https:\/\/www.piifox.com\/cdn\/shop\/t\/5\/assets\/swiper.css?v=86625232297248146771777620150\"\u003e\n    \u003cscript src=\"https:\/\/www.piifox.com\/cdn\/shop\/t\/5\/assets\/swiper.js?v=8307180934335004971777620151\"\u003e\u003c\/script\u003e\n    \u003cstyle\u003e\n      @layer product-detail {\n        :root {\n          --title-color: #000;\n          --sub-title-color: #888;\n          --context-color: #000;\n          --base-font-size: 16;\n        }\n        .product-detail--wrapper {\n          background-color: #fff;\n          color: #000;\n        }\n        .product-detail--wrapper .pc--hide {\n          display: none;\n        }\n        .product-detail--wrapper .small--hide {\n          display: block;\n        }\n        .product-detail--wrapper img {\n          border-radius: 1em;\n        }\n        .product-detail--wrapper .con-title {\n          color: var(--title-color);\n        }\n        .product-detail--wrapper .con-sub-title {\n          color: var(--sub-title-color);\n        }\n        .product-detail--wrapper .con-context {\n          color: var(--context-color);\n        }\n        .con.con4 .con4-img--wrapper {\n          padding: 4em;\n          background: #edeff2;\n          border-radius: 1em;\n        }\n        .con.con4 .con4-img--wrapper .keycap-height-grid {\n          display: grid;\n          grid-template-columns: repeat(2, 1fr);\n          grid-gap: 2em;\n        }\n        .con.con4 .keycap-height-img .keycap-height-img-header {\n          color: #898989;\n          padding: 1em;\n          font-size: 1.2em;\n          position: relative;\n        }\n        .con.con4 .keycap-height-img .keycap-height-img-header::before {\n          content: \"\";\n          position: absolute;\n          left: 0;\n          top: 50%;\n          width: 0.4em;\n          height: 1em;\n          background: #898989;\n          border-radius: 1em;\n          transform: translateY(-50%);\n        }\n        .con.con4 .keycap-height-img .keycap-height-name {\n          display: flex;\n          justify-content: center;\n          padding: 1em 0;\n        }\n        .con.con4 .keycap-height-img .keycap-height-name span {\n          background: #000;\n          color: #fff;\n          padding: 0.2em 1em;\n          border-radius: 20em;\n        }\n        .con.con4 .keycap-height-list .keycap-height-list-header {\n          display: flex;\n          align-items: center;\n          color: #898989;\n          padding: 1em 0;\n        }\n        .con.con4\n          .keycap-height-list\n          .keycap-height-list-header\n          .keycap-height-list-line {\n          flex: 1;\n          margin: 0 1em;\n          height: 1px;\n          background: #898989;\n        }\n        .con.con4 .keycap-height-list .keycap-height-item img {\n          width: 100%;\n          padding: 1em 0;\n        }\n        .con.con4 .con4-img--wrapper .con-note {\n          background: #d9dde2;\n          color: #8f959b;\n          text-align: center;\n          width: 100%;\n          padding: 0.5em 0;\n          border-radius: 0.4em;\n        }\n        .con.con5 .con5-img-list {\n            position: relative;\n            overflow: hidden;\n        }\n        .con.con5 .con5-img-list .swiper-button-next,\n        .con.con5 .con5-img-list .swiper-button-prev {\n          font-size: 1.2em;\n          width: 2.5em !important;\n          height: 2.5em !important;\n          display: inline-flex;\n          place-items: center;\n          border-radius: 50%;\n          background: rgba(0, 0, 0, 0.5);\n        }\n        .con.con5 .con5-img-list .swiper-button-next::after,\n        .con.con5 .con5-img-list .swiper-button-prev::after {\n            display: none;\n        }\n        @media screen and (max-width: 768px) {\n          .product-detail--wrapper .pc--hide {\n            display: block;\n          }\n          .product-detail--wrapper .small--hide {\n            display: none;\n          }\n          .con.con4 .con4-img--wrapper .keycap-height-grid {\n            display: flex;\n            flex-direction: column-reverse;\n          }\n        }\n        @media screen and (max-width: 600px) {\n        }\n      }\n    \u003c\/style\u003e\n    \u003cdiv class=\"product-detail-block\"\u003e\n      \u003cdiv class=\"product-detail-title product-block-title\" style=\"display: none\"\u003e\n        Featured by leading media\n      \u003c\/div\u003e\n      \u003cdiv class=\"product-detail--wrapper\"\u003e\n        \u003cdiv class=\"con con1\"\u003e\n          \u003cdiv class=\"container page-width\"\u003e\n            \u003cdiv class=\"con1--wrapper con--wrapper\"\u003e\n              \u003cdiv class=\"con-title custom-txt-extrabold\"\u003eSILENCE\u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                Beneath the moonlit pine grove reigns profound stillness.\n                Drawing on the imagery of pines and moonlight, this design\n                weaves the tranquil hush of mountain woods into gentle\n                keystrokes. Tap the keys softly, and you seem to hear the faint\n                whisper of wind drifting through pines. Time slows to a\n                standstill, leaving only the echo of your fingertips and peace\n                deep within.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_1_9af787b3-53f5-414f-a68c-544b319a15c0.png?v=1780283491\" alt=\"SILENCE\"\u003e\n            \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_1_b8cb2e8f-9077-4dcf-9cb9-2c56296773f5.png?v=1780283651\" alt=\"SILENCE\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"con con2\"\u003e\n          \u003cdiv class=\"container page-width\"\u003e\n            \u003cdiv class=\"con2--wrapper con--wrapper\"\u003e\n              \u003cdiv class=\"con-title custom-txt-extrabold\"\u003ePBT KEYCAPS\u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                Our keycaps are crafted using advanced 5-sided dye sublimation\n                technology, delivering vivid, full-color printing across every\n                surface. Built with durable PBT material, the legends are\n                resistant to fading even with long-term use.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_2.png?v=1780283491\" alt=\"SILENCE\"\u003e\n            \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_2.png?v=1780283651\" alt=\"SILENCE\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"con con3\"\u003e\n          \u003cdiv class=\"container page-width\"\u003e\n            \u003cdiv class=\"con3--wrapper con--wrapper\"\u003e\n              \u003cdiv class=\"con-title custom-txt-extrabold\"\u003e\n                KEYBOARD COMPATIBILITIES\n              \u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                This keycap set includes 130 keys and is compatible with most\n                mechanical keyboards, supporting 60 \/ 65 \/ 68 \/75 \/ 87 \/ 96 \/ 98\n                \/ 104 \/ 108 layouts.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_3_60a8bc7b-d5ba-41eb-89aa-63b0ca598bef.png?v=1780283485\" alt=\"SILENCE\"\u003e\n            \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_3_dde540bf-c421-4b8d-80e1-34901c89c389.png?v=1780283651\" alt=\"SILENCE\"\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"con con4\"\u003e\n          \u003cdiv class=\"container page-width\"\u003e\n            \u003cdiv class=\"con4--wrapper con--wrapper\"\u003e\n              \u003cdiv class=\"con-title custom-txt-extrabold\"\u003eCHERRY PROFILE\u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                Sculpted and ergonomic, Cherry profile keycaps deliver a\n                comfortable, natural typing feel. Their balanced height works\n                perfectly for typing and gaming, keeping hands relaxed at all\n                times.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"con4-img--wrapper\"\u003e\n              \u003cdiv class=\"keycap-height-grid\"\u003e\n                \u003cdiv class=\"keycap-height-img\"\u003e\n                  \u003cdiv class=\"keycap-height-img-header small--hide\"\u003e\n                    \u003cdiv class=\"keycap-height-list-title\"\u003e\n                      Keycap height unit (mm)\n                    \u003c\/div\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-img--wrapper\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_4-1.png?v=1780283482\" alt=\"SILENCE\"\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-name\"\u003e\n                    \u003cspan\u003eCHERRY\u003c\/span\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-diagram\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_4-2.png?v=1780283478\" alt=\"SILENCE\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"keycap-height-list\"\u003e\n                  \u003cdiv class=\"keycap-height-list-header\"\u003e\n                    \u003cdiv class=\"keycap-height-list-title\"\u003e\n                      Profile comparison\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"keycap-height-list-line\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"keycap-height-list-unit\"\u003eUnit:mm\u003c\/div\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-item\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_4-3.png?v=1780283479\" alt=\"SILENCE\"\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-item\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_4-4.png?v=1780283478\" alt=\"SILENCE\"\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"keycap-height-item\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_4-5.png?v=1780283478\" alt=\"SILENCE\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"con-note\"\u003e\n                Note:The above specifications are derived from\n                intermallaboratory testing. Minor discrepancies may exist due to\n                manufacturing tolerances.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"con con5\"\u003e\n          \u003cdiv class=\"container page-width\"\u003e\n            \u003cdiv class=\"con5--wrapper con--wrapper\"\u003e\n              \u003cdiv class=\"con-title custom-txt-extrabold\"\u003e\n                DESIGN INSPIRATION\n              \u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                Silence draws inspiration from the quiet of moonlit pine groves,\n                translating the misty moonlight and pine textures into misty\n                pine green hues and gentle sculpted curves. As your fingers\n                glide over the matte finish, every keystroke echoes the soft\n                rustle of wind through pines, turning each tap into a quiet\n                moment of peace.\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"con5-img-list swiper-container\"\u003e\n              \u003cdiv class=\"con5-img-list--wrapper swiper-wrapper\"\u003e\n                \u003cdiv class=\"con5-img-item swiper-slide\"\u003e\n                  \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_5-1.png?v=1780283491\" alt=\"SILENCE\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-1.png?v=1780283652\" alt=\"SILENCE\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"con5-img-item swiper-slide\"\u003e\n                  \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_5-2.png?v=1780283491\" alt=\"SILENCE\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-2.png?v=1780283652\" alt=\"SILENCE\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"con5-img-item swiper-slide\"\u003e\n                  \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_5-3.png?v=1780283491\" alt=\"SILENCE\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-3.png?v=1780283652\" alt=\"SILENCE\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"con5-img-item swiper-slide\"\u003e\n                  \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_5-4.png?v=1780283491\" alt=\"SILENCE\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-4.png?v=1780283652\" alt=\"SILENCE\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"con5-img-item swiper-slide\"\u003e\n                  \u003cimg class=\"small--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/p_5-5.png?v=1780283491\" alt=\"SILENCE\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-5.png?v=1780283651\" alt=\"SILENCE\"\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"swiper-button-prev\"\u003e\n                \u003csvg class=\"group-hover\/svg:scale-[1.3] transition-scale duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" fill=\"none\" version=\"1.1\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"\u003e\n                  \u003cg\u003e\n                    \u003cg transform=\"matrix(-1,0,0,1,30.833984375,0)\"\u003e\n                      \u003cpath d=\"M15.4169921875,6.166748046875C15.4169921875,6.564568046875,15.5750271875,6.9461080468750005,15.8563321875,7.227408046875L20.6290021875,12.000078046875L15.8563321875,16.772748046875C15.5750271875,17.054048046875,15.4169921875,17.435548046875,15.4169921875,17.833448046875C15.4169921875,18.661848046875,16.0885651875,19.333448046875,16.9169921875,19.333448046875C17.3148121875,19.333448046875,17.6963521875,19.175348046875,17.9776521875,18.894048046875L23.810982187500002,13.060738046875C24.0922921875,12.779438046875,24.2503221875,12.397908046875,24.2503221875,12.000078046875C24.2503221875,11.602258046875,24.0922921875,11.220728046875,23.810982187500002,10.939418046875L17.9776521875,5.106088046875C17.6963521875,4.824783046875,17.3148121875,4.666748046875,16.9169921875,4.666748046875C16.0885651875,4.666748046875,15.4169921875,5.338321046875,15.4169921875,6.166748046875Z\" fill-rule=\"evenodd\" fill=\"#FFFFFF\" fill-opacity=\"1\"\u003e\u003c\/path\u003e\n                    \u003c\/g\u003e\n                  \u003c\/g\u003e\n                \u003c\/svg\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"swiper-button-next\"\u003e\n                \u003csvg class=\"group-hover\/svg:scale-[1.3] transition-scale duration-300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" fill=\"none\" version=\"1.1\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\"\u003e\n                  \u003cg\u003e\n                    \u003cg\u003e\n                      \u003cpath d=\"M8.5830078125,6.166748046875C8.5830078125,6.564568046875,8.7410428125,6.9461080468750005,9.0223478125,7.227408046875L13.7950178125,12.000078046875L9.0223478125,16.772748046875C8.7410428125,17.054048046875,8.5830078125,17.435548046875,8.5830078125,17.833448046875C8.5830078125,18.661848046875,9.2545808125,19.333448046875,10.0830078125,19.333448046875C10.4808278125,19.333448046875,10.8623678125,19.175348046875,11.1436678125,18.894048046875L16.976997812500002,13.060738046875C17.2583078125,12.779438046875,17.4163378125,12.397908046875,17.4163378125,12.000078046875C17.4163378125,11.602258046875,17.2583078125,11.220728046875,16.976997812500002,10.939418046875L11.1436678125,5.106088046875C10.8623678125,4.824783046875,10.4808278125,4.666748046875,10.0830078125,4.666748046875C9.2545808125,4.666748046875,8.5830078125,5.338321046875,8.5830078125,6.166748046875Z\" fill-rule=\"evenodd\" fill=\"#FFFFFF\" fill-opacity=\"1\"\u003e\u003c\/path\u003e\n                    \u003c\/g\u003e\n                  \u003c\/g\u003e\n                \u003c\/svg\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cscript\u003e\n      const con5_swiper = new Swiper(`.con5-img-list.swiper-container`, {\n        loop: true,\n        slidesPerView: 1,\n        effect: \"fade\",\n        fadeEffect: {\n          crossFalse: true,\n        },\n        autoplay: {\n          enabled: true,\n          delay: 3000,\n          disableOnInteraction: false, \/\/ 优化：切换后不停止自动轮播\n        },\n        navigation: {\n          nextEl: `.con5-img-list.swiper-container .swiper-button-next`,\n          prevEl: `.con5-img-list.swiper-container .swiper-button-prev`,\n        },\n      });\n\n      \/\/ 窗口变化 → 正确重置 Swiper（fade 轮播专用）\n      let con5_resizeTimer;\n      window.addEventListener(\"resize\", () =\u003e {\n        clearTimeout(con5_resizeTimer);\n        con5_resizeTimer = setTimeout(() =\u003e {\n          if (con5_swiper) {\n            \/\/ 核心修复：fade 轮播必须用 updateSize 而不是单纯 update\n            con5_swiper.updateSize();\n            con5_swiper.update();\n          }\n        }, 400);\n      });\n    \u003c\/script\u003e","brand":"PiiFox","offers":[{"title":"Default Title","offer_id":52455824261401,"sku":null,"price":0.0,"currency_code":"HKD","in_stock":false}],"url":"https:\/\/www.piifox.com\/products\/silence","provider":"PiiFox","version":"1.0","type":"link"}