\u82f1\u570b Holmewood House \u4ea4\u6d41\u5718 - \u7c21\u4ecb\u6703\u5c08\u7528\u7db2\u9801<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,400&family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n navy: '#0f1a3b',\n blue: '#114f92',\n gold: '#c5a059',\n cream: '#fdfbf7',\n darkText: '#1e293b'\n }\n },\n fontFamily: {\n serif: ['Playfair Display', 'Georgia', 'serif'],\n sans: ['Noto Sans TC', 'Inter', 'sans-serif']\n }\n }\n }\n }\n <\/script>\n <style>\n \/* custom styles for font scaling *\/\n .font-size-lg p, .font-size-lg li, .font-size-lg span {\n font-size: 1.25rem; \/* 20px *\/\n line-height: 1.8;\n }\n .font-size-lg h3 {\n font-size: 1.75rem; \/* 28px *\/\n }\n .font-size-lg h2 {\n font-size: 2.25rem; \/* 36px *\/\n }\n\n .font-size-xl p, .font-size-xl li, .font-size-xl span {\n font-size: 1.5rem; \/* 24px *\/\n line-height: 1.9;\n }\n .font-size-xl h3 {\n font-size: 2rem; \/* 32px *\/\n }\n .font-size-xl h2 {\n font-size: 2.75rem; \/* 44px *\/\n }\n\n .font-size-2xl p, .font-size-2xl li, .font-size-2xl span {\n font-size: 1.875rem; \/* 30px *\/\n line-height: 2;\n }\n .font-size-2xl h3 {\n font-size: 2.5rem; \/* 40px *\/\n }\n .font-size-2xl h2 {\n font-size: 3.5rem; \/* 56px *\/\n }\n \n body {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #fdfbf7;\n }\n .serif-title {\n font-family: 'Playfair Display', serif;\n }\n <\/style>\n<\/head>\n<body class=\"font-size-xl text-brand-darkText transition-all duration-300\">\n\n \n <div class=\"sticky top-0 z-50 bg-brand-navy text-white px-4 py-3 shadow-md flex flex-wrap justify-between items-center gap-4 border-b border-brand-gold\/30\">\n <div class=\"flex items-center space-x-2\">\n <span class=\"bg-brand-gold text-brand-navy px-3 py-1 rounded text-base font-bold uppercase tracking-wider\">WMEA<\/span>\n <span class=\"text-lg md:text-xl font-bold tracking-wide\">Holmewood House \u4ea4\u6d41\u5718\u7c21\u4ecb\u6703<\/span>\n <\/div>\n \n \n <div class=\"flex items-center space-x-4\">\n \n <div class=\"flex items-center bg-slate-800\/80 rounded-lg p-1 border border-white\/20\">\n <span class=\"text-sm px-2 text-slate-300 hidden md:inline\"><i class=\"fa-solid fa-font mr-1\"><\/i>\u5b57\u9ad4\u5927\u5c0f:<\/span>\n <button onclick=\"setFontSize('lg')\" id=\"btn-lg\" class=\"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition\">\u6a19\u6e96(\u5927)<\/button>\n <button onclick=\"setFontSize('xl')\" id=\"btn-xl\" class=\"px-3 py-1 text-sm font-semibold rounded bg-brand-gold text-brand-navy transition\">\u7279\u5927<\/button>\n <button onclick=\"setFontSize('2xl')\" id=\"btn-2xl\" class=\"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition\">\u8d85\u5927(\u6295\u5f71\u5c08\u7528)<\/button>\n <\/div>\n \n <div class=\"hidden lg:flex items-center space-x-4 text-sm font-medium\">\n <a href=\"#departure\" class=\"hover:text-brand-gold transition\">\u51fa\u767c\u8cc7\u8a0a<\/a>\n <a href=\"#pdf-section\" class=\"hover:text-brand-gold transition\">\u91cd\u8981\u6587\u4ef6<\/a>\n <a href=\"#routine\" class=\"hover:text-brand-gold transition\">\u4f5c\u606f\u8868<\/a>\n <a href=\"#packing\" class=\"hover:text-brand-gold transition\">\u884c\u674e\u6e05\u55ae<\/a>\n <a href=\"#team\" class=\"hover:text-brand-gold transition\">\u6559\u8077\u54e1<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <header class=\"bg-gradient-to-b from-[#0a122c] to-[#12234f] text-white py-12 px-6 text-center border-b-4 border-brand-gold relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]\"><\/div>\n \n <div class=\"max-w-5xl mx-auto relative z-10 space-y-6\">\n <div class=\"inline-block border-2 border-brand-gold px-6 py-2 rounded-full mb-2 bg-brand-navy\/60\">\n <p class=\"text-brand-gold text-lg md:text-xl font-bold uppercase tracking-[0.2em] mb-0\">Home at Holmewood<\/p>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-black tracking-tight leading-tight\">\n <span class=\"block serif-title text-brand-gold font-normal italic text-2xl md:text-4xl mb-2\">Welcome to<\/span>\n HOLMEWOOD HOUSE SCHOOL\n <span class=\"block text-xl md:text-3xl font-medium tracking-wide mt-3 text-slate-200\">\u82f1\u570b\u77ed\u671f\u7559\u5b78\u9ad4\u9a57 \u2022 \u5bb6\u9577\u53ca\u5b78\u751f\u7c21\u4ecb\u6703<\/span>\n <\/h1>\n\n <p class=\"text-lg md:text-2xl text-slate-300 max-w-3xl mx-auto font-light leading-relaxed\">\n \u5728\u9019\u500b\u76db\u590f\u516d\u6708\uff0c\u6211\u5011\u70ba\u6210\u529f\u722d\u53d6\u734e\u5b78\u91d1\u7684\u5091\u51fa\u5b78\u5b50\u5011\uff0c\u5448\u737b\u4e00\u6b21\u8f15\u9b06\u5145\u5be6\u3001\u5bcc\u6709\u6df1\u9060\u610f\u7fa9\u7684\u82f1\u570b\u9802\u5c16\u5bc4\u5bbf\u5b78\u6821\u6d78\u6f64\u65c5\u7a0b\u3002\n <\/p>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 pt-6 max-w-4xl mx-auto\">\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u7559\u5b78\u6642\u9593<\/p>\n <p class=\"text-lg md:text-xl font-bold\">9\u59298\u591c<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u51a0\u540d\u8d0a\u52a9<\/p>\n <p class=\"text-lg md:text-xl font-bold\">SOGO \u5d07\u5149\u555f\u5fb7\u5e97<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u4e3b\u8fa6\u6a5f\u69cb<\/p>\n <p class=\"text-lg md:text-xl font-bold\">WMEA \u6148\u5584\u57fa\u91d1\u6703<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u62db\u751f\u5c0d\u8c61<\/p>\n <p class=\"text-lg md:text-xl font-bold\">7 \u81f3 13 \u6b72\u5b78\u751f<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"departure\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-plane-departure text-brand-gold\"><\/i> \u7b2c\u4e00\u624b\uff1a\u51fa\u767c\u822a\u73ed\u53ca\u96c6\u5408\u8cc7\u8a0a\n <\/h2>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-xl border border-slate-200 overflow-hidden grid grid-cols-1 md:grid-cols-12\">\n \n <div class=\"md:col-span-5 bg-brand-navy text-white p-8 flex flex-col justify-between space-y-6\">\n <div>\n <span class=\"bg-brand-gold text-brand-navy px-3 py-1 rounded text-xs font-bold uppercase tracking-wider\">\u53bb\u7a0b\u822a\u73ed<\/span>\n <h3 class=\"text-3xl font-extrabold mt-3 tracking-wide\">\u570b\u6cf0\u822a\u7a7a CX255<\/h3>\n <p class=\"text-slate-300 mt-2\">\u76f4\u98db\u502b\u6566\u5e0c\u65af\u8def\u6a5f\u5834 (LHR)<\/p>\n <\/div>\n\n <div class=\"border-t border-white\/10 pt-6 space-y-4 text-base md:text-lg\">\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u51fa\u767c\u65e5\u671f\uff1a<\/span>\n <span class=\"font-bold text-brand-gold\">2026\u5e746\u670820\u65e5<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u96c6\u5408\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u665a\u4e0a 20:15 (HKT)<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u8d77\u98db\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u665a\u4e0a 23:15 (HKT)<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u62b5\u9054\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u7fcc\u65e5 06:20 (UKT)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"bg-white\/10 p-4 rounded-xl text-sm border border-white\/10\">\n <p class=\"font-bold text-brand-gold mb-1\"><i class=\"fa-solid fa-circle-exclamation mr-2\"><\/i>\u91cd\u8981\u63d0\u793a\uff1a<\/p>\n \u8acb\u5bb6\u9577\u6e96\u6642\u65bc <strong>20:15<\/strong> \u9001\u9054\u5b78\u54e1\u81f3 <strong>\u9999\u6e2f\u570b\u969b\u6a5f\u5834 T1 \u96e2\u5883\u5927\u5802 B\/C \u5340<\/strong> \u570b\u6cf0\u822a\u7a7a\u6ac3\u6aaf\u8fa6\u7406\u767b\u6a5f\u3002\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-7 p-8 bg-slate-50 flex flex-col justify-center space-y-6\">\n <h3 class=\"text-2xl font-bold text-brand-navy mb-2\"><i class=\"fa-solid fa-location-dot text-brand-gold mr-2\"><\/i>\u96c6\u5408\u6d41\u7a0b\u6307\u5f15<\/h3>\n \n <div class=\"space-y-6 relative border-l-2 border-brand-blue\/20 pl-6 ml-3\">\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">1<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">20:15 \u6a5f\u5834\u96c6\u5408<\/h4>\n <p class=\"text-slate-600\">\u5b78\u54e1\u5728\u9999\u6e2f\u570b\u969b\u6a5f\u5834\u4e00\u865f\u5ba2\u904b\u5927\u6a13 B, C \u5340\u8207\u9818\u968a\u53ca\u5c0f\u7d44\u8001\u5e2b\u6703\u5408\u3002<\/p>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">2<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">\u8fa6\u7406\u884c\u674e\u8a17\u904b\u8207\u5b89\u5168\u6aa2\u9a57<\/h4>\n <p class=\"text-slate-600\">\u7d71\u4e00\u8fa6\u7406\u767b\u6a5f\u8b49\u53ca\u884c\u674e\u8a17\u904b\uff0c\u6aa2\u67e5\u500b\u4eba\u8b77\u7167\uff08\u9808\u6709 6 \u500b\u6708\u4ee5\u4e0a\u6709\u6548\u671f\uff09\u53ca\u82f1\u570b\u7c3d\u8b49\/ETA\u3002<\/p>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">3<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">\u82f1\u570b\u62b5\u9054\u8207\u5c08\u8eca\u63a5\u9001<\/h4>\n <p class=\"text-slate-600\">6\u670821\u65e5\u65e9\u4e0a\u62b5\u9054\u5e0c\u65af\u8def\u5f8c\uff0c\u5c07\u6709\u5c08\u5c6c\u5df4\u58eb\u76f4\u63a5\u8b77\u9001\u5168\u9ad4\u5b78\u54e1\u524d\u5f80 Holmewood House School \u6821\u5712\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pdf-section\" class=\"bg-slate-100 py-16 px-6 border-y border-slate-200\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-file-pdf text-red-600\"><\/i> \u5bb6\u9577\u91cd\u8981\u6307\u5f15\u8207\u624b\u518a (PDF \u593e\u5b58)\n <\/h2>\n <p class=\"text-slate-600 mt-3 text-lg md:text-xl\">\u7c21\u4ecb\u6703\u4e2d\u9014\u53ef\u96a8\u6642\u9ede\u64ca\uff0c\u5728\u5927\u87a2\u5e55\u4e2d\u76f4\u63a5\u5c55\u958b\u6f14\u793a<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-4 mb-8\">\n \n <button onclick=\"switchPdf('notice')\" id=\"tab-notice\" class=\"bg-white hover:border-brand-gold border-2 border-brand-gold rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-red-100 text-red-600 rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(1) \u91cd\u8981\u9808\u77e5\u8207\u6ce8\u610f\u4e8b\u9805<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">Holmewood House School Important Notice.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n\n \n <button onclick=\"switchPdf('program')\" id=\"tab-program\" class=\"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-brand-blue\/10 text-brand-blue rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(2) \u4ea4\u6d41\u5718\u624b\u518a\u8207\u884c\u7a0b\u5b89\u6392<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">UK-Holmewood-Exchange-Program-Overview.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n\n \n <button onclick=\"switchPdf('tour')\" id=\"tab-tour\" class=\"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-amber-100 text-amber-600 rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-map\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(3) \u4ea4\u6d41\u5718\u6d77\u5831\u8207\u5ba3\u50b3\u55ae\u5f35<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">Holmewood_UK_Exchange_Tour.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-2xl border border-slate-200 overflow-hidden flex flex-col h-[700px]\">\n \n <div class=\"bg-slate-800 text-white p-4 flex flex-wrap justify-between items-center gap-3\">\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-eye text-brand-gold\"><\/i>\n <span id=\"current-pdf-title\" class=\"font-bold text-base md:text-lg\">\u6587\u4ef6 1\uff1a\u91cd\u8981\u901a\u77e5\u8207\u6ce8\u610f\u4e8b\u9805<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <a id=\"download-btn\" href=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" target=\"_blank\" class=\"bg-brand-gold hover:bg-brand-gold\/90 text-brand-navy px-4 py-2 rounded-lg text-sm font-bold flex items-center gap-2 transition\">\n <i class=\"fa-solid fa-download\"><\/i> \u4e0b\u8f09 PDF\n <\/a>\n <button onclick=\"toggleFullScreen()\" class=\"bg-slate-700 hover:bg-slate-600 px-3 py-2 rounded-lg text-sm font-bold flex items-center gap-2 transition\">\n <i id=\"fs-icon\" class=\"fa-solid fa-expand\"><\/i> \u5168\u87a2\u5e55\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 bg-slate-200 relative\" id=\"iframe-container\">\n <iframe \n id=\"pdf-iframe\" \n src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" \n class=\"w-full h-full border-none\"\n title=\"PDF Viewer\"\n ><\/iframe>\n <\/div>\n \n \n <div class=\"p-4 bg-slate-50 text-center border-t border-slate-200 text-sm text-slate-600 flex justify-center items-center gap-2\">\n <i class=\"fa-solid fa-info-circle text-brand-blue\"><\/i>\n \u5982\u7121\u6cd5\u76f4\u63a5\u65bc\u4e0a\u65b9\u9810\u89bd PDF\uff0c\u8acb\u9ede\u64ca\u53f3\u4e0a\u65b9\u300c\u4e0b\u8f09 PDF\u300d\u6216 <a id=\"fallback-link\" href=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" target=\"_blank\" class=\"text-brand-blue underline font-bold hover:text-brand-blue\/80\">\u9ede\u6b64\u5728\u65b0\u8996\u7a97\u958b\u555f\u7db2\u9801\u7248 PDF<\/a>\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"routine\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-clock text-brand-gold\"><\/i> \u82f1\u570b\u5bc4\u5bbf\u5b78\u6821\u4f5c\u606f\u6642\u9593\u8868\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u8b93\u5b78\u54e1\u63d0\u524d\u9069\u61c9\u82f1\u5f0f\u5bc4\u5bbf\u7684\u56b4\u8b39\u8207\u5145\u5be6\u4f5c\u606f<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"bg-gradient-to-br from-amber-50 to-orange-50 rounded-2xl p-8 border border-amber-200 shadow-md\">\n <h3 class=\"text-2xl font-bold text-amber-800 border-b-2 border-amber-200 pb-3 mb-6 flex items-center gap-3\">\n <i class=\"fa-solid fa-sun text-xl\"><\/i> \u4e0a\u5348\u65e5\u7a0b\u5b89\u6392 (Mornings)\n <\/h3>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:10<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8d77\u5e8a\u8207\u5167\u52d9\u6574\u7406<\/h4>\n <p class=\"text-slate-600 text-sm\">\u8d77\u5e8a\u3001\u66f4\u8863\u3001\u6574\u7406\u500b\u4eba\u5e8a\u8216\u8207\u623f\u9593\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u516c\u7528\u5927\u5ef3\u6668\u6703\u96c6\u5408 (Registration)<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:35<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u82f1\u5f0f\u71df\u990a\u65e9\u9910\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u524d\u5f80\u73ed\u7d1a\u6559\u5ba4\u9032\u884c\u8ab2\u524d\u6e96\u5099<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:25<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8207\u82f1\u570b\u7576\u5730\u5c0f\u5c0e\u5e2b (Buddy) \u6703\u9762<\/h4>\n <p class=\"text-slate-600 text-sm\">\u6b63\u5f0f\u9ede\u540d\u767b\u8a18\uff08\u9700\u5e36\u540c\u6668\u8b80\u66f8\u7c4d\uff09\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:40<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u6821\u5712\u6d78\u6f64\u5f0f\u5b78\u7fd2\u6b63\u5f0f\u958b\u59cb<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-indigo-50 to-blue-50 rounded-2xl p-8 border border-indigo-200 shadow-md\">\n <h3 class=\"text-2xl font-bold text-indigo-800 border-b-2 border-indigo-200 pb-3 mb-6 flex items-center gap-3\">\n <i class=\"fa-solid fa-moon text-xl\"><\/i> \u508d\u665a\u8207\u591c\u9593\u6d3b\u52d5 (Evenings)\n <\/h3>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">16:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u7c3d\u5230\u8207\u82f1\u5f0f\u4e0b\u5348\u8336\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">18:00<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u665a\u9593\u5718\u9ad4\u8da3\u5473\u8ab2\u5916\u6d3b\u52d5<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">18:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8ab2\u5802\u4f5c\u696d\u8207\u8907\u7fd2\u6642\u9593 (Prep)<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">19:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u76e5\u6d17\u3001\u6c90\u6d74\u8207\u653e\u9b06<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">19:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u665a\u9593\u8336\u9ede\u5c0f\u98df\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">20:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u95dc\u71c8\u5c31\u5be2 (Lights Out)<\/h4>\n <p class=\"text-slate-600 text-sm\">\u7184\u71c8\u524d\u70ba\u96c6\u9ad4\u5b89\u975c\u6668\u8b80\u8207\u5c0f\u7d50\u6642\u9593\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packing\" class=\"bg-brand-cream py-16 px-6 border-t border-slate-200\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-suitcase text-brand-gold\"><\/i> \u4ea4\u6d41\u5718\u51fa\u767c\u524d\u884c\u674e\u6e05\u55ae\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u5bb6\u9577\u53ef\u73fe\u5834\u8207\u5b78\u751f\u6838\u5c0d\uff0c\u52fe\u9078\u5df2\u6e96\u5099\u597d\u7684\u9805\u76ee\uff1a<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-xl border border-slate-200 p-8 space-y-8\">\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-file-invoice\"><\/i> 1. \u5fc5\u5099\u91cd\u8981\u6587\u4ef6\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u7279\u5340\u8b77\u7167\uff08\u6709\u6548\u671f\u81f3\u5c116\u500b\u6708\u4ee5\u4e0a\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u82f1\u570b\u7c3d\u8b49\u8b49\u660e\u6216\u8a8d\u53ef\u7684 ETA \u6587\u4ef6<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u6a5f\u7968\u884c\u7a0b\u55ae\u8207\u7dca\u6025\u806f\u7d61\u5361<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u5883\u5916\u65c5\u904a\u4fdd\u96aa\u8b49\u660e\u6587\u4ef6<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-shirt\"><\/i> 2. \u8863\u7269\u8207\u751f\u6d3b\u7528\u54c1\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u6240\u9700\u85e5\u7269\uff08\u5982\u6709\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u63db\u6d17\u8863\u7269\u3001\u5167\u8863\u3001\u896a\u5b50<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u6d17\u6f31\u54c1\uff08\u7259\u5237\u7259\u818f\u3001\u6d17\u982d\u6c90\u6d74\u4e73\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u96a8\u8eab\u4fdd\u6eab\u6c34\u676f\u3001\u9632\u66ec\u7528\u54c1<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-plug\"><\/i> 3. \u96fb\u5b50\u53ca\u5b78\u7fd2\u7528\u54c1\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u82f1\u898f\u4e09\u8173\u96fb\u6e90\u8f49\u63db\u63d2\u982d\uff08\u540c\u9999\u6e2f\u898f\u683c\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u96a8\u8eab\u651c\u5e36\u624b\u6a5f\u53ca\u5145\u96fb\u5668\u3001\u884c\u52d5\u96fb\u6e90<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u7b46\u8a18\u672c\u3001\u5e38\u7528\u6587\u5177\u8207\u82f1\u6587\u8a5e\u5178\/\u5b57\u5178<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u5c11\u91cf\u96f6\u7528\u73fe\u91d1 (\u82f1\u938a)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-amber-50 border-l-4 border-amber-500 p-5 rounded-r-xl\">\n <h4 class=\"font-bold text-amber-900 flex items-center gap-2\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i> \u5b78\u6821\u96fb\u5b50\u8a2d\u5099\u5b88\u5247\uff1a<\/h4>\n <p class=\"text-amber-800 text-sm mt-1 leading-relaxed\">\n \u5b78\u54e1\u6bcf\u5929\u508d\u665a\u7372\u51c6\u9650\u6642\u4f7f\u7528\u500b\u4eba\u624b\u6a5f\u8207\u5bb6\u9577\u5831\u5e73\u5b89\uff0c\u4f46\u6bcf\u665a\u7761\u524d\u5fc5\u9808\u4ea4\u7531\u503c\u65e5\u820d\u76e3\u53ca\u9818\u968a\u8001\u5e2b\u7d71\u4e00\u4fdd\u7ba1\u3002\u5bb6\u9577\u5982\u9700\u7dca\u6025\u806f\u7d61\u5b69\u5b50\uff0c\u8acb\u512a\u5148\u806f\u7e6b\u5927\u6703\u5c0f\u7d44\u5c0e\u5e2b\uff0c\u6216\u900f\u904e\u4ee5\u4e0b\u6e20\u9053\u806f\u7d61\u5354\u8abf\uff1a\n <\/p>\n <div class=\"mt-3 flex flex-wrap gap-4 text-sm font-bold\">\n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"inline-flex items-center gap-1.5 bg-green-50 text-green-700 border border-green-300 px-3 py-1.5 rounded-lg hover:bg-green-100 transition\">\n <i class=\"fa-brands fa-whatsapp text-base text-green-600\"><\/i> \u9999\u6e2f\u806f\u7d61\u8655: 91519368\n <\/a>\n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"inline-flex items-center gap-1.5 bg-blue-50 text-brand-blue border border-blue-200 px-3 py-1.5 rounded-lg hover:bg-blue-100 transition\">\n <i class=\"fa-brands fa-whatsapp text-base text-green-600\"><\/i> \u82f1\u570b\u73fe\u5834\u4e3b\u7ba1 (Jasmine Lam): +447355728866\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-users-gear text-brand-gold\"><\/i> \u5c08\u696d\u6821\u5712\u6559\u8077\u54e1\u5718\u968a\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u5168\u7a0b\u4fdd\u99d5\u8b77\u822a\u7684\u6821\u5712\u6838\u5fc3\u5c0e\u5e2b\u53ca\u751f\u6d3b\u9867\u554f<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.33.17-PM.png\" alt=\"Miss Nicholson & Mr Wukics\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Nicholson & Mr Wukics<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparents & Ralph (\u820d\u76e3\u8001\u5e2b)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u5b89\u6392\u548c\u7167\u9867\u5b78\u54e1\u5011\u5728\u5bbf\u820d\u4e2d\u7684\u5927\u5c0f\u8d77\u5c45\u8207\u8ab2\u5f8c\u793e\u4ea4\u751f\u6d3b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.34.54-PM.png\" alt=\"Mr Davies\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Mr Davies<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Resident Tutor (\u5e38\u99d0\u5c0e\u5e2b)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u70ba\u65e5\u5e38\u5b78\u7fd2\u3001\u5b78\u79d1\u6d78\u6f64\u4ee5\u53ca Buddy \u7d44\u968a\u548c\u8f14\u5c0e\u63d0\u4f9b\u5b78\u8853\u5354\u52a9\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.35.25-PM.png\" alt=\"Mr Porter\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Mr Porter<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Assistant Head Pastoral (\u7267\u80b2\u526f\u6821\u9577)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u5168\u7a0b\u76e3\u7763\u8207\u898f\u5283\u4ea4\u6d41\u5718\u95dc\u61f7\u9ad4\u7cfb\uff0c\u63d0\u4f9b\u5bb6\u9577\u6975\u4f73\u7684\u5b89\u5168\u4fdd\u969c\u8207\u652f\u6301\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.35.54-PM.png\" alt=\"Miss Swift\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Swift<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">School Nurse (\u99d0\u6821\u8b77\u58eb)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u63d0\u4f9b 24 \u5c0f\u6642\u5065\u5eb7\u7167\u8b77\u3001\u57fa\u790e\u6025\u6551\u53ca\u500b\u4eba\u7528\u85e5\u76e3\u7763\u7ba1\u7406\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.34.19-PM.png\" alt=\"Miss Hodgson\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Hodgson<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparent (\u751f\u6d3b\u8f14\u5c0e\u820d\u76e3)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u5bbf\u820d\u8d77\u5c45\u751f\u6d3b\u6307\u5f15\uff0c\u966a\u4f34\u5b69\u5b50\u5b89\u5fc3\u5165\u7761\u53ca\u9069\u61c9\u65b0\u74b0\u5883\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.36.26-PM.png\" alt=\"Miss Graham\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Graham<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparent (\u751f\u6d3b\u8f14\u5c0e\u820d\u76e3)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u7ba1\u7406\u5bbf\u820d\u4f5c\u606f\u79e9\u5e8f\uff0c\u5354\u52a9\u5b78\u54e1\u9069\u61c9\u82f1\u570b\u7576\u5730\u7684\u5bc4\u5bbf\u751f\u6d3b\u898f\u5f8b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-brand-navy to-[#1a2d5e] rounded-2xl p-6 text-white text-center flex flex-col justify-center items-center shadow-lg border-2 border-brand-gold col-span-1 sm:col-span-2 lg:col-span-3 mt-4\">\n <h3 class=\"font-bold text-brand-gold text-2xl serif-title\">\u95dc\u65bc\u4e3b\u8fa6\u6a5f\u69cb WMEA<\/h3>\n <p class=\"text-sm text-slate-300 mt-2 leading-relaxed max-w-2xl mx-auto\">\n \u9999\u6e2f\u653f\u5e9c\u8a8d\u53ef\u8a3b\u518a\u6148\u5584\u6a5f\u69cb WMEA \u57fa\u91d1\u6703\u5718\u968a\u8207\u6821\u65b9\u7dca\u5bc6\u806f\u7e6b\u3002\u6211\u5011\u81f4\u529b\u62d3\u5c55\u5b78\u54e1\u570b\u969b\u8996\u91ce\uff0c\u901a\u904e\u4e16\u754c\u9802\u7d1a\u7684\u6821\u969b\u5b78\u8853\u4ea4\u6d41\uff0c\u57f9\u990a\u65b0\u4e00\u4ee3\u5177\u5099\u570b\u969b\u773c\u5149\u7684\u4e16\u754c\u516c\u6c11\u3002\n <\/p>\n <span class=\"mt-4 bg-brand-gold text-brand-navy px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider\">\u611f\u8b1d SOGO \u9999\u6e2f\u5d07\u5149\u767e\u8ca8\u51a0\u540d\u8d0a\u52a9<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-brand-navy text-slate-400 py-12 px-6 border-t-2 border-brand-gold text-center text-sm\">\n <div class=\"max-w-4xl mx-auto space-y-6\">\n <h3 class=\"text-white text-lg font-bold\">Home at Holmewood \u2014 \u82f1\u570b\u7559\u5b78\u9ad4\u9a57\u5bb6\u9577\u7c21\u4ecb\u6703<\/h3>\n <p class=\"text-base\">\u5982\u5728\u884c\u524d\u3001\u51fa\u767c\u65e5\u6216\u7559\u5b78\u4e2d\u9014\u9700\u8981\u4efb\u4f55\u61c9\u6025\u63f4\u52a9\uff0c\u8acb\u96a8\u6642\u8207\u6211\u5011\u806f\u7d61\uff1a<\/p>\n \n \n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4 py-2\">\n \n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-[#25D366] hover:bg-[#20ba56] text-white font-bold px-6 py-4 rounded-xl shadow-lg transition-all transform hover:scale-105 text-lg w-full sm:w-auto justify-center\">\n <i class=\"fa-brands fa-whatsapp text-2xl\"><\/i> \u9999\u6e2f\u806f\u7d61 (91519368)\n <\/a>\n \n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-brand-blue hover:bg-brand-blue\/90 text-white font-bold px-6 py-4 rounded-xl shadow-lg transition-all transform hover:scale-105 text-lg w-full sm:w-auto justify-center border border-white\/20\">\n <i class=\"fa-brands fa-whatsapp text-2xl text-[#25D366]\"><\/i> \u82f1\u570b\u73fe\u5834\u4e3b\u7ba1 Jasmine Lam (+447355728866)\n <\/a>\n <\/div>\n\n <div class=\"flex justify-center space-x-6 text-lg py-2\">\n <a href=\"mailto:info@wmea.charity\" class=\"hover:text-brand-gold transition\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"hover:text-brand-gold transition\" title=\"\u9999\u6e2f WhatsApp 91519368\"><i class=\"fa-brands fa-whatsapp text-[#25D366]\"><\/i><\/a>\n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"hover:text-brand-gold transition\" title=\"\u82f1\u570b\u4e3b\u7ba1 Jasmine Lam +447355728866\"><i class=\"fa-solid fa-plane-arrival\"><\/i><\/a>\n <a href=\"https:\/\/wmea.charity\" target=\"_blank\" class=\"hover:text-brand-gold transition\"><i class=\"fa-solid fa-globe\"><\/i><\/a>\n <\/div>\n <p class=\"text-xs text-slate-500 pt-4 border-t border-white\/10\">\u00a9 2026 Whole Mind English Academy Charity Foundation Ltd. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Set Default Font Size class\n function setFontSize(size) {\n \/\/ Remove previous sizes\n document.body.classList.remove('font-size-lg', 'font-size-xl', 'font-size-2xl');\n \n \/\/ Add selected size\n document.body.classList.add('font-size-' + size);\n \n \/\/ Update active states on buttons\n const sizes = ['lg', 'xl', '2xl'];\n sizes.forEach(s => {\n const btn = document.getElementById('btn-' + s);\n if (s === size) {\n btn.className = \"px-3 py-1 text-sm font-semibold rounded bg-brand-gold text-brand-navy transition\";\n } else {\n btn.className = \"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition text-white\";\n }\n });\n }\n\n \/\/ Switch PDF shown in Iframe (Updated to include third PDF key: 'tour')\n const pdfData = {\n notice: {\n title: \"\u6587\u4ef6 1\uff1a\u91cd\u8981\u9808\u77e5\u8207\u6ce8\u610f\u4e8b\u9805\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\"\n },\n program: {\n title: \"\u6587\u4ef6 2\uff1a\u4ea4\u6d41\u5718\u624b\u518a\u8207\u884c\u7a0b\u5b89\u6392\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/UK-Holmewood-Exchange-Program-Overview.pdf\"\n },\n tour: {\n title: \"\u6587\u4ef6 3\uff1a\u4ea4\u6d41\u5718\u6d77\u5831\u8207\u5ba3\u50b3\u55ae\u5f35\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood_UK_Exchange_Tour.pdf\"\n }\n };\n\n function switchPdf(key) {\n const iframe = document.getElementById('pdf-iframe');\n const titleSpan = document.getElementById('current-pdf-title');\n const downloadBtn = document.getElementById('download-btn');\n const fallbackLink = document.getElementById('fallback-link');\n \n const tabs = {\n notice: document.getElementById('tab-notice'),\n program: document.getElementById('tab-program'),\n tour: document.getElementById('tab-tour')\n };\n\n \/\/ Update iframe src\n iframe.src = pdfData[key].url;\n \n \/\/ Update Title and Links\n titleSpan.innerText = pdfData[key].title;\n downloadBtn.href = pdfData[key].url;\n fallbackLink.href = pdfData[key].url;\n\n \/\/ Highlight active tab\n Object.keys(tabs).forEach(k => {\n if (k === key) {\n tabs[k].className = \"bg-white hover:border-brand-gold border-2 border-brand-gold rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\";\n } else {\n tabs[k].className = \"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\";\n }\n });\n }\n\n \/\/ Handle Fullscreen of the PDF Container\n let isFullScreen = false;\n function toggleFullScreen() {\n const container = document.getElementById('iframe-container');\n const icon = document.getElementById('fs-icon');\n \n if (!isFullScreen) {\n if (container.requestFullscreen) {\n container.requestFullscreen();\n } else if (container.webkitRequestFullscreen) { \/* Safari *\/\n container.webkitRequestFullscreen();\n } else if (container.msRequestFullscreen) { \/* IE11 *\/\n container.msRequestFullscreen();\n }\n icon.className = \"fa-solid fa-compress\";\n isFullScreen = true;\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) { \/* Safari *\/\n document.webkitExitFullscreen();\n } else if (document.msExitFullscreen) { \/* IE11 *\/\n document.msExitFullscreen();\n }\n icon.className = \"fa-solid fa-expand\";\n isFullScreen = false;\n }\n }\n\n \/\/ Listener for ESC to reset fullscreen icon state\n document.addEventListener('fullscreenchange', () => {\n if (!document.fullscreenElement) {\n document.getElementById('fs-icon').className = \"fa-solid fa-expand\";\n isFullScreen = false;\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>\u82f1\u570b Holmewood House \u4ea4\u6d41\u5718 – \u7c21\u4ecb\u6703\u5c08\u7528\u7db2\u9801 WMEA Holmewood House \u4ea4\u6d41\u5718\u7c21\u4ecb\u6703 \u5b57\u9ad4\u5927\u5c0f: \u6a19\u6e96(\u5927) \u7279\u5927 \u8d85\u5927(\u6295\u5f71\u5c08\u7528) \u51fa\u767c\u8cc7\u8a0a \u91cd\u8981\u6587\u4ef6 \u4f5c\u606f\u8868 \u884c\u674e\u6e05\u55ae \u6559\u8077\u54e1 Home at Holmewood Welcome to HOLMEWOOD HOUSE SCHOOL \u82f1\u570b\u77ed\u671f\u7559\u5b78\u9ad4\u9a57 \u2022 \u5bb6\u9577\u53ca\u5b78\u751f\u7c21\u4ecb\u6703 \u5728\u9019\u500b\u76db\u590f\u516d\u6708\uff0c\u6211\u5011\u70ba\u6210\u529f\u722d\u53d6\u734e\u5b78\u91d1\u7684\u5091\u51fa\u5b78\u5b50\u5011\uff0c\u5448\u737b\u4e00\u6b21\u8f15\u9b06\u5145\u5be6\u3001\u5bcc\u6709\u6df1\u9060\u610f\u7fa9\u7684\u82f1\u570b\u9802\u5c16\u5bc4\u5bbf\u5b78\u6821\u6d78\u6f64\u65c5\u7a0b\u3002 \u7559\u5b78\u6642\u9593 9\u59298\u591c \u51a0\u540d\u8d0a\u52a9 SOGO \u5d07\u5149\u555f\u5fb7\u5e97 \u4e3b\u8fa6\u6a5f\u69cb WMEA \u6148\u5584\u57fa\u91d1\u6703 \u62db\u751f\u5c0d\u8c61 7 \u81f3 13 \u6b72\u5b78\u751f \u7b2c\u4e00\u624b\uff1a\u51fa\u767c\u822a\u73ed\u53ca\u96c6\u5408\u8cc7\u8a0a \u53bb\u7a0b\u822a\u73ed \u570b\u6cf0\u822a\u7a7a CX255 \u76f4\u98db\u502b\u6566\u5e0c\u65af\u8def\u6a5f\u5834 (LHR) \u51fa\u767c\u65e5\u671f\uff1a 2026\u5e746\u670820\u65e5 \u96c6\u5408\u6642\u9593\uff1a \u665a\u4e0a 20:15 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/2026-holmewood-exchange-program-a-briefing-session\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “2026 Holmewood Exchange Program – A Briefing Session”<\/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-2129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129","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=2129"}],"version-history":[{"count":16,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129\/revisions"}],"predecessor-version":[{"id":2153,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129\/revisions\/2153"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \u82f1\u570b Holmewood House \u4ea4\u6d41\u5718 - \u7c21\u4ecb\u6703\u5c08\u7528\u7db2\u9801<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,400&family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n navy: '#0f1a3b',\n blue: '#114f92',\n gold: '#c5a059',\n cream: '#fdfbf7',\n darkText: '#1e293b'\n }\n },\n fontFamily: {\n serif: ['Playfair Display', 'Georgia', 'serif'],\n sans: ['Noto Sans TC', 'Inter', 'sans-serif']\n }\n }\n }\n }\n <\/script>\n <style>\n \/* custom styles for font scaling *\/\n .font-size-lg p, .font-size-lg li, .font-size-lg span {\n font-size: 1.25rem; \/* 20px *\/\n line-height: 1.8;\n }\n .font-size-lg h3 {\n font-size: 1.75rem; \/* 28px *\/\n }\n .font-size-lg h2 {\n font-size: 2.25rem; \/* 36px *\/\n }\n\n .font-size-xl p, .font-size-xl li, .font-size-xl span {\n font-size: 1.5rem; \/* 24px *\/\n line-height: 1.9;\n }\n .font-size-xl h3 {\n font-size: 2rem; \/* 32px *\/\n }\n .font-size-xl h2 {\n font-size: 2.75rem; \/* 44px *\/\n }\n\n .font-size-2xl p, .font-size-2xl li, .font-size-2xl span {\n font-size: 1.875rem; \/* 30px *\/\n line-height: 2;\n }\n .font-size-2xl h3 {\n font-size: 2.5rem; \/* 40px *\/\n }\n .font-size-2xl h2 {\n font-size: 3.5rem; \/* 56px *\/\n }\n \n body {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #fdfbf7;\n }\n .serif-title {\n font-family: 'Playfair Display', serif;\n }\n <\/style>\n<\/head>\n<body class=\"font-size-xl text-brand-darkText transition-all duration-300\">\n\n \n <div class=\"sticky top-0 z-50 bg-brand-navy text-white px-4 py-3 shadow-md flex flex-wrap justify-between items-center gap-4 border-b border-brand-gold\/30\">\n <div class=\"flex items-center space-x-2\">\n <span class=\"bg-brand-gold text-brand-navy px-3 py-1 rounded text-base font-bold uppercase tracking-wider\">WMEA<\/span>\n <span class=\"text-lg md:text-xl font-bold tracking-wide\">Holmewood House \u4ea4\u6d41\u5718\u7c21\u4ecb\u6703<\/span>\n <\/div>\n \n \n <div class=\"flex items-center space-x-4\">\n \n <div class=\"flex items-center bg-slate-800\/80 rounded-lg p-1 border border-white\/20\">\n <span class=\"text-sm px-2 text-slate-300 hidden md:inline\"><i class=\"fa-solid fa-font mr-1\"><\/i>\u5b57\u9ad4\u5927\u5c0f:<\/span>\n <button onclick=\"setFontSize('lg')\" id=\"btn-lg\" class=\"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition\">\u6a19\u6e96(\u5927)<\/button>\n <button onclick=\"setFontSize('xl')\" id=\"btn-xl\" class=\"px-3 py-1 text-sm font-semibold rounded bg-brand-gold text-brand-navy transition\">\u7279\u5927<\/button>\n <button onclick=\"setFontSize('2xl')\" id=\"btn-2xl\" class=\"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition\">\u8d85\u5927(\u6295\u5f71\u5c08\u7528)<\/button>\n <\/div>\n \n <div class=\"hidden lg:flex items-center space-x-4 text-sm font-medium\">\n <a href=\"#departure\" class=\"hover:text-brand-gold transition\">\u51fa\u767c\u8cc7\u8a0a<\/a>\n <a href=\"#pdf-section\" class=\"hover:text-brand-gold transition\">\u91cd\u8981\u6587\u4ef6<\/a>\n <a href=\"#routine\" class=\"hover:text-brand-gold transition\">\u4f5c\u606f\u8868<\/a>\n <a href=\"#packing\" class=\"hover:text-brand-gold transition\">\u884c\u674e\u6e05\u55ae<\/a>\n <a href=\"#team\" class=\"hover:text-brand-gold transition\">\u6559\u8077\u54e1<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <header class=\"bg-gradient-to-b from-[#0a122c] to-[#12234f] text-white py-12 px-6 text-center border-b-4 border-brand-gold relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]\"><\/div>\n \n <div class=\"max-w-5xl mx-auto relative z-10 space-y-6\">\n <div class=\"inline-block border-2 border-brand-gold px-6 py-2 rounded-full mb-2 bg-brand-navy\/60\">\n <p class=\"text-brand-gold text-lg md:text-xl font-bold uppercase tracking-[0.2em] mb-0\">Home at Holmewood<\/p>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl font-black tracking-tight leading-tight\">\n <span class=\"block serif-title text-brand-gold font-normal italic text-2xl md:text-4xl mb-2\">Welcome to<\/span>\n HOLMEWOOD HOUSE SCHOOL\n <span class=\"block text-xl md:text-3xl font-medium tracking-wide mt-3 text-slate-200\">\u82f1\u570b\u77ed\u671f\u7559\u5b78\u9ad4\u9a57 \u2022 \u5bb6\u9577\u53ca\u5b78\u751f\u7c21\u4ecb\u6703<\/span>\n <\/h1>\n\n <p class=\"text-lg md:text-2xl text-slate-300 max-w-3xl mx-auto font-light leading-relaxed\">\n \u5728\u9019\u500b\u76db\u590f\u516d\u6708\uff0c\u6211\u5011\u70ba\u6210\u529f\u722d\u53d6\u734e\u5b78\u91d1\u7684\u5091\u51fa\u5b78\u5b50\u5011\uff0c\u5448\u737b\u4e00\u6b21\u8f15\u9b06\u5145\u5be6\u3001\u5bcc\u6709\u6df1\u9060\u610f\u7fa9\u7684\u82f1\u570b\u9802\u5c16\u5bc4\u5bbf\u5b78\u6821\u6d78\u6f64\u65c5\u7a0b\u3002\n <\/p>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 pt-6 max-w-4xl mx-auto\">\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u7559\u5b78\u6642\u9593<\/p>\n <p class=\"text-lg md:text-xl font-bold\">9\u59298\u591c<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u51a0\u540d\u8d0a\u52a9<\/p>\n <p class=\"text-lg md:text-xl font-bold\">SOGO \u5d07\u5149\u555f\u5fb7\u5e97<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u4e3b\u8fa6\u6a5f\u69cb<\/p>\n <p class=\"text-lg md:text-xl font-bold\">WMEA \u6148\u5584\u57fa\u91d1\u6703<\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-4 rounded-xl backdrop-blur-sm\">\n <p class=\"text-sm text-brand-gold uppercase tracking-wider mb-1\">\u62db\u751f\u5c0d\u8c61<\/p>\n <p class=\"text-lg md:text-xl font-bold\">7 \u81f3 13 \u6b72\u5b78\u751f<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section id=\"departure\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-plane-departure text-brand-gold\"><\/i> \u7b2c\u4e00\u624b\uff1a\u51fa\u767c\u822a\u73ed\u53ca\u96c6\u5408\u8cc7\u8a0a\n <\/h2>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-xl border border-slate-200 overflow-hidden grid grid-cols-1 md:grid-cols-12\">\n \n <div class=\"md:col-span-5 bg-brand-navy text-white p-8 flex flex-col justify-between space-y-6\">\n <div>\n <span class=\"bg-brand-gold text-brand-navy px-3 py-1 rounded text-xs font-bold uppercase tracking-wider\">\u53bb\u7a0b\u822a\u73ed<\/span>\n <h3 class=\"text-3xl font-extrabold mt-3 tracking-wide\">\u570b\u6cf0\u822a\u7a7a CX255<\/h3>\n <p class=\"text-slate-300 mt-2\">\u76f4\u98db\u502b\u6566\u5e0c\u65af\u8def\u6a5f\u5834 (LHR)<\/p>\n <\/div>\n\n <div class=\"border-t border-white\/10 pt-6 space-y-4 text-base md:text-lg\">\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u51fa\u767c\u65e5\u671f\uff1a<\/span>\n <span class=\"font-bold text-brand-gold\">2026\u5e746\u670820\u65e5<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u96c6\u5408\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u665a\u4e0a 20:15 (HKT)<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u8d77\u98db\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u665a\u4e0a 23:15 (HKT)<\/span>\n <\/div>\n <div class=\"flex justify-between\">\n <span class=\"text-slate-400\">\u62b5\u9054\u6642\u9593\uff1a<\/span>\n <span class=\"font-bold text-white\">\u7fcc\u65e5 06:20 (UKT)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"bg-white\/10 p-4 rounded-xl text-sm border border-white\/10\">\n <p class=\"font-bold text-brand-gold mb-1\"><i class=\"fa-solid fa-circle-exclamation mr-2\"><\/i>\u91cd\u8981\u63d0\u793a\uff1a<\/p>\n \u8acb\u5bb6\u9577\u6e96\u6642\u65bc <strong>20:15<\/strong> \u9001\u9054\u5b78\u54e1\u81f3 <strong>\u9999\u6e2f\u570b\u969b\u6a5f\u5834 T1 \u96e2\u5883\u5927\u5802 B\/C \u5340<\/strong> \u570b\u6cf0\u822a\u7a7a\u6ac3\u6aaf\u8fa6\u7406\u767b\u6a5f\u3002\n <\/div>\n <\/div>\n\n \n <div class=\"md:col-span-7 p-8 bg-slate-50 flex flex-col justify-center space-y-6\">\n <h3 class=\"text-2xl font-bold text-brand-navy mb-2\"><i class=\"fa-solid fa-location-dot text-brand-gold mr-2\"><\/i>\u96c6\u5408\u6d41\u7a0b\u6307\u5f15<\/h3>\n \n <div class=\"space-y-6 relative border-l-2 border-brand-blue\/20 pl-6 ml-3\">\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">1<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">20:15 \u6a5f\u5834\u96c6\u5408<\/h4>\n <p class=\"text-slate-600\">\u5b78\u54e1\u5728\u9999\u6e2f\u570b\u969b\u6a5f\u5834\u4e00\u865f\u5ba2\u904b\u5927\u6a13 B, C \u5340\u8207\u9818\u968a\u53ca\u5c0f\u7d44\u8001\u5e2b\u6703\u5408\u3002<\/p>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">2<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">\u8fa6\u7406\u884c\u674e\u8a17\u904b\u8207\u5b89\u5168\u6aa2\u9a57<\/h4>\n <p class=\"text-slate-600\">\u7d71\u4e00\u8fa6\u7406\u767b\u6a5f\u8b49\u53ca\u884c\u674e\u8a17\u904b\uff0c\u6aa2\u67e5\u500b\u4eba\u8b77\u7167\uff08\u9808\u6709 6 \u500b\u6708\u4ee5\u4e0a\u6709\u6548\u671f\uff09\u53ca\u82f1\u570b\u7c3d\u8b49\/ETA\u3002<\/p>\n <\/div>\n\n <div class=\"relative\">\n <div class=\"absolute -left-10 top-1 bg-brand-blue text-white w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm\">3<\/div>\n <h4 class=\"font-bold text-lg text-brand-navy\">\u82f1\u570b\u62b5\u9054\u8207\u5c08\u8eca\u63a5\u9001<\/h4>\n <p class=\"text-slate-600\">6\u670821\u65e5\u65e9\u4e0a\u62b5\u9054\u5e0c\u65af\u8def\u5f8c\uff0c\u5c07\u6709\u5c08\u5c6c\u5df4\u58eb\u76f4\u63a5\u8b77\u9001\u5168\u9ad4\u5b78\u54e1\u524d\u5f80 Holmewood House School \u6821\u5712\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pdf-section\" class=\"bg-slate-100 py-16 px-6 border-y border-slate-200\">\n <div class=\"max-w-6xl mx-auto\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-file-pdf text-red-600\"><\/i> \u5bb6\u9577\u91cd\u8981\u6307\u5f15\u8207\u624b\u518a (PDF \u593e\u5b58)\n <\/h2>\n <p class=\"text-slate-600 mt-3 text-lg md:text-xl\">\u7c21\u4ecb\u6703\u4e2d\u9014\u53ef\u96a8\u6642\u9ede\u64ca\uff0c\u5728\u5927\u87a2\u5e55\u4e2d\u76f4\u63a5\u5c55\u958b\u6f14\u793a<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-4 mb-8\">\n \n <button onclick=\"switchPdf('notice')\" id=\"tab-notice\" class=\"bg-white hover:border-brand-gold border-2 border-brand-gold rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-red-100 text-red-600 rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-triangle-exclamation\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(1) \u91cd\u8981\u9808\u77e5\u8207\u6ce8\u610f\u4e8b\u9805<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">Holmewood House School Important Notice.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n\n \n <button onclick=\"switchPdf('program')\" id=\"tab-program\" class=\"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-brand-blue\/10 text-brand-blue rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-book-open\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(2) \u4ea4\u6d41\u5718\u624b\u518a\u8207\u884c\u7a0b\u5b89\u6392<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">UK-Holmewood-Exchange-Program-Overview.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n\n \n <button onclick=\"switchPdf('tour')\" id=\"tab-tour\" class=\"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\">\n <div class=\"flex items-start gap-4\">\n <div class=\"p-3 bg-amber-100 text-amber-600 rounded-lg text-2xl shrink-0\">\n <i class=\"fa-solid fa-map\"><\/i>\n <\/div>\n <div>\n <h3 class=\"font-bold text-brand-navy text-lg md:text-xl leading-snug\">\u6587\u4ef6(3) \u4ea4\u6d41\u5718\u6d77\u5831\u8207\u5ba3\u50b3\u55ae\u5f35<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 truncate\">Holmewood_UK_Exchange_Tour.pdf<\/p>\n <\/div>\n <\/div>\n <\/button>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-2xl border border-slate-200 overflow-hidden flex flex-col h-[700px]\">\n \n <div class=\"bg-slate-800 text-white p-4 flex flex-wrap justify-between items-center gap-3\">\n <div class=\"flex items-center space-x-3\">\n <i class=\"fa-solid fa-eye text-brand-gold\"><\/i>\n <span id=\"current-pdf-title\" class=\"font-bold text-base md:text-lg\">\u6587\u4ef6 1\uff1a\u91cd\u8981\u901a\u77e5\u8207\u6ce8\u610f\u4e8b\u9805<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3\">\n <a id=\"download-btn\" href=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" target=\"_blank\" class=\"bg-brand-gold hover:bg-brand-gold\/90 text-brand-navy px-4 py-2 rounded-lg text-sm font-bold flex items-center gap-2 transition\">\n <i class=\"fa-solid fa-download\"><\/i> \u4e0b\u8f09 PDF\n <\/a>\n <button onclick=\"toggleFullScreen()\" class=\"bg-slate-700 hover:bg-slate-600 px-3 py-2 rounded-lg text-sm font-bold flex items-center gap-2 transition\">\n <i id=\"fs-icon\" class=\"fa-solid fa-expand\"><\/i> \u5168\u87a2\u5e55\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 bg-slate-200 relative\" id=\"iframe-container\">\n <iframe \n id=\"pdf-iframe\" \n src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" \n class=\"w-full h-full border-none\"\n title=\"PDF Viewer\"\n ><\/iframe>\n <\/div>\n \n \n <div class=\"p-4 bg-slate-50 text-center border-t border-slate-200 text-sm text-slate-600 flex justify-center items-center gap-2\">\n <i class=\"fa-solid fa-info-circle text-brand-blue\"><\/i>\n \u5982\u7121\u6cd5\u76f4\u63a5\u65bc\u4e0a\u65b9\u9810\u89bd PDF\uff0c\u8acb\u9ede\u64ca\u53f3\u4e0a\u65b9\u300c\u4e0b\u8f09 PDF\u300d\u6216 <a id=\"fallback-link\" href=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\" target=\"_blank\" class=\"text-brand-blue underline font-bold hover:text-brand-blue\/80\">\u9ede\u6b64\u5728\u65b0\u8996\u7a97\u958b\u555f\u7db2\u9801\u7248 PDF<\/a>\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"routine\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-clock text-brand-gold\"><\/i> \u82f1\u570b\u5bc4\u5bbf\u5b78\u6821\u4f5c\u606f\u6642\u9593\u8868\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u8b93\u5b78\u54e1\u63d0\u524d\u9069\u61c9\u82f1\u5f0f\u5bc4\u5bbf\u7684\u56b4\u8b39\u8207\u5145\u5be6\u4f5c\u606f<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"bg-gradient-to-br from-amber-50 to-orange-50 rounded-2xl p-8 border border-amber-200 shadow-md\">\n <h3 class=\"text-2xl font-bold text-amber-800 border-b-2 border-amber-200 pb-3 mb-6 flex items-center gap-3\">\n <i class=\"fa-solid fa-sun text-xl\"><\/i> \u4e0a\u5348\u65e5\u7a0b\u5b89\u6392 (Mornings)\n <\/h3>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:10<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8d77\u5e8a\u8207\u5167\u52d9\u6574\u7406<\/h4>\n <p class=\"text-slate-600 text-sm\">\u8d77\u5e8a\u3001\u66f4\u8863\u3001\u6574\u7406\u500b\u4eba\u5e8a\u8216\u8207\u623f\u9593\u3002<\/p>\n <\/div>\n <\/div>\n \n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u516c\u7528\u5927\u5ef3\u6668\u6703\u96c6\u5408 (Registration)<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">07:35<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u82f1\u5f0f\u71df\u990a\u65e9\u9910\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u524d\u5f80\u73ed\u7d1a\u6559\u5ba4\u9032\u884c\u8ab2\u524d\u6e96\u5099<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:25<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8207\u82f1\u570b\u7576\u5730\u5c0f\u5c0e\u5e2b (Buddy) \u6703\u9762<\/h4>\n <p class=\"text-slate-600 text-sm\">\u6b63\u5f0f\u9ede\u540d\u767b\u8a18\uff08\u9700\u5e36\u540c\u6668\u8b80\u66f8\u7c4d\uff09\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-amber-600 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">08:40<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u6821\u5712\u6d78\u6f64\u5f0f\u5b78\u7fd2\u6b63\u5f0f\u958b\u59cb<\/h4>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-indigo-50 to-blue-50 rounded-2xl p-8 border border-indigo-200 shadow-md\">\n <h3 class=\"text-2xl font-bold text-indigo-800 border-b-2 border-indigo-200 pb-3 mb-6 flex items-center gap-3\">\n <i class=\"fa-solid fa-moon text-xl\"><\/i> \u508d\u665a\u8207\u591c\u9593\u6d3b\u52d5 (Evenings)\n <\/h3>\n \n <div class=\"space-y-4\">\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">16:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u7c3d\u5230\u8207\u82f1\u5f0f\u4e0b\u5348\u8336\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">18:00<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u665a\u9593\u5718\u9ad4\u8da3\u5473\u8ab2\u5916\u6d3b\u52d5<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">18:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u8ab2\u5802\u4f5c\u696d\u8207\u8907\u7fd2\u6642\u9593 (Prep)<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">19:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u76e5\u6d17\u3001\u6c90\u6d74\u8207\u653e\u9b06<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">19:30<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u665a\u9593\u8336\u9ede\u5c0f\u98df\u6642\u9593<\/h4>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-4\">\n <span class=\"bg-indigo-700 text-white font-mono px-3 py-1 rounded text-base font-bold min-w-[70px] text-center\">20:15<\/span>\n <div class=\"flex-1\">\n <h4 class=\"font-bold text-slate-800\">\u95dc\u71c8\u5c31\u5be2 (Lights Out)<\/h4>\n <p class=\"text-slate-600 text-sm\">\u7184\u71c8\u524d\u70ba\u96c6\u9ad4\u5b89\u975c\u6668\u8b80\u8207\u5c0f\u7d50\u6642\u9593\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"packing\" class=\"bg-brand-cream py-16 px-6 border-t border-slate-200\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-suitcase text-brand-gold\"><\/i> \u4ea4\u6d41\u5718\u51fa\u767c\u524d\u884c\u674e\u6e05\u55ae\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u5bb6\u9577\u53ef\u73fe\u5834\u8207\u5b78\u751f\u6838\u5c0d\uff0c\u52fe\u9078\u5df2\u6e96\u5099\u597d\u7684\u9805\u76ee\uff1a<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"bg-white rounded-2xl shadow-xl border border-slate-200 p-8 space-y-8\">\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-file-invoice\"><\/i> 1. \u5fc5\u5099\u91cd\u8981\u6587\u4ef6\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u7279\u5340\u8b77\u7167\uff08\u6709\u6548\u671f\u81f3\u5c116\u500b\u6708\u4ee5\u4e0a\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u82f1\u570b\u7c3d\u8b49\u8b49\u660e\u6216\u8a8d\u53ef\u7684 ETA \u6587\u4ef6<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u6a5f\u7968\u884c\u7a0b\u55ae\u8207\u7dca\u6025\u806f\u7d61\u5361<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u5883\u5916\u65c5\u904a\u4fdd\u96aa\u8b49\u660e\u6587\u4ef6<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-shirt\"><\/i> 2. \u8863\u7269\u8207\u751f\u6d3b\u7528\u54c1\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u6240\u9700\u85e5\u7269\uff08\u5982\u6709\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u63db\u6d17\u8863\u7269\u3001\u5167\u8863\u3001\u896a\u5b50<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u500b\u4eba\u6d17\u6f31\u54c1\uff08\u7259\u5237\u7259\u818f\u3001\u6d17\u982d\u6c90\u6d74\u4e73\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u96a8\u8eab\u4fdd\u6eab\u6c34\u676f\u3001\u9632\u66ec\u7528\u54c1<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"text-xl font-bold text-brand-blue border-b pb-2 mb-4 flex items-center gap-2\">\n <i class=\"fa-solid fa-plug\"><\/i> 3. \u96fb\u5b50\u53ca\u5b78\u7fd2\u7528\u54c1\n <\/h3>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u82f1\u898f\u4e09\u8173\u96fb\u6e90\u8f49\u63db\u63d2\u982d\uff08\u540c\u9999\u6e2f\u898f\u683c\uff09<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u96a8\u8eab\u651c\u5e36\u624b\u6a5f\u53ca\u5145\u96fb\u5668\u3001\u884c\u52d5\u96fb\u6e90<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u7b46\u8a18\u672c\u3001\u5e38\u7528\u6587\u5177\u8207\u82f1\u6587\u8a5e\u5178\/\u5b57\u5178<\/span>\n <\/label>\n <label class=\"flex items-center space-x-3 p-3 bg-slate-50 rounded-lg hover:bg-slate-100 cursor-pointer\">\n <input type=\"checkbox\" class=\"w-6 h-6 text-brand-blue rounded border-slate-300 focus:ring-brand-blue\">\n <span class=\"text-slate-700 font-medium\">\u5c11\u91cf\u96f6\u7528\u73fe\u91d1 (\u82f1\u938a)<\/span>\n <\/label>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-amber-50 border-l-4 border-amber-500 p-5 rounded-r-xl\">\n <h4 class=\"font-bold text-amber-900 flex items-center gap-2\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i> \u5b78\u6821\u96fb\u5b50\u8a2d\u5099\u5b88\u5247\uff1a<\/h4>\n <p class=\"text-amber-800 text-sm mt-1 leading-relaxed\">\n \u5b78\u54e1\u6bcf\u5929\u508d\u665a\u7372\u51c6\u9650\u6642\u4f7f\u7528\u500b\u4eba\u624b\u6a5f\u8207\u5bb6\u9577\u5831\u5e73\u5b89\uff0c\u4f46\u6bcf\u665a\u7761\u524d\u5fc5\u9808\u4ea4\u7531\u503c\u65e5\u820d\u76e3\u53ca\u9818\u968a\u8001\u5e2b\u7d71\u4e00\u4fdd\u7ba1\u3002\u5bb6\u9577\u5982\u9700\u7dca\u6025\u806f\u7d61\u5b69\u5b50\uff0c\u8acb\u512a\u5148\u806f\u7e6b\u5927\u6703\u5c0f\u7d44\u5c0e\u5e2b\uff0c\u6216\u900f\u904e\u4ee5\u4e0b\u6e20\u9053\u806f\u7d61\u5354\u8abf\uff1a\n <\/p>\n <div class=\"mt-3 flex flex-wrap gap-4 text-sm font-bold\">\n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"inline-flex items-center gap-1.5 bg-green-50 text-green-700 border border-green-300 px-3 py-1.5 rounded-lg hover:bg-green-100 transition\">\n <i class=\"fa-brands fa-whatsapp text-base text-green-600\"><\/i> \u9999\u6e2f\u806f\u7d61\u8655: 91519368\n <\/a>\n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"inline-flex items-center gap-1.5 bg-blue-50 text-brand-blue border border-blue-200 px-3 py-1.5 rounded-lg hover:bg-blue-100 transition\">\n <i class=\"fa-brands fa-whatsapp text-base text-green-600\"><\/i> \u82f1\u570b\u73fe\u5834\u4e3b\u7ba1 (Jasmine Lam): +447355728866\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"py-16 px-6 max-w-6xl mx-auto\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-brand-navy serif-title flex items-center justify-center gap-3\">\n <i class=\"fa-solid fa-users-gear text-brand-gold\"><\/i> \u5c08\u696d\u6821\u5712\u6559\u8077\u54e1\u5718\u968a\n <\/h2>\n <p class=\"text-slate-600 mt-2 text-lg md:text-xl\">\u5168\u7a0b\u4fdd\u99d5\u8b77\u822a\u7684\u6821\u5712\u6838\u5fc3\u5c0e\u5e2b\u53ca\u751f\u6d3b\u9867\u554f<\/p>\n <div class=\"h-1 w-24 bg-brand-gold mx-auto mt-4 rounded\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.33.17-PM.png\" alt=\"Miss Nicholson & Mr Wukics\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Nicholson & Mr Wukics<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparents & Ralph (\u820d\u76e3\u8001\u5e2b)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u5b89\u6392\u548c\u7167\u9867\u5b78\u54e1\u5011\u5728\u5bbf\u820d\u4e2d\u7684\u5927\u5c0f\u8d77\u5c45\u8207\u8ab2\u5f8c\u793e\u4ea4\u751f\u6d3b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.34.54-PM.png\" alt=\"Mr Davies\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Mr Davies<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Resident Tutor (\u5e38\u99d0\u5c0e\u5e2b)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u70ba\u65e5\u5e38\u5b78\u7fd2\u3001\u5b78\u79d1\u6d78\u6f64\u4ee5\u53ca Buddy \u7d44\u968a\u548c\u8f14\u5c0e\u63d0\u4f9b\u5b78\u8853\u5354\u52a9\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.35.25-PM.png\" alt=\"Mr Porter\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Mr Porter<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Assistant Head Pastoral (\u7267\u80b2\u526f\u6821\u9577)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u5168\u7a0b\u76e3\u7763\u8207\u898f\u5283\u4ea4\u6d41\u5718\u95dc\u61f7\u9ad4\u7cfb\uff0c\u63d0\u4f9b\u5bb6\u9577\u6975\u4f73\u7684\u5b89\u5168\u4fdd\u969c\u8207\u652f\u6301\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.35.54-PM.png\" alt=\"Miss Swift\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1559839734-2b71ea197ec2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Swift<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">School Nurse (\u99d0\u6821\u8b77\u58eb)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u63d0\u4f9b 24 \u5c0f\u6642\u5065\u5eb7\u7167\u8b77\u3001\u57fa\u790e\u6025\u6551\u53ca\u500b\u4eba\u7528\u85e5\u76e3\u7763\u7ba1\u7406\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.34.19-PM.png\" alt=\"Miss Hodgson\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Hodgson<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparent (\u751f\u6d3b\u8f14\u5c0e\u820d\u76e3)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u5bbf\u820d\u8d77\u5c45\u751f\u6d3b\u6307\u5f15\uff0c\u966a\u4f34\u5b69\u5b50\u5b89\u5fc3\u5165\u7761\u53ca\u9069\u61c9\u65b0\u74b0\u5883\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden text-center hover:shadow-xl transition p-6 flex flex-col items-center\">\n <img decoding=\"async\" src=\"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-15-at-5.36.26-PM.png\" alt=\"Miss Graham\" class=\"w-28 h-28 object-cover rounded-full border-2 border-brand-gold\/30 shadow-md mb-4\" onerror=\"this.src='https:\/\/images.unsplash.com\/photo-1580489944761-15a19d654956?auto=format&fit=crop&q=80&w=200'\">\n <h3 class=\"font-bold text-brand-navy text-xl\">Miss Graham<\/h3>\n <p class=\"text-brand-gold font-bold text-sm uppercase tracking-wider mt-1\">Houseparent (\u751f\u6d3b\u8f14\u5c0e\u820d\u76e3)<\/p>\n <p class=\"text-slate-500 text-sm mt-3\">\u8ca0\u8cac\u7ba1\u7406\u5bbf\u820d\u4f5c\u606f\u79e9\u5e8f\uff0c\u5354\u52a9\u5b78\u54e1\u9069\u61c9\u82f1\u570b\u7576\u5730\u7684\u5bc4\u5bbf\u751f\u6d3b\u898f\u5f8b\u3002<\/p>\n <\/div>\n\n \n <div class=\"bg-gradient-to-br from-brand-navy to-[#1a2d5e] rounded-2xl p-6 text-white text-center flex flex-col justify-center items-center shadow-lg border-2 border-brand-gold col-span-1 sm:col-span-2 lg:col-span-3 mt-4\">\n <h3 class=\"font-bold text-brand-gold text-2xl serif-title\">\u95dc\u65bc\u4e3b\u8fa6\u6a5f\u69cb WMEA<\/h3>\n <p class=\"text-sm text-slate-300 mt-2 leading-relaxed max-w-2xl mx-auto\">\n \u9999\u6e2f\u653f\u5e9c\u8a8d\u53ef\u8a3b\u518a\u6148\u5584\u6a5f\u69cb WMEA \u57fa\u91d1\u6703\u5718\u968a\u8207\u6821\u65b9\u7dca\u5bc6\u806f\u7e6b\u3002\u6211\u5011\u81f4\u529b\u62d3\u5c55\u5b78\u54e1\u570b\u969b\u8996\u91ce\uff0c\u901a\u904e\u4e16\u754c\u9802\u7d1a\u7684\u6821\u969b\u5b78\u8853\u4ea4\u6d41\uff0c\u57f9\u990a\u65b0\u4e00\u4ee3\u5177\u5099\u570b\u969b\u773c\u5149\u7684\u4e16\u754c\u516c\u6c11\u3002\n <\/p>\n <span class=\"mt-4 bg-brand-gold text-brand-navy px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider\">\u611f\u8b1d SOGO \u9999\u6e2f\u5d07\u5149\u767e\u8ca8\u51a0\u540d\u8d0a\u52a9<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-brand-navy text-slate-400 py-12 px-6 border-t-2 border-brand-gold text-center text-sm\">\n <div class=\"max-w-4xl mx-auto space-y-6\">\n <h3 class=\"text-white text-lg font-bold\">Home at Holmewood \u2014 \u82f1\u570b\u7559\u5b78\u9ad4\u9a57\u5bb6\u9577\u7c21\u4ecb\u6703<\/h3>\n <p class=\"text-base\">\u5982\u5728\u884c\u524d\u3001\u51fa\u767c\u65e5\u6216\u7559\u5b78\u4e2d\u9014\u9700\u8981\u4efb\u4f55\u61c9\u6025\u63f4\u52a9\uff0c\u8acb\u96a8\u6642\u8207\u6211\u5011\u806f\u7d61\uff1a<\/p>\n \n \n <div class=\"flex flex-col sm:flex-row justify-center items-center gap-4 py-2\">\n \n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-[#25D366] hover:bg-[#20ba56] text-white font-bold px-6 py-4 rounded-xl shadow-lg transition-all transform hover:scale-105 text-lg w-full sm:w-auto justify-center\">\n <i class=\"fa-brands fa-whatsapp text-2xl\"><\/i> \u9999\u6e2f\u806f\u7d61 (91519368)\n <\/a>\n \n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"inline-flex items-center gap-3 bg-brand-blue hover:bg-brand-blue\/90 text-white font-bold px-6 py-4 rounded-xl shadow-lg transition-all transform hover:scale-105 text-lg w-full sm:w-auto justify-center border border-white\/20\">\n <i class=\"fa-brands fa-whatsapp text-2xl text-[#25D366]\"><\/i> \u82f1\u570b\u73fe\u5834\u4e3b\u7ba1 Jasmine Lam (+447355728866)\n <\/a>\n <\/div>\n\n <div class=\"flex justify-center space-x-6 text-lg py-2\">\n <a href=\"mailto:info@wmea.charity\" class=\"hover:text-brand-gold transition\"><i class=\"fa-solid fa-envelope\"><\/i><\/a>\n <a href=\"https:\/\/wa.link\/zm0hvn\" target=\"_blank\" class=\"hover:text-brand-gold transition\" title=\"\u9999\u6e2f WhatsApp 91519368\"><i class=\"fa-brands fa-whatsapp text-[#25D366]\"><\/i><\/a>\n <a href=\"https:\/\/wa.link\/1qdcvh\" target=\"_blank\" class=\"hover:text-brand-gold transition\" title=\"\u82f1\u570b\u4e3b\u7ba1 Jasmine Lam +447355728866\"><i class=\"fa-solid fa-plane-arrival\"><\/i><\/a>\n <a href=\"https:\/\/wmea.charity\" target=\"_blank\" class=\"hover:text-brand-gold transition\"><i class=\"fa-solid fa-globe\"><\/i><\/a>\n <\/div>\n <p class=\"text-xs text-slate-500 pt-4 border-t border-white\/10\">\u00a9 2026 Whole Mind English Academy Charity Foundation Ltd. All Rights Reserved.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Set Default Font Size class\n function setFontSize(size) {\n \/\/ Remove previous sizes\n document.body.classList.remove('font-size-lg', 'font-size-xl', 'font-size-2xl');\n \n \/\/ Add selected size\n document.body.classList.add('font-size-' + size);\n \n \/\/ Update active states on buttons\n const sizes = ['lg', 'xl', '2xl'];\n sizes.forEach(s => {\n const btn = document.getElementById('btn-' + s);\n if (s === size) {\n btn.className = \"px-3 py-1 text-sm font-semibold rounded bg-brand-gold text-brand-navy transition\";\n } else {\n btn.className = \"px-3 py-1 text-sm font-semibold rounded hover:bg-brand-gold hover:text-brand-navy transition text-white\";\n }\n });\n }\n\n \/\/ Switch PDF shown in Iframe (Updated to include third PDF key: 'tour')\n const pdfData = {\n notice: {\n title: \"\u6587\u4ef6 1\uff1a\u91cd\u8981\u9808\u77e5\u8207\u6ce8\u610f\u4e8b\u9805\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood-House-School-Important-Notice.pdf\"\n },\n program: {\n title: \"\u6587\u4ef6 2\uff1a\u4ea4\u6d41\u5718\u624b\u518a\u8207\u884c\u7a0b\u5b89\u6392\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/UK-Holmewood-Exchange-Program-Overview.pdf\"\n },\n tour: {\n title: \"\u6587\u4ef6 3\uff1a\u4ea4\u6d41\u5718\u6d77\u5831\u8207\u5ba3\u50b3\u55ae\u5f35\",\n url: \"https:\/\/wmea.charity\/wp-content\/uploads\/2026\/06\/Holmewood_UK_Exchange_Tour.pdf\"\n }\n };\n\n function switchPdf(key) {\n const iframe = document.getElementById('pdf-iframe');\n const titleSpan = document.getElementById('current-pdf-title');\n const downloadBtn = document.getElementById('download-btn');\n const fallbackLink = document.getElementById('fallback-link');\n \n const tabs = {\n notice: document.getElementById('tab-notice'),\n program: document.getElementById('tab-program'),\n tour: document.getElementById('tab-tour')\n };\n\n \/\/ Update iframe src\n iframe.src = pdfData[key].url;\n \n \/\/ Update Title and Links\n titleSpan.innerText = pdfData[key].title;\n downloadBtn.href = pdfData[key].url;\n fallbackLink.href = pdfData[key].url;\n\n \/\/ Highlight active tab\n Object.keys(tabs).forEach(k => {\n if (k === key) {\n tabs[k].className = \"bg-white hover:border-brand-gold border-2 border-brand-gold rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\";\n } else {\n tabs[k].className = \"bg-white hover:border-brand-gold border-2 border-transparent rounded-xl p-5 text-left transition shadow-md hover:shadow-lg focus:outline-none ring-offset-2 focus:ring-2 focus:ring-brand-gold\";\n }\n });\n }\n\n \/\/ Handle Fullscreen of the PDF Container\n let isFullScreen = false;\n function toggleFullScreen() {\n const container = document.getElementById('iframe-container');\n const icon = document.getElementById('fs-icon');\n \n if (!isFullScreen) {\n if (container.requestFullscreen) {\n container.requestFullscreen();\n } else if (container.webkitRequestFullscreen) { \/* Safari *\/\n container.webkitRequestFullscreen();\n } else if (container.msRequestFullscreen) { \/* IE11 *\/\n container.msRequestFullscreen();\n }\n icon.className = \"fa-solid fa-compress\";\n isFullScreen = true;\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.webkitExitFullscreen) { \/* Safari *\/\n document.webkitExitFullscreen();\n } else if (document.msExitFullscreen) { \/* IE11 *\/\n document.msExitFullscreen();\n }\n icon.className = \"fa-solid fa-expand\";\n isFullScreen = false;\n }\n }\n\n \/\/ Listener for ESC to reset fullscreen icon state\n document.addEventListener('fullscreenchange', () => {\n if (!document.fullscreenElement) {\n document.getElementById('fs-icon').className = \"fa-solid fa-expand\";\n isFullScreen = false;\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>\u82f1\u570b Holmewood House \u4ea4\u6d41\u5718 – \u7c21\u4ecb\u6703\u5c08\u7528\u7db2\u9801 WMEA Holmewood House \u4ea4\u6d41\u5718\u7c21\u4ecb\u6703 \u5b57\u9ad4\u5927\u5c0f: \u6a19\u6e96(\u5927) \u7279\u5927 \u8d85\u5927(\u6295\u5f71\u5c08\u7528) \u51fa\u767c\u8cc7\u8a0a \u91cd\u8981\u6587\u4ef6 \u4f5c\u606f\u8868 \u884c\u674e\u6e05\u55ae \u6559\u8077\u54e1 Home at Holmewood Welcome to HOLMEWOOD HOUSE SCHOOL \u82f1\u570b\u77ed\u671f\u7559\u5b78\u9ad4\u9a57 \u2022 \u5bb6\u9577\u53ca\u5b78\u751f\u7c21\u4ecb\u6703 \u5728\u9019\u500b\u76db\u590f\u516d\u6708\uff0c\u6211\u5011\u70ba\u6210\u529f\u722d\u53d6\u734e\u5b78\u91d1\u7684\u5091\u51fa\u5b78\u5b50\u5011\uff0c\u5448\u737b\u4e00\u6b21\u8f15\u9b06\u5145\u5be6\u3001\u5bcc\u6709\u6df1\u9060\u610f\u7fa9\u7684\u82f1\u570b\u9802\u5c16\u5bc4\u5bbf\u5b78\u6821\u6d78\u6f64\u65c5\u7a0b\u3002 \u7559\u5b78\u6642\u9593 9\u59298\u591c \u51a0\u540d\u8d0a\u52a9 SOGO \u5d07\u5149\u555f\u5fb7\u5e97 \u4e3b\u8fa6\u6a5f\u69cb WMEA \u6148\u5584\u57fa\u91d1\u6703 \u62db\u751f\u5c0d\u8c61 7 \u81f3 13 \u6b72\u5b78\u751f \u7b2c\u4e00\u624b\uff1a\u51fa\u767c\u822a\u73ed\u53ca\u96c6\u5408\u8cc7\u8a0a \u53bb\u7a0b\u822a\u73ed \u570b\u6cf0\u822a\u7a7a CX255 \u76f4\u98db\u502b\u6566\u5e0c\u65af\u8def\u6a5f\u5834 (LHR) \u51fa\u767c\u65e5\u671f\uff1a 2026\u5e746\u670820\u65e5 \u96c6\u5408\u6642\u9593\uff1a \u665a\u4e0a 20:15 … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wmea.charity\/index.php\/2026-holmewood-exchange-program-a-briefing-session\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> “2026 Holmewood Exchange Program – A Briefing Session”<\/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-2129","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129","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=2129"}],"version-history":[{"count":16,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129\/revisions"}],"predecessor-version":[{"id":2153,"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/pages\/2129\/revisions\/2153"}],"wp:attachment":[{"href":"https:\/\/wmea.charity\/index.php\/wp-json\/wp\/v2\/media?parent=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}