.elementor-44 .elementor-element.elementor-element-ed5b632:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hkubs.hku.hk/eventsite/hk-joint-school-conference-cb-2026/wp-content/uploads/2022/11/shutterstock_1881525217-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-container{min-height:600px;}.elementor-44 .elementor-element.elementor-element-ed5b632{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44 .elementor-element.elementor-element-e8f664f > .elementor-element-populated >  .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.8;}.elementor-44 .elementor-element.elementor-element-e8f664f > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44 .elementor-element.elementor-element-e8f664f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 60px 60px 60px;}.elementor-widget-aux_modern_heading .aux-modern-heading-primary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary .aux-head-highlight{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-aux_modern_heading .aux-modern-heading-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-primary{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;color:var( --e-global-color-c04a1fa );text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-secondary .aux-head-highlight{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-c04a1fa );text-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-af4860d{z-index:-1;}.elementor-44 .elementor-element.elementor-element-4bbaae7:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-4bbaae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2A4D;}.elementor-44 .elementor-element.elementor-element-4bbaae7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:25px;margin-bottom:25px;}.elementor-44 .elementor-element.elementor-element-4bbaae7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44 .elementor-element.elementor-element-b8e04bb .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-44 .elementor-element.elementor-element-b8e04bb .aux-modern-heading-primary{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-c04a1fa );text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;}.elementor-44 .elementor-element.elementor-element-b9e6c6b{z-index:-1;}.elementor-44 .elementor-element.elementor-element-b3f7251:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-b3f7251 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2A4D;}.elementor-44 .elementor-element.elementor-element-b3f7251{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:25px;margin-bottom:25px;}.elementor-44 .elementor-element.elementor-element-b3f7251 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44 .elementor-element.elementor-element-0325b9e .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-44 .elementor-element.elementor-element-0325b9e .aux-modern-heading-primary{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-c04a1fa );text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;}.elementor-44 .elementor-element.elementor-element-03255ff > .elementor-container{max-width:1080px;}.elementor-44 .elementor-element.elementor-element-03255ff{margin-top:25px;margin-bottom:25px;}.elementor-44 .elementor-element.elementor-element-2ff86fc > .elementor-element-populated{padding:30px 30px 30px 30px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-3e152f4{text-align:justify;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-44 .elementor-element.elementor-element-1952685{z-index:-1;}.elementor-44 .elementor-element.elementor-element-08d0010:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-08d0010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D2A4D;}.elementor-44 .elementor-element.elementor-element-08d0010{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:25px;margin-bottom:25px;}.elementor-44 .elementor-element.elementor-element-08d0010 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44 .elementor-element.elementor-element-d0e02f5 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-44 .elementor-element.elementor-element-d0e02f5 .aux-modern-heading-primary{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-c04a1fa );text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;}.elementor-44 .elementor-element.elementor-element-edf32b2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-44 .elementor-element.elementor-element-8e195e3{width:var( --container-widget-width, 101.624% );max-width:101.624%;--container-widget-width:101.624%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-8e195e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-container{min-height:360px;}.elementor-44 .elementor-element.elementor-element-e8f664f > .elementor-element-populated{padding:40px 40px 40px 40px;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-primary{font-size:30px;margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-secondary .aux-head-highlight{font-size:18px;margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-b8e04bb{width:var( --container-widget-width, 100.003% );max-width:100.003%;--container-widget-width:100.003%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-b8e04bb .aux-modern-heading-primary{font-size:24px;padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-0325b9e{width:var( --container-widget-width, 100.003% );max-width:100.003%;--container-widget-width:100.003%;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-0325b9e .aux-modern-heading-primary{font-size:24px;padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-03255ff{padding:0px 50px 0px 50px;}.elementor-44 .elementor-element.elementor-element-2ff86fc > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-3e152f4{text-align:justify;font-size:14px;}.elementor-44 .elementor-element.elementor-element-d0e02f5{width:var( --container-widget-width, 776.229px );max-width:776.229px;--container-widget-width:776.229px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-d0e02f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-d0e02f5 .aux-modern-heading-primary{font-size:24px;padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-edf32b2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-44 .elementor-element.elementor-element-edf32b2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-8e195e3{width:var( --container-widget-width, 730.949px );max-width:730.949px;--container-widget-width:730.949px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-8e195e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-046d75b{width:var( --container-widget-width, 870.994px );max-width:870.994px;--container-widget-width:870.994px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-a5cecb8{width:var( --container-widget-width, 870.994px );max-width:870.994px;--container-widget-width:870.994px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-container{min-height:450px;}.elementor-44 .elementor-element.elementor-element-ed5b632:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-44 .elementor-element.elementor-element-e8f664f > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-primary{font-size:28px;margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-e337a24 .aux-modern-heading-secondary .aux-head-highlight{font-size:16px;margin:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-b8e04bb .aux-modern-heading-primary{font-size:21px;padding:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-23c5274{width:var( --container-widget-width, 291.063px );max-width:291.063px;--container-widget-width:291.063px;--container-widget-flex-grow:0;}.elementor-44 .elementor-element.elementor-element-0325b9e .aux-modern-heading-primary{font-size:21px;padding:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-03255ff{padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-2ff86fc > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-44 .elementor-element.elementor-element-3e152f4{text-align:start;font-size:14px;}.elementor-44 .elementor-element.elementor-element-d0e02f5 .aux-modern-heading-primary{font-size:21px;padding:10px 10px 10px 10px;}.elementor-44 .elementor-element.elementor-element-940dcbd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-edf32b2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-44 .elementor-element.elementor-element-8e195e3{width:var( --container-widget-width, 327.013px );max-width:327.013px;--container-widget-width:327.013px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-2ff86fc{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-44 .elementor-element.elementor-element-5f45f85{width:100%;}.elementor-44 .elementor-element.elementor-element-edf32b2{width:100%;}}@media(min-width:1025px){.elementor-44 .elementor-element.elementor-element-ed5b632:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-ed5b632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-046d75b */<style type="text/css">

.elementor-menu-anchor {
    margin-top: -150px;
    padding-top: 150px;
    width: 0px;
}
@media (max-width: 1024px){
.elementor-menu-anchor {
    margin-top: -90px;
    padding-top: 90px;
    width: 0px;
}
}
@media (max-width: 767px){
.elementor-menu-anchor {
    margin-top: -60px;
    padding-top: 60px;
    width: 0px;
}
}


html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.elementor-nav-menu a.elementor-item,
.elementor-location-header a[href*="#"] {
  transition: color 0.25s ease, box-shadow 0.25s ease;
}
.elementor-nav-menu a.is-current-anchor,
.elementor-location-header a.is-current-anchor {
  color: #002b49 !important;
  box-shadow: inset 0 -3px 0 #005baa;
}


#hku-progress {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  height: 3px;
  width: 0;
  background: #005baa;
  z-index: 9998;
  pointer-events: none;
  transition: width 0.1s linear;
}
</style>

<script>
(function () {
  if (window.__hkuAnchorFx) return; /* 防止 Elementor 編輯器重複載入 */
  window.__hkuAnchorFx = true;

  /* 每個 device 嘅 header 高度補償(同上面 CSS 對應) */
  function headerOffset() {
    if (window.innerWidth <= 767) return 60;
    if (window.innerWidth <= 1024) return 90;
    return 150;
  }

  /* ---------- B) Menu 高亮 ---------- */
  var links = Array.prototype.slice.call(
    document.querySelectorAll('.elementor-nav-menu a[href*="#"], .elementor-location-header a[href*="#"]')
  ).filter(function (a) {
    var id = (a.getAttribute('href') || '').split('#')[1];
    return id && document.getElementById(id);
  });

  var items = links.map(function (a) {
    return { link: a, el: document.getElementById(a.getAttribute('href').split('#')[1]) };
  });

  function updateActive() {
    var off = headerOffset();
    var current = null;
    items.forEach(function (it) {
      /* anchor 本身有 padding-top 補償,真正 section 頂部 = rect.top + padding-top */
      var pad = parseFloat(getComputedStyle(it.el).paddingTop) || 0;
      var realTop = it.el.getBoundingClientRect().top + pad;
      if (realTop <= off + 40) current = it;
    });
    items.forEach(function (it) {
      it.link.classList.toggle('is-current-anchor', it === current);
    });
  }

  /* ---------- C) 進度條 ---------- */
  var bar = document.getElementById('hku-progress');
  if (!bar) {
    bar = document.createElement('div');
    bar.id = 'hku-progress';
    document.body.appendChild(bar);
  }
  function updateProgress() {
    var h = document.documentElement;
    var max = h.scrollHeight - h.clientHeight;
    bar.style.width = (max > 0 ? (h.scrollTop / max) * 100 : 0) + '%';
  }

  var ticking = false;
  function onScroll() {
    if (ticking) return;
    ticking = true;
    requestAnimationFrame(function () {
      updateActive();
      updateProgress();
      ticking = false;
    });
  }

  window.addEventListener('scroll', onScroll, { passive: true });
  window.addEventListener('resize', onScroll);
  window.addEventListener('load', onScroll);
  onScroll();
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5cecb8 */<style type="text/css">

.elementor-menu-anchor {
    margin-top: -150px;
    padding-top: 150px;
    width: 0px;
}
@media (max-width: 1024px){
.elementor-menu-anchor {
    margin-top: -90px;
    padding-top: 90px;
    width: 0px;
}
}
@media (max-width: 767px){
.elementor-menu-anchor {
    margin-top: -60px;
    padding-top: 60px;
    width: 0px;
}
}


html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.elementor-nav-menu a.elementor-item,
.elementor-location-header a[href*="#"] {
  transition: color 0.25s ease, box-shadow 0.25s ease;
}
.elementor-nav-menu a.is-current-anchor,
.elementor-location-header a.is-current-anchor {
  color: #002b49 !important;
  box-shadow: inset 0 -3px 0 #005baa;
}


#hku-progress {
  position: fixed;
  top: var(--wp-admin--admin-bar--height, 0px);
  left: 0;
  height: 3px;
  width: 0;
  background: #005baa;
  z-index: 9998;
  pointer-events: none;
  transition: width 0.1s linear;
}
</style>

<script>
(function () {
  if (window.__hkuAnchorFx) return; /* 防止 Elementor 編輯器重複載入 */
  window.__hkuAnchorFx = true;

  /* 每個 device 嘅 header 高度補償(同上面 CSS 對應) */
  function headerOffset() {
    if (window.innerWidth <= 767) return 60;
    if (window.innerWidth <= 1024) return 90;
    return 150;
  }

  /* ---------- B) Menu 高亮 ---------- */
  var links = Array.prototype.slice.call(
    document.querySelectorAll('.elementor-nav-menu a[href*="#"], .elementor-location-header a[href*="#"]')
  ).filter(function (a) {
    var id = (a.getAttribute('href') || '').split('#')[1];
    return id && document.getElementById(id);
  });

  var items = links.map(function (a) {
    return { link: a, el: document.getElementById(a.getAttribute('href').split('#')[1]) };
  });

  function updateActive() {
    var off = headerOffset();
    var current = null;
    items.forEach(function (it) {
      /* anchor 本身有 padding-top 補償,真正 section 頂部 = rect.top + padding-top */
      var pad = parseFloat(getComputedStyle(it.el).paddingTop) || 0;
      var realTop = it.el.getBoundingClientRect().top + pad;
      if (realTop <= off + 40) current = it;
    });
    items.forEach(function (it) {
      it.link.classList.toggle('is-current-anchor', it === current);
    });
  }

  /* ---------- C) 進度條 ---------- */
  var bar = document.getElementById('hku-progress');
  if (!bar) {
    bar = document.createElement('div');
    bar.id = 'hku-progress';
    document.body.appendChild(bar);
  }
  function updateProgress() {
    var h = document.documentElement;
    var max = h.scrollHeight - h.clientHeight;
    bar.style.width = (max > 0 ? (h.scrollTop / max) * 100 : 0) + '%';
  }

  var ticking = false;
  function onScroll() {
    if (ticking) return;
    ticking = true;
    requestAnimationFrame(function () {
      updateActive();
      updateProgress();
      ticking = false;
    });
  }

  window.addEventListener('scroll', onScroll, { passive: true });
  window.addEventListener('resize', onScroll);
  window.addEventListener('load', onScroll);
  onScroll();
})();
</script>/* End custom CSS */