{"id":676,"date":"2025-08-28T12:15:13","date_gmt":"2025-08-28T04:15:13","guid":{"rendered":"https:\/\/refine-lab.com\/?post_type=project&#038;p=676"},"modified":"2025-10-15T17:54:18","modified_gmt":"2025-10-15T09:54:18","slug":"%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad","status":"publish","type":"project","link":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/","title":{"rendered":"\u6c38\u5c1a\u5efa\u8a2d"},"content":{"rendered":"<section x-data menu-theme=\"light\" class=\"relative max-w-[2560px] mx-auto overflow-hidden\">\n    <div class=\"flex justify-between items-end w-full px-3 lg:px-10 mt-[100px] mb-10 max-w-[1600px] mx-auto\">\n        <div>\n            <h5 x-aos-clip-line-up=\"{ delay: 1000 }\">\u6c38\u5c1a\u5efa\u8a2d<\/h5>\n            <h1 x-aos-clip-line-up=\"{ delay: 1200 }\" class=\"text-gray-900 mb-5\">New Generation Realty<\/h1>\n        <\/div>\n        <p x-aos-clip-line-up=\"{ delay: 1400 }\" class=\"font-geist ml-auto mb-5\">2025<\/p>\n    <\/div>\n\n    <div class=\"max-w-[1600px] mx-auto px-3 lg:px-10\">\n        <div class=\"relative overflow-hidden\" image-scroll-top>\n            <div class=\"absolute inset-0\">\n                                    <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-kv-newgenrealty.webp\" alt=\"\" image>\n                            <\/div>\n            <div class=\"relative\">\n                <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/img-work-mockup-kv.webp\" alt=\"\" class=\"object-cover w-full h-full\" out-image>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"max-w-[1600px] mx-auto px-3 lg:px-10 flex flex-col lg:flex-row gap-20 mt-10 mb-20\">\n        <div class=\"flex flex-col gap-10 xl:min-w-[560px]\">\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-1\">PROJECT CLIENT<\/div>\n                <div>\n                                            <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/logo-work-newgenrealty.svg\" alt=\"\">\n                                    <\/div>\n            <\/div>\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-1\">CATEGORY<\/div>\n                                                                    <p>\u4f01\u696d\u5f62\u8c61\u7db2\u7ad9<\/p>\n                                    <p>WordPress<\/p>\n                                    <p>\u623f\u5730\u7522<\/p>\n                            <\/div>\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-1\">SERVICES<\/div>\n                <p>\u7db2\u7ad9\u898f\u5283 ,\u7db2\u7ad9\u88fd\u4f5c ,\u6d41\u91cf\u5206\u6790 ,\u4f7f\u7528\u8005\u884c\u70ba\u5206\u6790 ,\u4e3b\u6a5f\u7ba1\u7406 ,SEO\u641c\u5c0b\u5f15\u64ce\u512a\u5316<\/p>\n            <\/div>\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-3\">KEY FEATURES<\/div>\n                <div class=\"grid grid-cols-3 gap-x-10 gap-y-5\">\n                                        <div>\n                        <div class=\"mb-2\">\n                                                            <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-work-key-features-1.svg\" alt=\"\">\n                                                    <\/div>\n                        <div class=\"text-gray-1000\">RWD \u8a2d\u8a08<\/div>\n                    <\/div>\n                                        <div>\n                        <div class=\"mb-2\">\n                                                            <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-work-key-features-2.svg\" alt=\"\">\n                                                    <\/div>\n                        <div class=\"text-gray-1000\">WordPress<\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-col gap-10\">\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-1\">OVERVIEW<\/div>\n                <p><p>\u6210\u7acb\u65bc2020\u5e74\uff0c\u6c38\u5c1a\u5efa\u8a2d\u4ee5\u300c\u6c38\u6046\u50b3\u627f\u9ad8\u5c1a\u50f9\u503c\u300d\u70ba\u540d\uff0c\u7121\u7aae\u5275\u610f\u3001\u91cd\u69cb\u60f3\u50cf\uff0c\u81f4\u529b\u6539\u9769\u5efa\u7bc9\u696d\uff0c\u532f\u7d0d\u5efa\u8a2d\u3001\u79d1\u6280\u3001\u7f8e\u5b78\u8de8\u57df\u4eba\u624d\uff0c\u9818\u7387\u5c08\u696d\u9752\u5e74\u5718\u968a\uff0c\u6253\u9020\u5168\u65b0\u751f\u6d3b\u8996\u89d2\u5c0d\u8a71\u6642\u4ee3\u3002<\/p>\n<\/p>\n            <\/div>\n            <div>\n                <div class=\"text-gray-1000 font-geist leading-[150%] font-medium mb-1\">RESULT &#038; FEATURES <\/div>\n                <p><p>\u4ee5\u7c21\u7d04\u800c\u512a\u96c5\u7684\u98a8\u683c\u70ba\u57fa\u8abf\uff0c\u8a2d\u8a08\u4e2d\u5de7\u5999\u904b\u7528\u7559\u767d\u7a7a\u9593\uff0c\u642d\u914d\u54c1\u724c\u5c08\u5c6c\u7684\u5e7e\u4f55\u5716\u50cf\uff0c\u71df\u9020\u6eab\u6f64\u4e14\u5c64\u6b21\u5206\u660e\u7684\u8996\u89ba\u7f8e\u611f\u3002\u5b57\u9ad4\u9078\u64c7\u7cbe\u7dfb\u7684\u896f\u7dda\u82f1\u6587\u5b57\u9ad4\uff0c\u7d30\u81a9\u5448\u73fe\u8a2d\u8a08\u8cea\u611f\uff0c\u4e26\u8207\u54c1\u724c\u8272\u5f69\u81ea\u7136\u878d\u5408\uff0c\u5c55\u73fe\u8cbc\u8fd1\u751f\u6d3b\u7684\u512a\u96c5\u7f8e\u5b78\u3002\u540c\u6642\uff0c\u7248\u9762\u5e03\u5c40\u8b1b\u7a76\u7bc0\u594f\u8207\u5e73\u8861\uff0c\u4f7f\u6bcf\u500b\u8996\u89ba\u5143\u7d20\u65e2\u7368\u7acb\u53c8\u76f8\u4e92\u547c\u61c9\uff0c\u5e36\u4f86\u6c89\u6d78\u5f0f\u7684\u89c0\u8cde\u9ad4\u9a57\u8207\u9ad8\u8cea\u611f\u7684\u54c1\u724c\u5370\u8c61\u3002<\/p>\n<\/p>\n            <\/div>\n            <div>\n                                <a href=\"https:\/\/newgenrealty.com.tw\/\" target=\"\" class=\"btn-outline masked-animation\">\n                    <div class=\"masked-element\" x-duplicate>\n                        <div>Visit Site<\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"masked-element is-horizontal text-white\" x-duplicate>\n                            <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/svg\/icon-arrow.svg\" alt=\"Arrow Icon\" \/>\n                        <\/div>\n                    <\/div>\n                <\/a>\n                            <\/div>\n            <div class=\"mt-10 ml-auto\">\n                <div class=\"acf-innerblocks-container\">\n<div x-data class=\"flex items-center gap-3\">\n    <div class=\"text-gray-1000 font-geist leading-[150%] font-medium\">SHARE:<\/div>\n        <a href=\"#\" class=\"size-[48px] border border-gray-200 flex items-center justify-center rounded-full hover:bg-gray-1000 hover:text-white hover:border-gray-1000\" data-sharer=\"facebook\">\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-share-fb.svg\" alt=\"\" class=\"w-6 h-w-6\">\n            <\/a>\n        <a href=\"#\" class=\"size-[48px] border border-gray-200 flex items-center justify-center rounded-full hover:bg-gray-1000 hover:text-white hover:border-gray-1000\" data-sharer=\"line\">\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-share-line.svg\" alt=\"\" class=\"w-6 h-w-6\">\n            <\/a>\n        <a href=\"#\" class=\"size-[48px] border border-gray-200 flex items-center justify-center rounded-full hover:bg-gray-1000 hover:text-white hover:border-gray-1000\" data-sharer=\"copy\">\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2026\/01\/icon-share-link-1.svg\" alt=\"\" class=\"w-6 h-w-6\">\n            <\/a>\n    <\/div>\n<\/div>\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n    function loadImage(img) {\n        return new Promise((resolve, reject) => {\n            img.onload = () => resolve(img);\n            img.onerror = () => reject(new Error(`Failed to load image: ${img.src}`));\n            img.src = img.getAttribute('data-src');\n        });\n    }\n    let conImage = document.querySelector('[image-scroll-top]');\n    let outImage = document.querySelector('[image-scroll-top] [out-image]');\n    let topImage = document.querySelector('[image-scroll-top] [image]');\n    let heightTop = 0;\n    Promise.all([loadImage(outImage), loadImage(topImage)]).then(() => {\n        heightTop = topImage.offsetHeight - outImage.offsetHeight;\n        animate(topImage,{\n            translateY: [0,-heightTop],\n            duration: 100,\n            ease: 'linear',\n            autoplay: onScroll({\n                target: conImage,\n                sync: true,\n                enter:  conImage.offsetTop + ' top',\n            })\n        });\n        window.addEventListener('resize', () => {\n            heightTop = topImage.offsetHeight - outImage.offsetHeight;\n        });\n    });\n<\/script>\n\n<section x-data menu-theme=\"light\" class=\"relative py-20 max-w-[1680px] mx-auto px-3 lg:px-10 bg-gray-50\">\n    <div class=\"flex flex-col lg:flex-row gap-[40px]\">\n        <div>\n            <h1 x-aos-clip-line-up class=\"text-gray-900 mb-5\">OUR STRATEGY<\/h1>\n        <\/div>\n    <\/div>\n    <div class=\"relative\">\n                    <div class=\"grid grid-cols-1 gap-[40px] mt-10 relative\">\n                                <div class=\"service-card\">\n                <div class=\"bg-overlay\"><\/div>\n                <div class=\"service-card-content\">\n                    <div class=\"service-card-icon !mt-0 ani-clip-down max-w-[88px] max-h-[88px]\">\n                                                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-work-strategy-1.svg\" alt=\"\">\n                                            <\/div>\n                    <h3 class=\"service-card-title !mb-0 ani-clip-down\">\u5167\u5bb9\u67b6\u69cb\u8207\u5448\u73fe<\/h3>\n                    <p class=\"service-card-desc ani-clip-down\">\u6c38\u5c1a\u5efa\u8a2d\u7684\u7db2\u7ad9\u5167\u5bb9\u67b6\u69cb\u6e05\u6670\uff0c\u4e3b\u8981\u5206\u70ba\u300c\u95dc\u65bc\u6c38\u5c1a\u300d\u3001\u300c\u5efa\u7bc9\u4f5c\u54c1\u300d\u3001\u300c\u6700\u65b0\u6d88\u606f\u300d\u548c\u300c\u806f\u7e6b\u6211\u5011\u300d\u56db\u5927\u5340\u584a\u3002\u9996\u9801\u4ee5\u5927\u578b\u8996\u89ba\u5716\u50cf\u5448\u73fe\u6700\u65b0\u5efa\u6848\uff0c\u642d\u914d\u7c21\u6f54\u7684\u6587\u5b57\u4ecb\u7d39\uff0c\u5f37\u8abf\u54c1\u724c\u7406\u5ff5\u8207\u5efa\u7bc9\u7f8e\u5b78\u3002\u6bcf\u500b\u5efa\u6848\u9801\u9762\u5247\u8a73\u7d30\u4ecb\u7d39\u9805\u76ee\u7279\u8272\u3001\u8a2d\u8a08\u7406\u5ff5\u3001\u5efa\u6750\u9078\u7528\u7b49\uff0c\u4e26\u63d0\u4f9b\u8c50\u5bcc\u7684\u5716\u7247\u8207\u5f71\u7247\uff0c\u8b93\u8a2a\u5ba2\u80fd\u6df1\u5165\u4e86\u89e3\u6bcf\u500b\u4f5c\u54c1\u7684\u7368\u7279\u6027\u3002\u6700\u65b0\u6d88\u606f\u5340\u57df\u5247\u5b9a\u671f\u66f4\u65b0\uff0c\u4fdd\u6301\u7db2\u7ad9\u5167\u5bb9\u7684\u65b0\u9bae\u611f\u3002<\/p>\n                <\/div>\n            <\/div>\n                        <div class=\"service-card\">\n                <div class=\"bg-overlay\"><\/div>\n                <div class=\"service-card-content\">\n                    <div class=\"service-card-icon !mt-0 ani-clip-down max-w-[88px] max-h-[88px]\">\n                                                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-work-strategy-2.svg\" alt=\"\">\n                                            <\/div>\n                    <h3 class=\"service-card-title !mb-0 ani-clip-down\">\u7db2\u7ad9\u7248\u9762\u898f\u5283<\/h3>\n                    <p class=\"service-card-desc ani-clip-down\">\u7db2\u7ad9\u63a1\u7528\u7c21\u7d04\u73fe\u4ee3\u7684\u8a2d\u8a08\u98a8\u683c\uff0c\u8272\u8abf\u4ee5\u54c1\u724c\u8272\u5f69\u53bb\u71df\u9020\u9ad8\u7aef\u3001\u5c08\u696d\u7684\u5f62\u8c61\u3002\u9996\u9801\u4ee5\u5168\u87a2\u5e55\u5927\u5716\u70ba\u4e3b\u8996\u89ba\uff0c\u642d\u914d\u7c21\u77ed\u7684\u6587\u5b57\u4ecb\u7d39\uff0c\u5f37\u8abf\u54c1\u724c\u7406\u5ff5\u8207\u5efa\u7bc9\u7f8e\u5b78\u3002\u5c0e\u822a\u5217\u56fa\u5b9a\u65bc\u9801\u9762\u4e0a\u65b9\uff0c\u65b9\u4fbf\u4f7f\u7528\u8005\u5feb\u901f\u8df3\u8f49\u81f3\u5404\u500b\u5340\u584a\u3002\u6bcf\u500b\u9801\u9762\u5747\u6709\u6e05\u6670\u7684\u6a19\u984c\u8207\u5c0e\u89bd\uff0c\u5167\u5bb9\u6392\u7248\u6574\u9f4a\uff0c\u5716\u7247\u8207\u6587\u5b57\u642d\u914d\u5f97\u5b9c\uff0c\u63d0\u5347\u95b1\u8b80\u9ad4\u9a57\u3002<\/p>\n                <\/div>\n            <\/div>\n                        <div class=\"service-card\">\n                <div class=\"bg-overlay\"><\/div>\n                <div class=\"service-card-content\">\n                    <div class=\"service-card-icon !mt-0 ani-clip-down max-w-[88px] max-h-[88px]\">\n                                                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/icon-work-strategy-3.svg\" alt=\"\">\n                                            <\/div>\n                    <h3 class=\"service-card-title !mb-0 ani-clip-down\">\u641c\u5c0b\u5f15\u64ce\u6700\u4f73\u5316<\/h3>\n                    <p class=\"service-card-desc ani-clip-down\">\u7db2\u7ad9\u5728SEO\u65b9\u9762\u6709\u4e00\u5b9a\u7684\u57fa\u790e\u3002\u9996\u5148\uff0c\u7db2\u7ad9\u4f7f\u7528\u4e86\u6e05\u6670\u7684URL\u7d50\u69cb\uff0c\u65b9\u4fbf\u641c\u5c0b\u5f15\u64ce\u6293\u53d6\u8207\u7d22\u5f15\u3002\u5176\u6b21\uff0c\u6bcf\u500b\u9801\u9762\u90fd\u6709\u7368\u7acb\u7684\u6a19\u984c\u8207\u63cf\u8ff0\uff0c\u6709\u52a9\u65bc\u63d0\u9ad8\u9ede\u64ca\u7387\u3002\u7136\u800c\uff0c\u7db2\u7ad9\u5728\u95dc\u9375\u5b57\u7684\u61c9\u7528\u4e0a\u5c1a\u6709\u63d0\u5347\u7a7a\u9593\u3002\u5efa\u8b70\u5728\u9801\u9762\u5167\u5bb9\u4e2d\u9069\u7576\u878d\u5165\u76f8\u95dc\u95dc\u9375\u5b57\uff0c\u4e26\u78ba\u4fdd\u5716\u7247\u6709\u9069\u7576\u7684alt\u6587\u5b57\u63cf\u8ff0\uff0c\u4ee5\u63d0\u5347\u641c\u5c0b\u5f15\u64ce\u7684\u53ef\u8b80\u6027\u3002\u6b64\u5916\uff0c\u7db2\u7ad9\u53ef\u8003\u616e\u589e\u52a0\u90e8\u843d\u683c\u6216\u65b0\u805e\u5340\u57df\uff0c\u5b9a\u671f\u767c\u5e03\u8207\u5efa\u7bc9\u76f8\u95dc\u7684\u5167\u5bb9\uff0c\u5438\u5f15\u66f4\u591a\u7684\u81ea\u7136\u6d41\u91cf\u3002<\/p>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<section x-data menu-theme=\"dark\" class=\"relative max-w-[2560px] mx-auto overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-newgenrealty-1.webp\" alt=\"\" class=\"object-cover w-full h-full\">\n                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-newgenrealty-2.webp\" alt=\"\" class=\"object-cover w-full h-full\">\n                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-newgenrealty-3.webp\" alt=\"\" class=\"object-cover w-full h-full\">\n                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-newgenrealty-4.webp\" alt=\"\" class=\"object-cover w-full h-full\">\n            <\/section>\n\n<section x-data menu-theme=\"light\" class=\"relative py-20 px-3 lg:px-10\">\n    <div class=\"flex\">\n        <div class=\"text-center max-w-[960px] mx-auto\">\n            <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"text-gray-900 mb-5\">Seamless Experience On Mobile Devices<\/h1>\n            <p x-aos-clip-line-up=\"{ delay: 200 }\">\u6211\u5011\u63a1\u7528 Mobile-First \u8a2d\u8a08\uff0c\u5f9e\u4f7f\u7528\u8005\u7fd2\u6163\u51fa\u767c\uff0c\u70ba\u624b\u6a5f\u7b49\u884c\u52d5\u88dd\u7f6e\u6253\u9020\u76f4\u89ba\u6613\u7528\u7684\u64cd\u4f5c\u4ecb\u9762\uff0c\u512a\u5316\u9ede\u64ca\u5340\u57df\u3001\u6392\u7248\u8207\u6548\u80fd\uff0c\u78ba\u4fdd\u5728\u5404\u7a2e\u88dd\u7f6e\u4e0a\u90fd\u6709\u4e00\u81f4\u4e14\u6d41\u66a2\u7684\u54c1\u724c\u9ad4\u9a57\u3002<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"mt-20\">\n        <div class=\"flex justify-center max-w-[1024px] mx-auto\">\n            <div class=\"flex-1 flex justify-center\">\n                <div class=\"relative overflow-hidden max-w-[360px] mb-20\" image-scroll-up>\n                    <div class=\"absolute inset-[2px]\">\n                                                    <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-mobile-newgenrealty-1.webp\" alt=\"\" class=\"w-full\" image>\n                                            <\/div>\n                    <div class=\"relative\">\n                        <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/img-work-mockup-mobile.webp\" alt=\"\" class=\"object-cover w-full h-full\" out-image>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"flex-1 flex justify-center\">\n                <div class=\"relative overflow-hidden max-w-[360px] mt-20\" image-scroll-down>\n                    <div class=\"absolute inset-[2px]\">\n                                                    <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-mobile-newgenrealty-2.webp\" alt=\"\" class=\"w-full\" image>\n                                            <\/div>\n                    <div class=\"relative\">\n                        <img data-src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/img-work-mockup-mobile.webp\" alt=\"\" class=\"object-cover w-full h-full\" out-image>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    function loadImage(img) {\n        return new Promise((resolve, reject) => {\n            img.onload = () => resolve(img);\n            img.onerror = () => reject(new Error(`Failed to load image: ${img.src}`));\n            img.src = img.getAttribute('data-src');\n        });\n    }\n\n    let conImageUp = document.querySelector('[image-scroll-up]');\n    let outImageUp = document.querySelector('[image-scroll-up] [out-image]');\n    let ImageUp = document.querySelector('[image-scroll-up] [image]');\n    let heightUp = 0;\n    Promise.all([loadImage(outImageUp), loadImage(ImageUp)]).then(() => {\n        heightUp = ImageUp.offsetHeight - outImageUp.offsetHeight;\n        animate(ImageUp,{\n            translateY: [0,-heightUp],\n            duration: 100,\n            ease: 'linear',\n            autoplay: onScroll({\n                target: conImageUp,\n                sync: true,\n            })\n        });\n        window.addEventListener('resize', () => {\n            heightUp = ImageUp.offsetHeight - outImageUp.offsetHeight;\n        });\n    });\n\n    let conImageDown = document.querySelector('[image-scroll-down]');\n    let outImageDown = document.querySelector('[image-scroll-down] [out-image]');\n    let downImage = document.querySelector('[image-scroll-down] [image]');\n    let heightDown = 0;\n    Promise.all([loadImage(outImageDown), loadImage(downImage)]).then(() => {\n        heightDown = downImage.offsetHeight - outImageDown.offsetHeight;\n        animate(downImage,{\n            translateY: [-heightDown, 0],\n            duration: 100,\n            ease: 'linear',\n            autoplay: onScroll({\n                target: conImageDown,\n                sync: true,\n            })\n        });\n        window.addEventListener('resize', () => {\n            heightDown = downImage.offsetHeight - outImageDown.offsetHeight;\n        });\n    });\n<\/script>\n\n<section x-data menu-theme=\"light\" class=\"relative py-20 px-3 lg:px-10 max-w-[2560px] mx-auto overflow-hidden\">\n    <div class=\"flex\">\n        <div class=\"text-center w-full\">\n            <h5 x-aos-clip-line-up=\"{ delay: 0 }\">\u7cbe\u9078\u6848\u4f8b<\/h5>\n            <h1 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"text-gray-900 mb-5\">WORK<\/h1>\n        <\/div>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-5 my-10\">\n                        <a href=\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%9f%8f%e5%a8%81%e5%b9%b4-pavilion-square\/\" class=\"work-card\" x-hover-work-animation>\n            <div class=\"work-card-img-wrapper\">\n                <div class=\"work-card-img\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-list-pavilion.webp\" class=\"object-cover w-full h-full\">\n                                    <\/div>\n                <div class=\"work-card-img-hover\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-list-hover-pavilion.webp\">\n                                    <\/div>\n            <\/div>\n            <div class=\"work-card-content\">\n                <div class=\"work-card-text\">\n                    <h5 class=\"work-card-title\">\u67cf\u5a01\u5e74 Pavilion Square<\/h5>\n                    <p class=\"work-card-desc\">\n                        \u55ae\u9801\u5f0f\u7db2\u7ad9, \u7121\u5f8c\u53f0\u7db2\u7ad9, \u623f\u5730\u7522                    <\/p>\n                <\/div>\n                <div class=\"work-card-year\">2025<\/div>\n            <\/div>\n        <\/a>\n                        <a href=\"https:\/\/playground.pixo-lab.com\/en\/project\/the-conlay\/\" class=\"work-card\" x-hover-work-animation>\n            <div class=\"work-card-img-wrapper\">\n                <div class=\"work-card-img\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/09\/img-work-list-conlay.webp\" class=\"object-cover w-full h-full\">\n                                    <\/div>\n                <div class=\"work-card-img-hover\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/09\/img-work-list-hover-conlay.webp\">\n                                    <\/div>\n            <\/div>\n            <div class=\"work-card-content\">\n                <div class=\"work-card-text\">\n                    <h5 class=\"work-card-title\">The Conlay<\/h5>\n                    <p class=\"work-card-desc\">\n                        \u4f01\u696d\u5f62\u8c61\u7db2\u7ad9, WordPress, \u623f\u5730\u7522                    <\/p>\n                <\/div>\n                <div class=\"work-card-year\">2025<\/div>\n            <\/div>\n        <\/a>\n                        <a href=\"https:\/\/playground.pixo-lab.com\/en\/project\/sfh-parkside-residences\/\" class=\"work-card\" x-hover-work-animation>\n            <div class=\"work-card-img-wrapper\">\n                <div class=\"work-card-img\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-list-sfh.webp\" class=\"object-cover w-full h-full\">\n                                    <\/div>\n                <div class=\"work-card-img-hover\">\n                                                                <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/08\/img-work-list-hover-sfh.webp\">\n                                    <\/div>\n            <\/div>\n            <div class=\"work-card-content\">\n                <div class=\"work-card-text\">\n                    <h5 class=\"work-card-title\">SFH Parkside Residences<\/h5>\n                    <p class=\"work-card-desc\">\n                        \u4f01\u696d\u5f62\u8c61\u7db2\u7ad9, WordPress, \u623f\u5730\u7522                    <\/p>\n                <\/div>\n                <div class=\"work-card-year\">2025<\/div>\n            <\/div>\n        <\/a>\n            <\/div>\n\n    <div class=\"flex justify-end\">\n                <a href=\"#\" target=\"\" class=\"btn-outline masked-animation mt-10\">\n            <div class=\"masked-element\" x-duplicate>\n                <div>Read More<\/div>\n            <\/div>\n            <div>\n                <div class=\"masked-element is-horizontal text-white\" x-duplicate>\n                    <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/svg\/icon-arrow.svg\" alt=\"Arrow Icon\" \/>\n                <\/div>\n            <\/div>\n        <\/a>\n            <\/div>\n<\/section>\n\n<section x-data menu-theme=\"white\" class=\"relative max-w-[2560px] mx-auto overflow-hidden\">\n    <div class=\"absolute inset-0 z-0\">\n                    <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/bg-home-contact.webp\" alt=\"\" class=\"w-full !h-full object-fill\">\n            <\/div>\n\n    <div class=\"relative\">\n        <picture>\n                            <source media=\"(max-width: 768px)\" srcset=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/pic-home-contact-mobile.webp\">\n                                        <img decoding=\"async\" src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/img\/pic-home-contact.webp\" alt=\"\" class=\"h-[900px] w-full object-cover max-w-[1920px] mx-auto\"\n                    rellax>\n                    <\/picture>\n        <div\n            class=\"absolute top-[250px] inset-x-0 3xl:left-[240px] w-full lg:max-w-[960px] text-white px-[40px] my-[100px]\">\n            <h5 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"\">We only focus on two things&#8230;<\/h5>\n            <h1 x-aos-clip-line-up=\"{ delay: 200 }\"\n                class=\"text-[40px] lg:text-[64px] font-medium mb-10 tracking-normal xl:whitespace-nowrap text-white font-geist\">\n                KILLER WEBSITES &#038;<br \/>PERFECTLY RIPE BANANAS.            <\/h1>\n            <h4 x-aos-clip-line-up=\"{ delay: 0 }\" aos-delay=\"400\">\u6211\u5011\u53ea\u5728\u4e4e\u5169\u4ef6\u4e8b\uff1a\u7db2\u7ad9\u6210\u6548\uff0c\u548c\u9999\u8549\u5920\u4e0d\u5920\u719f\u3002<\/h4>\n        <\/div>\n    <\/div>\n\n    <div id=\"contact\" class=\"max-w-[744px] mx-auto relative pb-[80px] mt-[-80px]\">\n        <div class=\"text-center w-full max-w-[560px] mx-auto mb-[60px] text-white\">\n            <h5 x-aos-clip-line-up=\"{ delay: 0 }\">\u806f\u7d61\u6211\u5011<\/h5>\n            <h1 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"text-white mb-5\">CONTACT<\/h1>\n        <\/div>\n        <div class=\"px-3 lg:px-0\">\n\n        <!-- <form action=\"\" class=\"form flex flex-col gap-[28px] px-3 lg:px-0\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-[28px]\">\n                <div>\n                    <label for=\"fullname\">\u516c\u53f8\u540d\u7a31 *<\/label>\n                    <input type=\"text\" name=\"fullname\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" required>\n                <\/div>\n                <div>\n                    <label for=\"fullname\">\u806f\u7d61\u4eba\u540d\u7a31 *<\/label>\n                    <input type=\"text\" name=\"fullname\" placeholder=\"\u8acb\u8f38\u5165\u806f\u7d61\u4eba\u59d3\u540d\" required>\n                <\/div>\n            <\/div>\n            <div>\n                <label for=\"fullname\">\u806f\u7d61\u4eba\u96fb\u8a71 *<\/label>\n                <input type=\"text\" name=\"fullname\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" required>\n            <\/div>\n            <div>\n                <label for=\"fullname\">\u806f\u7d61\u4eba\u4fe1\u7bb1 *<\/label>\n                <input type=\"text\" name=\"fullname\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" required>\n            <\/div>\n            <div>\n                <label for=\"fullname\">\u9700\u6c42\u8aaa\u660e<\/label>\n                <textarea type=\"text\" name=\"fullname\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" rows=\"5\" required><\/textarea>\n            <\/div>\n        <\/form> -->\n\n        <div class=\"acf-innerblocks-container\">\n\n        <div class=\"fb-form-tempate\">\n            <form enctype=\"multipart\/form-data\" method=\"post\" class=\"formbuilder-form fb-form-custom-style\" id=\"fb-form-id-4s0c3g\" novalidate>\n                \n<div class=\"fb-form-preview\" id=\"fb-container-1\">\n        <div class=\"fb-container\">\n        <input type=\"hidden\" name=\"formbuilder_action\" value=\"create\" \/>\n        <input type=\"hidden\" name=\"form_id\" value=\"1\" \/>\n        <input type=\"hidden\" name=\"form_key\" value=\"4s0c3g\" \/>\n        <input type=\"hidden\" class=\"formbuilder-form-conditions\" value=\"[]\" \/>\n        <input type=\"hidden\" id=\"formbuilder_submit_entry_1\" name=\"formbuilder_submit_entry_1\" value=\"40d05fd933\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/project\/676\" \/>        <div id=\"fb-field-container-6\" class=\"fb-form-field-required formbuilder-field-type-text fb-label-position-top fb-label-alignment-left fb-grid-6 fb-form-field\">\n            \n        <div class=\"fb-field-container\" style=\"\">\n                            <label class=\"fb-field-label \" for=fb-field-1xpv8k>\n                    \u516c\u53f8\u540d\u7a31                                            <span class=\"fb-field-required\" aria-hidden=\"true\">\n                            *                        <\/span>\n                                    <\/label>\n                        <div class=\"fb-field-content\">\n                        <input type=\"text\" id=\"fb-field-1xpv8k\" value=\"\" name=\"item_meta[6]\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" maxlength=\"\" \/>\n                    <\/div>\n        <\/div>\n                <\/div>\n                <div id=\"fb-field-container-7\" class=\"fb-form-field-required formbuilder-field-type-text fb-label-position-top fb-label-alignment-left fb-grid-6 fb-form-field\">\n            \n        <div class=\"fb-field-container\" style=\"\">\n                            <label class=\"fb-field-label \" for=fb-field-wvozek>\n                    \u806f\u7d61\u4eba\u540d\u7a31                                             <span class=\"fb-field-required\" aria-hidden=\"true\">\n                            *                        <\/span>\n                                    <\/label>\n                        <div class=\"fb-field-content\">\n                        <input type=\"text\" id=\"fb-field-wvozek\" value=\"\" name=\"item_meta[7]\" placeholder=\"\u8acb\u8f38\u5165\u806f\u7d61\u4eba\u59d3\u540d\" maxlength=\"\" \/>\n                    <\/div>\n        <\/div>\n                <\/div>\n                <div id=\"fb-field-container-3\" class=\"fb-form-field-required formbuilder-field-type-phone fb-label-position-top fb-label-alignment-left fb-grid-12 fb-form-field\">\n            \n        <div class=\"fb-field-container\" style=\"\">\n                            <label class=\"fb-field-label \" for=fb-field-pkg0pd>\n                    \u806f\u7d61\u4eba\u96fb\u8a71                                            <span class=\"fb-field-required\" aria-hidden=\"true\">\n                            *                        <\/span>\n                                    <\/label>\n                        <div class=\"fb-field-content\">\n                        <input type=\"text\" id=\"fb-field-pkg0pd\" value=\"\" name=\"item_meta[3]\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" maxlength=\"\" \/>\n                    <\/div>\n        <\/div>\n                <\/div>\n                <div id=\"fb-field-container-4\" class=\"fb-form-field-required formbuilder-field-type-email fb-label-position-top fb-label-alignment-left fb-form-field\">\n            \n        <div class=\"fb-field-container\" style=\"\">\n                            <label class=\"fb-field-label \" for=fb-field-2416v9>\n                    \u806f\u7d61\u4eba\u4fe1\u7bb1                                            <span class=\"fb-field-required\" aria-hidden=\"true\">\n                            *                        <\/span>\n                                    <\/label>\n                        <div class=\"fb-field-content\">\n                        <input type=\"email\" id=\"fb-field-2416v9\" value=\"\" name=\"item_meta[4]\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" \/>\n                    <\/div>\n        <\/div>\n                <\/div>\n                <div id=\"fb-field-container-5\" class=\"formbuilder-field-type-textarea fb-label-position-top fb-label-alignment-left fb-form-field\">\n            \n        <div class=\"fb-field-container\" style=\"\">\n                            <label class=\"fb-field-label \" for=fb-field-djue6i>\n                    \u9700\u6c42\u8aaa\u660e                                    <\/label>\n                        <div class=\"fb-field-content\">\n                        <textarea id=\"fb-field-djue6i\" name=\"item_meta[5]\" placeholder=\"\u8acb\u8f38\u5165\u516c\u53f8\u540d\u7a31\" rows=\"5\"><\/textarea>\n                    <\/div>\n        <\/div>\n                <\/div>\n                <div class=\"fb-submit-wrap fb-submit-btn-align-left\">\n            <button id=\"fb-submit-button\" class=\"fb-submit-button \" type=\"submit\" >Submit<\/button>\n        <\/div>\n    <\/div>\n    <style class=\"fb-style-content\">#fb-container-1{--fb-desc-typo-font-family : inherit;--fb-desc-typo-font-weight : inherit;--fb-desc-typo-font-style : inherit;--fb-desc-typo-text-transform : inherit;--fb-desc-typo-text-decoration : inherit;--fb-label-typo-font-family : inherit;--fb-label-typo-font-weight : inherit;--fb-label-typo-font-style : inherit;--fb-label-typo-text-transform : inherit;--fb-label-typo-text-decoration : inherit;--fb-label-typo-font-size : 16px;--fb-label-typo-line-height : 1.5;--fb-label-typo-font-color : #ffffff;--fb-label-required-color : #ffffff;--fb-label-spacing : 8px;--fb-validation-typo-font-family : inherit;--fb-validation-typo-font-weight : inherit;--fb-validation-typo-font-style : inherit;--fb-validation-typo-text-transform : inherit;--fb-validation-typo-text-decoration : inherit;--fb-validation-typo-font-color : #ffffff;--fb-validation-textalign : left;--fb-form-title-typo-font-family : inherit;--fb-form-title-typo-font-weight : inherit;--fb-form-title-typo-font-style : inherit;--fb-form-title-typo-text-transform : inherit;--fb-form-title-typo-text-decoration : inherit;--fb-form-desc-typo-font-family : inherit;--fb-form-desc-typo-font-weight : inherit;--fb-form-desc-typo-font-style : inherit;--fb-form-desc-typo-text-transform : inherit;--fb-form-desc-typo-text-decoration : inherit;--fb-heading-typo-font-family : inherit;--fb-heading-typo-font-weight : inherit;--fb-heading-typo-font-style : inherit;--fb-heading-typo-text-transform : inherit;--fb-heading-typo-text-decoration : inherit;--fb-paragraph-typo-font-family : inherit;--fb-paragraph-typo-font-weight : inherit;--fb-paragraph-typo-font-style : inherit;--fb-paragraph-typo-text-transform : inherit;--fb-paragraph-typo-text-decoration : inherit;--fb-field-typo-font-family : inherit;--fb-field-typo-font-weight : inherit;--fb-field-typo-font-style : inherit;--fb-field-typo-text-transform : inherit;--fb-field-typo-text-decoration : inherit;--fb-field-typo-font-size : 16px;--fb-field-typo-line-height : 1.5;--fb-field-color-normal : #b0b0b0;--fb-field-bg-color-normal : #ffffff;--fb-field-border-color-normal : #f6f6f6;--fb-field-color-focus : #16171b;--fb-field-border-top : 1px;--fb-field-border-right : 1px;--fb-field-border-bottom : 1px;--fb-field-border-left : 1px;--fb-field-border-radius-top : 28px;--fb-field-border-radius-right : 28px;--fb-field-border-radius-bottom : 28px;--fb-field-border-radius-left : 28px;--fb-field-padding-top : 12px;--fb-field-padding-right : 20px;--fb-field-padding-bottom : 12px;--fb-field-padding-left : 20px;--fb-button-typo-font-family : inherit;--fb-button-typo-font-weight : inherit;--fb-button-typo-font-style : inherit;--fb-button-typo-text-transform : inherit;--fb-button-typo-text-decoration : inherit;--fb-button-typo-font-size : 16px;--fb-button-typo-line-height : 1.5;--fb-button-color-normal : #ffffff;--fb-button-bg-color-normal : #0a0a0a;--fb-button-border-color-normal : rgba( 22,23,27,0 );--fb-button-color-hover : #0a0a0a;--fb-button-bg-color-hover : #ffffff;--fb-button-border-radius-top : 28px;--fb-button-border-radius-right : 28px;--fb-button-border-radius-bottom : 28px;--fb-button-border-radius-left : 28px;--fb-button-padding-top : 12px;--fb-button-padding-right : 28px;--fb-button-padding-bottom : 12px;--fb-button-padding-left : 28px;--fb-typo-label-font-family : Default;--fb-typo-label-font-weight : 0;--fb-typo-label-font-style : normal;--fb-typo-label-text-transform : inherit;--fb-typo-label-text-decoration : inherit;--fb-typo-desc-font-family : Default;--fb-typo-desc-font-weight : 0;--fb-typo-desc-font-style : normal;--fb-typo-desc-text-transform : inherit;--fb-typo-desc-text-decoration : inherit;--fb-typo-validation-font-family : Default;--fb-typo-validation-font-weight : 0;--fb-typo-validation-font-style : normal;--fb-typo-validation-text-transform : inherit;--fb-typo-validation-text-decoration : inherit;--fb-typo-field-font-family : Default;--fb-typo-field-font-weight : 0;--fb-typo-field-font-style : normal;--fb-typo-field-text-transform : inherit;--fb-typo-field-text-decoration : inherit;--fb-typo-button-font-family : Default;--fb-typo-button-font-weight : 0;--fb-typo-button-font-style : normal;--fb-typo-button-text-transform : inherit;--fb-typo-button-text-decoration : inherit;}<\/style><\/div>            <\/form>\n        <\/div>\n        \n<\/div>\n\n        <!-- <div class=\"flex justify-center mt-[40px] \">\n            <a href=\"#\" @click.prevent class=\"btn-outline masked-animation bg-white\">\n                <div class=\"masked-element\" x-duplicate>\n                    <div>Submit<\/div>\n                <\/div>\n                <div>\n                    <div class=\"masked-element is-horizontal text-white\" x-duplicate>\n                        <img decoding=\"async\" x-svg-inline src=\"https:\/\/playground.pixo-lab.com\/wp-content\/themes\/refine-lab\/assets\/svg\/icon-arrow.svg\" alt=\"Arrow Icon\" \/>\n                    <\/div>\n                <\/div>\n            <\/a>\n        <\/div> -->\n        <\/div>\n    <\/div>\n<\/section>","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":true},"backend":[6],"highlight":[15],"industry":[31],"listed-company":[],"type-of-service":[39],"class_list":["post-676","project","type-project","status-publish","hentry","backend-wordpress","highlight-15","industry-31","type-of-service-39"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6<\/title>\n<meta name=\"description\" content=\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\" \/>\n<meta property=\"og:description\" content=\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/\" \/>\n<meta property=\"og:site_name\" content=\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-15T09:54:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img-newgenrealty.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/\",\"url\":\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/\",\"name\":\"\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\",\"isPartOf\":{\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#website\"},\"datePublished\":\"2025-08-28T04:15:13+00:00\",\"dateModified\":\"2025-10-15T09:54:18+00:00\",\"description\":\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002\",\"breadcrumb\":{\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/playground.pixo-lab.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\/\/playground.pixo-lab.com\/en\/project\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u6c38\u5c1a\u5efa\u8a2d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#website\",\"url\":\"https:\/\/playground.pixo-lab.com\/en\/\",\"name\":\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\",\"description\":\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002\",\"publisher\":{\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#organization\"},\"alternateName\":\"\u4f0a\u51e1\u535a\u9054\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/playground.pixo-lab.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#organization\",\"name\":\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\",\"url\":\"https:\/\/playground.pixo-lab.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img.webp\",\"contentUrl\":\"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img.webp\",\"width\":600,\"height\":315,\"caption\":\"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6\"},\"image\":{\"@id\":\"https:\/\/playground.pixo-lab.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","description":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002","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:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/","og_locale":"en_US","og_type":"article","og_title":"\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","og_description":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002","og_url":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/","og_site_name":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","article_modified_time":"2025-10-15T09:54:18+00:00","og_image":[{"width":600,"height":315,"url":"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img-newgenrealty.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/","url":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/","name":"\u6c38\u5c1a\u5efa\u8a2d | \u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\uff5cRefine Lab -\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","isPartOf":{"@id":"https:\/\/playground.pixo-lab.com\/en\/#website"},"datePublished":"2025-08-28T04:15:13+00:00","dateModified":"2025-10-15T09:54:18+00:00","description":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002","breadcrumb":{"@id":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/playground.pixo-lab.com\/en\/project\/%e6%b0%b8%e5%b0%9a%e5%bb%ba%e8%a8%ad\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/playground.pixo-lab.com\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/playground.pixo-lab.com\/en\/project\/"},{"@type":"ListItem","position":3,"name":"\u6c38\u5c1a\u5efa\u8a2d"}]},{"@type":"WebSite","@id":"https:\/\/playground.pixo-lab.com\/en\/#website","url":"https:\/\/playground.pixo-lab.com\/en\/","name":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","description":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08\u64c1\u6709\u5341\u591a\u5e74\u7db2\u7ad9\u8a2d\u8a08\u8207\u591a\u5a92\u9ad4\u88fd\u4f5c\u7d93\u9a57\uff0c\u63d0\u4f9b\u6578\u4f4d\u884c\u92b7\u6574\u5408\u65b9\u6848\uff0c\u6db5\u84cb\u5275\u610f\u4f01\u5283\u3001\u8996\u89ba\u8a2d\u8a08\u3001\u7cfb\u7d71\u5efa\u7f6e\u3001\u5f71\u97f3\u52d5\u756b\u3001\u4e92\u52d5\u9ad4\u9a57\u3001\u793e\u7fa4\u7d93\u71df\u8207\u884c\u92b7\u7b56\u7565\uff0c\u670d\u52d9\u5ba2\u6236\u904d\u53ca\u96fb\u4fe1\u3001\u6642\u5c1a\u30013C \u8207\u5ee3\u544a\u7b49\u77e5\u540d\u4f01\u696d\u3002","publisher":{"@id":"https:\/\/playground.pixo-lab.com\/en\/#organization"},"alternateName":"\u4f0a\u51e1\u535a\u9054","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/playground.pixo-lab.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/playground.pixo-lab.com\/en\/#organization","name":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6","url":"https:\/\/playground.pixo-lab.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/playground.pixo-lab.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img.webp","contentUrl":"https:\/\/playground.pixo-lab.com\/wp-content\/uploads\/2025\/10\/og-img.webp","width":600,"height":315,"caption":"\u4f0a\u51e1\u535a\u9054\u4e92\u52d5\u8a2d\u8a08-\u96fb\u5546\uff0c\u54c1\u724c\u5f62\u8c61\uff0c\u9ad8\u8cea\u611f\uff0c\u5ba2\u88fd\u5316\u7db2\u7ad9\u5c08\u5bb6"},"image":{"@id":"https:\/\/playground.pixo-lab.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/project\/676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:attachment":[{"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/media?parent=676"}],"wp:term":[{"taxonomy":"backend","embeddable":true,"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/backend?post=676"},{"taxonomy":"highlight","embeddable":true,"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/highlight?post=676"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/industry?post=676"},{"taxonomy":"listed-company","embeddable":true,"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/listed-company?post=676"},{"taxonomy":"type-of-service","embeddable":true,"href":"https:\/\/playground.pixo-lab.com\/en\/wp-json\/wp\/v2\/type-of-service?post=676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}