{"id":4549,"date":"2025-12-02T04:26:46","date_gmt":"2025-12-01T20:26:46","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/about-us\/"},"modified":"2026-06-15T17:00:37","modified_gmt":"2026-06-15T09:00:37","slug":"about-us","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/sc\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/BG-Image-2.png\"\n         alt=\"\"\n         class=\"w-full h-full aspect-[4\/1] object-cover absolute top-0 left-0 z-[0]\" \/>\n\n    <div class=\"inner-banner-container w-full h-full\">\n        <div class=\"container mx-auto flex justify-start items-center\">\n            <div class=\"container-3xl h-full\">\n                <div class=\"relative pt-[60px] lg:pt-20 xl:pt-[130px] pb-[60px]\">\n                    <div class=\"relative max-w-[1000px]\">\n\n                        <h1 class=\"heading1 mb-4 font-primary leading-[normal] text-white font-semibold not-italic main-title\">\n                            \u95dc\u65bc\u6211\u5011                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/hkcss.visibleone.site\/\" target=\"_self\">\n                                                \u9996\u9801                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle.svg\" alt=\"separator\" \/>\n                                        <\/li>\n                                    \n                                                                    <li>\n                                                                                    <span class=\"current\">\u95dc\u65bc\u6211\u5011<\/span>\n                                                                            <\/li>\n\n                                    \n                                \n                            \n                        <\/ul>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div block-name=\"title-content-video\" class=\"relative py-[60px] lg:py-[120px]\">\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/left-circle.svg\"\n        alt=\"top left circle\" class=\"absolute top-0 left-0 z-[-1]\" \/>\n\n    <div class=\"container mx-auto\">\n        <div class=\"container-3xl\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-20 items-center\">\n\n                <div class=\"text-area-content\">\n                    <p class=\"text-caption font-noto font-[700] uppercase text-primary\">\n                        \u95dc\u65bc\u6211\u5011                    <\/p>\n                    <h2 class=\"heading2 font-semibold text-grey-dark mt-2.5\">\n                        \u7c21\u4ecb                    <\/h2>\n\n                    <div class=\"text-grey-light text-body-1 leading-[160%] font-noto mt-10\">\n                        <p>\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283\u7531\u9999\u6e2f\u793e\u6703\u670d\u52d9\u806f\u6703 (\u793e\u806f) \u65bc2002\u5e74\u7b56\u52d5\uff0c\u900f\u904e\u5236\u5b9a\u5177\u516c\u4fe1\u529b\u7684\u57fa\u6e96\u53ca\u8a8d\u53ef\u6a5f\u5236\uff0c\u9f13\u52f5\u4f01\u696d\u53ca\u6a5f\u69cb\u5728\u53ef\u6301\u7e8c\u767c\u5c55\u53ca\u793e\u6703\u5f71\u97ff\u65b9\u9762\u6301\u7e8c\u9032\u6b65\u3002\u6b64\u5916\uff0c\u8a08\u5283\u4ea6\u81f4\u529b\u5efa\u69cb\u5354\u4f5c\u5e73\u53f0\u9023\u7e6b\u5404\u754c\u5225\u6301\u4efd\u8005\uff0c\u901a\u904e\u540c\u884c\u5b78\u7fd2\u3001\u7d93\u9a57\u5206\u4eab\u4ee5\u53ca\u5c0d\u65b0\u8da8\u52e2\u53ca\u8cc7\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u9032\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5c0d\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u7406\u89e3\u8207\u627f\u8afe\uff0c\u5171\u540c\u767c\u5c55\u5275\u65b0\u65b9\u6848\u4ee5\u61c9\u5c0d\u793e\u6703\u9700\u6c42\u53ca\u586b\u88dc\u95dc\u9375\u7f3a\u53e3\uff0c\u4ee5\u69cb\u5efa\u4e00\u500b\u5177\u6709\u6c38\u7e8c\u76ee\u6a19\u7684\u793e\u6703\u3002<\/p>\n                    <\/div>\n                                    <\/div>\n\n                <div class=\"video-container\">\n                    <video class=\"rounded-[10px]\" id=\"myVideo\" autoplay muted loop playsinline controls>\n                        <source src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2026\/04\/ccs_video.mp4\" type=\"video\/mp4\">\n                        Your browser does not support the video tag.\n                    <\/video>\n                    <!-- <div class=\"play-btn\">\n                        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/play-btn.svg\" alt=\"Play\" \/>\n                    <\/div> -->\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/play-btn.svg\"\n                        class=\"play-btn sdfsdf\" id=\"playButton\" alt=\"play button\" \/>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/right-circle.svg\"\n        alt=\"bottom right circle\" class=\"absolute bottom-0 right-0 z-[-1]\" \/>\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/yellow-circle.svg\"\n        alt=\"bottom left circle\" class=\"absolute bottom-[50px] left-[80px] z-[-1]\" \/>\n<\/div>\n\n\n<script>\n\n<\/script>\n\n\n<div block-name=\"vision-mission\" class=\"bg-orange-pale rounded-t-[88px]\">\n    <div class=\"container mx-auto\">\n        <div class=\"container-3xl\">\n            <div class=\"py-[60px] lg:py-[120px]\">\n                <div class=\"vm-container\">\n\n                                                                        <div class=\"vm-item\">\n                                <div class=\"vm-title\">\u9858\u666f<\/div>\n                                <div class=\"content\">\n                                    <p>\u900f\u904e\u5efa\u7acb\u5177\u516c\u4fe1\u529b\u7684\u57fa\u6e96\u4f86\u5b9a\u7fa9\u793e\u6703\u5c0d\u5584\u884c\u6a5f\u69cb\u7684\u671f\u671b\uff0c\u4fc3\u9032\u5177\u6709\u5f71\u97ff\u529b\u7684\u8de8\u754c\u5225\u5408\u4f5c\uff0c\u5275\u9020\u6b63\u9762\u53ca\u53ef\u6301\u7e8c\u7684\u6539\u8b8a\uff0c\u85c9\u6b64\u63a8\u52d5\u9999\u6e2f\u6210\u70ba\u4e00\u500b\u95dc\u611b\u793e\u6703\u3002<\/p>\n                                <\/div>\n                            <\/div>\n\n                                                            <div class=\"divider\"><\/div>\n                            \n                                                        <div class=\"vm-item\">\n                                <div class=\"vm-title\">\u4f7f\u547d<\/div>\n                                <div class=\"content\">\n                                    <ul>\n<li>\u5236\u5b9a\u5177\u516c\u4fe1\u529b\u7684\u57fa\u6e96\u53ca\u8a8d\u53ef\u6a5f\u5236\uff0c\u9f13\u52f5\u4f01\u696d\u53ca\u6a5f\u69cb\u5728\u53ef\u6301\u7e8c\u767c\u5c55\u53ca\u793e\u6703\u5f71\u97ff\u65b9\u9762\u6301\u7e8c\u9032\u6b65<\/li>\n<li>\u5efa\u69cb\u5354\u4f5c\u5e73\u53f0\uff0c\u9023\u7e6b\u5de5\u5546\u754c\u3001\u975e\u725f\u5229\u5718\u9ad4\u53ca\u516c\u5171\u6a5f\u69cb\uff0c\u5171\u540c\u767c\u5c55\u5275\u65b0\u65b9\u6848\u4ee5\u61c9\u5c0d\u793e\u6703\u9700\u6c42\u53ca\u586b\u88dc\u95dc\u9375\u7f3a\u53e3<\/li>\n<li>\u901a\u904e\u540c\u884c\u5b78\u7fd2\u3001\u7d93\u9a57\u5206\u4eab\u4ee5\u53ca\u5c0d\u65b0\u8da8\u52e2\u53ca\u8cc7\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u9032\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5c0d\u53ef\u6301\u7e8c\u767c\u5c55\u7684\u7406\u89e3\u8207\u627f\u8afe\uff0c\u5171\u540c\u69cb\u5efa\u4e00\u500b\u5177\u6709\u6c38\u7e8c\u76ee\u6a19\u7684\u793e\u6703<\/li>\n<\/ul>\n                                <\/div>\n                            <\/div>\n\n                            \n                            \n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"home-our-impact\" class=\"bg-image-content-with-number bg-yellow-light-03 bg-cover bg-no-repeat w-full h-full py-[60px] lg:py-[70px] xl:py-[100px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h7.png);\">\n    <div class=\"container w-full h-full\">\n        <div class=\"container-5xl h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative flex justify-center items-center flex-col gap-10 lg:gap-[60px]\">\n\n                    <div class=\"flex flex-col justify-center items-center\">\n                        <div class=\"text-caption font-noto text-primary uppercase font-bold leading-[normal] not-italic mb-2 lg:mb-[10px]\">\n                            \u7d71\u8a08\u6578\u5b57                        <\/div>\n                        <div class=\"text-grey-dark heading2 font-primary not-italic leading-[normal] font-semibold \">\n                            \u6211\u5011\u7684\u96c6\u9ad4\u6210\u5c31\u8207\u5f71\u97ff                        <\/div>\n                    <\/div>\n\n                    <div class=\"max-w-[1280px] w-full\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-10 lg:gap-y-[60px]\">\n                                                                                                <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1-2.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"20\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                            <span class=\"ml-[10px] font-primary heading3 font-semibold leading-[normal]\">\u5e74<\/span>\n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u7d2f\u7a4d\u8de8\u754c\u5225\u5171\u8b58\r\n\u5f62\u6210\u5177\u516c\u4fe1\u529b\u7684\u300c\u95dc\u61f7\u300d\u57fa\u672c\u9580\u6abb                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Frame-2.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"3400\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u53c3\u8207\u4f01\u696d\uff0f\u6a5f\u69cb                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_5.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"90\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>%+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u53d7\u8a2a\u8005\u8a8d\u8b58\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283\u6a19\u8a8c\r\n(2024\u5e74\u6301\u4efd\u8005\u554f\u5377\u8abf\u67e5\uff0c\u51711,988\u540d\u53d7\u8a2a\u8005\uff09                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1-1.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                                                                            <div class=\"\">\n                                                    \u6e2f\u5e63                                                <\/div>\n                                            \n                                            <div data-number=\"3.9\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>B+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u6350\u6b3e\u4e88\u793e\u5340\u9805\u76ee                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Layer_1-3.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"90000\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u5837\u8a13\uff0f\u5de5\u4f5c\u5d17\u4f4d\u4e88\u5f31\u52e2\u793e\u7fa4                                        <\/div>\n                                    <\/div>\n                                                                    <div class=\"flex flex-col gap-[14px] items-center text-center\">\n                                        <div class=\"h-[60px] flex items-end\">\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/a.svg\" alt=\"icon\" class=\"max-h-full w-auto\" \/>\n                                        <\/div>\n\n                                        <div class=\"flex items-baseline justify-center heading1 font-semibold font-primary text-primary not-italic leading-[normal]\">\n                                            \n                                            <div data-number=\"1.83\" class=\"counter-number\">\n                                                0\n                                            <\/div>\n\n                                                                                            <span>M+<\/span>\n                                            \n                                                                                    <\/div>\n\n                                        <div class=\"font-noto text-grey-light text-body-1 not-italic leading-[160%] max-w-[300px]\">\n                                            \u7fa9\u5de5\u670d\u52d9\u5c0f\u6642                                        <\/div>\n                                    <\/div>\n                                                                                    <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ function animateCounter(el, end) {\n        \/\/     const start = 0;\n        \/\/     const duration = 2000;\n        \/\/     const startTime = performance.now();\n\n        \/\/     function step(currentTime) {\n        \/\/         const elapsed = currentTime - startTime;\n        \/\/         const progress = Math.min(elapsed \/ duration, 1);\n\n        \/\/         const easeOut = 1 - Math.pow(1 - progress, 3);\n\n        \/\/         const value = Math.floor(start + (end - start) * easeOut);\n\n        \/\/         el.textContent = value.toLocaleString();\n\n        \/\/         if (progress < 1) {\n        \/\/             requestAnimationFrame(step);\n        \/\/         } else {\n        \/\/             el.textContent = end.toLocaleString();\n        \/\/         }\n        \/\/     }\n        \/\/     requestAnimationFrame(step);\n        \/\/ }\n\n        function animateCounter(el, end) {\n            console.log(\"counter\", el)\n            console.log(\"targetNumber\", end)\n            console.log(\"targetNumberLLLLLLL\", end.toLocaleString())\n            let current = 0;\n            const increment = Math.max(1, Math.ceil(end \/ 100));\n            console.log(\"increment\", increment)\n\n            function step() {\n                current += increment;\n                if (current >= end) {\n                    console.log(\"current >= end\", current, end)\n\n                    el.textContent = end.toLocaleString();\n                    return;\n                }\n                el.textContent = current.toLocaleString();\n                requestAnimationFrame(step);\n            }\n\n            requestAnimationFrame(step);\n        }\n\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                entries.forEach((entry) => {\n                    if (entry.isIntersecting && entry.target.classList.contains(\"bg-image-content-with-number\")) {\n                        if (!entry.target.classList.contains(\"active\")) {\n                            entry.target.classList.add(\"active\");\n\n                            entry.target.querySelectorAll(\".counter-number\").forEach(function(counter) {\n                                const targetNumber = Number(counter.dataset.number);\n                                if (!isNaN(targetNumber)) {\n                                    animateCounter(counter, targetNumber);\n                                }\n                            });\n                        }\n                    }\n                });\n            }, {\n                threshold: 0.3\n            }\n        );\n\n        document.querySelectorAll(\".bg-image-content-with-number\").forEach((el) => {\n            observer.observe(el);\n        });\n    });\n<\/script>\n\n\n<div block-name=\"milestone-carousel\" class=\"py-[60px] lg:py-[120px] milestone-carousel\" id=\"milestone-6a303aa21ab6b\">\n    <div class=\"container mx-auto\">\n        <div class=\"container-4xl\">\n            <p class=\"text-center text-caption uppercase font-bold text-primary font-noto\">\n                \u6211\u5011\u7684\u6b77\u53f2            <\/p>\n            <h2 class=\"heading2 text-grey-dark font-semibold text-center\">\n                \u91cc\u7a0b\u7891            <\/h2>\n\n            <div class=\"main-slider relative\">\n                <div class=\"swiper-btn swiper-button-prev\">\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/swiper-prev-arrow-icon.svg\"\n                        alt=\"Previous\" \/>\n                <\/div>\n                <div class=\"swiper mt-10\">\n                    <div class=\"swiper-wrapper\">\n                                                                                    <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2002\uff1a\u8a08\u5283\u7684\u8a95\u751f                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-0\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u8a08\u5283\u7684\u9996\u5e74\u6709259\u9593\u9818\u5cf0\u5584\u884c\u4f01\u696d\u7372\u5f97\u5609\u8a31\uff0c\u4e26\u65bc2002\u5e7412\u67085 \u65e5\u8209\u8fa6\u7b2c\u4e00\u5c46\u5609\u8a31\u5178\u79ae\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-0\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2004\uff1a\u7b56\u7565\u4f19\u4f34\u5408\u4f5c                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-1\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u5091\u51fa\u4f19\u4f34\u5408\u4f5c\u8a08\u5283\u734e\u300d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-1\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2005\uff1a\u5353\u8d8a\u8207\u5927\u4f7f                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-2\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u5168\u5fc3\u95dc\u61f7\u5927\u734e\u300d\u548c\u300c\u95dc\u61f7\u5927\u4f7f\u300d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-2\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2006\uff1a\u8207\u5546\u754c\u651c\u624b\u63a8\u52d5\u4f01\u696d\u793e\u6703\u8cac\u4efb                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-3\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u540c\u5fc3\u5c55\u95dc\u61f7\u300d\u5609\u8a31\u6a19\u8a8c\u3001\u300c\u4e2d\u5c0f\u4f01\u793e\u6703\u95dc\u61f7\u734e\u300d\uff0c\u4ee5\u53ca\u300c\u5546\u754c\u5c55\u95dc\u61f7\u8d0a\u52a9\u4eba\u6703\u300d\u3002<\/span><span style=\"font-weight: 400;\">\n<p><\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-3\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2007\uff1a\u64f4\u5927\u4f01\u696d\u793e\u6703\u8cac\u4efb\u7684\u8072\u97f3                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-4\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u696d\u548c\u6a5f\u69cb\u5609\u8a31\u6578\u76ee\u8d85\u904e1,000\u9593\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u9996\u5ea6\u51fa\u7248\u300aCSR\u8108\u640f\u300b\u96dc\u8a8c\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-4\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2008: \u805a\u7126\u74b0\u5883                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2026\/04\/2008-1.jpg\" alt=\"\"\n                                                    class=\"w-full h-full aspect-[360\/279] object-cover rounded-[20px] mb-3 flex-shrink-0\" \/>\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-5\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u52a0\u5165\u65b0\u7684\u300c\u74b0\u5883\u300d\u8a55\u4f30\u7bc4\u7587\uff0c\u4e26\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u95dc\u61f7\u300f\u9023\u7e8c\u53c3\u8207 5 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8a31\u6a19\u8a8c\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-5\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2009: \u51dd\u805a\u5171\u5efa                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-6\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u900f\u904e\u554f\u5377\u8abf\u67e5\u6536\u96c6\u8d85\u904e 1,000 \u591a\u540d<\/span><span style=\"font-weight: 400;\">\u516c\u773e\u7684\u610f\u898b<\/span><span style=\"font-weight: 400;\">\uff0c\u4ee5\u4e86\u89e3\u5927\u773e\u5c0d\u8a08\u5283\u548c\u4f01\u696d\u793e\u6703\u8cac\u4efb\u7684\u770b\u6cd5\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-6\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2010\uff1a\u63d0\u9ad8\u6a19\u6e96                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-7\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5c31\u300c\u95dc\u61f7\u793e\u5340\u300d\u3001\u300c\u95dc\u61f7\u54e1\u5de5\u300d\u548c\u300c\u95dc\u61f7\u74b0\u5883\u300d\u4e09\u500b\u6838\u5fc3\u8a55\u4f30\u7bc4\u7587\u4f5c\u51fa\u5b9a\u7fa9\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u696d\u548c\u6a5f\u69cb\u5609\u8a31\u6578\u76ee\u8d85\u904e2,000\u9593\uff0c\u5176\u4e2d\u56db\u6210\u70ba\u4e2d\u5c0f\u4f01\u696d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-7\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2011: \u9818\u5c0e\u696d\u754c\u77e5\u8b58                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-8\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5275\u7acb\u300c\u793e\u806fCSR\u5353\u8d8a\u4e2d\u5fc3\u300d\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u793e\u806f\u8207 CSR Asia\u5408\u4f5c\u51fa\u7248\u300a\u9999\u6e2f\u4e2d\u5c0f\u4f01\u696d \u2500 \u4f01\u696d\u793e\u6703\u8cac\u4efb\u6307\u5f15\u300b\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-8\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2012\uff1a10\u5e74\u7684\u95dc\u61f7                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-9\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u95dc\u61f7\u300f\u9023\u7e8c\u53c3\u8207 10 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8a31\u6a19\u8a8c\uff0c\u6176\u795d\u8a08\u5283\u63a8\u51fa\u5341\u9031\u5e74\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u696d\u548c\u6a5f\u69cb\u5609\u8a31\u6578\u76ee\u9054\u52302,510\u9593\u3002<\/span><\/li>\n<li aria-level=\"1\"><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-9\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2014\uff1a\u5305\u5bb9\u6027\u548c\u7121\u969c\u7919                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-10\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u7121\u969c\u7919\u53cb\u5584\u4f01\u696d\/\u6a5f\u69cb\u540d\u55ae\u300d\uff0c\u4ee5\u53ca\u300c\u5091\u51fa\u878d\u5408\u734e\u300d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-10\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2015\uff1a\u4e2d\u5c0f\u4f01\u5408\u4f5c                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-11\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u6210\u7acb\u300c\u4e2d\u5c0f\u4f01\u95dc\u61f7\u806f\u76df\u300d\uff0c\u4ee5\u63a8\u52d5\u4e2d\u5c0f\u4f01\u696d\u5728\u4f01\u696d\u793e\u6703\u8cac\u4efb\u7684\u5177\u9ad4\u5be6\u8e10\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-11\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2017\uff1a15\u5e74\u7684\u91cc\u7a0b\u7891                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-12\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u95dc\u61f7\u300f\u9023\u7e8c\u53c3\u8207 15\u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8a31\u6a19\u8a8c\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u696d\u548c\u6a5f\u69cb\u5609\u8a31\u6578\u76ee\u9054\u52303,400 \u9593\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-12\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2019:\u8996\u89ba\u5316\u9700\u6c42                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2026\/04\/2019-1.jpg\" alt=\"\"\n                                                    class=\"w-full h-full aspect-[360\/279] object-cover rounded-[20px] mb-3 flex-shrink-0\" \/>\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-13\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5728\u5e74\u5ea6\u300c\u5546\u754c\u5c55\u95dc\u61f7\u300d\u793e\u5340\u4f19\u4f34\u5408\u4f5c\u5c55\u4e0a\u9996\u6b21\u63a8\u51fa\u300c\u793e\u6703\u9700\u8981\u9ad4\u9a57\u5340\u300d\uff0c\u4f7f\u53c3\u52a0\u8005\u80fd\u5920\u900f\u904e\u4e92\u52d5\u8a2d\u5099\uff0c\u770b\u5230\u793e\u6703\u9700\u6c42\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-13\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2020: \u7d00\u9304\u5275\u65b0\u9ad8                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-14\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u696d\u548c\u6a5f\u69cb\u5609\u8a31\u6578\u76ee\u7834\u7d00\u9304\u5730\u9054\u52304,000\u9593\uff0c\u5176\u4e2d\u8d85\u904e\u534a\u6210\u70ba\u4e2d\u5c0f\u4f01\u696d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-14\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2022\uff1a20\u8f09\u7684\u5f71\u97ff                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2026\/04\/2022-1.jpg\" alt=\"\"\n                                                    class=\"w-full h-full aspect-[360\/279] object-cover rounded-[20px] mb-3 flex-shrink-0\" \/>\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-15\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u95dc\u61f7\u300f\u9023\u7e8c\u53c3\u8207 20 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8a31\u6a19\u8a8c\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u75ab\u60c5\u4e2d\u4f01\u696d\u76e1\u5c55\u95dc\u61f7\u884c\u52d5\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-15\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2023\uff1a\u672a\u4f86\u767c\u5c55\u65b9\u5411                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-16\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u900f\u904e\u554f\u5377\u8abf\u67e5\u6536\u96c6\u8d85\u904e 2,000 \u591a\u540d<\/span><span style=\"font-weight: 400;\">\u6301\u4efd\u8005\u7684\u610f\u898b<\/span><span style=\"font-weight: 400;\">\uff0c\u4ee5\u5236\u5b9a\u65b0\u7684\u7b56\u7565\u65b9\u5411\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-16\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                    2024: \u91cd\u5851\u53ef\u6301\u7e8c\u767c\u5c55                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-17\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u8a08\u5283\u9032\u884c\u6539\u9769\uff0c\u91cd\u9ede\u95dc\u6ce8\u300c\u53ef\u6301\u7e8c\u767c\u5c55\u300d\u548c\u300c\u793e\u5340\u4f19\u4f34\u5408\u4f5c\u300d\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-17\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                <!-- Slide -->\n                                <div class=\"swiper-slide h-auto\">\n                                    <div class=\"slide-card h-full flex flex-col\">\n                                        <div class=\"flex flex-col gap-[6px] justify-center items-center flex-shrink-0\">\n                                            <div class=\"date-badge\">\n                                                <div class=\"date-title\">\n                                                     2025\uff1a \u78ba\u7acb\u65b0\u6a19\u6e96                                                <\/div>\n\n                                            <\/div>\n                                            <div class=\"custom-circle\"><\/div>\n                                        <\/div>\n\n                                        <div class=\"content flex flex-col flex-grow\">\n                                            \n                                            <div id=\"text-milestone-6a303aa21ab6b-item-18\"\n                                                class=\"milestone-text relative overflow-hidden transition-all duration-500 ease-in-out max-h-[165px]\">\n                                                <div class=\"inner-text-content font-noto\">\n                                                    <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">3,500\u9593\u5584\u884c\u4f01\u696d\u53ca\u6a5f\u69cb\u5728\u65b0\u7684\u56db\u7d1a\u5609\u8a31\u6a5f\u5236\u4e0b\u7372\u5f97\u5609\u8a31\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u7167\u9867\u8005\u53cb\u5584\u4f01\u696d\/\u6a5f\u69cb\u300d\u5609\u8a31\u6a19\u8a8c\uff0c\u4ee5\u63a8\u52d5\u7167\u9867\u8005\u53cb\u5584\u63aa\u62d6\u3002<\/span><\/li>\n<\/ul>\n                                                <\/div>\n\n                                                <div\n                                                    class=\"fade-overlay absolute bottom-0 left-0 w-full h-10 bg-gradient-to-t from-white to-transparent pointer-events-none transition-opacity duration-300\">\n                                                <\/div>\n                                            <\/div>\n\n                                            <button type=\"button\"\n                                                class=\"milestone-toggler font-noto text-body-2 text-grey-dark leading-[160%] flex items-center gap-2 mt-4 cursor-pointer hover:text-primary transition-colors focus:outline-none\"\n                                                data-target=\"text-milestone-6a303aa21ab6b-item-18\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u986f\u793a\u66f4\u5c11\">\n\n                                                <span class=\"btn-label font-semibold\">\u4e86\u89e3\u66f4\u591a<\/span>\n\n                                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow-down.svg\"\n                                                    alt=\"toggle\" class=\"btn-icon w-4 h-4 transition-transform duration-300\" \/>\n                                            <\/button>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                                            <\/div>\n                    <div class=\"swiper-pagination\"><\/div>\n                <\/div>\n                <div class=\"swiper-btn swiper-button-next\">\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/swiper-next-arrow-icon.svg\"\n                        alt=\"Next\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\n    \/\/ learn more\/ show less toggler action in every milestone card\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const milestoneText = document.querySelectorAll('.milestone-text');\n        if (milestoneText) {\n            milestoneText.forEach(miles => {\n                const originalH = miles.scrollHeight;\n                console.log(originalH);\n                if (originalH < 165) {\n                    miles.querySelector('.inner-text-content').nextElementSibling.classList.add('hidden');\n                    miles.nextElementSibling.classList.add('hidden');\n                }\n\n            })\n        }\n\n        const togglers = document.querySelectorAll('.milestone-toggler');\n\n        togglers.forEach(btn => {\n            btn.addEventListener('click', function (e) {\n                e.preventDefault();\n\n                const targetId = this.getAttribute('data-target');\n                const contentDiv = document.getElementById(targetId);\n                const fadeOverlay = contentDiv.querySelector('.fade-overlay');\n                const labelSpan = this.querySelector('.btn-label');\n                const icon = this.querySelector('.btn-icon');\n\n                const isExpanded = this.getAttribute('data-expanded') === 'true';\n\n                if (!isExpanded) {\n\n                    const fullHeight = contentDiv.scrollHeight;\n\n                    contentDiv.style.maxHeight = fullHeight + 'px';\n\n                    this.setAttribute('data-expanded', 'true');\n                    labelSpan.textContent = this.getAttribute('data-label-close');\n                    icon.style.transform = 'rotate(180deg)';\n                    if (fadeOverlay) fadeOverlay.style.opacity = '0';\n\n                } else {\n                    contentDiv.style.maxHeight = '165px';\n\n                    this.setAttribute('data-expanded', 'false');\n                    labelSpan.textContent = this.getAttribute('data-label-open');\n                    icon.style.transform = 'rotate(0deg)';\n                    if (fadeOverlay) fadeOverlay.style.opacity = '1';\n                }\n            });\n        });\n\n    });\n<\/script>\n\n<div block-name=\"title-content\" class=\"relative py-[60px] lg:py-[120px] bg-orange-pale\">\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/left-circle.svg\"\n        alt=\"top left circle\" class=\"absolute top-0 left-0 z-[0]\" \/>\n\n    <div class=\"container mx-auto\">\n        <div class=\"container-3xl\">\n            <div class=\"grid grid-cols-1 items-center\">\n\n                <div class=\"relative z-[1] text-area-content\">\n                    <p class=\"text-caption font-noto font-[700] uppercase text-primary\">\u4e3b\u8fa6\u6a5f\u69cb<\/p>\n                    <h2 class=\"heading2 font-semibold text-grey-dark mt-2.5\">\u95dc\u65bc\u4e3b\u8fa6\u6a5f\u69cb<\/h2>\n\n                    <div class=\"text-grey-light text-body-1 leading-[160%] font-noto mt-10\">\n                        <p>\u9999\u6e2f\u793e\u6703\u670d\u52d9\u806f\u6703\uff08\u793e\u806f\uff09\u70ba\u6cd5\u5b9a\u5718\u9ad4\uff0c\u65bc1947\u5e74\u6210\u7acb\uff0c\u8207\u6a5f\u69cb\u6703\u54e1\u5171\u540c\u4fe1\u5b88\u793e\u6703\u7684\u516c\u7fa9\u3001\u516c\u5e73\uff0c\u4ee5\u793e\u6703\u798f\u7949\u70ba\u4f9d\u6b78\u3002\u793e\u806f\u81f4\u529b\u5e36\u52d5\u4e00\u500b\u5177\u5f71\u97ff\u529b\u3001\u5f7c\u6b64\u5408\u4f5c\uff0c\u9748\u6d3b\u5275\u65b0\u7684\u793e\u6703\u670d\u52d9\u754c\uff0c\u4e26\u900f\u904e\u8de8\u754c\u5225\u5354\u4f5c\uff0c\u8207\u5404\u6301\u4efd\u8005\u540c\u884c\u5171\u5275\u3002\u793e\u806f\u73fe\u6642\u6709\u8d85\u904e520\u500b\u6a5f\u69cb\u6703\u54e1\uff0c\u5176\u670d\u52d9\u55ae\u4f4d\u904d\u5e03\u5168\u6e2f\uff0c\u70ba\u5e02\u6c11\u63d0\u4f9b\u512a\u8cea\u793e\u6703\u670d\u52d9\u3002<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content\/spell.svg\" alt=\"bottom right circle\"\n        class=\"absolute bottom-[20px] lg:bottom-[60px] 5xl:bottom-[70px] right-[20px] z-[1] w-[50px] lg:w-[80px] 5xl:w-auto\" \/>\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content\/two-curve.svg\" alt=\"bottom right circle\"\n        class=\"absolute bottom-0 right-0 z-[0] w-[200px] lg:w-[450px] 5xl:w-auto\" \/>\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/title-content-video\/yellow-circle.svg\"\n        alt=\"bottom left circle\" class=\"absolute bottom-[-60px] left-[20px] lg:left-[80px] z-[0]\" \/>\n<\/div>","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-4549","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/comments?post=4549"}],"version-history":[{"count":1,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4549\/revisions"}],"predecessor-version":[{"id":4551,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4549\/revisions\/4551"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media?parent=4549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}