{"id":3076,"date":"2026-01-07T01:17:45","date_gmt":"2026-01-06T17:17:45","guid":{"rendered":"https:\/\/www.cfnlaw.com.hk\/?post_type=post-people&#038;p=3076"},"modified":"2026-06-30T15:55:16","modified_gmt":"2026-06-30T07:55:16","slug":"henry-lo","status":"publish","type":"post-people","link":"https:\/\/www.cfnlaw.com.hk\/cn\/post-people\/henry-lo\/","title":{"rendered":"\u52b3\u5143\u4ea8"},"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:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/06\/CWB_3966-for-website-scaled.png\"\r\n                         alt=\"\u52b3\u5143\u4ea8\"\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                    <h1 class=\"mb-1 font-georgia heading2 text-white\">\r\n                        \u52b3\u5143\u4ea8                    <\/h1>\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                                \u89c1\u4e60\u5f8b\u5e08                            <\/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                        \u8054\u7edc\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:\/\/www.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:+85234687337\" class=\"text-body-lg text-white hover:text-[#C19A6B] transition-colors border-b border-white hover:border-[#C19A6B] font-light\">\r\n                                    +852 3468 7337                                <\/a>\r\n                            <\/div>\r\n                        \r\n                                                    <div class=\"flex items-center gap-3\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.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:henry.lo@cfnlaw.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                                    henry.lo@cfnlaw.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                        \u4e13\u4e1a\u9886\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                                \u8d44\u672c\u5e02\u573a\u53ca\u878d\u8d44                            <\/p>\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u516c\u53f8\u53ca\u5546\u4e1a\u4e8b\u52a1                            <\/p>\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u5408\u89c4\u4e0e\u516c\u53f8\u6cbb\u7406                            <\/p>\r\n                                                    <p class=\"text-body-lg font-light text-white transition-colors\">\r\n                                \u5a5a\u59fb\u6cd5\u3001\u9057\u5631\u4e0e\u9057\u4ea7\u8ba4\u8bc1                            <\/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                        \u7b80\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                        \u7b80\u4ecb                    <\/h4>\r\n                    <div class=\"max-w-none text-[#666] text-body-md font-light\">\r\n                        <p>\u52b3\u5143\u4ea8\u76ee\u524d\u662f\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u8d23\u4efb\u6cd5\u5f8b\u5408\u4f19\u7684\u89c1\u4e60\u5f8b\u5e08\u3002 \u4ed6\u79ef\u6781\u53c2\u4e0e\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u8d23\u4efb\u6cd5\u5f8b\u5408\u4f19\u6240\u6d89\u53ca\u7684\u591a\u79cd\u6cd5\u5f8b\u4e1a\u52a1\u7684\u65f6\u95f4\u3002 \u4ed6\u534f\u52a9\u8d44\u6df1\u5f8b\u5e08\u8fdb\u884c\u6848\u4ef6\u51c6\u5907\uff0c\u8fdb\u884c\u6cd5\u5f8b\u7814\u7a76\uff0c\u4ee5\u53ca\u5e94\u5bf9\u5ba2\u6237\u54a8\u8be2\u3002 \u4ed6\u81f4\u529b\u4e8e\u63d0\u5347\u81ea\u5df1\u7684\u6cd5\u5f8b\u4e13\u4e1a\u77e5\u8bc6\uff0c\u5e76\u4e3a\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u6cd5\u5f8b\u8d23\u4efb\u5408\u4f19\u505a\u51fa\u79ef\u6781\u8d21\u732e\u3002<\/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:\/\/www.cfnlaw.com.hk\/wp-content\/uploads\/2026\/01\/Profile-Henry-Lo-Simplified-Chinese.pdf\" 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=\"20\" height=\"25\" viewBox=\"0 0 20 25\" fill=\"none\">\r\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10 0V8.125C10 8.62228 10.1975 9.09919 10.5492 9.45083C10.9008 9.80246 11.3777 10 11.875 10H20V22.5C20 23.163 19.7366 23.7989 19.2678 24.2678C18.7989 24.7366 18.163 25 17.5 25H2.5C1.83696 25 1.20107 24.7366 0.732233 24.2678C0.263392 23.7989 0 23.163 0 22.5V2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0H10ZM8.76375 12.31C8.46453 14.2138 7.46891 15.9387 5.97 17.15C4.86125 18.045 5.875 19.8012 7.205 19.29C9.00353 18.5973 10.9952 18.5973 12.7937 19.29C14.1237 19.8025 15.1375 18.0462 14.0287 17.15C12.5298 15.9387 11.5342 14.2138 11.235 12.31C11.0138 10.9025 8.985 10.9012 8.76375 12.31ZM10 15.3788L11.0075 17.1213H8.995L10 15.3788ZM12.5 0.05375C12.9736 0.154194 13.4078 0.389989 13.75 0.7325L19.2675 6.25C19.61 6.59216 19.8458 7.0264 19.9463 7.5H12.5V0.05375Z\" 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\">CV<\/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":"<p>\u52b3\u5143\u4ea8\u76ee\u524d\u662f\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u8d23\u4efb\u6cd5\u5f8b\u5408\u4f19\u7684\u89c1\u4e60\u5f8b\u5e08\u3002 \u4ed6\u79ef\u6781\u53c2\u4e0e\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u8d23\u4efb\u6cd5\u5f8b\u5408\u4f19\u6240\u6d89\u53ca\u7684\u591a\u79cd\u6cd5\u5f8b\u4e1a\u52a1\u7684\u65f6\u95f4\u3002 \u4ed6\u534f\u52a9\u8d44\u6df1\u5f8b\u5e08\u8fdb\u884c\u6848\u4ef6\u51c6\u5907\uff0c\u8fdb\u884c\u6cd5\u5f8b\u7814\u7a76\uff0c\u4ee5\u53ca\u5e94\u5bf9\u5ba2\u6237\u54a8\u8be2\u3002 \u4ed6\u81f4\u529b\u4e8e\u63d0\u5347\u81ea\u5df1\u7684\u6cd5\u5f8b\u4e13\u4e1a\u77e5\u8bc6\uff0c\u5e76\u4e3a\u9648\u51af\u5434\u5f8b\u5e08\u4e8b\u52a1\u6240\u6709\u9650\u6cd5\u5f8b\u8d23\u4efb\u5408\u4f19\u505a\u51fa\u79ef\u6781\u8d21\u732e\u3002<\/p>\n","protected":false},"author":2,"featured_media":3074,"template":"","meta":{"_acf_changed":true},"class_list":["post-3076","post-people","type-post-people","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/post-people\/3076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/post-people"}],"about":[{"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/types\/post-people"}],"author":[{"embeddable":true,"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/users\/2"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/media\/3074"}],"wp:attachment":[{"href":"https:\/\/www.cfnlaw.com.hk\/cn\/wp-json\/wp\/v2\/media?parent=3076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}