{"id":2299,"date":"2026-02-06T09:28:44","date_gmt":"2026-02-06T01:28:44","guid":{"rendered":"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/"},"modified":"2026-03-11T15:56:52","modified_gmt":"2026-03-11T07:56:52","slug":"mssc-in-global-political-economy-mgpe","status":"publish","type":"page","link":"https:\/\/sgps.visibleone.dev\/sc\/mssc-in-global-political-economy-mgpe\/","title":{"rendered":"\u5168\u7403\u653f\u6cbb\u7ecf\u6d4e\u793e\u4f1a\u79d1\u5b66\u7855\u58eb\u8bfe\u7a0b(MGPE)"},"content":{"rendered":"\n<style>\n    .sidebar-wrapper ul,\n    .sidebar-wrapper li {\n        list-style: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    .sidebar-wrapper li::before,\n    .sidebar-wrapper li::after {\n        display: none !important;\n        content: none !important;\n    }\n\n    .sidebar-link.active {\n        background-color: #D1F0E9;\n        color: var(--wp--preset--color--primary, #005A54);\n    }\n\n    .sidebar-toggle.active-parent,\n    .sidebar-sub-toggle.active-parent {\n        background-color: var(--wp--preset--color--primary, #005A54);\n        color: white;\n    }\n\n    .sidebar-toggle img,\n    .sidebar-sub-toggle img {\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\n    }\n\n    .sidebar-toggle.active-parent>img,\n    .sidebar-sub-toggle.active-parent>img {\n        filter: brightness(0) invert(1);\n        transform: rotate(180deg);\n        opacity: 1;\n    }\n<\/style>\n\n<section  class=\"programme-container container py-[60px] md:py-[100px]\">\n    <div class=\"container-lg\">\n        <div class=\"flex flex-col md:flex-row gap-10 xl:gap-20\">\n\n            <div class=\"md:flex-[0_1_25%] md:max-w-[25%]\">\n                <div\n                    class=\"bg-[#F9F9F7] sidebar-wrapper sticky top-24 transition-all duration-300 rounded-sm overflow-hidden shadow-sm\">\n\n                    <div class=\"p-5 bg-grey border-b border-primary\">\n                        <h6 class=\"heading6 text-secondary font-bold leading-tight\">\n                            \u5168\u7403\u653f\u6cbb\u7ecf\u6d4e\u793e\u4f1a\u79d1\u5b66\u7855\u58eb\u8bfe\u7a0b(MGPE)                        <\/h6>\n                    <\/div>\n\n                                            <ul class=\"flex flex-col w-full\">\n                            \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/sc\/mssc-in-global-political-economy-mgpe\/why-mgpe\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">\u5173\u65bc MGPE<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/news\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">\u6700\u65b0\u6d88\u606f<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/eligibility\/\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-2\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">\u5165\u5b66\u8d44\u683c<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-2\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/eligibility\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u7533\u8bf7\u8005\u6240\u9700\u8d44\u683c                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/sc\/mssc-in-global-political-economy-mgpe\/how-to-apply\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u7533\u8bf7\u624b\u7eed                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/tuition-fee-and-scholarship\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u5b66\u8d39\u548c\u5956\u5b66\u91d1                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/curriculum\/\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-3\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">\u8bfe\u7a0b\u8bbe\u8ba1<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-3\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/sc\/mssc-in-global-political-economy-mgpe\/curriculum\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u8bfe\u7a0b\u6a21\u5f0f                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/concentration\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u4e13\u4fee\u8303\u56f4                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/programme-activities\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            \u8bfe\u7a0b\u6d3b\u52a8                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/faculty\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">\u8bfe\u7a0b\u7edf\u7b79<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-global-political-economy-mgpe\/faqs\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">\u5e38\u89c1\u95ee\u9898<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                                        <\/ul>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"md:flex-[0_1_75%] md:max-w-[75%]\">\n                <div class=\"acf-innerblocks-container\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const allToggles = document.querySelectorAll(\".sidebar-toggle, .sidebar-sub-toggle\");\n        const allLinks = document.querySelectorAll(\".sidebar-link\");\n        const tabContents = document.querySelectorAll(\".program-tab-content\");\n\n        function resetLinks() {\n            allLinks.forEach(l => {\n                l.classList.remove(\"active\", \"text-primary\");\n                l.classList.add(\"text-dark\");\n\n                const dot = l.querySelector(\".dot-indicator, span.rounded-full\");\n                if (dot) {\n                    dot.classList.remove(\"bg-primary\");\n                    if (l.closest('.sidebar-grand-menu')) {\n                        dot.classList.add(\"bg-transparent\", \"border\", \"border-dark\");\n                    } else {\n                        dot.classList.add(\"bg-dark\");\n                    }\n                }\n\n                if (l.parentElement.classList.contains('border-b')) {\n                    l.classList.remove(\"bg-primary\", \"text-white\");\n                }\n            });\n        }\n\n        function activateLink(linkElement) {\n            resetLinks();\n            linkElement.classList.add(\"active\");\n            linkElement.classList.remove(\"text-dark\");\n\n            const dot = linkElement.querySelector(\".dot-indicator, span.rounded-full\");\n            if (dot) {\n                dot.classList.remove(\"bg-dark\", \"bg-transparent\", \"border\", \"border-dark\");\n                dot.classList.add(\"bg-primary\");\n            }\n\n            if (linkElement.parentElement.classList.contains('border-b')) {\n                linkElement.classList.add(\"bg-primary\", \"text-white\");\n            }\n        }\n\n        function openAccordion(btn) {\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            const parentUl = btn.closest('ul');\n            if (parentUl) {\n                const siblingButtons = Array.from(parentUl.children).map(li => li.querySelector('button')).filter(b => b && b !== btn);\n                siblingButtons.forEach(otherBtn => {\n                    closeAccordion(otherBtn);\n                });\n            }\n\n            btn.classList.add(\"active-parent\", \"text-white\");\n            btn.classList.remove(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-dark', 'bg-white'); }\n\n            btn.setAttribute(\"aria-expanded\", \"true\");\n            menu.classList.remove(\"hidden\");\n        }\n\n        function closeAccordion(btn) {\n            if (!btn) return;\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            btn.classList.remove(\"active-parent\", \"text-white\");\n            btn.classList.add(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-white', 'bg-dark'); }\n\n            btn.setAttribute(\"aria-expanded\", \"false\");\n            menu.classList.add(\"hidden\");\n        }\n\n        function switchTab(targetId) {\n            if (!targetId || targetId === '#' || !targetId.startsWith('#')) return;\n\n            tabContents.forEach(content => content.classList.add('hidden'));\n\n            try {\n                const targetContent = document.querySelector(targetId);\n                if (targetContent) {\n                    targetContent.classList.remove('hidden');\n\n                    allLinks.forEach(l => {\n                        if (l.getAttribute('href') === targetId) {\n                            activateLink(l);\n\n                            let parent = l.parentElement;\n                            while (parent) {\n                                if (parent.classList.contains('sidebar-sub-menu') || parent.classList.contains('sidebar-grand-menu')) {\n                                    const toggleBtn = parent.previousElementSibling;\n                                    if (toggleBtn && (toggleBtn.classList.contains('sidebar-toggle') || toggleBtn.classList.contains('sidebar-sub-toggle'))) {\n                                        toggleBtn.classList.add(\"active-parent\", \"text-white\");\n                                        toggleBtn.classList.remove(\"text-dark\");\n                                        const dot = toggleBtn.querySelector('.dot-indicator');\n                                        if (dot) dot.classList.replace('bg-dark', 'bg-white');\n                                        toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n                                        parent.classList.remove(\"hidden\");\n                                    }\n                                }\n                                parent = parent.parentElement;\n                                if (parent.classList.contains('sidebar-wrapper')) break;\n                            }\n                        }\n                    });\n                }\n            } catch (e) { console.error(\"Tab switch error:\", e); }\n        }\n\n        allToggles.forEach((btn) => {\n            btn.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"data-href\");\n                const isAnchor = href && href.startsWith(\"#\");\n                const menu = this.nextElementSibling;\n\n                if (menu) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const isOpen = this.getAttribute(\"aria-expanded\") === \"true\";\n\n                    if (isOpen) {\n                        closeAccordion(this);\n                    } else {\n                        openAccordion(this);\n                        if (isAnchor) switchTab(href);\n                    }\n                }\n                else if (isAnchor) {\n                    e.preventDefault();\n                    switchTab(href);\n                    allToggles.forEach(b => {\n                        b.classList.remove(\"active-parent\", \"text-white\");\n                        const d = b.querySelector('.dot-indicator');\n                        if (d) d.classList.replace('bg-white', 'bg-dark');\n                    });\n                    this.classList.add(\"active-parent\", \"text-white\");\n                }\n            });\n        });\n\n        allLinks.forEach((link) => {\n            link.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"href\");\n                if (href && href.startsWith(\"#\")) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    switchTab(href);\n                    history.pushState(null, null, href);\n                }\n            });\n        });\n\n        const hash = window.location.hash;\n        if (hash && hash !== '#') {\n            switchTab(hash);\n        } else {\n            const hasActivePHP = document.querySelector('.sidebar-link.active') || document.querySelector('.sidebar-toggle.active-parent');\n            if (!hasActivePHP && tabContents.length > 0) {\n                const firstAnchorLink = Array.from(allLinks).find(l => l.getAttribute('href') && l.getAttribute('href').startsWith('#'));\n                if (firstAnchorLink) {\n                    firstAnchorLink.click();\n                }\n            }\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,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2299","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/comments?post=2299"}],"version-history":[{"count":5,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2299\/revisions"}],"predecessor-version":[{"id":3235,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2299\/revisions\/3235"}],"wp:attachment":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/media?parent=2299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}