{"id":4565,"date":"2026-04-22T07:34:37","date_gmt":"2026-04-21T23:34:37","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/information-for-publics\/"},"modified":"2026-07-10T16:28:57","modified_gmt":"2026-07-10T08:28:57","slug":"information-for-publics","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/sc\/information-for-publics\/","title":{"rendered":"Information for Publics"},"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\/2026\/04\/BG-Image-5-1.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                            \u516c\u4f17\u8d44\u8baf                        <\/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\">\u516c\u4f17\u8d44\u8baf<\/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 id=\"home-card-list\" block-name=\"home-card-list\"\n    class=\"relative w-full flex flex-col justify-center items-center gap-y-16\">\n    <div class=\"grid grid-cols-1 w-full md:grid-cols-3 p-0\">\n        \n                <a href=\"https:\/\/hkcss.visibleone.site\/sc\/information\/\" target=\"\" class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h2.png\" alt=\"\u4f01\u4e1a\"\n                        class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n                    <div class=\"absolute inset-0 z-10\"\n                        style=\"background: linear-gradient(270deg, rgba(193, 54, 73, 0) 20.19%, #C13649 64.42%);\">\n                    <\/div>\n\n                    <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0 text-white\"\n                        style=\"background-color: #C13649;\">\n                    <\/div>\n\n                    <div\n                        class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Users.svg\" alt=\"icon\"\n                            class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u4f01\u4e1a                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/sc\/information-for-charitable-organisations\/\" target=\"\" class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image.png\" alt=\"\u6148\u5584\u56e2\u4f53\"\n                        class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n                    <div class=\"absolute inset-0 z-10\"\n                        style=\"background: linear-gradient(270deg, rgba(192, 77, 0, 0) 20.19%, #c04d00 64.42%);\">\n                    <\/div>\n\n                    <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0 text-white\"\n                        style=\"background-color: #c04d00;\">\n                    <\/div>\n\n                    <div\n                        class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Page-1.svg\" alt=\"icon\"\n                            class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u6148\u5584\u56e2\u4f53                        <\/p>\n                    <\/div>\n                <\/a>\n\n                \n                <a href=\"https:\/\/hkcss.visibleone.site\/sc\/information-for-publics\/\" target=\"\" class=\"relative overflow-hidden group h-[72px] lg:h-[120px] block\">\n\n                    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Image-1.png\" alt=\"\u516c\u4f17\u4eba\u58eb\"\n                        class=\"absolute inset-0 z-0 w-full h-full object-cover\" \/>\n\n                    <div class=\"absolute inset-0 z-10\"\n                        style=\"background: linear-gradient(270deg, rgba(58, 58, 58, 0) 20.19%, #3a3a3a 64.42%);\">\n                    <\/div>\n\n                    <div class=\"absolute inset-0 z-20 transition-opacity duration-700 ease-in-out opacity-100 group-hover:opacity-0 text-white\"\n                        style=\"background-color: #3a3a3a;\">\n                    <\/div>\n\n                    <div\n                        class=\"absolute inset-0 z-30 flex items-center justify-start text-white transition-all duration-500 top-1\/2 left-5 lg:left-[80px] -translate-y-1\/2\">\n                        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2025\/12\/Users-1.svg\" alt=\"icon\"\n                            class=\"w-full max-w-[32px] max-h-[32px] lg:max-w-[52px] lg:max-h-[52px] h-full object-contain aspect-[52\/52]\" \/>\n                        <p class=\"ml-4 heading5 not-italic leading-[normal] font-semibold font-primary text-white\">\n                            \u516c\u4f17\u4eba\u58eb                        <\/p>\n                    <\/div>\n                <\/a>\n\n                    <\/div>\n<\/div>\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                        \u516c\u4f17                    <\/p>\n                    <h2 class=\"heading2 font-semibold text-grey-dark mt-2.5\">\n                        \u8fa8\u8bc6\u7b26\u5408\u300c\u5584\u884c\u8425\u5546\u300d\u57fa\u672c\u51c6\u5219\u7684\u826f\u5fc3\u9009\u62e9                    <\/h2>\n\n                    <div class=\"text-grey-light text-body-1 leading-[160%] font-noto mt-10\">\n                        <p><span data-sheets-root=\"1\">\u300c\u5546\u754c\u5c55\u5173\u6000\u300d\u6807\u5fd7\u662f\u60a8\u8fa8\u8bc6\u5b9e\u8df5\u300c\u5546\u4e1a\u5411\u5584\u300d\u57fa\u672c\u6807\u51c6\u4f01\u4e1a\u7684\u91cd\u8981\u6307\u5357\u3002\u4ece\u5173\u987e\u5458\u5de5\u798f\u7949\u5230\u6295\u8d44\u4e8e\u793e\u533a\u7684\u53ef\u6301\u7eed\u53d1\u5c55\uff0c\u8fd9\u4e9b\u4f01\u4e1a\u6b63\u5904\u4e8e\u5c06\u793e\u4f1a\u8d23\u4efb\u53ca\u53ef\u6301\u7eed\u53d1\u5c55\u7406\u5ff5\u878d\u5165\u6838\u5fc3\u4e1a\u52a1\u7684\u4e0d\u540c\u9636\u6bb5\u3002\u672c\u8ba1\u5212\u786e\u4fdd\u5546\u754c\u7684\u793e\u4f1a\u5f71\u54cd\u529b\u5747\u5177\u5907\u53ef\u8861\u91cf\u6027\u4e0e\u6df1\u8fdc\u610f\u4e49\uff0c\u8d4b\u4e88\u60a8\u4fe1\u5fc3\u53bb\u652f\u6301\u4e0e\u672c\u8ba1\u5212\u5e76\u80a9\u5b9e\u8df5\u5584\u884c\u8425\u9ad8\uff0c\u5e76\u4e3a\u6c38\u7eed\u672a\u6765\u79ef\u6781\u8d21\u732e\u7684\u54c1\u724c\u3002<\/span><\/p>\n                    <\/div>\n                                            <a href=\"https:\/\/hkcss.visibleone.site\/sc\/about-us\/\" target=\"\"\n                            class=\"group w-full  max-w-fit flex overflow-hidden max-h-[50px] items-center hover:bg-grey-dark bg-white p-2 lg:p-[10px] rounded-[100px] justify-center mt-5 lg:mt-10 border border-primary hover:border-grey-dark\">\n                            <div class=\" w-full h-full rounded-full \">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                                    class=\"duration-300 transition-all w-full aspect-[24\/24] grayscale-0 group-hover:grayscale-[1]\" \/>\n                            <\/div>\n                            <div class=\"relative w-full  mx-[10px] flex items-center\">\n                                <span class=\" whitespace-nowrap left-0  leading-[normal]  group-hover:text-grey-dark\n                         not-italic opacity-0  heading7 font-primary font-semibold\">\n                                    \u5173\u4e8e\u6211\u4eec                                <\/span>\n                                <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300 \n                                            transform translate-y-0 group-hover:-translate-y-full leading-[normal] not-italic\n                                            opacity-100 group-hover:opacity-0\n                                            text-primary group-hover:text-white heading7 font-primary font-semibold\">\n                                    \u5173\u4e8e\u6211\u4eec                                <\/span>\n\n                                <span\n                                    class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                                transform translate-y-full group-hover:translate-y-0  leading-[normal] not-italic\n                                                opacity-0 group-hover:opacity-100\n                                                text-primary group-hover:text-white heading7 font-primary font-semibold\">\n                                    \u5173\u4e8e\u6211\u4eec                                <\/span>\n                            <\/div>\n                        <\/a>\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\u8bc6rn\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\u5fd7rn(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=\"home-caring-movement\"\n    class=\"home-caring-movement-bg bg-cover bg-center bg-no-repeat w-full h-full py-[60px] xl:py-[80px]\"\n    style=\"background-image: url(https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2026\/04\/image-14-1-1.png);\">\n    <div class=\"container w-full h-full\">\n        <div class=\"container-4xl h-full\">\n            <div class=\"relative h-full\">\n                <div class=\"absolute inset-0 !rounded-[15px]\"><\/div>\n                <div class=\"relative full\">\n                    <div class=\"max-w-[600px]\">\n\n                        <div\n                            class=\"heading2 font-primary leading-[normal] font-semibold not-italic text-white mb-[10px] lg:mb-5\">\n                            \u63a2\u7d22\u83b7\u5609\u8bb8\u673a\u6784                        <\/div>\n\n                        <div\n                            class=\"text-body-1 max-w-[251px] md:max-w-full w-full font-noto mb-5 lg:mb-8 leading-[160%] font-normal not-italic text-white\">\n                            <p>\u53d1\u6398\u79ef\u6781\u5b9e\u8df5\u793e\u4f1a\u8d23\u4efb\u7684\u9886\u5148\u4f01\u4e1a\uff0f\u673a\u6784\uff0c\u4e86\u89e3\u4ed6\u4eec\u5982\u4f55\u5f15\u9886\u6b63\u9762\u6539\u53d8\uff0c\u4e3a\u793e\u533a\u521b\u9020\u6df1\u8fdc\u5f71\u54cd\u3002<\/p>\n                        <\/div>\n\n                        <a href=\"https:\/\/hkcss.visibleone.site\/sc\/recipient-lists\/caring-company-logo\/\" target=\"\"\n                            class=\"group caring-movement w-fit flex overflow-hidden items-center justify-center hover:bg-white bg-grey-dark p-2 lg:p-[10px] rounded-[100px]\">\n                            <!-- <div class=\"bg-white group-hover:bg-primary duration-300 transition-all p-[5px] rounded-full\">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/arrow.svg\" alt=\"arrow\" class=\"duration-300 transition-all w-[30px] caring-hover-movement\" \/>\n                            <\/div> -->\n\n                            <div class=\" w-full max-w-[30px] h-full rounded-full \">\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/yyy.svg\" alt=\"arrow\"\n                                    class=\"duration-300 group-hover:block hidden transition-all w-full aspect-[30\/30] \" \/>\n                                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/rrr.svg\" alt=\"arrow\"\n                                    class=\"duration-300 group-hover:hidden block transition-all w-full aspect-[30\/30] grayscale-[1] group-hover:grayscale-[1]\" \/>\n                            <\/div>\n\n                            <div class=\"relative w-fit mx-[10px] flex items-center\">\n                                <span class=\" whitespace-nowrap left-0  opacity-0\n                                leading-[normal] not-italic\n                                text-white  heading7 font-primary font-semibold\">\n                                    \u6d4f\u89c8\u5609\u8bb8\u540d\u5355                                <\/span>\n                                <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-0 group-hover:translate-y-[-200%]\n                                opacity-100 \n                                leading-[normal] not-italic\n                                text-white group-hover:text-grey-dark heading7 font-primary font-semibold\">\n                                    \u6d4f\u89c8\u5609\u8bb8\u540d\u5355                                <\/span>\n\n                                <span class=\"absolute whitespace-nowrap left-0 transition-transform duration-300\n                                transform translate-y-[200%] group-hover:translate-y-0 \n                                opacity-100 \n                                 leading-[normal] not-italic\n                                text-white group-hover:text-primary heading7 font-primary font-semibold\">\n                                    \u6d4f\u89c8\u5609\u8bb8\u540d\u5355                                <\/span>\n                            <\/div>\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4566,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4565","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4565","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=4565"}],"version-history":[{"count":3,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4565\/revisions"}],"predecessor-version":[{"id":5305,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4565\/revisions\/5305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media\/4566"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media?parent=4565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}