{"id":1907,"date":"2026-01-07T01:17:33","date_gmt":"2026-01-07T01:17:33","guid":{"rendered":"https:\/\/cfnlaw.com.hk\/post-people\/zoe-song\/"},"modified":"2026-04-23T07:33:10","modified_gmt":"2026-04-23T07:33:10","slug":"zoe-song","status":"publish","type":"post-people","link":"https:\/\/cfnlaw.com.hk\/tc\/post-people\/zoe-song\/","title":{"rendered":"\u5b8b\u4f73\u6021"},"content":{"rendered":"\r\n<section block-name=\"people-banner\" class=\"w-full bg-dark-grey text-white lg:overflow-hidden flex items-end relative z-0\">\r\n\r\n    <div class=\"container mx-auto h-full relative\">\r\n        <div class=\"container-md\">\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[auto_1fr] h-full\">\r\n\r\n            <div class=\"order-2 lg:order-1 relative h-full flex lg:items-end lg:pr-10 xl:pr-[60px] 2xl:pr-20 4xl:pr-[100px] 6xl:pr-[120px]\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/zoe-Background-Removed-1.png\"\r\n                         alt=\"\u5b8b\u4f73\u6021\"\r\n                         class=\"block lg:h-[600px] w-auto object-contain object-bottom z-10 relative lg:top-1\" \/>\r\n                            <\/div>\r\n\r\n            <div class=\"order-1 lg:order-2 flex flex-col justify-center h-full pt-[60px] pb-10 xl:pb-[60px]\">\r\n\r\n                <div class=\"mb-6\">\r\n                    <h2 class=\"mb-1 font-georgia heading2 text-white\">\r\n                        \u5b8b\u4f73\u6021                    <\/h2>\r\n\r\n                    <div class=\"flex flex-col gap-4\">\r\n                                                    <span class=\"text-[#C19A6B] text-[15px] tracking-[0.05em] font-medium\">\r\n                                \u898b\u7fd2\u5f8b\u5e2b                            <\/span>\r\n                        \r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"w-full h-[1px] bg-white\/20\"><\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-[170px_1fr] 5xl:grid-cols-[200px_1fr] py-[20px] gap-5 4xl:gap-8 5xl:gap-10\">\r\n                    <div class=\"text-[#B6A18D] font-georgia text-eyebrow uppercase tracking-[0.1em] font-medium pt-[4px]\">\r\n                        \u806f\u7d61\u65b9\u5f0f                    <\/div>\r\n\r\n                    <div class=\"space-y-2\">\r\n                                                    <div class=\"flex items-center gap-3\">\r\n                                <img decoding=\"async\" src=\"https:\/\/cfnlaw.com.hk\/wp-content\/themes\/cfn\/public\/images\/icons\/phone-icon-brown.svg\" alt=\"Phone\" class=\"w-[14px] h-[14px]\" \/>\r\n                                <a href=\"tel:+85234686153\" class=\"text-body-lg text-white hover:text-[#C19A6B] transition-colors border-b border-white hover:border-[#C19A6B] font-light\">\r\n                                    +852 3468 6153                                <\/a>\r\n                            <\/div>\r\n                        \r\n                                                    <div class=\"flex items-center gap-3\">\r\n                                <img decoding=\"async\" src=\"https:\/\/cfnlaw.com.hk\/wp-content\/themes\/cfn\/public\/images\/icons\/mail-icon-brown.svg\" alt=\"Email\" class=\"w-[14px] h-[14px]\" \/>\r\n                                <a href=\"mailto:zoe.song@cfn2.com.hk\" class=\"text-body-lg text-white hover:text-[#C19A6B] transition-colors border-b border-white hover:border-[#C19A6B] font-light pb-[1px]\">\r\n                                    zoe.song@cfn2.com.hk                                <\/a>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"w-full h-[1px] bg-white\/20\"><\/div>\r\n\r\n                                <div class=\"grid grid-cols-1 md:grid-cols-[170px_1fr] 5xl:grid-cols-[200px_1fr] py-[20px] gap-5 4xl:gap-8 5xl:gap-10\">\r\n                    <div class=\"text-[#B6A18D] font-georgia text-eyebrow uppercase tracking-[0.1em] font-medium pt-[4px]\">\r\n                        \u5c08\u696d\u9818\u57df                    <\/div>\r\n\r\n                    <div class=\"flex flex-col gap-2\">\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u8cc7\u672c\u5e02\u5834                            <\/p>\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u516c\u53f8\u53ca\u5546\u696d\u4e8b\u52d9                            <\/p>\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u5408\u898f\u8207\u4f01\u696d\u7ba1\u6cbb                            <\/p>\r\n                                            <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n\r\n<section block=\"people-detail-content\" class=\"w-full bg-white text-dark-grey relative pt-[100px] pb-[30px] sm:pb-[40px] 2xl:pb-[60px]\">\r\n\r\n<div class=\"container mx-auto\">\r\n    <div class=\"container-md\">\r\n    <div class=\"grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,350px)] gap-8 xl:gap-10 2xl:gap-14 4xl:gap-20 6xl:gap-[100px] items-start\">\r\n\r\n        <div class=\"w-full people-tabs-container\">\r\n\r\n            <div class=\"overflow-x-auto mb-8 sm:mb-10 4xl:mb-[60px]\">\r\n                <div class=\"flex flex-nowrap min-w-max justify-center items-center\">\r\n\r\n                    <button class=\"tab-btn group relative shrink-0 min-w-max heading6 py-2 px-[10px] flex-1 font-georgia border-transparent transition-colors hover:text-[#8D6CAB] active\" data-target=\"tab-intro\">\r\n                        \u7c21\u4ecb                        <span class=\"zr-line block absolute bottom-0 left-0 bg-brand-purple group-hover:w-full w-0 h-[2px] transition-all duration-300\"><\/span>\r\n                    <\/button>\r\n\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tab-content relative min-h-[300px]\">\r\n\r\n                <div id=\"tab-intro\" class=\"tab-panel animate-fade-in block\">\r\n                    <h4 class=\"font-georgia heading4 mb-6 text-dark-grey\">\r\n                        \u7c21\u4ecb                    <\/h4>\r\n                    <div class=\"max-w-none text-[#666] text-body-md font-light\">\r\n                        <p><span style=\"font-weight: 400;\">\u5b8b\u4f73\u6021\u65bc2023\u5e74\u53d6\u5f97\u9999\u6e2f\u57ce\u5e02\u5927\u5b78\u6cd5\u5b78\u5b78\u58eb\u5b78\u4f4d\uff0c\u4e26\u65bc2025\u5e74\u5728\u540c\u4e00\u6240\u5927\u5b78\u53d6\u5f97\u6cd5\u5b78\u5c08\u696d\u8b49\u66f8\u3002\u5979\u4ea6\u65bc2024\u5e74\u53d6\u5f97\u7f8e\u570b\u55ac\u6cbb\u57ce\u5927\u5b78\u6cd5\u5b78\u78a9\u58eb\u5b78\u4f4d\u53ca\u5176\u91d1\u878d\u8207\u8b49\u5238\u6cd5\u5c08\u696d\u8b49\u66f8\u3002<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u5979\u7cbe\u901a\u82f1\u8a9e\u548c\u666e\u901a\u8a71\u3002<\/span><\/p>\n                    <\/div>\r\n                <\/div>\r\n\r\n                \r\n                            <\/div>\r\n        <\/div>\r\n\r\n                <div class=\"w-full bg-[#F6F0F8] p-8 lg:p-10 rounded-sm sticky top-10\">\r\n            <h3 class=\"flex items-center gap-3 text-[#8D6CAB] font-georgia text-lg mb-6\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8 11L3 6H6V0H10V6H13L8 11ZM3 13V15H13V13H3Z\"\/><\/svg>\r\n                Downloads\r\n            <\/h3>\r\n            <div class=\"space-y-4\">\r\n                                                <a href=\"https:\/\/cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/Zoe-Song.vcf\" download class=\"relative flex items-center justify-between bg-white p-4 transition-all group border border-transparent hover:text-brand-purple\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <div class=\"w-8 h-8 flex items-center justify-center rounded-[2px] text-white shrink-0\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"22\" viewBox=\"0 0 28 22\" fill=\"none\">\r\n                            <path d=\"M9.65625 7.84375C8.76562 7.84375 8.04062 8.57187 8.04062 9.46875C8.04062 10.3656 8.76562 11.0938 9.65625 11.0938C10.5469 11.0938 11.2719 10.3656 11.2719 9.46875C11.2719 8.57187 10.5469 7.84375 9.65625 7.84375ZM27 0H1C0.446875 0 0 0.446875 0 1V21C0 21.5531 0.446875 22 1 22H27C27.5531 22 28 21.5531 28 21V1C28 0.446875 27.5531 0 27 0ZM17 8.125C17 7.9875 17.0312 7.875 17.0719 7.875H20.9281C20.9688 7.875 21 7.9875 21 8.125V9.625C21 9.7625 20.9688 9.875 20.9281 9.875H17.0719C17.0312 9.875 17 9.7625 17 9.625V8.125ZM14.3125 16.0312H12.9406C12.8094 16.0312 12.7031 15.9281 12.6938 15.7969C12.575 14.2188 11.2563 12.9688 9.65625 12.9688C8.05625 12.9688 6.7375 14.2188 6.61875 15.7969C6.60937 15.9281 6.50312 16.0312 6.37187 16.0312H5C4.96609 16.0313 4.93253 16.0244 4.90135 16.0111C4.87017 15.9978 4.84204 15.9782 4.81865 15.9537C4.79527 15.9291 4.77712 15.9001 4.76532 15.8683C4.75352 15.8365 4.7483 15.8026 4.75 15.7687C4.8375 14.1031 5.75 12.6531 7.08125 11.8281C6.49418 11.1828 6.16979 10.3412 6.17188 9.46875C6.17188 7.53438 7.73125 5.96875 9.65312 5.96875C11.575 5.96875 13.1344 7.53438 13.1344 9.46875C13.1344 10.3781 12.7906 11.2031 12.225 11.8281C13.5594 12.6562 14.4688 14.1031 14.5562 15.7687C14.5687 15.9125 14.4563 16.0312 14.3125 16.0312ZM23.0281 14.375H17.2219C17.1 14.375 17 14.2625 17 14.125V12.625C17 12.4875 17.1 12.375 17.2219 12.375H23.025C23.1469 12.375 23.2469 12.4875 23.2469 12.625V14.125H23.25C23.25 14.2625 23.15 14.375 23.0281 14.375Z\" fill=\"#414042\"\/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <span class=\"text-dark-grey font-light text-lg transition-all duration-300 group-hover:text-brand-purple\">V Card<\/span>\r\n                    <\/div>\r\n                    <svg class=\"text-[#999] group-hover:text-[#8D6CAB] transition-colors\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\r\n                    <span class=\"block absolute bottom-0 left-0 w-0 h-[2px] bg-highlight-orange transition-all duration-300 group-hover:w-full\"><\/span>\r\n                <\/a>\r\n                            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n    <\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .tab-btn.active {\r\n        border-color: #8D6CAB !important; color: #333333 !important;\r\n    }\r\n    .animate-fade-in {\r\n        animation: fadeIn 0.4s ease-in-out;\r\n    }\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const containers = document.querySelectorAll('.people-tabs-container');\r\n  containers.forEach(container => {\r\n  const btns = container.querySelectorAll('.tab-btn');\r\n  const panels = container.querySelectorAll('.tab-panel');\r\n\r\n    btns.forEach(btn => {\r\n      btn.addEventListener('click', () => {\r\n        btns.forEach(b => {\r\n          b.classList.remove('active', 'border-[#8D6CAB]', 'text-dark-grey');\r\n          b.classList.add('border-transparent', 'text-[#999]');\r\n        });\r\n\r\n        btn.classList.add('active', 'border-[#8D6CAB]', 'text-dark-grey');\r\n        btn.classList.remove('border-transparent', 'text-[#999]');\r\n\r\n        panels.forEach(p => p.classList.add('hidden'));\r\n        const targetId = btn.getAttribute('data-target');\r\n        const targetPanel = container.querySelector('#' + targetId);\r\n        if(targetPanel) {\r\n        targetPanel.classList.remove('hidden');\r\n        }\r\n      });\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\n\n\r\n\r\n<section block=\"article-written-bypeople\" class=\"container mx-auto relative pt-[30px] sm:pt-[40px] 2xl:pt-[60px] pb-[150px] sm:pb-[170px] 2xl:pb-[190px]\">\r\n<\/section>\r\n\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const ArticleWrittenSwiper = new Swiper('.ArticleWrittenSwiper', {\r\n            direction: 'horizontal',\r\n            slidesPerView: 1,\r\n            spaceBetween: 24,\r\n            navigation: {\r\n                nextEl: '.article-swiper-button-next',\r\n                prevEl: '.article-swiper-button-prev',\r\n            },\r\n            effect: 'slide',\r\n            speed: 800,\r\n            loop: false,\r\n            autoHeight: false,\r\n            watchOverflow: true,\r\n            breakpoints: {\r\n                640: {\r\n                    slidesPerView: 2,\r\n                    spaceBetween: 24\r\n                },\r\n                1024: {\r\n                    slidesPerView: 3,\r\n                    spaceBetween: 32\r\n                },\r\n                1560: {\r\n                    slidesPerView: 3,\r\n                    spaceBetween: 40\r\n                },\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n<style>\r\n.swiper-slide {\r\n    height: auto;\r\n}\r\n.swiper-wrapper {\r\n    align-items: stretch;\r\n    max-height: 458px;\r\n}\r\n<\/style>\r\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1908,"template":"","meta":{"_acf_changed":true},"class_list":["post-1907","post-people","type-post-people","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/post-people\/1907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/post-people"}],"about":[{"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/types\/post-people"}],"author":[{"embeddable":true,"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/media\/1908"}],"wp:attachment":[{"href":"https:\/\/cfnlaw.com.hk\/tc\/wp-json\/wp\/v2\/media?parent=1907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}