{"id":4557,"date":"2026-04-22T07:34:37","date_gmt":"2026-04-22T07:34:37","guid":{"rendered":"https:\/\/hkcss.visibleone.site\/events\/"},"modified":"2026-04-22T07:34:37","modified_gmt":"2026-04-22T07:34:37","slug":"events","status":"publish","type":"page","link":"https:\/\/hkcss.visibleone.site\/sc\/events\/","title":{"rendered":"Events"},"content":{"rendered":"\n<div block-name=\"inner-banner\" class=\"inner-banner relative\">\n\n    <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/h1.png\"\n         alt=\"Banner Image\"\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                            \u6700\u65b0\u52d5\u614b                        <\/h1>\n\n                        <ul class=\"breadcrumb-list\">\n\n                                                                                                <li>\n                                                                                    <a href=\"https:\/\/hkcss.visibleone.site\/\" target=\"_self\">\n                                                \u9996\u9801                                            <\/a>\n                                                                            <\/li>\n\n                                                                            <li>\n                                            <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/icons\/circle.svg\" alt=\"separator\" \/>\n                                        <\/li>\n                                    \n                                                                    <li>\n                                                                                    <span class=\"current\">\u6700\u65b0\u52d5\u614b<\/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=\"recipient-list-tag\" class=\"border-b border-stroke yellow-tab\">\n    <div class=\"container\">\n        <div class=\"container-2xl\">\n            <div class=\"flex flex-col md:flex-row justify-center items-center gap-5 xl:gap-[50px]\">\n\n                                                            <a href=\"https:\/\/hkcss.visibleone.site\/events\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u6d3b\u52d5                        <\/a>\n                                                <a href=\"https:\/\/hkcss.visibleone.site\/stories\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u5c08\u984c\u6545\u4e8b                        <\/a>\n                                                <a href=\"https:\/\/hkcss.visibleone.site\/publications\/\" target=\"_self\" class=\"tab-btn-list cursor-pointer relative py-5 xl:py-9\n                          heading7 text-grey-dark font-primary font-semibold not-italic leading-[normal] whitespace-nowrap duration-300 transition-all\n\n                          \/* Underline Base Style *\/\n                          after:content-[''] after:absolute after:left-0 after:bottom-0 after:h-[4px] after:w-full after:bg-transparent after:transition-all after:duration-300\n\n                          \/* Hover State *\/\n                          hover:after:bg-primary hover:text-primary\n\n                          \/* Active State (Triggered by JS adding .tab-active class) *\/\n                          [&#038;.tab-active]:after:bg-primary [&#038;.tab-active]:text-primary\">\n                            \u51fa\u7248\u520a\u7269                        <\/a>\n                                        \n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ document.addEventListener(\"DOMContentLoaded\", function () {\n    \/\/     const currentUrl = window.location.protocol + '\/\/' + window.location.host + window.location.pathname;\n\n    \/\/     const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n    \/\/     tabs.forEach((tab) => {\n    \/\/         if (tab.href === currentUrl || tab.href === window.location.href) {\n    \/\/             tab.classList.add(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"true\");\n    \/\/         } else {\n    \/\/             tab.classList.remove(\"tab-active\");\n    \/\/             tab.setAttribute(\"data-active\", \"false\");\n    \/\/         }\n    \/\/     });\n    \/\/ });\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const normalizePath = (path) => {\n            return path.replace(\/\\\/+$\/, ''); \/\/ remove trailing slash\n        };\n\n        const currentPath = normalizePath(window.location.pathname);\n\n        const tabs = document.querySelectorAll(\".tab-btn-list\");\n\n        tabs.forEach((tab) => {\n            const tabPath = normalizePath(new URL(tab.href).pathname);\n            \/\/ console.log(tabPath, currentPath);\n            if (tabPath === currentPath) {\n                tab.classList.add(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"true\");\n            } else {\n                tab.classList.remove(\"tab-active\");\n                tab.setAttribute(\"data-active\", \"false\");\n            }\n        });\n    });\n<\/script>\n\n\n<div block-name=\"event-grid\" class=\"py-10 lg:py-20\">\n    <div class=\"container mx-auto\">\n        <div class=\"container-4xl\">\n\n            \n            <div class=\"sf-custom-layout mb-[40px] w-full\">\n                <div class=\"searchandfilter\">\n                    <ul>\n                        <li data-sf-field-name=\"status\">\n                                                            <p class=\"h4\">\u985e\u5225<\/p>\n                                                                                        <select name=\"status\" class=\"js-event-filter\" aria-label=\"Events\">\n                                <option value=\"all\" >\u5168\u90e8<\/option>\n                                <option value=\"upcoming\" >\u6d3b\u52d5\u9810\u544a<\/option>\n                                <option value=\"past\" >\u6d3b\u52d5\u82b1\u7d6e<\/option>\n                            <\/select>\n                        <\/li>\n                        <li data-sf-field-name=\"year\">\n                                                            <p class=\"h4\">\u5e74\u4efd<\/p>\n                                                        <select name=\"year\" class=\"js-event-filter\" aria-label=\"Years\">\n                                <option value=\"\">\u5168\u90e8<\/option>\n                                                                        <option value=\"2026\" >\n                                            2026                                        <\/option>\n                                                                            <option value=\"2025\" >\n                                            2025                                        <\/option>\n                                                                            <option value=\"2024\" >\n                                            2024                                        <\/option>\n                                                                            <option value=\"2023\" >\n                                            2023                                        <\/option>\n                                                                            <option value=\"2022\" >\n                                            2022                                        <\/option>\n                                                                            <option value=\"2021\" >\n                                            2021                                        <\/option>\n                                                                            <option value=\"2020\" >\n                                            2020                                        <\/option>\n                                                                            <option value=\"2019\" >\n                                            2019                                        <\/option>\n                                                                            <option value=\"2018\" >\n                                            2018                                        <\/option>\n                                                                            <option value=\"2017\" >\n                                            2017                                        <\/option>\n                                                                            <option value=\"2016\" >\n                                            2016                                        <\/option>\n                                                                            <option value=\"2015\" >\n                                            2015                                        <\/option>\n                                                                            <option value=\"2014\" >\n                                            2014                                        <\/option>\n                                                                            <option value=\"2013\" >\n                                            2013                                        <\/option>\n                                                                            <option value=\"2012\" >\n                                            2012                                        <\/option>\n                                                                            <option value=\"2011\" >\n                                            2011                                        <\/option>\n                                                                            <option value=\"2010\" >\n                                            2010                                        <\/option>\n                                                                            <option value=\"2009\" >\n                                            2009                                        <\/option>\n                                                                            <option value=\"2008\" >\n                                            2008                                        <\/option>\n                                                                            <option value=\"2007\" >\n                                            2007                                        <\/option>\n                                                                            <option value=\"2006\" >\n                                            2006                                        <\/option>\n                                                                            <option value=\"2005\" >\n                                            2005                                        <\/option>\n                                                                            <option value=\"2004\" >\n                                            2004                                        <\/option>\n                                                                <\/select>\n                        <\/li>\n                        <li data-sf-field-type=\"search\">\n                            \n                            <input type=\"text\" name=\"_s\" class=\"js-event-filter-search\"\n                                placeholder=\"\u641c\u5c0b...\" value=\"\">\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n\n            <div id=\"events-results-container\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-5 gap-y-10\"\n                data-posts-per-page=\"9\">\n                \n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/praise-finale-%e6%95%a2%e6%83%b3%e6%95%a2%e8%ae%8a-%e6%88%91%e5%80%91%e5%8f%af%e4%bb%a5\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"PRAISE Finale &#8211; \u6562\u60f3\u6562\u8b8a \u6211\u5011\u53ef\u4ee5!\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">02.03.2024<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            PRAISE Finale &#8211; \u6562\u60f3\u6562\u8b8a \u6211\u5011\u53ef\u4ee5!        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%be%9e%ef%bc%88%e8%a1%a3%ef%bc%8c%e9%a3%9f%ef%bc%8c%e4%bd%8f%ef%bc%8c%e8%a1%8c%ef%bc%89%e6%94%af\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 &#8211; \u5f9e\uff08\u8863\uff0c\u98df\uff0c\u4f4f\uff0c\u884c\uff09\u652f\u63f4\u5728\u8077\u7167\u9867\u8005\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">07.11.2023<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 &#8211; \u5f9e\uff08\u8863\uff0c\u98df\uff0c\u4f4f\uff0c\u884c\uff09\u652f\u63f4\u5728\u8077\u7167\u9867\u8005        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e5%9c%a8%e4%bc%81%e6%a5%ad%e5%85%a7%e5%af%a6%e8%b8%90%e7%92%b0%e4%bf%9d%e6%96%b9%e6%a1%88\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5728\u4f01\u696d\u5167\u5be6\u8e10\u74b0\u4fdd\u65b9\u6848\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">06.09.2023<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5728\u4f01\u696d\u5167\u5be6\u8e10\u74b0\u4fdd\u65b9\u6848        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e3%80%8c%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%a6%82%e4%bd%95%e7%b7%a0%e9%80%a0%e5%81%a5%e5%ba%b7%e5%b7%a5%e4%bd%9c%e6%96%87%e5%8c%96\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u300c\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u96d9\u5411\u54e1\u5de5\u6e9d\u901a@\u5de5\u4f5c\u9593\u300d\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">05.09.2023<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u300c\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u96d9\u5411\u54e1\u5de5\u6e9d\u901a@\u5de5\u4f5c\u9593\u300d        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%a6%82%e4%bd%95%e7%b7%a0%e9%80%a0%e5%81%a5%e5%ba%b7%e5%b7%a5%e4%bd%9c%e6%96%87%e5%8c%96%ef%bc%9a-2\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u751f\u6d3b\u5de5\u4f5c\u5e73\u8861@\u5de5\u4f5c\u9593\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">07.07.2023<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u751f\u6d3b\u5de5\u4f5c\u5e73\u8861@\u5de5\u4f5c\u9593        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e5%ae%89%e5%bf%83%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83-%e5%a6%82%e4%bd%95%e7%b7%a0%e9%80%a0%e5%81%a5%e5%ba%b7%e5%b7%a5%e4%bd%9c%e6%96%87%e5%8c%96%ef%bc%9a\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u7fa9\u52d9\u5de5\u4f5c@\u5de5\u4f5c\u9593\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">14.04.2023<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u5b89\u5fc3\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703 \u2013 \u5982\u4f55\u7de0\u9020\u5065\u5eb7\u5de5\u4f5c\u6587\u5316\uff1a\u7fa9\u52d9\u5de5\u4f5c@\u5de5\u4f5c\u9593        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e8%b3%bd%e9%a6%ac%e6%9c%83%e5%b0%88%e6%a5%ad%e5%89%b5%e6%9c%aa%e4%be%86%e8%a8%88%e5%8a%83-%e4%b8%89%e6%9c%9f%e5%af%a6%e7%bf%92%e5%ae%8c%e6%bb%bf%e7%b5%90%e6%9d%9f\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u8cfd\u99ac\u6703\u5c08\u696d\u5275\u672a\u4f86\u8a08\u5283 \u4e09\u671f\u5be6\u7fd2\u5b8c\u6eff\u7d50\u675f\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">01.08.2022<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u8cfd\u99ac\u6703\u5c08\u696d\u5275\u672a\u4f86\u8a08\u5283 \u4e09\u671f\u5be6\u7fd2\u5b8c\u6eff\u7d50\u675f        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/procruit-c-%e5%b0%88%e6%a5%ad%e5%89%b5%e6%9c%aa%e4%be%86%e8%a8%88%e5%8a%83-%e7%b7%9a%e4%b8%8a%e7%95%a2%e6%a5%ad%e7%a6%ae\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"PROcruit C \u5c08\u696d\u5275\u672a\u4f86\u8a08\u5283 \u7dda\u4e0a\u7562\u696d\u79ae\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">25.04.2022<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            PROcruit C \u5c08\u696d\u5275\u672a\u4f86\u8a08\u5283 \u7dda\u4e0a\u7562\u696d\u79ae        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n\n<a href=\"https:\/\/hkcss.visibleone.site\/sc\/events\/%e6%a8%82%e2%80%a4%e5%b7%a5%e4%bd%9c%e9%96%93%e7%b3%bb%e5%88%97%e5%88%86%e4%ba%ab%e6%9c%83%e5%92%8c%e8%ab%a7%e5%b7%a5%e4%bd%9c%e9%96%93-%e8%81%b7%e5%a0%b4%e6%80%a7%e6%a0%bc%e7%89%b9%e8%b3%aa\/\"\n    class=\"grid grid-cols-1 rounded-[10px] shadow-event group overflow-hidden hover:bg-yellow-light-01 transition-all duration-300 ease-in\">\n    <div class=\"image rounded-t-[10px] overflow-hidden group\">\n        <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/uploads\/2023\/07\/default-thumbnail.png\" alt=\"\u6a02\u2024\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703:\u548c\u8ae7\u5de5\u4f5c\u9593 -\u8077\u5834\u6027\u683c\u7279\u8cea\"\n            class=\"transition-all duration-300 ease-in aspect-[4\/3] object-cover group-hover:scale-[1.2] w-full\" \/>\n    <\/div>\n    <div class=\"p-4 lg:p-[26px] group\">\n        <div class=\"main-tag\">\n            <p class=\"past\">\n                <img decoding=\"async\" src=\"https:\/\/hkcss.visibleone.site\/wp-content\/themes\/hkcss-caring\/public\/images\/phase2-image\/tag-label.svg\" alt=\"\"\n                    class=\"object-contain\" \/>\n                \u6d3b\u52d5\u82b1\u7d6e            <\/p>\n            <span class=\"date\">31.03.2022<\/span>\n        <\/div>\n        <p class=\"heading6 text-grey-dark font-semibold leading-normal line-clamp-2 mt-[14px]\">\n            \u6a02\u2024\u5de5\u4f5c\u9593\u7cfb\u5217\u5206\u4eab\u6703:\u548c\u8ae7\u5de5\u4f5c\u9593 -\u8077\u5834\u6027\u683c\u7279\u8cea        <\/p>\n        <div class=\"club-divider my-4\"><\/div>\n        <div class=\"flex items-center justify-between group\">\n            <p\n                class=\"heading7 text-grey-dark font-semibold leading-normal group-hover:underline group-hover:text-primary\">\n                                    \u4e86\u89e3\u66f4\u591a\n                            <\/p>\n            <p class=\"size-[30px] flex items-center justify-center rounded-full group group-hover:bg-primary\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n                    <path d=\"M10.332 5L6.33203 1M10.332 5L6.33203 9M10.332 5L0.998698 5\" stroke=\"#3A3A3A\"\n                        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                        class=\"group-hover:stroke-white\" \/>\n                <\/svg>\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>\n            <\/div>\n\n            <div id=\"pagination-container\" class=\"mt-12 flex justify-center pagination-wrapper\">\n                <span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"\/sc\/wp-json\/wp\/v2\/pages\/4557?paged=2\">2<\/a>\n<a class=\"page-numbers\" href=\"\/sc\/wp-json\/wp\/v2\/pages\/4557?paged=3\">3<\/a>\n<span class=\"page-numbers dots\">&hellip;<\/span>\n<a class=\"page-numbers\" href=\"\/sc\/wp-json\/wp\/v2\/pages\/4557?paged=15\">15<\/a>\n<a class=\"next page-numbers\" href=\"\/sc\/wp-json\/wp\/v2\/pages\/4557?paged=2\"><svg width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 13L7 7L1 1\" stroke=\"#374151\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const resultsContainer = document.getElementById('events-results-container');\n        const paginationContainer = document.getElementById('pagination-container');\n        const filterFields = document.querySelectorAll('.js-event-filter, .js-event-filter-search');\n\n        let searchTimeout;\n\n        const fetchEvents = (paged = 1) => {\n            const status = document.querySelector('select[name=\"status\"]').value;\n            const year = document.querySelector('select[name=\"year\"]').value;\n            const search = document.querySelector('input[name=\"_s\"]').value;\n\n            const formData = new FormData();\n            formData.append('action', 'filter_events');\n            formData.append('status', status);\n            formData.append('year', year);\n            formData.append('search', search);\n            formData.append('paged', paged);\n            formData.append('posts_per_page', resultsContainer.getAttribute('data-posts-per-page'));\n\n            resultsContainer.style.opacity = '0.5';\n\n            fetch('https:\/\/hkcss.visibleone.site\/wp-admin\/admin-ajax.php', {\n                method: 'POST',\n                body: formData\n            })\n                .then(response => response.json())\n                .then(result => {\n                    resultsContainer.style.opacity = '1';\n\n                    if (result.success) {\n                        resultsContainer.innerHTML = result.data.html;\n                        paginationContainer.innerHTML = result.data.pagination;\n\n                        if (!result.data.pagination) {\n                            paginationContainer.classList.add('hidden');\n                        } else {\n                            paginationContainer.classList.remove('hidden');\n                        }\n\n                        \/\/ Update URL without reload to preserve state\n                        const url = new URL(window.location);\n\n                        const params = {\n                            status: status,\n                            year: year,\n                            _s: search,\n                            paged: paged > 1 ? paged : null\n                        };\n\n                        Object.keys(params).forEach(key => {\n                            if (params[key] && params[key] !== 'all' && params[key] !== '') {\n                                url.searchParams.set(key, params[key]);\n                            } else {\n                                url.searchParams.delete(key);\n                            }\n                        });\n\n                        window.history.pushState({}, '', url);\n                    }\n                })\n                .catch(error => {\n                    console.error('Error fetching events:', error);\n                    resultsContainer.style.opacity = '1';\n                });\n        };\n\n        filterFields.forEach(field => {\n            if (field.tagName === 'SELECT') {\n                field.addEventListener('change', () => fetchEvents(1));\n            } else {\n                field.addEventListener('input', function () {\n                    clearTimeout(searchTimeout);\n                    searchTimeout = setTimeout(() => fetchEvents(1), 500);\n                });\n            }\n        });\n\n        paginationContainer.addEventListener('click', function (e) {\n            const link = e.target.closest('a');\n            if (link) {\n                e.preventDefault();\n                const urlParams = new URLSearchParams(new URL(link.href).search);\n                const paged = urlParams.get('paged') || 1;\n                fetchEvents(paged);\n                window.scrollTo({ top: resultsContainer.offsetTop - 100, behavior: 'smooth' });\n            }\n        });\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":4558,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4557","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4557","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=4557"}],"version-history":[{"count":0,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/pages\/4557\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media\/4558"}],"wp:attachment":[{"href":"https:\/\/hkcss.visibleone.site\/sc\/wp-json\/wp\/v2\/media?parent=4557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}