{"id":9942,"date":"2026-03-18T15:03:17","date_gmt":"2026-03-18T07:03:17","guid":{"rendered":"https:\/\/agi.refine-lab.dev\/esg\/"},"modified":"2026-05-05T13:53:00","modified_gmt":"2026-05-05T05:53:00","slug":"esg","status":"publish","type":"page","link":"https:\/\/agi.refine-lab.dev\/zh-hant\/esg\/","title":{"rendered":"ESG"},"content":{"rendered":"\n<section x-data class=\"esg-header relative isolate max-w-none overflow-visible px-12 pt-24 md:px-24 md:pt-40 xl:px-40 xl:pt-48 min-[1440px]:pt-60 3xl:pt-80\">\n    \n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/download-img-bg-1.png\" alt=\"\" class=\"absolute inset-0 z-[2] h-full w-full object-cover\">\n    \n    <div class=\"relative z-[4] mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n                    <div class=\"pointer-events-none absolute inset-x-0 top-[-40px] z-[1] grid grid-cols-4 md:top-[-65px] md:grid-cols-6 xl:top-[-80px] 3xl:grid-cols-12\" aria-hidden=\"true\">\n                <span x-aos-fade=\"{ delay: 400 }\" class=\"display-0 watermark-text col-span-3 col-start-2 block w-max max-w-none justify-self-end whitespace-nowrap text-right text-primary-500\/30 origin-right md:col-span-3 md:col-start-4 xl:col-span-3 xl:col-start-8 3xl:col-span-3 3xl:col-start-10 3xl:translate-x-[16%] 3xl:scale-[1.14] min-[2560px]:translate-x-[55%] min-[2560px]:scale-[1.18]\">ESG<\/span>\n            <\/div>\n        \n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12\">\n            <div class=\"col-span-4 relative z-[3] md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n                <div class=\"grid grid-cols-4 gap-20 overflow-hidden rounded-t-[40px] border border-neutral-0\/60 bg-neutral-0\/40 p-24 shadow-[inset_4px_4px_0px_0px_rgba(255,255,255,0.6)] backdrop-blur-[12px] md:grid-cols-6 md:p-40 xl:grid-cols-10 xl:gap-24 xl:p-48 2xl:p-60 min-[1440px]:p-60 3xl:grid-cols-12 3xl:p-80\">\n                <div class=\"col-span-1 flex items-center\">\n                    <div class=\"h-[clamp(48px,6vw,60px)] w-[clamp(48px,6vw,60px)] rounded-full bg-primary-500\"><\/div>\n                <\/div>\n\n                <div class=\"col-span-3 text-right md:col-span-4 md:col-start-3 xl:col-span-5 xl:col-start-6 3xl:col-span-6 3xl:col-start-7\">\n                    <h1 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"heading-1 w-full text-primary-500 md:whitespace-nowrap\">\n                        Agile Gear International                    <\/h1>\n                <\/div>\n\n                <div class=\"col-span-4 md:col-span-4 xl:col-span-5 3xl:col-span-6\">\n                    <h1 x-aos-clip-line-up=\"{ delay: 100 }\" class=\"display-2 font-extrabold text-neutral-950\">\n                        \u4fdd\u6301\u4f60\u7684\u7368\u7279\u6027                    <\/h1>\n                <\/div>\n\n                <div class=\"col-span-4 md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n                    <p x-aos-clip-line-up=\"{ delay: 200 }\" class=\"body-def max-w-none text-neutral-500\">\n                        \u6211\u5011\u7acb\u5fd7\u6210\u70ba\u9818\u5148\u7684\u56fa\u614b\u786c\u789f\u88fd\u9020\u5546\uff0c\u4e26\u4ee5\u7345\u5b50\u70ba\u539f\u578b\u8a2d\u8a08\u4e86\u6211\u5011\u7684\u6a19\u8a8c\uff0c\u56e0\u70ba\u7345\u5b50\u50cf\u5fb5\u8457\u529b\u91cf\u3001\u5a01\u56b4\u548c\u96c4\u5049\uff0c\u5b8c\u7f8e\u5951\u5408\u6211\u5011\u7684\u6838\u5fc3\u50f9\u503c\u3002\u7121\u8ad6\u60a8\u662f\u7528\u65bc\u5de5\u4f5c\u9084\u662f\u5a1b\u6a02\uff0c\u6211\u5011\u7684\u56fa\u614b\u786c\u789f\u90fd\u80fd\u6210\u70ba\u60a8\u5f37\u5927\u7684\u52d5\u529b\u4f86\u6e90\uff01                     <\/p>\n                <\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data class=\"esg-vision relative overflow-hidden bg-neutral-0 xl:px-[40px] 2xl:px-[40px] 3xl:px-[40px]\">\n    <div class=\"mx-auto w-full max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n\n        <div class=\"grid grid-cols-4 md:grid-cols-4 xl:grid-cols-10 3xl:grid-cols-12\">\n\n            <div class=\"relative col-span-4 flex h-[125px] items-center justify-center bg-neutral-0 p-24 gap-8 md:col-span-4 md:h-[112px] xl:p-40 xl:gap-12 xl:col-span-4 xl:h-[256px] 2xl:col-span-4 2xl:h-[256px] 3xl:col-span-4 3xl:h-[320px]\">\n                <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 m-0 flex h-full w-full items-center justify-center text-center text-neutral-950\">\n                    \u6211\u5011\u7684\u9858\u666f                <\/h1>\n\n            <\/div>\n\n            <div class=\"col-span-4 grid h-[125px] grid-cols-3 gap-0 md:col-span-4 md:h-[256px] md:grid-cols-3 xl:col-span-6 xl:h-[256px] xl:grid-cols-3 3xl:col-span-8 3xl:col-start-5 3xl:h-[320px] 3xl:grid-cols-3\">\n                                    \n                        <div x-aos-fade=\"{ delay: 120 }\" class=\"esg-vision__card col-span-1 md:col-span-1 xl:col-span-1 2xl:col-span-1 relative h-full border-r-[1px] border-neutral-0\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/about-us-block-3-bg-img.png\"\n                                    alt=\"\u54c1\u8cea\u7b2c\u4e00\"\n                                    class=\"esg-vision__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                                <div class=\"esg-vision__overlay absolute inset-0 bg-neutral-900\/35\"><\/div>\n                            \n                            <div class=\"relative z-[2] h-full\">\n                                <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"esg-vision__title heading-6 font-semibold leading-snug text-neutral-0\">\n                                    \u54c1\u8cea\u7b2c\u4e00                                <\/h6>\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div x-aos-fade=\"{ delay: 200 }\" class=\"esg-vision__card col-span-1 md:col-span-1 xl:col-span-1 2xl:col-span-1 relative h-full border-r-[1px] border-neutral-0\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/about-us-block-3-bg-img.png\"\n                                    alt=\"\u5c55\u671b\u672a\u4f86\"\n                                    class=\"esg-vision__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                                <div class=\"esg-vision__overlay absolute inset-0 bg-neutral-900\/35\"><\/div>\n                            \n                            <div class=\"relative z-[2] h-full\">\n                                <h6 x-aos-clip-line-up=\"{ delay: 280 }\" class=\"esg-vision__title heading-6 font-semibold leading-snug text-neutral-0\">\n                                    \u5c55\u671b\u672a\u4f86                                <\/h6>\n                            <\/div>\n                        <\/div>\n\n                    \n                        <div x-aos-fade=\"{ delay: 280 }\" class=\"esg-vision__card col-span-1 md:col-span-1 xl:col-span-1 2xl:col-span-1 relative h-full border-r-[1px] border-neutral-0\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/about-us-block-3-bg-img.png\"\n                                    alt=\"Establishing a Global Footprint\"\n                                    class=\"esg-vision__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                                <div class=\"esg-vision__overlay absolute inset-0 bg-neutral-900\/35\"><\/div>\n                            \n                            <div class=\"relative z-[2] h-full\">\n                                <h6 x-aos-clip-line-up=\"{ delay: 360 }\" class=\"esg-vision__title heading-6 font-semibold leading-snug text-neutral-0\">\n                                    Establishing a Global Footprint                                <\/h6>\n                            <\/div>\n                        <\/div>\n\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"esg-quality relative overflow-hidden bg-neutral-0 xl:px-[40px]\">\n            <img decoding=\"async\"\n            src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg.png\"\n            alt=\"\"\n            class=\"absolute inset-0 z-[1] h-full w-full object-cover\"\n        >\n    \n            <img decoding=\"async\"\n            src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg-1-1.png\"\n            alt=\"\"\n            class=\"absolute inset-0 z-[2] h-full w-full object-cover\"\n        >\n    \n    <div class=\"relative z-[3] mx-auto w-full max-w-[1196px] overflow-hidden min-[1441px]:max-w-[1440px]\">\n\n            <!-- top -->\n            <div\n                class=\"grid grid-cols-4 md:grid-cols-4 xl:grid-cols-10 3xl:grid-cols-12 overflow-hidden\"\n            >\n                <!-- left title -->\n                <div class=\"relative col-span-4 grid h-[125px] grid-cols-4 items-center overflow-hidden p-20 g-10 border-r-[1px] border-neutral-0 text-center md:col-span-4 md:h-[112px] xl:col-span-4 xl:h-[256px] xl:px-20 2xl:h-[320px]\">\n                    <h1 x-aos-clip-line-up=\"{ delay: 120 }\" class=\"heading-1 relative z-[2] col-span-4 w-full text-center text-neutral-950 xl:col-span-2 xl:col-start-2\">\n                        Quality Strategy                    <\/h1>\n                <\/div>\n\n                <!-- right hero -->\n                <div class=\"esg-quality__hero group relative col-span-4 h-[256px] overflow-hidden bg-[var(--overlay-40a,rgba(255,255,255,0.4))] shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.6)] backdrop-blur-[12px] md:col-span-4 md:h-[256px] xl:col-span-6 xl:h-[256px] 2xl:h-[320px] 3xl:col-span-8 3xl:h-[320px]\">\n                                                    <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/social-sec.png\"\n                                    alt=\"Value\r\nInnovation\"\n                                    class=\"esg-quality__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                    \n                    \n                    <h6 class=\"esg-quality__title heading-6 relative z-[2] flex h-full w-full items-center justify-center p-16 xl:p-20 text-center font-medium text-neutral-950 transition-colors duration-300\">\n                        <span class=\"max-w-[920px]\">\n                            Value<br \/>\r\nInnovation                        <\/span>\n                    <\/h6>\n                <\/div>\n                \n                <!-- bottom -->\n                <div class=\"esg-quality__bottom col-span-4 grid grid-cols-3 md:col-span-4 xl:col-span-10 xl:grid-cols-3 3xl:col-span-12 3xl:grid-cols-3\">\n                                                                            <div class=\"esg-quality__tile relative flex h-[240px] items-center justify-center overflow-hidden bg-[var(--overlay-40a,rgba(255,255,255,0.4))] shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.6)] backdrop-blur-[12px] p-16 text-center md:h-[256px] xl:h-[256px] xl:p-20 2xl:h-[320px] border-r border-r-[1px] border-r-[rgba(255,255,255,0.4)] group\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/social-sec.png\"\n                                    alt=\"Quality\u2028Improvement\"\n                                    class=\"esg-quality__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                            \n                                                                                                <div class=\"esg-quality__overlay absolute inset-0\"><\/div>\n                                    <!-- <div class=\"esg-quality__overlay absolute inset-0 bg-[var(--primary-900-80a,rgba(38,69,27,0.8))]\"><\/div> -->\n                                                            \n                            <h6 x-aos-clip-line-up=\"{ delay: 120 }\" class=\"esg-quality__title heading-6 relative z-[2] w-[130px] break-normal whitespace-normal text-neutral-950 transition-colors duration-300 md:w-[160px] xl:w-[200px]\">\n                                Quality\u2028Improvement                            <\/h6>\n                        <\/div>\n                                            <div class=\"esg-quality__tile relative flex h-[240px] items-center justify-center overflow-hidden bg-[var(--overlay-40a,rgba(255,255,255,0.4))] shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.6)] backdrop-blur-[12px] p-16 text-center md:h-[256px] xl:h-[256px] xl:p-20 2xl:h-[320px] border-r border-r-[1px] border-r-[rgba(255,255,255,0.4)] group\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/social-sec.png\"\n                                    alt=\"Technological\u2028Leadership\"\n                                    class=\"esg-quality__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                            \n                                                                                                <div class=\"esg-quality__overlay absolute inset-0\"><\/div>\n                                    <!-- <div class=\"esg-quality__overlay absolute inset-0 bg-[var(--primary-900-80a,rgba(38,69,27,0.8))]\"><\/div> -->\n                                                            \n                            <h6 x-aos-clip-line-up=\"{ delay: 200 }\" class=\"esg-quality__title heading-6 relative z-[2] w-[130px] break-normal whitespace-normal text-neutral-950 transition-colors duration-300 md:w-[160px] xl:w-[200px]\">\n                                Technological\u2028Leadership                            <\/h6>\n                        <\/div>\n                                            <div class=\"esg-quality__tile relative flex h-[240px] items-center justify-center overflow-hidden bg-[var(--overlay-40a,rgba(255,255,255,0.4))] shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.6)] backdrop-blur-[12px] p-16 text-center md:h-[256px] xl:h-[256px] xl:p-20 2xl:h-[320px] group\">\n                                                            <img decoding=\"async\"\n                                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/social-sec.png\"\n                                    alt=\"Customer\u2028Satisfaction\"\n                                    class=\"esg-quality__media absolute inset-0 h-full w-full object-cover\"\n                                >\n                            \n                                                                                                <div class=\"esg-quality__overlay absolute inset-0\"><\/div>\n                                    <!-- <div class=\"esg-quality__overlay absolute inset-0 bg-[var(--primary-900-80a,rgba(38,69,27,0.8))]\"><\/div> -->\n                                                            \n                            <h6 x-aos-clip-line-up=\"{ delay: 280 }\" class=\"esg-quality__title heading-6 relative z-[2] w-[130px] break-normal whitespace-normal text-neutral-950 transition-colors duration-300 md:w-[160px] xl:w-[200px]\">\n                                Customer\u2028Satisfaction                            <\/h6>\n                        <\/div>\n                                                    <\/div>\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p><\/p>\n\n<section x-data class=\"esg-principle-parallax relative isolate overflow-visible bg-neutral-0 md:px-24 xl:px-40\">\n            <img\n            src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/bg-sec4.png\"\n            alt=\"\"\n            class=\"absolute inset-0 h-full w-full object-cover object-center\"\n            loading=\"eager\"\n            decoding=\"async\"\n        >\n    \n    <div class=\"stakeholder-slider-wrap relative mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 xl:items-stretch 2xl:grid-cols-10 3xl:grid-cols-12\">\n\n            <!-- LEFT TEXT -->\n            <div x-aos-fade:down=\"{ delay: 80, distance: 56, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"parallax-left relative col-span-4 flex h-full flex-col justify-center gap-8 overflow-hidden p-24 text-left md:col-span-6 xl:col-span-4 xl:p-40 xl:gap-12 3xl:col-span-4\">\n                <div class=\"relative z-[2] flex w-full min-w-0 flex-col gap-[16px] xl:max-w-[520px] xl:h-full xl:justify-center\">\n                                            <h1 x-aos-fade:down=\"{ delay: 120, distance: 44, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 text-neutral-0 xl:max-w-[260px] xl:text-left\">\n                            \u9053\u5fb7\u7ba1\u7406                        <\/h1>\n                    \n                                            <p x-aos-fade:down=\"{ delay: 180, distance: 36, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"body-def text-neutral-0\">\n                            \u6211\u5011\u7acb\u5fd7\u6210\u70ba\u9818\u5148\u7684\u56fa\u614b\u786c\u789f\u88fd\u9020\u5546\uff0c\u4e26\u4ee5\u7345\u5b50\u70ba\u539f\u578b\u8a2d\u8a08\u4e86\u6211\u5011\u7684\u6a19\u8a8c\uff0c\u56e0\u70ba\u7345\u5b50\u50cf\u5fb5\u8457\u529b\u91cf\u3001\u5a01\u56b4\u548c\u96c4\u5049\uff0c\u5b8c\u7f8e\u5951\u5408\u6211\u5011\u7684\u6838\u5fc3\u50f9\u503c\u3002\u7121\u8ad6\u60a8\u662f\u7528\u65bc\u5de5\u4f5c\u9084\u662f\u5a1b\u6a02\uff0c\u6211\u5011\u7684\u56fa\u614b\u786c\u789f\u90fd\u80fd\u6210\u70ba\u60a8\u5f37\u5927\u7684\u52d5\u529b\u4f86\u6e90\uff01                         <\/p>\n                    \n                    <div class=\"stakeholder-slider-controls flex items-center justify-end gap-16 pt-12 xl:justify-start\">\n                        <div class=\"agi-button-prev cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                            <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-white text-primary-500\" aria-label=\"Previous slide\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"agi-pagination flex items-center gap-8\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"agi-button-next cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                            <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-white text-primary-500\" aria-label=\"Next slide\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path 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\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT CONTENT -->\n            <div class=\"col-span-4 flex min-w-0 self-start flex-col overflow-hidden md:col-span-6 xl:col-span-6 3xl:col-span-8 3xl:col-start-5\">\n                <div x-aos-fade:up=\"{ delay: 140, distance: 56, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"relative h-fit min-w-0 overflow-hidden\">\n                    <div class=\"swiper principle-swiper stakeholder-swiper relative h-auto min-w-0 overflow-hidden bg-neutral-0 shadow-[0_4px_18px_rgba(0,0,0,0.04)]\" x-environmentalslider data-slider-mode=\"stakeholder\">\n                        <div class=\"swiper-wrapper relative min-w-0 !items-stretch\">\n                                                            \n\n<article class=\"swiper-slide principle-slide-item !h-auto align wp-block-refine-lab-esg-principle-slide\">\n    <div class=\"grid h-full grid-rows-[auto_auto] bg-neutral-0 xl:grid-rows-[auto_320px] 3xl:grid-rows-[auto_360px]\">\n        <div class=\"principle-slide-content flex flex-col gap-8 bg-neutral-0 p-24 md:p-32 xl:px-40 xl:pt-32 xl:pb-24\">\n            <div class=\"w-full text-neutral-500\">\n                                    \n\n<h3 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-97ff996917b31537a9afaa77e1835b64\" style=\"padding-bottom:12px\">\u539f\u5247<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-bottom:8px\">\u672c\u516c\u53f8\u57fa\u65bc\u516c\u5e73\u3001\u8aa0\u5be6\u3001\u5b88\u4fe1\u3001\u900f\u660e\u539f\u5247\u5f9e\u4e8b\u5546\u696d\u6d3b\u52d5\uff0c\u65bc\u5546\u696d\u5f80\u4f86\u4e4b\u524d\uff0c\u61c9\u8003\u91cf\u5546\u696d\u5f80\u4f86\u4ea4\u6613\u5c0d\u8c61\u4e4b\u5408\u6cd5\u6027\u53ca\u4fe1\u8b7d\uff0c\u907f\u514d\u8207\u6709\u4e0d\u8aa0\u4fe1\u884c\u70ba\u7d00\u9304\u8005\u9032\u884c\u4ea4\u6613\uff1b\u8207\u4ed6\u4eba\u7c3d\u8a02\u5951\u7d04\uff0c\u5176\u5167\u5bb9\u5b9c\u5305\u542b\u9075\u5b88\u8aa0\u4fe1\u7d93\u71df\u653f\u7b56<\/li>\n\n\n\n<li style=\"padding-bottom:12px\">\u672c\u516c\u53f8\u53ca\u8463\u4e8b\u3001\u7d93\u7406\u4eba\u3001\u53d7\u50f1\u4eba\u3001\u53d7\u4efb\u4eba\u8207\u5be6\u8cea\u63a7\u5236\u8005\uff0c\u65bc\u57f7\u884c\u696d\u52d9\u6642\uff0c\u4e0d\u5f97\u76f4\u63a5\u6216\u9593\u63a5\u63d0\u4f9b\u3001\u627f\u8afe\u3001\u8981\u6c42\u6216\u6536\u53d7\u4efb\u4f55\u5f62\u5f0f\u4e4b\u4e0d\u6b63\u7576\u5229\u76ca\uff0c\u5305\u62ec\u56de\u6263\u3001\u4f63\u91d1\u3001\u758f\u901a\u8cbb\u6216\u900f\u904e\u5176\u4ed6\u9014\u5f91\u5411\u5ba2\u6236\u3001\u4ee3\u7406\u5546\u3001\u627f\u5305\u5546\u3001\u4f9b\u61c9\u5546\u3001\u516c\u8077\u4eba\u54e1\u6216\u5176\u4ed6\u5229\u5bb3\u95dc\u4fc2\u4eba\u63d0\u4f9b\u6216\u6536\u53d7\u4e0d\u6b63\u7576\u5229\u76ca <\/li>\n<\/ul>\n\n                            <\/div>\n        <\/div>\n                    <div class=\"bg-neutral-0\">\n                <div class=\"relative h-[220px] w-full overflow-hidden md:h-[280px] xl:h-[320px] 3xl:h-[360px]\">\n                    <img\n                        src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img.png\"\n                        alt=\"Principle image\"\n                        class=\"principle-parallax-media block h-full w-full object-cover object-center will-change-transform\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n                <\/div>\n            <\/div>\n            <\/div>\n<\/article>\n\n\n\n<article class=\"swiper-slide principle-slide-item !h-auto align wp-block-refine-lab-esg-principle-slide\">\n    <div class=\"grid h-full grid-rows-[auto_auto] bg-neutral-0 xl:grid-rows-[auto_320px] 3xl:grid-rows-[auto_360px]\">\n        <div class=\"principle-slide-content flex flex-col gap-8 bg-neutral-0 p-24 md:p-32 xl:px-40 xl:pt-32 xl:pb-24\">\n            <div class=\"w-full text-neutral-500\">\n                                    \n\n<h3 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-6ea41dde9585de1cef994851648f119e\" style=\"padding-bottom:12px\">Implementation<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:12px;padding-bottom:45px;padding-left:20px\">\u70ba\u843d\u5be6\u8aa0\u4fe1\u7d93\u71df\u53ca\u9053\u5fb7\u884c\u70ba\uff0c\u516c\u53f8 112 \u5e74\u8209\u8fa6\u8aa0\u4fe1\u7d93\u71df\u5b88\u5247\u898f\u7bc4\u4e4b\u5167\u90e8\u8a13\u7df4\uff08\u5982\u65b0\u9032\u4eba\u54e1\u54e1\u5de5\u884c\u70ba\u5b88\u5247\u6559\u80b2\u8a13\u7df4\u3001\u8aa0\u4fe1\u7d93\u71df\u8207\u9053\u5fb7\u898f\u7bc4\u6559\u80b2\u8a13\u7df4\u2026\u7b49\u8b70\u984c\u4e4b\u6559\u80b2\u8a13\u7df4\uff09\uff0c\u5c0d\u516c\u53f8\u9ad8\u968e\u7ba1\u7406\u8005\u53ca\u5168\u9ad4\u54e1\u5de5\u5ba3\u5c0e\u516c\u53f8\u5c0d\u8aa0\u4fe1\u7d93\u71df\u4e4b\u8981\u6c42\u3002112 \u5e74\u7e3d\u8a13\u7df4\u5171 20 \u4eba\u6b21\uff0c\u8a08 20 \u4eba\u6642\u3002<\/li>\n<\/ul>\n\n                            <\/div>\n        <\/div>\n                    <div class=\"bg-neutral-0\">\n                <div class=\"relative h-[220px] w-full overflow-hidden md:h-[280px] xl:h-[320px] 3xl:h-[360px]\">\n                    <img\n                        src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/value.png\"\n                        alt=\"Principle image\"\n                        class=\"principle-parallax-media block h-full w-full object-cover object-center will-change-transform\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n                <\/div>\n            <\/div>\n            <\/div>\n<\/article>\n\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"relative overflow-hidden bg-neutral-0 px-12 pt-40 pb-24 gap-24 md:px-24 md:pt-60 md:pb-40 xl:px-40 xl:pt-80 xl:pb-48 xl:gap-32 min-[1440px]:px-[40px] min-[1440px]:pt-[100px] min-[1440px]:pb-[60px] min-[1440px]:gap-40 3xl:pt-[120px] 3xl:pb-[80px] 3xl:gap-48\">\n                    <div class=\"watermark xl:!top-[-20px] min-[1440]:!top-[-30px]\" aria-hidden=\"true\">\n                <span x-aos-fade=\"{ delay: 400 }\" class=\"display-1\">RISK<\/span>\n            <\/div>\n        \n\n        <div class=\"grid grid-cols-4 mx-auto w-full max-w[720px] gap-24 md:grid-cols-6 xl:grid-cols-10 xl:gap-32 xl:max-w-[1192px] min-[1440px]:gap-40 3xl:grid-cols-12 min-[1441px]:max-w-[1440px] 3xl:gap-48\">\n\n            <!-- HEADER -->\n            <div class=\"relative z-10 col-span-4 mx-auto flex flex-col items-center justify-center gap-8 text-center max-w-[952px] md:col-span-6 xl:col-span-10 xl:gap-12 3xl:col-span-12\">\n                                    <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 tracking-[-0.03em]\">\n                        <span class=\"text-primary-500\">\n                            \u98a8\u96aa\u8a55\u4f30                        <\/span>\n                                             <\/h1>\n                \n                                    <p x-aos-clip-line-up=\"{ delay: 100 }\" class=\"body-def mx-auto text-neutral-500\">\n                        \u672c\u516c\u53f8\u5c31\u4f01\u696dESG\u91cd\u5927\u6027\u8b70\u984c\u4e4b\u76f8\u95dc\u98a8\u96aa\u8a55\u4f30\uff0c\u4e26\u4f9d\u64da\u8a55\u4f30\u5f8c\u4e4b\u98a8\u96aa\uff0c\u8a02\u5b9a\u76f8\u95dc\u98a8\u96aa\u7ba1\u7406\u653f\u7b56\u6216\u7b56\u7565\u5982\u4e0b\uff1a                    <\/p>\n                            <\/div>\n\n            <!-- CARDS -->\n                            <div x-aos-fade=\"{ delay: 100 }\" class=\"col-span-4 grid grid-cols-2 overflow-hidden border border-[1px] border-primary-500 md:col-span-6 md:grid-cols-2 xl:col-span-10 xl:grid-cols-4 3xl:col-span-12\">\n\n                                            \n                        <div class=\"\n                            flex min-h-[280px] flex-col items-center justify-center px-20 py-24 gap-16 text-center md:min-h-[320px] xl:px-24 xl:py-40 xl:gap-20\n                            bg-primary-500 text-neutral-0 xl:bg-primary-500 xl:text-neutral-0                            border border-[1px] border-[var(--primary-500,rgba(106,191,75,1))] \n                        \">\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 120 }\" class=\"heading-5 text-neutral-0 xl:text-neutral-0\">\n                                    Environmental                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 180 }\" class=\"body-def text-neutral-0 xl:text-neutral-0\">\n                                    \u672c\u516c\u53f8\u81f4\u529b\u65bc\u74b0\u5883\u4fdd\u8b77\u53ca\u97ff\u61c9\u7da0\u8272\u3002\u5236\u5ea6\u5316\u7684PDCA \u7ba1\u7406\u5faa\u74b0\uff0c\u6bcf\u5e74\u90fd\u6703\u8a02\u5b9a\u57f7\u884c\u7684\u8a08\u5283\u548c\u65b9\u6848\uff0c\u4e26\u5b9a\u6642\u8ffd\u8e2a\u548c\u6aa2\u8a0e\u5404\u9805\u76ee\u6a19\u7684\u9032\u5ea6\uff0c\u4ee5\u78ba\u4fdd\u76ee\u6a19\u7684\u9054\u6210                                <\/p>\n                                                    <\/div>\n\n                                            \n                        <div class=\"\n                            flex min-h-[280px] flex-col items-center justify-center px-20 py-24 gap-16 text-center md:min-h-[320px] xl:px-24 xl:py-40 xl:gap-20\n                            bg-neutral-0 text-neutral-500 xl:bg-neutral-0 xl:text-neutral-500                            border border-[1px] border-[var(--primary-500,rgba(106,191,75,1))] \n                        \">\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 180 }\" class=\"heading-5 text-neutral-950 xl:text-neutral-950\">\n                                    Occupational Safety                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 240 }\" class=\"body-def text-neutral-500 xl:text-neutral-500\">\n                                    \u672c\u516c\u53f8\u65bc 2022 \u5e74\u53d6\u5f97 ISO 9001 \u54c1\u8cea\u7cfb\u7d71\u8a8d\u8b49\uff0c\u5404\u90e8\u9580\u9032\u884c\u5404\u9805\u5de5\u5b89\u5de1\u6aa2\u67e5\u6838\u4f5c\u696d\uff0c\u95dc\u4fc2\u4f01\u696d\u4e92\u76f8\u7763\u5c0e\u548c\u7d93\u9a57\u4ea4\u6d41\uff0c\u9032\u4e00\u6b65\u843d\u5be6\u54c1\u8cea\u7ba1\u7406\u7cfb\u7d71                                <\/p>\n                                                    <\/div>\n\n                                            \n                        <div class=\"\n                            flex min-h-[280px] flex-col items-center justify-center px-20 py-24 gap-16 text-center md:min-h-[320px] xl:px-24 xl:py-40 xl:gap-20\n                            bg-neutral-0 text-neutral-500 xl:bg-primary-500 xl:text-neutral-0                            border border-[1px] border-[var(--primary-500,rgba(106,191,75,1))] \n                        \">\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 240 }\" class=\"heading-5 text-neutral-950 xl:text-neutral-0\">\n                                    Product Safety                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-500 xl:text-neutral-0\">\n                                    \u672c\u516c\u53f8\u7522\u54c1\u7686\u7b26\u5408\u653f\u5e9c\u76f8\u95dc\u6cd5\u898f\uff0c\u7121\u6709\u5bb3\u7269\u8cea\uff0c\u4e26\u900f\u904e\u56b4\u8b39\u54c1\u8cea\u7ba1\u7406\u78ba\u4fdd\u7a69\u5b9a\u54c1\u8cea\u3002\u8a2d\u6709\u5ba2\u670d\u5c08\u7dda\u8207\u6e9d\u901a\u5e73\u53f0\uff0c\u5b9a\u671f\u9032\u884c\u6eff\u610f\u5ea6\u8abf\u67e5\uff0c\u6301\u7e8c\u512a\u5316\u670d\u52d9\u9ad4\u9a57\u3002\u4ee5\u8207\u5ba2\u6236\u4e92\u5229\u5171\u69ae\u70ba\u6838\u5fc3\uff0c\u5efa\u7acb\u9577\u671f\u5408\u4f5c\u95dc\u4fc2\uff0c\u5960\u5b9a\u4f01\u696d\u6c38\u7e8c\u767c\u5c55\u57fa\u790e                                <\/p>\n                                                    <\/div>\n\n                                            \n                        <div class=\"\n                            flex min-h-[280px] flex-col items-center justify-center px-20 py-24 gap-16 text-center md:min-h-[320px] xl:px-24 xl:py-40 xl:gap-20\n                            bg-primary-500 text-neutral-0 xl:bg-neutral-0 xl:text-neutral-500                            border border-[1px] border-[var(--primary-500,rgba(106,191,75,1))] \n                        \">\n                                                            <h5 x-aos-clip-line-up=\"{ delay: 300 }\" class=\"heading-5 text-neutral-0 xl:text-neutral-950\">\n                                    Governance                                <\/h5>\n                            \n                                                            <p x-aos-clip-line-up=\"{ delay: 360 }\" class=\"body-def text-neutral-0 xl:text-neutral-500\">\n                                    \u900f\u904e\u5efa\u7acb\u6cbb\u7406\u7d44\u7e54\u53ca\u843d\u5be6\u5167\u90e8\u63a7\u5236\u6a5f\u5236\uff0c\u78ba\u4fdd\u672c\u516c\u53f8\u6240\u6709\u4eba\u54e1\u53ca\u4f5c\u696d\u78ba\u5be6\u9075\u5b88\u76f8\u95dc\u6cd5\u4ee4\u898f\u7bc4                                <\/p>\n                                                    <\/div>\n\n                    \n                <\/div>\n            \n            <\/div>\n\n<\/section>\n\n<section x-data class=\"environment-section relative flex flex-col gap-24 overflow-hidden px-12 pt-40 pb-24 md:px-24 md:pt-60 md:pb-40 md:gap-40 xl:px-40 xl:pt-80 xl:pb-48 xl:gap-48 min-[1440px]:pt-[100px] min-[1440px]:pb-[60px] min-[1440px]:gap-[60px] 3xl:pt-[120px] 3xl:pb-[80px] 3xl:gap-[80px]\">\n            <div class=\"watermark xl:!top-[-20px] min-[1440]:!top-[-30px]\" aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\" class=\"display-1\">STAKEHOLDER<\/span>\n        <\/div>\n    \n    <div class=\"relative z-[1] mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 gap-24 md:grid-cols-6 xl:grid-cols-10 xl:items-start min-[1440px]:grid-cols-10 3xl:grid-cols-12\">\n            <!-- LEFT -->\n            <div x-aos-fade=\"{ delay: 0 }\" class=\"col-span-4 mx-auto flex max-w-[952px] flex-col gap-8 text-center md:col-span-6 xl:col-span-8 xl:col-start-2 xl:mx-auto xl:max-w-[952px] xl:text-center min-[1440px]:col-span-4 min-[1440px]:col-start-1 min-[1440px]:text-left 3xl:col-span-4 3xl:col-start-1\">\n                <div class=\"flex flex-col gap-8 xl:gap-12 min-[1440px]:p-40\">\n                    <h1 x-aos-fade:up=\"{ delay: 0, distance: 28, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 text-neutral-950 text-wrap\">\n                        <span class=\"highlight-mark\">Stakeholder<\/span>                    <\/h1>\n\n                                            <p x-aos-fade:up=\"{ delay: 90, distance: 24, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"body-def text-neutral-950\">\n                            \u8207\u4e9e\u5947\u96f7\u71df\u904b\u76f8\u95dc\u7684\u5229\u5bb3\u95dc\u4fc2\u4eba\u5305\u542b\u5ba2\u6236\u3001\u4f9b\u61c9\u5546\u3001\u6295\u8cc7\u4eba\uff08\u80a1\u6771\uff09\u3001\u653f\u5e9c\u3001\u7814\u7a76\u6a5f\u69cb\u3001\u793e\u5340\u3001\u5a92\u9ad4\u3001\u7522\u696d\u5354\u6703\u3001\u975e\u71df\u5229\u7d44\u7e54\u53ca\u54e1\u5de5\u7b49\uff0c\u793e\u6703\u8cac\u4efb\u59d4\u54e1\u6703\u8003\u91cf\u570b\u5167\u5916\u6c38\u7e8c\u8b70\u984c\u767c\u5c55\u8da8\u52e2\u53ca\u71df\u904b\u9700\u6c42\uff0c\u5b9a\u7fa9\u51fa\u4e3b\u8981\u7684\u5229\u5bb3\u95dc\u4fc2\u4eba\u70ba\u5ba2\u6236\u3001\u7d93\u92b7\u5546\u3001 \u4f9b\u61c9\u5546\u3001\u6295\u8cc7\u4eba\uff08\u80a1\u6771\uff09\u53ca\u54e1\u5de5\u3002                        <\/p>\n                                    <\/div>\n            <\/div>\n\n            <!-- RIGHT -->\n            <div class=\"col-span-4 flex flex-col gap-48 md:col-span-6 xl:col-span-8 xl:col-start-2 min-[1440px]:col-span-6 min-[1440px]:col-start-5 3xl:col-span-8 3xl:col-start-5\">\n\n                    <!-- TABLE -->\n                                            <div x-aos-fade=\"{ delay: 120 }\" class=\"body-md w-full overflow-x-auto stakeholder-table\">\n                           \n<table id=\"tablepress-1\" class=\"tablepress tablepress-id-1\">\n<thead>\n<tr class=\"row-1\">\n\t<th class=\"column-1\">\u5229\u5bb3\u95dc\u4fc2\u4eba<\/th><th class=\"column-2\">\u5efa\u8b70\u5c0d\u8c61<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"row-2\">\n\t<td class=\"column-1\">\u80a1\u6771<\/td><td class=\"column-2\">\u4e00\u822c\u80a1\u6771\uff08\u542b\u54e1\u5de5\u80a1\u6771\uff09\u3001\u6cd5\u4eba\u80a1\u6771\u8207\u8a55\u7b49\u6a5f\u69cb<\/td>\n<\/tr>\n<tr class=\"row-3\">\n\t<td class=\"column-1\">\u5ba2\u6236<\/td><td class=\"column-2\">\u65e2\u6709\u570b\u5167\u5916\u4e4b\u5ba2\u6236<\/td>\n<\/tr>\n<tr class=\"row-4\">\n\t<td class=\"column-1\">\u54e1\u5de5<\/td><td class=\"column-2\">\u76f4\u63a5 \/ \u9593\u63a5\u4eba\u54e1\uff0c\u4e9e\u5947\u96f7\u70ba\u76f4\u63a5\u4eba\u54e1\uff08\u5305\u62ec\u7d44\u7e54\u5404\u968e\u5c64\u4e3b\u7ba1\u53ca\u54e1\u5de5\uff09<\/td>\n<\/tr>\n<tr class=\"row-5\">\n\t<td class=\"column-1\">\u4f9b\u61c9\u5546 \/ \u627f\u652c\u5546<\/td><td class=\"column-2\">\u4ee5\u539f\u7269\u6599\u5171\u61c9\u5546\u70ba\u4e3b\u8981\u5c0d\u8c61\uff0c\u53e6\u542b\u90e8\u5206\u5de5\u7a0b\u5305\u5546\/\u6e05\u6f54\u670d\u52d9\u5ee0\u5546\u2026\u7b49<\/td>\n<\/tr>\n<tr class=\"row-6\">\n\t<td class=\"column-1\">\u793e\u5340<\/td><td class=\"column-2\">\u516c\u53f8\u6240\u5728\u7576\u5730\u4e4b\u5712\u5340\u7ba1\u7406\u4e2d\u5fc3\u4eba\u54e1\u53ca\u7576\u5730\u6c11<\/td>\n<\/tr>\n<tr class=\"row-7\">\n\t<td class=\"column-1\">\u653f\u5e9c \/ \u975e\u71df\u5229\u7d44\u7e54<\/td><td class=\"column-2\">\u7576\u5730\u653f\u5e9c\u6a5f\u95dc\u3001\u5b78\u6821\u6a5f\u69cb\u8207\u975e\u71df\u5229\u8ca1\u5718\u6cd5\u4eba\u57fa\u91d1\u6703\u7b49<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-1 from cache -->                        <\/div>\n                        <style>\n                            .stakeholder-table {\n                                overflow-x: auto;\n                                -webkit-overflow-scrolling: touch;\n                            }\n                            .stakeholder-table table {\n                                min-width: 640px;\n                                width: max-content;\n                                border: 1px solid var(--color-neutral-500, rgba(98, 109, 95, 1));\n                                border-collapse: collapse;\n                            }\n                            .stakeholder-table table th,\n                            .stakeholder-table table td {\n                                font-size: inherit;\n                                line-height: inherit;\n                                letter-spacing: inherit;\n                                font-family: inherit;\n                            }\n                            \n                            .stakeholder-table table th {\n                                background: var(--color-neutral-800);\n                                color: var(--color-neutral-0);\n                                border: 1px solid var(--color-neutral-500) !important;\n                            }\n                            .stakeholder-table table td {\n                                border: 1px solid var(--color-neutral-500, rgba(98, 109, 95, 1)) !important;\n                            }\n                            @media (min-width: 768px) {\n                                .stakeholder-table table {\n                                    min-width: 0;\n                                    width: 100%;\n                                }\n                            }\n                        <\/style>\n                    \n                    <!-- DIAGRAM -->\n                                            <div x-aos-fade=\"{ delay: 180 }\" class=\"flex justify-center\">\n                            <img decoding=\"async\"\n                                src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-2.png\"\n                                alt=\"{Stakeholder}\"\n                                class=\"h-auto w-full max-w-[520px] object-contain\"\n                            >\n                        <\/div>\n                    \n                    \n                    <!-- STAKEHOLDER CATEGORIES -->\n                                            <div class=\"grid grid-cols-3 gap-12 xl:grid-cols-3 pb-24\">\n                                                            <div x-aos-fade=\"{ delay: 260 }\" class=\"text-center p-8\">\n                                                                            <h5 x-aos-clip-line-up=\"{ delay: 260 }\" class=\"heading-5 text-neutral-950\">\n                                            <span class=\"text-primary-500\">[<\/span>\n                                            \u7fa9\u52d9\u5c0d\u8c61                                            <span class=\"text-primary-500\">]<\/span>\n                                        <\/h5>\n                                    \n                                                                            <div x-aos-clip-line-up=\"{ delay: 300 }\" class=\"body-def text-neutral-500 pt-12\">\n                                            \u4e3b\u7ba1\u6a5f\u95dc \/ \u80a1\u6771\uff08\u6295\u8cc7\u4eba\uff09\/ \u5ba2\u6236 \/ \u54e1\u5de5                                        <\/div>\n                                                                    <\/div>\n                                                            <div x-aos-fade=\"{ delay: 300 }\" class=\"text-center p-8\">\n                                                                            <h5 x-aos-clip-line-up=\"{ delay: 300 }\" class=\"heading-5 text-neutral-950\">\n                                            <span class=\"text-primary-500\">[<\/span>\n                                            \u5f71\u97ff\u529b\u5c0d\u8c61                                            <span class=\"text-primary-500\">]<\/span>\n                                        <\/h5>\n                                    \n                                                                            <div x-aos-clip-line-up=\"{ delay: 340 }\" class=\"body-def text-neutral-500 pt-12\">\n                                            \u5ba2\u6236 \/ \u80a1\u6771\uff08\u6295\u8cc7\u4eba\uff09\/ \u4f9b\u61c9\u5546 \/\u627f\u652c\u5546 \/ \u4e3b\u7ba1\u6a5f\u95dc \/\u793e\u5340 \/ \u540c\u696d                                        <\/div>\n                                                                    <\/div>\n                                                            <div x-aos-fade=\"{ delay: 340 }\" class=\"text-center p-8\">\n                                                                            <h5 x-aos-clip-line-up=\"{ delay: 340 }\" class=\"heading-5 text-neutral-950\">\n                                            <span class=\"text-primary-500\">[<\/span>\n                                            \u4e92\u60e0\u5c0d\u8c61                                            <span class=\"text-primary-500\">]<\/span>\n                                        <\/h5>\n                                    \n                                                                            <div x-aos-clip-line-up=\"{ delay: 380 }\" class=\"body-def text-neutral-500 pt-12\">\n                                            \u5ba2\u6236 \/ \u80a1\u6771\uff08\u6295\u8cc7\u4eba\uff09\/ \u4f9b\u61c9\u5546 \/ \u54e1\u5de5 \/ \u80a1\u6771 \/ \u4e3b\u7ba1\u6a5f\u95dc \/ \u540c\u696d \/ \u5a92\u9ad4                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                        \n                    <!-- SLIDE CARDS -->\n                    <div class=\"flex flex-col gap-12\">\n                                            <div x-aos-fade=\"{ delay: 320 }\" class=\"stakeholder-slider-wrap relative\">\n                            <div class=\"grid grid-cols-1 overflow-hidden bg-neutral-0 shadow-[0_4px_18px_rgba(0,0,0,0.04)] xl:grid-cols-8 xl:items-stretch min-[1440px]:grid-cols-6 3xl:grid-cols-8\">\n                                <div class=\"relative h-[240px] overflow-hidden md:h-[320px] xl:col-span-3 xl:h-full\">\n                                    <img decoding=\"async\"\n                                        src=\"\"\n                                        alt=\"\"\n                                        class=\"stakeholder-active-image h-full w-full object-cover opacity-0\"\n                                    >\n                                <\/div>\n\n                                <div class=\"relative flex min-h-[320px] flex-col xl:col-span-5 min-[1440px]:col-span-3 3xl:col-span-5\">\n                                    <div class=\"swiper stakeholder-swiper flex-1 bg-neutral-0\" x-environmentalslider data-slider-mode=\"stakeholder\">\n                                        <div class=\"swiper-wrapper\">\n                                                                                            \n\n<article class=\"stakeholder-slide-item swiper-slide align wp-block-refine-lab-esg-stakeholder-slide\">\n    <div\n        class=\"stakeholder-slide-content flex h-full flex-col gap-8 p-24\"\n        data-slide-image=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/img.png\"    >\n                    \n\n<h5 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-1e6b74a670bf1f7796f3e0f811b0eee2\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u4f9b\u61c9\u93c8\u7ba1\u7406<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-f8f0843ea1ecf3bf20a72ff848463221\" style=\"padding-top:16px\">\u6e1b\u5c11\u7522\u54c1\u8207\u670d\u52d9\u4e4b\u8cc7\u6e90\u53ca\u80fd\u6e90\u6d88\u8017<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-77be24056d1ba556e77552cb3176f02e\" style=\"padding-top:16px\">\u6e1b\u5c11\u6c61\u67d3\u7269\u3001\u6709\u6bd2\u7269\u53ca\u5ee2\u68c4\u7269\u4e4b\u6392\u653e\uff0c\u4e26\u61c9\u59a5\u5584\u8655\u7406\u5ee2\u68c4\u7269<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-009e5bff6d12c9aadf15605c4f4f42e1\" style=\"padding-top:16px\">\u589e\u9032\u539f\u6599\u6216\u7522\u54c1\u4e4b\u53ef\u56de\u6536\u6027\u8207\u518d\u5229\u7528<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-3f94b683675c4764c0d141ea2e217542\" style=\"padding-top:16px\">\u4f7f\u53ef\u518d\u751f\u8cc7\u6e90\u9054\u5230\u6700\u5927\u9650\u5ea6\u4e4b\u6c38\u7e8c\u4f7f\u7528<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-8b265baccba80bc1b1ed5bb98e68cb7f\" style=\"padding-top:16px\">\u5ef6\u9577\u7522\u54c1\u4e4b\u8010\u4e45\u6027<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-a3ad9a00c08acd82bf425013bea6a2b2\" style=\"padding-top:16px\">\u589e\u52a0\u7522\u54c1\u8207\u670d\u52d9\u4e4b\u6548\u80fd<\/li>\n<\/ul>\n\n            <\/div>\n<\/article>\n\n\n\n<article class=\"stakeholder-slide-item swiper-slide align wp-block-refine-lab-esg-stakeholder-slide\">\n    <div\n        class=\"stakeholder-slide-content flex h-full flex-col gap-8 p-24\"\n        data-slide-image=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/img.png\"    >\n                    \n\n<h5 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-80d26c8b26ecfb4af56747ae2b9ca5de\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u4f9b\u61c9\u5546\u8a55\u4f30<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-dee47eaad0bfe267be4a1f2e7fab7612\" style=\"padding-top:16px\">\u65b0\u4f9b\u61c9\u5546\u9700\u9032\u884c\u4f9b\u61c9\u5546\u8abf\u67e5\u8a55\u9451\uff0c\u7d93\u8a55\u9451\u5408\u683c\u8005\uff0c\u65b9\u80fd\u5217\u5165\u5f80\u4f86\u4f9b\u61c9\u5546<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-34e673aa35684d95c87c3114e35780d1\" style=\"padding-top:16px\">\u8207\u4e3b\u8981\u4f9b\u61c9\u5546\u7c3d\u8a02\u4e4b\u5951\u7d04\u5df2\u8a3b\u660e\u5982\u4f9b\u61c9\u5546\u6d89\u53ca\u9055\u53cd\u4f01\u696d\u793e\u6703\u8cac\u4efb\u653f\u7b56\uff0c\u4e14\u5c0d\u74b0\u5883\u8207\u793e\u6703\u6709\u986f\u8457\u5f71\u97ff\u6642\uff0c\u5f97\u96a8\u6642\u7d42\u6b62\u6216\u89e3\u9664\u5951\u7d04\u4e4b\u689d\u6b3e<\/li>\n<\/ul>\n\n            <\/div>\n<\/article>\n\n\n\n<article class=\"stakeholder-slide-item swiper-slide align wp-block-refine-lab-esg-stakeholder-slide\">\n    <div\n        class=\"stakeholder-slide-content flex h-full flex-col gap-8 p-24\"\n        data-slide-image=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/img.png\"    >\n                    \n\n<h5 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-32c0e6911980a1837b08a0dbf7e5453a\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u4f9b\u61c9\u5546\u7a3d\u6838<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-57fca56a7a862a1589976bbfeb13321f\" style=\"padding-top:16px\">\u5b9a\u671f\u9032\u884c\u4f9b\u61c9\u5546\u8a55\u9451\uff0c\u78ba\u4fdd\u63d0\u4f9b\u7684\u7522\u54c1\u3001\u88fd\u7a0b\u7b26\u5408AGI\u898f\u7bc4\uff0c\u5171\u540c\u81f4\u529b\u63d0\u4f9b\u5b89\u5168\u7522\u54c1\u4e4b\u793e\u6703\u8cac\u4efb<\/li>\n\n\n\n<li class=\"has-neutral-500-color has-text-color has-link-color wp-elements-d51af031a7148b561145d2f4442d497a\" style=\"padding-top:16px\">\u7531\u63a1\u8cfc\u3001\u54c1\u4fdd\u7b49\u4eba\u54e1\u6210\u7acb\u7a3d\u6838\u5c0f\u7d44\u53ca\u8f14\u5c0e\u5718\u968a\uff0c\u6aa2\u6838\u4f9b\u61c9\u5546\u4e4b\u751f\u7522\u80fd\u529b\u53ca\u54c1\u8cea\u7ba1\u7406\u80fd\u529b\uff0c\u7f3a\u5931\u6539\u5584\u9032\u5ea6\uff0c\u5171\u540c\u63d0\u5347\u54c1\u8cea\u8207\u6280\u8853\u7cbe\u9032<\/li>\n<\/ul>\n\n            <\/div>\n<\/article>\n\n                                                                                    <\/div>\n                                    <\/div>\n\n                                                                            <div class=\"stakeholder-controls-host px-24 pb-24\">\n                                            <div class=\"stakeholder-slider-controls flex items-center justify-end gap-16\">\n                                                <div class=\"agi-button-prev cursor-pointer\">\n                                                    <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-primary-500 text-white\">\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                            <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                                        <\/svg>\n                                                    <\/button>\n                                                <\/div>\n\n                                                <div class=\"agi-pagination flex items-center gap-8\"><\/div>\n\n                                                <div class=\"agi-button-next cursor-pointer\">\n                                                    <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-primary-500 text-white\">\n                                                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                            <path 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\" fill=\"currentColor\"\/>\n                                                        <\/svg>\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                        <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"relative overflow-hidden bg-neutral-0 gap-24 px-12 pb-24 pt-40 md:px-24 md:pb-40 md:pt-60 xl:px-40 xl:pb-48 xl:gap-32 xl:pt-80 min-[1440px]:pt-[100px] min-[1440px]:pb-[60px] min-[1440px]:gap-40 3xl:pb-80 3xl:pt-120 3xl:gap-48\">\n\n    <!-- WATERMARK -->\n            <div class=\"watermark xl:!top-[-20px] min-[1440]:!top-[-30px]\" aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\" class=\"display-1\">COMMITTEE<\/span>\n        <\/div>\n    \n    <!-- Grid Container -->\n    <div class=\"relative z-10 mx-auto w-full max-w-[720px] xl:max-w-[1196px] 3xl:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 gap-24 md:grid-cols-6 md:gap-20 xl:grid-cols-10 xl:gap-24 3xl:grid-cols-12\">\n\n        <!-- Content: Centered -->\n        <div class=\"col-span-4 flex flex-col gap-24 text-center md:col-span-6 md:gap-20 xl:col-span-8 xl:col-start-2 xl:gap-24 3xl:col-span-8 3xl:col-start-3 3xl:gap-32\">\n\n            <!-- Title & Subtitle -->\n            <div class=\"flex flex-col gap-8\">\n                <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 text-neutral-950\">\n                    Sustainability <span class=\"text-primary-500\">Committee<\/span>                <\/h1>\n\n                                    <p x-aos-clip-line-up=\"{ delay: 80 }\" class=\"body-def text-neutral-500\">\n                        \u5728\u5feb\u901f\u8b8a\u52d5\u7684\u6642\u4ee3\u4e2d\uff0c\u6211\u5011\u6df1\u523b\u9ad4\u6703\u4f01\u696d\u7684\u50f9\u503c\uff0c\u4e0d\u50c5\u5728\u65bc\u5275\u9020\u7d93\u6fdf\u6210\u9577\uff0c\u66f4\u5728\u65bc\u5c0d\u74b0\u5883\u3001\u793e\u6703\u8207\u4eba\u7684\u8cac\u4efb<br \/>\r\n\u672c\u516c\u53f8\u6210\u7acb\u300c\u6c38\u7e8c\u767c\u5c55\u59d4\u54e1\u6703\u300d\uff0c\u671f\u671b\u4ee5\u5be6\u969b\u884c\u52d5\u56de\u61c9\u5c0d\u5730\u7403\u7684\u95dc\u61f7\uff0c\u70ba\u4e0b\u4e00\u4ee3\u7559\u4e0b\u66f4\u7f8e\u597d\u7684\u672a\u4f86                    <\/p>\n                            <\/div>\n\n            <!-- DIAGRAM -->\n                            <div x-aos-fade=\"{ delay: 140 }\" class=\"w-full overflow-hidden max-w-[952px]\">\n                    <!-- aspect-[351\/221] -->\n                    \n                        <img decoding=\"async\" \n                            src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-com.png\" \n                            alt=\"Sustainability {Committee}\"\n                            class=\"block h-full w-full object-cover md:h-auto md:object-contain\"\n                        >\n                    \n                <\/div>\n            \n        <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<section x-data class=\"environment-section relative left-1\/2 w-screen max-w-none -translate-x-1\/2 overflow-hidden px-12 py-40 gap-24 md:px-24 md:py-60 xl:px-40 xl:py-80 xl:gap-32 min-[1440px]:pt-[100px] min-[1440px]:gap-40 3xl:py-120 3xl:gap-48\">\n            <div class=\"pointer-events-none absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/customer-support-header-bg.png\" alt=\"\" class=\"h-full w-full object-cover opacity-100\">\n                    <\/div>\n    \n            <div class=\"pointer-events-none absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/download-img-bg-1.png\" alt=\"\" class=\"h-full w-full object-cover opacity-90\">\n        <\/div>\n    \n    <div class=\"relative z-[2] mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 gap-24 md:grid-cols-6 md:gap-24 xl:grid-cols-10 xl:gap-24 3xl:grid-cols-12\">\n            <div class=\"col-span-4 flex flex-col gap-24 md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n                <div class=\"flex flex-col gap-8\">\n                    <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 font-semibold leading-[1.05] tracking-[-0.03em] text-[#67B53F]\">\n                        Environmental                    <\/h1>\n\n                                    <\/div>\n\n                            <div class=\"relative overflow-visible\">\n                    <div class=\"swiper environmental-swiper !overflow-visible\" x-environmentalslider>\n                        <div class=\"swiper-wrapper !items-stretch\">\n                                                                                                                                    <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[297px] xl:gap-24 xl:p-40 3xl:h-[348px]\">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">01<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u904b\u71df\u8a2d\u5099\u7ba1\u7406<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u5c0d\u71df\u904b\u7684\r\n\u885d\u64ca<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u56e0\u6c23\u5019\u707d\u5bb3\u9020\u6210\u71df\u904b\u4e2d\u65b7\uff0c\u4f8b\u5982\u8cc7\u8a0a\u7dad\u904b\u4e3b\u6a5f\u3001\u6216\u662f\u5be6\u9ad4\u5206\u884c\u906d\u53d7\u7834\u58de\uff0c\u5c0e\u81f4\u670d\u52d9\u4e2d\u65b7\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                                                                                                                                                        <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u6c23\u5019\u8b8a\u9077\r\n\u56e0\u61c9\u7ba1\u7406<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u91dd\u5c0d\u8cc7\u8a0a\u7cfb\u7d71\uff0c\u5f37\u5316\u7dca\u6025\u4f9b\u96fb\u53ca\u5099\u63f4\u6a5f\u5236\u3002\u91dd\u5c0d\u5be6\u9ad4\u5206\u884c\uff0c\u6bcf\u6b21\u5f37\u98b1\u6216\u8c6a\u96e8\u8b66\u5831\u767c\u5e03\u6642\uff0c\u9810\u5148\u505a\u597d\u9632\u8b77\u63aa\u65bd\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[297px] xl:gap-24 xl:p-40 3xl:h-[348px]\">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">02<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u5ba2\u6236\u95dc\u4fc2\u7dad\u8b77<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u5c0d\u71df\u904b\u7684\r\n\u885d\u64ca<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u7531\u65bc\u6c23\u5019\u8b8a\u9077\u6240\u5e36\u4f86\u7684\u5f71\u97ff\uff0c\u5c0d\u9867\u5ba2\u7522\u751f\u885d\u64ca\uff0c\u9023\u5e36\u7522\u751f\u5f8c\u7e8c\u6388\u4fe1\u9055\u7d04\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                                                                                                                                                        <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u6c23\u5019\u8b8a\u9077\r\n\u56e0\u61c9\u7ba1\u7406<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u6bcf\u5468\u6aa2\u8996\u9867\u5ba2\u5e33\u6b3e\u662f\u5426\u6709\u7570\u5e38\uff0c\u82e5\u6709\u7570\u5e38\u7576\u5468\u5373\u7b2c\u4e00\u6642\u9593\u9023\u7d61\u9867\u5ba2\u8655\u7406\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[297px] xl:gap-24 xl:p-40 3xl:h-[348px]\">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">03<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u539f\u7269\u6599\u6210\u672c\u7ba1\u7406<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u5c0d\u71df\u904b\u7684\r\n\u885d\u64ca<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u56e0\u6c23\u5019\u8b8a\u9077\u9020\u6210\u5927\u5b97\u5546\u54c1\u539f\u7269\u6599\u6210\u672c\u63d0\u9ad8\uff0c\u9032\u800c\u5c0d\u516c\u53f8\u71df\u904b\u6210\u672c\u9020\u6210\u5f71\u97ff\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                                                                                                                                                        <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u6c23\u5019\u8b8a\u9077\r\n\u56e0\u61c9\u7ba1\u7406<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u96a8\u6642\u76e3\u63a7\u539f\u7269\u6599\u50f9\u683c\u6ce2\u52d5\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[297px] xl:gap-24 xl:p-40 3xl:h-[348px]\">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">04<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u7e3d\u91cf\u7ba1\u5236\u8207\u6392\u653e\u7ba1\u7406<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u5c0d\u71df\u904b\u7684\r\n\u885d\u64ca<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u6c23\u5019\u8b8a\u9077\u9020\u6210\u7684\u666e\u904d\u6eab\u5ea6\u4e0a\u5347\uff0c\u9593\u63a5\u5f71\u97ff\u516c\u53f8\u5728\u7a7a\u8abf\u8a2d\u5099\u9762\u7684\u8ca0\u8f09\u52a0\u91cd\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                                                                                                                                                        <div class=\"grid grid-cols-[62px_1fr] gap-16 leading-[1.65]\">\n                                                                <div class=\"body-def font-semibold uppercase tracking-[0.02em] text-primary-500\">\u6c23\u5019\u8b8a\u9077\r\n\u56e0\u61c9\u7ba1\u7406<\/div>\n                                                                <div class=\"body-def text-neutral-500\">\u9032\u884c\u5168\u516c\u53f8\u7dad\u8b77\u4fdd\u990a\u6642\uff0c\u540c\u6642\u6aa2\u8996\u6c70\u63db\u9700\u6c42\uff0c\u4e26\u63d0\u524d\u898f\u5283\u6c70\u63db\u820a\u6709\u8a2d\u5099\uff0c\u4ee5\u61c9\u5c0d\u589e\u9577\u7684\u78b3\u6392\u53ca\u6548\u80fd\u8870\u6e1b\u7684\u8a2d\u5099\u3002<\/div>\n                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n                                            <div class=\"environmental-controls w-full grid grid-cols-4 md:grid-cols-6 xl:absolute xl:right-0 xl:top-[-92px] xl:w-auto xl:grid-cols-10 3xl:grid-cols-12\">\n                            <div class=\"col-span-4 col-start-1 pt-24 flex items-center justify-center gap-[16px] md:col-span-3 md:col-start-4 md:justify-end xl:col-span-3 xl:col-start-8 xl:pt-0 xl:justify-end 3xl:col-span-3 3xl:col-start-10\">\n                                    <div class=\"agi-button-prev cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                                        <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-primary-500 text-white\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                        <\/button>\n                                    <\/div>\n\n                                    <div class=\"agi-pagination flex min-w-[64px] items-center justify-center gap-[8px]\"><\/div>\n\n                                    <div class=\"agi-button-next cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                                        <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-[#67B53F] text-white\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                <path 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\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/div>\n            <?php?>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .environment-section .environment-subtitle {\n        max-width: 980px;\n        width: 100%;\n    }\n\n    .environment-section.environment-no-slider-ui .environment-subtitle {\n        max-width: none;\n    }\n\n    @media (min-width: 1280px) {\n        .environment-section.environment-no-slider-ui .environment-subtitle-wrap {\n            grid-column: span 10 \/ span 10;\n        }\n    }\n\n    @media (min-width: 1920px) {\n        .environment-section.environment-no-slider-ui .environment-subtitle-wrap {\n            grid-column: span 12 \/ span 12;\n        }\n    }\n\n    .environment-section .environmental-slide-card {\n        width: calc(100% - 24px);\n        max-width: 327px;\n    }\n\n    @media (min-width: 768px) {\n        .environment-section .environmental-slide-card {\n            width: calc((100% - 20px) \/ 2);\n            max-width: none;\n        }\n    }\n\n    @media (min-width: 1280px) {\n        .environment-section .environmental-slide-card {\n            width: 464px;\n        }\n    }\n\n    @media (min-width: 1920px) {\n        .environment-section .environmental-slide-card {\n            width: 464px;\n        }\n    }\n<\/style>\n\n<section x-data class=\"environment-section relative left-1\/2 w-screen max-w-none -translate-x-1\/2 overflow-hidden px-12 py-40 gap-24 md:px-24 md:py-60 xl:px-40 xl:py-80 xl:gap-32 min-[1440px]:pt-[100px] min-[1440px]:gap-40 3xl:py-120 3xl:gap-48\">\n            <div class=\"pointer-events-none absolute inset-0 z-0\">\n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/social-sec.png\" alt=\"\" class=\"h-full w-full object-cover opacity-90\">\n                                <\/div>\n    \n    \n    <div class=\"relative z-[2] mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 gap-24 md:grid-cols-6 md:gap-24 xl:grid-cols-10 xl:gap-24 3xl:grid-cols-12\">\n            <div class=\"col-span-4 flex flex-col gap-24 md:col-span-6 xl:col-span-10 3xl:col-span-12\">\n                <div class=\"flex flex-col gap-8\">\n                    <h1 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-1 font-semibold leading-[1.05] tracking-[-0.03em] text-white\">\n                        Social Care                    <\/h1>\n\n                                    <\/div>\n\n                            <div class=\"relative overflow-visible\">\n                    <div class=\"swiper environmental-swiper !overflow-visible\" x-environmentalslider>\n                        <div class=\"swiper-wrapper !items-stretch\">\n                                                                                                                                    <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[418px] xl:gap-24 xl:p-40 \">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">01<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u5931\u4f9d\u9752\u5e74\u8077\u6daf\u63a2\u7d22\u966a\u4f34<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"body-def leading-[1.65] text-neutral-500\">\n                                                                                                                                \u6211\u5011\u8207\u793e\u6703\u798f\u5229\u6a5f\u69cb\uff08\u5982\u9752\u7acb\u6703\uff09\u5408\u4f5c\uff0c\u901a\u904e\u63d0\u4f9b\u6211\u5011\u516c\u53f8\u548c\u8077\u5834\u7684\u898b\u89e3\uff0c\u5354\u52a9\u5931\u4f9d\u9752\u5e74\u63a2\u7d22\u8077\u696d\u548c\u6559\u80b2\u9053\u8def\u3002                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                        <div class=\"mt-auto overflow-hidden rounded-[8px]\"><img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/\u5716\u72471.jpg\" alt=\"\" class=\"w-full h-[148px] object-cover\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[418px] xl:gap-24 xl:p-40 \">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">02<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u504f\u9109\u6821\u5712\u7522\u54c1\u652f\u6301<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"body-def leading-[1.65] text-neutral-500\">\n                                                                                                                                \u6211\u5011\u5411\u504f\u9060\u5730\u5340\u7684\u5f31\u52e2\u5b78\u6821\u548c\u5b78\u751f\u63d0\u4f9b\u4e86\u7522\u54c1\uff0c\u4ee5\u652f\u6301\u4ed6\u5011\u7684\u6559\u80b2\u9700\u6c42\uff0c\u4f8b\u5982\u77f3\u9580\u5be6\u9a57\u570b\u4e2d\u3001\u576a\u6797\u5be6\u9a57\u570b\u4e2d\u7b49\u3002                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                        <div class=\"mt-auto overflow-hidden rounded-[8px]\"><img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/\u5716\u72472-1.jpg\" alt=\"\" class=\"w-full h-[148px] object-cover\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                                        <div class=\"swiper-slide environmental-slide-card !h-auto\">\n                                        <div class=\"rounded-[24px] bg-neutral-0 p-24 flex flex-col gap-[20px] md:h-[260px] md:gap-20 md:p-24 xl:h-[418px] xl:gap-24 xl:p-40 \">\n                                            <div class=\"flex flex-col gap-0\">\n                                                <div class=\"font-semibold leading-none text-primary-500\">03<\/div>\n                                                <h5 class=\"heading-5 font-semibold leading-[1.25] tracking-[-0.02em] text-neutral-950\">\u5f71\u50cf\u5275\u4f5c\u6559\u80b2\u652f\u6301<\/h5>                                            <\/div>\n                                                                                            <div class=\"space-y-3\">\n                                                                                                                                                                                                                                <div class=\"body-def leading-[1.65] text-neutral-500\">\n                                                                                                                                \u6211\u5011\u7528\u5132\u5b58\u79d1\u6280\u9001\u6696 \u652f\u6301\u504f\u9109\u5f71\u50cf\u5275\u4f5c\u8005\u8207\u5152\u5c11\u6559\u80b2\u9700\u6c42\u3002\u5b88\u8b77\u504f\u9109\u5b78\u7ae5\u5275\u4f5c\uff01\u4e9e\u5947\u96f7\u79d1\u6280\u6350\u8d08 SSD \u52a9\u6578\u4f4d\u6559\u80b2\u4e0d\u4e2d\u65b7                                                            <\/div>\n                                                                                                                                                            <\/div>\n                                                                                                                                        <div class=\"mt-auto overflow-hidden rounded-[8px]\"><img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/\u5716\u72473.jpg\" alt=\"\" class=\"w-full h-[148px] object-cover\"><\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n                                            <div class=\"environmental-controls w-full grid grid-cols-4 md:grid-cols-6 xl:absolute xl:right-0 xl:top-[-92px] xl:w-auto xl:grid-cols-10 3xl:grid-cols-12\">\n                            <div class=\"col-span-4 col-start-1 pt-24 flex items-center justify-center gap-[16px] md:col-span-3 md:col-start-4 md:justify-end xl:col-span-3 xl:col-start-8 xl:pt-0 xl:justify-end 3xl:col-span-3 3xl:col-start-10\">\n                                    <div class=\"agi-button-prev cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                                        <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-primary-500 text-white\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                        <\/button>\n                                    <\/div>\n\n                                    <div class=\"agi-pagination flex min-w-[64px] items-center justify-center gap-[8px]\"><\/div>\n\n                                    <div class=\"agi-button-next cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                                        <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-[#67B53F] text-white\">\n                                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                <path 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\" fill=\"currentColor\"\/>\n                                            <\/svg>\n                                        <\/button>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <\/div>\n            <?php?>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .environment-section .environment-subtitle {\n        max-width: 980px;\n        width: 100%;\n    }\n\n    .environment-section.environment-no-slider-ui .environment-subtitle {\n        max-width: none;\n    }\n\n    @media (min-width: 1280px) {\n        .environment-section.environment-no-slider-ui .environment-subtitle-wrap {\n            grid-column: span 10 \/ span 10;\n        }\n    }\n\n    @media (min-width: 1920px) {\n        .environment-section.environment-no-slider-ui .environment-subtitle-wrap {\n            grid-column: span 12 \/ span 12;\n        }\n    }\n\n    .environment-section .environmental-slide-card {\n        width: calc(100% - 24px);\n        max-width: 327px;\n    }\n\n    @media (min-width: 768px) {\n        .environment-section .environmental-slide-card {\n            width: calc((100% - 20px) \/ 2);\n            max-width: none;\n        }\n    }\n\n    @media (min-width: 1280px) {\n        .environment-section .environmental-slide-card {\n            width: 464px;\n        }\n    }\n\n    @media (min-width: 1920px) {\n        .environment-section .environmental-slide-card {\n            width: 464px;\n        }\n    }\n<\/style>\n\n<section x-data class=\"employee-section relative max-w-none overflow-hidden bg-[#edf2ee] px-[12px] py-[40px] gap-24 md:px-[24px] md:py-[60px] xl:px-[40px] xl:py-[80px] xl:gap-32 3xl:px-[40px] 3xl:py-[120px] 3xl:gap-48\">\n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg-1.png\" alt=\"\" class=\"pointer-events-none absolute inset-0 z-0 h-full w-full object-cover opacity-60\">\n    \n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/img-bg-1-1.png\" alt=\"\" class=\"pointer-events-none absolute inset-0 z-0 h-full w-full object-cover opacity-40 mix-blend-multiply\">\n    \n    <div class=\"pointer-events-none absolute inset-0 z-0 bg-[linear-gradient(180deg,#FFFFFF_0%,rgba(255,255,255,0)_100%),radial-gradient(100%_430.84%_at_0%_2.65%,rgba(255,255,255,0)_48.52%,rgba(255,255,255,0.8)_100%)]\"><\/div>\n            <div class=\"watermark xl:!top-[-20px] min-[1440]:!top-[-30px]\" aria-hidden=\"true\">\n            <span x-aos-fade=\"{ delay: 400 }\" class=\"display-1\">EMPLOYEE<\/span>\n        <\/div>\n    \n    <div class=\"relative z-[1] mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]\">\n        <div class=\"grid grid-cols-4 gap-[12px] md:grid-cols-6 md:gap-[20px] xl:grid-cols-10 xl:gap-[24px] 3xl:grid-cols-12\">\n            <div class=\"col-span-4 md:col-span-6 xl:col-span-8 xl:col-start-2 3xl:col-span-8 3xl:col-start-3\">\n                <div class=\"relative text-center\">\n                    <div class=\"relative z-10 grid grid-cols-4 gap-12 md:grid-cols-6 md:gap-20 xl:gap-24\">\n                        <h2 x-aos-clip-line-up=\"{ delay: 0 }\" class=\"heading-2 col-span-4 font-semibold tracking-[-0.03em] text-neutral-950 md:col-span-6\">\n                            <span class=\"text-[#67C23A]\">Employees<\/span> Care                        <\/h2>\n\n                                            <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"col-span-4 md:col-span-6 xl:col-span-10 xl:col-start-1 xl:p-32 xl:gap-40 xl:max-w-[1196px] 3xl:col-span-12\">\n                <div x-aos-fade=\"{ delay: 120 }\" class=\"stakeholder-slider-wrap relative mx-auto w-full\">\n                    <div class=\"swiper stakeholder-swiper employee-swiper overflow-hidden rounded-[14px] border border-white\/60 bg-white\/70 shadow-[0_14px_42px_rgba(61,84,58,0.13)]\" x-environmentalslider data-slider-mode=\"stakeholder\">\n                        <div class=\"swiper-wrapper\">\n                                                            \n\n<article class=\"employee-slide-item swiper-slide align wp-block-refine-lab-esg-employee-slide\">\n    <div class=\"grid grid-cols-4 gap-[24px] p-24 md:grid-cols-6 md:gap-[20px] md:px-[24px] md:py-[24px] xl:grid-cols-10 xl:gap-[24px] xl:px-[40px] xl:py-[40px] 2xl:grid-cols-12\">\n                    <div class=\"relative col-span-4 h-[240px] overflow-hidden md:col-span-6 xl:col-span-4 xl:h-auto xl:min-h-[320px] 2xl:col-span-5\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/img-emp.png\"\n                    alt=\"Employee image\"\n                    class=\"absolute inset-0 h-full w-full object-cover object-center\"\n                >\n            <\/div>\n        \n        <div class=\"employee-slide-content prose-custom col-span-4 md:col-span-6 xl:col-span-6 xl:min-h-[320px] 2xl:col-span-7\">\n                            \n\n<h5 class=\"wp-block-heading has-text-align-left\" style=\"padding-top:0px\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-500-color\">[<\/mark> \u54e1\u5de5\u798f\u5229\u76f8\u95dc\u53ca\u53cb\u5584\u63aa\u65bd <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-500-color\">]<\/mark><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:12px\">\u8a2d\u7acb\u300c\u8077\u5de5\u798f\u5229\u59d4\u54e1\u6703\u300d\uff0c\u63d0\u4f9b\u5404\u9805\u798f\u5229\u9805\u76ee\uff0c\u5305\u542b\u5a5a\u55aa\u559c\u6176\u3001\u4e09\u7bc0\u79ae\u91d1\u3001\u751f\u65e5\u79ae\u91d1\u3001\u54e1\u5de5\u5718\u96aa\u3001\u9032\u4fee\u88dc\u52a9\u3001\u6025\u96e3\u6551\u52a9\u7b49<\/li>\n\n\n\n<li style=\"padding-top:12px\">\u64ec\u5b9a\u300c\u5e74\u7d42\u734e\u91d1\u653f\u7b56\u300d\uff0c\u9664\u4fdd\u969c\u54e1\u5de5\u57fa\u672c\u5e74\u7d42\u734e\u91d1\u5916\uff0c\u4e26\u4f9d\u516c\u53f8\u7372\u5229\u72c0\u6cc1\u8abf\u6574\u5e74\u7d42\u734e\u91d1\u767c\u653e\u57fa\u6e96<\/li>\n\n\n\n<li style=\"padding-top:12px\">\u5efa\u69cb\u53cb\u5584\u7684\u8077\u5834\u74b0\u5883\uff0c\u5496\u5561\u6a5f\u7121\u9650\u66a2\u98f2\u3001\u8212\u9069\u8fa6\u516c\u7a7a\u9593\u8207\u4f11\u606f\u5340\uff0c\u4e26\u5b89\u6392\u6bcf\u65e5\u5c08\u4eba\u6e05\u6f54\u8fa6\u516c\u74b0\u5883<\/li>\n\n\n\n<li style=\"padding-top:12px\">\u9ad4\u6064\u54e1\u5de5\u4ed8\u51fa\u8207\u8f9b\u52de\uff0c\u6bcf\u5b63\u5b9a\u671f\u7c4c\u8fa6\u516c\u53f8\u805a\u9910<\/li>\n\n\n\n<li style=\"padding-top:12px\">\u54e1\u5de5\u5168\u54e1\u53c3\u8207\u52de\u5de5\u4fdd\u96aa\u53ca\u5168\u6c11\u5065\u5eb7\u4fdd\u96aa\uff0c\u51e1\u672c\u516c\u53f8\u54e1\u5de5\u65bc\u6b63\u5f0f\u5230\u8077\u65e5\u96f6\u6642\u8d77\uff0c\u5373\u7531\u516c\u53f8\u8fa6\u7406\u52de\u4fdd\u3001\u5065\u4fdd\u4e8b\u5b9c\uff0c\u4ee5\u78ba\u5be6\u4fdd\u969c\u54e1\u5de5\u6b0a\u76ca<\/li>\n\n\n\n<li style=\"padding-top:12px\">\u70ba\u7dad\u8b77\u54e1\u5de5\u8eab\u5fc3\u5065\u5eb7\uff0c\u5b9a\u671f\u5b89\u6392\u54e1\u5de5\u5065\u5eb7\u6aa2\u67e5\u3001\u54e1\u5de5\u65c5\u904a\u6216\u65c5\u904a\u88dc\u52a9\u7b49\u54e1\u5de5\u6d3b\u52d5\u3002<\/li>\n<\/ul>\n\n                    <\/div>\n    <\/div>\n<\/article>\n\n\n\n<article class=\"employee-slide-item swiper-slide align wp-block-refine-lab-esg-employee-slide\">\n    <div class=\"grid grid-cols-4 gap-[24px] p-24 md:grid-cols-6 md:gap-[20px] md:px-[24px] md:py-[24px] xl:grid-cols-10 xl:gap-[24px] xl:px-[40px] xl:py-[40px] 2xl:grid-cols-12\">\n        \n        <div class=\"employee-slide-content prose-custom col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n                            \n\n<h5 class=\"wp-block-heading has-text-align-left has-primary-500-color has-text-color has-link-color wp-elements-b5bfcbfa4b308f10040e45bcacb16ba9\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-1000-color\">\u8077\u80fd\u767c\u5c55<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-top:12px\">\u70ba\u56e0\u61c9\u96c6\u5718\u7b56\u7565\u767c\u5c55\u4e4b\u76ee\u6a19\uff0c\u4e26\u6eff\u8db3\u54e1\u5de5\u65bc\u5de5\u4f5c\u6240\u9700\u4e4b\u8077\u80fd\uff0c\u516c\u53f8\u4f9d\u64da\u52de\u52d5\u90e8\u6240\u5236\u8a02\u4eba\u624d\u767c\u5c55\u54c1\u8cea\u7ba1\u7406\u7cfb\u7d71\uff08TTQS\uff09\u63d0\u4f9b\u591a\u5143\u5316\u4e4b\u5b78\u7fd2\u65b9\u5f0f\u8207\u7ba1\u9053\uff0c\u5982\u4e0b\uff1a<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\u901a\u8b58\u8a13\u7df4<\/td><td>\u542b\u653f\u5e9c\u6cd5\u4ee4\u898f\u5b9a\u3001\u516c\u53f8\u653f\u7b56\u8981\u6c42\uff0c\u53ca\u5168\u516c\u53f8\u6574\u9ad4\u6027\u6216\u5404\u968e\u5c64\u901a\u8b58\u6027\u4e4b\u8a13\u7df4\u6d3b\u52d5\uff0c\u4e3b\u984c\u5982\u5de5\u696d\u5b89\u5168\u8a13\u7df4\u8ab2\u7a0b\u3001\u5b89\u5168\u885b\u751f\u8a13\u7df4\u8ab2\u7a0b\u3001 \u54c1\u8cea\u985e\u8a13\u7df4\u8ab2\u7a0b\u53ca\u500b\u4eba\u6548\u80fd\u7ba1\u7406\u8ab2\u7a0b\u3002<\/td><\/tr><tr><td>\u5c08\u696d\u8077\u80fd\u8a13\u7df4<\/td><td>\u542b\u5404\u8077\u80fd\u55ae\u4f4d\u6240\u9700\u4e4b\u6280\u8853\u53ca\u5c08\u696d\u8a13\u7df4\uff0c\u5982\u8a2d\u5099\u5de5\u7a0b\u985e\u8ab2\u7a0b\u3001\u8cc7\u8a0a\u6280\u8853\u985e\u8ab2\u7a0b\u7b49\u3002<\/td><\/tr><tr><td>\u4e3b\u7ba1\u4eba\u54e1\u8a13\u7df4<\/td><td>\u4f9d\u5404\u7d1a\u4e3b\u7ba1\u4e4b\u7ba1\u7406\u624d\u80fd\u8207\u7ba1\u7406\u8077\u8cac\u7b49\u9700\u6c42\uff0c\u898f\u5283\u7ba1\u7406\u767c\u5c55\u8a13\u7df4\u6d3b\u52d5\u3002\u5167\u5bb9\u5305\u542b\u521d\u968e\u4e3b\u7ba1\u6838\u5fc3\u8ab2\u7a0b\u3001\u4e2d\u968e\u4e3b\u7ba1\u6838\u5fc3\u8ab2\u7a0b\u3001\u9ad8\u968e\u4e3b\u7ba1\u6838\u5fc3\u8ab2\u7a0b\u3002<\/td><\/tr><tr><td>\u76f4\u63a5\u4eba\u54e1\u8a13\u7df4<\/td><td>\u542b\u5de5\u7a0b\u6280\u8853\u54e1\u5de5\u4f5c\u6240\u9700\u4e4b\u77e5\u8b58\u3001\u6280\u8853\u8207\u65b9\u6cd5\uff0c\u4f7f\u5176\u80fd\u901a\u904e\u64cd\u4f5c\u8a2d\u5099\u4e4b\u8a8d\u8b49\u3002\u5167\u5bb9\u5305\u62ec\u76f4\u63a5\u4eba\u54e1\u6280\u80fd\u8a13\u7df4\u8ab2\u7a0b\u7b49\u3002<\/td><\/tr><tr><td>\u5176\u4ed6<\/td><td>\u4f9d\u64da\u5404\u7d44\u7e54\u73fe\u6cc1\u8207\u4eba\u624d\u57f9\u80b2\u91cd\u9ede\u898f\u5283\u4e4b\u767c\u5c55\u6216\u8a13\u7df4\uff0c\u5305\u542b\u5728\u8077\u8a13\u7df4\u3001\u8ab2\u5802\u8a13\u7df4\u3001\u7dda\u4e0a\u5b78\u7fd2\u3001\u5de5\u4f5c\u6307\u5c0e\u2026\u7b49\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n\n                    <\/div>\n    <\/div>\n<\/article>\n\n\n\n<article class=\"employee-slide-item swiper-slide align wp-block-refine-lab-esg-employee-slide\">\n    <div class=\"grid grid-cols-4 gap-[24px] p-24 md:grid-cols-6 md:gap-[20px] md:px-[24px] md:py-[24px] xl:grid-cols-10 xl:gap-[24px] xl:px-[40px] xl:py-[40px] 2xl:grid-cols-12\">\n                    <div class=\"relative col-span-4 h-[240px] overflow-hidden md:col-span-6 xl:col-span-4 xl:h-auto xl:min-h-[320px] 2xl:col-span-5\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/04\/img-emp.png\"\n                    alt=\"Employee image\"\n                    class=\"absolute inset-0 h-full w-full object-cover object-center\"\n                >\n            <\/div>\n        \n        <div class=\"employee-slide-content prose-custom col-span-4 md:col-span-6 xl:col-span-6 xl:min-h-[320px] 2xl:col-span-7\">\n                            \n\n<h5 class=\"wp-block-heading has-primary-500-color has-text-color has-link-color wp-elements-1dc0fffdb30d4e607fcdc1264c786e44\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-1000-color\">\u9000\u4f11\u5236\u5ea6<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u672c\u516c\u53f8\u54e1\u5de5 100 % \u9069\u7528\u52de\u5de5\u9000\u4f11\u91d1\u689d\u4f8b\uff08\u4ee5\u4e0b\u7c21\u7a31\u300c\u65b0\u5236\u300d\uff09\u4e4b\u5be6\u65bd\uff0c\u5176\u9000\u4f11\u91d1\u7d66\u4ed8\u7531\u672c\u516c\u53f8\u6309\u6708\u4ee5\u52de\u5de5\u5de5\u8cc7\u767e\u5206\u4e4b\u516d\u63d0\u7e73\u9000\u4f11\u91d1\uff0c\u63d0\u64a5\u81f3\u52de\u5de5\u4fdd\u96aa\u5c40\u4e4b\u52de\u5de5\u9000\u4f11\u91d1\u500b\u4eba\u5c08\u6236<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading has-primary-500-color has-text-color has-link-color wp-elements-d62cde1669de2b7d7d9c788b5bc3946d\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-1000-color\">\u52de\u5de5\u5b89\u5168<\/mark> ]<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6392\u5b9a\u5e74\u5ea6\u54e1\u5de5\u6559\u80b2\u8a13\u7df4\u8a08\u756b\uff0c\u5ba3\u5c0e\u4f01\u696d\u502b\u7406\u53ca\u74b0\u5883\u3001\u5b89\u5168\u53ca\u885b\u751f\u7b49\u76f8\u95dc\u77e5\u8b58<\/li>\n\n\n\n<li>\u516c\u53f8\u6bcf\u5e74\u91dd\u5c0d\u54e1\u5de5\u5b89\u5168\u6295\u4fdd\u516c\u5171\u610f\u5916\u8cac\u4efb\u96aa\u3001\u54e1\u5de5\u5718\u96aa\uff08\u500b\u4eba\u610f\u5916\u50b7\u5bb3\u91ab\u7642\/\u58fd\u96aa\uff09\uff0c\u6e1b\u5c11\u610f\u5916\u4e8b\u6545\u767c\u751f\u4e4b\u7d93\u6fdf\u640d\u5931<\/li>\n\n\n\n<li>\u672c\u516c\u53f8\u6bcf\u5e74\u5b9a\u671f\u5b89\u6392\u54e1\u5de5\u5065\u5eb7\u6aa2\u67e5<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n                    <\/div>\n    <\/div>\n<\/article>\n\n\n\n<article class=\"employee-slide-item swiper-slide align wp-block-refine-lab-esg-employee-slide\">\n    <div class=\"grid grid-cols-4 gap-[24px] p-24 md:grid-cols-6 md:gap-[20px] md:px-[24px] md:py-[24px] xl:grid-cols-10 xl:gap-[24px] xl:px-[40px] xl:py-[40px] 2xl:grid-cols-12\">\n        \n        <div class=\"employee-slide-content prose-custom col-span-4 md:col-span-6 xl:col-span-10 2xl:col-span-12\">\n                            \n\n<h5 class=\"wp-block-heading has-primary-500-color has-text-color has-link-color wp-elements-519b099e5a9da7d8b224d0ae9716a366\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-1000-color\">\u5169\u6027\u5e73\u7b49\u5de5\u4f5c\u74b0\u5883 <\/mark>]<\/h5>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-primary-500-color has-text-color has-link-color wp-elements-714857dd7751cafd23dc6e7e93f1a8f1\">\u5de5\u4f5c\u76f8\u95dc\u63aa\u65bd<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8a02\u5b9a\u54e1\u5de5\u5de5\u4f5c\u5b88\u5247<\/li>\n\n\n\n<li>\u8a2d\u7acb\u52de\u8cc7\u6703\u8b70\u6a5f\u5236<\/li>\n\n\n\n<li>\u9632\u6cbb\u5de5\u4f5c\u5834\u6240\u6027\u9a37\u64fe\u884c\u70ba\uff0c\u7dad\u8b77\u5169\u6027\u5de5\u4f5c\u5e73\u7b49\u53ca\u4eba\u683c\u5c0a\u56b4<\/li>\n\n\n\n<li>\u7dad\u8b77\u516c\u5171\u5229\u76ca\u8207\u4f01\u696d\u793e\u6703\u8cac\u4efb\uff0c\u4e26\u4fdd\u8b77\u4e0d\u6cd5\u884c\u70ba\u8cc7\u8a0a\u63ed\u9732\u8005\uff0c\u5f37\u5316\u516c\u53f8\u6cbb\u7406<\/li>\n\n\n\n<li>\u5468\u4f11\u4e8c\u65e5\u5236\uff0c\u6bcf\u5929\u5de5\u66428\u5c0f\u6642<\/li>\n\n\n\n<li>\u5be6\u65bd\u5f48\u6027\u5de5\u6642<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-primary-500-color has-text-color has-link-color wp-elements-ba4660d14b6565665cf37da263f95beb\">\u5bb6\u5ead\u76f8\u95dc\u63aa\u65bd<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u63d0\u4f9b\u54e1\u5de5\u966a\u7522\u5047\u3001\u80b2\u5b30\u5047\u3001\u7522\u6aa2\u5047\u3001\u5bb6\u5ead\u7167\u9867\u5047\u3001\u751f\u7406\u5047\u7b49\uff0c\u5747\u6bd4\u7167\u52de\u57fa\u6cd5\u4e4b\u898f\u5b9a\u5be6\u65bd<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n                    <\/div>\n    <\/div>\n<\/article>\n\n                                                    <\/div>\n                        <div class=\"stakeholder-slider-controls flex items-center justify-end gap-16 px-24 pb-24\">\n                            <button type=\"button\" class=\"agi-button-prev flex h-[36px] w-[36px] items-center justify-center rounded-full bg-primary-500 text-white transition hover:opacity-80 md:h-[40px] md:w-[40px] \">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n\n                            <div class=\"agi-pagination flex items-center gap-8\"><\/div>\n\n                            <button type=\"button\" class=\"agi-button-next flex h-[36px] w-[36px] items-center justify-center rounded-full bg-primary-500 text-white transition hover:opacity-80 md:h-[40px] md:w-[40px] \">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path 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\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"esg-principle-parallax relative isolate overflow-visible bg-neutral-0 md:px-24 xl:px-40\">\n            <img\n            src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/bg-sec4.png\"\n            alt=\"\"\n            class=\"absolute inset-0 h-full w-full object-cover object-center\"\n            loading=\"eager\"\n            decoding=\"async\"\n        >\n    \n    <div class=\"stakeholder-slider-wrap relative mx-auto w-full max-w-[720px] xl:max-w-[1196px] min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 xl:items-stretch 2xl:grid-cols-10 3xl:grid-cols-12\">\n\n            <!-- LEFT TEXT -->\n            <div x-aos-fade:down=\"{ delay: 80, distance: 56, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"parallax-left relative col-span-4 flex h-full flex-col justify-center gap-8 overflow-hidden p-24 text-left md:col-span-6 xl:col-span-4 xl:p-40 xl:gap-12 3xl:col-span-4\">\n                <div class=\"relative z-[2] flex w-full min-w-0 flex-col gap-[16px] xl:max-w-[520px] xl:h-full xl:justify-center\">\n                                            <h1 x-aos-fade:down=\"{ delay: 120, distance: 44, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 text-neutral-0 xl:max-w-[260px] xl:text-left\">\n                            Governance                        <\/h1>\n                    \n                    \n                    <div class=\"stakeholder-slider-controls flex items-center justify-end gap-16 pt-12 xl:justify-start\">\n                        <div class=\"agi-button-prev cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                            <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-white text-primary-500\" aria-label=\"Previous slide\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M11.5047 5.20458C11.7778 4.93172 12.2211 4.93189 12.4944 5.20458C12.7677 5.47785 12.7675 5.92103 12.4944 6.19441L7.38969 11.3003H18.3C18.6864 11.3003 18.9997 11.614 19 12.0003C18.9998 12.3867 18.6865 12.7003 18.3 12.7003H7.38969L12.4944 17.8053C12.7677 18.0785 12.7675 18.5217 12.4944 18.7951C12.2211 19.0683 11.7779 19.0684 11.5047 18.7951L5.20506 12.4952C5.07405 12.364 5.00009 12.1857 5 12.0003C5.00015 11.8149 5.07399 11.6365 5.20506 11.5054L11.5047 5.20458Z\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <div class=\"agi-pagination flex items-center gap-8\" aria-hidden=\"true\"><\/div>\n\n                        <div class=\"agi-button-next cursor-pointer hover:opacity-80 transition-all hover:-translate-y-0.5 transition-opacity duration-200\">\n                            <button type=\"button\" class=\"cursor-pointer size-[40px] shrink-0 rounded-full flex items-center justify-center bg-white text-primary-500\" aria-label=\"Next slide\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path 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\" fill=\"currentColor\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT CONTENT -->\n            <div class=\"col-span-4 flex min-w-0 self-start flex-col overflow-hidden md:col-span-6 xl:col-span-6 3xl:col-span-8 3xl:col-start-5\">\n                <div x-aos-fade:up=\"{ delay: 140, distance: 56, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"relative h-fit min-w-0 overflow-hidden\">\n                    <div class=\"swiper principle-swiper stakeholder-swiper relative h-auto min-w-0 overflow-hidden bg-neutral-0 shadow-[0_4px_18px_rgba(0,0,0,0.04)]\" x-environmentalslider data-slider-mode=\"stakeholder\">\n                        <div class=\"swiper-wrapper relative min-w-0 !items-stretch\">\n                                                            \n\n<article class=\"swiper-slide principle-slide-item !h-auto align wp-block-refine-lab-esg-principle-slide\">\n    <div class=\"grid h-full grid-rows-[auto_auto] bg-neutral-0 xl:grid-rows-[auto_320px] 3xl:grid-rows-[auto_360px]\">\n        <div class=\"principle-slide-content flex flex-col gap-8 bg-neutral-0 p-24 md:p-32 xl:px-40 xl:pt-32 xl:pb-24\">\n            <div class=\"w-full text-neutral-500\">\n                                    \n\n<h3 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-1000d317e1748e55f65e6c4d2b09806c\" style=\"padding-bottom:12px\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u8cc7\u901a\u5b89\u5168\u98a8\u96aa\u7ba1\u7406\u67b6\u69cb<\/mark> ]<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-bottom:12px\">\u672c\u516c\u53f8\u8cc7\u8a0a\u5b89\u5168\u4e4b\u6b0a\u8cac\u55ae\u4f4d\u70ba\u8cc7\u8a0a\u90e8\uff0c\u5c08\u696d\u8cc7\u8a0a\u5de5\u7a0b\u5e2b1\u540d\uff0c\u8ca0\u8cac\u8a02\u5b9a\u516c\u53f8\u8cc7\u8a0a\u5b89\u5168\u653f\u7b56\uff0c\u898f\u5283\u8cc7\u8a0a\u5b89\u5168\u63aa\u65bd\uff0c\u4e26\u57f7\u884c\u76f8\u95dc\u4e4b\u8cc7\u8a0a\u5b89\u5168\u4f5c\u696d<\/li>\n\n\n\n<li style=\"padding-bottom:12px\">\u672c\u516c\u53f8\u7a3d\u6838\u5ba4\u70ba\u8cc7\u8a0a\u5b89\u5168\u76e3\u7406\u4e4b\u67e5\u6838\u55ae\u4f4d\uff0c\u82e5\u67e5\u6838\u767c\u73fe\u7f3a\u5931\uff0c\u65cb\u5373\u8981\u6c42\u53d7\u67e5\u55ae\u4f4d\u63d0\u51fa\u76f8\u95dc\u6539\u5584\u8a08\u756b\u4e26\u5448\u5831\u8463\u4e8b\u9577\uff0c\u4e14\u5b9a\u671f\u8ffd\u8e64\u6539\u5584\u6210\u6548\uff0c\u4ee5\u964d\u4f4e\u5167\u90e8\u8cc7\u5b89\u98a8\u96aa<\/li>\n\n\n\n<li style=\"padding-bottom:20px\">\u6bcf\u5e74\u6703\u8a08\u5e2b\u9032\u884c\u8cc7\u8a0a\u4f5c\u696d\u67e5\u6838\uff0c\u82e5\u767c\u73fe\u7f3a\u5931\uff0c\u6703\u8981\u6c42\u6539\u5584\u63aa\u65bd\u4e26\u8ffd\u8e64\u6539\u5584\u7d50\u679c<\/li>\n<\/ul>\n\n                            <\/div>\n        <\/div>\n                    <div class=\"bg-neutral-0\">\n                <div class=\"relative h-[220px] w-full overflow-hidden md:h-[280px] xl:h-[320px] 3xl:h-[360px]\">\n                    <img\n                        src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/value.png\"\n                        alt=\"Principle image\"\n                        class=\"principle-parallax-media block h-full w-full object-cover object-center will-change-transform\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n                <\/div>\n            <\/div>\n            <\/div>\n<\/article>\n\n\n\n<article class=\"swiper-slide principle-slide-item !h-auto align wp-block-refine-lab-esg-principle-slide\">\n    <div class=\"grid h-full grid-rows-[auto_auto] bg-neutral-0 xl:grid-rows-[auto_320px] 3xl:grid-rows-[auto_360px]\">\n        <div class=\"principle-slide-content flex flex-col gap-8 bg-neutral-0 p-24 md:p-32 xl:px-40 xl:pt-32 xl:pb-24\">\n            <div class=\"w-full text-neutral-500\">\n                                    \n\n<h3 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-50a9cdd07c4ff49037fcd61ae86512e4\" style=\"padding-bottom:12px\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u8cc7\u901a\u5b89\u5168\u653f\u7b56\u53ca\u7ba1\u7406\u65b9\u6848 <\/mark>]<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li style=\"padding-bottom:8px\">\u4fdd\u8b77\u672c\u516c\u53f8\u696d\u52d9\u6d3b\u52d5\u8cc7\u8a0a\uff0c\u907f\u514d\u672a\u7d93\u6388\u6b0a\u5b58\u53d6\uff0c\u78ba\u4fdd\u6a5f\u5bc6\u6027<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u4fdd\u8b77\u672c\u516c\u53f8\u696d\u52d9\u6d3b\u52d5\u8cc7\u8a0a\uff0c\u907f\u514d\u672a\u7d93\u6388\u6b0a\u4fee\u6539\uff0c\u78ba\u4fdd\u6b63\u78ba\u5b8c\u6574\u6027<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u5efa\u7acb\u8cc7\u8a0a\u696d\u52d9\u6c38\u7e8c\u904b\u4f5c\u8a08\u756b\uff0c\u7dad\u6301\u672c\u516c\u53f8\u696d\u52d9\u6301\u7e8c\u904b\u4f5c\uff0c\u78ba\u4fdd\u53ef\u7528\u6027<\/li>\n\n\n\n<li style=\"padding-bottom:20px\">\u672c\u516c\u53f8\u4e4b\u696d\u52d9\u57f7\u884c\u7b26\u5408\u76f8\u95dc\u6cd5\u898f\u4e4b\u8981\u6c42\uff0c\u78ba\u4fdd\u6cd5\u898f\u9075\u5faa\u6027<\/li>\n<\/ul>\n\n                            <\/div>\n        <\/div>\n                    <div class=\"bg-neutral-0\">\n                <div class=\"relative h-[220px] w-full overflow-hidden md:h-[280px] xl:h-[320px] 3xl:h-[360px]\">\n                    <img\n                        src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/value.png\"\n                        alt=\"Principle image\"\n                        class=\"principle-parallax-media block h-full w-full object-cover object-center will-change-transform\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n                <\/div>\n            <\/div>\n            <\/div>\n<\/article>\n\n\n\n<article class=\"swiper-slide principle-slide-item !h-auto align wp-block-refine-lab-esg-principle-slide\">\n    <div class=\"grid h-full grid-rows-[auto_auto] bg-neutral-0 xl:grid-rows-[auto_320px] 3xl:grid-rows-[auto_360px]\">\n        <div class=\"principle-slide-content flex flex-col gap-8 bg-neutral-0 p-24 md:p-32 xl:px-40 xl:pt-32 xl:pb-24\">\n            <div class=\"w-full text-neutral-500\">\n                                    \n\n<h3 class=\"wp-block-heading has-text-align-center has-primary-500-color has-text-color has-link-color wp-elements-93c985df1ddf196d8b3bf166f327731a\" style=\"padding-bottom:12px\">[ <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neutral-950-color\">\u8cc7\u901a\u5b89\u5168\u653f\u7b56\u548c\u7ba1\u7406\u76ee\u6a19 <\/mark>]<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li style=\"padding-bottom:8px\">\u8cc7\u901a\u5b89\u5168\u653f\u7b56\u4e4b\u5236\u5b9a\u53ca\u8a55\u4f30<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u8cc7\u8a0a\u5b89\u5168\u7d44\u7e54\u4e4b\u8077\u8cac\u8207\u5206\u5de5<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u4eba\u529b\u8cc7\u6e90\u5b89\u5168<\/li>\n\n\n\n<li style=\"padding-bottom:20px\">\u901a\u8a0a\u5b89\u5168<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li style=\"padding-bottom:8px\">\u5b58\u53d6\u63a7\u5236<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u5bc6\u78bc\u63aa\u65bd<\/li>\n\n\n\n<li style=\"padding-bottom:8px\">\u5be6\u9ad4\u8207\u74b0\u5883\u5b89\u5168<\/li>\n\n\n\n<li style=\"padding-bottom:20px\">\u4f5c\u696d\u5b89\u5168<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n                            <\/div>\n        <\/div>\n                    <div class=\"bg-neutral-0\">\n                <div class=\"relative h-[220px] w-full overflow-hidden md:h-[280px] xl:h-[320px] 3xl:h-[360px]\">\n                    <img\n                        src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/value.png\"\n                        alt=\"Principle image\"\n                        class=\"principle-parallax-media block h-full w-full object-cover object-center will-change-transform\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n                <\/div>\n            <\/div>\n            <\/div>\n<\/article>\n\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<section x-data class=\"relative max-w-none overflow-hidden bg-neutral-0 px-12 md:px-24 xl:px-40\">\n\n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/customer-support-header-bg.png\" alt=\"\" class=\"pointer-events-none absolute inset-0 z-0 h-full w-full object-cover opacity-60\">\n    \n            <img decoding=\"async\" src=\"https:\/\/agi.refine-lab.dev\/wp-content\/uploads\/2026\/03\/download-img-bg-1.png\" alt=\"\" class=\"pointer-events-none absolute inset-0 z-0 h-full w-full object-cover opacity-40 mix-blend-multiply\">\n    \n    <div class=\"relative z-[1] mx-auto max-w-[1196px] border-l border-r border-white min-[1441px]:max-w-[1440px]\">\n        <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-10 3xl:grid-cols-12\">\n\n            <!-- LEFT -->\n            <div class=\"col-span-4 flex items-center justify-center p-24 gap-10 text-center md:col-span-6 xl:col-span-4 xl:border-r xl:border-white xl:p-[40px] xl:text-left\">\n                <div class=\"w-full\">\n                    <div class=\"block md:hidden xl:block\">\n                                                    <h1 x-aos-fade:down=\"{ delay: 0, distance: 64, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 font-manrope font-semibold leading-[1.08] tracking-[-0.03em] text-primary-500\">\n                                Annual                            <\/h1>\n                        \n                                                    <h1 x-aos-fade:down=\"{ delay: 70, distance: 64, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 font-manrope font-semibold leading-[1.08] tracking-[-0.03em] text-neutral-950\">\n                                Implementation                            <\/h1>\n                                            <\/div>\n\n                    <h1 x-aos-fade:down=\"{ delay: 0, distance: 64, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"heading-1 hidden font-manrope font-semibold leading-[1.08] tracking-[-0.03em] text-neutral-950 md:block xl:hidden\">\n                                                    <span class=\"text-primary-500\">Annual<\/span>\n                                                                            <span> Implementation<\/span>\n                                            <\/h1>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT -->\n            <div class=\"col-span-4 md:col-span-6 3xl:col-span-8\">\n                                    <div class=\"grid grid-cols-4 md:grid-cols-6 xl:grid-cols-2\">\n                                                    <div x-aos-fade:up=\"{ delay: 40, distance: 52, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"col-span-2 md:col-span-3 xl:col-span-1 border-white border-r border-b flex min-h-[220px] items-center justify-center bg-neutral-0\/40 p-24 gap-10 text-center xl:h-[320px] xl:p-40\">\n                                <div class=\"max-w-[360px]\">\n                                                                            <h6 class=\"heading-6 font-manrope font-bold leading-[1.35] tracking-[-0.02em] text-neutral-950\">\n                                            \u6551\u63f4\u6a5f\u5236                                        <\/h6>\n                                    \n                                                                            <div class=\"body-def leading-[1.75] text-neutral-500\">\n                                            \u5efa\u69cb\u7570\u5730\u5099\u63f4\u6a5f\u623f\u8207\u4e3b\u8981\u7cfb\u7d71\u5feb\u901f\u56de\u5fa9\u6a5f\u5236\uff0c\u4e26\u6301\u7e8c\u900f\u904e\u9632\u706b\u7246\u6301\u7e8c\u66f4\u65b0\u8207\u7db2\u57df\u5206\u9694\u9032\u884c\u98a8\u96aa\u63a7\u7ba1                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div x-aos-fade:up=\"{ delay: 90, distance: 52, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"col-span-2 md:col-span-3 xl:col-span-1 border-white border-b flex min-h-[220px] items-center justify-center bg-neutral-0\/40 p-24 gap-10 text-center xl:h-[320px] xl:p-40\">\n                                <div class=\"max-w-[360px]\">\n                                                                            <h6 class=\"heading-6 font-manrope font-bold leading-[1.35] tracking-[-0.02em] text-neutral-950\">\n                                            \u8cc7\u6599\u5099\u4efd                                        <\/h6>\n                                    \n                                                                            <div class=\"body-def leading-[1.75] text-neutral-500\">\n                                            \u63a1\u7528\u5099\u4efd\u7ba1\u7406\u8edf\u9ad4\u3001VPN\u8a8d\u8b49\u53ca\u52a0\u5bc6\u8edf\u9ad4\u7b49\u78ba\u4fdd\u8cc7\u6599\u5099\u4efd\u5373\u6642\u6027\u8207\u5b8c\u6574\u6027                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div x-aos-fade:up=\"{ delay: 140, distance: 52, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"col-span-2 md:col-span-3 xl:col-span-1 border-white border-r flex min-h-[220px] items-center justify-center bg-neutral-0\/40 p-24 gap-10 text-center xl:h-[320px] xl:p-40\">\n                                <div class=\"max-w-[360px]\">\n                                                                            <h6 class=\"heading-6 font-manrope font-bold leading-[1.35] tracking-[-0.02em] text-neutral-950\">\n                                            \u5c08\u7dda\u9023\u7dda                                        <\/h6>\n                                    \n                                                                            <div class=\"body-def leading-[1.75] text-neutral-500\">\n                                            \u4e3b\u8981\u5916\u64da\u9ede\u63a1\u53d6\u5c08\u7dda\u9023\u7dda\uff0c\u4e26\u900f\u904e\u570b\u969b\u77e5\u540d\u96f2\u7aef\u670d\u52d9\u5546\u63d0\u4f9b\u90f5\u4ef6\u8207\u7db2\u7ad9\u670d\u52d9\u964d\u4f4e\u5165\u4fb5\u98a8\u96aa                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div x-aos-fade:up=\"{ delay: 190, distance: 52, easing: 'cubic-bezier(0.22, 1, 0.36, 1)' }\" class=\"col-span-2 md:col-span-3 xl:col-span-1 border-white flex min-h-[220px] items-center justify-center bg-neutral-0\/40 p-24 gap-10 text-center xl:h-[320px] xl:p-40\">\n                                <div class=\"max-w-[360px]\">\n                                                                            <h6 class=\"heading-6 font-manrope font-bold leading-[1.35] tracking-[-0.02em] text-neutral-950\">\n                                            \u8cc7\u5b89\u4eba\u529b                                        <\/h6>\n                                    \n                                                                            <div class=\"body-def leading-[1.75] text-neutral-500\">\n                                            \u8cc7\u5b89\u4eba\u54e1\u4e00\u540d\uff0c\u8ca0\u8cac\u8cc7\u5b89\u67b6\u69cb\u8a2d\u8a08\u3001\u8cc7\u5b89\u7dad\u904b\u8207\u76e3\u63a7\u3001\u8cc7\u5b89\u4e8b\u4ef6\u56de\u61c9\u8207\u8abf\u67e5\u3001\u8cc7\u5b89\u653f\u7b56\u6aa2\u8a0e\u8207\u4fee\u8a02                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                <div class=\"acf-innerblocks-container\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9942","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/9942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/comments?post=9942"}],"version-history":[{"count":4,"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/9942\/revisions"}],"predecessor-version":[{"id":10932,"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/pages\/9942\/revisions\/10932"}],"wp:attachment":[{"href":"https:\/\/agi.refine-lab.dev\/zh-hant\/wp-json\/wp\/v2\/media?parent=9942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}