{"id":10290,"date":"2026-03-11T12:09:52","date_gmt":"2026-03-11T04:09:52","guid":{"rendered":"https:\/\/agi.refine-lab.dev\/solution\/gamer\/"},"modified":"2026-04-22T20:54:56","modified_gmt":"2026-04-22T12:54:56","slug":"gamer","status":"publish","type":"solution","link":"https:\/\/agi.refine-lab.dev\/zh-hans\/solution\/gamer\/","title":{"rendered":"Gamer"},"content":{"rendered":"\n<div x-data\n    class=\"relative w-full max-w-[2560px] mx-auto px-12 py-40 md:px-24 md:py-60 xl:px-40 xl:py-80 2xl:!py-100 3xl:py-120 overflow-hidden section-theme-header-solution-dark\"\n    data-theme=\"dark\">\n\n    <!-- Section Background Image -->\n            <div x-aos-fade=\"{ delay: 0 }\" class=\"absolute inset-0 w-full h-full z-0 overflow-hidden\">\n                        <img decoding=\"async\" \n                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img_solution01_banner.png\" \n                class=\"w-full h-full object-cover object-center\"\n                alt=\"\"\n            >\n        <\/div>\n    \n    <div class=\"container relative z-1 w-full mx-auto max-w-[1196px] 3xl:max-w-[1440px]\">\n        <div class=\"flex flex-col gap-4 relative z-10 justify-center items-start\">\n\n            <div x-aos-fade=\"{ delay: 800 }\"\n                class=\"px-8 h-[28px] xl:px-[12px] xl:py-[4px] xl:h-[36px] text-neutral-950 bg-neutral-0 flex items-center justify-center\">\n                <p class=\"body-def solution-tag font-bold\">Solution 01<\/p>\n            <\/div>\n            <!-- Section Title -->\n                            <h1 x-aos-clip-line-up=\"{ delay: 800 }\" class=\"display-2 text-neutral-0 font-bold uppercase\">\n                    Gamer                <\/h1>\n            \n            <!-- Section Subtitle -->\n                            <p x-aos-clip-line-up=\"{ delay: 900 }\" class=\"body-def text-neutral-0\">\n                    Upgraded rendering capabilities make the creative process smoother.                <\/p>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<section x-data\n    class=\"relative w-full max-w-[2560px] mx-auto items-center justify-center justify-items-center grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12 px-12 md:px-24 xl:px-40 pt-24 pb-24 md:pt-40 md:pb-40 xl:pt-48 xl:pb-48 2xl:pt-60 2xl:pb-60 3xl:pt-80 3xl:pb-80 gap-20 md:gap-24 xl:gap-40 overflow-hidden\">\n    <div\n        class=\"grid w-full mx-auto col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-10 3xl:col-start-2 max-w-[1196px] gap-8 xl:gap-12\">\n        <!-- feature_text  -->\n                    <h1 class=\"heading-1\"><mark class=\"highlight-mark\"> Featured<\/mark> Products<\/h1>\n                <!-- feature_description  -->\n                    <p class=\"body-def text-neutral-950\">We vowed to become the leading SSD manufacturer and designed our logo based on the lion due to its strength.wise, and majestic aspects which perfectly matched our core value. Whether you are using for work or entertainment, our SSD can be served as your greatest power!<\/p>\n            <\/div>\n\n    <div class=\"grid grid-cols-1 xl:grid-cols-2 w-full mx-auto col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-10 3xl:col-start-2 max-w-[1196px]\"\n        style=\"backdrop-filter: blur(40px); box-shadow: 0px 2px 12px 0px #181B1F26, 0px 0px 4px 0px #181B1F14; background: var(--neutral-0, #FFFFFF);\">\n        <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/solution-content-img.png\" alt=\"Featured Products\"\n            class=\"w-[351px] h-[260px] md:w-[720px] md:h-[530px] xl:w-[598px] xl:h-[440px] object-cover mx-auto\">\n        <div class=\"flex flex-col gap-20 md:gap-20 xl:gap-24 p-32 md:p-32 xl:p-40 2xl:p-48 3xl:p-60\">\n            <div class=\"flex flex-col gap-12 xl:gap-16\">\n                <div class=\"flex flex-col\">\n                                            <p class=\"body-def text-neutral-400\">TF138<\/p> <!-- model  -->\n                                                                <h5 class=\"heading-5 text-neutral-950\">2TB microSD card<\/h5> <!-- Name  -->\n                                    <\/div>\n                <!-- product_advantages  -->\n                                                    <div\n                        class=\"inline-flex w-fit self-start items-center justify-center text-center py-4 px-8 bg-primary-500\">\n                        <span class=\"body-sm text-white\">Feature<\/span>\n                    <\/div>\n                    <ul class=\"ligearst-disc list-outside \">\n                                                                                                            <li class=\"body-def text-neutral-950\">Globally exclusive 2TB ultra-large capacity microSD card.<\/li>\n                                                                                                            <li class=\"body-def text-neutral-950\">Paired with a dedicated reader for R\/W speeds of up to 170\/160 MB\/s.<\/li>\n                                                                                                            <li class=\"body-def text-neutral-950\">A2 V30 support for 4K UHD recording and various application devices.<\/li>\n                                            <\/ul>\n                                <!-- product_advantages  -->\n\n                <div>\n                                            <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/product\/em158-magnetic-portable-ssd-2\/\"\n                            class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline whitespace-nowrap inline-flex items-center\">\n\n                            <span class=\"relative overflow-hidden block\">\n\n                                <!-- text hi\u1ec7n t\u1ea1i -->\n                                <span class=\"body-def font-semibold masked-element block\">\n                                    Read More                                <\/span>\n\n                                <!-- text hover -->\n                                <span class=\"body-def font-semibold masked-element masked-mask block\">\n                                    Read More                                <\/span>\n\n                            <\/span>\n\n                            <span class=\"masked-element is-horizontal\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path\n                                        d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                                        fill=\"white\" \/>\n                                <\/svg>\n                            <\/span>\n                        <\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"w-full mx-auto col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-10 3xl:col-start-2 max-w-[1196px] \">\n                    <div\n                class=\"grid grid-cols-1 2xl:grid-cols-[40px_minmax(0,1fr)_40px] items-center gap-12 md:gap-20 xl:gap-24 2xl:gap-24\">\n                <button type=\"button\"\n                    class=\"solution-products-6a01a12d49dc3-prev hidden 2xl:flex items-center justify-center size-[40px] rounded-[999px] bg-primary-500 justify-self-start cursor-default hover:bg-primary-300 hover:cursor-pointer transition-colors duration-300 [&#038;.swiper-button-disabled]:bg-primary-300 [&#038;.swiper-button-disabled]:cursor-default [&#038;.swiper-button-disabled]:pointer-events-none\"\n                    aria-label=\"Previous products\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path\n                            d=\"M6.50465 0.204583C6.77784 -0.06828 7.22114 -0.0681087 7.49443 0.204583C7.76766 0.47785 7.76748 0.921033 7.49443 1.19441L2.38969 6.3003H13.3C13.6864 6.30033 13.9997 6.61397 14 7.00029C13.9998 7.3867 13.6865 7.70025 13.3 7.70028H2.38969L7.49443 12.8053C7.76766 13.0785 7.76747 13.5217 7.49443 13.7951C7.22108 14.0683 6.77795 14.0684 6.50465 13.7951L0.205065 7.4952C0.0740548 7.36404 9.4637e-05 7.18568 0 7.00029C0.000150026 6.81489 0.0739896 6.63651 0.205065 6.50538L6.50465 0.204583Z\"\n                            fill=\"white\" \/>\n                    <\/svg>\n                <\/button>\n\n                <div class=\"swiper w-full\" x-solutionproductslider\n                    data-prev=\".solution-products-6a01a12d49dc3-prev\"\n                    data-next=\".solution-products-6a01a12d49dc3-next\">\n                    <div class=\"swiper-wrapper items-stretch\">\n                                                                                    <div class=\"swiper-slide h-auto flex\">\n                                        <article class=\"group flex flex-col gap-12 min-w-0 w-full h-full\">\n        <div class=\"w-full h-[160px] md:h-[220px] xl:h-[270px] flex items-center justify-center overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full max-w-[383px] object-contain transition-transform duration-300 ease-out group-hover:scale-105\"\n                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2025\/08\/858-Main_858.png\" alt=\"AI238 SATA SSD\" \/>\n        <\/div>\n        <h6 class=\"body-lg min-h-[40px]\">\n            <a href=\"https:\/\/agi.refine-lab.dev\/zh-hans\/product\/ai858-m-2-pcie-gen5-ssd-2\/\"\n                class=\"text-neutral-950 transition-colors duration-300 group-hover:text-primary-500\">\n                AI238 SATA SSD            <\/a>\n        <\/h6>\n        <ul class=\"list-disc list-inside space-y-4 mt-auto\">\n\n                                                <li class=\"body-def text-neutral-500\">\n                        M.2 2280                    <\/li>\n                                    <li class=\"body-def text-neutral-500\">\n                        PCIe Gen5 x4                    <\/li>\n                                    <li class=\"body-def text-neutral-500\">\n                        1TB \/ 2TB \/ 4TB                    <\/li>\n                                    <\/ul>\n    <\/article>\n                                    <\/div>\n                                                            <div class=\"swiper-slide h-auto flex\">\n                                        <article class=\"group flex flex-col gap-12 min-w-0 w-full h-full\">\n        <div class=\"w-full h-[160px] md:h-[220px] xl:h-[270px] flex items-center justify-center overflow-hidden\">\n            <img decoding=\"async\" class=\"w-full h-full max-w-[383px] object-contain transition-transform duration-300 ease-out group-hover:scale-105\"\n                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2025\/07\/600-600-ED138PRO.png\" alt=\"ED138 Pro Portable SSD\" \/>\n        <\/div>\n        <h6 class=\"body-lg min-h-[40px]\">\n            <a href=\"https:\/\/agi.refine-lab.dev\/zh-hans\/product\/ed138-pro\/\"\n                class=\"text-neutral-950 transition-colors duration-300 group-hover:text-primary-500\">\n                ED138 Pro Portable SSD            <\/a>\n        <\/h6>\n        <ul class=\"list-disc list-inside space-y-4 mt-auto\">\n\n                                                <li class=\"body-def text-neutral-500\">\n                        512GB \/ 1TB                    <\/li>\n                                    <li class=\"body-def text-neutral-500\">\n                        USB 3.2 Gen 2                    <\/li>\n                                    <li class=\"body-def text-neutral-500\">\n                        Type-C and Type-A                    <\/li>\n                                    <\/ul>\n    <\/article>\n                                    <\/div>\n                                                                        <\/div>\n                <\/div>\n\n                <button type=\"button\"\n                    class=\"solution-products-6a01a12d49dc3-next hidden 2xl:flex items-center justify-center size-[40px] rounded-[999px] bg-primary-500 justify-self-end cursor-default hover:bg-primary-300 hover:cursor-pointer transition-colors duration-300 [&#038;.swiper-button-disabled]:bg-primary-300 [&#038;.swiper-button-disabled]:cursor-default [&#038;.swiper-button-disabled]:pointer-events-none\"\n                    aria-label=\"Next products\">\n                    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path\n                            d=\"M6.50557 0.204913C6.77892 -0.0682513 7.22205 -0.0683572 7.49535 0.204913L13.7949 6.50474C13.926 6.63591 13.9999 6.8142 14 6.99965C13.9999 7.18514 13.9261 7.36337 13.7949 7.49456L7.49535 13.7953C7.22213 14.0683 6.77889 14.0682 6.50557 13.7953C6.2323 13.522 6.2324 13.0788 6.50557 12.8055L11.6103 7.69963H0.699954C0.313506 7.69961 0.000172585 7.38608 0 6.99965C0.000193289 6.61324 0.313519 6.29969 0.699954 6.29967H11.6103L6.50557 1.19473C6.23229 0.921433 6.23241 0.478284 6.50557 0.204913Z\"\n                            fill=\"white\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n    <div class=\"col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-10 3xl:col-start-2 2xl:hidden\">\n        <div>\n            <a x-maskedhover href=\"https:\/\/agi.refine-lab.dev\/product\/em158-magnetic-portable-ssd-2\/\"\n                class=\"btn-link-read-more-neutral gap-[4px] md:gap-[8px] pt-[8px] pr-[12px] pb-[8px] pl-[20px] md:pt-[12px] md:pr-[16px] md:pb-[12px] md:pl-[24px] rounded-[999px] no-underline inline-flex whitespace-nowrap items-center\">\n\n                <span class=\"relative overflow-hidden block\">\n\n                    <!-- text hi\u1ec7n t\u1ea1i -->\n                    <span class=\"body-def font-semibold masked-element block\">\n                        Explore More                    <\/span>\n\n                    <!-- text hover -->\n                    <span class=\"body-def font-semibold masked-element masked-mask block\">\n                        Explore More                    <\/span>\n\n                <\/span>\n\n                <span class=\"masked-element is-horizontal\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path\n                            d=\"M11.5056 5.20491C11.7789 4.93175 12.2221 4.93164 12.4953 5.20491L18.7949 11.5047C18.926 11.6359 18.9999 11.8142 19 11.9996C18.9999 12.1851 18.9261 12.3634 18.7949 12.4946L12.4953 18.7953C12.2221 19.0683 11.7789 19.0682 11.5056 18.7953C11.2323 18.522 11.2324 18.0788 11.5056 17.8055L16.6103 12.6996H5.69995C5.31351 12.6996 5.00017 12.3861 5 11.9996C5.00019 11.6132 5.31352 11.2997 5.69995 11.2997H16.6103L11.5056 6.19473C11.2323 5.92143 11.2324 5.47828 11.5056 5.20491Z\"\n                            fill=\"white\" \/>\n                    <\/svg>\n                <\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data data-application-block class=\"application-main relative overflow-hidden max-w-[2560px] mx-auto items-center justify-center grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12 py-40 px-12 gap-24 md:py-60 md:px-24 xl:py-80 xl:px-40 xl:gap-40 2xl:py-120 3xl:py-160 align is-style-dark wp-block-refine-lab-application\">\n    <div class=\"absolute inset-0\">\n        <div class=\"absolute inset-0 bg-cover bg-center\" style=\"background-image: url('https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img_solution01_bg-1.png');\"><\/div>\n        <!-- <div class=\"absolute inset-0 bg-black\/70\"><\/div> -->\n    <\/div>\n\n            <div style=\"color:var(--local-primary-500); mask-image:var(--local-watermark-color); -webkit-mask-image:var(--local-watermark-color);\" class=\"z-10 absolute -top-[10px] right-0 w-full flex justify-center display-1 uppercase opacity-30 pointer-events-none select-none overflow-hidden\"\n            aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\">\n                Application            <\/span>\n        <\/div>\n    \n    <!-- text -->\n    <div class=\"max-w-[1196px] relative z-10 items-center justify-center mx-auto grid gap-8 xl:gap-12 col-span-full\">\n        <h1 style=\"color:var(--local-primary-500)\" x-aos-fade=\"{ delay: 800 }\" class=\"heading-1 text-center\">Application<\/h1>\n        <p x-aos-fade=\"{ delay: 800 }\" class=\"body-def text-white text-center\">We vowed to become the leading SSD manufacturer and designed our logo based on the lion due to its strength.wise, and majestic aspects which perfectly matched our core value. Whether you are using for work or entertainment, our SSD can be served as your greatest power!<\/p>\n    <\/div>\n    \n    <!-- picture -->\n     <div class=\"max-w-[1196px] w-full mx-auto col-span-full \">\n        <div data-application-list class=\"relative z-10 mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-20 xl:gap-24\">\n                                                                    <div data-application-item class=\"relative z-10 aspect-square p-24 xl:p-40\">\n                        <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/9832a8a75281eac662be1f33a94e1cf9d6c770e5.png\" alt=\"MOBILE\" class=\"absolute inset-0 w-full h-full object-cover\">\n                        <div class=\"relative z-10 flex flex-col gap-4\">\n                            <div class=\"w-[28px] h-[28px] flex items-center justify-center bg-neutral-0 text-center\">\n                                <span class=\"body-def font-bold text-neutral-950 text-center\">01<\/span>\n                            <\/div>\n                            <h3 class=\"application-title heading-3 text-neutral-0\">MOBILE<\/h3>\n                            <p class=\"application-description max-w-[220px] body-def text-neutral-0\">Upgraded rendering capabilities make the creative process smoother.<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div data-application-item class=\"relative z-10 aspect-square p-24 xl:p-40\">\n                        <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/254754a410ed098fc7baadfeb319a33dc5909f06.png\" alt=\"VR AR Host\" class=\"absolute inset-0 w-full h-full object-cover\">\n                        <div class=\"relative z-10 flex flex-col gap-4\">\n                            <div class=\"w-[28px] h-[28px] flex items-center justify-center bg-neutral-0 text-center\">\n                                <span class=\"body-def font-bold text-neutral-950 text-center\">02<\/span>\n                            <\/div>\n                            <h3 class=\"application-title heading-3 text-neutral-0\">VR AR Host<\/h3>\n                            <p class=\"application-description max-w-[220px] body-def text-neutral-0\">Upgraded rendering capabilities make the creative process smoother.<\/p>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n     <\/div>\n\n<\/section>\n\n","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_acf_changed":true},"solution":[399],"class_list":["post-10290","solution","type-solution","status-publish","hentry","solution-gamer"],"acf":[],"_links":{"self":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hans\/wp-json\/wp\/v2\/solution\/10290"}],"collection":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hans\/wp-json\/wp\/v2\/solution"}],"about":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hans\/wp-json\/wp\/v2\/types\/solution"}],"wp:attachment":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hans\/wp-json\/wp\/v2\/media?parent=10290"}],"wp:term":[{"taxonomy":"solution","embeddable":true,"href":"https:\/\/agi.refine-lab.dev\/zh-hans\/wp-json\/wp\/v2\/solution?post=10290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}