{"id":77134,"date":"2025-08-22T05:21:37","date_gmt":"2025-08-22T12:21:37","guid":{"rendered":"https:\/\/item4gamer.com\/?page_id=77134"},"modified":"2025-09-01T11:59:33","modified_gmt":"2025-09-01T18:59:33","slug":"app","status":"publish","type":"page","link":"https:\/\/item4gamer.com\/zh-hans\/app\/","title":{"rendered":"Item4Gamer Mobile App"},"content":{"rendered":"\n<main class=\"relative min-h-screen bg-gradient-to-b from-gray-50 via-white to-white\">\n    <div class=\"absolute inset-x-0 top-0 pointer-events-none h-64 md:h-80 lg:h-96\" aria-hidden=\"true\" style=\"background-image: linear-gradient(90deg, rgba(0,0,0,0.025) 1px, transparent 1px), linear-gradient(180deg, rgba(0,0,0,0.025) 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\n    <div class=\"absolute inset-x-0 top-0 pointer-events-none h-64 md:h-80 lg:h-96 bg-gradient-to-b from-white\/0 via-white\/70 to-white\" aria-hidden=\"true\"><\/div>\n    <!-- Hero -->\n    <section class=\"relative\">\n        <div class=\"max-w-7xl mx-auto px-4 md:px-8 py-12 md:py-20\">\n            <div class=\"grid md:grid-cols-2 gap-10 items-start\">\n                <!-- Copy -->\n                <div class=\"space-y-6\">\n                    <div class=\"inline-flex items-center gap-2 rounded-xl bg-primary-500\/10 text-primary-700 px-3 py-1\">\n                        <!-- Feather: zap -->\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                            <path d=\"M13 2L3 14h7l-1 8 10-12h-7l1-8z\" \/>\n                        <\/svg>\n                        <span class=\"text-sm font-medium\">\u5feb\u901f\u3001\u5b89\u5168\u3001\u59cb\u7ec8\u53ef\u7528<\/span>\n                    <\/div>\n\n                    <h1 class=\"text-3xl md:text-5xl font-extrabold leading-tight tracking-tight\">\n                        Item4Gamer \u79fb\u52a8\u5e94\u7528                    <\/h1>\n                    <p class=\"text-gray-600 text-base md:text-lg leading-relaxed\">\n                        \u8d2d\u4e70\u5168\u7403\u793c\u54c1\u5361\uff0c\u5145\u503c\u6e38\u620f\u8d27\u5e01\uff0c\u5e76\u7ba1\u7406\u60a8\u7684\u8d2d\u4e70\u2014\u2014\u5c3d\u4eab\u4f18\u96c5\u3001\u95ea\u7535\u822c\u5feb\u901f\u7684\u79fb\u52a8\u4f53\u9a8c\u3002\u5373\u65f6\u4ea4\u4ed8\u3001\u53ef\u4fe1\u8d56\u7684\u652f\u4ed8\u4ee5\u53ca\u65e0\u7f1d\u8bbf\u95ee\u60a8\u559c\u7231\u7684\u5546\u54c1\u3002\u6ca1\u6709\u6742\u4e71\uff0c\u6ca1\u6709\u5e72\u6270\u2014\u2014\u4e00\u4e2a\u4e13\u4e3a\u73a9\u5bb6\u91cf\u8eab\u5b9a\u5236\u7684\u3001\u5e72\u51c0\u53ef\u9760\u7684\u5546\u5e97\uff0c\u63d0\u4f9b\u900f\u660e\u7684\u5b9a\u4ef7\u548c\u5b9e\u65f6\u8ba2\u5355\u8ddf\u8e2a\u3002                    <\/p>\n                    <p class=\"text-gray-500 text-sm md:text-base\">\u4e3a\u901f\u5ea6\u548c\u7b80\u6d01\u800c\u6784\u5efa\uff1a\u5feb\u901f\u641c\u7d22\u3001\u672c\u5730\u5316\u76ee\u5f55\u3001\u5b89\u5168\u7684\u7ed3\u8d26\u4ee5\u53ca\u8de8\u8bbe\u5907\u7684\u540c\u6b65\u8ba2\u5355\u5386\u53f2\u8bb0\u5f55\u3002<\/p>\n\n                    <!-- CTAs (prominent & consistent) -->\n                    <div class=\"pt-3 space-y-3\">\n                        <div>\n                            <h2 class=\"text-lg font-bold\">\u4e0b\u8f7d\u5e94\u7528<\/h2>\n                            <p class=\"text-gray-600 text-sm\">\u5b89\u88c5\u5b98\u65b9 Item4Gamer \u5e94\u7528\uff0c\u4ee5\u5b9e\u73b0\u66f4\u5feb\u7684\u7ed3\u8d26\u3001\u5373\u65f6\u4ea4\u4ed8\u901a\u77e5\u4ee5\u53ca\u79bb\u7ebf\u8bbf\u95ee\u60a8\u7684\u4ee3\u7801\u3002<\/p>\n                        <\/div>\n                        <div class=\"grid grid-cols-1 gap-2 w-full max-w-sm\">\n                            <a href=\"#\" class=\"w-full inline-flex items-center justify-center gap-2 rounded-xl bg-primary-500 px-5 py-3 text-white text-base font-semibold hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <polygon points=\"5 3 19 12 5 21 5 3\" \/>\n                                <\/svg>\n                                <span>\u5728 Google Play \u4e0a\u83b7\u53d6<\/span>\n                            <\/a>\n                            <a href=\"#\" class=\"w-full inline-flex items-center justify-center gap-2 rounded-xl bg-primary-500 px-5 py-3 text-white text-base font-semibold hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n                                    <path d=\"M16.5 13.3c0-2.3 1.9-3.4 1.9-3.5-1.1-1.7-2.7-1.9-3.3-1.9-1.4-.1-2.7.8-3.4.8-.7 0-1.8-.8-3-.7-1.5.1-2.9.9-3.7 2.3-1.6 2.7-.4 6.8 1.1 9 0 .1 1 1.5 2.2 1.5.9 0 1.3-.6 2.5-.6s1.6.6 2.6.6 1.7-1.5 2.2-1.5c.3 0 1.1.2 1.9-.9-.1-.1-1.9-1.1-1.9-3.1z\" \/>\n                                    <path d=\"M13.8 6.3c.6-.7 1-1.6 1-2.6-.9.1-1.9.6-2.5 1.3-.6.7-1.1 1.6-1 2.6.9.1 1.9-.5 2.5-1.3z\" \/>\n                                <\/svg>\n                                <span>\u5728 App Store \u4e0b\u8f7d<\/span>\n                            <\/a>\n                            <a href=\"https:\/\/item4gamer.com\/wp-content\/uploads\/2025\/09\/app-release.apk\" class=\"w-full inline-flex items-center justify-center gap-2 rounded-xl bg-primary-500 px-5 py-3 text-white text-base font-semibold hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-primary-500\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" \/>\n                                    <polyline points=\"7 10 12 15 17 10\" \/>\n                                    <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\" \/>\n                                <\/svg>\n                                <span>\u4e0b\u8f7d APK<\/span>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Feature bullets -->\n                    <div class=\"grid sm:grid-cols-2 gap-4\">\n                        <div class=\"rounded-xl bg-gray-100 p-5\">\n                            <div class=\"flex items-start gap-3\">\n                                <!-- Feather: activity -->\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\" \/>\n                                <\/svg>\n                                <div>\n                                    <div class=\"font-semibold\">\u7acb\u5373\u9001\u8fbe<\/div>\n                                    <p class=\"text-gray-600 text-sm\">\u5b9e\u65f6\u8ba2\u5355\u72b6\u6001\uff0c\u5728\u51e0\u79d2\u949f\u5185\u6536\u5230\u4ee3\u7801\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"rounded-xl bg-gray-100 p-5\">\n                            <div class=\"flex items-start gap-3\">\n                                <!-- Feather: shield -->\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\n                                <\/svg>\n                                <div>\n                                    <div class=\"font-semibold\">\u5b89\u5168\u4e0e\u4fe1\u4efb<\/div>\n                                    <p class=\"text-gray-600 text-sm\">\u53d7\u4fdd\u62a4\u7684\u7ed3\u8d26\u548c\u7ecf\u8fc7\u9a8c\u8bc1\u7684\u6570\u5b57\u5546\u54c1\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"rounded-xl bg-gray-100 p-5\">\n                            <div class=\"flex items-start gap-3\">\n                                <!-- Feather: globe -->\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                    <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" \/>\n                                <\/svg>\n                                <div>\n                                    <div class=\"font-semibold\">\u5168\u7403\u76ee\u5f55<\/div>\n                                    <p class=\"text-gray-600 text-sm\">\u4ece PlayStation \u548c Xbox \u5230 Riot\u3001Steam \u53ca\u66f4\u591a\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"rounded-xl bg-gray-100 p-5\">\n                            <div class=\"flex items-start gap-3\">\n                                <!-- Feather: clock -->\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                    <path d=\"M12 6v6l4 2\" \/>\n                                <\/svg>\n                                <div>\n                                    <div class=\"font-semibold\">24\/7 \u5168\u5929\u5019\u53ef\u7528<\/div>\n                                    <p class=\"text-gray-600 text-sm\">\u968f\u65f6\u8d2d\u7269\uff0c\u5168\u5929\u5019\u63d0\u4f9b\u652f\u6301\u3002<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n                <!-- Slider -->\n                <div>\n                    <div class=\"max-w-xs sm:max-w-sm md:max-w-md lg:max-w-lg mx-auto\">\n                        <div class=\"rounded-xl bg-gray-100 p-2\">\n                            <div class=\"relative\">\n                                <div class=\"overflow-hidden rounded-xl\" id=\"app-slider\" data-current=\"0\">\n                                    <div class=\"whitespace-nowrap transition-transform duration-300 ease-out\" id=\"app-slider-track\" style=\"transform: translateX(0);\">\n                                                                                <img decoding=\"async\" src=\"https:\/\/item4gamer.com\/wp-content\/uploads\/2025\/09\/2147483648_-215276.jpg\" alt=\"\u5e94\u7528\u622a\u56fe\" class=\"inline-block w-full aspect-[9\/19] object-cover select-none\" draggable=\"false\" \/>\n                                                                                <img decoding=\"async\" src=\"https:\/\/item4gamer.com\/wp-content\/uploads\/2025\/09\/2147483648_-215278.jpg\" alt=\"\u5e94\u7528\u622a\u56fe\" class=\"inline-block w-full aspect-[9\/19] object-cover select-none\" draggable=\"false\" \/>\n                                                                                <img decoding=\"async\" src=\"https:\/\/item4gamer.com\/wp-content\/uploads\/2025\/09\/2147483648_-215280.jpg\" alt=\"\u5e94\u7528\u622a\u56fe\" class=\"inline-block w-full aspect-[9\/19] object-cover select-none\" draggable=\"false\" \/>\n                                                                                <img decoding=\"async\" src=\"https:\/\/item4gamer.com\/wp-content\/uploads\/2025\/09\/2147483648_-215288.jpg\" alt=\"\u5e94\u7528\u622a\u56fe\" class=\"inline-block w-full aspect-[9\/19] object-cover select-none\" draggable=\"false\" \/>\n                                                                            <\/div>\n                                <\/div>\n                                <!-- Controls -->\n                                <button type=\"button\" id=\"app-prev\" aria-label=\"\u4e0a\u4e00\u4e2a\" class=\"absolute left-2 top-1\/2 -translate-y-1\/2 rounded-xl bg-gray-100\/80 p-2 backdrop-blur\">\n                                    <!-- Feather: chevron-left -->\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                        <polyline points=\"15 18 9 12 15 6\" \/>\n                                    <\/svg>\n                                <\/button>\n                                <button type=\"button\" id=\"app-next\" aria-label=\"\u4e0b\u4e00\u4e2a\" class=\"absolute right-2 top-1\/2 -translate-y-1\/2 rounded-xl bg-gray-100\/80 p-2 backdrop-blur\">\n                                    <!-- Feather: chevron-right -->\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                        <polyline points=\"9 18 15 12 9 6\" \/>\n                                    <\/svg>\n                                <\/button>\n\n                                <!-- Dots -->\n                                <div class=\"mt-3 flex justify-center gap-2\" id=\"app-dots\">\n                                                                            <button type=\"button\" data-index=\"0\" class=\"h-2 w-2 rounded-full bg-gray-300\" aria-label=\"\u8f6c\u5230\u5e7b\u706f\u7247 1\" aria-controls=\"app-slider-track\"><\/button>\n                                                                            <button type=\"button\" data-index=\"1\" class=\"h-2 w-2 rounded-full bg-gray-300\" aria-label=\"\u8f6c\u5230\u5e7b\u706f\u7247 2\" aria-controls=\"app-slider-track\"><\/button>\n                                                                            <button type=\"button\" data-index=\"2\" class=\"h-2 w-2 rounded-full bg-gray-300\" aria-label=\"\u8f6c\u5230\u5e7b\u706f\u7247 3\" aria-controls=\"app-slider-track\"><\/button>\n                                                                            <button type=\"button\" data-index=\"3\" class=\"h-2 w-2 rounded-full bg-gray-300\" aria-label=\"\u8f6c\u5230\u5e7b\u706f\u7247 4\" aria-controls=\"app-slider-track\"><\/button>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                        <p class=\"mt-3 text-center text-sm text-gray-500\">\u6ed1\u52a8\u6216\u4f7f\u7528\u7bad\u5934\u6d4f\u89c8\u622a\u56fe<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n    <\/section>\n\n    <!-- Secondary section: What you can do -->\n    <section class=\"pb-16\">\n        <div class=\"max-w-7xl mx-auto px-4 md:px-8\">\n            <div class=\"rounded-xl bg-gray-100 p-6 md:p-10\">\n                <h2 class=\"text-xl md:text-2xl font-bold mb-4\">\u60a8\u9700\u8981\u7684\u4e00\u5207\uff0c\u5728\u60a8\u9700\u8981\u65f6\u5373\u53ef\u83b7\u5f97<\/h2>\n                <div class=\"grid md:grid-cols-3 gap-6\">\n                    <div class=\"space-y-2\">\n                        <div class=\"flex items-center gap-2 font-semibold\">\n                            <!-- Feather: shopping-bag -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <path d=\"M6 2l3 0 0 4h6l0-4 3 0\" \/>\n                                <path d=\"M3 6h18l-1 14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2L3 6z\" \/>\n                                <path d=\"M9 10a3 3 0 0 0 6 0\" \/>\n                            <\/svg>\n                            \u8d2d\u4e70\u793c\u54c1\u5361                        <\/div>\n                        <p class=\"text-gray-600 text-sm\">\u8d2d\u4e70 PlayStation\u3001Xbox\u3001Steam\u3001Google Play \u7b49\u70ed\u95e8\u54c1\u724c\u7684\u793c\u54c1\u5361\u3002<\/p>\n                    <\/div>\n\n                    <div class=\"space-y-2\">\n                        <div class=\"flex items-center gap-2 font-semibold\">\n                            <!-- Feather: cpu -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\" \/>\n                                <path d=\"M9 9h6v6H9zM9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3\" \/>\n                            <\/svg>\n                            \u6e38\u620f\u8d27\u5e01\u5145\u503c                        <\/div>\n                        <p class=\"text-gray-600 text-sm\">\u70b9\u5238 (Riot Points)\u3001UC\u3001\u539f\u77f3 (Genesis Crystals) \u4ee5\u53ca\u5176\u4ed6\u6e38\u620f\u70b9\u6570\u2014\u2014\u5373\u65f6\u4ea4\u4ed8\u3002<\/p>\n                    <\/div>\n\n                    <div class=\"space-y-2\">\n                        <div class=\"flex items-center gap-2 font-semibold\">\n                            <!-- Feather: help-circle -->\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n                                <path d=\"M9.09 9a3 3 0 1 1 5.82 1c0 2-3 2-3 4\" \/>\n                                <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"17\" \/>\n                            <\/svg>\n                            24\/7 \u83b7\u5f97\u5e2e\u52a9                        <\/div>\n                        <p class=\"text-gray-600 text-sm\">\u5e94\u7528\u5185\u652f\u6301\u548c\u8ba2\u5355\u5386\u53f2\u8bb0\u5f55\u8ba9\u4e00\u5207\u5c3d\u5728\u638c\u63e1\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/main>\n\n<!-- Minimal slider script (no external deps). Accessible and touch\u2011friendly) -->\n<script>\n    (function() {\n        \/\/ Basic, dependency\u2011free slider with swipe and keyboard support.\n        const slider = document.getElementById('app-slider');\n        if (!slider) return;\n        const track = document.getElementById('app-slider-track');\n        const slides = track.querySelectorAll('img');\n        const prevBtn = document.getElementById('app-prev');\n        const nextBtn = document.getElementById('app-next');\n        const dotsWrap = document.getElementById('app-dots');\n        const dots = dotsWrap.querySelectorAll('button');\n\n        let index = 0;\n        const total = slides.length;\n        let autoTimer = null;\n        const INTERVAL = 4500;\n\n        function startAuto() {\n            if (autoTimer) return;\n            autoTimer = setInterval(() => go(index + 1), INTERVAL);\n        }\n\n        function stopAuto() {\n            if (!autoTimer) return;\n            clearInterval(autoTimer);\n            autoTimer = null;\n        }\n\n        function update() {\n            const offset = -index * slider.clientWidth;\n            track.style.transform = 'translateX(' + offset + 'px)';\n            dots.forEach((d, i) => {\n                d.classList.toggle('bg-primary-500', i === index);\n                d.classList.toggle('bg-gray-300', i !== index);\n                d.setAttribute('aria-current', i === index ? 'true' : 'false');\n            });\n        }\n\n        function go(i) {\n            index = (i + total) % total;\n            update();\n        }\n\n        \/\/ Resize handler to keep widths in sync\n        let resizeTimer;\n        window.addEventListener('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(update, 150);\n        });\n\n        \/\/ Buttons\n        prevBtn.addEventListener('click', () => go(index - 1));\n        nextBtn.addEventListener('click', () => go(index + 1));\n\n        \/\/ Dots\n        dots.forEach((d) => d.addEventListener('click', function() {\n            const i = parseInt(this.getAttribute('data-index')) || 0;\n            go(i);\n        }));\n\n        \/\/ Pause on hover\/focus\n        slider.addEventListener('pointerenter', stopAuto);\n        slider.addEventListener('pointerleave', startAuto);\n        slider.addEventListener('focusin', stopAuto);\n        slider.addEventListener('focusout', startAuto);\n\n        \/\/ Keyboard navigation\n        slider.setAttribute('tabindex', '0');\n        slider.addEventListener('keydown', (e) => {\n            if (e.key === 'ArrowLeft') go(index - 1);\n            if (e.key === 'ArrowRight') go(index + 1);\n        });\n\n        \/\/ Touch\/drag support\n        let startX = 0,\n            currentX = 0,\n            dragging = false;\n        slider.addEventListener('pointerdown', (e) => {\n            dragging = true;\n            startX = e.clientX;\n            slider.setPointerCapture(e.pointerId);\n        });\n        slider.addEventListener('pointermove', (e) => {\n            if (!dragging) return;\n            currentX = e.clientX;\n            const diff = currentX - startX;\n            track.style.transform = 'translateX(' + (-index * slider.clientWidth + diff) + 'px)';\n        });\n        slider.addEventListener('pointerup', (e) => {\n            if (!dragging) return;\n            dragging = false;\n            const diff = e.clientX - startX;\n            if (Math.abs(diff) > 40) {\n                if (diff < 0) go(index + 1);\n                else go(index - 1);\n            } else {\n                update();\n            }\n        });\n        slider.addEventListener('pointercancel', () => {\n            dragging = false;\n            update();\n        });\n\n        \/\/ Init\n        startAuto();\n        update();\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"ilachat_synced":"","ilachat_sync_on_save":false,"footnotes":""},"class_list":["post-77134","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Item4Gamer \u2013 The World of Gaming in Your Hands<\/title>\n<meta name=\"description\" content=\"Item4Gamer \u2013 The World of Gaming in Your Hands\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/item4gamer.com\/zh-hans\/app\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Item4Gamer Mobile App\" \/>\n<meta property=\"og:description\" content=\"Item4Gamer \u2013 The World of Gaming in Your Hands\" \/>\n<meta property=\"og:url\" content=\"https:\/\/item4gamer.com\/zh-hans\/app\/\" \/>\n<meta property=\"og:site_name\" content=\"Item4Gamer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Item4Gamer\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-01T18:59:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@item4gamer\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/app\\\/\",\"url\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/app\\\/\",\"name\":\"Item4Gamer \u2013 The World of Gaming in Your Hands\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#website\"},\"datePublished\":\"2025-08-22T12:21:37+00:00\",\"dateModified\":\"2025-09-01T18:59:33+00:00\",\"description\":\"Item4Gamer \u2013 The World of Gaming in Your Hands\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/app\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/app\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/app\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Homepage\",\"item\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Item4Gamer Mobile App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#website\",\"url\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/\",\"name\":\"Item4Gamer\",\"description\":\"Online Game Store\",\"publisher\":{\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#organization\",\"name\":\"Item4Gamer\",\"url\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/item4gamer.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/logo-min.png\",\"contentUrl\":\"https:\\\/\\\/item4gamer.com\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/logo-min.png\",\"width\":512,\"height\":128,\"caption\":\"Item4Gamer\"},\"image\":{\"@id\":\"https:\\\/\\\/item4gamer.com\\\/zh-hans\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Item4Gamer\\\/\",\"https:\\\/\\\/x.com\\\/item4gamer\",\"https:\\\/\\\/telegram.me\\\/item4gamer\",\"https:\\\/\\\/www.instagram.com\\\/item4gamer\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Item4Gamer \u2013 The World of Gaming in Your Hands","description":"Item4Gamer \u2013 The World of Gaming in Your Hands","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/item4gamer.com\/zh-hans\/app\/","og_locale":"zh_CN","og_type":"article","og_title":"Item4Gamer Mobile App","og_description":"Item4Gamer \u2013 The World of Gaming in Your Hands","og_url":"https:\/\/item4gamer.com\/zh-hans\/app\/","og_site_name":"Item4Gamer","article_publisher":"https:\/\/www.facebook.com\/Item4Gamer\/","article_modified_time":"2025-09-01T18:59:33+00:00","twitter_card":"summary_large_image","twitter_site":"@item4gamer","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/item4gamer.com\/zh-hans\/app\/","url":"https:\/\/item4gamer.com\/zh-hans\/app\/","name":"Item4Gamer \u2013 The World of Gaming in Your Hands","isPartOf":{"@id":"https:\/\/item4gamer.com\/zh-hans\/#website"},"datePublished":"2025-08-22T12:21:37+00:00","dateModified":"2025-09-01T18:59:33+00:00","description":"Item4Gamer \u2013 The World of Gaming in Your Hands","breadcrumb":{"@id":"https:\/\/item4gamer.com\/zh-hans\/app\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/item4gamer.com\/zh-hans\/app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/item4gamer.com\/zh-hans\/app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Homepage","item":"https:\/\/item4gamer.com\/zh-hans\/"},{"@type":"ListItem","position":2,"name":"Item4Gamer Mobile App"}]},{"@type":"WebSite","@id":"https:\/\/item4gamer.com\/zh-hans\/#website","url":"https:\/\/item4gamer.com\/zh-hans\/","name":"Item4Gamer","description":"Online Game Store","publisher":{"@id":"https:\/\/item4gamer.com\/zh-hans\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/item4gamer.com\/zh-hans\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/item4gamer.com\/zh-hans\/#organization","name":"Item4Gamer","url":"https:\/\/item4gamer.com\/zh-hans\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/item4gamer.com\/zh-hans\/#\/schema\/logo\/image\/","url":"https:\/\/item4gamer.com\/wp-content\/uploads\/2022\/10\/logo-min.png","contentUrl":"https:\/\/item4gamer.com\/wp-content\/uploads\/2022\/10\/logo-min.png","width":512,"height":128,"caption":"Item4Gamer"},"image":{"@id":"https:\/\/item4gamer.com\/zh-hans\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Item4Gamer\/","https:\/\/x.com\/item4gamer","https:\/\/telegram.me\/item4gamer","https:\/\/www.instagram.com\/item4gamer\/"]}]}},"_links":{"self":[{"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/pages\/77134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/comments?post=77134"}],"version-history":[{"count":10,"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/pages\/77134\/revisions"}],"predecessor-version":[{"id":79356,"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/pages\/77134\/revisions\/79356"}],"wp:attachment":[{"href":"https:\/\/item4gamer.com\/zh-hans\/wp-json\/wp\/v2\/media?parent=77134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}