{"id":805,"date":"2026-06-16T05:38:45","date_gmt":"2026-06-16T05:38:45","guid":{"rendered":"https:\/\/hku-iamc.visibleone.dev\/%e5%8d%94%e4%bd%9c%e6%a8%9e%e7%b4%90\/"},"modified":"2026-07-28T01:50:09","modified_gmt":"2026-07-28T01:50:09","slug":"%e5%8d%94%e4%bd%9c%e6%a8%9e%e7%b4%90","status":"publish","type":"page","link":"https:\/\/hku-iamc.visibleone.dev\/tcn\/collaboration-hub\/","title":{"rendered":"\u5408\u4f5c\u5e73\u81fa"},"content":{"rendered":"\n<div block-name=\"inner-page-banner\" class=\"relative inner-page-banner\">\n        <img decoding=\"async\" class=\"absolute top-0 left-0 w-full h-full object-cover\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/D5-Collaboration-Hub-1.jpg\" alt=\"\" \/>\n        <div class=\"absolute top-0 left-0 w-full h-full object-cover bg-overlay\"><\/div>\n\n    <div class=\"relative container mx-auto\">\n        <div class=\"min-h-[300px] flex flex-col justify-end text-white py-[60px] container-lg\">\n            <h1 class=\"heading1 overflow-hidden text-ellipsis\">\u5408\u4f5c\u5e73\u81fa<\/h1>\n            <div class=\"mt-4 breadcrumbs\">\n                <ul class=\"flex flex-wrap lg:flex-nowrap items-center text-eyebrow uppercase\">\n                                                                                                    <li class=\"lg:min-w-max text-grey transition-all duration-300 hover:text-highlight-orange\">\n                                                                    <a class=\"\" href=\"https:\/\/hku-iamc.visibleone.dev\/tcn\/\" target=\"_self\">\u9996\u9801<\/a>\n                                                            <\/li>\n\n                            <span class=\"mx-[10px] inline-flex items-center justify-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/themes\/hku-iamc\/public\/images\/icons\/breadcrumb-circle.svg\" alt=\"breadcrumbs-arrow\" \/>\n                            <\/span>\n                            \n                                                        \n                                                                                <li class=\"lg:min-w-max text-grey transition-all duration-300 hover:text-highlight-orange\">\n                                                                    <a class=\"\" href=\"https:\/\/hku-iamc.visibleone.dev\/tcn\/events\/\" target=\"_self\">\u6d3b\u52d5<\/a>\n                                                            <\/li>\n\n                            <span class=\"mx-[10px] inline-flex items-center justify-center\">\n                                <img decoding=\"async\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/themes\/hku-iamc\/public\/images\/icons\/breadcrumb-circle.svg\" alt=\"breadcrumbs-arrow\" \/>\n                            <\/span>\n                            \n                                                        \n                                                    \n                                                                                            <li class=\"text-white rounded bg-[rgba(255,255,255,0.30)] py-[6px] px-[10px]\">\n                                    <span class=\"\">\n                                        \u5408\u4f5c\u5e73\u81fa                                    <\/span>\n                                <\/li>\n                                                                                        \n                                                                \n                    \n                <\/ul>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div block-name=\"collaboration-hub\" class=\"relative py-10 xs:py-[60px] xl:py-20 container mx-auto collaboration-hub\">\n\n    <div class=\"container-lg\">\n        <h1 class=\"heading1 text-primary-blue-01 text-center\">\n            \u5408\u4f5c\u5e73\u81fa        <\/h1>\n        <div class=\"mt-8 xs:mt-10 flex flex-wrap justify-center gap-8 3xl:gap-10\">\n                            <a href=\"https:\/\/www.civil.hku.hk\/cicid\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/CICID.png\" alt=\"\u5efa\u9020\u8207\u57fa\u5efa\u767c\u5c55\u5275\u65b0\u4e2d\u5fc3\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u5efa\u9020\u8207\u57fa\u5efa\u767c\u5c55\u5275\u65b0\u4e2d\u5fc3                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u9999\u6e2f\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.miclab.hk\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/MiC.png\" alt=\"MiC \u5be6\u9a57\u5ba4\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            MiC \u5be6\u9a57\u5ba4                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u9999\u6e2f\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.netzero.hk\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/NetZero.png\" alt=\"\u6de8\u96f6\u5be6\u9a57\u5ba4\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u6de8\u96f6\u5be6\u9a57\u5ba4                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u9999\u6e2f\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/cife.stanford.edu\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/Stanford-CIFE.png\" alt=\"\u6574\u5408\u8a2d\u65bd\u5de5\u7a0b\u4e2d\u5fc3\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u6574\u5408\u8a2d\u65bd\u5de5\u7a0b\u4e2d\u5fc3                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u53f2\u4e39\u4f5b\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.arc.ed.tum.de\/en\/arc\/home\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/university-munich.png\" alt=\"\u5efa\u7bc9\u7cfb\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u5efa\u7bc9\u7cfb                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u6155\u5c3c\u9ed1\u5de5\u696d\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.ualberta.ca\/en\/engineering\/civil-environmental-engineering\/index.html\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/uni-alberta.png\" alt=\"\u571f\u6728\u8207\u74b0\u5883\u5de5\u7a0b\u7cfb\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u571f\u6728\u8207\u74b0\u5883\u5de5\u7a0b\u7cfb                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u963f\u723e\u4f2f\u5854\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.lboro.ac.uk\/schools\/abce\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/uni-loughborough.png\" alt=\"\u5efa\u7bc9\u3001\u5efa\u9020\u8207\u571f\u6728\u5de5\u7a0b\u5b78\u9662 \" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u5efa\u7bc9\u3001\u5efa\u9020\u8207\u571f\u6728\u5de5\u7a0b\u5b78\u9662                         <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u62c9\u592b\u5821\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/cde.nus.edu.sg\/cee\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/NUS.png\" alt=\"\u571f\u6728\u8207\u74b0\u5883\u5de5\u7a0b\u7cfb\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            \u571f\u6728\u8207\u74b0\u5883\u5de5\u7a0b\u7cfb                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u65b0\u52a0\u5761\u570b\u7acb\u5927\u5b78                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                            <a href=\"https:\/\/www.prefabaus.org.au\/\" target=\"_blank\" rel=\"noopener\" class=\"group relative w-full sm:w-[calc(50%-24px)] lg:w-[calc(33.33%-24px)] xl:w-[calc(25%-24px)] 2xl:w-[calc(25%-30px)]\">\n                    <div class=\"relative aspect-[1\/0.45]\">\n                                                    <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/hku-iamc.visibleone.dev\/wp-content\/uploads\/2026\/07\/prefabAUS.png\" alt=\"PrefabAUS\" \/>\n                                                <span class=\"block transition-all duration-300 group-hover:opacity-100 opacity-0 absolute top-0 left-0 w-full h-full bg-[rgba(255,255,255,0.50)]\"><\/span>\n                    <\/div>\n                    <div class=\"mt-5 text-center\">\n                        <h6 class=\"heading6 text-metalic-dark-01 transition-all duration-300 group-hover:text-primary-blue-01\">\n                            PrefabAUS                        <\/h6>\n                                                    <h6 class=\"mt-1 heading6 text-metalic-dark-02\">\n                                \u6fb3\u6d32                            <\/h6>\n                                                <div class=\"mt-5 group-hover:max-w-full transition-all duration-300 w-full max-w-[70px] mx-auto h-[2px] bg-primary-blue-01\"><\/div>\n                    <\/div>\n                <\/a>\n                    <\/div>\n    <\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-805","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/pages\/805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/comments?post=805"}],"version-history":[{"count":12,"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/pages\/805\/revisions"}],"predecessor-version":[{"id":1165,"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/pages\/805\/revisions\/1165"}],"wp:attachment":[{"href":"https:\/\/hku-iamc.visibleone.dev\/tcn\/wp-json\/wp\/v2\/media?parent=805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}