\u535a\u96c5\u9818\u8896 \u2027 \u555f\u767c\u667a\u6167 - \u300e\u535a\u96c5\u300f\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;700&family=Noto+Sans+TC:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans TC', sans-serif;\n scroll-behavior: smooth;\n }\n .serif {\n font-family: 'Noto Serif TC', serif;\n }\n .hero-gradient {\n background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), url('https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.17.43.jpeg?auto=format&fit=crop&q=80&w=1600') center\/cover;\n }\n .card-hover:hover {\n transform: translateY(-5px);\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n .sogo-gold {\n color: #af935a;\n }\n .bg-sogo-gold {\n background-color: #af935a;\n }\n \/* AI Loading \u6548\u679c *\/\n .ai-loading-dot {\n animation: dot-pulse 1.5s infinite ease-in-out;\n }\n @keyframes dot-pulse {\n 0%, 100% { opacity: 0.2; }\n 50% { opacity: 1; }\n }\n \/* \u56de\u5230\u9802\u90e8\u6309\u9215 *\/\n #back-to-top {\n opacity: 0;\n visibility: hidden;\n transition: all 0.4s ease;\n }\n #back-to-top.show {\n opacity: 1;\n visibility: visible;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n \n <nav class=\"sticky top-0 z-50 bg-white\/80 backdrop-blur-md border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-20 items-center\">\n <div class=\"flex items-center\">\n <a href=\"https:\/\/wmea.charity\" class=\"hover:opacity-80 transition-opacity\">\n <span class=\"serif text-2xl font-bold tracking-wider text-slate-900\">\u300e\u555f\u840c\u300f<span class=\"sogo-gold\">\u535a\u96c5\u9818\u8896<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <a href=\"#about\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6d3b\u52d5\u7c21\u4ecb<\/a>\n <a href=\"#matrix\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6838\u5fc3\u8ab2\u7a0b<\/a>\n <a href=\"#culture\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6587\u5316\u5ef6\u4f38<\/a>\n <a href=\"#ai-analyzer\" class=\"text-sogo-gold font-bold hover:opacity-80 transition\">\u2728 \u535a\u96c5\u9818\u8896\u5206\u6790<\/a>\n <a href=\"#contact\" class=\"bg-sogo-gold text-white px-6 py-2 rounded-full hover:bg-opacity-90 transition\">\u7acb\u5373\u67e5\u8a62<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-gradient py-20 lg:py-32 px-4\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <div class=\"inline-block px-4 py-1 mb-6 border border-sogo-gold text-sogo-gold rounded-full font-bold tracking-widest text-sm uppercase\">\n \u7531 \u5d07\u5149\u767e\u8ca8\uff08SOGO\uff09\u555f\u5fb7\u5e97 \u9f0e\u529b\u8d0a\u52a9\n <\/div>\n <h1 class=\"serif text-4xl md:text-6xl font-bold mb-6 text-slate-900 leading-tight\">\n \u535a\u96c5\u9818\u8896 \u2027 \u555f\u767c\u667a\u6167\n <\/h1>\n <p class=\"serif text-xl md:text-2xl text-slate-600 mb-10 tracking-widest\">\n \u2014\u2014 \u50b3\u7d71\u6416\u7c43\uff0c\u9818\u8896\u6559\u990a \u2014\u2014\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 items-center\">\n <a href=\"#matrix\" class=\"bg-slate-900 text-white px-8 py-4 rounded-lg text-lg font-bold hover:bg-slate-800 transition shadow-lg w-full sm:w-auto text-center\">\u63a2\u7d22\u8ab2\u7a0b<\/a>\n <a href=\"#ai-analyzer\" class=\"bg-white text-sogo-gold border-2 border-sogo-gold px-8 py-4 rounded-lg text-lg font-bold hover:bg-amber-50 transition shadow-md w-full sm:w-auto text-center flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> \u535a\u96c5\u9818\u8896 \u5206\u6790\n <\/a>\n <a href=\"#contact\" class=\"bg-white text-slate-900 border border-slate-300 px-8 py-4 rounded-lg text-lg font-bold hover:bg-slate-50 transition w-full sm:w-auto text-center\">\u806f\u7d61\u63d0\u540d<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div>\n <h2 class=\"serif text-3xl font-bold mb-6\">\u57f9\u80b2\u5177\u5099\u570b\u969b\u8996\u91ce\u3001<br>\u81ea\u4fe1\u512a\u96c5\u7684\u672a\u4f86\u9818\u8896<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n \u300e\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283\u300f\u79c9\u6301\u300c\u5168\u4eba\u767c\u5c55\u300d\u7684\u6838\u5fc3\u7406\u5ff5\uff0c\u62d2\u7d55\u523b\u677f\u6559\u5b78\uff0c\u900f\u904e\u535a\u96c5\u6559\u80b2\uff08Liberal Education\uff09\u7684\u7cbe\u9ad3\uff0c\u5728\u512a\u96c5\u4e2d\u5f15\u5c0e\u5b69\u5b50\u6210\u9577\u3002\u9019\u4e0d\u50c5\u662f\u82f1\u8a9e\u80fd\u529b\u7684\u63d0\u5347\uff0c\u66f4\u662f\u4e00\u5834\u95dc\u65bc\u6559\u990a\u3001\u54c1\u683c\u8207\u667a\u6167\u7684\u555f\u8499\u65c5\u7a0b\u3002\n <\/p>\n <ul class=\"space-y-4\">\n<a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" target=\"_blank\" class=\"custom-link p-2\">\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u535a\u96c5\u6559\u80b2\uff1a<\/strong> \u4ec0\u9ebc\u662f\u300e\u535a\u96c5\u6559\u80b2\u300f<\/span>\n <\/li>\n <\/a>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u76ee\u6a19\u5c0d\u8c61\uff1a<\/strong> 3-11 \u6b72\u5b78\u7ae5 (K1 - P5)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u6d3b\u52d5\u9031\u671f\uff1a<\/strong> 6 \u500b\u6708\u6df1\u5ea6\u9ad4\u9a57 (\u5206\u5169\u671f\u9032\u884c\uff0c\u6bcf\u671f3\u500b\u6708)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u6210\u9577\u9ad4\u9a57\u65e5\u71df\uff1a<\/strong> \u6236\u5916\u9032\u884c (\u5bb6\u9577\u53ef\u9078\u4ed8\u8cbb\u89aa\u5b50\u7559\u5bbf)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u8d0a\u52a9\u8a08\u5283\uff1a<\/strong> \u7372\u63d0\u540d\u8005\u53ef\u4eab\u8d0a\u52a9\u50f9 $2,288\/\u671f (\u539f\u50f9 $2,888)<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-100 rounded-2xl overflow-hidden aspect-video relative\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-13-01-20-16.jpg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5152\u7ae5\u6559\u80b2\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-slate-900\/10 hover:bg-transparent transition\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matrix\" class=\"py-20 bg-slate-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"serif text-3xl font-bold mb-4 text-slate-900\">\u6838\u5fc3\u6d3b\u52d5\u77e9\u9663<\/h2>\n <div class=\"w-20 h-1 bg-sogo-gold mx-auto\"><\/div>\n <p class=\"mt-4 text-slate-500\">\u7d50\u5408\u81ea\u4fe1\u8868\u9054\u3001\u5c08\u696d\u904b\u52d5\u8207\u7cbe\u82f1\u79ae\u5100\u7684\u5e73\u8861\u8ab2\u7a0b<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-microphone-lines\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u5c08\u696d\u6f14\u8b1b\u8a13\u7df4<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u878d\u5165\u8b70\u6703\u8faf\u8ad6\u98a8\u683c\uff0c\u626e\u6f14\u300c\u5c0f\u5c0f\u8b70\u54e1\u300d\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u5efa\u7acb\u81ea\u4fe1\uff0c\u514b\u670d\u821e\u53f0\u6050\u61fc\uff0c\u5b78\u7fd2\u63a5\u7d0d\u53ca\u8a8d\u771f\u50be\u807d\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-green-50 text-green-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-golf-ball-tee\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u54e5\u723e\u592b\u7403\u57fa\u790e<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u535a\u96c5\u7d33\u58eb\u904b\u52d5\u50b3\u7d71\uff0c\u5f37\u8abf\u69ae\u8b7d\u8207\u8aa0\u5be6\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u57f9\u990a\u60c5\u7dd2\u7a69\u5b9a\u6027\u3001\u5c08\u6ce8\u529b\u8207\u7b56\u7565\u601d\u8003\u80fd\u529b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-red-50 text-red-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-utensils\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u512a\u96c5\u9910\u684c\u79ae\u5100<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u5be6\u8e10\u5200\u53c9\u898f\u7bc4\uff0c\u6a21\u64ec\u535a\u96c5\u4e0b\u5348\u8336\u5be6\u5883\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u63d0\u5347\u793e\u4ea4\u81ea\u4fe1\uff0c\u638c\u63e1\u793e\u4ea4\u5834\u5408\u7684\u8ac7\u8a71\u4e3b\u5c0e\u529b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-orange-50 text-orange-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-user-check\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u500b\u4eba\u5100\u614b (Etiquette)<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u7d50\u5408\u81ea\u4fe1\u773c\u795e\u8207\u59ff\u614b\u8a13\u7df4\uff0c\u5167\u5316\u5100\u8868\u898f\u7bc4\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u6210\u5c31\u9818\u8896\u7d1a\u7684\u500b\u4eba\u9b45\u529b\u8207\u699c\u6a23\u7cbe\u795e\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-circle-dot\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u7db2\u7403\u7cbe\u82f1\u9ad4\u9a57<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u6a21\u64ec\u535a\u96c5\u7db2\u7403\u8cfd\u5236\uff0c\u5f37\u8abf\u5c0a\u91cd\u8207\u904b\u52d5\u5bb6\u7cbe\u795e\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u8f2a\u6d41\u64d4\u4efb\u968a\u9577\uff0c\u5b78\u7fd2\u5718\u968a\u5354\u4f5c\u8207\u9818\u5c0e\u610f\u8b58\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-amber-50 text-amber-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-campground\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u6210\u9577\u9ad4\u9a57\u65e5\u71df<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u6a21\u64ec\u50b3\u7d71\u7ae5\u8ecd\u7cbe\u795e\uff0c\u5305\u542b\u5718\u968a\u5408\u4f5c\u8207\u53cd\u601d\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u7df4\u7fd2\u7368\u7acb\u6c7a\u7b56\u8207\u5be6\u8e10\u57fa\u790e\u5718\u968a\u7ba1\u7406\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"culture\" class=\"py-20 bg-slate-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"serif text-3xl font-bold mb-16 sogo-gold text-center\">\u6df1\u5ea6\u535a\u96c5\u6587\u5316\u5ef6\u4f38<\/h2>\n \n <div class=\"space-y-12\">\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 01<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u535a\u96c5\u4e0b\u5348\u8336\u6d3e\u5c0d<\/h3>\n <p class=\"text-slate-400 mb-4\">\u5b78\u7fd2\u8336\u85dd\u64fa\u76e4\u8207\u79ae\u5100\uff0c\u5728\u9999\u6c23\u4e2d\u7df4\u7fd2\u4e3b\u6301\u805a\u6703\uff0c\u5316\u8eab\u5c0f\u5c0f\u4e3b\u4eba\uff08Host\uff09\u3002<\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7dad\u591a\u5229\u4e9e\u8336\u6703<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u5be6\u6230\u4e3b\u6301<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.24.33.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u535a\u96c5\u4e0b\u5348\u8336\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div class=\"md:order-last\">\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 02<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u7d93\u5178\u6587\u5b78\u89d2\u8272\u626e\u6f14<\/h3>\n <p class=\"text-slate-400 mb-4\">\u6f14\u7e79\u838e\u58eb\u6bd4\u4e9e\u50b3\u5947\u6545\u4e8b\u3002\u900f\u904e\u6587\u5b78\u5c0d\u8a71\u57f9\u990a\u6c7a\u65b7\u529b\uff0c\u935b\u934a\u516c\u5171\u6f14\u8aaa\u7684\u5f37\u5927\u6c23\u5834\u3002<\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u6232\u5287\u6cbb\u7642<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u60c5\u611f\u8868\u9054<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.26.14.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u7d93\u5178\u6587\u5b78\u89d2\u8272\u626e\u6f14\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 03<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u5712\u85dd\u5de5\u4f5c\u574a<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u6234\u4e0a\u624b\u5957\uff0c\u5728\u6a21\u64ec\u7a2e\u690d\u5712\u5167\u9ad4\u9a57\u52d9\u8fb2\u8da3\uff0c\u5b78\u7fd2\u7167\u9867\u8207\u5c0a\u91cd\u751f\u547d\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u900f\u904e\u5c0f\u7d44\u5206\u5de5\u7dad\u8b77\u76c6\u683d\uff0c\u57f9\u990a\u5c0d\u4efb\u52d9\u7684\u8cac\u4efb\u611f\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u52d9\u8fb2\u9ad4\u9a57<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u8cac\u4efb\u57f9\u990a<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.27.56.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5712\u85dd\u5de5\u4f5c\u574a\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div class=\"md:order-last\">\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 04<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u5152\u7ae5\u6587\u5b78\u95b1\u8b80\u65e5<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u6c89\u6d78\u65bc\u7d93\u5178\u535a\u96c5\u5716\u66f8\u9928\u98a8\u683c\uff0c\u63a2\u7d22\u300a\u7da0\u91ce\u4ed9\u8e64\u300b\u7684\u5c0f\u5192\u96aa\u5bb6\u7cbe\u795e\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u5b78\u54e1\u8f2a\u6d41\u8b1b\u8ff0\u6545\u4e8b\u7247\u6bb5\uff0c\u5728\u773e\u4eba\u9762\u524d\u63d0\u5347\u6558\u8ff0\u81ea\u4fe1\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7d93\u5178\u5c0e\u8b80<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u6558\u8ff0\u529b\u63d0\u5347<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.29.58.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5152\u7ae5\u6587\u5b78\u95b1\u8b80\u65e5\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 05<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u535a\u96c5\u5713\u5708\u904a\u6232\u8207\u6c11\u8b20<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u878d\u5165\u50b3\u7d71\u7ae5\u8b20\u6587\u5316\uff0c\u900f\u904e\u300cMulberry Bush\u300d\u7b49\u904a\u6232\u5f37\u5316\u7fa4\u9ad4\u4e92\u52d5\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u8f2a\u6d41\u64d4\u4efb\u9818\u5531\u6216\u904a\u6232\u5e36\u9818\u8005\uff0c\u5728\u5f8b\u52d5\u4e2d\u5efa\u7acb\u5718\u968a\u7cbe\u795e\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7ae5\u8b20\u6587\u5316<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u5718\u968a\u7cbe\u795e<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.34.58.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u535a\u96c5\u5713\u5708\u904a\u6232\u8207\u6c11\u8b20\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-sogo-gold text-white overflow-hidden relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <h2 class=\"serif text-3xl md:text-4xl font-bold mb-6\">\u5353\u8d8a\u8868\u73fe\u734e\u52f5\u8a08\u5283<\/h2>\n <p class=\"text-xl opacity-90 mb-8 max-w-2xl mx-auto\">\n \u5b8c\u6210\u5168\u7a0b\u8a13\u7df4\u4e4b\u5091\u51fa\u5b78\u54e1\uff0c\u5c07\u6709\u6a5f\u6703\u7372\u5f97\u7531 \u300e\u5d07\u5149\u767e\u8ca8\u555f\u5fb7\u5e97\u300f \u51a0\u540d\u8d0a\u52a9\u4e4b\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\uff0c\u9f13\u52f5\u5176\u6301\u7e8c\u9032\u6b65\u7684\u4eba\u751f\u4e4b\u8def\u3002\n <\/p>\n <\/div>\n <div class=\"absolute top-0 right-0 opacity-10 transform translate-x-1\/4 -translate-y-1\/4\">\n <i class=\"fa-solid fa-award text-[300px]\"><\/i>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-16\">\n <div>\n <h2 class=\"serif text-3xl font-bold mb-8 text-slate-900\">\u5831\u540d\u8207\u63d0\u540d\u67e5\u8a62<\/h2>\n <p class=\"text-slate-600 mb-10\">\n \u672c\u8a08\u5283\u63a1\u63d0\u540d\u5236\uff0c\u767c\u6398\u5177\u6f5b\u8cea\u7684\u672a\u4f86\u7cbe\u82f1\u3002\u6211\u5011\u8aa0\u9080\u5404\u6821\u65b9\u4ee3\u8868\u6216\u5bb6\u9577\u900f\u904e\u5b98\u65b9\u6e20\u9053\u67e5\u8a62\u53ca\u7d22\u53d6\u63d0\u540d\u8868\u683c\u3002\n <\/p>\n <div class=\"space-y-6\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-sogo-gold\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u67e5\u8a62\u96fb\u8a71<\/div>\n <div class=\"text-lg font-bold\">2677-6277<\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-sogo-gold\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u96fb\u5b50\u90f5\u4ef6<\/div>\n <div class=\"text-lg font-bold\">info@wmea.charity<\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-green-500\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">WhatsApp<\/div>\n <div class=\"text-lg font-bold underline\"><a href=\"https:\/\/wa.link\/xh1v4c\" target=\"_blank\">\u9ede\u64ca\u555f\u52d5\u5c0d\u8a71<\/a><\/div>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-blue-500\">\n <i class=\"fa-solid fa-file-signature\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u5831\u540d\u8868<\/div>\n <div class=\"text-lg font-bold underline\"><a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" target=\"_blank\">\u9ede\u64ca\u7dda\u4e0a\u7533\u8acb<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-200\">\n <h3 class=\"serif text-xl font-bold mb-6\">\u6d3b\u52d5\u540d\u984d\u6709\u9650<\/h3>\n <div class=\"bg-white p-6 rounded-xl border border-slate-200 mb-6\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-slate-600 font-bold\">\u5168\u6e2f\u5e7c\u7a1a\u5712\u540d\u984d<\/span>\n <span class=\"text-sogo-gold font-bold\">20 \u540d<\/span>\n <\/div>\n <div class=\"w-full bg-slate-100 h-2 rounded-full overflow-hidden\">\n <div class=\"bg-sogo-gold w-1\/4 h-full\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl border border-slate-200 mb-8\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-slate-600 font-bold\">\u5168\u6e2f\u5c0f\u5b78\u540d\u984d<\/span>\n <span class=\"text-sogo-gold font-bold\">20 \u540d<\/span>\n <\/div>\n <div class=\"w-full bg-slate-100 h-2 rounded-full overflow-hidden\">\n <div class=\"bg-sogo-gold w-1\/3 h-full\"><\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 text-center\">\n * \u540d\u984d\u6309\u5831\u540d\u5148\u5f8c\u6b21\u5e8f\u8655\u7406\uff0c\u984d\u6eff\u5373\u6b62\u3002\n <\/p>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" target=\"_blank\" class=\"block w-full text-center bg-slate-900 text-white py-4 rounded-xl font-bold mt-8 hover:bg-slate-800 transition shadow-lg\">\n \u7d22\u53d6\u63d0\u540d\u7c21\u7ae0\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"ai-analyzer\" class=\"py-24 bg-slate-50 border-t border-slate-200\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-sogo-gold\/20 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-8 opacity-5 pointer-events-none\">\n <i class=\"fa-solid fa-wand-magic-sparkles text-9xl\"><\/i>\n <\/div>\n \n <div class=\"text-center mb-10\">\n <h2 class=\"serif text-3xl font-bold mb-4 text-slate-900\">\u2728 \u535a\u96c5\u9818\u8896\u7279\u8cea\u5206\u6790<\/h2>\n <div class=\"w-16 h-1 bg-sogo-gold mx-auto mb-6\"><\/div>\n <p class=\"text-slate-600 leading-relaxed\">\n \u900f\u904e \u535a\u96c5\u9867\u554f\uff0c\u7d50\u5408\u535a\u96c5\u6559\u80b2\u7406\u5ff5\uff0c\u6211\u5011\u5c07\u6839\u64da\u60a8\u63cf\u8ff0\u7684\u5b69\u5b50\u7279\u8cea\uff0c\u5373\u6642\u88fd\u4f5c\u5c08\u5c6c\u60a8\u5b69\u5b50\u7684\u9818\u8896\u6f5b\u529b\u5206\u6790\uff0c\u5e6b\u52a9\u60a8\u66f4\u4e86\u89e3\u5b69\u5b50\u5728\u672a\u4f86\u7cbe\u82f1\u8def\u4e0a\u7684\u767c\u5c55\u65b9\u5411\u3002\n <\/p>\n <\/div>\n\n <div class=\"space-y-6\">\n <div>\n <label class=\"block text-sm font-bold text-slate-700 mb-2\">\u8acb\u63cf\u8ff0\u5b69\u5b50\u7684\u7279\u8cea\u6216\u8208\u8da3\uff08\u4f8b\u5982\uff1a\u559c\u6b61\u756b\u756b\u3001\u6027\u683c\u958b\u6717\u4f46\u5076\u723e\u5bb3\u7f9e\u3001\u5c0d\u6606\u87f2\u611f\u8208\u8da3\u7b49\uff09<\/label>\n <textarea id=\"aiInput\" class=\"w-full p-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-sogo-gold focus:border-transparent outline-none transition h-32 resize-none\" placeholder=\"\u8f38\u5165\u5167\u5bb9\u4ee5\u7372\u5f97 \u535a\u96c5\u9867\u554f \u5efa\u8b70...\"><\/textarea>\n <\/div>\n\n <button id=\"aiBtn\" onclick=\"generateAnalysis()\" class=\"w-full bg-slate-900 text-white py-4 rounded-xl font-bold text-lg hover:bg-slate-800 transition flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-sparkles\"><\/i> <span>\u958b\u59cb \u535a\u96c5\u9818\u8896\u5206\u6790<\/span>\n <\/button>\n\n \n <div id=\"aiResult\" class=\"hidden mt-8 p-6 bg-slate-50 rounded-2xl border-l-4 border-sogo-gold animate-in fade-in slide-in-from-bottom-4 duration-500 shadow-inner\">\n <div class=\"flex items-center gap-2 mb-4 text-sogo-gold font-bold\">\n <i class=\"fa-solid fa-comment-dots\"><\/i>\n <span>\u535a\u96c5\u9867\u554f\u5206\u6790\u5efa\u8b70\uff1a<\/span>\n <\/div>\n <div id=\"aiOutput\" class=\"text-slate-700 leading-relaxed whitespace-pre-wrap italic text-lg\"><\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-200 text-center\">\n <p class=\"text-slate-400 text-sm mb-4\">\u9019\u4efd\u5efa\u8b70\u662f\u5426\u8b93\u60a8\u66f4\u4e86\u89e3\u5b69\u5b50\uff1f\u6b61\u8fce\u806f\u7d61\u6211\u5011\u9032\u4e00\u6b65\u8a0e\u8ad6\u3002<\/p>\n <a href=\"#contact\" class=\"inline-block text-sogo-gold border border-sogo-gold px-6 py-2 rounded-full hover:bg-sogo-gold hover:text-white transition-all text-sm font-bold\">\u9810\u7d04\u9818\u8896\u7279\u8cea\u8aee\u8a62<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white border-t border-slate-200 py-12\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p class=\"serif text-xl font-bold text-slate-900 mb-4\">\u300e\u555f\u840c\u300f\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283<\/p>\n <p class=\"text-slate-400 text-sm\">\n © 2026 \u555f\u840c\u6148\u5584\u57fa\u91d1\u3002\u7531 \u5d07\u5149\u767e\u8ca8\u555f\u5fb7\u5e97 \u51a0\u540d\u8d0a\u52a9\u3002\n <\/p>\n <div class=\"mt-6 flex justify-center space-x-6 text-slate-300\">\n <a href=\"https:\/\/www.facebook.com\/wmeacharity\" target=\"_blank\" class=\"hover:text-blue-600 transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/wmeacharity\" target=\"_blank\" class=\"hover:text-pink-600 transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <button id=\"back-to-top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-8 right-8 z-[60] bg-slate-900 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-2xl hover:bg-sogo-gold transition-all duration-300 transform hover:scale-110\">\n <i class=\"fa-solid fa-chevron-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ API Key (Updated to DeepSeek API)\n const apiKey = \"sk-e7d47a56f4354d759eab181e27a73ee0\"; \n\n async function generateAnalysis() {\n const inputField = document.getElementById('aiInput');\n const input = inputField.value.trim();\n const btn = document.getElementById('aiBtn');\n const resultBox = document.getElementById('aiResult');\n const output = document.getElementById('aiOutput');\n\n \/\/ --- \u700f\u89bd\u5668\u7de9\u5b58\u9650\u5236\u529f\u80fd (24\u5c0f\u6642\u4e00\u6b21) ---\n const LAST_USAGE_KEY = 'liberal_arts_ai_last_use';\n const COOLDOWN_TIME = 24 * 60 * 60 * 1000; \/\/ 24 \u5c0f\u6642\u7684\u6beb\u79d2\u6578\n const now = Date.now();\n const lastUse = localStorage.getItem(LAST_USAGE_KEY);\n\n if (lastUse && (now - lastUse < COOLDOWN_TIME)) {\n const remainingHours = Math.ceil((COOLDOWN_TIME - (now - lastUse)) \/ (1000 * 60 * 60));\n \/\/ \u4f7f\u7528\u81ea\u5b9a\u7fa9\u5167\u5bb9\u5340\u57df\u986f\u793a\u932f\u8aa4\u800c\u975e alert\n output.innerText = `\u2728 \u70ba\u4e86\u78ba\u4fdd\u6bcf\u4f4d\u5bb6\u9577\u90fd\u80fd\u7372\u5f97\u512a\u8cea\u5efa\u8b70\uff0c\u300e\u535a\u96c5\u9818\u4102\u300f\u5206\u6790\u6bcf 24 \u5c0f\u6642\u9650\u7528\u4e00\u6b21\u3002\\n\\n\u8acb\u65bc ${remainingHours} \u5c0f\u6642\u5f8c\u518d\u6b21\u5617\u8a66\uff0c\u6216\u76f4\u63a5\u806f\u7d61\u6211\u5011\u7684\u9867\u554f\u9032\u884c\u8aee\u8a62\u3002`;\n resultBox.classList.remove('hidden');\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n return;\n }\n \/\/ ------------------------------------\n\n if (!input) {\n alert(\"\u8acb\u8f38\u5165\u5b69\u5b50\u7684\u7279\u8cea\u4ee5\u4fbf\u5206\u6790\u3002\");\n return;\n }\n\n \/\/ UI \u8f09\u5165\u72c0\u614b\n btn.disabled = true;\n btn.innerHTML = '<span>\u535a\u96c5\u9818\u4102\u6b63\u5728\u5206\u6790\u4e2d<span class=\"ai-loading-dot\">.<\/span><span class=\"ai-loading-dot\" style=\"animation-delay: 0.2s\">.<\/span><span class=\"ai-loading-dot\" style=\"animation-delay: 0.4s\">.<\/span><\/span>';\n resultBox.classList.add('hidden'); \n output.innerText = \"\"; \/\/ \u6e05\u7a7a\u820a\u5167\u5bb9\n\n const systemPrompt = \"\u4f60\u662f\u4e00\u4f4d\u5c08\u6ce8\u65bc\u5152\u7ae5\u300e\u535a\u96c5\u6559\u80b2\u300f(Liberal Education) \u8207\u9818\u8896\u57f9\u8a13\u7684\u8cc7\u6df1\u9867\u554f\u3002\u6839\u64da\u5bb6\u9577\u63cf\u8ff0\u7684\u5b69\u5b50\u7279\u8cea\uff0c\u8acb\u5206\u6790\u8a72\u7279\u8cea\u5982\u4f55\u8f49\u5316\u70ba\u9818\u8896\u6f5b\u529b\uff0c\u4e26\u5177\u9ad4\u5efa\u8b70\u5982\u4f55\u900f\u904e\u300e\u6f14\u8b1b\u8a13\u7df4\u300f\u3001\u300e\u54e5\u723e\u592b\u7403\u300f\u6216\u300e\u9910\u684c\u79ae\u5100\u300f\u7b49\u535a\u96c5\u8ab2\u7a0b\u4f86\u555f\u767c\u5b69\u5b50\u3002\u8a9e\u6c23\u61c9\u6eab\u6eab\u6696\u3001\u512a\u96c5\u3001\u6b63\u5411\u4e14\u5c08\u696d\u3002\u8acb\u4f7f\u7528\u7e41\u9ad4\u4e2d\u6587\uff0c\u5b57\u6578\u5728 150-200 \u5b57\u5de6\u53f3\u3002\";\n \n \/\/ \u5be6\u4f5c\u6307\u6578\u9000\u907f\u7684\u91cd\u8a66\u908f\u8f2f (\u91dd\u5c0d API \u9650\u5236\u9032\u884c\u512a\u5316)\n const fetchWithRetry = async (url, options, retries = 5, backoff = 1000) => {\n try {\n const response = await fetch(url, options);\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error?.message || `HTTP error! status: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n if (retries <= 0) throw error;\n await new Promise(resolve => setTimeout(resolve, backoff));\n return fetchWithRetry(url, options, retries - 1, backoff * 2);\n }\n };\n\n try {\n \/\/ DeepSeek API Endpoint\n const url = \"https:\/\/api.deepseek.com\/chat\/completions\";\n \n const data = await fetchWithRetry(url, {\n method: 'POST',\n headers: { \n 'Content-Type': 'application\/json',\n 'Authorization': `Bearer ${apiKey}`\n },\n body: JSON.stringify({\n model: \"deepseek-chat\",\n messages: [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: `\u5bb6\u9577\u63cf\u8ff0\uff1a${input}` }\n ],\n stream: false\n })\n });\n\n \/\/ DeepSeek response parsing\n const finalResult = data.choices?.[0]?.message?.content;\n\n if (finalResult) {\n output.innerText = finalResult;\n resultBox.classList.remove('hidden'); \n \n \/\/ \u6210\u529f\u8abf\u7528\u5f8c\u8a18\u9304\u6642\u9593\n localStorage.setItem(LAST_USAGE_KEY, Date.now());\n\n \/\/ \u5e73\u6ed1\u6efe\u52d5\u81f3\u7d50\u679c\u5340\u57df\n setTimeout(() => {\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 150);\n } else {\n throw new Error(\"\u672a\u80fd\u53d6\u5f97\u6709\u6548\u7684\u5206\u6790\u7d50\u679c\u3002\");\n }\n } catch (err) {\n console.error(\"\u535a\u96c5\u9818\u4102 \u5206\u6790\u767c\u751f\u932f\u8aa4:\", err);\n let errorMsg = \"\u751f\u6210\u5206\u6790\u6642\u767c\u751f\u932f\u8aa4\uff1a\";\n if (err.message.includes(\"Failed to fetch\")) {\n errorMsg += \"\\n\u7121\u6cd5\u9023\u7dda\u81f3 API \u4f3a\u670d\u5668\u3002\u9019\u53ef\u80fd\u662f\u56e0\u70ba\u7db2\u7ad9\u7684\u5167\u5bb9\u5b89\u5168\u653f\u7b56 (CSP) \u9650\u5236\u3002\u8acb\u5728 WordPress \u4e2d\u6aa2\u67e5\u662f\u5426\u6709\u63d2\u4ef6\u9650\u5236\u4e86\u8de8\u7db2\u57df\u8acb\u6c42 (CORS)\u3002\";\n } else {\n errorMsg += \"\\n\" + err.message;\n }\n \n output.innerText = errorMsg;\n resultBox.classList.remove('hidden');\n } finally {\n btn.disabled = false;\n btn.innerHTML = '<i class=\"fa-solid fa-sparkles\"><\/i> <span>\u518d\u6b21\u535a\u96c5\u9818\u4102\u5206\u6790<\/span>';\n }\n }\n\n \/\/ \u56de\u5230\u9802\u90e8\u6309\u9215\u908f\u8f2f\n const backToTopBtn = document.getElementById('back-to-top');\n window.onscroll = function() {\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n };\n <\/script>\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 \u2027 \u555f\u767c\u667a\u6167 – \u300e\u535a\u96c5\u300f\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283 \u300e\u555f\u840c\u300f\u535a\u96c5\u9818\u8896 \u6d3b\u52d5\u7c21\u4ecb \u6838\u5fc3\u8ab2\u7a0b \u6587\u5316\u5ef6\u4f38 \u2728 \u535a\u96c5\u9818\u8896\u5206\u6790 \u7acb\u5373\u67e5\u8a62 \u7531 \u5d07\u5149\u767e\u8ca8\uff08SOGO\uff09\u555f\u5fb7\u5e97 \u9f0e\u529b\u8d0a\u52a9 \u535a\u96c5\u9818\u8896 \u2027 \u555f\u767c\u667a\u6167 \u2014\u2014 \u50b3\u7d71\u6416\u7c43\uff0c\u9818\u8896\u6559\u990a \u2014\u2014 \u63a2\u7d22\u8ab2\u7a0b \u535a\u96c5\u9818\u8896 \u5206\u6790 \u806f\u7d61\u63d0\u540d \u57f9\u80b2\u5177\u5099\u570b\u969b\u8996\u91ce\u3001\u81ea\u4fe1\u512a\u96c5\u7684\u672a\u4f86\u9818\u8896 \u300e\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283\u300f\u79c9\u6301\u300c\u5168\u4eba\u767c\u5c55\u300d\u7684\u6838\u5fc3\u7406\u5ff5\uff0c\u62d2\u7d55\u523b\u677f\u6559\u5b78\uff0c\u900f\u904e\u535a\u96c5\u6559\u80b2\uff08Liberal Education\uff09\u7684\u7cbe\u9ad3\uff0c\u5728\u512a\u96c5\u4e2d\u5f15\u5c0e\u5b69\u5b50\u6210\u9577\u3002\u9019\u4e0d\u50c5\u662f\u82f1\u8a9e\u80fd\u529b\u7684\u63d0\u5347\uff0c\u66f4\u662f\u4e00\u5834\u95dc\u65bc\u6559\u990a\u3001\u54c1\u683c\u8207\u667a\u6167\u7684\u555f\u8499\u65c5\u7a0b\u3002 \u535a\u96c5\u6559\u80b2\uff1a \u4ec0\u9ebc\u662f\u300e\u535a\u96c5\u6559\u80b2\u300f \u76ee\u6a19\u5c0d\u8c61\uff1a 3-11 \u6b72\u5b78\u7ae5 (K1 – P5) \u6d3b\u52d5\u9031\u671f\uff1a 6 \u500b\u6708\u6df1\u5ea6\u9ad4\u9a57 (\u5206\u5169\u671f\u9032\u884c\uff0c\u6bcf\u671f3\u500b\u6708) \u6210\u9577\u9ad4\u9a57\u65e5\u71df\uff1a \u6236\u5916\u9032\u884c (\u5bb6\u9577\u53ef\u9078\u4ed8\u8cbb\u89aa\u5b50\u7559\u5bbf) \u8d0a\u52a9\u8a08\u5283\uff1a \u7372\u63d0\u540d\u8005\u53ef\u4eab\u8d0a\u52a9\u50f9 $2,288\/\u671f (\u539f\u50f9 $2,888) \u6838\u5fc3\u6d3b\u52d5\u77e9\u9663 \u7d50\u5408\u81ea\u4fe1\u8868\u9054\u3001\u5c08\u696d\u904b\u52d5\u8207\u7cbe\u82f1\u79ae\u5100\u7684\u5e73\u8861\u8ab2\u7a0b \u5c08\u696d\u6f14\u8b1b\u8a13\u7df4 \u878d\u5165\u8b70\u6703\u8faf\u8ad6\u98a8\u683c\uff0c\u626e\u6f14\u300c\u5c0f\u5c0f\u8b70\u54e1\u300d\u3002 \u9818\u8896\u91cd\u9ede \u5efa\u7acb\u81ea\u4fe1\uff0c\u514b\u670d\u821e\u53f0\u6050\u61fc\uff0c\u5b78\u7fd2\u63a5\u7d0d\u53ca\u8a8d\u771f\u50be\u807d\u3002 \u54e5\u723e\u592b\u7403\u57fa\u790e … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Elite Training – A Liberal Education”<\/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-749","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749","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=749"}],"version-history":[{"count":150,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"predecessor-version":[{"id":1474,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749\/revisions\/1474"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=749"}],"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 \u2027 \u555f\u767c\u667a\u6167 - \u300e\u535a\u96c5\u300f\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;700&family=Noto+Sans+TC:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans TC', sans-serif;\n scroll-behavior: smooth;\n }\n .serif {\n font-family: 'Noto Serif TC', serif;\n }\n .hero-gradient {\n background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)), url('https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.17.43.jpeg?auto=format&fit=crop&q=80&w=1600') center\/cover;\n }\n .card-hover:hover {\n transform: translateY(-5px);\n transition: all 0.3s ease;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n .sogo-gold {\n color: #af935a;\n }\n .bg-sogo-gold {\n background-color: #af935a;\n }\n \/* AI Loading \u6548\u679c *\/\n .ai-loading-dot {\n animation: dot-pulse 1.5s infinite ease-in-out;\n }\n @keyframes dot-pulse {\n 0%, 100% { opacity: 0.2; }\n 50% { opacity: 1; }\n }\n \/* \u56de\u5230\u9802\u90e8\u6309\u9215 *\/\n #back-to-top {\n opacity: 0;\n visibility: hidden;\n transition: all 0.4s ease;\n }\n #back-to-top.show {\n opacity: 1;\n visibility: visible;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n \n <nav class=\"sticky top-0 z-50 bg-white\/80 backdrop-blur-md border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-20 items-center\">\n <div class=\"flex items-center\">\n <a href=\"https:\/\/wmea.charity\" class=\"hover:opacity-80 transition-opacity\">\n <span class=\"serif text-2xl font-bold tracking-wider text-slate-900\">\u300e\u555f\u840c\u300f<span class=\"sogo-gold\">\u535a\u96c5\u9818\u8896<\/span><\/span>\n <\/a>\n <\/div>\n <div class=\"hidden md:flex space-x-8\">\n <a href=\"#about\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6d3b\u52d5\u7c21\u4ecb<\/a>\n <a href=\"#matrix\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6838\u5fc3\u8ab2\u7a0b<\/a>\n <a href=\"#culture\" class=\"text-slate-600 hover:text-sogo-gold transition\">\u6587\u5316\u5ef6\u4f38<\/a>\n <a href=\"#ai-analyzer\" class=\"text-sogo-gold font-bold hover:opacity-80 transition\">\u2728 \u535a\u96c5\u9818\u8896\u5206\u6790<\/a>\n <a href=\"#contact\" class=\"bg-sogo-gold text-white px-6 py-2 rounded-full hover:bg-opacity-90 transition\">\u7acb\u5373\u67e5\u8a62<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <header class=\"hero-gradient py-20 lg:py-32 px-4\">\n <div class=\"max-w-4xl mx-auto text-center\">\n <div class=\"inline-block px-4 py-1 mb-6 border border-sogo-gold text-sogo-gold rounded-full font-bold tracking-widest text-sm uppercase\">\n \u7531 \u5d07\u5149\u767e\u8ca8\uff08SOGO\uff09\u555f\u5fb7\u5e97 \u9f0e\u529b\u8d0a\u52a9\n <\/div>\n <h1 class=\"serif text-4xl md:text-6xl font-bold mb-6 text-slate-900 leading-tight\">\n \u535a\u96c5\u9818\u8896 \u2027 \u555f\u767c\u667a\u6167\n <\/h1>\n <p class=\"serif text-xl md:text-2xl text-slate-600 mb-10 tracking-widest\">\n \u2014\u2014 \u50b3\u7d71\u6416\u7c43\uff0c\u9818\u8896\u6559\u990a \u2014\u2014\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 items-center\">\n <a href=\"#matrix\" class=\"bg-slate-900 text-white px-8 py-4 rounded-lg text-lg font-bold hover:bg-slate-800 transition shadow-lg w-full sm:w-auto text-center\">\u63a2\u7d22\u8ab2\u7a0b<\/a>\n <a href=\"#ai-analyzer\" class=\"bg-white text-sogo-gold border-2 border-sogo-gold px-8 py-4 rounded-lg text-lg font-bold hover:bg-amber-50 transition shadow-md w-full sm:w-auto text-center flex items-center justify-center gap-2\">\n <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> \u535a\u96c5\u9818\u8896 \u5206\u6790\n <\/a>\n <a href=\"#contact\" class=\"bg-white text-slate-900 border border-slate-300 px-8 py-4 rounded-lg text-lg font-bold hover:bg-slate-50 transition w-full sm:w-auto text-center\">\u806f\u7d61\u63d0\u540d<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"about\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div>\n <h2 class=\"serif text-3xl font-bold mb-6\">\u57f9\u80b2\u5177\u5099\u570b\u969b\u8996\u91ce\u3001<br>\u81ea\u4fe1\u512a\u96c5\u7684\u672a\u4f86\u9818\u8896<\/h2>\n <p class=\"text-slate-600 leading-relaxed mb-6\">\n \u300e\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283\u300f\u79c9\u6301\u300c\u5168\u4eba\u767c\u5c55\u300d\u7684\u6838\u5fc3\u7406\u5ff5\uff0c\u62d2\u7d55\u523b\u677f\u6559\u5b78\uff0c\u900f\u904e\u535a\u96c5\u6559\u80b2\uff08Liberal Education\uff09\u7684\u7cbe\u9ad3\uff0c\u5728\u512a\u96c5\u4e2d\u5f15\u5c0e\u5b69\u5b50\u6210\u9577\u3002\u9019\u4e0d\u50c5\u662f\u82f1\u8a9e\u80fd\u529b\u7684\u63d0\u5347\uff0c\u66f4\u662f\u4e00\u5834\u95dc\u65bc\u6559\u990a\u3001\u54c1\u683c\u8207\u667a\u6167\u7684\u555f\u8499\u65c5\u7a0b\u3002\n <\/p>\n <ul class=\"space-y-4\">\n<a href=\"https:\/\/wmea.charity\/index.php\/liberal-education-infographic\/\" target=\"_blank\" class=\"custom-link p-2\">\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u535a\u96c5\u6559\u80b2\uff1a<\/strong> \u4ec0\u9ebc\u662f\u300e\u535a\u96c5\u6559\u80b2\u300f<\/span>\n <\/li>\n <\/a>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u76ee\u6a19\u5c0d\u8c61\uff1a<\/strong> 3-11 \u6b72\u5b78\u7ae5 (K1 - P5)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u6d3b\u52d5\u9031\u671f\uff1a<\/strong> 6 \u500b\u6708\u6df1\u5ea6\u9ad4\u9a57 (\u5206\u5169\u671f\u9032\u884c\uff0c\u6bcf\u671f3\u500b\u6708)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u6210\u9577\u9ad4\u9a57\u65e5\u71df\uff1a<\/strong> \u6236\u5916\u9032\u884c (\u5bb6\u9577\u53ef\u9078\u4ed8\u8cbb\u89aa\u5b50\u7559\u5bbf)<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa-solid fa-check-circle sogo-gold mt-1 mr-3\"><\/i>\n <span><strong>\u8d0a\u52a9\u8a08\u5283\uff1a<\/strong> \u7372\u63d0\u540d\u8005\u53ef\u4eab\u8d0a\u52a9\u50f9 $2,288\/\u671f (\u539f\u50f9 $2,888)<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-slate-100 rounded-2xl overflow-hidden aspect-video relative\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-13-01-20-16.jpg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5152\u7ae5\u6559\u80b2\" class=\"w-full h-full object-cover\">\n <div class=\"absolute inset-0 bg-slate-900\/10 hover:bg-transparent transition\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"matrix\" class=\"py-20 bg-slate-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h2 class=\"serif text-3xl font-bold mb-4 text-slate-900\">\u6838\u5fc3\u6d3b\u52d5\u77e9\u9663<\/h2>\n <div class=\"w-20 h-1 bg-sogo-gold mx-auto\"><\/div>\n <p class=\"mt-4 text-slate-500\">\u7d50\u5408\u81ea\u4fe1\u8868\u9054\u3001\u5c08\u696d\u904b\u52d5\u8207\u7cbe\u82f1\u79ae\u5100\u7684\u5e73\u8861\u8ab2\u7a0b<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-blue-50 text-blue-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-microphone-lines\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u5c08\u696d\u6f14\u8b1b\u8a13\u7df4<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u878d\u5165\u8b70\u6703\u8faf\u8ad6\u98a8\u683c\uff0c\u626e\u6f14\u300c\u5c0f\u5c0f\u8b70\u54e1\u300d\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u5efa\u7acb\u81ea\u4fe1\uff0c\u514b\u670d\u821e\u53f0\u6050\u61fc\uff0c\u5b78\u7fd2\u63a5\u7d0d\u53ca\u8a8d\u771f\u50be\u807d\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-green-50 text-green-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-golf-ball-tee\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u54e5\u723e\u592b\u7403\u57fa\u790e<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u535a\u96c5\u7d33\u58eb\u904b\u52d5\u50b3\u7d71\uff0c\u5f37\u8abf\u69ae\u8b7d\u8207\u8aa0\u5be6\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u57f9\u990a\u60c5\u7dd2\u7a69\u5b9a\u6027\u3001\u5c08\u6ce8\u529b\u8207\u7b56\u7565\u601d\u8003\u80fd\u529b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-red-50 text-red-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-utensils\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u512a\u96c5\u9910\u684c\u79ae\u5100<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u5be6\u8e10\u5200\u53c9\u898f\u7bc4\uff0c\u6a21\u64ec\u535a\u96c5\u4e0b\u5348\u8336\u5be6\u5883\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u63d0\u5347\u793e\u4ea4\u81ea\u4fe1\uff0c\u638c\u63e1\u793e\u4ea4\u5834\u5408\u7684\u8ac7\u8a71\u4e3b\u5c0e\u529b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-orange-50 text-orange-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-user-check\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u500b\u4eba\u5100\u614b (Etiquette)<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u7d50\u5408\u81ea\u4fe1\u773c\u795e\u8207\u59ff\u614b\u8a13\u7df4\uff0c\u5167\u5316\u5100\u8868\u898f\u7bc4\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u6210\u5c31\u9818\u8896\u7d1a\u7684\u500b\u4eba\u9b45\u529b\u8207\u699c\u6a23\u7cbe\u795e\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-indigo-50 text-indigo-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-circle-dot\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u7db2\u7403\u7cbe\u82f1\u9ad4\u9a57<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u6a21\u64ec\u535a\u96c5\u7db2\u7403\u8cfd\u5236\uff0c\u5f37\u8abf\u5c0a\u91cd\u8207\u904b\u52d5\u5bb6\u7cbe\u795e\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u8f2a\u6d41\u64d4\u4efb\u968a\u9577\uff0c\u5b78\u7fd2\u5718\u968a\u5354\u4f5c\u8207\u9818\u5c0e\u610f\u8b58\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl border border-slate-100 card-hover\">\n <div class=\"w-14 h-14 bg-amber-50 text-amber-600 rounded-xl flex items-center justify-center mb-6 text-2xl\">\n <i class=\"fa-solid fa-campground\"><\/i>\n <\/div>\n <h3 class=\"serif text-xl font-bold mb-3\">\u6210\u9577\u9ad4\u9a57\u65e5\u71df<\/h3>\n <p class=\"text-slate-500 text-sm mb-4\">\u6a21\u64ec\u50b3\u7d71\u7ae5\u8ecd\u7cbe\u795e\uff0c\u5305\u542b\u5718\u968a\u5408\u4f5c\u8207\u53cd\u601d\u3002<\/p>\n <div class=\"text-xs font-bold text-sogo-gold uppercase tracking-widest mb-2\">\u9818\u8896\u91cd\u9ede<\/div>\n <p class=\"text-slate-700 text-sm italic\">\u7df4\u7fd2\u7368\u7acb\u6c7a\u7b56\u8207\u5be6\u8e10\u57fa\u790e\u5718\u968a\u7ba1\u7406\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"culture\" class=\"py-20 bg-slate-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h2 class=\"serif text-3xl font-bold mb-16 sogo-gold text-center\">\u6df1\u5ea6\u535a\u96c5\u6587\u5316\u5ef6\u4f38<\/h2>\n \n <div class=\"space-y-12\">\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 01<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u535a\u96c5\u4e0b\u5348\u8336\u6d3e\u5c0d<\/h3>\n <p class=\"text-slate-400 mb-4\">\u5b78\u7fd2\u8336\u85dd\u64fa\u76e4\u8207\u79ae\u5100\uff0c\u5728\u9999\u6c23\u4e2d\u7df4\u7fd2\u4e3b\u6301\u805a\u6703\uff0c\u5316\u8eab\u5c0f\u5c0f\u4e3b\u4eba\uff08Host\uff09\u3002<\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7dad\u591a\u5229\u4e9e\u8336\u6703<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u5be6\u6230\u4e3b\u6301<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.24.33.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u535a\u96c5\u4e0b\u5348\u8336\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div class=\"md:order-last\">\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 02<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u7d93\u5178\u6587\u5b78\u89d2\u8272\u626e\u6f14<\/h3>\n <p class=\"text-slate-400 mb-4\">\u6f14\u7e79\u838e\u58eb\u6bd4\u4e9e\u50b3\u5947\u6545\u4e8b\u3002\u900f\u904e\u6587\u5b78\u5c0d\u8a71\u57f9\u990a\u6c7a\u65b7\u529b\uff0c\u935b\u934a\u516c\u5171\u6f14\u8aaa\u7684\u5f37\u5927\u6c23\u5834\u3002<\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u6232\u5287\u6cbb\u7642<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u60c5\u611f\u8868\u9054<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.26.14.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u7d93\u5178\u6587\u5b78\u89d2\u8272\u626e\u6f14\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 03<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u5712\u85dd\u5de5\u4f5c\u574a<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u6234\u4e0a\u624b\u5957\uff0c\u5728\u6a21\u64ec\u7a2e\u690d\u5712\u5167\u9ad4\u9a57\u52d9\u8fb2\u8da3\uff0c\u5b78\u7fd2\u7167\u9867\u8207\u5c0a\u91cd\u751f\u547d\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u900f\u904e\u5c0f\u7d44\u5206\u5de5\u7dad\u8b77\u76c6\u683d\uff0c\u57f9\u990a\u5c0d\u4efb\u52d9\u7684\u8cac\u4efb\u611f\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u52d9\u8fb2\u9ad4\u9a57<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u8cac\u4efb\u57f9\u990a<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.27.56.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5712\u85dd\u5de5\u4f5c\u574a\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div class=\"md:order-last\">\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 04<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u5152\u7ae5\u6587\u5b78\u95b1\u8b80\u65e5<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u6c89\u6d78\u65bc\u7d93\u5178\u535a\u96c5\u5716\u66f8\u9928\u98a8\u683c\uff0c\u63a2\u7d22\u300a\u7da0\u91ce\u4ed9\u8e64\u300b\u7684\u5c0f\u5192\u96aa\u5bb6\u7cbe\u795e\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u5b78\u54e1\u8f2a\u6d41\u8b1b\u8ff0\u6545\u4e8b\u7247\u6bb5\uff0c\u5728\u773e\u4eba\u9762\u524d\u63d0\u5347\u6558\u8ff0\u81ea\u4fe1\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7d93\u5178\u5c0e\u8b80<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u6558\u8ff0\u529b\u63d0\u5347<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.29.58.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u5152\u7ae5\u6587\u5b78\u95b1\u8b80\u65e5\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n \n <div class=\"grid md:grid-cols-2 gap-8 items-center border-b border-slate-700 pb-12\">\n <div>\n <span class=\"text-sogo-gold font-bold mb-2 block uppercase tracking-widest text-sm\">Culture 05<\/span>\n <h3 class=\"serif text-2xl font-bold mb-4 sogo-gold\">\u535a\u96c5\u5713\u5708\u904a\u6232\u8207\u6c11\u8b20<\/h3>\n <p class=\"text-slate-400 mb-4\">\n <span class=\"block mb-2\"><strong>\u535a\u96c5\u9ad4\u9a57\uff1a<\/strong> \u878d\u5165\u50b3\u7d71\u7ae5\u8b20\u6587\u5316\uff0c\u900f\u904e\u300cMulberry Bush\u300d\u7b49\u904a\u6232\u5f37\u5316\u7fa4\u9ad4\u4e92\u52d5\u3002<\/span>\n <span class=\"block\"><strong>\u9818\u8896\u8a13\u7df4\uff1a<\/strong> \u8f2a\u6d41\u64d4\u4efb\u9818\u5531\u6216\u904a\u6232\u5e36\u9818\u8005\uff0c\u5728\u5f8b\u52d5\u4e2d\u5efa\u7acb\u5718\u968a\u7cbe\u795e\u3002<\/span>\n <\/p>\n <div class=\"flex gap-2\">\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u7ae5\u8b20\u6587\u5316<\/span>\n <span class=\"px-3 py-1 bg-slate-800 text-xs rounded-full\">\u5718\u968a\u7cbe\u795e<\/span>\n <\/div>\n <\/div>\n <div class=\"rounded-xl overflow-hidden h-64 shadow-2xl\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2026-01-12-at-20.34.58.jpeg?auto=format&fit=crop&q=80&w=800\" alt=\"\u535a\u96c5\u5713\u5708\u904a\u6232\u8207\u6c11\u8b20\" class=\"w-full h-full object-cover\">\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-16 bg-sogo-gold text-white overflow-hidden relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <h2 class=\"serif text-3xl md:text-4xl font-bold mb-6\">\u5353\u8d8a\u8868\u73fe\u734e\u52f5\u8a08\u5283<\/h2>\n <p class=\"text-xl opacity-90 mb-8 max-w-2xl mx-auto\">\n \u5b8c\u6210\u5168\u7a0b\u8a13\u7df4\u4e4b\u5091\u51fa\u5b78\u54e1\uff0c\u5c07\u6709\u6a5f\u6703\u7372\u5f97\u7531 \u300e\u5d07\u5149\u767e\u8ca8\u555f\u5fb7\u5e97\u300f \u51a0\u540d\u8d0a\u52a9\u4e4b\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\uff0c\u9f13\u52f5\u5176\u6301\u7e8c\u9032\u6b65\u7684\u4eba\u751f\u4e4b\u8def\u3002\n <\/p>\n <\/div>\n <div class=\"absolute top-0 right-0 opacity-10 transform translate-x-1\/4 -translate-y-1\/4\">\n <i class=\"fa-solid fa-award text-[300px]\"><\/i>\n <\/div>\n <\/section>\n\n \n <section id=\"contact\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid md:grid-cols-2 gap-16\">\n <div>\n <h2 class=\"serif text-3xl font-bold mb-8 text-slate-900\">\u5831\u540d\u8207\u63d0\u540d\u67e5\u8a62<\/h2>\n <p class=\"text-slate-600 mb-10\">\n \u672c\u8a08\u5283\u63a1\u63d0\u540d\u5236\uff0c\u767c\u6398\u5177\u6f5b\u8cea\u7684\u672a\u4f86\u7cbe\u82f1\u3002\u6211\u5011\u8aa0\u9080\u5404\u6821\u65b9\u4ee3\u8868\u6216\u5bb6\u9577\u900f\u904e\u5b98\u65b9\u6e20\u9053\u67e5\u8a62\u53ca\u7d22\u53d6\u63d0\u540d\u8868\u683c\u3002\n <\/p>\n <div class=\"space-y-6\">\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-sogo-gold\">\n <i class=\"fa-solid fa-phone\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u67e5\u8a62\u96fb\u8a71<\/div>\n <div class=\"text-lg font-bold\">2677-6277<\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-sogo-gold\">\n <i class=\"fa-solid fa-envelope\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u96fb\u5b50\u90f5\u4ef6<\/div>\n <div class=\"text-lg font-bold\">info@wmea.charity<\/div>\n <\/div>\n <\/div>\n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-green-500\">\n <i class=\"fa-brands fa-whatsapp\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">WhatsApp<\/div>\n <div class=\"text-lg font-bold underline\"><a href=\"https:\/\/wa.link\/xh1v4c\" target=\"_blank\">\u9ede\u64ca\u555f\u52d5\u5c0d\u8a71<\/a><\/div>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center\">\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mr-4 text-blue-500\">\n <i class=\"fa-solid fa-file-signature\"><\/i>\n <\/div>\n <div>\n <div class=\"text-xs text-slate-400 font-bold uppercase tracking-widest\">\u5831\u540d\u8868<\/div>\n <div class=\"text-lg font-bold underline\"><a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" target=\"_blank\">\u9ede\u64ca\u7dda\u4e0a\u7533\u8acb<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"bg-slate-50 p-8 rounded-3xl border border-slate-200\">\n <h3 class=\"serif text-xl font-bold mb-6\">\u6d3b\u52d5\u540d\u984d\u6709\u9650<\/h3>\n <div class=\"bg-white p-6 rounded-xl border border-slate-200 mb-6\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-slate-600 font-bold\">\u5168\u6e2f\u5e7c\u7a1a\u5712\u540d\u984d<\/span>\n <span class=\"text-sogo-gold font-bold\">20 \u540d<\/span>\n <\/div>\n <div class=\"w-full bg-slate-100 h-2 rounded-full overflow-hidden\">\n <div class=\"bg-sogo-gold w-1\/4 h-full\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl border border-slate-200 mb-8\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-slate-600 font-bold\">\u5168\u6e2f\u5c0f\u5b78\u540d\u984d<\/span>\n <span class=\"text-sogo-gold font-bold\">20 \u540d<\/span>\n <\/div>\n <div class=\"w-full bg-slate-100 h-2 rounded-full overflow-hidden\">\n <div class=\"bg-sogo-gold w-1\/3 h-full\"><\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-slate-400 text-center\">\n * \u540d\u984d\u6309\u5831\u540d\u5148\u5f8c\u6b21\u5e8f\u8655\u7406\uff0c\u984d\u6eff\u5373\u6b62\u3002\n <\/p>\n <a href=\"https:\/\/wmea.charity\/index.php\/elite-training-application\/\" target=\"_blank\" class=\"block w-full text-center bg-slate-900 text-white py-4 rounded-xl font-bold mt-8 hover:bg-slate-800 transition shadow-lg\">\n \u7d22\u53d6\u63d0\u540d\u7c21\u7ae0\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"ai-analyzer\" class=\"py-24 bg-slate-50 border-t border-slate-200\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"bg-white rounded-3xl p-8 md:p-12 shadow-xl border border-sogo-gold\/20 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-8 opacity-5 pointer-events-none\">\n <i class=\"fa-solid fa-wand-magic-sparkles text-9xl\"><\/i>\n <\/div>\n \n <div class=\"text-center mb-10\">\n <h2 class=\"serif text-3xl font-bold mb-4 text-slate-900\">\u2728 \u535a\u96c5\u9818\u8896\u7279\u8cea\u5206\u6790<\/h2>\n <div class=\"w-16 h-1 bg-sogo-gold mx-auto mb-6\"><\/div>\n <p class=\"text-slate-600 leading-relaxed\">\n \u900f\u904e \u535a\u96c5\u9867\u554f\uff0c\u7d50\u5408\u535a\u96c5\u6559\u80b2\u7406\u5ff5\uff0c\u6211\u5011\u5c07\u6839\u64da\u60a8\u63cf\u8ff0\u7684\u5b69\u5b50\u7279\u8cea\uff0c\u5373\u6642\u88fd\u4f5c\u5c08\u5c6c\u60a8\u5b69\u5b50\u7684\u9818\u8896\u6f5b\u529b\u5206\u6790\uff0c\u5e6b\u52a9\u60a8\u66f4\u4e86\u89e3\u5b69\u5b50\u5728\u672a\u4f86\u7cbe\u82f1\u8def\u4e0a\u7684\u767c\u5c55\u65b9\u5411\u3002\n <\/p>\n <\/div>\n\n <div class=\"space-y-6\">\n <div>\n <label class=\"block text-sm font-bold text-slate-700 mb-2\">\u8acb\u63cf\u8ff0\u5b69\u5b50\u7684\u7279\u8cea\u6216\u8208\u8da3\uff08\u4f8b\u5982\uff1a\u559c\u6b61\u756b\u756b\u3001\u6027\u683c\u958b\u6717\u4f46\u5076\u723e\u5bb3\u7f9e\u3001\u5c0d\u6606\u87f2\u611f\u8208\u8da3\u7b49\uff09<\/label>\n <textarea id=\"aiInput\" class=\"w-full p-4 rounded-xl border border-slate-200 focus:ring-2 focus:ring-sogo-gold focus:border-transparent outline-none transition h-32 resize-none\" placeholder=\"\u8f38\u5165\u5167\u5bb9\u4ee5\u7372\u5f97 \u535a\u96c5\u9867\u554f \u5efa\u8b70...\"><\/textarea>\n <\/div>\n\n <button id=\"aiBtn\" onclick=\"generateAnalysis()\" class=\"w-full bg-slate-900 text-white py-4 rounded-xl font-bold text-lg hover:bg-slate-800 transition flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-sparkles\"><\/i> <span>\u958b\u59cb \u535a\u96c5\u9818\u8896\u5206\u6790<\/span>\n <\/button>\n\n \n <div id=\"aiResult\" class=\"hidden mt-8 p-6 bg-slate-50 rounded-2xl border-l-4 border-sogo-gold animate-in fade-in slide-in-from-bottom-4 duration-500 shadow-inner\">\n <div class=\"flex items-center gap-2 mb-4 text-sogo-gold font-bold\">\n <i class=\"fa-solid fa-comment-dots\"><\/i>\n <span>\u535a\u96c5\u9867\u554f\u5206\u6790\u5efa\u8b70\uff1a<\/span>\n <\/div>\n <div id=\"aiOutput\" class=\"text-slate-700 leading-relaxed whitespace-pre-wrap italic text-lg\"><\/div>\n <div class=\"mt-6 pt-4 border-t border-slate-200 text-center\">\n <p class=\"text-slate-400 text-sm mb-4\">\u9019\u4efd\u5efa\u8b70\u662f\u5426\u8b93\u60a8\u66f4\u4e86\u89e3\u5b69\u5b50\uff1f\u6b61\u8fce\u806f\u7d61\u6211\u5011\u9032\u4e00\u6b65\u8a0e\u8ad6\u3002<\/p>\n <a href=\"#contact\" class=\"inline-block text-sogo-gold border border-sogo-gold px-6 py-2 rounded-full hover:bg-sogo-gold hover:text-white transition-all text-sm font-bold\">\u9810\u7d04\u9818\u8896\u7279\u8cea\u8aee\u8a62<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white border-t border-slate-200 py-12\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p class=\"serif text-xl font-bold text-slate-900 mb-4\">\u300e\u555f\u840c\u300f\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283<\/p>\n <p class=\"text-slate-400 text-sm\">\n © 2026 \u555f\u840c\u6148\u5584\u57fa\u91d1\u3002\u7531 \u5d07\u5149\u767e\u8ca8\u555f\u5fb7\u5e97 \u51a0\u540d\u8d0a\u52a9\u3002\n <\/p>\n <div class=\"mt-6 flex justify-center space-x-6 text-slate-300\">\n <a href=\"https:\/\/www.facebook.com\/wmeacharity\" target=\"_blank\" class=\"hover:text-blue-600 transition\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"https:\/\/www.instagram.com\/wmeacharity\" target=\"_blank\" class=\"hover:text-pink-600 transition\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n \n <button id=\"back-to-top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"fixed bottom-8 right-8 z-[60] bg-slate-900 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-2xl hover:bg-sogo-gold transition-all duration-300 transform hover:scale-110\">\n <i class=\"fa-solid fa-chevron-up\"><\/i>\n <\/button>\n\n <script>\n \/\/ API Key (Updated to DeepSeek API)\n const apiKey = \"sk-e7d47a56f4354d759eab181e27a73ee0\"; \n\n async function generateAnalysis() {\n const inputField = document.getElementById('aiInput');\n const input = inputField.value.trim();\n const btn = document.getElementById('aiBtn');\n const resultBox = document.getElementById('aiResult');\n const output = document.getElementById('aiOutput');\n\n \/\/ --- \u700f\u89bd\u5668\u7de9\u5b58\u9650\u5236\u529f\u80fd (24\u5c0f\u6642\u4e00\u6b21) ---\n const LAST_USAGE_KEY = 'liberal_arts_ai_last_use';\n const COOLDOWN_TIME = 24 * 60 * 60 * 1000; \/\/ 24 \u5c0f\u6642\u7684\u6beb\u79d2\u6578\n const now = Date.now();\n const lastUse = localStorage.getItem(LAST_USAGE_KEY);\n\n if (lastUse && (now - lastUse < COOLDOWN_TIME)) {\n const remainingHours = Math.ceil((COOLDOWN_TIME - (now - lastUse)) \/ (1000 * 60 * 60));\n \/\/ \u4f7f\u7528\u81ea\u5b9a\u7fa9\u5167\u5bb9\u5340\u57df\u986f\u793a\u932f\u8aa4\u800c\u975e alert\n output.innerText = `\u2728 \u70ba\u4e86\u78ba\u4fdd\u6bcf\u4f4d\u5bb6\u9577\u90fd\u80fd\u7372\u5f97\u512a\u8cea\u5efa\u8b70\uff0c\u300e\u535a\u96c5\u9818\u4102\u300f\u5206\u6790\u6bcf 24 \u5c0f\u6642\u9650\u7528\u4e00\u6b21\u3002\\n\\n\u8acb\u65bc ${remainingHours} \u5c0f\u6642\u5f8c\u518d\u6b21\u5617\u8a66\uff0c\u6216\u76f4\u63a5\u806f\u7d61\u6211\u5011\u7684\u9867\u554f\u9032\u884c\u8aee\u8a62\u3002`;\n resultBox.classList.remove('hidden');\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n return;\n }\n \/\/ ------------------------------------\n\n if (!input) {\n alert(\"\u8acb\u8f38\u5165\u5b69\u5b50\u7684\u7279\u8cea\u4ee5\u4fbf\u5206\u6790\u3002\");\n return;\n }\n\n \/\/ UI \u8f09\u5165\u72c0\u614b\n btn.disabled = true;\n btn.innerHTML = '<span>\u535a\u96c5\u9818\u4102\u6b63\u5728\u5206\u6790\u4e2d<span class=\"ai-loading-dot\">.<\/span><span class=\"ai-loading-dot\" style=\"animation-delay: 0.2s\">.<\/span><span class=\"ai-loading-dot\" style=\"animation-delay: 0.4s\">.<\/span><\/span>';\n resultBox.classList.add('hidden'); \n output.innerText = \"\"; \/\/ \u6e05\u7a7a\u820a\u5167\u5bb9\n\n const systemPrompt = \"\u4f60\u662f\u4e00\u4f4d\u5c08\u6ce8\u65bc\u5152\u7ae5\u300e\u535a\u96c5\u6559\u80b2\u300f(Liberal Education) \u8207\u9818\u8896\u57f9\u8a13\u7684\u8cc7\u6df1\u9867\u554f\u3002\u6839\u64da\u5bb6\u9577\u63cf\u8ff0\u7684\u5b69\u5b50\u7279\u8cea\uff0c\u8acb\u5206\u6790\u8a72\u7279\u8cea\u5982\u4f55\u8f49\u5316\u70ba\u9818\u8896\u6f5b\u529b\uff0c\u4e26\u5177\u9ad4\u5efa\u8b70\u5982\u4f55\u900f\u904e\u300e\u6f14\u8b1b\u8a13\u7df4\u300f\u3001\u300e\u54e5\u723e\u592b\u7403\u300f\u6216\u300e\u9910\u684c\u79ae\u5100\u300f\u7b49\u535a\u96c5\u8ab2\u7a0b\u4f86\u555f\u767c\u5b69\u5b50\u3002\u8a9e\u6c23\u61c9\u6eab\u6eab\u6696\u3001\u512a\u96c5\u3001\u6b63\u5411\u4e14\u5c08\u696d\u3002\u8acb\u4f7f\u7528\u7e41\u9ad4\u4e2d\u6587\uff0c\u5b57\u6578\u5728 150-200 \u5b57\u5de6\u53f3\u3002\";\n \n \/\/ \u5be6\u4f5c\u6307\u6578\u9000\u907f\u7684\u91cd\u8a66\u908f\u8f2f (\u91dd\u5c0d API \u9650\u5236\u9032\u884c\u512a\u5316)\n const fetchWithRetry = async (url, options, retries = 5, backoff = 1000) => {\n try {\n const response = await fetch(url, options);\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error?.message || `HTTP error! status: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n if (retries <= 0) throw error;\n await new Promise(resolve => setTimeout(resolve, backoff));\n return fetchWithRetry(url, options, retries - 1, backoff * 2);\n }\n };\n\n try {\n \/\/ DeepSeek API Endpoint\n const url = \"https:\/\/api.deepseek.com\/chat\/completions\";\n \n const data = await fetchWithRetry(url, {\n method: 'POST',\n headers: { \n 'Content-Type': 'application\/json',\n 'Authorization': `Bearer ${apiKey}`\n },\n body: JSON.stringify({\n model: \"deepseek-chat\",\n messages: [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: `\u5bb6\u9577\u63cf\u8ff0\uff1a${input}` }\n ],\n stream: false\n })\n });\n\n \/\/ DeepSeek response parsing\n const finalResult = data.choices?.[0]?.message?.content;\n\n if (finalResult) {\n output.innerText = finalResult;\n resultBox.classList.remove('hidden'); \n \n \/\/ \u6210\u529f\u8abf\u7528\u5f8c\u8a18\u9304\u6642\u9593\n localStorage.setItem(LAST_USAGE_KEY, Date.now());\n\n \/\/ \u5e73\u6ed1\u6efe\u52d5\u81f3\u7d50\u679c\u5340\u57df\n setTimeout(() => {\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 150);\n } else {\n throw new Error(\"\u672a\u80fd\u53d6\u5f97\u6709\u6548\u7684\u5206\u6790\u7d50\u679c\u3002\");\n }\n } catch (err) {\n console.error(\"\u535a\u96c5\u9818\u4102 \u5206\u6790\u767c\u751f\u932f\u8aa4:\", err);\n let errorMsg = \"\u751f\u6210\u5206\u6790\u6642\u767c\u751f\u932f\u8aa4\uff1a\";\n if (err.message.includes(\"Failed to fetch\")) {\n errorMsg += \"\\n\u7121\u6cd5\u9023\u7dda\u81f3 API \u4f3a\u670d\u5668\u3002\u9019\u53ef\u80fd\u662f\u56e0\u70ba\u7db2\u7ad9\u7684\u5167\u5bb9\u5b89\u5168\u653f\u7b56 (CSP) \u9650\u5236\u3002\u8acb\u5728 WordPress \u4e2d\u6aa2\u67e5\u662f\u5426\u6709\u63d2\u4ef6\u9650\u5236\u4e86\u8de8\u7db2\u57df\u8acb\u6c42 (CORS)\u3002\";\n } else {\n errorMsg += \"\\n\" + err.message;\n }\n \n output.innerText = errorMsg;\n resultBox.classList.remove('hidden');\n } finally {\n btn.disabled = false;\n btn.innerHTML = '<i class=\"fa-solid fa-sparkles\"><\/i> <span>\u518d\u6b21\u535a\u96c5\u9818\u4102\u5206\u6790<\/span>';\n }\n }\n\n \/\/ \u56de\u5230\u9802\u90e8\u6309\u9215\u908f\u8f2f\n const backToTopBtn = document.getElementById('back-to-top');\n window.onscroll = function() {\n if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n };\n <\/script>\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 \u2027 \u555f\u767c\u667a\u6167 – \u300e\u535a\u96c5\u300f\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283 \u300e\u555f\u840c\u300f\u535a\u96c5\u9818\u8896 \u6d3b\u52d5\u7c21\u4ecb \u6838\u5fc3\u8ab2\u7a0b \u6587\u5316\u5ef6\u4f38 \u2728 \u535a\u96c5\u9818\u8896\u5206\u6790 \u7acb\u5373\u67e5\u8a62 \u7531 \u5d07\u5149\u767e\u8ca8\uff08SOGO\uff09\u555f\u5fb7\u5e97 \u9f0e\u529b\u8d0a\u52a9 \u535a\u96c5\u9818\u8896 \u2027 \u555f\u767c\u667a\u6167 \u2014\u2014 \u50b3\u7d71\u6416\u7c43\uff0c\u9818\u8896\u6559\u990a \u2014\u2014 \u63a2\u7d22\u8ab2\u7a0b \u535a\u96c5\u9818\u8896 \u5206\u6790 \u806f\u7d61\u63d0\u540d \u57f9\u80b2\u5177\u5099\u570b\u969b\u8996\u91ce\u3001\u81ea\u4fe1\u512a\u96c5\u7684\u672a\u4f86\u9818\u8896 \u300e\u535a\u96c5\u9818\u8896\u734e\u5b78\u91d1\u8a08\u5283\u300f\u79c9\u6301\u300c\u5168\u4eba\u767c\u5c55\u300d\u7684\u6838\u5fc3\u7406\u5ff5\uff0c\u62d2\u7d55\u523b\u677f\u6559\u5b78\uff0c\u900f\u904e\u535a\u96c5\u6559\u80b2\uff08Liberal Education\uff09\u7684\u7cbe\u9ad3\uff0c\u5728\u512a\u96c5\u4e2d\u5f15\u5c0e\u5b69\u5b50\u6210\u9577\u3002\u9019\u4e0d\u50c5\u662f\u82f1\u8a9e\u80fd\u529b\u7684\u63d0\u5347\uff0c\u66f4\u662f\u4e00\u5834\u95dc\u65bc\u6559\u990a\u3001\u54c1\u683c\u8207\u667a\u6167\u7684\u555f\u8499\u65c5\u7a0b\u3002 \u535a\u96c5\u6559\u80b2\uff1a \u4ec0\u9ebc\u662f\u300e\u535a\u96c5\u6559\u80b2\u300f \u76ee\u6a19\u5c0d\u8c61\uff1a 3-11 \u6b72\u5b78\u7ae5 (K1 – P5) \u6d3b\u52d5\u9031\u671f\uff1a 6 \u500b\u6708\u6df1\u5ea6\u9ad4\u9a57 (\u5206\u5169\u671f\u9032\u884c\uff0c\u6bcf\u671f3\u500b\u6708) \u6210\u9577\u9ad4\u9a57\u65e5\u71df\uff1a \u6236\u5916\u9032\u884c (\u5bb6\u9577\u53ef\u9078\u4ed8\u8cbb\u89aa\u5b50\u7559\u5bbf) \u8d0a\u52a9\u8a08\u5283\uff1a \u7372\u63d0\u540d\u8005\u53ef\u4eab\u8d0a\u52a9\u50f9 $2,288\/\u671f (\u539f\u50f9 $2,888) \u6838\u5fc3\u6d3b\u52d5\u77e9\u9663 \u7d50\u5408\u81ea\u4fe1\u8868\u9054\u3001\u5c08\u696d\u904b\u52d5\u8207\u7cbe\u82f1\u79ae\u5100\u7684\u5e73\u8861\u8ab2\u7a0b \u5c08\u696d\u6f14\u8b1b\u8a13\u7df4 \u878d\u5165\u8b70\u6703\u8faf\u8ad6\u98a8\u683c\uff0c\u626e\u6f14\u300c\u5c0f\u5c0f\u8b70\u54e1\u300d\u3002 \u9818\u8896\u91cd\u9ede \u5efa\u7acb\u81ea\u4fe1\uff0c\u514b\u670d\u821e\u53f0\u6050\u61fc\uff0c\u5b78\u7fd2\u63a5\u7d0d\u53ca\u8a8d\u771f\u50be\u807d\u3002 \u54e5\u723e\u592b\u7403\u57fa\u790e … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/elite-training\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “Elite Training – A Liberal Education”<\/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-749","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749","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=749"}],"version-history":[{"count":150,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"predecessor-version":[{"id":1474,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/749\/revisions\/1474"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}