{"id":513,"date":"2026-05-05T09:16:13","date_gmt":"2026-05-05T09:16:13","guid":{"rendered":"https:\/\/mbti-dev.visibleone.dev\/result-puzzle-cracker\/"},"modified":"2026-05-05T09:16:13","modified_gmt":"2026-05-05T09:16:13","slug":"result-puzzle-cracker","status":"publish","type":"page","link":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/result-puzzle-cracker\/","title":{"rendered":"Puzzle Cracker"},"content":{"rendered":"<section block-name=\"uni-type\" class=\"relative py-10 md:py-20 lg:pt-[125px] lg:pb-[100px] background-line-image\">\n    <div class=\"container\">\n        <div class=\"container-lg\">\n            <div class=\"js-pdf-hidden pb-6 px-10 flex gap-3 social-links flex-wrap\">\n                <a href=\"#\" onclick=\"downloadPDF()\" class=\"js-download-page-pdf flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Download this page as PDF\" title=\"Download PDF\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/download.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"#\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient share-link\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/link.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F513\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Facebook\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/fb.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"#\" data-share-ig data-share-text=\"I discovered my personality type: Puzzle Cracker! Take the quiz: https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages\/513\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Instagram\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/ig.svg\" alt=\"\">\n                <\/a>\n\n                <a href=\"https:\/\/twitter.com\/intent\/tweet?text=I+discovered+my+personality+type%3A+Puzzle+Cracker%21+Take+the+quiz%3A&#038;url=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F513\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on X (Twitter)\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/twitter.svg\" alt=\"\">\n                <\/a>\n            <\/div>\n\n            <!-- this bg-light-blue class name will change on mbti type -->\n            <div class=\"bg-light-blue rounded-[32px] p-5 md:p-10 lg:p-20 5xl:px-[100px] flex flex-col-reverse xl:flex-row gap-7 xl:gap-10 max-xl:mt-28 #fef8cb\" style=\"background-color: #fef8cb !important;\">\n                <div class=\"xl:flex-[0_1_50%] xl:max-w-[50%]\">\n                    <h5 class=\"js-pdf-title heading5 text-white bg-primary-magenta px-3 py-1 inline-block rounded-[100px]\">\n                        Your UNI-Type is                    <\/h5>\n                \n                    <h1 class=\"heading1 text-primary py-3\">\n                        Puzzle Cracker                    <\/h1>\n\n                    <div class=\"text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10 lg:pb-[60px]\">\n                        <p>\n                            Nisl nunc tellus sit elit lacus nec enim arcu tempus. Posuere enim in convallis interdum. Nunc vulputate turpis condimentum dignissim diam aliquet sit. Lectus consequat faucibus pretium donec id tempus adipiscing. Donec neque amet mattis lobortis congue. Id turpis porttitor at cras rhoncus egestas vel quis. Vestibulum cras amet ac curabitur odio. Risus a commodo pharetra in eu nibh. Purus nisi quam ut ut massa.                        <\/p>\n                    <\/div>\n\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Group-47642367-4.svg\" alt=\"\" class=\"aspect-[577\/267] object-contain\" \/>\n\n                    <!-- show only for mobile -->\n                    <div class=\"mt-[27px] max-xl:grid sm:grid-cols-2 items-center gap-5 p-3 rounded-[80px] 6xl:rounded-[200px] border-[3px] border-dashed xl:hidden\" style=\"border-color: #f6e77a;\">\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/leadership_18224842-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Rational                                <\/h6>\n                            <\/div>\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/solution_18224811-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Analyzing                                <\/h6>\n                            <\/div>\n                                                <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/success_18224738-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                                <h6 class=\"heading6 text-primary pt-2\">\n                                    Problem-solving                                <\/h6>\n                            <\/div>\n                        \n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                        <!-- <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/solution.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Convincing\n                            <\/h6>\n                        <\/div> -->\n\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                        <!-- <div class=\"py-3 px-5 xl:px-10 6xl:px-[66px] bg-badge-blue text-center rounded-[200px]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/success.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Adventurous\n                            <\/h6>\n                        <\/div> -->\n                    <\/div>\n                <\/div>\n\n                <div class=\"xl:flex-[0_1_50%] xl:max-w-[50%]\">\n                    <div class=\"relative -mt-44 xl:-mt-48\">\n                        <div class=\"p-10 xl:px-20 4xl:pr-[120px] bg-item-yellow rounded-bl-[80px] min-h-[150px] 4xl:min-h-[200px] shadow-[12px_12px_0px_rgba(0,0,0,0.25)] lg:absolute lg:-top-8 lg:right-0 max-xl:translate-y-[2rem] lg:translate-x-[-12rem] xl:translate-x-[-17rem] 3xl:translate-x-[-20rem] z-[3]\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/quote.svg\" alt=\"\" class=\"max-w-[34px] object-contain -translate-y-1 -translate-x-5\" \/>\n                            <h4 class=\"heading4 italic text-primary text-center\">\n                                &#8220;Why&#8221; is my favourite question word.                            <\/h4>\n                        <\/div>\n\n                        <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Avatar-Image-1-2.png\" alt=\"\" class=\"aspect-[418\/643] object-contain max-w-[200px] lg:max-w-[240px] xl:max-w-[418px] ml-auto relative z-[4]\" \/>\n                    <\/div>\n\n                    <!-- show only for desktop -->\n                    <div class=\"mt-[27px] hidden xl:grid sm:grid-cols-2 6xl:grid-cols-3 items-center gap-5 p-3 rounded-[80px] 6xl:rounded-[200px] border-[3px] border-dashed\" style=\"border-color: #f6e77a;\">\n                        <!-- this bg-badge-blue class name will change on mbti type -->\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/leadership_18224842-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Rational                            <\/h6>\n                        <\/div>\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/solution_18224811-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Analyzing                            <\/h6>\n                        <\/div>\n                                                <div class=\"js-pdf-title p-3 bg-badge-blue text-center rounded-[200px]\" style=\"background-color: #f6e77a;\">\n                            <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/success_18224738-1.svg\" alt=\"\" class=\"aspect-[1\/1] max-w-10 mx-auto object-contain\" \/>\n                            <h6 class=\"heading6 text-primary pt-2\">\n                                Problem-solving                            <\/h6>\n                        <\/div>\n                                            \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n <div id=\"share-popup\" class=\"fixed top-0 left-0 w-full h-full bg-black\/75 flex items-center justify-center z-20 hidden\">\n    <div class=\"bg-white w-[90%] md:w-[748px] p-5 sm:p-10 xl:px-[60px] xl:py-20 relative\">\n        <button type=\"button\" id=\"share-popup-close\" class=\"absolute right-3 top-3 xl:right-10 xl:top-10\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M24.4003 7.61363C24.2769 7.49003 24.1304 7.39196 23.9691 7.32505C23.8078 7.25815 23.6349 7.22371 23.4603 7.22371C23.2857 7.22371 23.1128 7.25815 22.9515 7.32505C22.7902 7.39196 22.6436 7.49003 22.5203 7.61363L16.0003 14.1203L9.4803 7.6003C9.35686 7.47686 9.21031 7.37894 9.04902 7.31213C8.88774 7.24532 8.71487 7.21094 8.5403 7.21094C8.36572 7.21094 8.19286 7.24532 8.03157 7.31213C7.87029 7.37894 7.72374 7.47686 7.6003 7.6003C7.47686 7.72374 7.37894 7.87029 7.31213 8.03157C7.24532 8.19286 7.21094 8.36572 7.21094 8.5403C7.21094 8.71487 7.24532 8.88774 7.31213 9.04902C7.37894 9.21031 7.47686 9.35686 7.6003 9.4803L14.1203 16.0003L7.6003 22.5203C7.47686 22.6437 7.37894 22.7903 7.31213 22.9516C7.24532 23.1129 7.21094 23.2857 7.21094 23.4603C7.21094 23.6349 7.24532 23.8077 7.31213 23.969C7.37894 24.1303 7.47686 24.2769 7.6003 24.4003C7.72374 24.5237 7.87029 24.6217 8.03157 24.6885C8.19286 24.7553 8.36572 24.7897 8.5403 24.7897C8.71487 24.7897 8.88774 24.7553 9.04902 24.6885C9.21031 24.6217 9.35686 24.5237 9.4803 24.4003L16.0003 17.8803L22.5203 24.4003C22.6437 24.5237 22.7903 24.6217 22.9516 24.6885C23.1129 24.7553 23.2857 24.7897 23.4603 24.7897C23.6349 24.7897 23.8077 24.7553 23.969 24.6885C24.1303 24.6217 24.2769 24.5237 24.4003 24.4003C24.5237 24.2769 24.6217 24.1303 24.6885 23.969C24.7553 23.8077 24.7897 23.6349 24.7897 23.4603C24.7897 23.2857 24.7553 23.1129 24.6885 22.9516C24.6217 22.7903 24.5237 22.6437 24.4003 22.5203L17.8803 16.0003L24.4003 9.4803C24.907 8.97363 24.907 8.1203 24.4003 7.61363Z\" fill=\"#27353C\"\/>\n            <\/svg>\n        <\/button>\n\n        \t<div class=\"pb-8 last:pb-0 copy-text-container\">\n\t\t\t\t<h6 class=\"heading6 text-dark !font-normal pb-2\">\n\t\t\tShare Result\t\t<\/h6>\n\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t<div class=\"bg-grey-light px-3 py-5 w-[calc(100%-95px)] rounded-xl\">\n\t\t\t\t<p class=\"text-body-md text-dark truncate copy-text\">\n\t\t\t\t\thttps:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages\/513\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t<button\n\t\ttype=\"button\"\n\t\tclass=\"bg-grey-light px-3 py-5 rounded-xl flex items-center gap-1 hover:bg-light-cyan copy-button\"\n\t\tdata-copied-label=\"Copy\"\n\t\taria-label=\"Copy\"\n\t>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M15 1H4C2.9 1 2 1.9 2 3V16C2 16.55 2.45 17 3 17C3.55 17 4 16.55 4 16V4C4 3.45 4.45 3 5 3H15C15.55 3 16 2.55 16 2C16 1.45 15.55 1 15 1ZM15.59 5.59L20.42 10.42C20.79 10.79 21 11.3 21 11.83V21C21 22.1 20.1 23 19 23H7.99C6.89 23 6 22.1 6 21L6.01 7C6.01 5.9 6.9 5 8 5H14.17C14.7 5 15.21 5.21 15.59 5.59ZM15 12H19.5L14 6.5V11C14 11.55 14.45 12 15 12Z\" fill=\"#1A237E\"\/>\n\t\t<\/svg>\n\t\t<p class=\"text-body-md text-dark copy-button-label\">\n\t\t\tCopy\t\t<\/p>\n\t<\/button>\n\t\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"pb-8 last:pb-0 copy-text-container\">\n\t\t\t\t<h6 class=\"heading6 text-dark !font-normal pb-2\">\n\t\t\tShare link to test\t\t<\/h6>\n\t\t\t\t<div class=\"flex items-center gap-4\">\n\t\t\t<div class=\"bg-grey-light px-3 py-5 w-[calc(100%-95px)] rounded-xl\">\n\t\t\t\t<p class=\"text-body-md text-dark truncate copy-text\">\n\t\t\t\t\thttps:\/\/mbti-dev.visibleone.dev\/zh-hans\/\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t\t<button\n\t\ttype=\"button\"\n\t\tclass=\"bg-grey-light px-3 py-5 rounded-xl flex items-center gap-1 hover:bg-light-cyan copy-button\"\n\t\tdata-copied-label=\"Copy\"\n\t\taria-label=\"Copy\"\n\t>\n\t\t<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path d=\"M15 1H4C2.9 1 2 1.9 2 3V16C2 16.55 2.45 17 3 17C3.55 17 4 16.55 4 16V4C4 3.45 4.45 3 5 3H15C15.55 3 16 2.55 16 2C16 1.45 15.55 1 15 1ZM15.59 5.59L20.42 10.42C20.79 10.79 21 11.3 21 11.83V21C21 22.1 20.1 23 19 23H7.99C6.89 23 6 22.1 6 21L6.01 7C6.01 5.9 6.9 5 8 5H14.17C14.7 5 15.21 5.21 15.59 5.59ZM15 12H19.5L14 6.5V11C14 11.55 14.45 12 15 12Z\" fill=\"#1A237E\"\/>\n\t\t<\/svg>\n\t\t<p class=\"text-body-md text-dark copy-button-label\">\n\t\t\tCopy\t\t<\/p>\n\t<\/button>\n\t\t\t<\/div>\n\t<\/div>\n\t    <\/div>\n<\/div>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/js\/html2canvas.min.js\"><\/script>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/js\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/blocks\/uni-type\/download-pdf.js\"><\/script>\n<script>\ndocument.querySelector('[data-share-ig]')?.addEventListener('click', function (e) {\n    e.preventDefault();\n    var text = this.dataset.shareText || '';\n    if (navigator.share) {\n        navigator.share({ text: text, url: window.location.href });\n    } else {\n        window.open('https:\/\/www.instagram.com\/', '_blank', 'noopener,noreferrer');\n    }\n});\n<\/script>\n\n<section block-name=\"img-txt\" class=\"bg-ground-magenta py-10 md:py-20 lg:py-[100px]\" style=\"background-color: ;\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 items-center gap-10 lg:gap-20 3xl:gap-[160px] transition-all duration-500 ease-out img-txt-grid\">\n                <div class=\"img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/IMAGE-6.png\" alt=\"\" class=\"aspect-[680\/482] object-cover rounded-tr-[40px] rounded-bl-[40px] xl:rounded-tr-[80px] xl:rounded-bl-[80px] shadow-[12px_12px_0_#C874B4]\" \/>\n                <\/div>\n\n                <div>\n                    <h3 class=\"heading3 text-dark-magenta pb-1\">\n                        Your University Milestones                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>Important academic and personal milestones to guide your journey and help you stay on track throughout university life.<\/p>\n                        <\/p>\n                    <\/div>\n\n                    <div>\n                                                                        <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&#038;.active]:bg-primary-magenta [&#038;.active]:text-white [&#038;.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                    Undergraduate Research Opportunities Program                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                <!-- <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p> -->\n                                <p>\n                                    <p>Undergraduate Research Opportunities Program<\/p>\n                                <\/p>\n                                <br\/>\n                                                            <\/div>\n                        <\/div>\n                                                <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&#038;.active]:bg-primary-magenta [&#038;.active]:text-white [&#038;.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                    Overseas Research Program                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                <!-- <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p> -->\n                                <p>\n                                    <p>Overseas Research Program<\/p>\n                                <\/p>\n                                <br\/>\n                                                            <\/div>\n                        <\/div>\n                                                                        <!-- <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                            <button type=\"button\" class=\"w-full p-5 lg:px-8 border-l-[6px] border-primary-magenta bg-item-magenta flex items-center gap-10 hover:border-dark-magenta hover:bg-primary-magenta heading5 text-dark-magenta hover:text-white [&.active]:bg-primary-magenta [&.active]:text-white [&.active]:border-dark-magenta accordion-btn\">\n                                <p class=\"w-[calc(100%-30px)] text-left\">\n                                    Startup & Incubator Visits\n                                <\/p>\n\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                            <\/button>\n\n                            <div class=\"accordion-content transition-all duration-300 ease-out my-5 px-3 text-body-md text-dark [&_*]:text-body-md [&_*]:text-dark [&_ul]:pl-4 [&_ol]:pl-4 [&_ul]:list-disc [&_ol]:list-decimal [&_img]:aspect-[560\/356] [&_img]:object-cover [&_img]:mx-auto overflow-hidden\">\n                                <p>\n                                    The annual Spark Tank Competition ignites the entrepreneurial spirit across campus. Students from every department are encouraged to present their groundbreaking ideas to a panel of judges, including industry leaders, angel investors, and experienced founders. This is an unparalleled chance to receive invaluable advice, connect with potential backers, and secure initial capital to propel your venture forward.\n                                    <br\/><br\/>\n                                    The Challenge culminates in a Showcase Event where finalists display their prototypes and detailed business strategies. Previous victors have successfully obtained substantial funding, established thriving enterprises, and revolutionized their respective fields. Apply today and transform your concept into a tangible success!\n                                <\/p>\n                                <br\/>\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/question\/group.png\" alt=\"\" \/>\n                            <\/div>\n                        <\/div> -->\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- if background color change you can add inline style like this <section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: red;\"> -->\n<section block-name=\"img-txt-orange\" class=\"bg-ground-orange py-10 md:py-20 lg:py-[100px] img-txt-orange\">\n    <div class=\"container\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 items-center gap-10 lg:gap-20 3xl:gap-[160px] transition-all duration-500 ease-out img-txt-grid\">\n                <div>\n                    <h3 class=\"heading3 text-dark-orange pb-1\">\n                        Your Campus Habitat                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>The campus spaces and learning environments where your personality and strengths are most likely to thrive.<\/p>\n                        <\/p>\n                    <\/div>\n\n                    <div>\n                                                                            <div class=\"pb-5 last:pb-0 accordion-container transition-all duration-300 ease-out\">\n                                <button type=\"button\" class=\"js-pdf-accordion-btn w-full p-5 lg:px-8 border-l-[6px] border-web-orange bg-light-orange flex items-center gap-10 hover:border-dark-orange hover:bg-web-orange heading5 text-dark-orange hover:text-white [&#038;.active]:bg-web-orange [&#038;.active]:text-white [&#038;.active]:border-dark-orange accordion-btn\">\n                                    <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                                        Research Lab                                    <\/p>\n\n                                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/plus.svg\" alt=\"\" class=\"max-w-6 object-contain\" \/>\n                                <\/button>\n\n                                <div class=\"accordion-content transition-all duration-300 ease-out [&#038;.open]:my-5 px-3 text-body-md text-dark [&#038;_*]:text-body-md [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal [&#038;_img]:aspect-[560\/356] [&#038;_img]:object-cover [&#038;_img]:mx-auto overflow-hidden\">\n                                    <p>\n                                        <p>Research Lab<\/p>\n                                    <\/p>\n                                    <br\/>\n                                                                    <\/div>\n                            <\/div>\n                                                                    <\/div>\n                <\/div>\n\n                <div class=\"img-container\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/06\/Your-Campus-Habitat-Ready-to-use.png\" alt=\"\" class=\"aspect-[680\/482] object-cover rounded-tr-[40px] rounded-bl-[40px] xl:rounded-tr-[80px] xl:rounded-bl-[80px] shadow-[12px_12px_0_#FE8260]\" \/>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section block-name=\"chill-card\" class=\"container py-10 md:py-20 lg:py-[100px] img-txt-orange\" style=\"background-color: ;\">\n    <div class=\"container-md\">\n        <div class=\"text-center pb-10 lg:pb-[60px]\">\n            <h3 class=\"heading3 text-primary pb-3\">\n                Where to Chill &#038; Relax            <\/h3>\n            <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal\">\n                <p>\n                    <p>Based on your personality, These are your best places to chill and recharge on campus:<\/p>\n                <\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex flex-cols md:flex-row justify-center flex-wrap gap-5 4xl:gap-10 5xl:px-20\">\n                                                <div class=\"md:flex-[0_1_48%] md:max-w-[48%] lg:flex-[0_1_31%] lg:max-w-[31%] group\">\n                <div class=\"overflow-hidden mb-5 rounded-tr-[40px] rounded-bl-[40px]\">\n                    <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/uploads\/2026\/05\/Rectangle-19-7.png\" alt=\"\" class=\"aspect-[426\/271] object-cover group-hover:scale-[1.05] transition-all duration-300 ease-out\" \/>\n                <\/div>\n                <h6 class=\"heading6 text-primary text-center\">\n                    <p>Sea Front<\/p>\n                <\/h6>\n            <\/div>\n                                            <\/div>\n    <\/div>\n<\/section>\n\n<!-- if background color change you can add inline style like this <section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: red;\"> -->\n<section block-name=\"explore-study\" class=\"bg-ground-yellow\" style=\"background-color: ;\">\n    <div class=\"container py-10 md:py-20 lg:py-[100px]\">\n        <div class=\"container-md\">\n            <div class=\"grid lg:grid-cols-2 gap-10 lg:gap-20 2xl:gap-[120px]\">\n                <div>\n                    <h3 class=\"heading3 text-dark pb-1\">\n                        Explore your study options                    <\/h3>\n                    <div class=\"text-body-lg text-dark [&#038;_*]:text-body-lg [&#038;_*]:text-dark [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal\">\n                        <p>\n                            <p>Programs aligned with your personality and strengths, highlighting pathways where you are most likely to thrive.<\/p>\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div>\n                                                                                <a href=\"#\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Natural and Life Science                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                            <a href=\"#\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Engineering &#038; Technology                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                            <a href=\"#\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Data Science &#038; Artificial Intelligence                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                            <a href=\"#\" class=\"mb-5 last:mb-0 py-5 px-8 border-l-[6px] border-l-stroke-yellow bg-item-yellow flex items-center gap-10 hover:[border-image:linear-gradient(to_bottom,#1F5CFF,#00B5E2)_1] hover:bg-primary heading5 text-dark hover:text-white\">\n                        <p class=\"js-pdf-accordion-title w-[calc(100%-30px)] text-left\">\n                            Business and Management                        <\/p>\n                       \n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.87599 11.9993C0.87599 11.7009 0.994517 11.4148 1.2055 11.2038C1.41647 10.9928 1.70262 10.8743 2.00099 10.8743H11.286L7.20599 6.79428C7.00727 6.58102 6.89909 6.29895 6.90423 6.0075C6.90937 5.71605 7.02744 5.43797 7.23356 5.23185C7.43968 5.02573 7.71775 4.90766 8.00921 4.90252C8.30066 4.89738 8.58273 5.00556 8.79599 5.20428L14.796 11.2043C15.0067 11.4152 15.125 11.7012 15.125 11.9993C15.125 12.2974 15.0067 12.5833 14.796 12.7943L8.79599 18.7943C8.58273 18.993 8.30066 19.1012 8.00921 19.096C7.71775 19.0909 7.43968 18.9728 7.23356 18.7667C7.02744 18.5606 6.90937 18.2825 6.90423 17.9911C6.89909 17.6996 7.00727 17.4175 7.20599 17.2043L11.286 13.1243H2.00099C1.70262 13.1243 1.41647 13.0058 1.2055 12.7948C0.994517 12.5838 0.87599 12.2976 0.87599 11.9993Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/a>\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section block-name=\"next-step\" class=\"js-pdf-hidden py-10 md:py-20 lg:pt-[125px] lg:pb-[100px]\">\n    <div class=\"container\">\n        <div class=\"container-lg\">\n            <div class=\"5xl:px-[60px]\">\n                <div class=\"text-center lg:max-w-[900px] mx-auto\">\n                    <h3 class=\"heading3 text-primary pb-1\">\n                        Take the Next Step                    <\/h3>\n                    <div class=\"text-body-lg text-primary [&#038;_*]:text-body-lg [&#038;_*]:text-primary [&#038;_ul]:pl-4 [&#038;_ol]:pl-4 [&#038;_ul]:list-disc [&#038;_ol]:list-decimal pb-10\">\n                        <p>\n                            <p>Ready to move forward? Explore your matched programs and continue your application journey directly on the university\u2019s official website.<\/p>\n                        <\/p>\n                    <\/div>\n                    \n                    <a href=\"\" class=\"block sm:max-w-[591px] mx-auto w-full px-5 lg:px-8 py-3 rounded-xl bg-primary-yellow hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                        Apply Now                    <\/a>\n                    \n                    <div class=\"grid sm:grid-cols-2 lg:flex lg:flex-wrap lg:justify-center gap-5 pt-5\">\n                                                                                                                        <a href=\"\" class=\"block max-md:w-full px-5 3xl:whitespace-nowrap lg:px-11 py-3 rounded-xl border border-primary hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                            Visit Official Website                        <\/a>\n                                                                                                                        <a href=\"\" class=\"block max-md:w-full px-5 3xl:whitespace-nowrap lg:px-11 py-3 rounded-xl border border-primary hover:bg-primary text-primary hover:text-white text-body-md !font-bold\">\n                            View Programme Details                        <\/a>\n                                                                                            <\/div>\n\n                    <div class=\"pt-[60px]\">\n                        <p class=\"text-body-sm text-center text-primary !font-bold uppercase pb-3\">\n                                                    <\/p>\n                        <div class=\"flex items-center justify-center gap-3 social-links flex-wrap\">\n                            <a href=\"#\" onclick=\"downloadPDF()\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/download.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"#\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient share-link\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/link.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F513\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Facebook\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/fb.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"#\" data-share-ig data-share-text=\"Take the Next Step - Take the quiz: https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages\/513\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on Instagram\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/ig.svg\" alt=\"\">\n                            <\/a>\n\n                            <a href=\"https:\/\/twitter.com\/intent\/tweet?text=Take+the+Next+Step+-+Take+the+quiz%3A&#038;url=https%3A%2F%2Fmbti-dev.visibleone.dev%2Fzh-hans%2Fwp-json%2Fwp%2Fv2%2Fpages%2F513\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex items-center justify-center w-10 h-10 rounded-full border border-primary hover:border-transparent hover:bg-blue-cyan-gradient\" aria-label=\"Share on X (Twitter)\">\n                                <img decoding=\"async\" src=\"https:\/\/mbti-dev.visibleone.dev\/wp-content\/themes\/hkust-mbti\/public\/images\/uni-type\/twitter.svg\" alt=\"\">\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<script>\ndocument.querySelector('[data-share-ig]')?.addEventListener('click', function (e) {\n    e.preventDefault();\n    var text = this.dataset.shareText || '';\n    if (navigator.share) {\n        navigator.share({ text: text, url: window.location.href });\n    } else {\n        window.open('https:\/\/www.instagram.com\/', '_blank', 'noopener,noreferrer');\n    }\n});\n<\/script>","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,"inline_featured_image":false,"footnotes":""},"class_list":["post-513","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":0,"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/pages\/513\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbti-dev.visibleone.dev\/zh-hans\/wp-json\/wp\/v2\/media?parent=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}