{"product_id":"herbary-植序","title":"HERBARY-植序","description":"\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\"\u003eHERBARY\u003c\/div\u003e\n              \u003cdiv class=\"con-context custom-txt-light\"\u003e\n                Let your fingertips settle into the quiet order of growing things. HERBARY means \"a guide to herbaceous plants.\" What we set out to make isn't just a set of keycaps, but a botanical journal you can type on—distilling the rhythm of unfurling leaves and the cadence of growing veins into a gentle order you can feel at your fingertips.\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_d7f4190c-80bc-4b6c-b2e6-c94a93c4aaec.png?v=1781082092\" alt=\"HERBARY-植序\"\u003e\n            \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_1_1eb8ea31-d146-4d3f-a60e-2ab6e05693ed.png?v=1781082086\" alt=\"HERBARY-植序\"\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 technology, delivering vivid, full-color printing across every surface. Made from durable PBT material, these keycaps feature legends that are 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_33c2f916-7dca-4571-8f55-c42a9e897a72.png?v=1781082089\" alt=\"HERBARY-植序\"\u003e\n            \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_2_f1b5f71e-58ef-4fc7-972b-83e5ff334898.png?v=1781082085\" alt=\"HERBARY-植序\"\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 COMPATIBILITY\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 mechanical keyboards, supporting 60 \/ 65 \/ 68 \/ 75 \/ 87 \/ 96 \/ 98 \/ 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=\"HERBARY-植序\"\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=\"HERBARY-植序\"\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 comfortable, natural typing feel. Their balanced height works perfectly for typing and gaming, keeping hands relaxed at all 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_9e9fb1d3-0aff-4d54-8967-c8760e79c9b6.png?v=1781082071\" alt=\"HERBARY-植序\"\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=\"HERBARY-植序\"\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=\"HERBARY-植序\"\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=\"HERBARY-植序\"\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=\"HERBARY-植序\"\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 internal laboratory testing. Minor discrepancies may exist due to 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                It began with the turn of a page—in an old botanical guide, dandelions and vines drawn in delicate lines, recording the quiet order of growing things. A keyboard, too, is a page we turn every day. So we brought that order to your fingertips: the gradient of new leaves washes across the keys, the Enter key is a dandelion scattering in the wind, the spacebar is a stretching vine, and each character carries the warmth of handwriting. Every keystroke feels like opening a page of a botanical journal.\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_14d96de1-0383-4882-8c41-05becc75aebc.png?v=1781082093\" alt=\"HERBARY-植序\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-1_3177fd8d-7533-4499-945d-334dd57e96bf.png?v=1781082086\" alt=\"HERBARY-植序\"\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_50382e3c-dcc6-4297-a2ab-8c038bf81b61.png?v=1781082092\" alt=\"HERBARY-植序\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-2_6026a5a7-bc38-4469-8877-f63763a3086a.png?v=1781082086\" alt=\"HERBARY-植序\"\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_706c6641-0d30-463c-bc85-078d68e2c877.png?v=1781082093\" alt=\"HERBARY-植序\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-3_f95664c3-ed08-4442-adf4-31d880c79a0d.png?v=1781082086\" alt=\"HERBARY-植序\"\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_1f7987a7-d177-47d3-971d-b7fe981a0371.png?v=1781082093\" alt=\"HERBARY-植序\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-4_d626de28-1452-4440-805f-b8170909c0d0.png?v=1781082086\" alt=\"HERBARY-植序\"\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_86d75f38-92da-4f4c-a8aa-193a01fadd37.png?v=1781082095\" alt=\"HERBARY-植序\"\u003e\n                  \u003cimg class=\"pc--hide\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1001\/2383\/6697\/files\/m_5-5_aea09ac8-9ff1-44b6-9294-eda3a2d26d2d.png?v=1781082086\" alt=\"HERBARY-植序\"\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","brand":"PiiFox","offers":[{"title":"Default Title","offer_id":52500720582937,"sku":null,"price":0.0,"currency_code":"HKD","in_stock":false}],"url":"https:\/\/www.piifox.com\/products\/herbary-%e6%a4%8d%e5%ba%8f","provider":"PiiFox","version":"1.0","type":"link"}