{"id":1081,"date":"2026-07-05T23:48:25","date_gmt":"2026-07-05T15:48:25","guid":{"rendered":"https:\/\/idealslearning.cite.hku.hk\/?page_id=1081"},"modified":"2026-07-14T17:05:07","modified_gmt":"2026-07-14T09:05:07","slug":"%e4%ba%ba%e6%89%8d%e6%8b%9b%e5%8b%9f","status":"publish","type":"page","link":"https:\/\/idealslearning.cite.hku.hk\/?page_id=1081","title":{"rendered":"\u4eba\u624d\u62db\u52df"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u4eba\u624d\u62db\u52df<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green:#0d6b4f;\r\n --green-dark:#0a5a42;\r\n --green-light:#e3f1ea;\r\n --gold:#bda06a;\r\n --gold-light:#f1ece1;\r\n --text-dark:#13202c;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --white:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n html, body{\r\n width:100%;\r\n overflow-x:hidden;\r\n }\r\n\r\n body{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n color:var(--text-dark);\r\n background:var(--bg-light);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n a{text-decoration:none;color:inherit;}\r\n\r\n \/* ===== Full-Bleed Fix (breaks section out of Elementor's boxed container) ===== *\/\r\n .topbar{\r\n width:100vw;\r\n position:relative;\r\n left:50%;\r\n right:50%;\r\n margin-left:-50vw;\r\n margin-right:-50vw;\r\n }\r\n\r\n .fade-up{\r\n opacity:1;\r\n transform:translateY(0);\r\n animation:fadeUpIn 0.8s ease both;\r\n }\r\n .fade-up.delay-1{animation-delay:0.15s;}\r\n .fade-up.delay-2{animation-delay:0.3s;}\r\n\r\n @keyframes fadeUpIn{\r\n from{opacity:0; transform:translateY(28px);}\r\n to{opacity:1; transform:translateY(0);}\r\n }\r\n\r\n .hover-lift{\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 22px 44px rgba(0,0,0,0.12);\r\n }\r\n\r\n .topbar{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:18px 60px;\r\n background:var(--bg-light);\r\n border-bottom:1px solid #e6e9ee;\r\n }\r\n .topbar-left{display:flex;align-items:center;gap:12px;}\r\n .topbar-icon{\r\n width:40px;height:40px;\r\n background:var(--gold);\r\n border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:18px;\r\n }\r\n .topbar-titles h1{font-size:16px;font-weight:800;letter-spacing:0.3px;color:#13202c;}\r\n .topbar-titles p{font-size:11.5px;color:#8a93a0;font-weight:600;letter-spacing:0.5px;margin-top:2px;}\r\n .back-btn{\r\n display:flex;align-items:center;gap:8px;\r\n padding:11px 24px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:13.5px;font-weight:700;\r\n color:#1c2530;background:#fff;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{background:#f3f3f3;border-color:#bbb;}\r\n\r\n .hero{\r\n padding:90px 40px 100px;\r\n text-align:center;\r\n }\r\n .badge{\r\n display:inline-block;\r\n background:var(--gold-light);\r\n color:#8c7440;\r\n font-size:12.5px;font-weight:700;letter-spacing:0.6px;\r\n padding:9px 22px;border-radius:20px;margin-bottom:34px;\r\n }\r\n .hero h2{\r\n font-size:58px;\r\n font-weight:800;\r\n line-height:1.18;\r\n color:#13202c;\r\n max-width:980px;\r\n margin:0 auto 60px;\r\n }\r\n\r\n .info-card{\r\n background:#fff;\r\n border-radius:22px;\r\n padding:60px 50px 56px;\r\n max-width:860px;\r\n margin:0 auto;\r\n text-align:center;\r\n box-shadow:0 25px 55px rgba(0,0,0,0.08);\r\n }\r\n .check-circle{\r\n width:74px;height:74px;\r\n border-radius:50%;\r\n background:var(--green-light);\r\n display:flex;align-items:center;justify-content:center;\r\n margin:0 auto 36px;\r\n }\r\n .check-circle svg{\r\n width:32px;height:32px;\r\n }\r\n .info-card p{\r\n font-size:18px;\r\n font-weight:500;\r\n line-height:1.7;\r\n color:var(--text-gray);\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n }\r\n .btn-solid-green{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n background:var(--green);\r\n color:#fff;\r\n font-size:14.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:18px 38px;\r\n border-radius:30px;\r\n border:none;\r\n cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .btn-solid-green:hover{\r\n background:var(--green-dark);\r\n transform:translateY(-3px);\r\n box-shadow:0 12px 26px rgba(13,107,79,0.3);\r\n }\r\n .btn-solid-green .arrow{\r\n font-size:16px;\r\n transition:transform 0.3s ease;\r\n }\r\n .btn-solid-green:hover .arrow{\r\n transform:translateX(4px);\r\n }\r\n\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .hero{padding:60px 24px 70px;}\r\n .hero h2{font-size:38px;}\r\n .info-card{padding:46px 30px 44px;}\r\n .info-card p{font-size:16px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .hero h2{font-size:28px;margin-bottom:44px;}\r\n .badge{margin-bottom:24px;}\r\n .info-card{padding:38px 22px 36px;border-radius:18px;}\r\n .check-circle{width:60px;height:60px;margin-bottom:26px;}\r\n .check-circle svg{width:26px;height:26px;}\r\n .btn-solid-green{width:100%;justify-content:center;}\r\n }\r\n\r\n \/* ===================== LDS CONTACT POPUP ===================== *\/\r\n .lds-popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(20, 20, 20, 0.55);\r\n z-index: 999999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n }\r\n .lds-popup-overlay.lds-active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n .lds-popup-box {\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 450px;\r\n border-radius: 22px;\r\n box-shadow: 0 25px 60px rgba(0,0,0,0.35);\r\n padding: 28px 28px 30px;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n transform: translateY(30px) scale(0.96);\r\n opacity: 0;\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n max-height: 92vh;\r\n overflow-y: auto;\r\n position: relative;\r\n }\r\n .lds-popup-overlay.lds-active .lds-popup-box {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n .lds-popup-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 4px;\r\n }\r\n .lds-popup-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #16213d;\r\n margin: 0;\r\n line-height: 1.25;\r\n }\r\n .lds-back-btn {\r\n flex-shrink: 0;\r\n background: var(--green);\r\n border: none;\r\n border-radius: 999px;\r\n padding: 8px 16px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.03em;\r\n color: #ffffff !important;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n .lds-popup-subtitle {\r\n font-size: 14px;\r\n color: #6b7280;\r\n margin: 8px 0 22px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ===== Contact Form Styling ===== *\/\r\n .lds-form-group{\r\n margin-bottom:18px;\r\n }\r\n .lds-form-row{\r\n display:flex;\r\n gap:14px;\r\n }\r\n .lds-form-row .lds-form-group{\r\n flex:1;\r\n min-width:0;\r\n }\r\n .lds-form-label{\r\n display:block;\r\n font-size:12.5px;\r\n font-weight:700;\r\n color:#6b7280;\r\n margin-bottom:7px;\r\n letter-spacing:0.2px;\r\n }\r\n .lds-form-input,\r\n .lds-form-textarea{\r\n width:100%;\r\n background:#f3f5f8;\r\n border:1px solid #e4e7eb;\r\n border-radius:10px;\r\n padding:13px 14px;\r\n font-size:14px;\r\n font-family:'Poppins', sans-serif;\r\n color:#13202c;\r\n outline:none;\r\n transition:border-color 0.2s ease, background 0.2s ease;\r\n }\r\n .lds-form-input:focus,\r\n .lds-form-textarea:focus{\r\n border-color:var(--green);\r\n background:#fff;\r\n }\r\n .lds-form-input::placeholder,\r\n .lds-form-textarea::placeholder{\r\n color:#9aa3ad;\r\n }\r\n .lds-form-textarea{\r\n resize:vertical;\r\n min-height:100px;\r\n line-height:1.6;\r\n }\r\n .lds-email-wrap{\r\n position:relative;\r\n }\r\n .lds-email-icon{\r\n position:absolute;\r\n right:12px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:22px;\r\n height:22px;\r\n background:var(--green);\r\n border-radius:6px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n .lds-email-icon svg{\r\n width:12px;\r\n height:12px;\r\n stroke:#fff;\r\n fill:none;\r\n stroke-width:2;\r\n }\r\n .lds-email-wrap .lds-form-input{\r\n padding-right:44px;\r\n }\r\n .lds-checkbox-row{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:6px 0 26px;\r\n }\r\n .lds-checkbox-row input[type=\"checkbox\"]{\r\n margin-top:3px;\r\n width:16px;\r\n height:16px;\r\n flex-shrink:0;\r\n accent-color:var(--green);\r\n cursor:pointer;\r\n }\r\n .lds-checkbox-row label{\r\n font-size:12px;\r\n line-height:1.6;\r\n color:#6b7280;\r\n cursor:pointer;\r\n }\r\n .lds-form-submit{\r\n width:100%;\r\n background:var(--green);\r\n color:#fff;\r\n font-size:15px;\r\n font-weight:700;\r\n letter-spacing:0.3px;\r\n padding:16px;\r\n border-radius:12px;\r\n border:none;\r\n cursor:pointer;\r\n transition:background 0.25s ease, transform 0.25s ease;\r\n }\r\n .lds-form-submit:hover{\r\n background:var(--green-dark);\r\n transform:translateY(-2px);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lds-popup-box { padding: 22px 18px 24px; border-radius: 18px; }\r\n .lds-popup-title { font-size: 20px; }\r\n .lds-form-row{flex-direction:column;gap:0;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Top Bar -->\r\n <div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-icon\">\ud83d\udcbc<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>\u4eba\u624d\u62db\u52df<\/h1>\r\n <p>IDEALS \u5718\u968a<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/?page_id=1086\" class=\"back-btn\">\u8fd4\u56de \u2715<\/a>\r\n <\/div>\r\n\r\n <!-- Hero -->\r\n <section class=\"hero\">\r\n <span class=\"badge fade-up\">\u4eba\u624d\u62db\u52df<\/span>\r\n <h2 class=\"fade-up delay-1\">\u52a0\u5165\u6211\u5011\uff0c\u767c\u63ee IDEALS \u5728\u6559\u80b2\u9818\u57df\u7684\u6f5b\u80fd<\/h2>\r\n\r\n <div class=\"info-card hover-lift fade-up delay-2\">\r\n <div class=\"check-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d6b4f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <path d=\"M8 12.5l2.5 2.5L16 9\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p>\u6211\u5011\u8aa0\u9080\u5145\u6eff\u71b1\u5ff1\u7684\u6559\u80b2\u5de5\u4f5c\u8005\u3001\u8a2d\u8a08\u5e2b\u53ca\u958b\u767c\u4eba\u54e1\u52a0\u5165 IDEALS \u5718\u968a\uff0c\u651c\u624b\u5be6\u73fe\u63a8\u52d5\u6559\u80b2\u9769\u65b0\u7684\u4f7f\u547d\u3002<\/p>\r\n <button type=\"button\" class=\"btn-solid-green\" id=\"lds-contact-trigger\" onclick=\"location.href='mailto:ideals@hku.hk'\">\u806f\u7d61\u6211\u5011 <span class=\"arrow\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ===================== LDS CONTACT POPUP ===================== -->\r\n <div id=\"lds-popup-overlay\" class=\"lds-popup-overlay\">\r\n <div id=\"lds-popup-box\" class=\"lds-popup-box\">\r\n\r\n <div class=\"lds-popup-header\">\r\n <h2 class=\"lds-popup-title\">\u5411\u6211\u5011\u4ecb\u7d39\u4f60\u81ea\u5df1<\/h2>\r\n <button type=\"button\" id=\"lds-back-btn\" class=\"lds-back-btn\">\r\n \u8fd4\u56de \u2715\r\n <\/button>\r\n <\/div>\r\n\r\n <p class=\"lds-popup-subtitle\">We will get back to you shortly after reviewing your profile.<\/p>\r\n\r\n <form id=\"lds-contact-form\">\r\n <div class=\"lds-form-row\">\r\n <div class=\"lds-form-group\">\r\n <label class=\"lds-form-label\">\u59d3\u540d<\/label>\r\n <input type=\"text\" class=\"lds-form-input\" placeholder=\"John Doe\">\r\n <\/div>\r\n <div class=\"lds-form-group\">\r\n <label class=\"lds-form-label\">\u96fb\u8a71<\/label>\r\n <input type=\"tel\" class=\"lds-form-input\" placeholder=\"+852 1234 5678\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\">\r\n <label class=\"lds-form-label\">\u96fb\u90f5<\/label>\r\n <div class=\"lds-email-wrap\">\r\n <input type=\"email\" class=\"lds-form-input\" placeholder=\"john@school.edu.hk\">\r\n <span class=\"lds-email-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\">\r\n <label class=\"lds-form-label\">\u7559\u8a00<\/label>\r\n <textarea class=\"lds-form-textarea\" placeholder=\"Tell us about yourself...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"lds-checkbox-row\">\r\n <input type=\"checkbox\" id=\"lds-consent\">\r\n <label for=\"lds-consent\">\u63d0\u4ea4\u6b64\u8868\u683c\u5373\u8868\u793a\u60a8\u540c\u610f\u63a5\u6536\u4f86\u81ea LDS \u7684\u71df\u92b7\u53ca\u5176\u4ed6\u901a\u8a0a\u3002\u60a8\u53ef\u4ee5\u96a8\u6642\u53d6\u6d88\u8a02\u95b1\u9019\u4e9b\u901a\u8a0a\u3002\u5982\u9700\u4e86\u89e3\u66f4\u591a\u8cc7\u8a0a\uff0c\u8acb\u53c3\u95b1\u6211\u5011\u7684\u79c1\u96b1\u653f\u7b56\u3002<\/label>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"lds-form-submit\">\u767c\u9001<\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n function lds_openPopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.add('lds-active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n function lds_closePopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.remove('lds-active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function () {\r\n\r\n var trigger = document.getElementById('lds-contact-trigger');\r\n \/*\r\n if (trigger) {\r\n trigger.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n lds_openPopup();\r\n });\r\n }\r\n *\/\r\n\r\n document.getElementById('lds-back-btn').addEventListener('click', lds_closePopup);\r\n\r\n document.getElementById('lds-popup-overlay').addEventListener('click', function (e) {\r\n if (e.target === this) lds_closePopup();\r\n });\r\n\r\n document.addEventListener('keydown', function (e) {\r\n if (e.key === 'Escape') lds_closePopup();\r\n });\r\n\r\n var form = document.getElementById('lds-contact-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n alert('\u611f\u8b1d\u60a8\u7684\u63d0\u4ea4\uff01(Connect this form to your own submission logic, e.g. Fluent Forms AJAX endpoint, if needed.)');\r\n lds_closePopup();\r\n });\r\n }\r\n });\r\n\r\n window.ldsOpenContactPopup = lds_openPopup;\r\n window.ldsCloseContactPopup = lds_closePopup;\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4eba\u624d\u62db\u52df \ud83d\udcbc \u4eba\u624d\u62db\u52df IDEALS \u5718\u968a \u8fd4\u56de \u2715 \u4eba\u624d\u62db\u52df \u52a0\u5165\u6211\u5011\uff0c\u767c\u63ee IDEALS \u5728\u6559\u80b2\u9818\u57df\u7684\u6f5b\u80fd \u6211\u5011\u8aa0\u9080\u5145\u6eff\u71b1\u5ff1\u7684\u6559\u80b2\u5de5\u4f5c\u8005\u3001\u8a2d\u8a08\u5e2b\u53ca\u958b\u767c\u4eba\u54e1\u52a0\u5165 IDEALS \u5718\u968a\uff0c\u651c\u624b\u5be6\u73fe\u63a8\u52d5\u6559\u80b2\u9769\u65b0\u7684\u4f7f\u547d\u3002 \u806f\u7d61\u6211\u5011 \u2192 \u5411\u6211\u5011\u4ecb\u7d39\u4f60\u81ea\u5df1 \u8fd4\u56de \u2715 We will get back to you shortly after reviewing your profile. \u59d3\u540d \u96fb\u8a71 \u96fb\u90f5 \u7559\u8a00 \u63d0\u4ea4\u6b64\u8868\u683c\u5373\u8868\u793a\u60a8\u540c\u610f\u63a5\u6536\u4f86\u81ea LDS \u7684\u71df\u92b7\u53ca\u5176\u4ed6\u901a\u8a0a\u3002\u60a8\u53ef\u4ee5\u96a8\u6642\u53d6\u6d88\u8a02\u95b1\u9019\u4e9b\u901a\u8a0a\u3002\u5982\u9700\u4e86\u89e3\u66f4\u591a\u8cc7\u8a0a\uff0c\u8acb\u53c3\u95b1\u6211\u5011\u7684\u79c1\u96b1\u653f\u7b56\u3002 \u767c\u9001<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1081","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1081"}],"version-history":[{"count":13,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1081\/revisions"}],"predecessor-version":[{"id":1541,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1081\/revisions\/1541"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}