\u535a\u96c5\u9818\u8896\u6559\u80b2\uff1a\u6210\u5c31\u672a\u4f86\u9818\u8896\u7684\u6df1\u5ea6\u5167\u6db5<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <script src=\"https:\/\/cdn.plot.ly\/plotly-2.27.0.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@700&family=Noto+Sans+TC:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --royal-blue: #1e3a8a;\n --vibrant-gold: #fbbf24;\n --energetic-red: #ef4444;\n }\n html {\n scroll-behavior: smooth;\n }\n #wp-infographic-container {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #f8fafc;\n color: #1e293b;\n line-height: 1.6;\n padding-top: 80px;\n }\n #wp-infographic-container .serif { font-family: 'Noto Serif TC', serif; }\n \n \/* \u5c0e\u89bd\u5217 *\/\n .nav-sticky {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n \/* \u624b\u6a5f\u9078\u55ae\u5c55\u958b\u6a23\u5f0f *\/\n #mobile-menu {\n transition: all 0.3s ease-in-out;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n }\n #mobile-menu.open {\n max-height: 400px;\n opacity: 1;\n border-top: 1px solid #f1f5f9;\n }\n\n \/* \u5167\u5bb9\u5340\u584a *\/\n .content-block {\n background: white;\n border-radius: 1rem;\n border: 1px solid #e2e8f0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n margin-bottom: 1rem;\n }\n .content-block:hover {\n box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.1);\n border-color: var(--vibrant-gold);\n }\n .block-header {\n padding: 1.25rem 1.5rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .block-detail {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease;\n background: #fafafa;\n }\n .content-block.active .block-detail {\n max-height: 1000px;\n border-top: 1px solid #f1f5f9;\n }\n .content-block.active .toggle-icon {\n transform: rotate(180deg);\n }\n .toggle-icon {\n transition: transform 0.3s;\n color: var(--royal-blue);\n }\n\n \/* \u5716\u8868\u8207\u5361\u7247 *\/\n .chart-container { position: relative; width: 100%; height: 350px; }\n .stat-card {\n background: white;\n border-radius: 1rem;\n padding: 1.5rem;\n border-top: 4px solid var(--royal-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .flow-node {\n border-radius: 0.5rem;\n padding: 1rem;\n font-weight: bold;\n }\n .flow-arrow {\n width: 0; height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid var(--royal-blue);\n margin: 0.2rem auto;\n }\n\n \/* \u56de\u5230\u9802\u90e8\u6309\u9215 *\/\n #backToTopBtn {\n position: fixed;\n bottom: 30px;\n right: 20px;\n z-index: 99;\n background-color: var(--royal-blue);\n color: white;\n cursor: pointer;\n padding: 12px;\n border-radius: 50%;\n border: 2px solid white;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n display: none; \n transition: all 0.3s ease;\n width: 45px;\n height: 45px;\n align-items: center;\n justify-content: center;\n }\n #backToTopBtn:hover {\n background-color: var(--vibrant-gold);\n transform: translateY(-5px);\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav class=\"nav-sticky\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex-shrink-0\">\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"serif font-bold text-[#1e3a8a] text-lg md:text-xl flex items-center gap-2\">\n <span class=\"bg-[#1e3a8a] text-white p-1 rounded\">WMEA<\/span>\n <span class=\"hidden xs:block\">\u535a\u96c5\u9818\u8896\u6559\u80b2<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"hidden md:flex items-center space-x-8 text-sm font-medium\">\n <a href=\"#section-core\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u6838\u5fc3\u5167\u6db5<\/a>\n <a href=\"#section-compare\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u512a\u52e2\u5c0d\u6bd4<\/a>\n <a href=\"#section-brain\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u79d1\u5b78\u4f9d\u64da<\/a>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" class=\"bg-[#1e3a8a] text-white px-5 py-2 rounded-full hover:bg-blue-800 shadow-sm transition-all\">\u7acb\u5373\u53c3\u52a0<\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"menu-toggle\" class=\"text-slate-600 hover:text-[#1e3a8a] focus:outline-none transition-transform\" aria-label=\"\u5207\u63db\u9078\u55ae\">\n <svg id=\"menu-icon-svg\" class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path id=\"path-menu\" class=\"block\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"md:hidden bg-white px-4 pb-4 space-y-1\">\n <a href=\"#section-core\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u6838\u5fc3\u5167\u6db5<\/a>\n <a href=\"#section-compare\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u512a\u52e2\u5c0d\u6bd4<\/a>\n <a href=\"#section-brain\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u79d1\u5b78\u4f9d\u64da<\/a>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" class=\"block py-3 px-4 bg-[#1e3a8a] text-white text-center font-bold rounded-lg mt-2\">\u7acb\u5373\u53c3\u52a0\u8ab2\u7a0b<\/a>\n <\/div>\n<\/nav>\n\n\n<button onclick=\"topFunction()\" id=\"backToTopBtn\" title=\"\u56de\u5230\u9802\u90e8\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 15l7-7 7 7\"><\/path>\n <\/svg>\n<\/button>\n\n<div id=\"wp-infographic-container\" class=\"max-w-6xl mx-auto p-4 md:p-8\">\n \n \n <header class=\"text-center mb-10\">\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"inline-block hover:opacity-90 transition-opacity\">\n <h1 class=\"serif text-3xl md:text-5xl text-[#1e3a8a] mb-6 font-bold\">\u5353\u8d8a\u6559\u990a\u7684\u6839\u6e90\uff1a\u89e3\u69cb\u300c\u535a\u96c5\u6559\u80b2\u300d\u6df1\u5ea6\u5167\u6db5<\/h1>\n <p class=\"text-lg text-slate-600 max-w-3xl mx-auto italic px-4\">\n \u5728\u5b69\u5b50\u7684\u6210\u9577\u85cd\u5716\u4e2d\uff0c\u4ec0\u9ebc\u624d\u662f\u652f\u6490\u4ed6\u5011\u8d70\u5411\u672a\u4f86\u7684\u6838\u5fc3\u7af6\u722d\u529b\uff1f\n <\/p>\n <\/a>\n <\/header>\n\n \n <div id=\"section-core\" class=\"grid grid-cols-1 mb-16 scroll-mt-20\">\n \n <div class=\"content-block active\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-blue-100 text-[#1e3a8a] w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">1<\/span>\n \u8a9e\u8a00\u7684\u6607\u83ef\uff1a\u9818\u8896\u601d\u7dad\u7684\u8d77\u9ede\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 space-y-3\">\n <p>\u5b78\u7fd2\u82f1\u8a9e\u4e0d\u518d\u50c5\u50c5\u662f\u70ba\u4e86\u61c9\u4ed8\u8003\u8a66\uff0c\u800c\u662f\u601d\u7dad\u7684\u8f09\u9ad4\uff1a<\/p>\n <ul class=\"list-disc pl-5 space-y-1\">\n <li><strong>\u6df1\u5ea6\u8868\u9054\u529b\uff1a<\/strong> \u900f\u904e\u53e4\u5178\u6587\u5b78\u8a13\u7df4\uff0c\u5b78\u7fd2\u7cbe\u6e96\u5f97\u9ad4\u7684\u8a5e\u5f59\u3002<\/li>\n <li><strong>\u5927\u8166\u958b\u767c\uff1a<\/strong> \u8c50\u5bcc\u7684\u8a9e\u8a00\u74b0\u5883\u80fd\u523a\u6fc0\u524d\u984d\u8449\uff0c\u63d0\u5347\u908f\u8f2f\u63a8\u7406\u3002<\/li>\n <li><strong>\u6587\u5316\u8996\u91ce\uff1a<\/strong> \u7406\u89e3\u8a9e\u8a00\u80cc\u5f8c\u7684\u50f9\u503c\u89c0\uff0c\u5efa\u7acb\u570b\u969b\u5171\u9cf4\u3002<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-amber-100 text-amber-600 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">2<\/span>\n \u6587\u5316\u8207\u6280\u80fd\uff1a\u5168\u8166\u767c\u5c55\u7684\u50ac\u5316\u5291\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 space-y-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-blue-50 p-4 rounded-lg border-l-4 border-[#1e3a8a]\">\n <p class=\"font-bold mb-1\">\u512a\u96c5\u904b\u52d5 (\u54e5\u723e\u592b\u3001\u7db2\u7403)<\/p>\n <p class=\"text-sm\">\u935b\u934a\u9ad4\u683c\uff0c\u66f4\u5728\u65bc\u57f9\u990a\u7b56\u7565\u601d\u7dad\u8207\u60c5\u7dd2\u7a69\u5b9a\u6027\u3002<\/p>\n <\/div>\n <div class=\"bg-red-50 p-4 rounded-lg border-l-4 border-[#ef4444]\">\n <p class=\"font-bold mb-1\">\u85dd\u8853\u8207\u5100\u614b<\/p>\n <p class=\"text-sm\">\u900f\u904e\u6232\u5287\u8207\u80a2\u9ad4\u8a13\u7df4\uff0c\u6fc0\u6d3b\u611f\u5b98\u654f\u92b3\u5ea6\u8207\u5171\u60c5\u80fd\u529b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-red-100 text-[#ef4444] w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">3<\/span>\n \u6559\u990a\u7684\u6df1\u5ea6\uff1a\u5f62\u5851\u53d7\u6559\u80b2\u7684\u9748\u9b42\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700\">\n <p class=\"mb-3\">\u771f\u6b63\u7684\u77e5\u8b58\u5fc5\u9808\u4f34\u96a8\u8457\u5f97\u9ad4\u7684\u884c\u70ba\uff1a<\/p>\n <p class=\"mb-2\"><strong>\u5100\u614b\u79ae\u7bc0\uff1a<\/strong> \u5c07\u9910\u684c\u79ae\u5100\u8207\u793e\u4ea4\u898f\u7bc4\u5167\u5316\u70ba\u672c\u80fd\uff0c\u5c55\u73fe\u5c0a\u56b4\u8207\u5c0a\u91cd\u3002<\/p>\n <p><strong>\u8aa0\u4fe1\u7d00\u5f8b\uff1a<\/strong> \u5b88\u6642\u3001\u5b88\u4fe1\u3001\u5c0a\u91cd\u898f\u5247\uff0c\u662f\u9032\u5165\u7cbe\u82f1\u793e\u6703\u7684\u901a\u884c\u8b49\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-slate-100 text-slate-600 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">4<\/span>\n \u7d50\u8a9e\uff1a\u9001\u7d66\u5b69\u5b50\u4f34\u96a8\u4e00\u751f\u7684\u79ae\u7269\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 text-center\">\n <p class=\"text-lg italic text-[#1e3a8a] mb-2\">\u300c\u535a\u96c5\u6559\u80b2\uff0c\u6559\u7d66\u5b69\u5b50\u751f\u6d3b\u7684\u85dd\u8853\u3002\u300d<\/p>\n <p>\u5728\u5168\u8a9e\u8a00\u74b0\u5883\u6210\u9577\uff0c\u958b\u767c\u6f5b\u80fd\uff0c\u5efa\u7acb\u81ea\u4fe1\uff0c\u6210\u70ba\u667a\u6167\u8c50\u76c8\u7684\u5168\u9762\u4eba\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"stat-card text-center\">\n <span class=\"text-4xl font-bold text-[#ef4444]\">95%<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5927\u8166\u8a8d\u77e5\u654f\u611f\u5ea6\u63d0\u5347<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u6e90\u81ea\u8c50\u5bcc\u6587\u5316\u8a9e\u8a00\u74b0\u5883\u523a\u6fc0<\/p>\n <\/div>\n <div class=\"stat-card text-center\" style=\"border-top-color: #fbbf24\">\n <span class=\"text-4xl font-bold text-[#fbbf24]\">24\/7<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5167\u5316\u6559\u990a\u8207\u7d00\u5f8b<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u900f\u904e\u79ae\u5100\u8a13\u7df4\u8f49\u5316\u70ba\u81ea\u7136\u672c\u80fd<\/p>\n <\/div>\n <div class=\"stat-card text-center\">\n <span class=\"text-4xl font-bold text-[#1e3a8a]\">100%<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5168\u65b9\u4f4d\u9818\u8896\u529b\u8986\u84cb<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u5f9e\u6f14\u8b1b\u5230\u904b\u52d5\u7684\u8de8\u9818\u57df\u8a13\u7df4<\/p>\n <\/div>\n <\/div>\n\n \n <section id=\"section-compare\" class=\"bg-white rounded-2xl p-8 shadow-sm mb-12 border border-slate-100 scroll-mt-20\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <h2 class=\"serif text-2xl text-[#1e3a8a] mb-4\">\u535a\u96c5\u6559\u80b2 vs \u50b3\u7d71\u55ae\u4e00\u6559\u80b2<\/h2>\n <p class=\"text-slate-600 mb-6 leading-relaxed\">\n \u535a\u96c5\u6559\u80b2\u5f37\u8abf\u300c\u7dad\u5ea6\u64f4\u5f35\u300d\u3002\u4e0d\u50c5\u5728\u5b78\u8853\u4e0a\u9818\u5148\uff0c\u66f4\u5728\u60c5\u7dd2\u7ba1\u7406\u3001\u793e\u4ea4\u79ae\u5100\u8207\u7b56\u7565\u601d\u8003\u7b49\u300c\u8edf\u5be6\u529b\u300d\u4e0a\u5f62\u6210\u7d55\u5c0d\u512a\u52e2\u3002\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-[#fbbf24]\"><\/div>\n <span class=\"text-sm font-bold\">\u535a\u96c5\u9818\u8896\uff1a\u5177\u5099\u591a\u7dad\u5ea6\u7b56\u7565\u8207\u540c\u7406\u5fc3<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-[#1e3a8a]\"><\/div>\n <span class=\"text-sm font-bold\">\u50b3\u7d71\u6a21\u5f0f\uff1a\u5074\u91cd\u55ae\u5411\u77e5\u8b58\u704c\u8f38<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"radarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-12 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"rounded-2xl overflow-hidden shadow-lg border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-14-at-10.36.05.jpeg\" \n alt=\"\u535a\u96c5\u6559\u80b2\u9ad4\u9a57\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400?text=\u535a\u96c5\u6559\u80b2\u9ad4\u9a57'\"\n class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"rounded-2xl overflow-hidden shadow-lg border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-14-at-10.31.17.jpeg\" \n alt=\"\u9818\u8896\u8a13\u7df4\u8ab2\u7a0b\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400?text=\u9818\u8896\u8a13\u7df4\u8ab2\u7a0b'\"\n class=\"w-full h-full object-cover\">\n <\/div>\n <\/section>\n\n \n <section id=\"section-brain\" class=\"mb-12 scroll-mt-20\">\n <div class=\"bg-[#1e3a8a] rounded-2xl p-6 md:p-8 text-white shadow-xl\">\n <h2 class=\"serif text-xl md:text-2xl mb-4 text-[#fbbf24]\">\u8a9e\u8a00\u3001\u6587\u5316\u8207\u5927\u8166\u76ae\u5c64\u7684\u95dc\u806f<\/h2>\n <p class=\"mb-6 md:mb-8 opacity-90 text-sm md:text-base\">\n \u535a\u96c5\u6559\u80b2\u5c07\u82f1\u8a9e\u8996\u70ba\u300c\u601d\u7dad\u8f09\u9ad4\u300d\u3002\u900f\u904e\u6578\u64da\u5206\u6790\u986f\u793a\uff0c\u7576\u5b69\u5b50\u6c89\u6d78\u65bc\u591a\u7dad\u6587\u5316\u8207\u6f14\u8aaa\u8a13\u7df4\u6642\uff0c\u5927\u8166\u524d\u984d\u8449\uff08\u6c7a\u7b56\u4e2d\u5fc3\uff09\u7684\u6d3b\u6027\u6709\u986f\u8457\u589e\u9577\u3002\n <\/p>\n <div id=\"brainHeatmap\" class=\"w-full bg-white rounded-xl overflow-hidden shadow-inner\" style=\"height: 400px;\"><\/div>\n <p class=\"text-[10px] md:text-xs mt-4 text-blue-200 italic\">\u8a3b\uff1a\u71b1\u5716\u986f\u793a\u8a9e\u8a00\u8907\u96dc\u5ea6\u8207\u6587\u5316\u6df1\u5ea6\u5c0d\u5927\u8166\u795e\u7d93\u5143\u806f\u63a5\u5ea6\u7684\u6b63\u5411\u5f71\u97ff\u3002<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12\">\n <div class=\"stat-card\">\n <h3 class=\"serif text-xl text-[#1e3a8a] mb-4\">\u8ab2\u7a0b\u8a13\u7df4\u6838\u5fc3\u5206\u4f48<\/h3>\n <div class=\"chart-container\" style=\"height: 300px;\">\n <canvas id=\"compositionChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"stat-card\" style=\"border-top-color: #ef4444\">\n <h3 class=\"serif text-xl text-[#1e3a8a] mb-4\">\u6559\u990a\u6210\u9577\u8def\u5f91 (Flow)<\/h3>\n <div class=\"flex flex-col gap-2 mt-4\">\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#1e3a8a] text-white shadow-md\">\n \u512a\u96c5\u5100\u614b\u8207\u773c\u795e\u63a5\u89f8 (\u5100\u614b)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#ef4444] text-white shadow-md\">\n \u5c08\u696d\u8b70\u6703\u5f0f\u8faf\u8ad6 (\u601d\u8fa8)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#1e3a8a] text-white shadow-md\">\n \u904b\u52d5\u5bb6\u7cbe\u795e\u8207\u5c0a\u91cd (\u7af6\u6280)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold bg-[#fbbf24] text-[#1e3a8a] text-base md:text-xl shadow-lg border-2 border-[#1e3a8a]\">\n \u5168\u9762\u9818\u8896\u7d1a\u500b\u4eba\u9b45\u529b\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"text-center p-8 bg-slate-100 rounded-2xl border-dashed border-2 border-slate-300\">\n <h2 class=\"serif text-2xl text-[#1e3a8a] mb-2\">\u300c\u4e0d\u50c5\u662f\u751f\u5b58\u6280\u80fd\uff0c\u66f4\u662f\u751f\u6d3b\u7684\u85dd\u8853\u300d<\/h2>\n <p class=\"text-slate-500\">\u535a\u96c5\u9818\u8896\u9ad4\u9a57\u8a08\u5283 \u2014\u2014 \u70ba\u5b69\u5b50\u9078\u64c7\u66f4\u6709\u9ad8\u5ea6\u7684\u4eba\u751f\u614b\u5ea6<\/p>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ --- UI Logic ---\n function toggleBlock(el) {\n const blocks = document.querySelectorAll('.content-block');\n blocks.forEach(b => {\n if(b !== el) b.classList.remove('active');\n });\n el.classList.toggle('active');\n }\n\n \/\/ --- MOBILE MENU FIX ---\n const menuToggle = document.getElementById('menu-toggle');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if (menuToggle && mobileMenu) {\n menuToggle.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.toggle('open');\n });\n\n \/\/ Close menu when clicking a link\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('open');\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', (e) => {\n if (mobileMenu.classList.contains('open') && !menuToggle.contains(e.target) && !mobileMenu.contains(e.target)) {\n mobileMenu.classList.remove('open');\n }\n });\n }\n\n \/\/ \u56de\u5230\u9802\u90e8\u6309\u9215\u908f\u8f2f\n let mybutton = document.getElementById(\"backToTopBtn\");\n\n window.onscroll = function() {scrollFunction()};\n\n function scrollFunction() {\n if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {\n mybutton.style.display = \"flex\";\n } else {\n mybutton.style.display = \"none\";\n }\n }\n\n function topFunction() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }\n\n \/\/ --- Data Preparation ---\n function wrapLabels(labels) {\n return labels.map(label => {\n if (label.length <= 16) return label;\n const words = label.split('');\n const result = [];\n let currentLine = \"\";\n words.forEach(char => {\n if (currentLine.length < 12) {\n currentLine += char;\n } else {\n result.push(currentLine);\n currentLine = char;\n }\n });\n result.push(currentLine);\n return result;\n });\n }\n\n const tooltipConfig = {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join('') : label;\n }\n }\n };\n \n \/\/ --- Chart Initialization ---\n window.onload = function() {\n if (typeof Chart === 'undefined' || typeof Plotly === 'undefined') {\n console.error('Libraries not loaded yet');\n return;\n }\n\n const isMobile = window.innerWidth < 768;\n\n \/\/ Radar Chart\n const ctxRadar = document.getElementById('radarChart').getContext('2d');\n new Chart(ctxRadar, {\n type: 'radar',\n data: {\n labels: wrapLabels(['\u8a9e\u8a00\u6df1\u5ea6\u8868\u9054', '\u7b56\u7565\u908f\u8f2f\u601d\u7dad', '\u793e\u4ea4\u79ae\u5100\u7d20\u990a', '\u60c5\u7dd2\u8abf\u7bc0\u80fd\u529b', '\u6587\u5316\u570b\u969b\u8996\u91ce']),\n datasets: [{\n label: '\u535a\u96c5\u6559\u80b2\u8a08\u5283',\n data: [95, 90, 98, 85, 92],\n borderColor: '#fbbf24',\n backgroundColor: 'rgba(251, 191, 36, 0.4)',\n borderWidth: 3,\n pointBackgroundColor: '#fbbf24'\n }, {\n label: '\u50b3\u7d71\u55ae\u4e00\u8ab2\u7a0b',\n data: [65, 70, 50, 60, 45],\n borderColor: '#1e3a8a',\n backgroundColor: 'rgba(30, 58, 138, 0.2)',\n borderWidth: 2,\n pointBackgroundColor: '#1e3a8a'\n }]\n },\n options: {\n maintainAspectRatio: false,\n plugins: { \n tooltip: tooltipConfig, \n legend: { position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } } \n },\n scales: { r: { suggestedMin: 0, suggestedMax: 100, ticks: { display: false } } }\n }\n });\n\n \/\/ Doughnut Chart\n const ctxDoughnut = document.getElementById('compositionChart').getContext('2d');\n new Chart(ctxDoughnut, {\n type: 'doughnut',\n data: {\n labels: wrapLabels(['\u5c08\u696d\u6f14\u8aaa\u8a13\u7df4', '\u904b\u52d5\u7cbe\u82f1\u9ad4\u9a57', '\u535a\u96c5\u6587\u5316\u5ef6\u4f38', '\u6559\u990a\u5100\u614b\u6307\u5c0e']),\n datasets: [{\n data: [30, 25, 25, 20],\n backgroundColor: ['#1e3a8a', '#fbbf24', '#ef4444', '#334155'],\n borderWidth: 0\n }]\n },\n options: {\n maintainAspectRatio: false,\n cutout: '60%',\n plugins: { \n tooltip: tooltipConfig, \n legend: { position: isMobile ? 'bottom' : 'right', labels: { boxWidth: 10, font: { size: 10 } } } \n }\n }\n });\n\n \/\/ Plotly Heatmap\n const resolution = isMobile ? 12 : 24; \n const zData = [];\n for(let i=0; i<resolution; i++) {\n const row = [];\n for(let j=0; j<resolution; j++) {\n const center = resolution * 0.75;\n row.push(Math.exp(-(Math.pow(i-center, 2)\/(resolution*2) + Math.pow(j-center, 2)\/(resolution*2))) * 100 + Math.random()*15);\n }\n zData.push(row);\n }\n\n const plotlyData = [{\n z: zData,\n type: 'heatmap',\n colorscale: [[0, '#f8fafc'], [0.4, '#fbbf24'], [1, '#ef4444']],\n showscale: false,\n hoverongaps: false,\n xgap: isMobile ? 2 : 1,\n ygap: isMobile ? 2 : 1\n }];\n\n const plotlyLayout = {\n title: { \n text: isMobile ? '\u524d\u984d\u8449\u6fc0\u767c\u6d3b\u6027' : '\u5927\u8166\u795e\u7d93\u5143\u6fc0\u767c\u5ea6\u5206\u6790', \n font: { family: 'Noto Serif TC', size: isMobile ? 14 : 18, color: '#1e3a8a' } \n },\n margin: { t: 40, b: 10, l: 10, r: 10 },\n xaxis: { showgrid: false, zeroline: false, showticklabels: false, fixedrange: true },\n yaxis: { showgrid: false, zeroline: false, showticklabels: false, fixedrange: true },\n paper_bgcolor: 'rgba(0,0,0,0)',\n plot_bgcolor: 'rgba(0,0,0,0)',\n autosize: true\n };\n\n const config = { \n responsive: true, \n displayModeBar: false, \n staticPlot: true \n };\n\n Plotly.newPlot('brainHeatmap', plotlyData, plotlyLayout, config);\n };\n<\/script>\n\n<\/body>\n<\/html>\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>\u535a\u96c5\u9818\u8896\u6559\u80b2\uff1a\u6210\u5c31\u672a\u4f86\u9818\u8896\u7684\u6df1\u5ea6\u5167\u6db5 WMEA \u535a\u96c5\u9818\u8896\u6559\u80b2 \u6838\u5fc3\u5167\u6db5 \u512a\u52e2\u5c0d\u6bd4 \u79d1\u5b78\u4f9d\u64da \u7acb\u5373\u53c3\u52a0 \u6838\u5fc3\u5167\u6db5 \u512a\u52e2\u5c0d\u6bd4 \u79d1\u5b78\u4f9d\u64da \u7acb\u5373\u53c3\u52a0\u8ab2\u7a0b \u5353\u8d8a\u6559\u990a\u7684\u6839\u6e90\uff1a\u89e3\u69cb\u300c\u535a\u96c5\u6559\u80b2\u300d\u6df1\u5ea6\u5167\u6db5 \u5728\u5b69\u5b50\u7684\u6210\u9577\u85cd\u5716\u4e2d\uff0c\u4ec0\u9ebc\u624d\u662f\u652f\u6490\u4ed6\u5011\u8d70\u5411\u672a\u4f86\u7684\u6838\u5fc3\u7af6\u722d\u529b\uff1f 1 \u8a9e\u8a00\u7684\u6607\u83ef\uff1a\u9818\u8896\u601d\u7dad\u7684\u8d77\u9ede \u5b78\u7fd2\u82f1\u8a9e\u4e0d\u518d\u50c5\u50c5\u662f\u70ba\u4e86\u61c9\u4ed8\u8003\u8a66\uff0c\u800c\u662f\u601d\u7dad\u7684\u8f09\u9ad4\uff1a \u6df1\u5ea6\u8868\u9054\u529b\uff1a \u900f\u904e\u53e4\u5178\u6587\u5b78\u8a13\u7df4\uff0c\u5b78\u7fd2\u7cbe\u6e96\u5f97\u9ad4\u7684\u8a5e\u5f59\u3002 \u5927\u8166\u958b\u767c\uff1a \u8c50\u5bcc\u7684\u8a9e\u8a00\u74b0\u5883\u80fd\u523a\u6fc0\u524d\u984d\u8449\uff0c\u63d0\u5347\u908f\u8f2f\u63a8\u7406\u3002 \u6587\u5316\u8996\u91ce\uff1a \u7406\u89e3\u8a9e\u8a00\u80cc\u5f8c\u7684\u50f9\u503c\u89c0\uff0c\u5efa\u7acb\u570b\u969b\u5171\u9cf4\u3002 2 \u6587\u5316\u8207\u6280\u80fd\uff1a\u5168\u8166\u767c\u5c55\u7684\u50ac\u5316\u5291 \u512a\u96c5\u904b\u52d5 (\u54e5\u723e\u592b\u3001\u7db2\u7403) \u935b\u934a\u9ad4\u683c\uff0c\u66f4\u5728\u65bc\u57f9\u990a\u7b56\u7565\u601d\u7dad\u8207\u60c5\u7dd2\u7a69\u5b9a\u6027\u3002 \u85dd\u8853\u8207\u5100\u614b \u900f\u904e\u6232\u5287\u8207\u80a2\u9ad4\u8a13\u7df4\uff0c\u6fc0\u6d3b\u611f\u5b98\u654f\u92b3\u5ea6\u8207\u5171\u60c5\u80fd\u529b\u3002 3 \u6559\u990a\u7684\u6df1\u5ea6\uff1a\u5f62\u5851\u53d7\u6559\u80b2\u7684\u9748\u9b42 \u771f\u6b63\u7684\u77e5\u8b58\u5fc5\u9808\u4f34\u96a8\u8457\u5f97\u9ad4\u7684\u884c\u70ba\uff1a \u5100\u614b\u79ae\u7bc0\uff1a \u5c07\u9910\u684c\u79ae\u5100\u8207\u793e\u4ea4\u898f\u7bc4\u5167\u5316\u70ba\u672c\u80fd\uff0c\u5c55\u73fe\u5c0a\u56b4\u8207\u5c0a\u91cd\u3002 \u8aa0\u4fe1\u7d00\u5f8b\uff1a \u5b88\u6642\u3001\u5b88\u4fe1\u3001\u5c0a\u91cd\u898f\u5247\uff0c\u662f\u9032\u5165\u7cbe\u82f1\u793e\u6703\u7684\u901a\u884c\u8b49\u3002 4 \u7d50\u8a9e\uff1a\u9001\u7d66\u5b69\u5b50\u4f34\u96a8\u4e00\u751f\u7684\u79ae\u7269 \u300c\u535a\u96c5\u6559\u80b2\uff0c\u6559\u7d66\u5b69\u5b50\u751f\u6d3b\u7684\u85dd\u8853\u3002\u300d \u5728\u5168\u8a9e\u8a00\u74b0\u5883\u6210\u9577\uff0c\u958b\u767c\u6f5b\u80fd\uff0c\u5efa\u7acb\u81ea\u4fe1\uff0c\u6210\u70ba\u667a\u6167\u8c50\u76c8\u7684\u5168\u9762\u4eba\u3002 95% \u5927\u8166\u8a8d\u77e5\u654f\u611f\u5ea6\u63d0\u5347 \u6e90\u81ea\u8c50\u5bcc\u6587\u5316\u8a9e\u8a00\u74b0\u5883\u523a\u6fc0 24\/7 \u5167\u5316\u6559\u990a\u8207\u7d00\u5f8b \u900f\u904e\u79ae\u5100\u8a13\u7df4\u8f49\u5316\u70ba\u81ea\u7136\u672c\u80fd 100% \u5168\u65b9\u4f4d\u9818\u8896\u529b\u8986\u84cb \u5f9e\u6f14\u8b1b\u5230\u904b\u52d5\u7684\u8de8\u9818\u57df\u8a13\u7df4 \u535a\u96c5\u6559\u80b2 vs \u50b3\u7d71\u55ae\u4e00\u6559\u80b2 \u535a\u96c5\u6559\u80b2\u5f37\u8abf\u300c\u7dad\u5ea6\u64f4\u5f35\u300d\u3002\u4e0d\u50c5\u5728\u5b78\u8853\u4e0a\u9818\u5148\uff0c\u66f4\u5728\u60c5\u7dd2\u7ba1\u7406\u3001\u793e\u4ea4\u79ae\u5100\u8207\u7b56\u7565\u601d\u8003\u7b49\u300c\u8edf\u5be6\u529b\u300d\u4e0a\u5f62\u6210\u7d55\u5c0d\u512a\u52e2\u3002 \u535a\u96c5\u9818\u8896\uff1a\u5177\u5099\u591a\u7dad\u5ea6\u7b56\u7565\u8207\u540c\u7406\u5fc3 \u50b3\u7d71\u6a21\u5f0f\uff1a\u5074\u91cd\u55ae\u5411\u77e5\u8b58\u704c\u8f38 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Liberal Education – Infographic”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1026","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/comments?post=1026"}],"version-history":[{"count":97,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026\/revisions"}],"predecessor-version":[{"id":1215,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026\/revisions\/1215"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=1026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u535a\u96c5\u9818\u8896\u6559\u80b2\uff1a\u6210\u5c31\u672a\u4f86\u9818\u8896\u7684\u6df1\u5ea6\u5167\u6db5<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <script src=\"https:\/\/cdn.plot.ly\/plotly-2.27.0.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@700&family=Noto+Sans+TC:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --royal-blue: #1e3a8a;\n --vibrant-gold: #fbbf24;\n --energetic-red: #ef4444;\n }\n html {\n scroll-behavior: smooth;\n }\n #wp-infographic-container {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #f8fafc;\n color: #1e293b;\n line-height: 1.6;\n padding-top: 80px;\n }\n #wp-infographic-container .serif { font-family: 'Noto Serif TC', serif; }\n \n \/* \u5c0e\u89bd\u5217 *\/\n .nav-sticky {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1000;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n \/* \u624b\u6a5f\u9078\u55ae\u5c55\u958b\u6a23\u5f0f *\/\n #mobile-menu {\n transition: all 0.3s ease-in-out;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n }\n #mobile-menu.open {\n max-height: 400px;\n opacity: 1;\n border-top: 1px solid #f1f5f9;\n }\n\n \/* \u5167\u5bb9\u5340\u584a *\/\n .content-block {\n background: white;\n border-radius: 1rem;\n border: 1px solid #e2e8f0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n overflow: hidden;\n position: relative;\n margin-bottom: 1rem;\n }\n .content-block:hover {\n box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.1);\n border-color: var(--vibrant-gold);\n }\n .block-header {\n padding: 1.25rem 1.5rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .block-detail {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease;\n background: #fafafa;\n }\n .content-block.active .block-detail {\n max-height: 1000px;\n border-top: 1px solid #f1f5f9;\n }\n .content-block.active .toggle-icon {\n transform: rotate(180deg);\n }\n .toggle-icon {\n transition: transform 0.3s;\n color: var(--royal-blue);\n }\n\n \/* \u5716\u8868\u8207\u5361\u7247 *\/\n .chart-container { position: relative; width: 100%; height: 350px; }\n .stat-card {\n background: white;\n border-radius: 1rem;\n padding: 1.5rem;\n border-top: 4px solid var(--royal-blue);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .flow-node {\n border-radius: 0.5rem;\n padding: 1rem;\n font-weight: bold;\n }\n .flow-arrow {\n width: 0; height: 0;\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid var(--royal-blue);\n margin: 0.2rem auto;\n }\n\n \/* \u56de\u5230\u9802\u90e8\u6309\u9215 *\/\n #backToTopBtn {\n position: fixed;\n bottom: 30px;\n right: 20px;\n z-index: 99;\n background-color: var(--royal-blue);\n color: white;\n cursor: pointer;\n padding: 12px;\n border-radius: 50%;\n border: 2px solid white;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n display: none; \n transition: all 0.3s ease;\n width: 45px;\n height: 45px;\n align-items: center;\n justify-content: center;\n }\n #backToTopBtn:hover {\n background-color: var(--vibrant-gold);\n transform: translateY(-5px);\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav class=\"nav-sticky\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"flex justify-between items-center h-16\">\n \n <div class=\"flex-shrink-0\">\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"serif font-bold text-[#1e3a8a] text-lg md:text-xl flex items-center gap-2\">\n <span class=\"bg-[#1e3a8a] text-white p-1 rounded\">WMEA<\/span>\n <span class=\"hidden xs:block\">\u535a\u96c5\u9818\u8896\u6559\u80b2<\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"hidden md:flex items-center space-x-8 text-sm font-medium\">\n <a href=\"#section-core\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u6838\u5fc3\u5167\u6db5<\/a>\n <a href=\"#section-compare\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u512a\u52e2\u5c0d\u6bd4<\/a>\n <a href=\"#section-brain\" class=\"text-slate-600 hover:text-[#1e3a8a] transition-colors\">\u79d1\u5b78\u4f9d\u64da<\/a>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" class=\"bg-[#1e3a8a] text-white px-5 py-2 rounded-full hover:bg-blue-800 shadow-sm transition-all\">\u7acb\u5373\u53c3\u52a0<\/a>\n <\/div>\n\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"menu-toggle\" class=\"text-slate-600 hover:text-[#1e3a8a] focus:outline-none transition-transform\" aria-label=\"\u5207\u63db\u9078\u55ae\">\n <svg id=\"menu-icon-svg\" class=\"h-6 w-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path id=\"path-menu\" class=\"block\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"mobile-menu\" class=\"md:hidden bg-white px-4 pb-4 space-y-1\">\n <a href=\"#section-core\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u6838\u5fc3\u5167\u6db5<\/a>\n <a href=\"#section-compare\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u512a\u52e2\u5c0d\u6bd4<\/a>\n <a href=\"#section-brain\" class=\"mobile-link block py-3 px-4 text-slate-700 font-medium hover:bg-slate-50 rounded-lg\">\u79d1\u5b78\u4f9d\u64da<\/a>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" class=\"block py-3 px-4 bg-[#1e3a8a] text-white text-center font-bold rounded-lg mt-2\">\u7acb\u5373\u53c3\u52a0\u8ab2\u7a0b<\/a>\n <\/div>\n<\/nav>\n\n\n<button onclick=\"topFunction()\" id=\"backToTopBtn\" title=\"\u56de\u5230\u9802\u90e8\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-6 h-6\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 15l7-7 7 7\"><\/path>\n <\/svg>\n<\/button>\n\n<div id=\"wp-infographic-container\" class=\"max-w-6xl mx-auto p-4 md:p-8\">\n \n \n <header class=\"text-center mb-10\">\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"inline-block hover:opacity-90 transition-opacity\">\n <h1 class=\"serif text-3xl md:text-5xl text-[#1e3a8a] mb-6 font-bold\">\u5353\u8d8a\u6559\u990a\u7684\u6839\u6e90\uff1a\u89e3\u69cb\u300c\u535a\u96c5\u6559\u80b2\u300d\u6df1\u5ea6\u5167\u6db5<\/h1>\n <p class=\"text-lg text-slate-600 max-w-3xl mx-auto italic px-4\">\n \u5728\u5b69\u5b50\u7684\u6210\u9577\u85cd\u5716\u4e2d\uff0c\u4ec0\u9ebc\u624d\u662f\u652f\u6490\u4ed6\u5011\u8d70\u5411\u672a\u4f86\u7684\u6838\u5fc3\u7af6\u722d\u529b\uff1f\n <\/p>\n <\/a>\n <\/header>\n\n \n <div id=\"section-core\" class=\"grid grid-cols-1 mb-16 scroll-mt-20\">\n \n <div class=\"content-block active\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-blue-100 text-[#1e3a8a] w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">1<\/span>\n \u8a9e\u8a00\u7684\u6607\u83ef\uff1a\u9818\u8896\u601d\u7dad\u7684\u8d77\u9ede\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 space-y-3\">\n <p>\u5b78\u7fd2\u82f1\u8a9e\u4e0d\u518d\u50c5\u50c5\u662f\u70ba\u4e86\u61c9\u4ed8\u8003\u8a66\uff0c\u800c\u662f\u601d\u7dad\u7684\u8f09\u9ad4\uff1a<\/p>\n <ul class=\"list-disc pl-5 space-y-1\">\n <li><strong>\u6df1\u5ea6\u8868\u9054\u529b\uff1a<\/strong> \u900f\u904e\u53e4\u5178\u6587\u5b78\u8a13\u7df4\uff0c\u5b78\u7fd2\u7cbe\u6e96\u5f97\u9ad4\u7684\u8a5e\u5f59\u3002<\/li>\n <li><strong>\u5927\u8166\u958b\u767c\uff1a<\/strong> \u8c50\u5bcc\u7684\u8a9e\u8a00\u74b0\u5883\u80fd\u523a\u6fc0\u524d\u984d\u8449\uff0c\u63d0\u5347\u908f\u8f2f\u63a8\u7406\u3002<\/li>\n <li><strong>\u6587\u5316\u8996\u91ce\uff1a<\/strong> \u7406\u89e3\u8a9e\u8a00\u80cc\u5f8c\u7684\u50f9\u503c\u89c0\uff0c\u5efa\u7acb\u570b\u969b\u5171\u9cf4\u3002<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-amber-100 text-amber-600 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">2<\/span>\n \u6587\u5316\u8207\u6280\u80fd\uff1a\u5168\u8166\u767c\u5c55\u7684\u50ac\u5316\u5291\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 space-y-4\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div class=\"bg-blue-50 p-4 rounded-lg border-l-4 border-[#1e3a8a]\">\n <p class=\"font-bold mb-1\">\u512a\u96c5\u904b\u52d5 (\u54e5\u723e\u592b\u3001\u7db2\u7403)<\/p>\n <p class=\"text-sm\">\u935b\u934a\u9ad4\u683c\uff0c\u66f4\u5728\u65bc\u57f9\u990a\u7b56\u7565\u601d\u7dad\u8207\u60c5\u7dd2\u7a69\u5b9a\u6027\u3002<\/p>\n <\/div>\n <div class=\"bg-red-50 p-4 rounded-lg border-l-4 border-[#ef4444]\">\n <p class=\"font-bold mb-1\">\u85dd\u8853\u8207\u5100\u614b<\/p>\n <p class=\"text-sm\">\u900f\u904e\u6232\u5287\u8207\u80a2\u9ad4\u8a13\u7df4\uff0c\u6fc0\u6d3b\u611f\u5b98\u654f\u92b3\u5ea6\u8207\u5171\u60c5\u80fd\u529b\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-red-100 text-[#ef4444] w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">3<\/span>\n \u6559\u990a\u7684\u6df1\u5ea6\uff1a\u5f62\u5851\u53d7\u6559\u80b2\u7684\u9748\u9b42\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700\">\n <p class=\"mb-3\">\u771f\u6b63\u7684\u77e5\u8b58\u5fc5\u9808\u4f34\u96a8\u8457\u5f97\u9ad4\u7684\u884c\u70ba\uff1a<\/p>\n <p class=\"mb-2\"><strong>\u5100\u614b\u79ae\u7bc0\uff1a<\/strong> \u5c07\u9910\u684c\u79ae\u5100\u8207\u793e\u4ea4\u898f\u7bc4\u5167\u5316\u70ba\u672c\u80fd\uff0c\u5c55\u73fe\u5c0a\u56b4\u8207\u5c0a\u91cd\u3002<\/p>\n <p><strong>\u8aa0\u4fe1\u7d00\u5f8b\uff1a<\/strong> \u5b88\u6642\u3001\u5b88\u4fe1\u3001\u5c0a\u91cd\u898f\u5247\uff0c\u662f\u9032\u5165\u7cbe\u82f1\u793e\u6703\u7684\u901a\u884c\u8b49\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"content-block\" onclick=\"toggleBlock(this)\">\n <div class=\"block-header\">\n <h3 class=\"serif text-xl text-[#1e3a8a] flex items-center gap-3\">\n <span class=\"bg-slate-100 text-slate-600 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold\">4<\/span>\n \u7d50\u8a9e\uff1a\u9001\u7d66\u5b69\u5b50\u4f34\u96a8\u4e00\u751f\u7684\u79ae\u7269\n <\/h3>\n <svg class=\"toggle-icon w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <div class=\"block-detail\">\n <div class=\"p-6 text-slate-700 text-center\">\n <p class=\"text-lg italic text-[#1e3a8a] mb-2\">\u300c\u535a\u96c5\u6559\u80b2\uff0c\u6559\u7d66\u5b69\u5b50\u751f\u6d3b\u7684\u85dd\u8853\u3002\u300d<\/p>\n <p>\u5728\u5168\u8a9e\u8a00\u74b0\u5883\u6210\u9577\uff0c\u958b\u767c\u6f5b\u80fd\uff0c\u5efa\u7acb\u81ea\u4fe1\uff0c\u6210\u70ba\u667a\u6167\u8c50\u76c8\u7684\u5168\u9762\u4eba\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"stat-card text-center\">\n <span class=\"text-4xl font-bold text-[#ef4444]\">95%<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5927\u8166\u8a8d\u77e5\u654f\u611f\u5ea6\u63d0\u5347<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u6e90\u81ea\u8c50\u5bcc\u6587\u5316\u8a9e\u8a00\u74b0\u5883\u523a\u6fc0<\/p>\n <\/div>\n <div class=\"stat-card text-center\" style=\"border-top-color: #fbbf24\">\n <span class=\"text-4xl font-bold text-[#fbbf24]\">24\/7<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5167\u5316\u6559\u990a\u8207\u7d00\u5f8b<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u900f\u904e\u79ae\u5100\u8a13\u7df4\u8f49\u5316\u70ba\u81ea\u7136\u672c\u80fd<\/p>\n <\/div>\n <div class=\"stat-card text-center\">\n <span class=\"text-4xl font-bold text-[#1e3a8a]\">100%<\/span>\n <p class=\"text-slate-500 font-bold mt-2\">\u5168\u65b9\u4f4d\u9818\u8896\u529b\u8986\u84cb<\/p>\n <p class=\"text-xs text-slate-400 mt-1\">\u5f9e\u6f14\u8b1b\u5230\u904b\u52d5\u7684\u8de8\u9818\u57df\u8a13\u7df4<\/p>\n <\/div>\n <\/div>\n\n \n <section id=\"section-compare\" class=\"bg-white rounded-2xl p-8 shadow-sm mb-12 border border-slate-100 scroll-mt-20\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div>\n <h2 class=\"serif text-2xl text-[#1e3a8a] mb-4\">\u535a\u96c5\u6559\u80b2 vs \u50b3\u7d71\u55ae\u4e00\u6559\u80b2<\/h2>\n <p class=\"text-slate-600 mb-6 leading-relaxed\">\n \u535a\u96c5\u6559\u80b2\u5f37\u8abf\u300c\u7dad\u5ea6\u64f4\u5f35\u300d\u3002\u4e0d\u50c5\u5728\u5b78\u8853\u4e0a\u9818\u5148\uff0c\u66f4\u5728\u60c5\u7dd2\u7ba1\u7406\u3001\u793e\u4ea4\u79ae\u5100\u8207\u7b56\u7565\u601d\u8003\u7b49\u300c\u8edf\u5be6\u529b\u300d\u4e0a\u5f62\u6210\u7d55\u5c0d\u512a\u52e2\u3002\n <\/p>\n <div class=\"space-y-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-[#fbbf24]\"><\/div>\n <span class=\"text-sm font-bold\">\u535a\u96c5\u9818\u8896\uff1a\u5177\u5099\u591a\u7dad\u5ea6\u7b56\u7565\u8207\u540c\u7406\u5fc3<\/span>\n <\/div>\n <div class=\"flex items-center gap-3\">\n <div class=\"w-3 h-3 rounded-full bg-[#1e3a8a]\"><\/div>\n <span class=\"text-sm font-bold\">\u50b3\u7d71\u6a21\u5f0f\uff1a\u5074\u91cd\u55ae\u5411\u77e5\u8b58\u704c\u8f38<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"radarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"mb-12 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"rounded-2xl overflow-hidden shadow-lg border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-14-at-10.36.05.jpeg\" \n alt=\"\u535a\u96c5\u6559\u80b2\u9ad4\u9a57\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400?text=\u535a\u96c5\u6559\u80b2\u9ad4\u9a57'\"\n class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"rounded-2xl overflow-hidden shadow-lg border-4 border-white\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-14-at-10.31.17.jpeg\" \n alt=\"\u9818\u8896\u8a13\u7df4\u8ab2\u7a0b\" \n onerror=\"this.src='https:\/\/placehold.co\/600x400?text=\u9818\u8896\u8a13\u7df4\u8ab2\u7a0b'\"\n class=\"w-full h-full object-cover\">\n <\/div>\n <\/section>\n\n \n <section id=\"section-brain\" class=\"mb-12 scroll-mt-20\">\n <div class=\"bg-[#1e3a8a] rounded-2xl p-6 md:p-8 text-white shadow-xl\">\n <h2 class=\"serif text-xl md:text-2xl mb-4 text-[#fbbf24]\">\u8a9e\u8a00\u3001\u6587\u5316\u8207\u5927\u8166\u76ae\u5c64\u7684\u95dc\u806f<\/h2>\n <p class=\"mb-6 md:mb-8 opacity-90 text-sm md:text-base\">\n \u535a\u96c5\u6559\u80b2\u5c07\u82f1\u8a9e\u8996\u70ba\u300c\u601d\u7dad\u8f09\u9ad4\u300d\u3002\u900f\u904e\u6578\u64da\u5206\u6790\u986f\u793a\uff0c\u7576\u5b69\u5b50\u6c89\u6d78\u65bc\u591a\u7dad\u6587\u5316\u8207\u6f14\u8aaa\u8a13\u7df4\u6642\uff0c\u5927\u8166\u524d\u984d\u8449\uff08\u6c7a\u7b56\u4e2d\u5fc3\uff09\u7684\u6d3b\u6027\u6709\u986f\u8457\u589e\u9577\u3002\n <\/p>\n <div id=\"brainHeatmap\" class=\"w-full bg-white rounded-xl overflow-hidden shadow-inner\" style=\"height: 400px;\"><\/div>\n <p class=\"text-[10px] md:text-xs mt-4 text-blue-200 italic\">\u8a3b\uff1a\u71b1\u5716\u986f\u793a\u8a9e\u8a00\u8907\u96dc\u5ea6\u8207\u6587\u5316\u6df1\u5ea6\u5c0d\u5927\u8166\u795e\u7d93\u5143\u806f\u63a5\u5ea6\u7684\u6b63\u5411\u5f71\u97ff\u3002<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12\">\n <div class=\"stat-card\">\n <h3 class=\"serif text-xl text-[#1e3a8a] mb-4\">\u8ab2\u7a0b\u8a13\u7df4\u6838\u5fc3\u5206\u4f48<\/h3>\n <div class=\"chart-container\" style=\"height: 300px;\">\n <canvas id=\"compositionChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"stat-card\" style=\"border-top-color: #ef4444\">\n <h3 class=\"serif text-xl text-[#1e3a8a] mb-4\">\u6559\u990a\u6210\u9577\u8def\u5f91 (Flow)<\/h3>\n <div class=\"flex flex-col gap-2 mt-4\">\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#1e3a8a] text-white shadow-md\">\n \u512a\u96c5\u5100\u614b\u8207\u773c\u795e\u63a5\u89f8 (\u5100\u614b)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#ef4444] text-white shadow-md\">\n \u5c08\u696d\u8b70\u6703\u5f0f\u8faf\u8ad6 (\u601d\u8fa8)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold text-sm md:text-lg bg-[#1e3a8a] text-white shadow-md\">\n \u904b\u52d5\u5bb6\u7cbe\u795e\u8207\u5c0a\u91cd (\u7af6\u6280)\n <\/div>\n <div class=\"flow-arrow\"><\/div>\n <div class=\"flow-node text-center font-bold bg-[#fbbf24] text-[#1e3a8a] text-base md:text-xl shadow-lg border-2 border-[#1e3a8a]\">\n \u5168\u9762\u9818\u8896\u7d1a\u500b\u4eba\u9b45\u529b\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"text-center p-8 bg-slate-100 rounded-2xl border-dashed border-2 border-slate-300\">\n <h2 class=\"serif text-2xl text-[#1e3a8a] mb-2\">\u300c\u4e0d\u50c5\u662f\u751f\u5b58\u6280\u80fd\uff0c\u66f4\u662f\u751f\u6d3b\u7684\u85dd\u8853\u300d<\/h2>\n <p class=\"text-slate-500\">\u535a\u96c5\u9818\u8896\u9ad4\u9a57\u8a08\u5283 \u2014\u2014 \u70ba\u5b69\u5b50\u9078\u64c7\u66f4\u6709\u9ad8\u5ea6\u7684\u4eba\u751f\u614b\u5ea6<\/p>\n <\/footer>\n<\/div>\n\n<script>\n \/\/ --- UI Logic ---\n function toggleBlock(el) {\n const blocks = document.querySelectorAll('.content-block');\n blocks.forEach(b => {\n if(b !== el) b.classList.remove('active');\n });\n el.classList.toggle('active');\n }\n\n \/\/ --- MOBILE MENU FIX ---\n const menuToggle = document.getElementById('menu-toggle');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if (menuToggle && mobileMenu) {\n menuToggle.addEventListener('click', function(e) {\n e.preventDefault();\n e.stopPropagation();\n mobileMenu.classList.toggle('open');\n });\n\n \/\/ Close menu when clicking a link\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.remove('open');\n });\n });\n\n \/\/ Close menu when clicking outside\n document.addEventListener('click', (e) => {\n if (mobileMenu.classList.contains('open') && !menuToggle.contains(e.target) && !mobileMenu.contains(e.target)) {\n mobileMenu.classList.remove('open');\n }\n });\n }\n\n \/\/ \u56de\u5230\u9802\u90e8\u6309\u9215\u908f\u8f2f\n let mybutton = document.getElementById(\"backToTopBtn\");\n\n window.onscroll = function() {scrollFunction()};\n\n function scrollFunction() {\n if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {\n mybutton.style.display = \"flex\";\n } else {\n mybutton.style.display = \"none\";\n }\n }\n\n function topFunction() {\n window.scrollTo({\n top: 0,\n behavior: 'smooth'\n });\n }\n\n \/\/ --- Data Preparation ---\n function wrapLabels(labels) {\n return labels.map(label => {\n if (label.length <= 16) return label;\n const words = label.split('');\n const result = [];\n let currentLine = \"\";\n words.forEach(char => {\n if (currentLine.length < 12) {\n currentLine += char;\n } else {\n result.push(currentLine);\n currentLine = char;\n }\n });\n result.push(currentLine);\n return result;\n });\n }\n\n const tooltipConfig = {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n return Array.isArray(label) ? label.join('') : label;\n }\n }\n };\n \n \/\/ --- Chart Initialization ---\n window.onload = function() {\n if (typeof Chart === 'undefined' || typeof Plotly === 'undefined') {\n console.error('Libraries not loaded yet');\n return;\n }\n\n const isMobile = window.innerWidth < 768;\n\n \/\/ Radar Chart\n const ctxRadar = document.getElementById('radarChart').getContext('2d');\n new Chart(ctxRadar, {\n type: 'radar',\n data: {\n labels: wrapLabels(['\u8a9e\u8a00\u6df1\u5ea6\u8868\u9054', '\u7b56\u7565\u908f\u8f2f\u601d\u7dad', '\u793e\u4ea4\u79ae\u5100\u7d20\u990a', '\u60c5\u7dd2\u8abf\u7bc0\u80fd\u529b', '\u6587\u5316\u570b\u969b\u8996\u91ce']),\n datasets: [{\n label: '\u535a\u96c5\u6559\u80b2\u8a08\u5283',\n data: [95, 90, 98, 85, 92],\n borderColor: '#fbbf24',\n backgroundColor: 'rgba(251, 191, 36, 0.4)',\n borderWidth: 3,\n pointBackgroundColor: '#fbbf24'\n }, {\n label: '\u50b3\u7d71\u55ae\u4e00\u8ab2\u7a0b',\n data: [65, 70, 50, 60, 45],\n borderColor: '#1e3a8a',\n backgroundColor: 'rgba(30, 58, 138, 0.2)',\n borderWidth: 2,\n pointBackgroundColor: '#1e3a8a'\n }]\n },\n options: {\n maintainAspectRatio: false,\n plugins: { \n tooltip: tooltipConfig, \n legend: { position: 'bottom', labels: { boxWidth: 10, font: { size: 10 } } } \n },\n scales: { r: { suggestedMin: 0, suggestedMax: 100, ticks: { display: false } } }\n }\n });\n\n \/\/ Doughnut Chart\n const ctxDoughnut = document.getElementById('compositionChart').getContext('2d');\n new Chart(ctxDoughnut, {\n type: 'doughnut',\n data: {\n labels: wrapLabels(['\u5c08\u696d\u6f14\u8aaa\u8a13\u7df4', '\u904b\u52d5\u7cbe\u82f1\u9ad4\u9a57', '\u535a\u96c5\u6587\u5316\u5ef6\u4f38', '\u6559\u990a\u5100\u614b\u6307\u5c0e']),\n datasets: [{\n data: [30, 25, 25, 20],\n backgroundColor: ['#1e3a8a', '#fbbf24', '#ef4444', '#334155'],\n borderWidth: 0\n }]\n },\n options: {\n maintainAspectRatio: false,\n cutout: '60%',\n plugins: { \n tooltip: tooltipConfig, \n legend: { position: isMobile ? 'bottom' : 'right', labels: { boxWidth: 10, font: { size: 10 } } } \n }\n }\n });\n\n \/\/ Plotly Heatmap\n const resolution = isMobile ? 12 : 24; \n const zData = [];\n for(let i=0; i<resolution; i++) {\n const row = [];\n for(let j=0; j<resolution; j++) {\n const center = resolution * 0.75;\n row.push(Math.exp(-(Math.pow(i-center, 2)\/(resolution*2) + Math.pow(j-center, 2)\/(resolution*2))) * 100 + Math.random()*15);\n }\n zData.push(row);\n }\n\n const plotlyData = [{\n z: zData,\n type: 'heatmap',\n colorscale: [[0, '#f8fafc'], [0.4, '#fbbf24'], [1, '#ef4444']],\n showscale: false,\n hoverongaps: false,\n xgap: isMobile ? 2 : 1,\n ygap: isMobile ? 2 : 1\n }];\n\n const plotlyLayout = {\n title: { \n text: isMobile ? '\u524d\u984d\u8449\u6fc0\u767c\u6d3b\u6027' : '\u5927\u8166\u795e\u7d93\u5143\u6fc0\u767c\u5ea6\u5206\u6790', \n font: { family: 'Noto Serif TC', size: isMobile ? 14 : 18, color: '#1e3a8a' } \n },\n margin: { t: 40, b: 10, l: 10, r: 10 },\n xaxis: { showgrid: false, zeroline: false, showticklabels: false, fixedrange: true },\n yaxis: { showgrid: false, zeroline: false, showticklabels: false, fixedrange: true },\n paper_bgcolor: 'rgba(0,0,0,0)',\n plot_bgcolor: 'rgba(0,0,0,0)',\n autosize: true\n };\n\n const config = { \n responsive: true, \n displayModeBar: false, \n staticPlot: true \n };\n\n Plotly.newPlot('brainHeatmap', plotlyData, plotlyLayout, config);\n };\n<\/script>\n\n<\/body>\n<\/html>\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>\u535a\u96c5\u9818\u8896\u6559\u80b2\uff1a\u6210\u5c31\u672a\u4f86\u9818\u8896\u7684\u6df1\u5ea6\u5167\u6db5 WMEA \u535a\u96c5\u9818\u8896\u6559\u80b2 \u6838\u5fc3\u5167\u6db5 \u512a\u52e2\u5c0d\u6bd4 \u79d1\u5b78\u4f9d\u64da \u7acb\u5373\u53c3\u52a0 \u6838\u5fc3\u5167\u6db5 \u512a\u52e2\u5c0d\u6bd4 \u79d1\u5b78\u4f9d\u64da \u7acb\u5373\u53c3\u52a0\u8ab2\u7a0b \u5353\u8d8a\u6559\u990a\u7684\u6839\u6e90\uff1a\u89e3\u69cb\u300c\u535a\u96c5\u6559\u80b2\u300d\u6df1\u5ea6\u5167\u6db5 \u5728\u5b69\u5b50\u7684\u6210\u9577\u85cd\u5716\u4e2d\uff0c\u4ec0\u9ebc\u624d\u662f\u652f\u6490\u4ed6\u5011\u8d70\u5411\u672a\u4f86\u7684\u6838\u5fc3\u7af6\u722d\u529b\uff1f 1 \u8a9e\u8a00\u7684\u6607\u83ef\uff1a\u9818\u8896\u601d\u7dad\u7684\u8d77\u9ede \u5b78\u7fd2\u82f1\u8a9e\u4e0d\u518d\u50c5\u50c5\u662f\u70ba\u4e86\u61c9\u4ed8\u8003\u8a66\uff0c\u800c\u662f\u601d\u7dad\u7684\u8f09\u9ad4\uff1a \u6df1\u5ea6\u8868\u9054\u529b\uff1a \u900f\u904e\u53e4\u5178\u6587\u5b78\u8a13\u7df4\uff0c\u5b78\u7fd2\u7cbe\u6e96\u5f97\u9ad4\u7684\u8a5e\u5f59\u3002 \u5927\u8166\u958b\u767c\uff1a \u8c50\u5bcc\u7684\u8a9e\u8a00\u74b0\u5883\u80fd\u523a\u6fc0\u524d\u984d\u8449\uff0c\u63d0\u5347\u908f\u8f2f\u63a8\u7406\u3002 \u6587\u5316\u8996\u91ce\uff1a \u7406\u89e3\u8a9e\u8a00\u80cc\u5f8c\u7684\u50f9\u503c\u89c0\uff0c\u5efa\u7acb\u570b\u969b\u5171\u9cf4\u3002 2 \u6587\u5316\u8207\u6280\u80fd\uff1a\u5168\u8166\u767c\u5c55\u7684\u50ac\u5316\u5291 \u512a\u96c5\u904b\u52d5 (\u54e5\u723e\u592b\u3001\u7db2\u7403) \u935b\u934a\u9ad4\u683c\uff0c\u66f4\u5728\u65bc\u57f9\u990a\u7b56\u7565\u601d\u7dad\u8207\u60c5\u7dd2\u7a69\u5b9a\u6027\u3002 \u85dd\u8853\u8207\u5100\u614b \u900f\u904e\u6232\u5287\u8207\u80a2\u9ad4\u8a13\u7df4\uff0c\u6fc0\u6d3b\u611f\u5b98\u654f\u92b3\u5ea6\u8207\u5171\u60c5\u80fd\u529b\u3002 3 \u6559\u990a\u7684\u6df1\u5ea6\uff1a\u5f62\u5851\u53d7\u6559\u80b2\u7684\u9748\u9b42 \u771f\u6b63\u7684\u77e5\u8b58\u5fc5\u9808\u4f34\u96a8\u8457\u5f97\u9ad4\u7684\u884c\u70ba\uff1a \u5100\u614b\u79ae\u7bc0\uff1a \u5c07\u9910\u684c\u79ae\u5100\u8207\u793e\u4ea4\u898f\u7bc4\u5167\u5316\u70ba\u672c\u80fd\uff0c\u5c55\u73fe\u5c0a\u56b4\u8207\u5c0a\u91cd\u3002 \u8aa0\u4fe1\u7d00\u5f8b\uff1a \u5b88\u6642\u3001\u5b88\u4fe1\u3001\u5c0a\u91cd\u898f\u5247\uff0c\u662f\u9032\u5165\u7cbe\u82f1\u793e\u6703\u7684\u901a\u884c\u8b49\u3002 4 \u7d50\u8a9e\uff1a\u9001\u7d66\u5b69\u5b50\u4f34\u96a8\u4e00\u751f\u7684\u79ae\u7269 \u300c\u535a\u96c5\u6559\u80b2\uff0c\u6559\u7d66\u5b69\u5b50\u751f\u6d3b\u7684\u85dd\u8853\u3002\u300d \u5728\u5168\u8a9e\u8a00\u74b0\u5883\u6210\u9577\uff0c\u958b\u767c\u6f5b\u80fd\uff0c\u5efa\u7acb\u81ea\u4fe1\uff0c\u6210\u70ba\u667a\u6167\u8c50\u76c8\u7684\u5168\u9762\u4eba\u3002 95% \u5927\u8166\u8a8d\u77e5\u654f\u611f\u5ea6\u63d0\u5347 \u6e90\u81ea\u8c50\u5bcc\u6587\u5316\u8a9e\u8a00\u74b0\u5883\u523a\u6fc0 24\/7 \u5167\u5316\u6559\u990a\u8207\u7d00\u5f8b \u900f\u904e\u79ae\u5100\u8a13\u7df4\u8f49\u5316\u70ba\u81ea\u7136\u672c\u80fd 100% \u5168\u65b9\u4f4d\u9818\u8896\u529b\u8986\u84cb \u5f9e\u6f14\u8b1b\u5230\u904b\u52d5\u7684\u8de8\u9818\u57df\u8a13\u7df4 \u535a\u96c5\u6559\u80b2 vs \u50b3\u7d71\u55ae\u4e00\u6559\u80b2 \u535a\u96c5\u6559\u80b2\u5f37\u8abf\u300c\u7dad\u5ea6\u64f4\u5f35\u300d\u3002\u4e0d\u50c5\u5728\u5b78\u8853\u4e0a\u9818\u5148\uff0c\u66f4\u5728\u60c5\u7dd2\u7ba1\u7406\u3001\u793e\u4ea4\u79ae\u5100\u8207\u7b56\u7565\u601d\u8003\u7b49\u300c\u8edf\u5be6\u529b\u300d\u4e0a\u5f62\u6210\u7d55\u5c0d\u512a\u52e2\u3002 \u535a\u96c5\u9818\u8896\uff1a\u5177\u5099\u591a\u7dad\u5ea6\u7b56\u7565\u8207\u540c\u7406\u5fc3 \u50b3\u7d71\u6a21\u5f0f\uff1a\u5074\u91cd\u55ae\u5411\u77e5\u8b58\u704c\u8f38 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Liberal Education – Infographic”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-1026","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/comments?post=1026"}],"version-history":[{"count":97,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026\/revisions"}],"predecessor-version":[{"id":1215,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/1026\/revisions\/1215"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=1026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}