{"id":3650,"date":"2026-05-10T17:51:36","date_gmt":"2026-05-10T09:51:36","guid":{"rendered":"https:\/\/white.pwlc.com.tw\/?p=3650"},"modified":"2026-05-10T18:24:12","modified_gmt":"2026-05-10T10:24:12","slug":"%f0%9f%8e%93-%e5%8d%87%e9%ab%98%e4%b8%80%ef%bd%9c%e6%9a%91%e6%9c%9f%e9%8a%9c%e6%8e%a5%e7%8f%ad%e5%bc%b7%e5%8b%a2%e7%99%bb%e5%a0%b4","status":"publish","type":"post","link":"https:\/\/white.pwlc.com.tw\/?p=3650","title":{"rendered":"\ud83c\udf93 \u5347\u9ad8\u4e00\uff5c\u6691\u671f\u929c\u63a5\u73ed\u5f37\u52e2\u767b\u5834"},"content":{"rendered":"<div id=\"pl-3650\"  class=\"panel-layout\" ><div id=\"pg-3650-0\"  class=\"panel-grid panel-has-style\" ><div style=\"padding: 100px 0; \" data-overlay=\"true\" class=\"panel-row-style panel-row-style-for-3650-0\" ><div id=\"pgc-3650-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3650-0-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"0\" ><div style=\"text-align: left;\" data-title-color=\"#443f3f\" data-headings-color=\"#443f3f\" class=\"widget_text panel-widget-style panel-widget-style-for-3650-0-0-0\" ><div class=\"textwidget custom-html-widget\"><!-- ========================================================================= -->\n<!-- \u8acb\u5c07\u4ee5\u4e0b\u6574\u6bb5\u7a0b\u5f0f\u78bc\u5b8c\u5168\u8907\u88fd\uff0c\u4e26\u8cbc\u4e0a\u81f3 WordPress \u9801\u9762\u7684\u300c\u81ea\u8a02 HTML\u300d\u5c0f\u5de5\u5177\u4e2d -->\n<!-- ========================================================================= -->\n\n<!-- \u52a0\u5165 bg-white \u78ba\u4fdd\u4e0d\u53d7 WordPress \u9ed1\u8272\u6216\u6df1\u8272\u4e3b\u984c\u80cc\u666f\u5f71\u97ff -->\n<div id=\"pwlc-summer-landing\" class=\"bg-white text-slate-800 overflow-hidden\">\n    <!-- \u5f15\u5165 Tailwind CSS \u8207\u8a2d\u5b9a -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n    <script>\n        tailwind.config = {\n            corePlugins: {\n                preflight: false, \/\/ \u95dc\u9589\u5168\u57df\u91cd\u7f6e\uff0c\u4fdd\u8b77 WordPress \u539f\u672c\u7684 CSS\n            },\n            theme: {\n                extend: {\n                    colors: {\n                        brand: {\n                            blue: '#4a859e', \/\/ \u547c\u61c9\u6d77\u5831\u7684\u6e56\u6c34\u85cd\/\u7070\u85cd\u8272\n                            darkBlue: '#1e3a8a',\n                            yellow: '#fcd34d', \/\/ \u6d77\u5831\u7684\u4eae\u9ec3\u8272\n                            gold: '#d97706',\n                            brown: '#451a03', \/\/ \u6df1\u68d5\u8272\uff0c\u53d6\u4ee3\u539f\u672c\u7684\u9ed1\u8272\uff0c\u589e\u52a0\u6587\u5b57\u95b1\u8b80\u5c0d\u6bd4\n                            lightBg: '#fffbeb'\n                        }\n                    },\n                    fontFamily: {\n                        sans: ['\"Noto Sans TC\"', 'sans-serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        \/* \u9650\u5b9a\u4f5c\u7528\u57df\u7684\u81ea\u8a02 CSS *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\n        \n        #pwlc-summer-landing { \n            font-family: 'Noto Sans TC', sans-serif; \n            line-height: 1.5;\n        }\n        \n        #pwlc-summer-landing h1, #pwlc-summer-landing h2, #pwlc-summer-landing h3, #pwlc-summer-landing h4 {\n            margin: 0;\n            line-height: 1.3;\n            color: #451a03; \/* \u5f37\u5236\u6240\u6709\u6a19\u984c\u9810\u8a2d\u70ba\u6df1\u68d5\u8272\uff0c\u9632\u6b62\u88ab\u539f\u7ad9 CSS \u6d17\u6389 *\/\n        }\n        \n        #pwlc-summer-landing p { margin: 0; color: #334155; }\n        #pwlc-summer-landing ul { padding: 0; margin: 0; list-style: none; }\n\n        .blob-shape {\n            border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%;\n            animation: morph 8s ease-in-out infinite;\n        }\n        @keyframes morph {\n            0%, 100% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\n            34% { border-radius: 70% 30% 50% 50% \/ 30% 30% 70% 70%; }\n            67% { border-radius: 100% 60% 60% 100% \/ 100% 100% 60% 60%; }\n        }\n    <\/style>\n\n    <!-- \u4e3b\u8996\u89ba\u5340\u584a (\u6539\u70ba\u6d77\u5831\u6696\u6a58\u8272\u6f38\u5c64) -->\n    <header class=\"bg-gradient-to-br from-amber-100 via-orange-50 to-yellow-100 min-h-[80vh] flex items-center py-16 relative overflow-hidden rounded-b-3xl md:rounded-b-[4rem] shadow-md border-b-4 border-brand-yellow\/50\">\n        <!-- \u80cc\u666f\u88dd\u98fe\u5716\u5f62 -->\n        <div class=\"absolute top-0 right-0 w-96 h-96 bg-brand-yellow\/20 rounded-full blur-3xl -translate-y-1\/2 translate-x-1\/3\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-orange-300\/20 rounded-full blur-3xl translate-y-1\/3 -translate-x-1\/4\"><\/div>\n\n        <div class=\"max-w-6xl mx-auto px-4 relative z-10 w-full flex flex-col-reverse md:flex-row items-center gap-12\">\n            \n            <!-- \u5de6\u5074\u6587\u6848\u5340 -->\n            <div class=\"w-full md:w-1\/2 text-center md:text-left mt-8 md:mt-0\">\n                <span class=\"inline-block py-1.5 px-4 rounded-full bg-brand-blue\/10 text-brand-blue font-black text-sm mb-6 border-2 border-brand-blue\/30 tracking-wider\">\n                    \u9650\u570b\u4e09\u5347\u9ad8\u4e00\u5b78\u751f\u53c3\u52a0\n                <\/span>\n                <h1 class=\"text-4xl md:text-6xl font-black leading-tight mb-6 text-brand-brown\">\n                    \u9ad8\u4e00\u8a66\u807d <span class=\"text-3xl md:text-4xl\">&<\/span><br>\n                    <span class=\"text-brand-blue\">\u5347\u5b78\u8b1b\u5ea7<\/span>\n                <\/h1>\n                <p class=\"text-lg md:text-xl text-brand-brown\/80 mb-8 font-bold\">\n                    \u8b93\u5b69\u5b50\u5f9e\u570b\u4e2d\u7121\u7e2b\u929c\u63a5\u9ad8\u4e2d\u82f1\u6587<br>\n                    \u8d0f\u5728\u8d77\u8dd1\u9ede\uff0c\u4e00\u958b\u59cb\u5c31\u9396\u5b9a\u5168\u5834\uff01\n                <\/p>\n                <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\n                    <a href=\"https:\/\/forms.gle\/UPSUK7PX6PzGaqT66\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-brand-blue hover:bg-blue-700 text-white font-bold text-lg py-4 px-8 rounded-full transition-all transform hover:scale-105 shadow-xl shadow-brand-blue\/30 flex items-center justify-center gap-2 no-underline\">\n                        <i class=\"fa-solid fa-bolt text-brand-yellow\"><\/i> \u6436\u5148\u9810\u7d04\u7b2c\u4e00\u5802\u514d\u8cbb\n                    <\/a>\n                    <a href=\"#details\" class=\"bg-white hover:bg-amber-50 text-brand-brown border-2 border-brand-brown\/20 font-bold text-lg py-4 px-8 rounded-full transition-all flex items-center justify-center gap-2 no-underline shadow-sm\">\n                        \u4e86\u89e3\u66f4\u591a\u8cc7\u8a0a\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- \u53f3\u5074\u6d77\u5831\u5716\u7247\u5c55\u793a\u5340 -->\n            <div class=\"w-full md:w-1\/2 flex justify-center relative\">\n                <!-- \u88dd\u98fe\u7528\u5149\u6688 -->\n                <div class=\"absolute inset-0 bg-brand-yellow\/30 blur-2xl rounded-full scale-90\"><\/div>\n                \n                <!-- \u3010\u91cd\u8981\u3011\u8acb\u5c07\u4e0b\u65b9 src \u66ff\u63db\u70ba\u60a8 WordPress \u5a92\u9ad4\u5eab\u4e2d\u7684\u6d77\u5831\u7db2\u5740 -->\n                <img decoding=\"async\" src=\"https:\/\/white.pwlc.com.tw\/wp-content\/uploads\/2026\/05\/\u9ad8\u4e2d\u929c\u63a5.jpg\" \n                     alt=\"\u9ad8\u4e00\u8a66\u807d\u66a8\u5347\u5b78\u8b1b\u5ea7\u6d77\u5831\" \n                     class=\"relative z-10 w-full max-w-md rounded-2xl shadow-2xl transform hover:-translate-y-2 transition duration-500 border-8 border-white\">\n            <\/div>\n\n        <\/div>\n    <\/header>\n\n    <!-- Info Section -->\n    <section id=\"details\" class=\"py-20 bg-white relative\">\n        <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n            \n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-3xl md:text-4xl font-black text-brand-brown mb-4\">\u70ba\u4ec0\u9ebc\u9078\u64c7\u767d\u8001\u5e2b\u82f1\u6587\uff1f<\/h2>\n                <p class=\"text-slate-500 text-lg font-medium\">\u5c08\u70ba\u60f3\u8981\u7a69\u56fa\u82f1\u6587\u57fa\u790e\u3001\u8003\u597d\u6a21\u64ec\u8003\u8207\u5b78\u6e2c\u7684\u6e96\u9ad8\u4e00\u5b78\u751f\u6253\u9020<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n                \n                <!-- Teacher Profile -->\n                <div class=\"relative flex justify-center\">\n                    <div class=\"w-64 h-64 md:w-80 md:h-80 bg-brand-yellow blob-shape absolute z-0 opacity-20\"><\/div>\n                    <div class=\"relative z-10 bg-white rounded-3xl p-8 shadow-xl border border-amber-100 max-w-sm w-full transform transition hover:-translate-y-2 duration-300 box-border\">\n                        <div class=\"w-24 h-24 bg-brand-blue rounded-full flex items-center justify-center text-white text-4xl mx-auto mb-6 shadow-lg shadow-brand-blue\/30\">\n                            <i class=\"fa-solid fa-chalkboard-user\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-black text-center text-brand-brown mb-2\">\u6388\u8ab2\u8001\u5e2b\uff5cRex<\/h3>\n                        <p class=\"text-center text-brand-blue font-bold mb-6\">\u5be6\u529b\u6d3e\u82f1\u8a9e\u6559\u5b78\u5c08\u5bb6<\/p>\n                        <ul class=\"space-y-4 text-slate-700 font-medium\">\n                            <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-star text-brand-gold\"><\/i> \u53f0\u5927\u5916\u6587\u78a9\u58eb<\/li>\n                            <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-star text-brand-gold\"><\/i> \u570b\u969b\u4e2d\u5b78\u7279\u8058\u6559\u5e2b<\/li>\n                            <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-star text-brand-gold\"><\/i> \u591a\u9593\u51fa\u7248\u793e\u5c08\u696d\u9867\u554f<\/li>\n                            <li class=\"flex items-center gap-3\"><i class=\"fa-solid fa-star text-brand-gold\"><\/i> \u9577\u5e74\u6253\u9020\u5347\u5b78\u5be6\u529b\u6d3e\u73ed\u7d1a<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <!-- Event Details & Location -->\n                <div class=\"space-y-8\">\n                    <div class=\"bg-amber-50 rounded-2xl p-8 border-l-8 border-brand-yellow shadow-sm hover:shadow-md transition box-border\">\n                        <h4 class=\"text-2xl font-black text-brand-brown mb-4 flex items-center gap-2\">\n                            <i class=\"fa-solid fa-school text-brand-gold\"><\/i> \u9ad8\u4e00\u929c\u63a5\u73ed\u4e0a\u8ab2\u6642\u9593\n                        <\/h4>\n                        <p class=\"text-slate-700 mb-4 font-medium\">\u6b63\u5f0f\u8ab2\u7a0b \u51715\u5802\uff5cRex\u8001\u5e2b \u6388\u8ab2\u6587\u6cd5\u95b1\u8b80<\/p>\n                        <p class=\"font-black text-brand-blue bg-white border border-brand-blue\/20 inline-block px-5 py-3 rounded-xl m-0 shadow-sm text-lg\">\n                            5\/31 \u2013 6\/28 \u6bcf\u9031\u65e5\uff5c16:00-18:00\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"bg-slate-50 rounded-2xl p-8 border-l-8 border-brand-blue shadow-sm hover:shadow-md transition box-border\">\n                        <h4 class=\"text-xl font-black text-brand-brown mb-3 flex items-center gap-2\">\n                            <i class=\"fa-solid fa-map-location-dot text-brand-blue\"><\/i> \u5730\u9ede\u8207\u806f\u7d61\u8cc7\u8a0a\n                        <\/h4>\n                        <p class=\"text-slate-700 mb-1 font-bold\">\u767d\u8001\u5e2b\u82f1\u6587 \u6f22\u53e3\u6821<\/p>\n                        <p class=\"text-slate-600 mb-2\">\u53f0\u4e2d\u5e02\u5317\u5340\u6f22\u53e3\u8def\u56db\u6bb5115\u865f<\/p>\n                        <p class=\"text-slate-600 font-medium\">\u6d3d\u8a62\u96fb\u8a71\uff1a<a href=\"tel:04-22915538\" class=\"text-brand-blue font-bold hover:underline no-underline\">04-22915538<\/a><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Promotion Section (\u6539\u6210\u6df1\u68d5\u8272\u5e95\uff0c\u6587\u5b57\u767d\/\u9ec3\uff0c\u5c0d\u6bd4\u6975\u5f37) -->\n    <section class=\"py-20 bg-brand-brown text-white relative overflow-hidden rounded-t-3xl md:rounded-t-[4rem] shadow-[0_-10px_40px_rgba(0,0,0,0.1)]\">\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden z-0 opacity-10\">\n            <div class=\"absolute -top-24 -left-24 w-96 h-96 bg-brand-yellow rounded-full blur-[100px]\"><\/div>\n            <div class=\"absolute -bottom-24 -right-24 w-96 h-96 bg-white rounded-full blur-[100px]\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-6xl mx-auto px-4 relative z-10\">\n            <div class=\"text-center mb-16\">\n                <span class=\"text-brand-yellow font-black text-xl tracking-widest mb-2 block\">40th ANNIVERSARY<\/span>\n                <h2 class=\"text-3xl md:text-5xl font-black mb-4 text-white\">\u767d\u8001\u5e2b40\u9031\u5e74\u5927\u512a\u60e0<\/h2>\n                <p class=\"text-amber-100 text-lg\">\u8aa0\u610f\u6eff\u6eff\uff0c\u52a9\u529b\u5b69\u5b50\u7684\u7b2c\u4e00\u6b65<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto\">\n                <!-- Promo 1 -->\n                <div class=\"bg-white rounded-2xl p-8 text-center shadow-xl hover:-translate-y-2 transition duration-300 box-border border-b-4 border-brand-yellow\">\n                    <div class=\"w-16 h-16 bg-amber-100 rounded-full flex items-center justify-center text-brand-gold text-2xl mx-auto mb-6\">\n                        <i class=\"fa-solid fa-vial\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-black text-brand-brown mb-3\">\u597d\u79ae 1 <span class=\"text-sm font-bold text-brand-brown bg-brand-yellow px-2 py-0.5 rounded-md ml-1\">\u65b0\u751f\u9650\u5b9a<\/span><\/h3>\n                    <p class=\"font-bold text-lg mb-2 text-slate-800\">\u6aa2\u6e2c\u5373\u8d08\u9001<\/p>\n                    <p class=\"text-slate-600 font-medium\">\u300e\u56db\u8272\u4eba\u683c\u8272\u5f69\u6aa2\u6e2c\u300f<br><span class=\"text-sm text-brand-gold font-bold\">(\u50f9\u503c 5,000 \u5143)<\/span><\/p>\n                <\/div>\n\n                <!-- Promo 2 -->\n                <div class=\"bg-white rounded-2xl p-8 text-center shadow-xl hover:-translate-y-2 transition duration-300 box-border border-b-4 border-brand-blue relative\">\n                    <div class=\"absolute -top-4 right-4 bg-red-500 text-white text-xs font-bold px-3 py-1 rounded-full animate-bounce shadow-md\">\n                        \u8d85\u503c\u63a8\u85a6\n                    <\/div>\n                    <div class=\"w-16 h-16 bg-blue-50 rounded-full flex items-center justify-center text-brand-blue text-2xl mx-auto mb-6\">\n                        <i class=\"fa-solid fa-hand-holding-dollar\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-black text-brand-brown mb-3\">\u597d\u79ae 2 <span class=\"text-sm font-bold text-brand-brown bg-brand-yellow px-2 py-0.5 rounded-md ml-1\">\u65b0\u751f\u9650\u5b9a<\/span><\/h3>\n                    <p class=\"font-bold text-lg mb-2 text-slate-800\">\u6e1b\u514d\u8a3b\u518a\u8cbb<\/p>\n                    <p class=\"text-slate-600 font-medium\">\u8a66\u8b80\u5f8c\uff0c\u78ba\u8a8d\u5165\u73ed\u5373\u6e1b\u514d<br><span class=\"text-brand-blue text-3xl font-black mt-1 block\">1,500 <span class=\"text-lg\">\u5143<\/span><\/span><\/p>\n                <\/div>\n            <\/div>\n\n            <!-- \u52a0\u78bc\u512a\u60e0\u6a6b\u5e45 -->\n            <div class=\"mt-10 bg-gradient-to-r from-brand-yellow to-amber-500 rounded-2xl p-6 md:p-8 flex flex-col md:flex-row items-center justify-between shadow-xl border-2 border-amber-300\/50 box-border relative overflow-hidden hover:scale-[1.01] transition-transform\">\n                <div class=\"absolute -right-10 -top-10 w-40 h-40 bg-white\/20 rounded-full blur-2xl\"><\/div>\n                \n                <div class=\"flex flex-col md:flex-row items-center gap-6 mb-6 md:mb-0 relative z-10 text-center md:text-left\">\n                    <div class=\"w-16 h-16 bg-white\/40 rounded-full flex items-center justify-center text-brand-brown text-3xl shrink-0 shadow-sm backdrop-blur-sm border border-white\/50\">\n                        <i class=\"fa-solid fa-award\"><\/i>\n                    <\/div>\n                    <div>\n                        <span class=\"inline-block px-3 py-1 bg-brand-brown text-brand-yellow text-xs font-black rounded-md mb-2 shadow-sm\">\u7576\u65e5\u9650\u5b9a\u512a\u60e0<\/span>\n                        <h3 class=\"text-2xl font-black text-brand-brown mb-1\">\u6703\u8003\u6210\u7e3e\u512a\u7570\u734e\u52f5<\/h3>\n                        <p class=\"text-brand-brown\/90 font-bold\">\u82f1\u6587\u6703\u8003\u6210\u7e3e A\uff08\u542b\uff09\u4ee5\u4e0a\u5373\u53ef\u4eab\u6709\u9ad8\u4e00\u6b63\u5f0f\u8ab2\u7a0b\u5b78\u8cbb\u512a\u60e0<\/p>\n                        <p class=\"text-xs text-brand-brown font-black bg-white\/60 inline-block px-3 py-1.5 rounded-md shadow-sm mt-2 mb-0\">\u203b \u9700\u642d\u914d\u53c3\u52a0\u929c\u63a5\u73ed\uff0c\u4e147\u6708\u7e8c\u4e0a\u73ed\u7d1a(300+\/\u83c1\u82f1\u73ed)<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"text-center md:text-right relative z-10 bg-brand-brown\/10 p-5 rounded-xl border border-brand-brown\/10\">\n                    <p class=\"text-brand-brown font-black mb-1\">\u5b78\u8cbb\u53ef\u6e1b\u514d<\/p>\n                    <p class=\"text-white text-3xl md:text-4xl font-black drop-shadow-md mb-0\">1,000~2,000 <span class=\"text-xl\">\u5143\uff01<\/span><\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Encourgement Quote -->\n    <section class=\"py-16 bg-orange-50 relative\">\n        <div class=\"max-w-4xl mx-auto px-6 text-center\">\n            <i class=\"fa-solid fa-quote-left text-4xl text-brand-gold\/30 mb-6 block\"><\/i>\n            <h3 class=\"text-2xl font-black text-brand-brown mb-6\">\u7d66\u6b63\u5728\u52aa\u529b\u6e96\u5099\u6703\u8003\u7684\u570b\u4e09\u751f\u8207\u5bb6\u9577\u5011\uff1a<\/h3>\n            <p class=\"text-lg md:text-xl text-brand-brown\/80 leading-relaxed font-bold mb-6\">\n                \u300c\u6211\u5011\u77e5\u9053\uff0c\u73fe\u5728\u7684\u4f60\u6b63\u5168\u529b\u4ee5\u8d74\uff0c\u6e96\u5099\u4eba\u751f\u7b2c\u4e00\u6b21\u91cd\u8981\u8003\u8a66\u3002<br class=\"hidden md:block\">\n                \u8acb\u76f8\u4fe1\uff0c\u9019\u6bb5\u596e\u9b25\u7684\u904e\u7a0b\u6703\u6210\u70ba\u4f60\u6210\u9577\u4e2d\u6700\u5805\u5be6\u7684\u57fa\u790e\u3002<br>\n                <span class=\"text-brand-blue font-black text-2xl\">\u52a0\u6cb9\uff0c\u6240\u6709\u52aa\u529b\u90fd\u6703\u958b\u82b1\u7d50\u679c\uff0c\u6211\u5011\u5728\u5347\u9ad8\u4e00\u7684\u8def\u4e0a\u7b49\u4f60\uff01<\/span>\u300d\n            <\/p>\n            <div class=\"w-24 h-1.5 bg-brand-yellow mx-auto rounded-full\"><\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Registration Form Section -->\n    <section id=\"register\" class=\"py-20 bg-white rounded-b-3xl md:rounded-b-[4rem] shadow-sm mb-10 border-t border-slate-100\">\n        <div class=\"max-w-4xl mx-auto px-4\">\n            \n            <div class=\"bg-white rounded-3xl shadow-[0_0_40px_rgba(0,0,0,0.05)] overflow-hidden flex flex-col md:flex-row box-border border border-slate-100\">\n                <!-- Left side -->\n                <div class=\"w-full md:w-5\/12 bg-gradient-to-br from-brand-blue to-teal-700 text-white p-10 flex flex-col justify-between relative overflow-hidden box-border\">\n                    <div class=\"absolute -bottom-16 -right-16 w-64 h-64 bg-white\/10 rounded-full blur-2xl\"><\/div>\n                    <div class=\"relative z-10\">\n                        <h3 class=\"text-3xl font-black mb-4 text-white\">\u540d\u984d\u6709\u9650<br>\u514d\u8cbb\u53c3\u52a0\uff01<\/h3>\n                        <p class=\"text-blue-100 mb-8 font-medium\">\u8acb\u9ede\u64ca\u53f3\u5074\u6309\u9215\u524d\u5f80\u8868\u55ae\uff0c\u5c07\u70ba\u60a8\u5b89\u6392\u5c08\u5c6c\u5ea7\u4f4d\u3002<\/p>\n                        \n                        <div class=\"space-y-5\">\n                            <div class=\"flex items-center gap-4 bg-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n                                <div class=\"w-10 h-10 rounded-full bg-white flex items-center justify-center shrink-0\">\n                                    <i class=\"fa-solid fa-calendar-check text-brand-blue\"><\/i>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-sm text-blue-100 m-0 font-medium\">\u6d3b\u52d5\u65e5\u671f<\/p>\n                                    <p class=\"font-black m-0 text-white text-lg\">5\/24 (\u661f\u671f\u65e5)<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex items-center gap-4 bg-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n                                <div class=\"w-10 h-10 rounded-full bg-white flex items-center justify-center shrink-0\">\n                                    <i class=\"fa-solid fa-clock text-brand-blue\"><\/i>\n                                <\/div>\n                                <div>\n                                    <p class=\"text-sm text-blue-100 m-0 font-medium\">\u6d3b\u52d5\u6642\u9593<\/p>\n                                    <p class=\"font-black m-0 text-white text-lg\">16:00 - 18:00<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Right side Form -->\n                <div class=\"w-full md:w-7\/12 p-10 flex flex-col justify-center items-center text-center box-border bg-amber-50\/50\">\n                    <div class=\"w-20 h-20 bg-white text-brand-gold rounded-full flex items-center justify-center text-4xl mb-6 shadow-md border-4 border-amber-100\">\n                        <i class=\"fa-solid fa-clipboard-list\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-3xl font-black text-brand-brown mb-4\">\u7dda\u4e0a\u586b\u5beb\u5831\u540d\u8868<\/h4>\n                    <p class=\"text-slate-600 mb-8 text-lg font-medium leading-relaxed\">\n                        \u70ba\u7bc0\u7701\u60a8\u7684\u5bf6\u8cb4\u6642\u9593\uff0c\u8acb\u9ede\u64ca\u4e0b\u65b9\u6309\u9215\u524d\u5f80 Google \u8868\u55ae\u586b\u5beb\u5831\u540d\u8cc7\u8a0a\u3002\n                    <\/p>\n                    \n                    <a href=\"https:\/\/forms.gle\/UPSUK7PX6PzGaqT66\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"group relative inline-flex items-center justify-center gap-3 px-8 py-5 bg-brand-gold text-white hover:text-white font-black text-xl rounded-2xl overflow-hidden transition-all transform hover:scale-105 shadow-[0_10px_20px_rgba(217,119,6,0.3)] w-full md:w-auto no-underline\">\n                        <div class=\"absolute inset-0 bg-white\/20 transform -skew-x-12 -translate-x-full group-hover:translate-x-[200%] transition-transform duration-1000 ease-in-out\"><\/div>\n                        <span class=\"relative z-10\">\u524d\u5f80 Google \u8868\u55ae\u5831\u540d<\/span>\n                        <i class=\"fa-solid fa-arrow-right-to-bracket group-hover:translate-x-1 transition-transform relative z-10\"><\/i>\n                    <\/a>\n                <\/div>\n            <\/div>\n            \n        <\/div>\n    <\/section>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u9650\u570b\u4e09\u5347\u9ad8\u4e00\u5b78\u751f\u53c3\u52a0 \u9ad8\u4e00\u8a66\u807d &#038; \u5347\u5b78\u8b1b\u5ea7 \u8b93\u5b69\u5b50\u5f9e\u570b\u4e2d\u7121\u7e2b\u929c\u63a5\u9ad8\u4e2d\u82f1\u6587 \u8d0f\u5728\u8d77\u8dd1\u9ede\uff0c\u4e00\u958b\u59cb\u5c31\u9396\u5b9a\u5168\u5834\uff01 \u6436 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-3650","post","type-post","status-publish","format-standard","hentry","category-5"],"_links":{"self":[{"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/3650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3650"}],"version-history":[{"count":12,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/3650\/revisions"}],"predecessor-version":[{"id":3664,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=\/wp\/v2\/posts\/3650\/revisions\/3664"}],"wp:attachment":[{"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/white.pwlc.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}