{"id":1057,"date":"2026-07-05T23:38:22","date_gmt":"2026-07-05T15:38:22","guid":{"rendered":"https:\/\/idealslearning.cite.hku.hk\/?page_id=1057"},"modified":"2026-07-15T15:52:32","modified_gmt":"2026-07-15T07:52:32","slug":"ideals-%e7%9a%84%e7%8d%a8%e7%89%b9%e5%84%aa%e5%8b%a2","status":"publish","type":"page","link":"https:\/\/idealslearning.cite.hku.hk\/?page_id=1057","title":{"rendered":"IDEALS \u7684\u7368\u7279\u512a\u52e2"},"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\nIDEALS \u7684\u7368\u7279\u512a\u52e2<\/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=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green-dark:#0d6b4f;\r\n --green-darker:#0a5a42;\r\n --green-text:#0c6b4e;\r\n --gold:#bda06a;\r\n --gold-dark:#a98f5c;\r\n --navy:#16213e;\r\n --text-dark:#1c2530;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --bg-section:#eef1f5;\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 body{\r\n font-family:'Montserrat', sans-serif;\r\n font-weight:400;\r\n color:var(--text-dark);\r\n background:var(--white);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n\r\n a{text-decoration:none;color:inherit;}\r\n\r\n .fade-up{\r\n opacity:1;\r\n transform:translateY(0);\r\n transition:opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n .fade-up.fade-up-init{\r\n opacity:0;\r\n transform:translateY(30px);\r\n }\r\n .fade-up.fade-up-init.visible{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n .fade-up.delay-1{transition-delay:0.1s;}\r\n .fade-up.delay-2{transition-delay:0.25s;}\r\n .fade-up.delay-3{transition-delay:0.4s;}\r\n\r\n .hover-lift{\r\n transition:transform 0.35s ease, box-shadow 0.35s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 18px 40px 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(--white);\r\n border-bottom:1px solid #eee;\r\n }\r\n .topbar-left{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n }\r\n .topbar-icon{\r\n width:36px;\r\n height:36px;\r\n background:var(--green-dark);\r\n border-radius:8px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#fff;\r\n font-size:16px;\r\n }\r\n .topbar-titles h1{\r\n font-size:14px;\r\n font-weight:800;\r\n letter-spacing:0.3px;\r\n color:#13202c;\r\n }\r\n .topbar-titles p{\r\n font-size:10.5px;\r\n color:#8a93a0;\r\n font-weight:600;\r\n letter-spacing:0.3px;\r\n margin-top:2px;\r\n }\r\n .back-btn{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:9px 20px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:12px;\r\n font-weight:700;\r\n color:#1c2530;\r\n background:#fff;\r\n cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{\r\n background:#f3f3f3;\r\n border-color:#bbb;\r\n }\r\n\r\n .hero{\r\n background:\r\n linear-gradient(135deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0\/40px 40px,\r\n linear-gradient(225deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0\/40px 40px,\r\n linear-gradient(45deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0\/40px 40px,\r\n linear-gradient(315deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0\/40px 40px,\r\n linear-gradient(135deg, #0c6b4d, #0a5a42);\r\n padding:70px 60px 90px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:50px;\r\n flex-wrap:wrap;\r\n color:#fff;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .hero-text{\r\n max-width:560px;\r\n flex:1;\r\n }\r\n .hero-text h2{\r\n font-size:48px;\r\n line-height:1.15;\r\n font-weight:800;\r\n margin-bottom:22px;\r\n color:#ffffff !important;\r\n}\r\n .hero-text p{\r\n font-size:16px;\r\n font-weight:400;\r\n line-height:1.7;\r\n color:#dcefe6;\r\n max-width:480px;\r\n }\r\n .hero-image-wrap{\r\n flex:1;\r\n min-width:320px;\r\n max-width:560px;\r\n }\r\n .hero-image-card{\r\n background:#fff;\r\n border-radius:14px;\r\n box-shadow:0 25px 50px rgba(0,0,0,0.25);\r\n overflow:hidden;\r\n transition:transform 0.5s ease;\r\n }\r\n .hero-image-card:hover{\r\n transform:scale(1.02);\r\n }\r\n .hero-image-placeholder{\r\n width:100%;\r\n height:260px;\r\n background:#f3f5f8 url('https:\/\/peachpuff-magpie-550089.hostingersite.com\/wp-content\/uploads\/2026\/06\/1-OM00lNLzEWQrSnynoinkVmHovn7cGP_.jpg') center\/cover no-repeat;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#9aa3ad;\r\n font-size:13px;\r\n font-weight:500;\r\n }\r\n\r\n section{\r\n padding:90px 60px;\r\n }\r\n .section-inner{\r\n max-width:1100px;\r\n margin:0 auto;\r\n }\r\n .center{text-align:center;}\r\n\r\n .badge{\r\n display:inline-block;\r\n background:#f1ece1;\r\n color:#8c7440;\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:0.6px;\r\n padding:7px 18px;\r\n border-radius:20px;\r\n margin-bottom:22px;\r\n }\r\n\r\n .heading-lg{\r\n font-size:38px;\r\n font-weight:800;\r\n line-height:1.25;\r\n color:#13202c;\r\n margin-bottom:24px;\r\n }\r\n\r\n .desc-text{\r\n font-size:15.5px;\r\n font-weight:400;\r\n line-height:1.8;\r\n color:var(--text-gray);\r\n max-width:780px;\r\n margin:0 auto 36px;\r\n }\r\n\r\n \/* ===== Read More expandable content (Empowering Schools section) ===== *\/\r\n .desc-more{\r\n max-height:0;\r\n overflow:hidden;\r\n opacity:0;\r\n max-width:780px;\r\n margin:0 auto;\r\n transition:max-height 0.5s ease, opacity 0.4s ease, margin 0.4s ease;\r\n }\r\n .desc-more p{\r\n font-size:15.5px;\r\n font-weight:400;\r\n line-height:1.8;\r\n color:var(--text-gray);\r\n margin:0 auto 36px;\r\n }\r\n .desc-more.expanded{\r\n max-height:1200px;\r\n opacity:1;\r\n }\r\n\r\n \/* Fix: force dark green bg + white text in ALL states, no hover\/focus\/active\/expanded color changes *\/\r\n #empowering-toggle,\r\n #empowering-toggle:hover,\r\n #empowering-toggle:focus,\r\n #empowering-toggle:focus-visible,\r\n #empowering-toggle:active,\r\n #empowering-toggle:visited,\r\n #empowering-toggle.expanded{\r\n background:var(--green-dark) !important;\r\n color:#ffffff !important;\r\n border-color:var(--green-dark) !important;\r\n border-radius:30px !important;\r\n box-shadow:none !important;\r\n outline:none !important;\r\n }\r\n\r\n .fragmented-section{\r\n background:var(--bg-section);\r\n }\r\n .fragmented-grid{\r\n display:flex;\r\n gap:60px;\r\n align-items:center;\r\n max-width:1180px;\r\n margin:0 auto;\r\n flex-wrap:wrap;\r\n }\r\n .fragmented-left{flex:1;min-width:320px;}\r\n .fragmented-right{flex:1;min-width:320px;display:flex;justify-content:center;}\r\n\r\n .badge-green{\r\n display:inline-block;\r\n background:#e3f1ea;\r\n color:var(--green-text);\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:0.5px;\r\n padding:7px 16px;\r\n border-radius:20px;\r\n margin-bottom:18px;\r\n }\r\n .fragmented-left h3{\r\n font-size:34px;\r\n font-weight:800;\r\n margin-bottom:22px;\r\n color:#13202c;\r\n }\r\n .fragmented-left p{\r\n font-size:15px;\r\n font-weight:400;\r\n line-height:1.8;\r\n color:var(--text-gray);\r\n margin-bottom:24px;\r\n }\r\n .fragmented-left .highlight-line{\r\n font-size:13.5px;\r\n font-weight:700;\r\n color:var(--green-text);\r\n line-height:1.7;\r\n margin-bottom:22px;\r\n text-transform:uppercase;\r\n }\r\n .check-list{\r\n list-style:none;\r\n }\r\n .check-list li{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n margin-bottom:16px;\r\n font-size:14.5px;\r\n font-weight:600;\r\n color:#1c2530;\r\n }\r\n .check-icon{\r\n width:22px;\r\n height:22px;\r\n border-radius:50%;\r\n background:var(--green-dark);\r\n color:#fff;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n font-size:12px;\r\n flex-shrink:0;\r\n }\r\n\r\n .diagram-card{\r\n background:#fff;\r\n border-radius:18px;\r\n box-shadow:var(--shadow);\r\n padding:30px;\r\n width:100%;\r\n max-width:520px;\r\n }\r\n .diagram-inner{\r\n position:relative;\r\n width:100%;\r\n max-width:460px;\r\n aspect-ratio:1\/1;\r\n margin:0 auto;\r\n background:#eef0f2;\r\n border-radius:14px;\r\n }\r\n .diagram-circle-outline{\r\n position:absolute;\r\n top:50%;left:50%;\r\n width:78%;\r\n height:78%;\r\n transform:translate(-50%,-50%);\r\n border:2px dashed #cfd4d9;\r\n border-radius:50%;\r\n }\r\n .diagram-center{\r\n position:absolute;\r\n top:50%;left:50%;\r\n transform:translate(-50%,-50%);\r\n width:34%;\r\n aspect-ratio:1\/1;\r\n background:#fff;\r\n border-radius:50%;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n text-align:center;\r\n font-size:13px;\r\n font-weight:800;\r\n color:#13202c;\r\n box-shadow:0 8px 20px rgba(0,0,0,0.12);\r\n line-height:1.4;\r\n padding:6px;\r\n z-index:3;\r\n }\r\n .node{\r\n position:absolute;\r\n width:24%;\r\n aspect-ratio:1\/1;\r\n border-radius:50%;\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n justify-content:center;\r\n color:#fff;\r\n text-align:center;\r\n font-size:10.5px;\r\n font-weight:700;\r\n line-height:1.3;\r\n box-shadow:0 10px 20px rgba(0,0,0,0.15);\r\n transition:transform 0.4s ease;\r\n z-index:2;\r\n }\r\n .node:hover{transform:scale(1.08);}\r\n .node .icon{font-size:18px;margin-bottom:4px;}\r\n\r\n .node-design{ top:2%; left:50%; transform:translateX(-50%); background:#2f7fd1; }\r\n .node-design:hover{ transform:translateX(-50%) scale(1.08); }\r\n .node-learner{ top:24%; right:0%; background:#0c5a3f; }\r\n .node-data{ bottom:8%; right:6%; background:#b9923f; }\r\n .node-analytics{ bottom:8%; left:6%; background:#d65a35; }\r\n .node-actions{ top:24%; left:0%; background:#3aa172; }\r\n\r\n .key-concepts{\r\n background:var(--bg-section);\r\n }\r\n .key-concepts .sub-heading{\r\n font-size:13px;\r\n font-weight:600;\r\n letter-spacing:0.6px;\r\n color:var(--text-gray);\r\n margin-bottom:50px;\r\n }\r\n .cards-row{\r\n display:flex;\r\n gap:26px;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n margin-bottom:46px;\r\n align-items:stretch;\r\n }\r\n .concept-card{\r\n background:#eef2fb;\r\n border-radius:16px;\r\n padding:34px 30px;\r\n flex:1;\r\n min-width:280px;\r\n max-width:340px;\r\n text-align:left;\r\n box-shadow:0 4px 18px rgba(0,0,0,0.04);\r\n display:flex;\r\n flex-direction:column;\r\n }\r\n .concept-card.mint{background:#e9f8f0;}\r\n .concept-card.cream{background:#fbf3df;}\r\n\r\n .icon-box{\r\n width:46px;\r\n height:46px;\r\n border-radius:10px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#fff;\r\n font-size:20px;\r\n margin-bottom:20px;\r\n }\r\n .icon-box.blue{background:#2f6fe0;}\r\n .icon-box.green{background:#1f9d6e;}\r\n .icon-box.orange{background:#df8d29;}\r\n\r\n .concept-card h4{\r\n font-size:24px;\r\n font-weight:800;\r\n margin-bottom:4px;\r\n }\r\n .concept-card h4.blue-text{color:#2f6fe0;}\r\n .concept-card h4.green-text{color:#1f9d6e;}\r\n .concept-card h4.orange-text{color:#df8d29;}\r\n\r\n .concept-card .tag{\r\n font-size:11px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n color:#8a93a0;\r\n margin-bottom:16px;\r\n }\r\n .concept-card p{\r\n font-size:14px;\r\n font-weight:400;\r\n line-height:1.7;\r\n color:var(--text-gray);\r\n margin-bottom:18px;\r\n }\r\n\r\n \/* ===== Read More expandable content ===== *\/\r\n .concept-more{\r\n max-height:0;\r\n overflow:hidden;\r\n opacity:0;\r\n transition:max-height 0.5s ease, opacity 0.4s ease, margin 0.4s ease;\r\n margin-bottom:0;\r\n }\r\n .concept-more p{\r\n font-size:14px;\r\n font-weight:400;\r\n line-height:1.7;\r\n color:var(--text-gray);\r\n margin-bottom:18px;\r\n }\r\n .concept-more p:last-child{margin-bottom:0;}\r\n .concept-card.expanded .concept-more{\r\n max-height:1200px;\r\n opacity:1;\r\n margin-bottom:18px;\r\n }\r\n\r\n .read-more-link{\r\n font-size:12.5px;\r\n font-weight:700;\r\n display:inline-flex;\r\n align-items:center;\r\n gap:6px;\r\n background:none;\r\n border:none;\r\n cursor:pointer;\r\n padding:0;\r\n font-family:'Montserrat', sans-serif;\r\n margin-top:auto;\r\n }\r\n .read-more-link.blue{color:#2f6fe0;}\r\n .read-more-link.green{color:#1f9d6e;}\r\n .read-more-link.orange{color:#df8d29;}\r\n\r\n \/* Force no hover color change \u2014 override any theme default hover styling *\/\r\n .read-more-link.blue,\r\n .read-more-link.blue:hover,\r\n .read-more-link.blue:focus,\r\n .read-more-link.blue:active,\r\n .read-more-link.blue:visited{\r\n color:#2f6fe0 !important;\r\n background:none !important;\r\n gap:6px !important;\r\n }\r\n .read-more-link.green,\r\n .read-more-link.green:hover,\r\n .read-more-link.green:focus,\r\n .read-more-link.green:active,\r\n .read-more-link.green:visited{\r\n color:#1f9d6e !important;\r\n background:none !important;\r\n gap:6px !important;\r\n }\r\n .read-more-link.orange,\r\n .read-more-link.orange:hover,\r\n .read-more-link.orange:focus,\r\n .read-more-link.orange:active,\r\n .read-more-link.orange:visited{\r\n color:#df8d29 !important;\r\n background:none !important;\r\n gap:6px !important;\r\n }\r\n\r\n .read-more-link .arrow{\r\n display:inline-block;\r\n transition:transform 0.3s ease;\r\n }\r\n .concept-card.expanded .read-more-link .arrow{\r\n transform:rotate(180deg);\r\n }\r\n\r\n .cta-row{\r\n display:flex;\r\n gap:18px;\r\n justify-content:center;\r\n }\r\n .btn-solid-green{\r\n background:var(--green-dark);\r\n color:#fff;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:14px 30px;\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-darker);\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(13,107,79,0.3);\r\n }\r\n .btn-solid-gold{\r\n background:var(--gold);\r\n color:#fff;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:14px 30px;\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-gold:hover{\r\n background:var(--gold-dark);\r\n transform:translateY(-3px);\r\n box-shadow:0 10px 20px rgba(189,160,106,0.4);\r\n }\r\n\r\n .comparison-section .heading-lg{margin-bottom:10px;}\r\n .comparison-sub{\r\n font-size:13px;\r\n font-weight:700;\r\n letter-spacing:0.5px;\r\n color:var(--green-text);\r\n margin-bottom:46px;\r\n }\r\n .table-wrap{\r\n max-width:920px;\r\n margin:0 auto;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:var(--shadow);\r\n }\r\n .table-header-row{\r\n display:grid;\r\n grid-template-columns:2fr 1fr 1fr;\r\n background:var(--green-dark);\r\n color:#fff;\r\n }\r\n .table-header-row div{\r\n padding:18px 28px;\r\n font-size:12.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n }\r\n .table-row{\r\n display:grid;\r\n grid-template-columns:2fr 1fr 1fr;\r\n background:#fff;\r\n border-bottom:1px solid #eef0f2;\r\n transition:background 0.3s ease;\r\n }\r\n .table-row:last-child{border-bottom:none;}\r\n .table-row:hover{background:#fafbfc;}\r\n .table-row.alt{background:#fafdfb;}\r\n .table-row div{\r\n padding:22px 28px;\r\n display:flex;\r\n align-items:center;\r\n font-size:14.5px;\r\n font-weight:600;\r\n color:#1c2530;\r\n }\r\n .table-row .feature-col{font-weight:600;}\r\n .table-row .center-col{justify-content:center;}\r\n\r\n .check-circle{\r\n width:26px;height:26px;\r\n border-radius:50%;\r\n background:var(--green-dark);\r\n color:#fff;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:13px;\r\n }\r\n .x-circle{\r\n width:26px;height:26px;\r\n border-radius:50%;\r\n background:#fde7e7;\r\n color:#e35353;\r\n display:flex;align-items:center;justify-content:center;\r\n font-size:13px;\r\n }\r\n .status-pill{\r\n font-size:11px;\r\n font-weight:700;\r\n color:#e0833c;\r\n background:#fdf0e0;\r\n padding:6px 14px;\r\n border-radius:20px;\r\n }\r\n .status-pill.delayed{\r\n color:#e0833c;\r\n background:#fdf0e0;\r\n }\r\n\r\n .final-cta{\r\n background:linear-gradient(135deg,#0c6b4d,#0a5a42);\r\n color:#fff;\r\n text-align:center;\r\n padding:80px 30px;\r\n }\r\n .final-cta h2{\r\n font-size:34px;\r\n font-weight:800;\r\n margin-bottom:34px;\r\n color:#ffffff !important;\r\n }\r\n .final-cta-buttons{\r\n display:flex;\r\n gap:18px;\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n }\r\n .btn-outline-white{\r\n border:1.5px solid #fff;\r\n color:#ffffff !important;\r\n background:transparent;\r\n font-size:12px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:14px 30px;\r\n border-radius:30px;\r\n cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .btn-outline-white:hover{\r\n background:#ffffff;\r\n color:#ffffff;\r\n }\r\n\r\n footer{\r\n text-align:center;\r\n padding:34px 20px;\r\n font-size:12.5px;\r\n font-weight:500;\r\n color:#9aa3ad;\r\n }\r\n\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .hero{padding:50px 24px 70px;}\r\n .hero-text h2{font-size:34px;}\r\n section{padding:60px 24px;}\r\n .heading-lg{font-size:28px;}\r\n .fragmented-grid{gap:36px;}\r\n .table-header-row div, .table-row div{padding:16px 14px;font-size:12.5px;}\r\n .final-cta h2{font-size:26px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .hero-text h2{font-size:28px;}\r\n .cards-row{flex-direction:column;align-items:center;}\r\n .table-header-row div, .table-row div{padding:12px 10px;font-size:11px;}\r\n }\r\n\r\n body.elementor-editor-active .fade-up,\r\n html.idl-editor-mode .fade-up{\r\n opacity:1 !important;\r\n transform:none !important;\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\udee1<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>IDEALS \u7684\u7368\u7279\u512a\u52e2<\/h1>\r\n <p>\u7121\u53ef\u6bd4\u64ec\u7684\u5168\u65b9\u4f4d\u6559\u80b2\u65b9\u6848<\/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 <div class=\"hero\">\r\n <div class=\"hero-text fade-up\">\r\n <h2>IDEALS \u7684\u7368\u7279\u512a\u52e2<\/h2>\r\n <p>IDEALS \u6210\u529f\u5c07\u539f\u672c\u5206\u6563\u7684\u79d1\u6280\u6559\u80b2\u5de5\u5177\u6574\u5408\u70ba\u4e00\uff0c\u69cb\u5efa\u51fa\u7121\u7e2b\u929c\u63a5\u3001\u4ee5\u6559\u5b78\u7406\u64da\u70ba\u6838\u5fc3\u7684\u4e00\u9ad4\u5316\u667a\u80fd\u751f\u614b\u7cfb\u7d71\u3002<\/p>\r\n <\/div>\r\n <div class=\"hero-image-wrap fade-up delay-1\">\r\n <div class=\"hero-image-card hover-lift\">\r\n <div class=\"hero-image-placeholder\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Empowering Schools -->\r\n <section class=\"center fade-up\">\r\n <div class=\"section-inner\">\r\n <span class=\"badge\">\u5f4c\u5408\u6559\u80b2\u79d1\u6280\u9d3b\u6e9d<\/span>\r\n <h2 class=\"heading-lg\">\u8ce6\u80fd\u5b78\u6821\uff0c\u6210\u5c31 21 \u4e16\u7d00\u5353\u8d8a\u6559\u80b2<\/h2>\r\n <p class=\"desc-text\">\u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u5ba4\uff08LDS\uff09\u8207\u6574\u5408\u5f0f\u5206\u6790\u53ca\u53ef\u8996\u5316\u7cfb\u7d71\uff0c\u91dd\u5c0d\u73fe\u4eca\u4e2d\u5c0f\u5b78\u9762\u81e8\u7684\u591a\u9805\u75db\u9ede\uff0c\u63d0\u4f9b\u6709\u6548\u89e3\u6c7a\u65b9\u6848\uff0c\u5305\u62ec\uff1a\u70ba\u6559\u5e2b\u63d0\u4f9b\u5c08\u696d\u767c\u5c55\u53ca\u6559\u5b78\u652f\u63f4\uff0c\u5354\u52a9\u4ed6\u5011\u5728\u7dda\u4e0a\u7dda\u4e0b\u6df7\u5408\u6a21\u5f0f\u6216\u5168\u7dda\u4e0a\u6a21\u5f0f\u4e0b\uff0c\u8a2d\u8a08\u53ca\u63a8\u884c\u5177\u4e92\u52d5\u6027\u7684\u96fb\u5b50\u5b78\u7fd2\uff0c\u5f9e\u800c\u57f9\u990a\u5b78\u751f\u768421\u4e16\u7d00\u80fd\u529b\u53ca\u81ea\u4e3b\u5b78\u7fd2\u80fd\u529b\uff08SDL\uff09\uff1b<\/p>\r\n <div class=\"desc-more\" id=\"empowering-more\">\r\n <p>\u63a8\u52d5\u8de8\u5b78\u79d1\u8ab2\u7a0b\u7684\u96fb\u5b50\u5b78\u7fd2\uff0c\u70ba\u5b78\u751f\u63d0\u4f9b\u5373\u6642\u56de\u994b\u53ca\u9069\u5207\u652f\u63f4\uff1b\u4ee5\u53ca\u5728\u5b78\u79d1\uff0f\u5b78\u7fd2\u9818\u57df\uff08KLA\uff09\u548c\u5b78\u6821\u5c64\u9762\uff0c\u76e3\u5bdf\u5b78\u751f\u5b78\u7fd2\uff0c\u4ee5\u8a55\u4f30\u6559\u5b78\u5275\u65b0\u4e4b\u5be6\u65bd\u6210\u6548\u3002\u76ee\u524d\uff0c\u6559\u5e2b\u5f80\u5f80\u9700\u8981\u540c\u6642\u7ba1\u7406\u591a\u7a2e\u6578\u78bc\u5de5\u5177\u8207\u8cc7\u6e90\uff0c\u7f3a\u4e4f\u4e00\u500b\u7d71\u4e00\u5e73\u53f0\u4f86\u8f15\u9b06\u898f\u5283\u3001\u6574\u5408\u57f7\u884c\u6559\u5b78\u6d3b\u52d5\u53ca\u91cf\u6574\u5b78\u751f\u7684\u53c3\u8207\u5ea6\u548c\u5b78\u7fd2\u8868\u73fe\u6578\u64da\uff0c\u8ca0\u64d4\u6975\u70ba\u6c89\u91cd\u3002<\/p>\r\n <\/div>\r\n <button type=\"button\" class=\"btn-outline-dark\" id=\"empowering-toggle\">\r\n <span class=\"btn-label\">\u95b1\u8b80\u66f4\u591a<\/span> <span class=\"arrow\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Beyond Fragmented Tools -->\r\n <section class=\"fragmented-section\">\r\n <div class=\"fragmented-grid\">\r\n <div class=\"fragmented-left fade-up\">\r\n <span class=\"badge-green\">IDEALS \u7684\u7368\u7279\u512a\u52e2<\/span>\r\n <h3>\u7a81\u7834\u788e\u7247\u5316\u5de5\u5177\u7684\u5c40\u9650<\/h3>\r\n <p>\u5e02\u9762\u4e0a\u96d6\u6709\u5404\u985e\u6559\u5b78\u8a2d\u8a08\u5de5\u5177\u3001\u5b78\u7fd2\u7ba1\u7406\u7cfb\u7d71\u3001\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fd\u6a5f\u68b0\u4eba\u53ca\u5b78\u7fd2\u5206\u6790\u61c9\u7528\u7a0b\u5f0f\uff0c\u6216\u53ef\u63d0\u4f9b IDEALS \u7684\u90e8\u5206\u529f\u80fd\u3002\u4f46\u9019\u4e9b\u5de5\u5177\u5f7c\u6b64\u5206\u6563\u5728\u4e0d\u540c\u5730\u65b9\uff0c\u589e\u6dfb\u7ba1\u7406\u8207\u6559\u7684\u96e3\u5ea6\u3002IDEALS \u5247\u80fd\u63d0\u4f9b\u5e02\u9762\u4e0a\u7121\u53ef\u6bd4\u64ec\u7684\u5168\u65b9\u4f4d\u6574\u5408\u65b9\u6848\u3002<\/p>\r\n <p class=\"highlight-line\">IDEALS \u5be6\u73fe\u96fb\u5b50\u5b78\u7fd2\u8a2d\u8a08\u3001\u5be6\u65bd\u8207\u56de\u994b\u7684\u7a69\u5065\u5faa\u74b0\u3002<\/p>\r\n <ul class=\"check-list\">\r\n <li><span class=\"check-icon\">\u2713<\/span> \u7d71\u4e00\u7684\u6578\u64da\u67b6\u69cb<\/li>\r\n <li><span class=\"check-icon\">\u2713<\/span> \u7121\u908a\u7684\u8de8\u5e73\u53f0\u6559\u5b78<\/li>\r\n <li><span class=\"check-icon\">\u2713<\/span> \u9806\u66a2\u7684\u5e2b\u751f\u53ca\u751f\u751f\u4e92\u52d5<\/li>\r\n <li><span class=\"check-icon\">\u2713<\/span> \u63a8\u52d5\u5b78\u7fd2\u7684\u5be6\u6642\u6d1e\u5bdf<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"fragmented-right fade-up delay-1\">\r\n <div class=\"diagram-card hover-lift\">\r\n <div class=\"diagram-inner\">\r\n <div class=\"diagram-circle-outline\"><\/div>\r\n <div class=\"diagram-center\">IDEALS<br>INTEGRATION<\/div>\r\n <div class=\"node node-design\"><span class=\"icon\">\u2726<\/span>LEARNING<br>DESIGN<\/div>\r\n <div class=\"node node-learner\"><span class=\"icon\">\ud83d\udc65<\/span>LEARNER<\/div>\r\n <div class=\"node node-data\"><span class=\"icon\">\ud83d\uddc4<\/span>LEARNING<br>DATA<\/div>\r\n <div class=\"node node-analytics\"><span class=\"icon\">\ud83d\udcca<\/span>LEARNING<br>ANALYTICS<\/div>\r\n <div class=\"node node-actions\"><span class=\"icon\">\u21bb<\/span>FOLLOW-UP<br>ACTIONS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Key Concepts -->\r\n <section class=\"key-concepts center\">\r\n <h2 class=\"heading-lg fade-up\">IDEALS \u7684\u6838\u5fc3\u7406\u5ff5<\/h2>\r\n <p class=\"sub-heading fade-up\">\u57fa\u65bc\u5b78\u7fd2\u8a2d\u8a08\u53ca\u5b78\u7fd2\u5206\u6790\u768421\u4e16\u7d00\u5b78\u8207\u6559\u667a\u80fd\u7cfb\u7d71<\/p>\r\n\r\n <div class=\"cards-row\">\r\n <div class=\"concept-card hover-lift fade-up\" id=\"card-lds\">\r\n <div class=\"icon-box blue\">\u25a4<\/div>\r\n <h4 class=\"blue-text\">LDS<\/h4>\r\n <div class=\"tag\">\u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u5ba4<\/div>\r\n <p>\u4e00\u500b\u96c6\u5b78\u7fd2\u3001\u8a55\u4f30\u8207\u56de\u994b\u65bc\u4e00\u8eab\u7684\u8a2d\u8a08\u7cfb\u7d71\uff0c\u70ba\u6559\u5e2b\u63d0\u4f9b\u5177\u60c5\u5883\u610f\u8b58\u53ca\u624e\u5be6\u6559\u5b78\u7406\u64da\u7684\u8a2d\u8a08\u6307\u5f15\u3002<\/p>\r\n <div class=\"concept-more\">\r\n <p>\u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u574a\uff08LDS\uff09\u662f\u4e00\u500b\u96c6\u5b78\u7fd2\u3001\u8a55\u4f30\u8207\u56de\u994b\u65bc\u4e00\u8eab\u7684\u8a2d\u8a08\u7cfb\u7d71\uff0c\u65e8\u5728\u70ba\u6559\u5e2b\u63d0\u4f9b\u5177\u60c5\u5883\u610f\u8b58\u53ca\u624e\u5be6\u6559\u5b78\u7406\u64da\u7684\u5c08\u696d\u8a2d\u8a08\u6307\u5f15\uff0c\u8b93\u7121\u8ad6\u662f\u7dda\u4e0a\u4e0b\u6df7\u5408\u5f0f\u6559\u5b78\uff0c\u6291\u6216\u5168\u7dda\u4e0a\u8ab2\u7a0b\uff0cLDS \u90fd\u80fd\u5354\u52a9\u6559\u5e2b\u70ba\u4e0d\u540c\u5b78\u7fd2\u9818\u57df\uff08KLA\uff09\u8a2d\u8a08\u5b78\u7fd2\u4efb\u52d9\u53ca\u5b78\u7fd2\u74b0\u5883\uff0c\u57f9\u990a\u5b78\u751f\u768421\u4e16\u7d00\u80fd\u529b\uff0c\u7cfb\u7d71\u4ea6\u6703\u6839\u64da\u6559\u5e2b\u6240\u9078\u53d6\u7684\u6559\u5b78\u6d3b\u52d5\uff0c\u63a8\u85a6\u6559\u5b78\u4e0a\u6700\u5408\u9069\u7684\u6578\u78bc\u5de5\u5177\u8207\u8cc7\u6e90\u3002\u6b64\u5916\uff0c\u7cfb\u7d71\u4ea6\u6703\u70ba\u6559\u5e2b\u63d0\u4f9b\u8a55\u4f30\u6a5f\u5236\uff0c\u7279\u5225\u91dd\u5c0d\u300c\u4f5c\u70ba\u5b78\u7fd2\u7684\u8a55\u4f30\u300d\u8207\u300c\u4fc3\u9032\u5b78\u7fd2\u7684\u8a55\u4f30\u300d\u7b49\u76ee\u7684\uff0c\u78ba\u4fdd\u8a55\u4f30\u65b9\u5f0f\u80fd\u5920\u914d\u5408\u9810\u671f\u5b78\u7fd2\u6210\u679c\u53ca\u5b78\u7fd2\u8005\u7684\u7279\u8cea\u3002<\/p>\r\n <\/div>\r\n <button type=\"button\" class=\"read-more-link blue concept-toggle\" data-target=\"card-lds\">\r\n <span class=\"btn-label\">\u95b1\u8b80\u66f4\u591a<\/span> <span class=\"arrow\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"concept-card mint hover-lift fade-up delay-1\" id=\"card-ilap\">\r\n <div class=\"icon-box green\">\u2b21<\/div>\r\n <h4 class=\"green-text\">iLAP<\/h4>\r\n <div class=\"tag\">\u4e92\u52d5\u5f0f\u5b78\u7fd2\u548c\u8a55\u4f30<\/div>\r\n <p>\u4e00\u500b\u4e92\u52d5\u5f0f\u5b78\u7fd2\u548c\u8a55\u4f30\u5e73\u53f0\uff0c\u65b9\u4fbf\u5b78\u7fd2\u7ba1\u7406\u7cfb\u7d71\u3002<\/p>\r\n <div class=\"concept-more\">\r\n <p>\u5728 LDS \u5b8c\u6210\u7684\u5b78\u7fd2\u8a2d\u8a08\u53ef\u76f4\u63a5\u65bc iLAP \u4e0a\u90e8\u7f72\u3002\u4e92\u52d5\u5f0f\u5b78\u7fd2\u548c\u8a55\u4f30\u5e73\u53f0\uff08iLAP\uff09\u662f\u4e00\u500b\u5b78\u7fd2\u7ba1\u7406\u7cfb\u7d71\uff0c\u9664\u4e86\u4fc3\u9032\u8ab2\u7a0b\u8207\u5b78\u751f\u7ba1\u7406\u3001\u8a0a\u606f\u6536\u767c\u8207\u6e9d\u901a\u3001\u8ab2\u7a0b\u6750\u6599\u767c\u653e\u3001\u4f5c\u696d\u6536\u767c\u7b49\u57fa\u672c\u529f\u80fd\u5916\uff0c\u66f4\u70ba\u5b78\u751f\u63d0\u4f9b\u4fbf\u6377\u7684\u6574\u5408\u5f0f\u5165\u53e3\uff0c\u8b93\u4ed6\u5011\u80fd\u4f7f\u7528\u5404\u7a2e\u6d41\u884c\u7684\u6578\u78bc\u5de5\u5177\u8207\u8cc7\u6e90\uff0c\u9032\u884c\u8c50\u5bcc\u7684\u4e92\u52d5\u5f0f\u96fb\u5b50\u5b78\u7fd2\u8207\u8a55\u4f30\u6d3b\u52d5\uff0c\u9069\u9022\u7dda\u4e0a\u3001\u9762\u6388\u3001\u81ea\u4e3b\u5b78\u7fd2\u3001\u5c0f\u7d44\u5354\u4f5c\u63a2\u7a76\uff0c\u4ee5\u53ca\u5168\u73ed\u6559\u5b78\u7b49\u591a\u7a2e\u5834\u666f\u3002<\/p>\r\n <\/div>\r\n <button type=\"button\" class=\"read-more-link green concept-toggle\" data-target=\"card-ilap\">\r\n <span class=\"btn-label\">\u95b1\u8b80\u66f4\u591a<\/span> <span class=\"arrow\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"concept-card cream hover-lift fade-up delay-2\" id=\"card-dlav\">\r\n <div class=\"icon-box orange\">\ud83d\uddc3<\/div>\r\n <h4 class=\"orange-text\">DLAV<\/h4>\r\n <div class=\"tag\">\u5b78\u7fd2\u5206\u6790\u8207\u53ef\u8996\u5316<\/div>\r\n <p>\u4e00\u500b\u5177\u8a2d\u8a08\u610f\u8b58\u7684\u5b78\u7fd2\u5206\u6790\u5f15\u64ce\uff0c\u80fd\u5920\u5206\u6790\u5b78\u751f\u7684\u5b78\u7fd2\u8868\u73fe\u4e26\u63d0\u4f9b\u91dd\u5c0d\u6027\u7684\u56de\u994b\u3002<\/p>\r\n <div class=\"concept-more\">\r\n <p>\u5177\u8a2d\u8a08\u610f\u8b58\u7684\u5b78\u7fd2\u5206\u6790\u8207\u53ef\u8996\u5316\u7cfb\u7d71\uff08DLAV\uff09\u80fd\u5920\u5206\u6790\u5b78\u751f\u5728\u6559\u5e2b\u6240\u8a2d\u5b9a\u4efb\u52d9\u4e2d\u7684\u5b78\u7fd2\u884c\u70ba\u8207\u8868\u73fe\uff1b\u540c\u6642\u6839\u64da\u5132\u5b58\u65bc LDS \u4e2d\u7684\u6559\u5e2b\u8a2d\u8a08\u610f\u5716\uff0c\u5411\u6559\u5e2b\u63d0\u4f9b\u53cd\u994b\uff0c\u4e26\u8996\u4e4e\u60c5\u6cc1\u5411\u5b78\u751f\u63d0\u4f9b\u9069\u5207\u56de\u994b\u8207\u4ecb\u5165\u5efa\u8b70\uff0c\u5f9e\u800c\u57f9\u990a\u5b78\u751f\u7684\u81ea\u6211\u8abf\u7bc0\u80fd\u529b\uff0c\u63d0\u5347\u5b78\u7fd2\u6210\u6548\u3002<\/p>\r\n <\/div>\r\n <button type=\"button\" class=\"read-more-link orange concept-toggle\" data-target=\"card-dlav\">\r\n <span class=\"btn-label\">\u95b1\u8b80\u66f4\u591a<\/span> <span class=\"arrow\">\u2192<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-row fade-up\">\r\n <a href=\"mailto:ideals@hku.hk?subject=IDEALS:%20Request%20a%20Demo\" class=\"btn-solid-green\" style=\"color: #ffffff;\">\u793a\u7bc4\u7533\u8acb<\/a>\r\n <a href=\"https:\/\/web.edcity.hk\/zh-hant\/elafp\/project\/20210212\/\" style=\"display:inline-block;\"><button class=\"btn-solid-gold\">\u7acb\u5373\u8a02\u8cfc<\/button><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Comparison -->\r\n <section class=\"comparison-section center\">\r\n <h2 class=\"heading-lg fade-up\">\u65b9\u6848\u5c0d\u6bd4<\/h2>\r\n <p class=\"comparison-sub fade-up\">IDEALS \u8207\u5176\u4ed6\u5206\u6563\u7684\u6559\u80b2\u79d1\u6280\u65b9\u6848<\/p>\r\n\r\n <div class=\"table-wrap fade-up\">\r\n <div class=\"table-header-row\">\r\n <div>\u529f\u80fd<\/div>\r\n <div style=\"text-align:center;\">IDEALS<\/div>\r\n <div style=\"text-align:center;\">\u5176\u4ed6\u5de5\u5177<\/div>\r\n <\/div>\r\n\r\n <div class=\"table-row\">\r\n <div class=\"feature-col\">\u6574\u5408\u5f0f\u5b78\u7fd2\u8a2d\u8a08\u8207\u5b78\u7fd2\u5206\u6790<\/div>\r\n <div class=\"center-col\"><span class=\"check-circle\">\u2713<\/span><\/div>\r\n <div class=\"center-col\"><span class=\"x-circle\">\u2715<\/span><\/div>\r\n <\/div>\r\n <div class=\"table-row\">\r\n <div class=\"feature-col\">\u4eba\u5de5\u667a\u80fd\u6559\u5b78\u652f\u63f4\u6846\u67b6<\/div>\r\n <div class=\"center-col\"><span class=\"check-circle\">\u2713<\/span><\/div>\r\n <div class=\"center-col\"><span class=\"status-pill\">\u90e8\u5206\u652f\u63f4<\/span><\/div>\r\n <\/div>\r\n <div class=\"table-row\">\r\n <div class=\"feature-col\">\u7d71\u4e00\u7684\u7528\u6236\u9ad4\u9a57<\/div>\r\n <div class=\"center-col\"><span class=\"check-circle\">\u2713<\/span><\/div>\r\n <div class=\"center-col\"><span class=\"x-circle\">\u2715<\/span><\/div>\r\n <\/div>\r\n <div class=\"table-row\">\r\n <div class=\"feature-col\">\u5be6\u6642\u56de\u994b\u5faa\u74b0<\/div>\r\n <div class=\"center-col\"><span class=\"check-circle\">\u2713<\/span><\/div>\r\n <div class=\"center-col\"><span class=\"status-pill delayed\">\u5ef6\u9072<\/span><\/div>\r\n <\/div>\r\n <div class=\"table-row\">\r\n <div class=\"feature-col\">\u5faa\u8b49\u8fed\u4ee3\u512a\u5316<\/div>\r\n <div class=\"center-col\"><span class=\"check-circle\">\u2713<\/span><\/div>\r\n <div class=\"center-col\"><span class=\"x-circle\">\u2715<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Final CTA -->\r\n <div class=\"final-cta\">\r\n <span class=\"badge\" style=\"background:rgba(255,255,255,0.15);color:#fff;\">\u5f4c\u5408\u6559\u80b2\u79d1\u6280\u9d3b\u6e9d<\/span>\r\n <h2>\u7acb\u5373\u9ad4\u9a57\u4e00\u7ad9\u5f0f\u6559\u80b2\u65b9\u6848\u7684\u512a\u52e2<\/h2>\r\n <div class=\"final-cta-buttons\">\r\n <a href=\"mailto:ideals@hku.hk?subject=IDEALS:%20Request%20a%20Demo\" class=\"btn-solid-green\" style=\"color: #0d6b4f; background-color: #ffffff;\">\u793a\u7bc4\u7533\u8acb<\/a>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/?page_id=1057\" class=\"btn-outline-white\" style=\"display:inline-block;\">\u8fd4\u56de\u4e3b\u9801<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n \u00a9 2024 IDEALS EDTECH \u2022 THE UNIVERSITY OF HONG KONG\r\n <\/footer>\r\n\r\n<script>\r\n (function () {\r\n function isElementorEditor() {\r\n try {\r\n if (document.body && document.body.classList.contains('elementor-editor-active')) {\r\n return true;\r\n }\r\n if (window.self !== window.top) {\r\n if (window.top.document.body.classList.contains('elementor-editor-active')) {\r\n return true;\r\n }\r\n }\r\n } catch (e) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n if (isElementorEditor()) {\r\n document.documentElement.classList.add('idl-editor-mode');\r\n }\r\n })();\r\n\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const elements = document.querySelectorAll('.fade-up');\r\n\r\n if (!document.documentElement.classList.contains('idl-editor-mode')) {\r\n elements.forEach(el => el.classList.add('fade-up-init'));\r\n\r\n if (!('IntersectionObserver' in window)) {\r\n elements.forEach(el => el.classList.add('visible'));\r\n } else {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n elements.forEach(el => observer.observe(el));\r\n }\r\n }\r\n\r\n \/* ===== Read More \/ Read Less toggle for concept cards ===== *\/\r\n const toggles = document.querySelectorAll('.concept-toggle');\r\n toggles.forEach(function (btn) {\r\n btn.addEventListener('click', function () {\r\n const targetId = btn.getAttribute('data-target');\r\n const card = document.getElementById(targetId);\r\n if (!card) return;\r\n\r\n const label = btn.querySelector('.btn-label');\r\n const isExpanded = card.classList.toggle('expanded');\r\n\r\n if (isExpanded) {\r\n label.textContent = '\u96b1\u85cf\u5167\u5bb9';\r\n } else {\r\n label.textContent = '\u95b1\u8b80\u66f4\u591a';\r\n }\r\n });\r\n });\r\n\r\n \/* ===== Read More \/ Read Less toggle for Empowering Schools section ===== *\/\r\n const empoweringToggle = document.getElementById('empowering-toggle');\r\n const empoweringMore = document.getElementById('empowering-more');\r\n if (empoweringToggle && empoweringMore) {\r\n empoweringToggle.addEventListener('click', function () {\r\n const label = empoweringToggle.querySelector('.btn-label');\r\n const isExpanded = empoweringMore.classList.toggle('expanded');\r\n empoweringToggle.classList.toggle('expanded', isExpanded);\r\n\r\n if (isExpanded) {\r\n label.textContent = '\u96b1\u85cf\u5167\u5bb9';\r\n } else {\r\n label.textContent = '\u95b1\u8b80\u66f4\u591a';\r\n }\r\n });\r\n }\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>IDEALS \u7684\u7368\u7279\u512a\u52e2 \ud83d\udee1 IDEALS \u7684\u7368\u7279\u512a\u52e2 \u7121\u53ef\u6bd4\u64ec\u7684\u5168\u65b9\u4f4d\u6559\u80b2\u65b9\u6848 \u8fd4\u56de \u2715 IDEALS \u7684\u7368\u7279\u512a\u52e2 IDEALS \u6210\u529f\u5c07\u539f\u672c\u5206\u6563\u7684\u79d1\u6280\u6559\u80b2\u5de5\u5177\u6574\u5408\u70ba\u4e00\uff0c\u69cb\u5efa\u51fa\u7121\u7e2b\u929c\u63a5\u3001\u4ee5\u6559\u5b78\u7406\u64da\u70ba\u6838\u5fc3\u7684\u4e00\u9ad4\u5316\u667a\u80fd\u751f\u614b\u7cfb\u7d71\u3002 \u5f4c\u5408\u6559\u80b2\u79d1\u6280\u9d3b\u6e9d \u8ce6\u80fd\u5b78\u6821\uff0c\u6210\u5c31 21 \u4e16\u7d00\u5353\u8d8a\u6559\u80b2 \u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u5ba4\uff08LDS\uff09\u8207\u6574\u5408\u5f0f\u5206\u6790\u53ca\u53ef\u8996\u5316\u7cfb\u7d71\uff0c\u91dd\u5c0d\u73fe\u4eca\u4e2d\u5c0f\u5b78\u9762\u81e8\u7684\u591a\u9805\u75db\u9ede\uff0c\u63d0\u4f9b\u6709\u6548\u89e3\u6c7a\u65b9\u6848\uff0c\u5305\u62ec\uff1a\u70ba\u6559\u5e2b\u63d0\u4f9b\u5c08\u696d\u767c\u5c55\u53ca\u6559\u5b78\u652f\u63f4\uff0c\u5354\u52a9\u4ed6\u5011\u5728\u7dda\u4e0a\u7dda\u4e0b\u6df7\u5408\u6a21\u5f0f\u6216\u5168\u7dda\u4e0a\u6a21\u5f0f\u4e0b\uff0c\u8a2d\u8a08\u53ca\u63a8\u884c\u5177\u4e92\u52d5\u6027\u7684\u96fb\u5b50\u5b78\u7fd2\uff0c\u5f9e\u800c\u57f9\u990a\u5b78\u751f\u768421\u4e16\u7d00\u80fd\u529b\u53ca\u81ea\u4e3b\u5b78\u7fd2\u80fd\u529b\uff08SDL\uff09\uff1b \u63a8\u52d5\u8de8\u5b78\u79d1\u8ab2\u7a0b\u7684\u96fb\u5b50\u5b78\u7fd2\uff0c\u70ba\u5b78\u751f\u63d0\u4f9b\u5373\u6642\u56de\u994b\u53ca\u9069\u5207\u652f\u63f4\uff1b\u4ee5\u53ca\u5728\u5b78\u79d1\uff0f\u5b78\u7fd2\u9818\u57df\uff08KLA\uff09\u548c\u5b78\u6821\u5c64\u9762\uff0c\u76e3\u5bdf\u5b78\u751f\u5b78\u7fd2\uff0c\u4ee5\u8a55\u4f30\u6559\u5b78\u5275\u65b0\u4e4b\u5be6\u65bd\u6210\u6548\u3002\u76ee\u524d\uff0c\u6559\u5e2b\u5f80\u5f80\u9700\u8981\u540c\u6642\u7ba1\u7406\u591a\u7a2e\u6578\u78bc\u5de5\u5177\u8207\u8cc7\u6e90\uff0c\u7f3a\u4e4f\u4e00\u500b\u7d71\u4e00\u5e73\u53f0\u4f86\u8f15\u9b06\u898f\u5283\u3001\u6574\u5408\u57f7\u884c\u6559\u5b78\u6d3b\u52d5\u53ca\u91cf\u6574\u5b78\u751f\u7684\u53c3\u8207\u5ea6\u548c\u5b78\u7fd2\u8868\u73fe\u6578\u64da\uff0c\u8ca0\u64d4\u6975\u70ba\u6c89\u91cd\u3002 \u95b1\u8b80\u66f4\u591a \u2192 IDEALS \u7684\u7368\u7279\u512a\u52e2 \u7a81\u7834\u788e\u7247\u5316\u5de5\u5177\u7684\u5c40\u9650 \u5e02\u9762\u4e0a\u96d6\u6709\u5404\u985e\u6559\u5b78\u8a2d\u8a08\u5de5\u5177\u3001\u5b78\u7fd2\u7ba1\u7406\u7cfb\u7d71\u3001\u751f\u6210\u5f0f\u4eba\u5de5\u667a\u80fd\u6a5f\u68b0\u4eba\u53ca\u5b78\u7fd2\u5206\u6790\u61c9\u7528\u7a0b\u5f0f\uff0c\u6216\u53ef\u63d0\u4f9b IDEALS \u7684\u90e8\u5206\u529f\u80fd\u3002\u4f46\u9019\u4e9b\u5de5\u5177\u5f7c\u6b64\u5206\u6563\u5728\u4e0d\u540c\u5730\u65b9\uff0c\u589e\u6dfb\u7ba1\u7406\u8207\u6559\u7684\u96e3\u5ea6\u3002IDEALS \u5247\u80fd\u63d0\u4f9b\u5e02\u9762\u4e0a\u7121\u53ef\u6bd4\u64ec\u7684\u5168\u65b9\u4f4d\u6574\u5408\u65b9\u6848\u3002 IDEALS \u5be6\u73fe\u96fb\u5b50\u5b78\u7fd2\u8a2d\u8a08\u3001\u5be6\u65bd\u8207\u56de\u994b\u7684\u7a69\u5065\u5faa\u74b0\u3002 \u2713 \u7d71\u4e00\u7684\u6578\u64da\u67b6\u69cb \u2713 \u7121\u908a\u7684\u8de8\u5e73\u53f0\u6559\u5b78 \u2713 \u9806\u66a2\u7684\u5e2b\u751f\u53ca\u751f\u751f\u4e92\u52d5 \u2713 \u63a8\u52d5\u5b78\u7fd2\u7684\u5be6\u6642\u6d1e\u5bdf IDEALSINTEGRATION \u2726LEARNINGDESIGN \ud83d\udc65LEARNER \ud83d\uddc4LEARNINGDATA \ud83d\udccaLEARNINGANALYTICS \u21bbFOLLOW-UPACTIONS IDEALS \u7684\u6838\u5fc3\u7406\u5ff5 \u57fa\u65bc\u5b78\u7fd2\u8a2d\u8a08\u53ca\u5b78\u7fd2\u5206\u6790\u768421\u4e16\u7d00\u5b78\u8207\u6559\u667a\u80fd\u7cfb\u7d71 \u25a4 LDS \u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u5ba4 \u4e00\u500b\u96c6\u5b78\u7fd2\u3001\u8a55\u4f30\u8207\u56de\u994b\u65bc\u4e00\u8eab\u7684\u8a2d\u8a08\u7cfb\u7d71\uff0c\u70ba\u6559\u5e2b\u63d0\u4f9b\u5177\u60c5\u5883\u610f\u8b58\u53ca\u624e\u5be6\u6559\u5b78\u7406\u64da\u7684\u8a2d\u8a08\u6307\u5f15\u3002 \u5b78\u7fd2\u8a2d\u8a08\u5de5\u4f5c\u574a\uff08LDS\uff09\u662f\u4e00\u500b\u96c6\u5b78\u7fd2\u3001\u8a55\u4f30\u8207\u56de\u994b\u65bc\u4e00\u8eab\u7684\u8a2d\u8a08\u7cfb\u7d71\uff0c\u65e8\u5728\u70ba\u6559\u5e2b\u63d0\u4f9b\u5177\u60c5\u5883\u610f\u8b58\u53ca\u624e\u5be6\u6559\u5b78\u7406\u64da\u7684\u5c08\u696d\u8a2d\u8a08\u6307\u5f15\uff0c\u8b93\u7121\u8ad6\u662f\u7dda\u4e0a\u4e0b\u6df7\u5408\u5f0f\u6559\u5b78\uff0c\u6291\u6216\u5168\u7dda\u4e0a\u8ab2\u7a0b\uff0cLDS \u90fd\u80fd\u5354\u52a9\u6559\u5e2b\u70ba\u4e0d\u540c\u5b78\u7fd2\u9818\u57df\uff08KLA\uff09\u8a2d\u8a08\u5b78\u7fd2\u4efb\u52d9\u53ca\u5b78\u7fd2\u74b0\u5883\uff0c\u57f9\u990a\u5b78\u751f\u768421\u4e16\u7d00\u80fd\u529b\uff0c\u7cfb\u7d71\u4ea6\u6703\u6839\u64da\u6559\u5e2b\u6240\u9078\u53d6\u7684\u6559\u5b78\u6d3b\u52d5\uff0c\u63a8\u85a6\u6559\u5b78\u4e0a\u6700\u5408\u9069\u7684\u6578\u78bc\u5de5\u5177\u8207\u8cc7\u6e90\u3002\u6b64\u5916\uff0c\u7cfb\u7d71\u4ea6\u6703\u70ba\u6559\u5e2b\u63d0\u4f9b\u8a55\u4f30\u6a5f\u5236\uff0c\u7279\u5225\u91dd\u5c0d\u300c\u4f5c\u70ba\u5b78\u7fd2\u7684\u8a55\u4f30\u300d\u8207\u300c\u4fc3\u9032\u5b78\u7fd2\u7684\u8a55\u4f30\u300d\u7b49\u76ee\u7684\uff0c\u78ba\u4fdd\u8a55\u4f30\u65b9\u5f0f\u80fd\u5920\u914d\u5408\u9810\u671f\u5b78\u7fd2\u6210\u679c\u53ca\u5b78\u7fd2\u8005\u7684\u7279\u8cea\u3002 \u95b1\u8b80\u66f4\u591a \u2192 \u2b21 […]<\/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-1057","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1057","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=1057"}],"version-history":[{"count":37,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1057\/revisions"}],"predecessor-version":[{"id":1567,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/1057\/revisions\/1567"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}