{"product_id":"qube-undersea-world-themed-keycap-set","title":"Qube Undersea World Themed Keycap Set","description":"\u003cp\u003eTheme: Undersea World\u003cbr\u003eCraftsmanship: Sublimation\u003cbr\u003ePackaging: Boxed\u003cbr\u003eHeight: MOA\u003cbr\u003eWall Thickness: 1.7+\u003cbr\u003eNumber of Keys: 130\u003cbr\u003eCompatible with: 61\/68\/75\/82\/84\/87\/98\/104 models\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0860\/6826\/5317\/files\/2025-10-17_150026_054png_57c4ead18ba63019-1-21ebb-dfe5b-p.jpg?v=1760684552\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"keycap-animation-section\"\u003e\n\u003ch2\u003eFall in Love with the Details ✨\u003c\/h2\u003e\n\u003cdiv class=\"keycap-container\"\u003e\n\u003cdiv class=\"floating-keycap\"\u003e⌨️\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e🌟\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e💖\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e🔑\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e⭐\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e🎮\u003c\/div\u003e\n\u003cdiv class=\"floating-keycap\"\u003e💕\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"animation-caption\"\u003eEvery keycap is a carefully crafted piece of art\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.keycap-animation-section {\n  text-align: center;\n  padding: 40px 20px;\n  margin: 40px 0;\n  background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\n  border-radius: 12px;\n  position: relative;\n  overflow: hidden;\n}\n\n.keycap-animation-section h2 {\n  color: #2c3e50;\n  font-size: 28px;\n  margin-bottom: 30px;\n  font-weight: 600;\n}\n\n.keycap-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 20px;\n  margin: 30px 0;\n  min-height: 120px;\n}\n\n.floating-keycap {\n  font-size: 32px;\n  animation: float 3s ease-in-out infinite;\n  cursor: pointer;\n  transition: transform 0.3s ease;\n  filter: drop-shadow(0 2px 5px rgba(0,0,0,0.1));\n}\n\n.floating-keycap:hover {\n  transform: scale(1.3) rotate(10deg);\n  animation-play-state: paused;\n}\n\n.floating-keycap:nth-child(1) { animation-delay: 0s; }\n.floating-keycap:nth-child(2) { animation-delay: 0.5s; }\n.floating-keycap:nth-child(3) { animation-delay: 1s; }\n.floating-keycap:nth-child(4) { animation-delay: 1.5s; }\n.floating-keycap:nth-child(5) { animation-delay: 2s; }\n.floating-keycap:nth-child(6) { animation-delay: 2.5s; }\n.floating-keycap:nth-child(7) { animation-delay: 0.7s; }\n.floating-keycap:nth-child(8) { animation-delay: 1.2s; }\n\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0) rotate(0deg);\n  }\n  50% {\n    transform: translateY(-15px) rotate(5deg);\n  }\n}\n\n.animation-caption {\n  color: #7f8c8d;\n  font-size: 16px;\n  margin-top: 20px;\n  font-style: italic;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n  .keycap-container {\n    gap: 15px;\n  }\n  \n  .floating-keycap {\n    font-size: 28px;\n  }\n  \n  .keycap-animation-section h2 {\n    font-size: 24px;\n  }\n}\n\n\/* Click Effects *\/\n.keycap-clicked {\n  animation: pop 0.5s ease !important;\n}\n\n@keyframes pop {\n  0% { transform: scale(1); }\n  50% { transform: scale(1.5); }\n  100% { transform: scale(1); }\n}\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Qube","offers":[{"title":"Default Title","offer_id":49992075510117,"sku":null,"price":29.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0860\/6826\/5317\/files\/35.jpg?v=1767600568","url":"https:\/\/qube-keycap.com\/ja\/products\/qube-undersea-world-themed-keycap-set","provider":"Qube","version":"1.0","type":"link"}