{"product_id":"k310-pro-backlit-bluetooth-mechanical-keyboard","title":"K310 Pro Backlit Bluetooth Mechanical Keyboard","description":"\u003cdiv class=\"pa-k310\"\u003e\n\u003cstyle\u003e\n.pa-k310{max-width:100%;margin:0 auto;padding:0;font-family:\"Amazon Ember\",Arial,Helvetica,sans-serif;color:#0F1111;font-size:15px;line-height:1.5;}\n.pa-k310 *{box-sizing:border-box;}\n.pa-k310 img{max-width:100%;height:auto;display:block;}\n.pa-k310 .pa-mod{margin:0 0 28px;}\n.pa-k310 h1.pa-h1{font-size:26px;line-height:1.35;font-weight:700;text-align:center;margin:34px 16px 22px;color:#0F1111;}\n.pa-k310 h3.pa-hero-title{font-size:24px;line-height:1.35;font-weight:700;text-align:center;margin:0 16px 22px;}\n.pa-k310 .pa-media{position:relative;width:100%;aspect-ratio:1464\/600;overflow:hidden;background:#000;line-height:0;}\n.pa-k310 .pa-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#000;}\n\n\/* 左右箭头（两处轮播共用） *\/\n.pa-k310 .pa-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:42px;height:66px;font-size:34px;line-height:1;font-family:Arial,sans-serif;color:#0F1111;background:rgba(255,255,255,.55);border-radius:3px;cursor:pointer;user-select:none;transition:background .15s;}\n.pa-k310 .pa-arrow:hover{background:rgba(255,255,255,.92);}\n.pa-k310 .pa-arrow.prev{left:10px;}\n.pa-k310 .pa-arrow.next{right:10px;}\n\n\/* 2. 4-tab 图片轮播（导航在上，图片在下） *\/\n.pa-k310 .pa-tabs-mod{position:relative;}\n.pa-k310 .pa-tabs-mod\u003einput{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}\n.pa-k310 .pa-tabs{display:flex;background:#232323;}\n.pa-k310 .pa-tabs label{flex:1 1 0;min-width:0;padding:13px 6px;text-align:center;font-size:14px;line-height:1.3;color:#DCDCDC;cursor:pointer;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;user-select:none;}\n.pa-k310 .pa-tabs label:hover{color:#fff;}\n.pa-k310 .pa-panes{position:relative;}\n.pa-k310 .pa-pane{display:none;position:relative;line-height:0;}\n.pa-k310 .pa-caption{position:absolute;left:7%;top:50%;transform:translateY(-50%);max-width:42%;background:rgba(64,64,64,.88);padding:20px 24px;text-align:left;border-radius:2px;line-height:1.5;}\n.pa-k310 .pa-caption h4{font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;color:#fff;text-transform:uppercase;}\n.pa-k310 .pa-caption p{font-size:15px;margin:0;color:#fff;}\n#k310-tab1:checked~.pa-panes .pa-pane-1,\n#k310-tab2:checked~.pa-panes .pa-pane-2,\n#k310-tab3:checked~.pa-panes .pa-pane-3,\n#k310-tab4:checked~.pa-panes .pa-pane-4{display:block;}\n#k310-tab1:checked~.pa-tabs label[for=\"k310-tab1\"],\n#k310-tab2:checked~.pa-tabs label[for=\"k310-tab2\"],\n#k310-tab3:checked~.pa-tabs label[for=\"k310-tab3\"],\n#k310-tab4:checked~.pa-tabs label[for=\"k310-tab4\"]{color:#fff;font-weight:700;border-bottom-color:#fff;}\n\n\/* 3. 2 图圆点轮播（含左右箭头） *\/\n.pa-k310 .pa-dots-mod\u003einput{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}\n.pa-k310 .pa-slides{position:relative;}\n.pa-k310 .pa-slide{display:none;position:relative;line-height:0;}\n.pa-k310 .pa-dots{display:flex;justify-content:center;gap:10px;padding:18px 0 4px;}\n.pa-k310 .pa-dots label{width:14px;height:14px;border:1px solid #0F1111;border-radius:50%;background:#fff;cursor:pointer;display:inline-block;transition:background .15s;}\n#k310-slide1:checked~.pa-slides .pa-slide-1,\n#k310-slide2:checked~.pa-slides .pa-slide-2{display:block;}\n#k310-slide1:checked~.pa-dots label[for=\"k310-slide1\"],\n#k310-slide2:checked~.pa-dots label[for=\"k310-slide2\"]{background:#DE7921;border-color:#DE7921;}\n\n\/* 4. 四列特性 *\/\n.pa-k310 .pa-four{display:flex;flex-wrap:wrap;margin-top:6px;}\n.pa-k310 .pa-col{flex:1 1 25%;max-width:25%;padding:0 8px 18px;text-align:center;}\n.pa-k310 .pa-col img{margin:0 auto 12px;width:100%;}\n.pa-k310 .pa-col h4{font-size:17px;font-weight:700;margin:0 0 8px;line-height:1.3;color:#0F1111;}\n.pa-k310 .pa-col p{font-size:15px;line-height:1.55;margin:0;color:#0F1111;}\n\n\/* 5. 全屏背景图 *\/\n.pa-k310 .pa-fullbg{line-height:0;}\n\n\/* 6. FAQ：Q\/A 标签 + 下箭头 *\/\n.pa-k310 .pa-faq{margin:0 16px;}\n.pa-k310 .pa-faq details{border:1px solid #D5D9D9;background:#fff;margin-bottom:12px;}\n.pa-k310 .pa-faq summary{list-style:none;cursor:pointer;position:relative;padding:13px 46px 13px 74px;font-size:15px;font-weight:400;line-height:1.5;color:#0F1111;}\n.pa-k310 .pa-faq summary::-webkit-details-marker{display:none;}\n.pa-k310 .pa-faq summary::before{content:\"Q\";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:44px;height:22px;display:flex;align-items:center;justify-content:center;background:#4A4A4A;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;}\n.pa-k310 .pa-faq summary::after{content:\"\";position:absolute;right:18px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #444;transform:translateY(-50%);transition:transform .2s;}\n.pa-k310 .pa-faq details[open] summary::after{transform:translateY(-50%) rotate(180deg);}\n.pa-k310 .pa-faq .pa-answer{position:relative;padding:2px 46px 16px 74px;font-size:13px;line-height:1.6;color:#565959;}\n.pa-k310 .pa-faq .pa-answer::before{content:\"A\";position:absolute;left:14px;top:0;width:44px;height:22px;display:flex;align-items:center;justify-content:center;background:#E47911;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;}\n\n@media (max-width:900px){\n  .pa-k310 h1.pa-h1{font-size:21px;margin:26px 12px 16px;}\n  .pa-k310 h3.pa-hero-title{font-size:19px;margin:0 12px 14px;}\n  .pa-k310 .pa-col{flex:1 1 50%;max-width:50%;}\n  .pa-k310 .pa-tabs label{font-size:12px;padding:10px 4px;}\n  .pa-k310 .pa-caption{left:5%;max-width:56%;padding:14px 16px;}\n  .pa-k310 .pa-caption h4{font-size:16px;margin-bottom:6px;}\n  .pa-k310 .pa-caption p{font-size:13px;}\n  .pa-k310 .pa-arrow{width:32px;height:50px;font-size:26px;}\n  .pa-k310 .pa-faq summary{font-size:14px;padding-left:66px;}\n  .pa-k310 .pa-faq .pa-answer{padding-left:66px;padding-right:30px;}\n}\n\u003c\/style\u003e\n\n\u003c!-- ===== 1. Hero：标题 + 满宽视频 ===== --\u003e\n\u003cdiv class=\"pa-mod\"\u003e\n  \u003ch3 class=\"pa-hero-title\"\u003eProtoArc K310 Pro Aluminum Quiet Mechanical Keyboard\u003c\/h3\u003e\n  \u003cdiv class=\"pa-media\"\u003e\n    \u003cvideo controls playsinline preload=\"metadata\" poster=\"poster.jpg\" width=\"1464\" height=\"600\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/25fb40f5220345d69bc3163610c6bffb.mp4\" type=\"video\/mp4\"\u003e\n      Your browser does not support the video tag.\n    \u003c\/source\u003e\u003c\/video\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== 2. 导航栏在上、图片在下，图片左右带箭头 ===== --\u003e\n\u003cdiv class=\"pa-mod pa-tabs-mod\"\u003e\n  \u003cinput type=\"radio\" name=\"k310-tabs\" id=\"k310-tab1\" checked\u003e\n  \u003cinput type=\"radio\" name=\"k310-tabs\" id=\"k310-tab2\"\u003e\n  \u003cinput type=\"radio\" name=\"k310-tabs\" id=\"k310-tab3\"\u003e\n  \u003cinput type=\"radio\" name=\"k310-tabs\" id=\"k310-tab4\"\u003e\n\n  \u003cdiv class=\"pa-tabs\" role=\"tablist\" aria-label=\"tablist section\"\u003e\n    \u003clabel for=\"k310-tab1\" role=\"tab\"\u003e3 Devices Connection\u003c\/label\u003e\n    \u003clabel for=\"k310-tab2\" role=\"tab\"\u003eQuiet Smooth Typing\u003c\/label\u003e\n    \u003clabel for=\"k310-tab3\" role=\"tab\"\u003eLong-lasting Battery\u003c\/label\u003e\n    \u003clabel for=\"k310-tab4\" role=\"tab\"\u003eProgrammable Keys\u003c\/label\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pa-panes\"\u003e\n    \u003cdiv class=\"pa-pane pa-pane-1\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-tab4\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K1.jpg?v=1793612534\" alt=\"wireless mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-tab2\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n      \u003cdiv class=\"pa-caption\"\u003e\n        \u003ch4\u003eULTIMATE EFFICIENCY\u003c\/h4\u003e\n        \u003cp\u003eYou can sync up to three devices. The Bluetooth 5.1 and 2.4G enables fast and stable connection\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-pane pa-pane-2\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-tab1\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K2.jpg?v=1793612533\" alt=\"Low Profile mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-tab3\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n      \u003cdiv class=\"pa-caption\"\u003e\n        \u003ch4\u003eLOW-PROFILE RED SWITCHES\u003c\/h4\u003e\n        \u003cp\u003eSilky linear feel. Silent, sensitive, effortless, ready to work\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-pane pa-pane-3\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-tab2\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K3.jpg?v=1793611533\" alt=\"rechargeable mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-tab4\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-pane pa-pane-4\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-tab3\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K4.jpg?v=1793611532\" alt=\"mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-tab1\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== 3. 调整角度：标题 + 2 图圆点轮播（含左右箭头） ===== --\u003e\n\u003cdiv class=\"pa-mod pa-dots-mod\"\u003e\n  \u003ch1 class=\"pa-h1\"\u003eThe Adjustable Design Creates a Healthy Office Environment for You\u003c\/h1\u003e\n  \u003cinput type=\"radio\" name=\"k310-slides\" id=\"k310-slide1\" checked\u003e\n  \u003cinput type=\"radio\" name=\"k310-slides\" id=\"k310-slide2\"\u003e\n\n  \u003cdiv class=\"pa-slides\"\u003e\n    \u003cdiv class=\"pa-slide pa-slide-1\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-slide2\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K5.jpg?v=1793611533\" alt=\"backlit mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-slide2\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-slide pa-slide-2\"\u003e\n      \u003clabel class=\"pa-arrow prev\" for=\"k310-slide1\" aria-label=\"Previous\"\u003e‹\u003c\/label\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K6.jpg?v=1793611532\" alt=\"office mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n      \u003clabel class=\"pa-arrow next\" for=\"k310-slide1\" aria-label=\"Next\"\u003e›\u003c\/label\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"pa-dots\"\u003e\n    \u003clabel for=\"k310-slide1\" aria-label=\"slide-1\"\u003e\u003c\/label\u003e\n    \u003clabel for=\"k310-slide2\" aria-label=\"slide-2\"\u003e\u003c\/label\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== 4. 四列特性 ===== --\u003e\n\u003cdiv class=\"pa-mod\"\u003e\n  \u003ch1 class=\"pa-h1\"\u003eThe Secret Behind The ProtoArc K310 Pro’s Exceptional Typing Experience\u003c\/h1\u003e\n  \u003cdiv class=\"pa-four\"\u003e\n    \u003cdiv class=\"pa-col\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K7.png?v=1793611533\" alt=\"Low-profile Keyboard\" width=\"300\" height=\"225\"\u003e\n      \u003ch4\u003eLow-profile Keys\u003c\/h4\u003e\n      \u003cp\u003eLow-profile mechanical keys with a short travel and solid feedback offer a responsive and smooth typing experience\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-col\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K8.png?v=1793611532\" alt=\"mechanical keyboard and mouse combo\" width=\"300\" height=\"225\"\u003e\n      \u003ch4\u003eLinear Red Switches\u003c\/h4\u003e\n      \u003cp\u003eRed keys provide smooth, linear keystrokes and low actuation force\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-col\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K9.jpg?v=1793611532\" alt=\"mechanical keyboard wireless\" width=\"300\" height=\"225\"\u003e\n      \u003ch4\u003eAluminum Top Case\u003c\/h4\u003e\n      \u003cp\u003eAluminum mechanical keyboard offers enhanced durability and a sleek, professional appearance\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pa-col\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K10.jpg?v=1793611532\" alt=\"backlit mechanical keyboard\" width=\"300\" height=\"225\"\u003e\n      \u003ch4\u003e108-Key Full Size\u003c\/h4\u003e\n      \u003cp\u003eIt simplifies your tasks, allows you to execute commands effortlessly\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== 5. 全屏背景图 ===== --\u003e\n\u003cdiv class=\"pa-mod\"\u003e\n  \u003ch1 class=\"pa-h1\"\u003eMechanical Quality, Office Frendily Choice\u003c\/h1\u003e\n  \u003cdiv class=\"pa-fullbg\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/K11.jpg?v=1793611534\" alt=\"bluetooth mechanical keyboard\" width=\"1464\" height=\"600\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== 6. FAQ ===== --\u003e\n\u003cdiv class=\"pa-mod\"\u003e\n  \u003cdiv class=\"pa-faq\"\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eHow does the mechanical keyboard feel when typing? Is the sound noisy?\u003c\/summary\u003e\n      \u003cdiv class=\"pa-answer\"\u003eWireless mechanical keyboard is equiped with low-profile keys and precse red switches, responsive, smooth feel, and quiet cicking, not disturbing for office and late night use.\u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eHow many devices can be connected at the same time? Is it easy to switch?\u003c\/summary\u003e\n      \u003cdiv class=\"pa-answer\"\u003eSupport 2 4G + Dual Bluetooth connection modes wireless mechanical keyboard can effortlessly connect up to 3 devices. Short press the orange switch button to switch between devices in 3s (as fast as 1s)—no need to re-pair.\u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eWhat is the difference between the Low-Profile and the Hight-Profile Linear Red Switch?\u003c\/summary\u003e\n      \u003cdiv class=\"pa-answer\"\u003eThe low-profile key switches delivering more responsive typing feedback. You can type with less force, which means reduced finger fatigue during work. For users new to high-sensitivity keyboards, it may take some time to adjust.\u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails\u003e\n      \u003csummary\u003eIs using the programmable features complicated?\u003c\/summary\u003e\n      \u003cdiv class=\"pa-answer\"\u003eNo. Just click to open the driver webpage, and you’re ready to go. You can also find more detailed instructions on the ProtoArc Hub official website, including written guides and video tutorials.\u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"ProtoArc","offers":[{"title":"White","offer_id":47702228828249,"sku":"CP018706","price":74.99,"currency_code":"USD","in_stock":false},{"title":"Black","offer_id":47716769038425,"sku":"CP016868","price":74.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/3972\/9497\/files\/1_b5ad4479-1c5a-4497-a1a9-6dac2fb1cc0b.png?v=1793614991","url":"https:\/\/www.protoarc.com\/products\/k310-pro-backlit-bluetooth-mechanical-keyboard","provider":"ProtoArc","version":"1.0","type":"link"}