{"product_id":"sdsds","title":"öm ömnknlkm","description":"\n\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.ak-conn-wrap {\n  padding: 40px 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n.ak-conn-title {\n  text-align: center;\n  margin-bottom: 28px;\n}\n.ak-conn-title .ak-pill {\n  display: inline-block;\n  background: #6f5cae;\n  color: #fff;\n  font-size: .68rem;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  padding: 4px 14px;\n  border-radius: 999px;\n  margin-bottom: 10px;\n}\n.ak-conn-title h2 {\n  font-size: clamp(1.4rem, 3vw, 2rem);\n  font-weight: 700;\n  color: #1a1a2e;\n  margin: 0 0 6px;\n}\n.ak-conn-row {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  justify-content: center;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n.ak-conn-badge {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  background: #fff;\n  border: 2px solid #ede9f8;\n  border-radius: 50px;\n  padding: 12px 24px;\n  font-weight: 700;\n  font-size: .88rem;\n  color: #4e3f7e;\n  transition: border-color .2s, background .2s;\n}\n.ak-conn-badge:hover {\n  border-color: #6f5cae;\n  background: #f5f3fc;\n}\n.ak-conn-badge svg {\n  width: 20px;\n  height: 20px;\n  fill: none;\n  stroke: #6f5cae;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex-shrink: 0;\n}\n@media(max-width:600px) {\n  .ak-conn-wrap { padding: 20px 0; }\n  .ak-conn-badge { font-size: .8rem; padding: 9px 16px; width: 100%; justify-content: center; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ak-conn-wrap\"\u003e\n\u003cdiv class=\"ak-conn-title\"\u003e\n\u003cspan class=\"ak-pill\"\u003eV5 Upgrade\u003c\/span\u003e\n\u003ch2\u003eWhat's New in the 5108 V5?\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-conn-row\"\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      Wired \u0026amp; 2.4G Wireless · 8K Hz\n    \u003c\/div\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"16 12 12 8 8 12\"\u003e\u003c\/polyline\u003e\u003cline x1=\"12\" x2=\"12\" y1=\"16\" y2=\"8\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      Upgraded Switch · Crystal Silver U1\n    \u003c\/div\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect height=\"10\" rx=\"2\" ry=\"2\" width=\"16\" x=\"2\" y=\"7\"\u003e\u003c\/rect\u003e\u003cline x1=\"22\" x2=\"22\" y1=\"11\" y2=\"13\"\u003e\u003c\/line\u003e\u003cline x1=\"5\" x2=\"5\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"9\" x2=\"9\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003cline x1=\"13\" x2=\"13\" y1=\"10\" y2=\"14\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n      10,000 mAh · Long-Lasting Battery\n    \u003c\/div\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2a10 10 0 0 1 10 10c0 5.523-4.477 10-10 10S2 17.523 2 12\"\u003e\u003c\/path\u003e\u003cpath d=\"M7 12c0-2.761 2.239-5 5-5s5 2.239 5 5-2.239 5-5 5-5-2.239-5-5z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      Bottom Case Art · Aesthetic Unity\n    \u003c\/div\u003e\n\u003c!-- 重画：Gasket 结构 — 三层夹心示意 --\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\n\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"3\"\u003e\u003c\/rect\u003e\n\u003crect height=\"4\" rx=\"1.5\" width=\"16\" x=\"4\" y=\"10\"\u003e\u003c\/rect\u003e\n\u003crect height=\"4\" rx=\"1.5\" width=\"20\" x=\"2\" y=\"17\"\u003e\u003c\/rect\u003e\n\u003cline x1=\"7\" x2=\"6\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\n\u003cline x1=\"17\" x2=\"18\" y1=\"7\" y2=\"10\"\u003e\u003c\/line\u003e\n\u003cline x1=\"7\" x2=\"6\" y1=\"14\" y2=\"17\"\u003e\u003c\/line\u003e\n\u003cline x1=\"17\" x2=\"18\" y1=\"14\" y2=\"17\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n      Ultra-Narrow Gasket Structure\n    \u003c\/div\u003e\n\u003c!-- 重画：Split PC Plate — 两块板中间有缝隙 --\u003e\n\u003cdiv class=\"ak-conn-badge\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\n\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"1\" y=\"8\"\u003e\u003c\/rect\u003e\n\u003crect height=\"8\" rx=\"2\" width=\"10\" x=\"13\" y=\"8\"\u003e\u003c\/rect\u003e\n\u003cline x1=\"11\" x2=\"13\" y1=\"10\" y2=\"10\"\u003e\u003c\/line\u003e\n\u003cline x1=\"11\" x2=\"13\" y1=\"14\" y2=\"14\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n      Dual-Section Split PC Plate\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"position: relative; left: -57.5px; box-sizing: border-box; width: 1265px;\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n\/* 顶部Banner容器 *\/\n.top-banner {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  overflow: hidden;\n  position: relative;\n  border-radius: 24px; \/* 四角圆角 *\/\n}\n\n\/* Banner图片 *\/\n.top-banner img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 24px; \/* 保持四角圆角 *\/\n}\n\n\/* 可选：添加响应式文字覆盖 *\/\n.top-banner .banner-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #fff;\n  font-size: 2rem;\n  font-weight: 700;\n  text-align: center;\n  text-shadow: 0 4px 10px rgba(0,0,0,0.3);\n}\n\n\/* 响应式调整 *\/\n@media (max-width: 768px) {\n  .top-banner .banner-text {\n    font-size: 1.5rem;\n    padding: 0 10px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"top-banner\"\u003e\n\u003cimg alt=\"Shiny Kitten 5108 V5 Mechanical Keyboard Top Banner\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-Q.avif\"\u003e\n\u003c!-- 可选文字覆盖 --\u003e\n\u003c!-- \u003cdiv class=\"banner-text\"\u003eMOD007 V5 HE RGB LED\u003c\/div\u003e --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"position: relative; left: -57.5px; box-sizing: border-box; width: 1265px;\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n\/* 容器设置 *\/\n.ak-features-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    padding: 20px 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    background-color: transparent; \n}\n\n\/* 卡片基础样式 *\/\n.ak-feat-card {\n    background: #fff;\n    border-radius: 8px;\n    padding: 30px 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n    transition: transform 0.2s ease;\n}\n\n\/* 关键修改：仅在支持 hover 的设备（如电脑）上启用动画 *\/\n@media (hover: hover) {\n    .ak-feat-card:hover {\n        transform: translateY(-5px);\n    }\n}\n\n\/* 图标容器 - 直角 *\/\n.ak-icon-box {\n    width: 80px;\n    height: 80px;\n    border-radius: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    overflow: hidden; \n}\n\n.ak-icon-box img {\n    max-width: 100%;\n    max-height: 100%;\n    display: block;\n}\n\n.ak-feat-card h3 {\n    font-size: 14px;\n    font-weight: 700;\n    color: #000;\n    margin: 0;\n    line-height: 1.2;\n}\n\n\/* 响应式适配 *\/\n@media (max-width: 1024px) {\n    .ak-features-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n    .ak-features-grid { \n        grid-template-columns: repeat(2, 1fr); \n        gap: 10px; \n    }\n    .ak-feat-card { padding: 20px 10px; }\n    .ak-icon-box { \n        width: 60px;\n        height: 60px; \n        margin-bottom: 15px;\n    }\n    .ak-feat-card h3 { font-size: 12px; }\n    \n    \/* 额外保险：在窄屏下显式强制重置位移（防止部分老旧浏览器缓存 hover 状态） *\/\n    .ak-feat-card { transform: none !important; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ak-features-grid\"\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"100% Layout\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-Layout.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003e100% Layout\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"8K Polling Rate\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-100-8K.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003e8K Polling Rate\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"Per-Key Flex-Cut\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Per-Key-Flex-Cut.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePer-Key Flex-Cut\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"Gasket Mount\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Gasket-Mount.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGasket Mount\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"Hot-Swappable\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Hot-Swappable.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHot-Swappable\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"RGB Backlit\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-RGB.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRGB Backlit\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"PBT Dye-Sub\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-PBT-Dye-Sub.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePBT Dye-Sub\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-feat-card\"\u003e\n\u003cdiv class=\"ak-icon-box\"\u003e\n\u003cimg alt=\"Multi-mode\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/04\/Bun-Wonderland-5108-V5-MD-Multi-mode.avif\"\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMulti-mode\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Multi-Modes .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Multi-Modes .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Multi-Modes .text-section {\n    padding: 5px 0;\n  }\n  .Multi-Modes .feature-title {\n    margin-bottom: 12px;\n  }\n  .Multi-Modes .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  .Multi-Modes .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  @media (max-width: 768px) {\n    .Multi-Modes .product-module {\n      padding: 20px 20px;\n    }\n    .Multi-Modes .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Multi-Modes .text-section {\n      text-align: center;\n    }\n\n    .Multi-Modes .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch2\u003eFull-Body Themed Design\u003c\/h2\u003e\n\u003cp\u003e\n          The keyboard features Shiny Kitten theme artwork across the top case and the entire back panel. Paired with the matching themed keycaps, it presents a perfectly cohesive full-body design from every angle.\u003cbr\u003e\u003cbr\u003e* The Pure White colorway does not include back panel artwork.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Full-Body Themed Aesthetic\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CT-BM.avif\"\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Typing-Angle .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Typing-Angle .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Typing-Angle .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  .Typing-Angle .feature-title {\n    margin-bottom: 12px;\n  }\n  .Typing-Angle .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  @media (max-width: 768px) {\n    .Typing-Angle .product-module {\n      padding: 20px 20px;\n    }\n    .Typing-Angle .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Typing-Angle .text-section {\n      text-align: center;\n      padding-top: 10px;\n    }\n    \n    .Typing-Angle .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"8k Hz Polling Rate\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CT-8Kz.avif\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch2\u003eDual 8k Hz Polling Rate\u003c\/h2\u003e\n\u003cp\u003e\n          Featuring 8000Hz polling rate in both wired and 2.4G mode, this keyboard sends operational data 8 times per second, delivering near-zero latency, ultra-responsive performance, and precise control for both gaming and typing.\u003cbr\u003e\u003cbr\u003e*When testing 8K polling rate with Keyboard Inspector, please ensure your computer is in Safe Mode for accurate results.\n        \u003c\/p\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n:root {\n    --primary-color: #6F5CAE;\n    --secondary-color: #B19CD9;\n}\n\n.feature-header {\n    text-align: center;\n    padding: 0;\n    margin: 0;\n}\n\n.feature-header h1 {\n    font-size: 3rem;\n    font-weight: 900;\n    letter-spacing: -0.5px;\n    margin: 0;\n    line-height: 1.2;\n    display: inline-block;\n    padding: 0.1em 0;\n    overflow: visible;\n\n    color: var(--primary-color);\n    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n\n    animation: fadeInUp 0.8s ease-out;\n}\n\n@keyframes fadeInUp {\n    0% {\n        opacity: 0;\n        transform: translateY(10px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (max-width: 768px) {\n    .feature-header h1 {\n        font-size: 2.2rem;\n    }\n}\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003ch1\u003ePro Gaming Features\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n    .magnetic-switch-demo {\n      font-family: 'Poppins', sans-serif;\n      background: #ffffff;\n      padding: 40px 4%; \n      position: relative;\n      overflow: hidden;\n      color: #333333;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .magnetic-switch-demo::before,\n    .magnetic-switch-demo::after {\n      content: '';\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .magnetic-switch-demo::before {\n      top: -40%;\n      right: -10%;\n      width: 520px;\n      height: 520px;\n      background: radial-gradient(circle, rgba(111, 92, 174, 0.05), transparent 70%); \n      animation: msFloatA 9s ease-in-out infinite;\n    }\n\n    .magnetic-switch-demo::after {\n      bottom: -35%;\n      left: -8%;\n      width: 420px;\n      height: 420px;\n      background: radial-gradient(circle, rgba(111, 92, 174, 0.03), transparent 70%);\n      animation: msFloatB 11s ease-in-out infinite reverse;\n    }\n\n    @keyframes msFloatA {\n      0%,100% { transform: translate(0,0); }\n      50% { transform: translate(30px, 30px); }\n    }\n    @keyframes msFloatB {\n      0%,100% { transform: translate(0,0); }\n      50% { transform: translate(-20px, 25px); }\n    }\n\n    .magnetic-switch-demo .ms-wrapper {\n      width: 100%;\n      max-width: 1300px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .magnetic-switch-demo .ms-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 32px;\n    }\n\n    .magnetic-switch-demo .ms-card {\n      background: #f8f9fa; \n      backdrop-filter: blur(6px);\n      border-radius: 22px;\n      overflow: hidden;\n      border: 1px solid #eeeeee;\n      \/* 删除了 transition、transform 和 hover 阴影设置 *\/\n      color: #444444;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.05); \/* 仅保留基础的轻微阴影 *\/\n    }\n\n    .magnetic-switch-demo .ms-gif {\n      height: 350px;\n      background: #f1f3f5;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 0 10px; \n    }\n\n    .magnetic-switch-demo .ms-content {\n      padding: 30px 18px 20px; \n      position: relative;\n    }\n\n    .magnetic-switch-demo .ms-num {\n      position: absolute;\n      top: -18px;\n      right: 18px; \n      width: 42px;\n      height: 42px;\n      background: #6f5cae; \n      color: #fff;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      font-size: 1rem;\n    }\n\n    .magnetic-switch-demo .ms-card h3 {\n      font-size: 1.4rem;\n      font-weight: 600;\n      color: #1a1a1a;\n      margin-bottom: 14px;\n    }\n\n    .magnetic-switch-demo .ms-card p {\n      font-size: 0.95rem;\n      line-height: 1.6;\n      color: #666666;\n      font-weight: 400;\n    }\n\n    .demo-key {\n      width: 60px;\n      height: 60px;\n      background: #ffffff;\n      border: 2px solid #dddddd;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      font-weight: 700;\n      color: #333;\n      position: relative;\n      box-shadow: 0 4px 0 #cccccc; \n      transition: all 0.2s ease;\n    }\n\n    .demo-key.active,\n    .demo-key.pressed {\n      background: #6f5cae; \n      border-color: #6f5cae;\n      color: #fff;\n      box-shadow: 0 0px 0 #6f5cae !important; \n    }\n\n    .demo-key.pressed {\n      transform: translateY(4px);\n    }\n\n    .snap-demo {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      gap: 12px; \n      padding: 20px 5px;\n    }\n\n    .snap-section {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 10px;\n      flex: 1;\n    }\n\n    .snap-title {\n      font-family: 'Poppins', sans-serif;\n      font-size: 14px;\n      font-weight: 700;\n      font-style: italic;\n      color: #666;\n      text-align: center;\n    }\n\n    .snap-scene {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 60px;\n    }\n\n    .snap-runner {\n      width: 40px;\n      height: 40px;\n      position: relative;\n      display: inline-block;\n      transition: transform 0.4s ease;\n    }\n\n    .snap-runner-svg {\n      width: 100%;\n      height: 100%;\n      fill: #6f5cae; \n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\n    }\n\n    .snap-runner.running-left { animation: runLeft 0.5s ease forwards; }\n    .snap-runner.running-right { animation: runRight 0.5s ease forwards; }\n\n    @keyframes runLeft {\n      0% { transform: translateX(0) scaleX(1); }\n      100% { transform: translateX(-12px) scaleX(1); }\n    }\n\n    @keyframes runRight {\n      0% { transform: translateX(0) scaleX(-1); }\n      100% { transform: translateX(12px) scaleX(-1); }\n    }\n\n    .snap-keys { display: flex; gap: 5px; align-items: center; }\n    .snap-keys .demo-key { width: 38px; height: 38px; font-size: 14px; }\n    .snap-keys .key-plus { font-size: 14px; color: #999; font-weight: 700; }\n    .snap-divider { width: 1px; height: 120px; background: #dddddd; }\n\n    .modtap-demo { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 30px 10px; }\n    .modtap-actions { display: flex; gap: 15px; margin-top: 10px; }\n    .modtap-result { width: 60px; height: 45px; background: #fff; border: 2px solid #ddd; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #333; margin-bottom: 8px; transition: all 0.3s ease; }\n    .modtap-result.show { background: #6f5cae; border-color: #6f5cae; color: #fff; transform: scale(1.1); }\n\n    @media (max-width: 768px) {\n      .magnetic-switch-demo {\n        padding: 20px 16px; \n      }\n      .magnetic-switch-demo .ms-grid {\n        grid-template-columns: 1fr;\n        gap: 26px;\n      }\n      .magnetic-switch-demo .ms-gif {\n        height: auto;\n        min-height: 200px;\n        overflow: hidden; \n        border-radius: 22px 22px 0 0; \/* 保持移动端上部圆角 *\/\n        padding: 20px 10px;\n      }\n      .magnetic-switch-demo .ms-card {\n        overflow: visible;\n        border: none;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05); \/* 手机端保留一个固定的浅阴影 *\/\n      }\n      .snap-demo {\n        flex-direction: column;\n        gap: 15px;\n        width: 100%;\n      }\n      .snap-divider {\n        width: 80%;\n        height: 1px;\n      }\n      .snap-section {\n        width: 100%;\n      }\n    }\n\u003c\/style\u003e\n\u003csection\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eAkko Snap Keys\u003cbr\u003eOff\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eA\u003c\/div\u003e\n\u003cspan\u003e+\u003c\/span\u003e\n\u003cdiv\u003eD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv\u003e\n\u003cdiv\u003eAkko Snap Keys\u003cbr\u003eOn\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\n\u003cpath d=\"M13.5 5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eA\u003c\/div\u003e\n\u003cspan\u003e+\u003c\/span\u003e\n\u003cdiv\u003eD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e01\u003c\/div\u003e\n\u003ch3\u003eSnap Key\u003c\/h3\u003e\n\u003cp\u003eSnap Key is Akko's implementation of SOCD, prioritizing the most recent keypress for swift directional changes without releasing previous inputs. This ensures fluid, responsive control in FPS games, where quick reactions and precise movement are crucial.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eG\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eG\u003c\/div\u003e\n\u003cdiv style=\"font-size:14px;color:#888;text-align:center;\"\u003eTap\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003eF\u003c\/div\u003e\n\u003cdiv style=\"font-size:14px;color:#888;text-align:center;\"\u003eHold\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e02\u003c\/div\u003e\n\u003ch3\u003eMod-Tap\u003c\/h3\u003e\n\u003cp\u003eMod Tap is a design that provides convenience for gaming. It enables the creation of dedicated or dual-functional keys based on key press behavior. A single keypress can achieve two functions: holding down the key for one function, and pressing the key for another, improving efficiency and control.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.Get-the-MOST-section {\n  width: 100%;\n  clear: both;\n}\n.Get-the-MOST-section .ak-trans-wrap { \n  padding: 10px 0; \n  max-width: 1000px;\n  margin: 0 auto; \n}\n.Get-the-MOST-section .ak-trans-frame {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  aspect-ratio: 7 \/ 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: akd-fade-up 0.9s ease both;\n  background: linear-gradient(135deg, #ffb7c5 0%, #ffcba4 20%, #ffe0a3 35%, #b8f0d8 55%, #a8d8ff 75%, #c9b8ff 90%, #ffb7e0 100%);\n}\n.Get-the-MOST-section .ak-trans-frame::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 70%);\n  pointer-events: none;\n}\n.Get-the-MOST-section .ak-trans-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 0 32px;\n}\n.Get-the-MOST-section .ak-trans-content .ak-trans-tag {\n  display: inline-block;\n  background: rgba(255,255,255,0.5);\n  color: #b05a8a;\n  font-size: .68rem;\n  font-weight: 800;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  padding: 4px 16px;\n  border-radius: 999px;\n  margin-bottom: 8px;\n  animation: akd-bounce-in 0.7s cubic-bezier(.34,1.56,.64,1) 0.4s both;\n  box-shadow: 0 2px 8px rgba(255,255,255,0.4);\n  backdrop-filter: blur(4px);\n}\n.Get-the-MOST-section .ak-trans-content h2 {\n  font-size: clamp(1.1rem, 2.5vw, 1.8rem);\n  font-weight: 900;\n  color: #fff;\n  margin: 0;\n  text-transform: uppercase;\n  text-shadow: 0 0 20px rgba(255,255,255,0.8), 0 2px 4px rgba(0,0,0,0.3);\n  -webkit-text-stroke: 0.5px rgba(255,255,255,0.8);\n  animation: akd-fade-up 0.8s ease 0.2s both;\n  letter-spacing: .05em;\n}\n@keyframes akd-fade-up {\n  from { opacity:0; transform:translateY(14px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n@keyframes akd-bounce-in {\n  from { opacity:0; transform:scale(0.7); }\n  to   { opacity:1; transform:scale(1); }\n}\n@media(max-width:600px) {\n  .Get-the-MOST-section .ak-trans-wrap { padding: 5px 0; }\n  .Get-the-MOST-section .ak-trans-frame { aspect-ratio: 4 \/ 1; border-radius: 16px; }\n  .Get-the-MOST-section .ak-trans-content { padding: 0 20px; }\n  .Get-the-MOST-section .ak-trans-content h2 { font-size: 1rem; }\n}\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ak-trans-wrap\"\u003e\n\u003cdiv class=\"ak-trans-frame\"\u003e\n\u003cdiv class=\"ak-trans-content\"\u003e\n\u003cspan class=\"ak-trans-tag\"\u003eShiny Kitten\u003c\/span\u003e\n\u003ch2\u003eMEET THE NEW 5108 V5\u003c\/h2\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  \/* 独立封装：锁定在 .Akko-Feature-ARGB-Final 容器内 *\/\n  .Akko-Feature-ARGB-Final .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n    text-align: left;\n    line-height: normal;\n  }\n\n  .Akko-Feature-ARGB-Final .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n\n  .Akko-Feature-ARGB-Final .text-section {\n    padding: 5px 0;\n  }\n\n  \/* 标题：保持原始大小，加粗至 900 并应用 Akko 渐变 *\/\n  .Akko-Feature-ARGB-Final .feature-title {\n    margin: 0 0 12px 0;\n    font-weight: 900; \n    background: linear-gradient(135deg, #6F5CAE 0%, #A18CD1 50%, #FBC2EB 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline-block;\n  }\n\n  .Akko-Feature-ARGB-Final .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n\n  .Akko-Feature-ARGB-Final .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n    border: none;\n  }\n\n  @media (max-width: 768px) {\n    .Akko-Feature-ARGB-Final .product-module {\n      \/* 严格遵循你提供的间距格式：仅使用 padding，不设 margin *\/\n      padding: 20px 20px;\n    }\n    .Akko-Feature-ARGB-Final .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Akko-Feature-ARGB-Final .text-section {\n      text-align: center;\n    }\n    .Akko-Feature-ARGB-Final .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch2\u003eARGB Backlight\u003c\/h2\u003e\n\u003cp\u003e\n          Featuring ARGB (addressable RGB) with individually controlled LEDs for smooth, flicker-free lighting, customizable through the Akko Cloud Driver to add a striking glow to your setup.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"ARGB Backlight\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CT-RGB.avif\"\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Typing-Angle .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Typing-Angle .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Typing-Angle .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  .Typing-Angle .feature-title {\n    margin-bottom: 12px;\n  }\n  .Typing-Angle .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  @media (max-width: 768px) {\n    .Typing-Angle .product-module {\n      padding: 20px 20px;\n    }\n    .Typing-Angle .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Typing-Angle .text-section {\n      text-align: center;\n      padding-top: 10px;\n    }\n    \n    .Typing-Angle .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Side-Integrated Controls\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CT-Type-C.avif\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch2\u003eSide-Integrated Controls\u003c\/h2\u003e\n\u003cp\u003e\n          The multi-device switch and USB-C port are seamlessly integrated into the keyboard’s side for easy access and a cleaner look. Quickly toggle between Mac, Windows, USB, 2.4G, and Bluetooth.\n        \u003c\/p\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Multi-Modes .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Multi-Modes .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Multi-Modes .text-section {\n    padding: 5px 0;\n  }\n  .Multi-Modes .feature-title {\n    margin-bottom: 12px;\n  }\n  .Multi-Modes .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  .Multi-Modes .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  @media (max-width: 768px) {\n    .Multi-Modes .product-module {\n      padding: 20px 20px;\n    }\n    .Multi-Modes .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Multi-Modes .text-section {\n      text-align: center;\n    }\n    \n    .Multi-Modes .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch2\u003eDual-Section Split PC Plate\u003c\/h2\u003e\n\u003cp\u003e\n          Side-mounted silicone pads resolve the conflict between narrow bezel and soft typing structure, enabling an ultra-slim frame. Dual-section split PC plate enhances typing elasticity and soft bounce.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Dual-Section Split PC Plate\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CT-Dual-Section.avif\"\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n        \/* 独立模块化 *\/\n        .akko-hotswap-module .rt-modules-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 40px;\n            padding: 40px 20px;\n            background: transparent;\n        }\n\n        .akko-hotswap-module .rt-product-card {\n            background: #ffffff !important;\n            border-radius: 24px !important;\n            \/* 保持淡淡的边框 *\/\n            border: 1px solid rgba(0,0,0,0.05) !important; \n            box-shadow: 0 8px 32px rgba(0,0,0,0.1) !important;\n            max-width: 480px; \n            width: 100%;\n            overflow: visible;\n            text-align: center;\n            padding: 32px 24px 48px;\n            margin: 0;\n            box-sizing: border-box;\n            \/* 移除了 transition 动画 *\/\n        }\n\n        .akko-hotswap-module .rt-feature-title {\n            font-size: 26px;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin: 0 0 12px 0;\n            line-height: 1.2;\n        }\n\n        .akko-hotswap-module .rt-feature-description {\n            font-size: 16px;\n            color: #555;\n            line-height: 1.6;\n            margin: 0 0 24px 0;\n        }\n\n        .akko-hotswap-module .rt-image-section {\n            position: relative;\n            width: 100%;\n            display: block;\n            margin: 0 auto;\n            overflow: visible;\n        }\n\n        .akko-hotswap-module .rt-rgb-glow {\n            display: none; \n        }\n\n        .akko-hotswap-module .rt-rgb-product-image {\n            position: relative;\n            z-index: 1;\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: contain;\n            border-radius: 16px;\n            box-shadow: 0 12px 40px rgba(0,0,0,0.1);\n        }\n\n        \/* 手机端精准适配 *\/\n        @media (max-width: 960px) {\n            .akko-hotswap-module .rt-modules-container {\n                flex-direction: column;\n                align-items: center;\n                gap: 30px;\n                padding: 15px 5px !important; \n            }\n\n            .akko-hotswap-module .rt-product-card {\n                padding: 24px 15px 40px; \n                max-width: 100% !important; \n                width: 100% !important; \n                border-radius: 16px !important; \n                border: 1px solid rgba(0,0,0,0.08) !important; \n                box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important; \n                margin: 0 auto !important;\n            }\n\n            .akko-hotswap-module .rt-feature-title {\n                font-size: 20px; \n                margin-bottom: 10px;\n            }\n\n            .akko-hotswap-module .rt-feature-description {\n                font-size: 14px; \n                line-height: 1.5;\n                margin-bottom: 20px;\n                padding: 0 5px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFlex-Cut Hot-Swappable\u003c\/h3\u003e\n\u003cp\u003e\n                Hot-swappable design for easy customization and upgrades. Flex-cut PCB and dual-section plate for a softer, more responsive feel. Multi-layer dampening for deeper, quieter, more refined sound.\n            \u003c\/p\u003e\n\u003cdiv\u003e\n\n\u003cimg alt=\"Flex-Cut Hot-Swappable\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-XT-Hotswap-Socket.avif\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eUltra-Slim Design\u003c\/h3\u003e\n\u003cp\u003e\n                Maximize desk space while enjoying a soft and flexible gasket typing feel, enhanced by the clean contrast of polished shine and textured details.\u003cbr\u003e\u003cbr\u003e\n\u003c\/p\u003e\n\u003cdiv\u003e\n\n\u003cimg alt=\"Ultra-Slim Design\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-XT-CM.avif\"\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.Get-the-MOST-section {\n  width: 100%;\n  clear: both;\n}\n.Get-the-MOST-section .ak-trans-wrap { \n  padding: 10px 0; \n  max-width: 1000px;\n  margin: 0 auto; \n}\n.Get-the-MOST-section .ak-trans-frame {\n  position: relative;\n  border-radius: 24px;\n  overflow: hidden;\n  aspect-ratio: 7 \/ 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: akd-fade-up 0.9s ease both;\n  background: linear-gradient(135deg, #ffb7c5 0%, #ffcba4 20%, #ffe0a3 35%, #b8f0d8 55%, #a8d8ff 75%, #c9b8ff 90%, #ffb7e0 100%);\n}\n.Get-the-MOST-section .ak-trans-frame::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 70%);\n  pointer-events: none;\n}\n.Get-the-MOST-section .ak-trans-content {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 0 32px;\n}\n.Get-the-MOST-section .ak-trans-content .ak-trans-tag {\n  display: inline-block;\n  background: rgba(255,255,255,0.5);\n  color: #b05a8a;\n  font-size: .68rem;\n  font-weight: 800;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  padding: 4px 16px;\n  border-radius: 999px;\n  margin-bottom: 8px;\n  animation: akd-bounce-in 0.7s cubic-bezier(.34,1.56,.64,1) 0.4s both;\n  box-shadow: 0 2px 8px rgba(255,255,255,0.4);\n  backdrop-filter: blur(4px);\n}\n.Get-the-MOST-section .ak-trans-content h2 {\n  font-size: clamp(1.1rem, 2.5vw, 1.8rem);\n  font-weight: 900;\n  color: #fff;\n  margin: 0;\n  text-transform: uppercase;\n  text-shadow: 0 0 20px rgba(255,255,255,0.8), 0 2px 4px rgba(0,0,0,0.3);\n  -webkit-text-stroke: 0.5px rgba(255,255,255,0.8);\n  animation: akd-fade-up 0.8s ease 0.2s both;\n  letter-spacing: .05em;\n}\n@keyframes akd-fade-up {\n  from { opacity:0; transform:translateY(14px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n@keyframes akd-bounce-in {\n  from { opacity:0; transform:scale(0.7); }\n  to   { opacity:1; transform:scale(1); }\n}\n@media(max-width:600px) {\n  .Get-the-MOST-section .ak-trans-wrap { padding: 5px 0; }\n  .Get-the-MOST-section .ak-trans-frame { aspect-ratio: 4 \/ 1; border-radius: 16px; }\n  .Get-the-MOST-section .ak-trans-content { padding: 0 20px; }\n  .Get-the-MOST-section .ak-trans-content h2 { font-size: 1rem; }\n}\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ak-trans-wrap\"\u003e\n\u003cdiv class=\"ak-trans-frame\"\u003e\n\u003cdiv class=\"ak-trans-content\"\u003e\n\u003cspan class=\"ak-trans-tag\"\u003eShiny Kitten\u003c\/span\u003e\n\u003ch2\u003eGET THE MOST OUT OF 5108 V5\u003c\/h2\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Typing-Angle .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Typing-Angle .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Typing-Angle .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  .Typing-Angle .feature-title {\n    margin-bottom: 12px;\n  }\n  .Typing-Angle .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  @media (max-width: 768px) {\n    .Typing-Angle .product-module {\n      padding: 20px 20px;\n    }\n    .Typing-Angle .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Typing-Angle .text-section {\n      text-align: center;\n      padding-top: 10px;\n    }\n    \n    .Typing-Angle .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"Translucent Cat Ear Keycaps\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-MAO-Profile.avif\"\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch2\u003eTranslucent Cat Ear Keycaps\u003c\/h2\u003e\n\u003cp\u003e\n         The translucent cat ear keycaps light up with your backlight, casting a soft, playful glow that shifts with every lighting effect — like a tiny cat nuzzling your fingertips with each keystroke.\u003cbr\u003e\u003cbr\u003eCrafted with PBT+PC molding, the transparent PC layer delivers clean shine-through with deeply saturated, fade-resistant color.\n        \u003c\/p\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n  .Multi-Modes .product-module {\n    max-width: 1000px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 20px;\n    overflow: hidden;\n    padding: 30px 40px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n    box-sizing: border-box;\n  }\n  .Multi-Modes .module-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 40px;\n  }\n  .Multi-Modes .text-section {\n    padding: 5px 0;\n  }\n  .Multi-Modes .feature-title {\n    margin-bottom: 12px;\n  }\n  .Multi-Modes .feature-description {\n    margin: 0;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #555;\n  }\n  .Multi-Modes .image-section img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 24px;\n  }\n  @media (max-width: 768px) {\n    .Multi-Modes .product-module {\n      padding: 20px 20px;\n    }\n    .Multi-Modes .module-content {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n    .Multi-Modes .text-section {\n      text-align: center;\n    }\n    \n    .Multi-Modes .feature-description {\n      font-size: 17px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003ch2\u003e10,000mAh Battery\u003c\/h2\u003e\n\u003cp\u003e\n          Enjoy uninterrupted typing, gaming, or productivity with a high-capacity 10,000mAh battery, with no need for constant recharging.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cimg alt=\"10,000mAh Battery\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-10000mAh.avif\"\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cspan style=\"font-size: 32px;\"\u003eMulti-Modes\u003cbr\u003e\n\u003c\/span\u003e\u003c\/strong\u003eShiny Kitten 5108 V5 supports BT 5.0, multi-host 2.4GHz (with receiver), and wired Type-C connection for seamless device switching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.top-banner {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  overflow: hidden;\n  position: relative;\n  border-radius: 24px;\n}\n.top-banner img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 24px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"top-banner\"\u003e\n\u003cimg alt=\"Multi-Modes\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-SM-K.avif\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cspan style=\"font-size: 32px;\"\u003eWeb \u0026amp; Cloud Driver\u003cbr\u003e\n\u003c\/span\u003e\u003c\/strong\u003eFull Customization for Lighting, Keys, and Macros. Customize your keyboard anytime, anywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n    \/* 容器：用于居中按钮 *\/\n    .top-row {\n        display: flex;\n        justify-content: center;\n        padding: 0px;\n    }\n\n    \/* 按钮主体样式 *\/\n    .launch-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px; \n        background: #6F5CAE; \n        color: #fff; \/* 默认文本颜色 *\/\n        font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n        font-weight: 600;\n        padding: 12px 28px;\n        border-radius: 12px;\n        text-decoration: none;\n        font-size: 16px;\n        box-shadow: 0 6px 15px rgba(111,92,174,0.3);\n        transition: 0.25s;\n    }\n\n    \/* --- 修复部分 --- *\/\n\n    \/* 链接被访问后，保持文本颜色为白色 *\/\n    .launch-btn:visited {\n        color: #fff;\n    }\n\n    \/* 鼠标悬停时，保持文本颜色为白色，并增加交互视觉效果 *\/\n    .launch-btn:hover {\n        color: #fff;\n        background: #5D4D9E; \/* 悬停时颜色变深 *\/\n        box-shadow: 0 8px 20px rgba(111,92,174,0.4); \/* 悬停时阴影加深 *\/\n        \/* 您可以根据需要修改其他样式，如 transform: translateY(-2px); *\/\n    }\n\n\u003c\/style\u003e\n\u003cdiv\u003e\n\u003ca href=\"https:\/\/web.akkogear.com\"\u003e\n\u003csvg height=\"18\" viewbox=\"0 0 24 24\" width=\"18\"\u003e\n\u003cpath d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\u003e\u003c\/path\u003e\n\u003cpolyline points=\"15 3 21 3 21 9\"\u003e\u003c\/polyline\u003e\n\u003cline x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"\u003e\u003c\/line\u003e\n\u003c\/svg\u003e\n        Launch Web Driver\n    \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.top-banner {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  overflow: hidden;\n  position: relative;\n  border-radius: 24px;\n}\n.top-banner img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 24px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"top-banner\"\u003e\n\u003cimg alt=\"Shiny Kitten 5108 V5 Web \u0026amp; Cloud Driver\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-QD.avif\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cstrong\u003e\u003cspan style=\"font-size: 32px;\"\u003eGasket-Mounted\u003cbr\u003e\n\u003c\/span\u003e\u003c\/strong\u003eAkko’s innovative Gasket design effectively eliminates the key-striking resonance common in traditional tray-mount structures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.top-banner {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  overflow: hidden;\n  position: relative;\n  border-radius: 24px;\n}\n.top-banner img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 24px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"top-banner\"\u003e\n\u003cimg alt=\"Gasket-Mounted\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CJ.avif\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.ak-switch-wrap{padding:40px 0}\n.ak-switch-container{\n  max-width:860px;\n  margin:0 auto;\n  padding:30px;\n  border-radius:24px;\n  background:#fff;\n  box-shadow:0 4px 12px rgba(111,92,174,0.08);\n}\n.ak-switch-badge{\n  display:inline-block;\n  background:#6f5cae;\n  color:#fff;\n  padding:8px 20px;\n  border-radius:24px;\n  font-size:14px;\n  font-weight:700;\n  margin-bottom:16px;\n}\n.ak-switch-title{\n  font-size:26px;\n  font-weight:700;\n  color:#1a1a1a;\n  margin:0 0 24px;\n}\n.ak-switch-body{\n  display:flex;\n  gap:32px;\n  align-items:center;\n}\n.ak-switch-left{\n  flex:1;\n  display:flex;\n  flex-direction:column;\n  gap:0;\n}\n.ak-switch-spec-item{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  padding:12px 0;\n  border-bottom:1px solid #f0edf9;\n}\n.ak-switch-spec-item:last-child{border-bottom:none}\n.ak-switch-spec-item span:first-child{\n  color:#6b7280;\n  font-weight:600;\n  text-transform:uppercase;\n  font-size:12px;\n  letter-spacing:.05em;\n}\n.ak-switch-spec-item span:last-child{\n  color:#6f5cae;\n  font-weight:700;\n  font-size:15px;\n}\n.ak-switch-right{\n  flex:0 0 400px;\n  height:400px;\n  border-radius:20px;\n  overflow:hidden;\n  background:#f5f3fc;\n  position:relative;\n}\n.ak-switch-right img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n}\n.ak-switch-img-placeholder{\n  width:100%;\n  height:100%;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#c4b8e8;\n  font-size:.8rem;\n  font-weight:600;\n  text-align:center;\n}\n@media(max-width:768px){\n  .ak-switch-body{flex-direction:column-reverse}\n  .ak-switch-right{\n    flex:0 0 auto;\n    width:100%;\n    height:auto;\n    aspect-ratio:1\/1;\n  }\n}\n@media(max-width:600px){\n  .ak-switch-wrap{padding:20px 0}\n  .ak-switch-container{padding:20px}\n  .ak-switch-title{font-size:20px;margin-bottom:16px}\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ak-switch-wrap\"\u003e\n\u003cdiv class=\"ak-switch-container\"\u003e\n\u003cdiv class=\"ak-switch-badge\"\u003eLinear Switch\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-title\"\u003eAkko Crystal Silver U1 Switch\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-body\"\u003e\n\u003cdiv class=\"ak-switch-left\"\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003eType\u003c\/span\u003e\n\u003cspan\u003eLinear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003eOperating Force\u003c\/span\u003e\n\u003cspan\u003e35 ± 5gf\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003eTotal Travel\u003c\/span\u003e\n\u003cspan\u003e3.6 ± 0.2mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003ePre Travel\u003c\/span\u003e\n\u003cspan\u003e1.00mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\n\u003cspan\u003ePA \/ PC \/ PC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-spec-item\"\u003e\n\u003cspan\u003eLED Diffuser\u003c\/span\u003e\n\u003cspan\u003eYes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-switch-right\"\u003e\n\u003cimg alt=\"Akko Creamy Yellow U1 Switch\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-Crystal-Silver-U1.avif\"\u003e\n\u003cdiv class=\"ak-switch-img-placeholder\" style=\"display:none\"\u003e替换为轴体图片URL\u003c\/div\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n.ak-specs2-wrap {\n  padding: 40px 0;\n  max-width: 1000px;\n  margin: 0 auto;\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n.ak-specs2-header {\n  margin-bottom: 32px;\n}\n.ak-specs2-header .ak-specs2-label {\n  font-size: 19px;\n  font-weight: 600;\n  color: #6f5cae;\n  margin: 0 0 8px;\n}\n.ak-specs2-header h2 {\n  font-size: 42px;\n  font-weight: 800;\n  color: #111;\n  margin: 0 0 16px;\n}\n.ak-specs2-header p {\n  font-size: 16px;\n  color: #555;\n  margin: 0 0 20px;\n  max-width: 320px;\n  line-height: 1.6;\n}\n\n\/* 修改后的按钮样式 *\/\n.ak-specs2-btn {\n  display: inline-block;\n  background: #6f5cae;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 700;\n  padding: 12px 28px;\n  border-radius: 50px;\n  text-decoration: none;\n  cursor: pointer;\n  border: none;\n  box-shadow: 0 6px 15px rgba(111,92,174,0.3);\n  transition: 0.25s; \/* 增加过渡动画 *\/\n}\n\n\/* 悬停效果参考自 Launch Web Driver *\/\n.ak-specs2-btn:visited {\n  color: #fff;\n}\n.ak-specs2-btn:hover {\n  color: #fff;\n  background: #5D4D9E; \/* 悬停时变深 *\/\n  box-shadow: 0 8px 20px rgba(111,92,174,0.4); \/* 阴影加深 *\/\n  transform: translateY(-1px); \/* 轻微浮动感 *\/\n}\n\n\/* Layout: left text + right specs *\/\n.ak-specs2-body {\n  display: grid;\n  grid-template-columns: 280px 1fr;\n  gap: 60px;\n  align-items: start;\n}\n\n\/* Spec rows *\/\n.ak-specs2-list {\n  display: flex;\n  flex-direction: column;\n}\n.ak-specs2-row {\n  display: flex;\n  gap: 40px;\n  padding: 18px 0;\n  border-bottom: 1px solid #e8e8e8;\n  align-items: flex-start;\n}\n.ak-specs2-row:first-child {\n  border-top: 1px solid #e8e8e8;\n}\n.ak-specs2-row .spec-label {\n  font-size: 15px;\n  font-weight: 700;\n  color: #111;\n  min-width: 160px;\n  flex-shrink: 0;\n}\n.ak-specs2-row .spec-value {\n  font-size: 15px;\n  color: #888;\n  line-height: 1.6;\n}\n\n\/* Hidden rows *\/\n.ak-specs2-row.ak-hidden {\n  display: none;\n}\n\n\/* View all button *\/\n.ak-specs2-toggle {\n  display: flex;\n  justify-content: center;\n  margin-top: 4px;\n}\n.ak-specs2-toggle button {\n  background: none;\n  border: none;\n  font-size: 15px;\n  font-weight: 600;\n  color: #111;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n}\n.ak-specs2-toggle button .ak-toggle-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  transition: transform .3s;\n}\n.ak-specs2-toggle button.expanded .ak-toggle-icon {\n  transform: rotate(180deg);\n}\n\n@media(max-width: 768px) {\n  .ak-specs2-body {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .ak-specs2-header h2 { font-size: 32px; }\n  .ak-specs2-header p { max-width: none; }\n  .ak-specs2-row .spec-label { min-width: 130px; }\n}\n@media(max-width: 480px) {\n  .ak-specs2-wrap { padding: 20px 0; }\n  .ak-specs2-row { gap: 16px; flex-direction: column; }\n  .ak-specs2-row .spec-label { min-width: unset; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"ak-specs2-wrap\"\u003e\n\u003cdiv class=\"ak-specs2-body\"\u003e\n\u003cdiv class=\"ak-specs2-header\"\u003e\n\u003cp class=\"ak-specs2-label\"\u003eShiny Kitten 5108 V5\u003c\/p\u003e\n\u003ch2\u003eSpecs\u003c\/h2\u003e\n\u003cp\u003eLearn more about the 5108 V5 such as the hotkeys, system commands, backlight setting, and more in the user manual.\u003c\/p\u003e\n\u003ca class=\"ak-specs2-btn\" href=\"https:\/\/file.akkogear.com\/5108_V5.pdf\"\u003eUser Manual\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"ak-specs2-list\"\u003e\n\u003cdiv class=\"ak-specs2-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eStructure:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eGasket Mount\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eConnection:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eBluetooth 5.0 \/ 2.4GHz \/ USB Type-C\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eBacklight:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eARGB Backlit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eHot Swappable:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003e3-Pin \/ 5-Pin Support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eN-Key Rollover:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eSupport\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eBattery Capacity:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003e10000mAh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003ePolling Rate:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003e8000Hz in wired and 2.4G mode, 125Hz in Bluetooth mode\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eMacro:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eAkko Macro V1.0\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eSwitches:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eAkko Crystal Silver U1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eMaterials:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003ePBT Keycaps + ABS Case\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eLegends Printing:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eDye-Sublimation \/ Double-Shot\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eKeycap Profile:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eMAO\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eProduct Weight:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eApproximately 1.41KG\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eDimensions:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003e440.5 × 130 × 30.1mm (excluding keycap height)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003eOperating Systems:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eWindows \/ macOS \/ iOS \/ Android\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-row ak-hidden\"\u003e\n\u003cspan class=\"spec-label\"\u003ePackage List:\u003c\/span\u003e\n\u003cspan class=\"spec-value\"\u003eKeyboard×1, Manual×1, Cable×1, Receiver×1, Keycap Puller×1, Switch Puller×1, Dust Cover×1, Extra Switches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ak-specs2-toggle\"\u003e\n\u003cbutton\u003e\n\u003cspan\u003eView all\u003c\/span\u003e\n\u003cspan class=\"ak-toggle-icon\"\u003e⌄\u003c\/span\u003e\n\u003c\/button\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\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv style=\"position: relative; left: -57.5px; box-sizing: border-box; width: 1265px;\"\u003e\u003cdiv\u003e\u003cdiv\u003e\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cstyle\u003e\n\/* 顶部Banner容器 *\/\n.top-banner {\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  overflow: hidden;\n  position: relative;\n  border-radius: 24px; \/* 四角圆角 *\/\n}\n\n\/* Banner图片 *\/\n.top-banner img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  border-radius: 24px; \/* 保持四角圆角 *\/\n}\n\n\/* 可选：添加响应式文字覆盖 *\/\n.top-banner .banner-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: #fff;\n  font-size: 2rem;\n  font-weight: 700;\n  text-align: center;\n  text-shadow: 0 4px 10px rgba(0,0,0,0.3);\n}\n\n\/* 响应式调整 *\/\n@media (max-width: 768px) {\n  .top-banner .banner-text {\n    font-size: 1.5rem;\n    padding: 0 10px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"top-banner\"\u003e\n\u003cimg alt=\"Shiny Kitten 5108 V5 Mechanical Keyboard\/\" src=\"https:\/\/en.akkogear.com\/wp-content\/uploads\/2026\/07\/Greedy-Bear-5108-V5-XQ-CC.avif\"\u003e\n\u003c!-- 可选文字覆盖 --\u003e\n\u003c!-- \u003cdiv class=\"banner-text\"\u003eMOD007 V5 HE RGB LED\u003c\/div\u003e --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\n","brand":"KeyArtisan","offers":[{"title":"Default Title","offer_id":48721098113181,"sku":null,"price":0.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0684\/6962\/0893\/files\/imgi_10_one-piece-theme-anime-artisan-keycap-set-5496522.jpg?v=1785956819","url":"https:\/\/keyartisan.net\/products\/sdsds","provider":"KeyArtisan","version":"1.0","type":"link"}