{"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-07-15T17:49:33","modified_gmt":"2026-07-15T09:49:33","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                            \u5173\u4e8e\u6211\u4eec                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/hkcss.visibleone.site\/sc\/\" target=\"_self\">\n                                                \u9996\u9875                                            <\/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\">\u5173\u4e8e\u6211\u4eec<\/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                        \u5173\u4e8e\u6211\u4eec                    <\/p>\n                    <h2 class=\"heading2 font-semibold text-grey-dark mt-2.5\">\n                        \u7b80\u4ecb                    <\/h2>\n\n                    <div class=\"text-grey-light text-body-1 leading-[160%] font-noto mt-10\">\n                        <p>\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212\u7531\u9999\u6e2f\u793e\u4f1a\u670d\u52a1\u8054\u4f1a (\u793e\u8054) \u4e8e2002\u5e74\u7b56\u52a8\uff0c\u900f\u8fc7\u5236\u5b9a\u5177\u516c\u4fe1\u529b\u7684\u57fa\u51c6\u53ca\u8ba4\u53ef\u673a\u5236\uff0c\u9f13\u52b1\u4f01\u4e1a\u53ca\u673a\u6784\u5728\u53ef\u6301\u7eed\u53d1\u5c55\u53ca\u793e\u4f1a\u5f71\u54cd\u65b9\u9762\u6301\u7eed\u8fdb\u6b65\u3002\u6b64\u5916\uff0c\u8ba1\u5212\u4ea6\u81f4\u529b\u5efa\u6784\u534f\u4f5c\u5e73\u53f0\u8fde\u7cfb\u5404\u754c\u522b\u6301\u4efd\u8005\uff0c\u901a\u8fc7\u540c\u884c\u5b66\u4e60\u3001\u7ecf\u9a8c\u5206\u4eab\u4ee5\u53ca\u5bf9\u65b0\u8d8b\u52bf\u53ca\u8d44\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u8fdb\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5bf9\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u7406\u89e3\u4e0e\u627f\u8bfa\uff0c\u5171\u540c\u53d1\u5c55\u521b\u65b0\u65b9\u6848\u4ee5\u5e94\u5bf9\u793e\u4f1a\u9700\u6c42\u53ca\u586b\u8865\u5173\u952e\u7f3a\u53e3\uff0c\u4ee5\u6784\u5efa\u4e00\u4e2a\u5177\u6709\u6c38\u7eed\u76ee\u6807\u7684\u793e\u4f1a\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\">\u613f\u666f<\/div>\n                                <div class=\"content\">\n                                    <p>\u900f\u8fc7\u5efa\u7acb\u5177\u516c\u4fe1\u529b\u7684\u57fa\u51c6\u6765\u5b9a\u4e49\u793e\u4f1a\u5bf9\u5584\u884c\u673a\u6784\u7684\u671f\u671b\uff0c\u4fc3\u8fdb\u5177\u6709\u5f71\u54cd\u529b\u7684\u8de8\u754c\u522b\u5408\u4f5c\uff0c\u521b\u9020\u6b63\u9762\u53ca\u53ef\u6301\u7eed\u7684\u6539\u53d8\uff0c\u501f\u6b64\u63a8\u52a8\u9999\u6e2f\u6210\u4e3a\u4e00\u4e2a\u5173\u7231\u793e\u4f1a\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\u51c6\u53ca\u8ba4\u53ef\u673a\u5236\uff0c\u9f13\u52b1\u4f01\u4e1a\u53ca\u673a\u6784\u5728\u53ef\u6301\u7eed\u53d1\u5c55\u53ca\u793e\u4f1a\u5f71\u54cd\u65b9\u9762\u6301\u7eed\u8fdb\u6b65<\/li>\n<li>\u5efa\u6784\u534f\u4f5c\u5e73\u53f0\uff0c\u8fde\u7cfb\u5de5\u5546\u754c\u3001\u975e\u725f\u5229\u56e2\u4f53\u53ca\u516c\u5171\u673a\u6784\uff0c\u5171\u540c\u53d1\u5c55\u521b\u65b0\u65b9\u6848\u4ee5\u5e94\u5bf9\u793e\u4f1a\u9700\u6c42\u53ca\u586b\u8865\u5173\u952e\u7f3a\u53e3<\/li>\n<li>\u901a\u8fc7\u540c\u884c\u5b66\u4e60\u3001\u7ecf\u9a8c\u5206\u4eab\u4ee5\u53ca\u5bf9\u65b0\u8d8b\u52bf\u53ca\u8d44\u6e90\u7684\u7406\u89e3\uff0c\u4fc3\u8fdb\u5404\u6301\u4efd\u8005\u52a0\u6df1\u5bf9\u53ef\u6301\u7eed\u53d1\u5c55\u7684\u7406\u89e3\u4e0e\u627f\u8bfa\uff0c\u5171\u540c\u6784\u5efa\u4e00\u4e2a\u5177\u6709\u6c38\u7eed\u76ee\u6807\u7684\u793e\u4f1a<\/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                            \u7edf\u8ba1\u6570\u5b57                        <\/div>\n                        <div class=\"text-grey-dark heading2 font-primary not-italic leading-[normal] font-semibold \">\n                            \u6211\u4eec\u7684\u96c6\u4f53\u6210\u5c31\u4e0e\u5f71\u54cd                        <\/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\u79ef\u8de8\u754c\u522b\u5171\u8bc6 \u5f62\u6210\u5177\u516c\u4fe1\u529b\u7684\u300c\u5173\u6000\u300d\u57fa\u672c\u95e8\u69db                                        <\/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                                            \u53c2\u4e0e\u4f01\u4e1a\uff0f\u673a\u6784                                        <\/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\u8bbf\u8005\u8ba4\u8bc6\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u8ba1\u5212\u6807\u5fd7 (2024\u5e74\u6301\u4efd\u8005\u95ee\u5377\u8c03\u67e5\uff0c\u51711,988\u540d\u53d7\u8bbf\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\u5e01                                                <\/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\u533a\u9879\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\u8bad\uff0f\u5de5\u4f5c\u5c97\u4f4d\u4e88\u5f31\u52bf\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                                            \u4e49\u5de5\u670d\u52a1\u5c0f\u65f6                                        <\/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-6a8b964bd24e6\">\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\u4eec\u7684\u5386\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\u8ba1\u5212\u7684\u8bde\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-6a8b964bd24e6-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\u5173\u6000\u300d\u8ba1\u5212\u7684\u9996\u5e74\u6709259\u95f4\u9886\u5cf0\u5584\u884c\u4f01\u4e1a\u83b7\u5f97\u5609\u8bb8\uff0c\u5e76\u4e8e2002\u5e7412\u67085 \u65e5\u4e3e\u529e\u7b2c\u4e00\u5c4a\u5609\u8bb8\u5178\u793c\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-6a8b964bd24e6-item-0\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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-6a8b964bd24e6-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\u6770\u51fa\u4f19\u4f34\u5408\u4f5c\u8ba1\u5212\u5956\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-6a8b964bd24e6-item-1\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u4e0e\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-6a8b964bd24e6-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\u5173\u6000\u5927\u5956\u300d\u548c\u300c\u5173\u6000\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-6a8b964bd24e6-item-2\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u4e0e\u5546\u754c\u643a\u624b\u63a8\u52a8\u4f01\u4e1a\u793e\u4f1a\u8d23\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-6a8b964bd24e6-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\u5173\u6000\u300d\u5609\u8bb8\u6807\u5fd7\u3001\u300c\u4e2d\u5c0f\u4f01\u793e\u4f1a\u5173\u6000\u5956\u300d\uff0c\u4ee5\u53ca\u300c\u5546\u754c\u5c55\u5173\u6000\u8d5e\u52a9\u4eba\u4f1a\u300d\u3002<\/span>&nbsp;<\/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-6a8b964bd24e6-item-3\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u6269\u5927\u4f01\u4e1a\u793e\u4f1a\u8d23\u4efb\u7684\u58f0\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-6a8b964bd24e6-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\u4e1a\u548c\u673a\u6784\u5609\u8bb8\u6570\u76ee\u8d85\u8fc71,000\u95f4\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u9996\u5ea6\u51fa\u7248\u300aCSR\u8109\u640f\u300b\u6742\u5fd7\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-6a8b964bd24e6-item-4\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u73af\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-6a8b964bd24e6-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\u73af\u5883\u300d\u8bc4\u4f30\u8303\u7574\uff0c\u5e76\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u5173\u6000\u300f\u8fde\u7eed\u53c2\u4e0e 5 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8bb8\u6807\u5fd7\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-6a8b964bd24e6-item-5\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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-6a8b964bd24e6-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\u8fc7\u95ee\u5377\u8c03\u67e5\u6536\u96c6\u8d85\u8fc7 1,000 \u591a\u540d<\/span><span style=\"font-weight: 400;\">\u516c\u4f17\u7684\u610f\u89c1<\/span><span style=\"font-weight: 400;\">\uff0c\u4ee5\u4e86\u89e3\u5927\u4f17\u5bf9\u8ba1\u5212\u548c\u4f01\u4e1a\u793e\u4f1a\u8d23\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-6a8b964bd24e6-item-6\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u6807\u51c6                                                <\/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-6a8b964bd24e6-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\u5173\u6000\u793e\u533a\u300d\u3001\u300c\u5173\u6000\u5458\u5de5\u300d\u548c\u300c\u5173\u6000\u73af\u5883\u300d\u4e09\u4e2a\u6838\u5fc3\u8bc4\u4f30\u8303\u7574\u4f5c\u51fa\u5b9a\u4e49\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u4e1a\u548c\u673a\u6784\u5609\u8bb8\u6570\u76ee\u8d85\u8fc72,000\u95f4\uff0c\u5176\u4e2d\u56db\u6210\u4e3a\u4e2d\u5c0f\u4f01\u4e1a\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-6a8b964bd24e6-item-7\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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: \u9886\u5bfc\u4e1a\u754c\u77e5\u8bc6                                                <\/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-6a8b964bd24e6-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;\">\u521b\u7acb\u300c\u793e\u8054CSR\u5353\u8d8a\u4e2d\u5fc3\u300d\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u793e\u8054\u4e0e CSR Asia\u5408\u4f5c\u51fa\u7248\u300a\u9999\u6e2f\u4e2d\u5c0f\u4f01\u4e1a \u2500 \u4f01\u4e1a\u793e\u4f1a\u8d23\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-6a8b964bd24e6-item-8\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u5173\u6000                                                <\/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-6a8b964bd24e6-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>\u63a8\u51fa\u300c\u300e\u5546\u754c\u5c55\u5173\u6000\u300f\u8fde\u7eed\u53c2\u4e0e 10 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8bb8\u6807\u5fd7\uff0c\u5e86\u795d\u8ba1\u5212\u63a8\u51fa\u5341\u5468\u5e74\u3002<\/li>\n<li>\u5584\u884c\u4f01\u4e1a\u548c\u673a\u6784\u5609\u8bb8\u6570\u76ee\u8fbe\u52302,510\u95f4\u3002<\/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-6a8b964bd24e6-item-9\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u65e0\u969c\u788d                                                <\/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-6a8b964bd24e6-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\u65e0\u969c\u788d\u53cb\u5584\u4f01\u4e1a\/\u673a\u6784\u540d\u5355\u300d\uff0c\u4ee5\u53ca\u300c\u6770\u51fa\u878d\u5408\u5956\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-6a8b964bd24e6-item-10\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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-6a8b964bd24e6-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\u5173\u6000\u8054\u76df\u300d\uff0c\u4ee5\u63a8\u52a8\u4e2d\u5c0f\u4f01\u4e1a\u5728\u4f01\u4e1a\u793e\u4f1a\u8d23\u4efb\u7684\u5177\u4f53\u5b9e\u8df5\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-6a8b964bd24e6-item-11\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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-6a8b964bd24e6-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\u5173\u6000\u300f\u8fde\u7eed\u53c2\u4e0e 15\u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8bb8\u6807\u5fd7\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u5584\u884c\u4f01\u4e1a\u548c\u673a\u6784\u5609\u8bb8\u6570\u76ee\u8fbe\u52303,400 \u95f4\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-6a8b964bd24e6-item-12\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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:\u89c6\u89c9\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-6a8b964bd24e6-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\u5173\u6000\u300d\u793e\u533a\u4f19\u4f34\u5408\u4f5c\u5c55\u4e0a\u9996\u6b21\u63a8\u51fa\u300c\u793e\u4f1a\u9700\u8981\u4f53\u9a8c\u533a\u300d\uff0c\u4f7f\u53c2\u52a0\u8005\u80fd\u591f\u900f\u8fc7\u4e92\u52a8\u8bbe\u5907\uff0c\u770b\u5230\u793e\u4f1a\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-6a8b964bd24e6-item-13\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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: \u7eaa\u5f55\u521b\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-6a8b964bd24e6-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\u4e1a\u548c\u673a\u6784\u5609\u8bb8\u6570\u76ee\u7834\u7eaa\u5f55\u5730\u8fbe\u52304,000\u95f4\uff0c\u5176\u4e2d\u8d85\u8fc7\u534a\u6210\u4e3a\u4e2d\u5c0f\u4f01\u4e1a\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-6a8b964bd24e6-item-14\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u8f7d\u7684\u5f71\u54cd                                                <\/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-6a8b964bd24e6-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\u5173\u6000\u300f\u8fde\u7eed\u53c2\u4e0e 20 \u5e74\u6216\u4ee5\u4e0a\u300d\u5609\u8bb8\u6807\u5fd7\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u75ab\u60c5\u4e2d\u4f01\u4e1a\u5c3d\u5c55\u5173\u6000\u884c\u52a8\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-6a8b964bd24e6-item-15\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u6765\u53d1\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-6a8b964bd24e6-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\u8fc7\u95ee\u5377\u8c03\u67e5\u6536\u96c6\u8d85\u8fc7 2,000 \u591a\u540d<\/span><span style=\"font-weight: 400;\">\u6301\u4efd\u8005\u7684\u610f\u89c1<\/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-6a8b964bd24e6-item-16\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u7eed\u53d1\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-6a8b964bd24e6-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;\">\u8ba1\u5212\u8fdb\u884c\u6539\u9769\uff0c\u91cd\u70b9\u5173\u6ce8\u300c\u53ef\u6301\u7eed\u53d1\u5c55\u300d\u548c\u300c\u793e\u533a\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-6a8b964bd24e6-item-17\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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 \u786e\u7acb\u65b0\u6807\u51c6                                                <\/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-6a8b964bd24e6-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\u95f4\u5584\u884c\u4f01\u4e1a\u53ca\u673a\u6784\u5728\u65b0\u7684\u56db\u7ea7\u5609\u8bb8\u673a\u5236\u4e0b\u83b7\u5f97\u5609\u8bb8\u3002<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u63a8\u51fa\u300c\u7167\u987e\u8005\u53cb\u5584\u4f01\u4e1a\/\u673a\u6784\u300d\u5609\u8bb8\u6807\u5fd7\uff0c\u4ee5\u63a8\u52a8\u7167\u987e\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-6a8b964bd24e6-item-18\" data-expanded=\"false\" data-label-open=\"\u4e86\u89e3\u66f4\u591a\" data-label-close=\"\u663e\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\u529e\u673a\u6784<\/p>\n                    <h2 class=\"heading2 font-semibold text-grey-dark mt-2.5\">\u5173\u4e8e\u4e3b\u529e\u673a\u6784<\/h2>\n\n                    <div class=\"text-grey-light text-body-1 leading-[160%] font-noto mt-10\">\n                        <p>\u9999\u6e2f\u793e\u4f1a\u670d\u52a1\u8054\u4f1a\uff08\u793e\u8054\uff09\u4e3a\u6cd5\u5b9a\u56e2\u4f53\uff0c\u4e8e1947\u5e74\u6210\u7acb\uff0c\u4e0e\u673a\u6784\u4f1a\u5458\u5171\u540c\u4fe1\u5b88\u793e\u4f1a\u7684\u516c\u4e49\u3001\u516c\u5e73\uff0c\u4ee5\u793e\u4f1a\u798f\u7949\u4e3a\u4f9d\u5f52\u3002\u793e\u8054\u81f4\u529b\u5e26\u52a8\u4e00\u4e2a\u5177\u5f71\u54cd\u529b\u3001\u5f7c\u6b64\u5408\u4f5c\uff0c\u7075\u6d3b\u521b\u65b0\u7684\u793e\u4f1a\u670d\u52a1\u754c\uff0c\u5e76\u900f\u8fc7\u8de8\u754c\u522b\u534f\u4f5c\uff0c\u4e0e\u5404\u6301\u4efd\u8005\u540c\u884c\u5171\u521b\u3002\u793e\u8054\u73b0\u65f6\u6709\u8d85\u8fc7520\u4e2a\u673a\u6784\u4f1a\u5458\uff0c\u5176\u670d\u52a1\u5355\u4f4d\u904d\u5e03\u5168\u6e2f\uff0c\u4e3a\u5e02\u6c11\u63d0\u4f9b\u4f18\u8d28\u793e\u4f1a\u670d\u52a1\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":5,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4549\/revisions"}],"predecessor-version":[{"id":5333,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4549\/revisions\/5333"}],"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}]}}