{"id":3898,"date":"2025-07-21T15:13:34","date_gmt":"2025-07-21T07:13:34","guid":{"rendered":"https:\/\/international.hartamas.com\/ch\/?p=3898"},"modified":"2025-07-21T15:15:05","modified_gmt":"2025-07-21T07:15:05","slug":"living-in-malaysia-a-decision-making-guide-for-taiwanese","status":"publish","type":"post","link":"https:\/\/international.hartamas.com\/ch\/living-in-malaysia-a-decision-making-guide-for-taiwanese\/","title":{"rendered":"\u65c5\u5c45\u99ac\u4f86\u897f\u4e9e\uff1a\u53f0\u7063\u4eba\u6c7a\u7b56\u6307\u5357"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u65c5\u5c45\u99ac\u4f86\u897f\u4e9e\uff1a\u53f0\u7063\u4eba\u71b1\u9580\u5c45\u4f4f\u5730\u5340\u8cc7\u8a0a\u5716<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n <!-- \r\n Palette Name: Brilliant Blues\r\n HEX Codes: #0A2463, #3E92CC, #D8315B, #F4F4F9, #FFFFFF\r\n\r\n Narrative Plan:\r\n 1. Hero & TL;DR: Immediately present the key takeaways with high-impact cards.\r\n 2. Why Malaysia?: Visualize core metrics like housing affordability with a bar chart.\r\n 3. City Deep Dives: Use a grid layout to compare KL, Penang, and JB.\r\n - KL: Use a radar chart to compare Mont Kiara vs. Desa ParkCity lifestyles.\r\n - Penang: Use a horizontal bar chart to highlight the \"slow living\" pros.\r\n - JB: Use a grouped bar chart to showcase its \"education investment\" strengths.\r\n 4. Decision Path: Implement the strategic advice as a visual flowchart using HTML\/CSS.\r\n 5. FAQ Section: Address common questions about visas, healthcare, etc.\r\n 6. Final Comparison: Style the summary table for easy reading.\r\n\r\n Visualization Plan:\r\n 1. Data: Housing Affordability -> Goal: Compare -> Viz: Bar Chart (Chart.js\/Canvas) -> Justification: Direct comparison of two key data points. (NO SVG).\r\n 2. Data: KL Neighborhood Lifestyles -> Goal: Compare Multivariate -> Viz: Radar Chart (Chart.js\/Canvas) -> Justification: Compares multiple variables for two distinct communities. (NO SVG).\r\n 3. Data: Penang Lifestyle Factors -> Goal: Compare -> Viz: Horizontal Bar Chart (Chart.js\/Canvas) -> Justification: Ranks the pros of living in Penang. (NO SVG).\r\n 4. Data: JB Education Strengths -> Goal: Compare -> Viz: Grouped Bar Chart (Chart.js\/Canvas) -> Justification: Compares multiple metrics across different schools\/concepts. (NO SVG).\r\n 5. Data: Decision Process -> Goal: Organize Process -> Viz: Flow Chart (HTML\/CSS) -> Justification: Creates a clear, visual decision path for the user. (NO SVG, NO MERMAID JS).\r\n \r\n Confirmation: NEITHER Mermaid JS NOR SVG were used in this file. All visualizations are rendered using Chart.js on Canvas or structured with standard HTML and Tailwind CSS.\r\n -->\r\n <style>\r\n body {\r\n font-family: 'Noto Sans TC', sans-serif;\r\n \r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 300px;\r\n max-height: 400px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 350px;\r\n }\r\n }\r\n .flowchart-node {\r\n border: 2px solid #3E92CC;\r\n background-color: #ffffff;\r\n color: #0A2463;\r\n padding: 1rem;\r\n border-radius: 0.5rem;\r\n text-align: center;\r\n min-width: 200px;\r\n box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1);\r\n transition: transform 0.2s;\r\n }\r\n .flowchart-node:hover {\r\n transform: translateY(-5px);\r\n }\r\n .flowchart-connector {\r\n position: relative;\r\n width: 2px;\r\n background-color: #3E92CC;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .flowchart-connector::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 8px solid transparent;\r\n border-right: 8px solid transparent;\r\n border-top: 8px solid #3E92CC;\r\n }\r\n img {display:inline-block;}\r\n .page-title{display:none;}\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-gray-800\">\r\n <div class=\"container mx-auto p-4 sm:p-6 lg:p-8 max-w-7xl\" style=\"background-color: #F4F4F9;\">\r\n\r\n <header class=\"text-center\">\r\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#0A2463]\">\u65c5\u5c45\u99ac\u4f86\u897f\u4e9e\uff1a\u53f0\u7063\u4eba\u6c7a\u7b56\u6307\u5357<\/h1>\r\n <p class=\"text-xl md:text-2xl mt-4 text-[#3E92CC] font-semibold\">\u4e09\u5927\u71b1\u9580\u5730\u5340\u6df1\u5ea6\u89e3\u6790\u8cc7\u8a0a\u5716<\/p>\r\n <\/header>\r\n\r\n <main class=\"space-y-16\">\r\n\r\n <section id=\"tldr\">\r\n <h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-8\">\u6c7a\u7b56\u61f6\u4eba\u5305<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n <div class=\"bg-white rounded-lg shadow-lg p-6 border-t-4 border-[#0A2463]\">\r\n <h3 class=\"text-xl font-bold text-[#0A2463] mb-3\">\u8ffd\u6c42\u4e8b\u696d & \u90fd\u5e02\u7e41\u83ef<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\u9700\u8981\u53f0\u7063\u5b78\u5236\u3001\u6700\u591a\u5de5\u4f5c\u6a5f\u6703\u3001\u6700\u5feb\u7684\u751f\u6d3b\u6b65\u8abf\uff1f<\/p>\r\n <div class=\"text-2xl font-bold text-right text-[#D8315B]\">\u2192 \u5409\u9686\u5761 (KL)<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-lg p-6 border-t-4 border-[#3E92CC]\">\r\n <h3 class=\"text-xl font-bold text-[#3E92CC] mb-3\">\u56ae\u5f80\u6162\u6d3b & \u6587\u5316\u5e73\u8861<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\u91cd\u8996\u751f\u6d3b\u54c1\u8cea\u3001\u6587\u5316\u5e95\u860a\u3001\u5c0b\u6c42\u6559\u80b2\u8207\u6210\u9577\u7684\u5e73\u8861\uff1f<\/p>\r\n <div class=\"text-2xl font-bold text-right text-[#D8315B]\">\u2192 \u6ab3\u57ce (Penang)<\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-lg p-6 border-t-4 border-[#D8315B]\">\r\n <h3 class=\"text-xl font-bold text-[#D8315B] mb-3\">\u9802\u7d1a\u6559\u80b2 & \u8de8\u5883\u9700\u6c42<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\u4ee5\u570b\u969b\u6559\u80b2\u70ba\u9996\u8981\u6295\u8cc7\uff0c\u6216\u9700\u983b\u7e41\u5f80\u8fd4\u65b0\u52a0\u5761\uff1f<\/p>\r\n <div class=\"text-2xl font-bold text-right text-[#D8315B]\">\u2192 \u65b0\u5c71 (JB)<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"why-malaysia\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\">\r\n <h2 class=\"text-3xl font-bold text-[#0A2463] mb-4\">\u6838\u5fc3\u512a\u52e2\uff1a\u70ba\u4f55\u9078\u64c7\u99ac\u4f86\u897f\u4e9e\uff1f<\/h2>\r\n <p class=\"text-gray-600 mb-6\">\r\n \u99ac\u4f86\u897f\u4e9e\u5c0d\u53f0\u7063\u4eba\u800c\u8a00\uff0c\u4e0d\u50c5\u662f\u5730\u7406\u4e0a\u7684\u9130\u8fd1\uff0c\u66f4\u5728\u751f\u6d3b\u6210\u672c\u3001\u6559\u80b2\u9078\u64c7\u548c\u793e\u7fa4\u652f\u6301\u4e0a\u5c55\u73fe\u51fa\u5de8\u5927\u5438\u5f15\u529b\u3002\u7279\u5225\u662f\u5728\u4f4f\u623f\u8ca0\u64d4\u65b9\u9762\uff0c\u512a\u52e2\u6975\u70ba\u986f\u8457\u3002\r\n <\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex items-start\">\r\n <span class=\"text-2xl text-[#3E92CC] mr-4\">\ud83c\udf93<\/span>\r\n <div><strong class=\"text-[#0A2463]\">\u96d9\u8ecc\u6559\u80b2\uff1a<\/strong>\u53ef\u9078\u53f0\u7063\u5b78\u5236\u6216\u570b\u969b\u5b78\u6821\u3002<\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-2xl text-[#3E92CC] mr-4\">\ud83e\udd1d<\/span>\r\n <div><strong class=\"text-[#0A2463]\">\u5f37\u5927\u793e\u7fa4\uff1a<\/strong>\u53f0\u7063\u5546\u6703\u63d0\u4f9b\u5c31\u5b78\u512a\u60e0\u8207\u652f\u6301\u3002<\/div>\r\n <\/div>\r\n <div class=\"flex items-start\">\r\n <span class=\"text-2xl text-[#3E92CC] mr-4\">\ud83c\udf5c<\/span>\r\n <div><strong class=\"text-[#0A2463]\">\u6587\u5316\u89aa\u8fd1\uff1a<\/strong>\u719f\u6089\u7684\u98f2\u98df\u8207\u8a9e\u8a00\u74b0\u5883\u3002<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\">\r\n <h3 class=\"text-xl font-bold text-center text-[#0A2463] mb-4\">\u4f4f\u623f\u8ca0\u64d4\u80fd\u529b\u6bd4\u8f03 (\u623f\u50f9\u6536\u5165\u6bd4)<\/h3>\r\n <div class=\"chart-container h-64\">\r\n <canvas id=\"affordabilityChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-xs text-center text-gray-500 mt-2\">\u8cc7\u6599\u4f86\u6e90\uff1a2024\u5168\u7403\u6578\u64da\u3002\u6578\u5b57\u8d8a\u4f4e\u4ee3\u8868\u8cfc\u623f\u8ca0\u64d4\u8d8a\u8f15\u3002<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"kl-deep-dive\">\r\n <h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-2\">\u9996\u90fd\u5708\u6df1\u5ea6\u5256\u6790\uff1a\u5409\u9686\u5761<\/h2>\r\n <p class=\"text-center text-gray-600 mb-8\">\u4fbf\u5229\u6a1e\u7d10 vs. \u793e\u7fa4\u6e2f\u7063<\/p>\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\">\r\n <h3 class=\"text-2xl font-bold text-[#0A2463] mb-4\">\u751f\u6d3b\u65b9\u5f0f\u96f7\u9054\u5716<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\r\n \u5409\u9686\u5761\u7684\u5169\u5927\u71b1\u9580\u793e\u5340\u2014\u2014\u6eff\u5bb6\u6a02 (Mont Kiara) \u548c\u5e1d\u6c99\u57ce\u5e02\u516c\u5712 (Desa ParkCity)\u2014\u2014\u63d0\u4f9b\u4e86\u622a\u7136\u4e0d\u540c\u7684\u751f\u6d3b\u9ad4\u9a57\u3002\u6b64\u5716\u76f4\u89c0\u6bd4\u8f03\u4e86\u5169\u8005\u5728\u4e94\u500b\u95dc\u9375\u7dad\u5ea6\u4e0a\u7684\u5dee\u7570\u3002\r\n <\/p>\r\n <div class=\"chart-container\">\r\n <canvas id=\"klRadarChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\">\r\n <h3 class=\"text-2xl font-bold text-[#0A2463] mb-4\">\u793e\u5340\u7279\u9ede<\/h3>\r\n <div class=\"space-y-6\">\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#3E92CC]\">\u6eff\u5bb6\u6a02 (Mont Kiara)<\/h4>\r\n <p class=\"text-gray-600\">\u570b\u969b\u5316\u7684\u300c\u4fbf\u5229\u6a1e\u7d10\u300d\uff0c\u70ba\u5feb\u7bc0\u594f\u7684\u5c08\u696d\u4eba\u58eb\u6253\u9020\u3002\u6b65\u884c\u53ef\u9054\u6240\u6709\u8a2d\u65bd\uff0c\u9802\u7d1a\u570b\u969b\u5b78\u6821\u96c6\u4e2d\uff0c\u662f\u5b8c\u7f8e\u7684\u300c\u8edf\u8457\u9678\u300d\u5730\u9ede\u3002<\/p>\r\n <p class=\"text-sm mt-2\"><strong class=\"text-[#D8315B]\">\u7f3a\u9ede\uff1a<\/strong>\u6210\u672c\u9ad8\uff0c\u4ea4\u901a\u64c1\u5835\u3002<\/p>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-lg text-[#3E92CC]\">\u5e1d\u6c99\u57ce\u5e02\u516c\u5712 (Desa ParkCity)<\/h4>\r\n <p class=\"text-gray-600\">\u7da0\u610f\u76ce\u7136\u7684\u300c\u793e\u7fa4\u6e2f\u7063\u300d\uff0c\u5c08\u70ba\u5bb6\u5ead\u9577\u671f\u5b9a\u5c45\u8a2d\u8a08\u3002\u74b0\u5883\u512a\u7f8e\uff0c\u5bf5\u7269\u53cb\u5584\uff0c\u793e\u7fa4\u51dd\u805a\u529b\u5f37\uff0c\u5b89\u5168\u6027\u6975\u9ad8\u3002<\/p>\r\n <p class=\"text-sm mt-2\"><strong class=\"text-[#D8315B]\">\u7f3a\u9ede\uff1a<\/strong>\u9060\u96e2\u5e02\u4e2d\u5fc3\uff0c\u9ad8\u5ea6\u4f9d\u8cf4\u6c7d\u8eca\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"penang-deep-dive\">\r\n\t\t\t\t<h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-2\">\u5317\u65b9\u660e\u73e0\uff1a\u6ab3\u57ce<\/h2>\r\n <p class=\"text-center text-gray-600 mb-8\">\u6587\u5316\u8edf\u8457\u9678\u8207\u6162\u6d3b\u5929\u5802<\/p>\r\n\t\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8 order-2 lg:order-1\">\r\n <h3 class=\"text-2xl font-bold text-[#0A2463] mb-4\">\u6ab3\u57ce\u751f\u6d3b\u5438\u5f15\u529b<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\r\n \u6ab3\u57ce\u4ee5\u5176\u60a0\u9592\u7684\u751f\u6d3b\u6b65\u8abf\u548c\u6df1\u539a\u7684\u6587\u5316\u5e95\u860a\u8457\u7a31\u3002\u5c0d\u65bc\u5c0b\u6c42\u5de5\u4f5c\u8207\u751f\u6d3b\u5e73\u8861\u7684\u5bb6\u5ead\uff0c\u9019\u4e9b\u56e0\u7d20\u81f3\u95dc\u91cd\u8981\u3002\r\n <\/p>\r\n <div class=\"chart-container h-80\">\r\n <canvas id=\"penangFactorsChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8 order-1 lg:order-2\"> \r\n <p class=\"text-gray-600 mb-4\">\r\n \u6ab3\u57ce\u63d0\u4f9b\u4e86\u4e00\u7a2e\u8207\u5409\u9686\u5761\u622a\u7136\u4e0d\u540c\u7684\u751f\u6d3b\u54f2\u5b78\u3002\u5176\u6700\u5927\u7684\u512a\u52e2\u5728\u65bc\u300c\u6587\u5316\u8edf\u8457\u9678\u300d\u2014\u2014\u7576\u5730\u901a\u884c\u7684\u798f\u5efa\u8a71\uff08\u8207\u53f0\u8a9e\u76f8\u4f3c\uff09\u8b93\u53f0\u7063\u4eba\u5099\u611f\u89aa\u5207\uff0c\u80fd\u5feb\u901f\u878d\u5165\u7576\u5730\u793e\u6703\u3002\r\n <\/p>\r\n <div class=\"p-4 bg-blue-50 border border-blue-200 rounded-lg\">\r\n <p class=\"font-bold text-[#0A2463]\">\u6838\u5fc3\u512a\u52e2\uff1a<\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 mt-2\">\r\n <li>\u751f\u6d3b\u6210\u672c\u76f8\u5c0d\u8f03\u4f4e<\/li>\r\n <li>\u512a\u8cea\u570b\u969b\u5b78\u6821\u9078\u64c7\u591a<\/li>\r\n <li>\u81ea\u7136\u74b0\u5883\u512a\u7f8e\uff08\u6d77\u7058\u8207\u5c71\u6797\uff09<\/li>\r\n <li>\u8a9e\u8a00\u6587\u5316\u89aa\u8fd1\uff0c\u6613\u65bc\u878d\u5165<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\r\n <\/section>\r\n \r\n <section id=\"jb-deep-dive\">\r\n\t\t\t\t<h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-2\">\u5357\u65b9\u9580\u6236\uff1a\u65b0\u5c71<\/h2>\r\n <p class=\"text-center text-gray-600 mb-8\">\u6e05\u6670\u7684\u6230\u7565\u6027\u300c\u6559\u80b2\u6295\u8cc7\u300d<\/p>\r\n\t\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\"> \r\n <p class=\"text-gray-600 mb-4\">\r\n \u5bb6\u5ead\u9078\u64c7\u65b0\u5c71-\u4f9d\u65af\u5e72\u9054\u516c\u4e3b\u57ce\uff0c\u5f80\u5f80\u662f\u51fa\u65bc\u4e00\u9805\u6e05\u6670\u7684\u6559\u80b2\u6295\u8cc7\u3002\u9019\u88e1\u532f\u805a\u4e86\u6821\u5712\u5ee3\u95ca\u3001\u8a2d\u65bd\u4e00\u6d41\u7684\u4e16\u754c\u7d1a\u570b\u969b\u540d\u6821\uff0c\u70ba\u5b50\u5973\u63d0\u4f9b\u7121\u53ef\u6bd4\u64ec\u7684\u6210\u9577\u74b0\u5883\u3002\r\n <\/p>\r\n <div class=\"p-4 bg-red-50 border border-red-200 rounded-lg\">\r\n <p class=\"font-bold text-[#0A2463]\">\u6838\u5fc3\u512a\u52e2\uff1a<\/p>\r\n <ul class=\"list-disc list-inside text-gray-700 mt-2\">\r\n <li>\u4e16\u754c\u7d1a\u6559\u80b2\u8cc7\u6e90\uff0c\u6821\u5712\u5ee3\u95ca<\/li>\r\n <li>\u623f\u50f9\u6027\u50f9\u6bd4\u9ad8\uff0c\u5c45\u4f4f\u7a7a\u9593\u5927<\/li>\r\n <li>\u5bb6\u5ead\u53cb\u5584\uff0c\u5a1b\u6a02\u8a2d\u65bd\u8c50\u5bcc<\/li>\r\n <li>\u6bd7\u9130\u65b0\u52a0\u5761\uff0c\u5177\u5099\u8de8\u5883\u512a\u52e2<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6 md:p-8\">\r\n <h3 class=\"text-2xl font-bold text-[#0A2463] mb-4\">\u9802\u7d1a\u570b\u969b\u6559\u80b2\u6bd4\u8f03<\/h3>\r\n <p class=\"text-gray-600 mb-4\">\r\n \u4f9d\u65af\u5e72\u9054\u516c\u4e3b\u57ce\u7684\u570b\u969b\u5b78\u6821\u4ee5\u5176\u300c\u838a\u5712\u5f0f\u300d\u7684\u6821\u5712\u9ad4\u9a57\u8457\u7a31\uff0c\u8207\u90fd\u5e02\u578b\u5b78\u6821\u5f62\u6210\u9bae\u660e\u5c0d\u6bd4\u3002\r\n <\/p>\r\n <div class=\"chart-container h-80\">\r\n <canvas id=\"jbEducationChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n\t\t\t\t<\/div>\r\n <\/section>\r\n\r\n <section id=\"decision-flowchart\">\r\n <h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-8\">\u60a8\u7684\u79fb\u5c45\u6c7a\u7b56\u8def\u5f91<\/h2>\r\n <div class=\"flex flex-col items-center space-y-0\">\r\n <div class=\"flowchart-node\">\r\n <p class=\"font-bold\">\u60a8\u7684\u9996\u8981\u76ee\u6a19\u662f\u4ec0\u9ebc\uff1f<\/p>\r\n <\/div>\r\n <div class=\"flowchart-connector h-12\"><\/div>\r\n <div class=\"flex flex-col md:flex-row gap-8 md:gap-16\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"flowchart-node bg-[#0A2463] text-white\">\r\n <p class=\"font-bold\">\u4e8b\u696d\u767c\u5c55 \/ \u53f0\u7063\u5b78\u5236<\/p>\r\n <\/div>\r\n <div class=\"flowchart-connector h-8\"><\/div>\r\n <div class=\"flowchart-node bg-[#D8315B] text-white\"><p>\u2192 \u5409\u9686\u5761 (KL)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"flowchart-node bg-[#0A2463] text-white\">\r\n <p class=\"font-bold\">\u751f\u6d3b\u54c1\u8cea \/ \u6587\u5316\u878d\u5165<\/p>\r\n <\/div>\r\n <div class=\"flowchart-connector h-8\"><\/div>\r\n <div class=\"flowchart-node bg-[#D8315B] text-white\"><p>\u2192 \u6ab3\u57ce (Penang)<\/p><\/div>\r\n <\/div>\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"flowchart-node bg-[#0A2463] text-white\">\r\n <p class=\"font-bold\">\u6559\u80b2\u6295\u8cc7 \/ \u8de8\u5883\u9700\u6c42<\/p>\r\n <\/div>\r\n <div class=\"flowchart-connector h-8\"><\/div>\r\n <div class=\"flowchart-node bg-[#D8315B] text-white\"><p>\u2192 \u65b0\u5c71 (JB)<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"faq\">\r\n <h2 class=\"text-3xl font-bold text-center text-[#0A2463] mb-8\">\u5e38\u898b\u554f\u984c (FAQ)<\/h2>\r\n <div class=\"max-w-4xl mx-auto space-y-6\">\r\n <div class=\"bg-white rounded-lg shadow-md p-6\">\r\n <h4 class=\"font-bold text-lg text-[#0A2463] mb-2\">Q: \u4ec0\u9ebc\u662f\u300c\u99ac\u4f86\u897f\u4e9e\u7b2c\u4e8c\u5bb6\u5712\u8a08\u5283\u300d(MM2H)\uff1f<\/h4>\r\n <p class=\"text-gray-700\">A: MM2H \u662f\u4e00\u9805\u7531\u99ac\u4f86\u897f\u4e9e\u653f\u5e9c\u63a8\u51fa\u7684\u9577\u671f\u5c45\u7559\u8a08\u5283\uff0c\u65e8\u5728\u5438\u5f15\u7b26\u5408\u7279\u5b9a\u689d\u4ef6\u7684\u5916\u7c4d\u4eba\u58eb\u524d\u4f86\u65c5\u5c45\u3002\u6210\u529f\u7533\u8acb\u8005\u53ef\u7372\u5f97\u70ba\u671f\u591a\u5e74\u7684\u591a\u6b21\u5165\u5883\u793e\u4ea4\u7c3d\u8b49\uff0c\u5141\u8a31\u4ed6\u5011\u5728\u99ac\u4f86\u897f\u4e9e\u9577\u671f\u5c45\u4f4f\u3002\u8a72\u8a08\u5283\u7684\u689d\u4ef6\u548c\u512a\u60e0\u653f\u7b56\u6703\u5b9a\u671f\u66f4\u65b0\uff0c\u5efa\u8b70\u67e5\u8a62\u5b98\u65b9\u6700\u65b0\u8cc7\u8a0a\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6\">\r\n <h4 class=\"font-bold text-lg text-[#0A2463] mb-2\">Q: \u99ac\u4f86\u897f\u4e9e\u7684\u91ab\u7642\u6c34\u5e73\u5982\u4f55\uff1f<\/h4>\r\n <p class=\"text-gray-700\">A: \u99ac\u4f86\u897f\u4e9e\u7684\u79c1\u7acb\u91ab\u7642\u9ad4\u7cfb\u5177\u6709\u570b\u969b\u6c34\u6e96\uff0c\u5c24\u5176\u5728\u5409\u9686\u5761\u3001\u6ab3\u57ce\u7b49\u5927\u57ce\u5e02\uff0c\u64c1\u6709\u8a2d\u5099\u5148\u9032\u3001\u91ab\u8b77\u4eba\u54e1\u5c08\u696d\u7684\u79c1\u7acb\u91ab\u9662\u3002\u8a31\u591a\u91ab\u751f\u90fd\u80fd\u8aaa\u6d41\u5229\u7684\u82f1\u8a9e\u6216\u83ef\u8a9e\u3002\u91ab\u7642\u6210\u672c\u76f8\u8f03\u65bc\u8a31\u591a\u897f\u65b9\u570b\u5bb6\u66f4\u5177\u7af6\u722d\u529b\uff0c\u56e0\u6b64\u91ab\u7642\u65c5\u904a\u4e5f\u76f8\u7576\u76db\u884c\u3002\u5efa\u8b70\u5916\u7c4d\u5c45\u6c11\u8cfc\u8cb7\u5168\u9762\u7684\u79c1\u4eba\u91ab\u7642\u4fdd\u96aa\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6\">\r\n <h4 class=\"font-bold text-lg text-[#0A2463] mb-2\">Q: \u5916\u570b\u4eba\u53ef\u4ee5\u5728\u99ac\u4f86\u897f\u4e9e\u958b\u9280\u884c\u6236\u53e3\u55ce\uff1f<\/h4>\r\n <p class=\"text-gray-700\">A: \u53ef\u4ee5\u3002\u6301\u6709\u6709\u6548\u9577\u671f\u7c3d\u8b49\uff08\u5982\u5de5\u4f5c\u7c3d\u8b49\u3001MM2H\u7c3d\u8b49\uff09\u7684\u5916\u570b\u4eba\uff0c\u6191\u85c9\u8b77\u7167\u3001\u7c3d\u8b49\u6587\u4ef6\u548c\u5730\u5740\u8b49\u660e\uff0c\u901a\u5e38\u53ef\u4ee5\u9806\u5229\u5728\u99ac\u4f86\u897f\u4e9e\u7684\u5404\u5927\u9280\u884c\u958b\u8a2d\u5132\u84c4\u5e33\u6236\u3002\u5177\u9ad4\u6240\u9700\u6587\u4ef6\u53ef\u80fd\u56e0\u9280\u884c\u800c\u7570\uff0c\u5efa\u8b70\u76f4\u63a5\u5411\u9280\u884c\u67e5\u8a62\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-lg shadow-md p-6\">\r\n <h4 class=\"font-bold text-lg text-[#0A2463] mb-2\">Q: \u5728\u99ac\u4f86\u897f\u4e9e\u958b\u8eca\u65b9\u4fbf\u55ce\uff1f\u9700\u8981\u63db\u99d5\u7167\u55ce\uff1f<\/h4>\r\n <p class=\"text-gray-700\">A: \u53f0\u7063\u99d5\u8eca\u4eba\u58eb\u521d\u671f\u53ef\u4f7f\u7528\u570b\u969b\u99d5\u99db\u57f7\u7167 (IDP) \u5728\u99ac\u4f86\u897f\u4e9e\u99d5\u8eca\u3002\u82e5\u8a08\u5283\u9577\u671f\u5c45\u4f4f\uff0c\u53ef\u5411\u99ac\u4f86\u897f\u4e9e\u4ea4\u901a\u5c40 (JPJ) \u7533\u8acb\u5c07\u53f0\u7063\u99d5\u7167\u8f49\u63db\u70ba\u99ac\u4f86\u897f\u4e9e\u99d5\u7167\u3002\u8acb\u6ce8\u610f\uff0c\u99ac\u4f86\u897f\u4e9e\u662f\u53f3\u99d5\u570b\u5bb6\uff0c\u9053\u8def\u884c\u99db\u65b9\u5411\u8207\u53f0\u7063\u76f8\u53cd\uff0c\u9700\u8981\u6642\u9593\u9069\u61c9\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n <\/div>\r\n\r\n <script>\r\n const tooltipTitleCallback = {\r\n plugins: {\r\n tooltip: {\r\n callbacks: {\r\n title: function(tooltipItems) {\r\n const item = tooltipItems[0];\r\n let label = item.chart.data.labels[item.dataIndex];\r\n if (Array.isArray(label)) {\r\n return label.join(' ');\r\n }\r\n return label;\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n const processLabels = (labels) => {\r\n return labels.map(label => {\r\n if (typeof label === 'string' && label.length > 16) {\r\n let words = label.split(' ');\r\n let newLabel = [];\r\n let line = '';\r\n words.forEach(word => {\r\n if ((line + word).length > 16) {\r\n newLabel.push(line.trim());\r\n line = '';\r\n }\r\n line += word + ' ';\r\n });\r\n newLabel.push(line.trim());\r\n return newLabel;\r\n }\r\n return label;\r\n });\r\n };\r\n\r\n new Chart(document.getElementById('affordabilityChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['\u99ac\u4f86\u897f\u4e9e', '\u53f0\u7063'],\r\n datasets: [{\r\n label: '\u623f\u50f9\u6536\u5165\u6bd4 (\u500d)',\r\n data: [8.55, 19.47],\r\n backgroundColor: ['#3E92CC', '#D8315B'],\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n ...tooltipTitleCallback.plugins\r\n },\r\n scales: { y: { beginAtZero: true } }\r\n }\r\n });\r\n\r\n new Chart(document.getElementById('klRadarChart'), {\r\n type: 'radar',\r\n data: {\r\n labels: ['\u5bb6\u5ead\u53cb\u5584', '\u751f\u6d3b\u6a5f\u80fd', '\u5962\u83ef\u7a0b\u5ea6', '\u4ea4\u901a\u4fbf\u5229', '\u570b\u969b\u5316\u793e\u7fa4'],\r\n datasets: [{\r\n label: '\u6eff\u5bb6\u6a02 (Mont Kiara)',\r\n data: [7, 10, 8, 7, 10],\r\n backgroundColor: 'rgba(62, 146, 204, 0.2)',\r\n borderColor: '#3E92CC',\r\n pointBackgroundColor: '#3E92CC',\r\n }, {\r\n label: '\u5e1d\u6c99\u57ce\u5e02\u516c\u5712 (Desa ParkCity)',\r\n data: [10, 8, 7, 6, 8],\r\n backgroundColor: 'rgba(216, 49, 91, 0.2)',\r\n borderColor: '#D8315B',\r\n pointBackgroundColor: '#D8315B',\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: { ...tooltipTitleCallback.plugins },\r\n scales: { r: { suggestedMin: 0, suggestedMax: 10 } }\r\n }\r\n });\r\n \r\n new Chart(document.getElementById('penangFactorsChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: processLabels(['\u60a0\u9592\u751f\u6d3b\u65b9\u5f0f', '\u6587\u5316\u5e95\u860a\u8207\u7f8e\u98df', '\u81ea\u7136\u74b0\u5883 (\u6d77\u7058\/\u5c71\u6797)', '\u512a\u8cea\u570b\u969b\u6559\u80b2', '\u8f03\u4f4e\u751f\u6d3b\u6210\u672c']),\r\n datasets: [{\r\n label: '\u5438\u5f15\u529b\u8a55\u5206',\r\n data: [9.5, 9.2, 8.8, 8.5, 8.2],\r\n backgroundColor: '#3E92CC',\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n ...tooltipTitleCallback.plugins\r\n },\r\n scales: { x: { beginAtZero: true, max: 10 } }\r\n }\r\n });\r\n\r\n new Chart(document.getElementById('jbEducationChart'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['\u99ac\u723e\u5821\u5b78\u9662', '\u840a\u4f5b\u58eb\u7f8e\u570b\u5b78\u6821'],\r\n datasets: [\r\n {\r\n label: '\u6821\u5712\u898f\u6a21 (\u82f1\u755d)',\r\n data: [90, 46],\r\n backgroundColor: '#0A2463',\r\n },\r\n {\r\n label: '\u570b\u969b\u8072\u8b7d (\u8a55\u5206)',\r\n data: [9.5, 8.5],\r\n backgroundColor: '#3E92CC',\r\n }\r\n ]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'bottom' },\r\n ...tooltipTitleCallback.plugins\r\n },\r\n scales: { y: { beginAtZero: true } }\r\n }\r\n });\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e09\u5927\u71b1\u9580\u5730\u5340\u6df1\u5ea6\u89e3\u6790\u8cc7\u8a0a\u5716\uff1a\u5409\u9686\u5761\u2014\u2014\u8ffd\u6c42\u4e8b\u696d & \u90fd\u5e02\u7e41\u83ef\uff1b\u6ab3\u57ce\u2014\u2014\u56ae\u5f80\u6162\u6d3b & \u6587\u5316\u5e73\u8861\uff1b\u65b0\u5c71\u2014\u2014\u9802\u7d1a\u6559\u80b2 & \u8de8\u5883\u9700\u6c42\u3002<\/p>\n","protected":false},"author":2,"featured_media":3897,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3],"tags":[],"class_list":["post-3898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mm2h","category-living-malaysia"],"blocksy_meta":[],"aioseo_notices":[],"rttpg_featured_image_url":{"full":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb.jpg",1200,720,false],"landscape":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb.jpg",1200,720,false],"portraits":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb.jpg",1200,720,false],"thumbnail":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb-150x150.jpg",150,150,true],"medium":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb-300x180.jpg",300,180,true],"large":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb-1024x614.jpg",1024,614,true],"1536x1536":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb.jpg",1200,720,false],"2048x2048":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb.jpg",1200,720,false],"htliser_size_396x360":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb-396x360.jpg",396,360,true],"htslider_size_1170x536":["https:\/\/international.hartamas.com\/ch\/wp-content\/uploads\/2025\/07\/kl-penang-jb-1170x536.jpg",1170,536,true]},"rttpg_author":{"display_name":"\u9673\u9e97\u537f","author_link":"https:\/\/international.hartamas.com\/ch\/author\/reesetan\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/international.hartamas.com\/ch\/category\/mm2h\/\" rel=\"category tag\">MM2H<\/a> <a href=\"https:\/\/international.hartamas.com\/ch\/category\/living-malaysia\/\" rel=\"category tag\">\u99ac\u4f86\u897f\u4e9e\u751f\u6d3b<\/a>","rttpg_excerpt":"\u4e09\u5927\u71b1\u9580\u5730\u5340\u6df1\u5ea6\u89e3\u6790\u8cc7\u8a0a\u5716\uff1a\u5409\u9686\u5761\u2014\u2014\u8ffd\u6c42\u4e8b\u696d & \u90fd\u5e02\u7e41\u83ef\uff1b\u6ab3\u57ce\u2014\u2014\u56ae\u5f80\u6162\u6d3b & \u6587\u5316\u5e73\u8861\uff1b\u65b0\u5c71\u2014\u2014\u9802\u7d1a\u6559\u80b2 & \u8de8\u5883\u9700\u6c42\u3002","_links":{"self":[{"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/posts\/3898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/comments?post=3898"}],"version-history":[{"count":13,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/posts\/3898\/revisions"}],"predecessor-version":[{"id":3912,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/posts\/3898\/revisions\/3912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/media\/3897"}],"wp:attachment":[{"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/media?parent=3898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/categories?post=3898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.hartamas.com\/ch\/wp-json\/wp\/v2\/tags?post=3898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}