{"id":21883,"date":"2025-08-25T18:20:27","date_gmt":"2025-08-25T11:20:27","guid":{"rendered":"https:\/\/guruenglishschool.com\/?page_id=21883"},"modified":"2025-09-05T22:37:16","modified_gmt":"2025-09-05T15:37:16","slug":"english-class-videos","status":"publish","type":"page","link":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/","title":{"rendered":"\u8bfe\u7a0b\u89c6\u9891"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21883\" class=\"elementor elementor-21883\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0564295 e-flex e-con-boxed e-con e-parent\" data-id=\"0564295\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a350668 elementor-widget elementor-widget-html\" data-id=\"a350668\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Section Mini Navigation (Pill borders per level) ===== -->\r\n<nav class=\"gx-section-nav\" aria-label=\"Class level navigation\">\r\n  <style>\r\n    html { scroll-behavior: smooth; }\r\n\r\n    .gx-section-nav{\r\n      position: sticky; top: 0; z-index: 1;     \/* stays under your header\/lang switcher *\/\r\n      background: transparent;\r\n      pointer-events: none;                     \/* bar itself won't block header *\/\r\n    }\r\n    .gx-section-nav .wrap{\r\n      max-width: 1200px; margin: 0 auto; padding: 12px 5vw;\r\n      display: flex; gap: 10px; align-items: center; justify-content: center;\r\n      overflow-x: auto; scrollbar-width: thin;\r\n      pointer-events: auto;                     \/* pills are clickable *\/\r\n      -webkit-overflow-scrolling: touch;\r\n      background: transparent;\r\n    }\r\n    \/* Mobile: left align so the first pill is always visible *\/\r\n    @media (max-width: 640px){\r\n      .gx-section-nav .wrap{ justify-content: flex-start; padding-inline: 16px; }\r\n    }\r\n\r\n    \/* Base pill *\/\r\n    .gx-pill{\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      white-space: nowrap; cursor: pointer; user-select: none; text-decoration: none;\r\n      border-radius: 999px; padding: 10px 16px; font-weight: 700;\r\n      color: #0f172a; background: #fff;\r\n      box-shadow: 0 6px 14px rgba(2,6,23,.06);   \/* soft lift *\/\r\n      \/* default neutral border; each level overrides below *\/\r\n      border: 2px solid rgba(15,23,42,.08);\r\n    }\r\n\r\n    \/* Colored borders per level (match your brand colors) *\/\r\n    .gx-pill.kindergarten{ border-color:#86efac; } \/* green-300 *\/\r\n    .gx-pill.primary{      border-color:#93c5fd; } \/* blue-300  *\/\r\n    .gx-pill.late-primary{ border-color:#fdba74; } \/* orange-300*\/\r\n    .gx-pill.junior{       border-color:#c4b5fd; } \/* violet-300*\/\r\n    .gx-pill.high{         border-color:#fda4af; } \/* red-300   *\/\r\n    \/* ADDED: new pill borders *\/\r\n    .gx-pill.university{   border-color:#fde68a; } \/* yellow-300 *\/\r\n    .gx-pill.adult{        border-color:#f9a8d4; } \/* pink-300   *\/\r\n\r\n    .gx-dot{ width: 10px; height: 10px; border-radius: 999px; box-shadow: 0 0 0 3px rgba(0,0,0,.04) inset; }\r\n    .gx-dot.kindergarten{ background:#16a34a; }\r\n    .gx-dot.primary{      background:#2563eb; }\r\n    .gx-dot.late-primary{ background:#f97316; }\r\n    .gx-dot.junior{       background:#7c3aed; }\r\n    .gx-dot.high{         background:#dc2626; }\r\n    \/* ADDED: new dot colors *\/\r\n    .gx-dot.university{   background:#f59e0b; } \/* yellow *\/\r\n    .gx-dot.adult{        background:#ec4899; } \/* pink   *\/\r\n\r\n    \/* Anchor offset so sections don't hide under sticky UI *\/\r\n    section[id]{ scroll-margin-top: 110px; }\r\n\r\n    \/* Swipe hint (mobile only) *\/\r\n    .gx-scroll-hint{\r\n      font-size: 12px; text-align: center; color: #64748b;\r\n      margin: 4px 0 0; pointer-events: none;\r\n    }\r\n    @media (min-width: 641px){ .gx-scroll-hint{ display:none; } }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\" id=\"gxNavWrap\">\r\n    <a href=\"#kindergarten\" class=\"gx-pill kindergarten\" data-target=\"kindergarten\">\r\n      <span class=\"gx-dot kindergarten\"><\/span>\r\n      \u5e7c\u513f\u56ed\r\n    <\/a>\r\n    <!-- Primary uses #primary-school to avoid WP #primary collision -->\r\n    <a href=\"#primary-school\" class=\"gx-pill primary\" data-target=\"primary-school\">\r\n      <span class=\"gx-dot primary\"><\/span>\r\n      \u5c0f\u5b66\u90e8\r\n    <\/a>\r\n    <a href=\"#late-primary\" class=\"gx-pill late-primary\" data-target=\"late-primary\">\r\n      <span class=\"gx-dot late-primary\"><\/span>\r\n      \u5c0f\u5b66\u9ad8\u5e74\u7ea7\r\n    <\/a>\r\n    <a href=\"#junior\" class=\"gx-pill junior\" data-target=\"junior\">\r\n      <span class=\"gx-dot junior\"><\/span>\r\n      \u521d\u4e2d\r\n    <\/a>\r\n    <a href=\"#high\" class=\"gx-pill high\" data-target=\"high\">\r\n      <span class=\"gx-dot high\"><\/span>\r\n      \u9ad8\u4e2d\r\n    <\/a>\r\n    <!-- ADDED: University -->\r\n    <a href=\"#university\" class=\"gx-pill university\" data-target=\"university\">\r\n      <span class=\"gx-dot university\"><\/span>\r\n      \u5927\u5b66\r\n    <\/a>\r\n    <!-- ADDED: Adult Classes -->\r\n    <a href=\"#adult\" class=\"gx-pill adult\" data-target=\"adult\">\r\n      <span class=\"gx-dot adult\"><\/span>\r\n      \u6210\u4eba\u8bfe\u7a0b\r\n    <\/a>\r\n  <\/div>\r\n  <div class=\"gx-scroll-hint\">\r\n    \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      function ready(fn){\r\n        if (document.readyState !== 'loading') fn();\r\n        else document.addEventListener('DOMContentLoaded', fn);\r\n      }\r\n      ready(function(){\r\n        \/\/ Ensure IDs exist even if sections only have scoped classes\r\n        const ensureId = (sel, id) => {\r\n          const el = document.getElementById(id) || document.querySelector(sel);\r\n          if (el && !el.id) el.id = id;\r\n          return document.getElementById(id);\r\n        };\r\n        ensureId('.gx-kindergarten','kindergarten');\r\n        ensureId('.gx-primary','primary-school');   \/\/ avoid WP #primary collision\r\n        ensureId('.gx-late-primary','late-primary');\r\n        ensureId('.gx-junior','junior');\r\n        ensureId('.gx-high','high');\r\n        \/* ADDED: map new sections *\/\r\n        ensureId('.gx-university','university');\r\n        ensureId('.gx-adult','adult');\r\n\r\n        \/\/ Smooth scroll without hash jump\r\n        document.querySelectorAll('.gx-section-nav .gx-pill').forEach(a=>{\r\n          a.addEventListener('click', e=>{\r\n            const id = a.dataset.target;\r\n            const el = document.getElementById(id);\r\n            if(!el) return;\r\n            e.preventDefault();\r\n            el.scrollIntoView({ behavior:'smooth', block:'start' });\r\n          });\r\n        });\r\n\r\n        \/\/ Make sure the first pill is fully visible on mobile\r\n        const wrap = document.getElementById('gxNavWrap');\r\n        if (wrap && window.matchMedia('(max-width: 640px)').matches){\r\n          wrap.scrollLeft = 0;\r\n        }\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/nav>\r\n<!-- ===== \/Section Mini Navigation ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-069e05d e-flex e-con-boxed e-con e-parent\" data-id=\"069e05d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-033ba18 elementor-widget elementor-widget-html\" data-id=\"033ba18\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Kindergarten Video Gallery (scoped as .gx-kindergarten) ===== -->\r\n<section class=\"gx-videos-wrap gx-kindergarten\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-kindergarten to avoid cross-section overrides *\/\r\n    .gx-kindergarten{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #dcfce7 0%, transparent 60%),\r\n        radial-gradient(800px 420px at 110% 100%, #e0f2fe 0%, transparent 60%),\r\n        linear-gradient(135deg,#f8fafc 0%, #eef7ff 35%, #effcf4 100%);\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-kindergarten .gx-videos-inner{padding:56px 5vw; text-align:center;} \/* centered *\/\r\n    .gx-kindergarten .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#16a34a; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(22,163,74,.35); font-size:13px;\r\n    }\r\n    .gx-kindergarten .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-kindergarten .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-kindergarten .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    } \/* centered chips *\/\r\n    .gx-kindergarten .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-kindergarten .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-kindergarten .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-kindergarten .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-kindergarten .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-kindergarten .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-kindergarten .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-kindergarten .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #22c55e; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-kindergarten .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#22c55e; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(34,197,94,.35)\r\n    }\r\n    .gx-kindergarten .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-kindergarten .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-kindergarten .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-kindergarten .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-kindergarten .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-kindergarten .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u5e7c\u513f\u56ed\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u5e7c\u513f\u56ed\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u8f7b\u677e\u6709\u8da3\u7684\u77ed\u8bfe\uff0c\u901a\u8fc7\u513f\u6b4c\u3001\u81ea\u7136\u62fc\u8bfb\u4e0e\u6e38\u620f\u5f0f\u6d3b\u52a8\u5efa\u7acb\u81ea\u4fe1\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u5e7c\u513f\u56ed<\/span>\r\n      <span class=\"gx-chip\">\u513f\u6b4c\u4e0e\u81ea\u7136\u62fc\u8bfb<\/span>\r\n      <span class=\"gx-chip\">\u6e38\u620f\u5f0f\u5b66\u4e60<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxKidGrid\">\r\n      <article class=\"gx-card\" data-video-id=\"tZeAW2tmBII\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/tZeAW2tmBII\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"XzA-6pnwnYk\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/XzA-6pnwnYk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"R-jYbyLAJvo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/R-jYbyLAJvo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"XQOcOjdxX5A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/XQOcOjdxX5A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"E97msYOcePk\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/E97msYOcePk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ONY3g4ThMis\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ONY3g4ThMis\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalKindergarten\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseKindergarten\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxKidGrid');\r\n      const modal = document.getElementById('gxModalKindergarten');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseKindergarten');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Kindergarten Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f3e81d e-flex e-con-boxed e-con e-parent\" data-id=\"5f3e81d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1eb6b0 elementor-widget elementor-widget-html\" data-id=\"b1eb6b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Primary School Video Gallery (scoped as .gx-primary) ===== -->\r\n<section id=\"primary-school\" class=\"gx-videos-wrap gx-primary\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-primary to avoid affecting Kindergarten *\/\r\n    .gx-primary{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #dbeafe 0%, transparent 60%),\r\n        radial-gradient(800px 420px at 110% 100%, #e0f2fe 0%, transparent 60%),\r\n        linear-gradient(135deg,#f8fafc 0%, #eef6ff 35%, #e8f1ff 100%);\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-primary .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-primary .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#2563eb; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(37,99,235,.35); font-size:13px;\r\n    }\r\n    .gx-primary .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-primary .gx-sub{color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;}\r\n    .gx-primary .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-primary .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-primary .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-primary .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-primary .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-primary .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-primary .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-primary .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-primary .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #2563eb; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-primary .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#2563eb; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(37,99,235,.35)\r\n    }\r\n    .gx-primary .gx-badge.gray{background:#64748b}\r\n    \/* modal *\/\r\n    .gx-primary .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-primary .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-primary .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-primary .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-primary .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u5c0f\u5b66\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u5c0f\u5b66\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u6709\u8da3\u4e14\u9ad8\u53c2\u4e0e\u5ea6\u7684\u8bfe\u7a0b\uff0c\u5f3a\u5316\u53e3\u8bed\u3001\u8bed\u6cd5\u3001\u9605\u8bfb\u4e0e\u9879\u76ee\u5b66\u4e60\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u5c0f\u5b66\u90e8<\/span>\r\n      <span class=\"gx-chip\">\u53e3\u8bed\u4e0e\u8bed\u6cd5<\/span>\r\n      <span class=\"gx-chip\">\u9879\u76ee\u5f0f\u5b66\u4e60<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxPrimaryGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"BosdjwOYjLE\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/BosdjwOYjLE\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"hKesFaCNYes\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/hKesFaCNYes\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"9ZOc0yiDqI4\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/9ZOc0yiDqI4\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"cOR369iwn_I\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/cOR369iwn_I\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"oI7UoU2682U\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/oI7UoU2682U\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"CZLt_LjrlaA\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/CZLt_LjrlaA\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"dUqhYJ4SYng\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/dUqhYJ4SYng\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"veySJZpmd8E\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/veySJZpmd8E\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_c0R_hkNKDY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_c0R_hkNKDY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"agn1gQGwyqQ\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/agn1gQGwyqQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalPrimary\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxClosePrimary\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxPrimaryGrid');\r\n      const modal = document.getElementById('gxModalPrimary');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxClosePrimary');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Primary School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6a8ef1 e-flex e-con-boxed e-con e-parent\" data-id=\"b6a8ef1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eefd627 elementor-widget elementor-widget-html\" data-id=\"eefd627\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Late Primary School Video Gallery (scoped as .gx-late-primary) ===== -->\r\n<section class=\"gx-videos-wrap gx-late-primary\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-late-primary to avoid cross-section overrides *\/\r\n    .gx-late-primary{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffedd5 0%, transparent 60%),   \/* orange-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fef3c7 0%, transparent 60%), \/* amber-100 *\/\r\n        linear-gradient(135deg,#fff7ed 0%, #fff4e6 35%, #fff8ec 100%);          \/* warm light mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-late-primary .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-late-primary .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#f97316; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(249,115,22,.35); font-size:13px;\r\n    }\r\n    .gx-late-primary .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-late-primary .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-late-primary .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-late-primary .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-late-primary .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-late-primary .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-late-primary .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-late-primary .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-late-primary .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-late-primary .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-late-primary .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #f97316; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-late-primary .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#f97316; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(249,115,22,.35)\r\n    }\r\n    .gx-late-primary .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-late-primary .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-late-primary .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-late-primary .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-late-primary .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-late-primary .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u5c0f\u5b66\u9ad8\u5e74\u7ea7\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u5c0f\u5b66\u9ad8\u5e74\u7ea7\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u901a\u8fc7\u9879\u76ee\u3001\u6f14\u8bb2\u4e0e\u56e2\u961f\u5408\u4f5c\u63d0\u5347\u7efc\u5408\u80fd\u529b\uff0c\u4e3a\u4e0b\u4e00\u9636\u6bb5\u505a\u597d\u51c6\u5907\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u5c0f\u5b66\u9ad8\u5e74\u7ea7<\/span>\r\n      <span class=\"gx-chip\">\u9879\u76ee\u4e0e\u6f14\u8bb2<\/span>\r\n      <span class=\"gx-chip\">\u56e2\u961f\u534f\u4f5c\u4e0e\u81ea\u4fe1<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxLatePrimaryGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"TAFvXzRMEv0\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/TAFvXzRMEv0\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"qk4cW6vAGZI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/qk4cW6vAGZI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"yVp7UlJc3Vw\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/yVp7UlJc3Vw\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ED-4eCjLhHo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ED-4eCjLhHo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"WoZ8tpvmliI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/WoZ8tpvmliI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"ZtnYApYQIFU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/ZtnYApYQIFU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"Fzv4rtWf2vk\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/Fzv4rtWf2vk\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"arziVrVufCI\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/arziVrVufCI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_N2goeuhlSs\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_N2goeuhlSs\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalLatePrimary\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseLatePrimary\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxLatePrimaryGrid');\r\n      const modal = document.getElementById('gxModalLatePrimary');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseLatePrimary');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Late Primary School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03c0b97 e-flex e-con-boxed e-con e-parent\" data-id=\"03c0b97\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48325e6 elementor-widget elementor-widget-html\" data-id=\"48325e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Junior High School Video Gallery (scoped as .gx-junior) ===== -->\r\n<section class=\"gx-videos-wrap gx-junior\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-junior to avoid cross-section overrides *\/\r\n    .gx-junior{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ede9fe 0%, transparent 60%),   \/* violet-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #f3e8ff 0%, transparent 60%), \/* fuchsia-100 *\/\r\n        linear-gradient(135deg,#faf5ff 0%, #f6f0ff 35%, #f7f2ff 100%);          \/* soft purple mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-junior .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-junior .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#7c3aed; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(124,58,237,.35); font-size:13px;\r\n    }\r\n    .gx-junior .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-junior .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-junior .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-junior .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-junior .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-junior .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-junior .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-junior .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-junior .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-junior .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-junior .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #7c3aed; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-junior .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#7c3aed; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(124,58,237,.35)\r\n    }\r\n    .gx-junior .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-junior .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-junior .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-junior .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-junior .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-junior .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u521d\u4e2d\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u521d\u4e2d\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u901a\u8fc7\u8fa9\u8bba\u3001\u5199\u4f5c\u4e0e\u771f\u5b9e\u9879\u76ee\u63d0\u5347\u6c9f\u901a\u529b\u4e0e\u6279\u5224\u6027\u601d\u7ef4\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u521d\u4e2d<\/span>\r\n      <span class=\"gx-chip\">\u53e3\u8bed\u4e0e\u5199\u4f5c<\/span>\r\n      <span class=\"gx-chip\">\u8003\u8bd5\u51c6\u5907<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxJuniorGrid\">\r\n      <article class=\"gx-card\" data-video-id=\"bKCHY9yI4l0\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/bKCHY9yI4l0\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"zndT7k-1DkI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/zndT7k-1DkI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"h2HHjY2ST-A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/h2HHjY2ST-A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"Vt5bvJHvTuQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/Vt5bvJHvTuQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"tBHg8k_Qans\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/tBHg8k_Qans\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"opToN5khFmI\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/opToN5khFmI\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"OU4gKKSJHjQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/OU4gKKSJHjQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalJunior\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseJunior\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxJuniorGrid');\r\n      const modal = document.getElementById('gxModalJunior');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseJunior');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Junior High School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8820122 e-flex e-con-boxed e-con e-parent\" data-id=\"8820122\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8bc0f9 elementor-widget elementor-widget-html\" data-id=\"c8bc0f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== High School Video Gallery (scoped as .gx-high) ===== -->\r\n<section class=\"gx-videos-wrap gx-high\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-high to avoid cross-section overrides *\/\r\n    .gx-high{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffe4e6 0%, transparent 60%),   \/* rose-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fee2e2 0%, transparent 60%), \/* red-100 *\/\r\n        linear-gradient(135deg,#fff1f2 0%, #ffe9ea 35%, #fff3f3 100%);          \/* soft red mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-high .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-high .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#dc2626; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(220,38,38,.35); font-size:13px;\r\n    }\r\n    .gx-high .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-high .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-high .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-high .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-high .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-high .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-high .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-high .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-high .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-high .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-high .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #dc2626; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-high .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#dc2626; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(220,38,38,.35)\r\n    }\r\n    .gx-high .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-high .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-high .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-high .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-high .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-high .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u9ad8\u4e2d\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u9ad8\u4e2d\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u5b66\u672f\u5199\u4f5c\u3001\u6f14\u8bb2\u4e0e\u5e94\u8bd5\u7b56\u7565\uff0c\u52a9\u529b\u5347\u5b66\u4e0e\u672a\u6765\u804c\u4e1a\u53d1\u5c55\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u9ad8\u4e2d<\/span>\r\n      <span class=\"gx-chip\">\u5b66\u672f\u5199\u4f5c\u4e0e\u53e3\u8bed<\/span>\r\n      <span class=\"gx-chip\">\u8003\u8bd5\u7b56\u7565<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxHighGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"AvDIttqbYAQ\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/AvDIttqbYAQ\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"iNQG9auD_to\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/iNQG9auD_to\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"yNnhBdhP0fU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/yNnhBdhP0fU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"8d7bMwfBuMY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/8d7bMwfBuMY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Short -->\r\n      <article class=\"gx-card\" data-video-id=\"-9HItf1K1c4\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/-9HItf1K1c4\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalHigh\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseHigh\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxHighGrid');\r\n      const modal = document.getElementById('gxModalHigh');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseHigh');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/High School Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d17f386 e-flex e-con-boxed e-con e-parent\" data-id=\"d17f386\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3261288 elementor-widget elementor-widget-html\" data-id=\"3261288\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== University Video Gallery (scoped as .gx-university | Yellow theme) ===== -->\r\n<section id=\"university\" class=\"gx-videos-wrap gx-university\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-university to avoid cross-section overrides *\/\r\n    .gx-university{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #fef3c7 0%, transparent 60%),   \/* amber-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fde68a 0%, transparent 60%), \/* yellow-200 *\/\r\n        linear-gradient(135deg,#fffbeb 0%, #fff7d6 35%, #fff9e6 100%);          \/* soft yellow mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-university .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-university .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#f59e0b; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(245,158,11,.35); font-size:13px;\r\n    }\r\n    .gx-university .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-university .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-university .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-university .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-university .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-university .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-university .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-university .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-university .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-university .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-university .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #f59e0b; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-university .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#f59e0b; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(245,158,11,.35)\r\n    }\r\n    .gx-university .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-university .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-university .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-university .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-university .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-university .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u5927\u5b66\u8bfe\u5802\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u5927\u5b66\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u7814\u8ba8\u3001\u6f14\u8bb2\u4e0e\u5b66\u672f\u6280\u80fd\u8bad\u7ec3\uff0c\u52a9\u529b\u5927\u5b66\u4e0e\u672a\u6765\u53d1\u5c55\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u5927\u5b66<\/span>\r\n      <span class=\"gx-chip\">\u6f14\u8bb2\u4e0e\u9879\u76ee<\/span>\r\n      <span class=\"gx-chip\">\u5b66\u672f\u6280\u80fd<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxUniversityGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"h1Q8JxORUM8\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/h1Q8JxORUM8\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"q-3_rRw8S3A\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/q-3_rRw8S3A\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"fmFthxH--ig\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/fmFthxH--ig\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"mwNHTEN0oP8\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/mwNHTEN0oP8\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"JuEj3NHAoXM\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/JuEj3NHAoXM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"2luFy02kSIY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/2luFy02kSIY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"F0qv3sMcuTY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/F0qv3sMcuTY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"3d_LKzuppIM\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/3d_LKzuppIM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalUniversity\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseUniversity\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxUniversityGrid');\r\n      const modal = document.getElementById('gxModalUniversity');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseUniversity');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/University Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-280bab9 e-flex e-con-boxed e-con e-parent\" data-id=\"280bab9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b3808a elementor-widget elementor-widget-html\" data-id=\"1b3808a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ===== Adult Classes Video Gallery (scoped as .gx-adult | Pink theme) ===== -->\r\n<section id=\"adult\" class=\"gx-videos-wrap gx-adult\">\r\n  <style>\r\n    \/* Scope EVERYTHING in this block to .gx-adult to avoid cross-section overrides *\/\r\n    .gx-adult{\r\n      margin:56px auto; max-width:1200px; border-radius:28px; overflow:hidden;\r\n      background:\r\n        radial-gradient(900px 360px at -10% 0%, #ffe4e6 0%, transparent 60%),   \/* rose-100 *\/\r\n        radial-gradient(800px 420px at 110% 100%, #fbcfe8 0%, transparent 60%), \/* pink-200 *\/\r\n        linear-gradient(135deg,#fff1f2 0%, #ffeaf3 35%, #fff3f8 100%);          \/* soft pink mix *\/\r\n      box-shadow:0 20px 50px rgba(2,6,23,.08);\r\n    }\r\n    .gx-adult .gx-videos-inner{padding:56px 5vw; text-align:center;}\r\n    .gx-adult .gx-eyebrow{\r\n      display:inline-block; font-weight:700; letter-spacing:.08em; text-transform:uppercase;\r\n      background:#ec4899; color:#fff; padding:8px 14px; border-radius:999px; margin-bottom:16px;\r\n      box-shadow:0 6px 16px rgba(236,72,153,.35); font-size:13px;\r\n    }\r\n    .gx-adult .gx-title{\r\n      font-weight:800; color:#0f172a; line-height:1.15; margin:0 auto 10px;\r\n      font-size:clamp(28px,4.2vw,54px); max-width:900px;\r\n    }\r\n    .gx-adult .gx-sub{\r\n      color:#334155; font-size:clamp(16px,1.4vw,20px); margin:0 auto 18px; max-width:850px;\r\n    }\r\n    .gx-adult .gx-chips{\r\n      display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin:18px auto 28px;\r\n    }\r\n    .gx-adult .gx-chip{\r\n      background:#fff; border-radius:999px; padding:8px 14px; font-weight:600; color:#0f172a;\r\n      box-shadow:0 8px 18px rgba(2,6,23,.08)\r\n    }\r\n    .gx-adult .gx-grid{display:grid; gap:18px; grid-template-columns:repeat(12,1fr)}\r\n    .gx-adult .gx-card{\r\n      grid-column:span 6; position:relative; cursor:pointer; border-radius:18px; overflow:hidden;\r\n      background:#000; box-shadow:0 10px 22px rgba(2,6,23,.12); transition:transform .16s ease, box-shadow .16s ease;\r\n    }\r\n    .gx-adult .gx-card:hover{transform:translateY(-2px); box-shadow:0 18px 40px rgba(2,6,23,.18);}\r\n    .gx-adult .gx-thumb{width:100%; aspect-ratio:16\/9; background-size:cover; background-position:center;}\r\n    .gx-adult .gx-play{\r\n      position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\r\n      background:linear-gradient(180deg, rgba(2,6,23,0) 40%, rgba(2,6,23,.35) 100%);\r\n    }\r\n    .gx-adult .gx-play .btn{\r\n      display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:14px;\r\n      background:rgba(15,23,42,.7); color:#fff; font-weight:800; backdrop-filter:blur(4px);\r\n    }\r\n    .gx-adult .gx-play .triangle{\r\n      width:0; height:0; border-left:12px solid #ec4899; border-top:8px solid transparent; border-bottom:8px solid transparent;\r\n    }\r\n    .gx-adult .gx-badge{\r\n      position:absolute; top:12px; left:12px; background:#ec4899; color:#fff; font-weight:800;\r\n      padding:6px 10px; border-radius:999px; font-size:12px; box-shadow:0 6px 14px rgba(236,72,153,.35)\r\n    }\r\n    .gx-adult .gx-badge.gray{background:#64748b}\r\n    \/* modal (scoped) *\/\r\n    .gx-adult .gx-modal{position:fixed; inset:0; background:rgba(2,6,23,.72); display:none; z-index:9999;}\r\n    .gx-adult .gx-modal.open{display:flex; align-items:center; justify-content:center; padding:24px}\r\n    .gx-adult .gx-frame{\r\n      width:min(1100px,92vw); aspect-ratio:16\/9; background:#000; border-radius:16px; overflow:hidden;\r\n      box-shadow:0 20px 60px rgba(0,0,0,.5)\r\n    }\r\n    .gx-adult .gx-close{\r\n      position:absolute; top:20px; right:20px; background:#0f172a; color:#fff; border:none;\r\n      font-weight:900; border-radius:10px; padding:10px 14px; cursor:pointer;\r\n      box-shadow:0 10px 24px rgba(2,6,23,.4)\r\n    }\r\n    @media (max-width:900px){ .gx-adult .gx-card{grid-column:span 12} }\r\n  <\/style>\r\n\r\n  <div class=\"gx-videos-inner\">\r\n    <span class=\"gx-eyebrow\">\r\n      \u6210\u4eba\u8bfe\u7a0b\u89c6\u9891\r\n    <\/span>\r\n\r\n    <h2 class=\"gx-title\">\r\n      \u8d70\u8fdb\u6211\u4eec\u7684<i>\u6210\u4eba\u82f1\u8bed<\/i>\u8bfe\u5802\r\n    <\/h2>\r\n    <p class=\"gx-sub\">\r\n      \u9762\u5411\u804c\u573a\u4e0e\u751f\u6d3b\u7684\u5b9e\u7528\u6c9f\u901a\u2014\u2014\u4f1a\u8bdd\u3001\u6f14\u8bb2\u4e0e\u81ea\u4fe1\u6d41\u5229\u5ea6\u8bad\u7ec3\u3002\u70b9\u5f00\u5361\u7247\u5373\u53ef\u89c2\u770b\u3002\r\n    <\/p>\r\n\r\n    <div class=\"gx-chips\">\r\n      <span class=\"gx-chip\">\u6210\u4eba\u8bfe\u7a0b<\/span>\r\n      <span class=\"gx-chip\">\u4f1a\u8bdd\u4e0e\u6d41\u5229\u5ea6<\/span>\r\n      <span class=\"gx-chip\">\u5546\u52a1\u4e0e\u65e5\u5e38\u82f1\u8bed<\/span>\r\n    <\/div>\r\n\r\n    <!-- Video Grid -->\r\n    <div class=\"gx-grid\" id=\"gxAdultGrid\">\r\n      <!-- Regular videos -->\r\n      <article class=\"gx-card\" data-video-id=\"LKxtFm4fVyo\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/LKxtFm4fVyo\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"xVSXouAoJkM\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/xVSXouAoJkM\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"rSCWX4yz37E\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/rSCWX4yz37E\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"bQcuLP4OKoY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/bQcuLP4OKoY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"gtHvI26Nhvs\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/gtHvI26Nhvs\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"_yZ2NvTN3kU\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/_yZ2NvTN3kU\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"FBYIWkecUic\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/FBYIWkecUic\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"WNSEGVpsHUY\">\r\n        <div class=\"gx-badge\">HD<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/WNSEGVpsHUY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <!-- YouTube Shorts -->\r\n      <article class=\"gx-card\" data-video-id=\"hqb45IXLRyY\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/hqb45IXLRyY\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"gx-card\" data-video-id=\"A5kKI69w5YA\">\r\n        <div class=\"gx-badge gray\">Short<\/div>\r\n        <div class=\"gx-thumb\" style=\"background-image:url('https:\/\/i.ytimg.com\/vi\/A5kKI69w5YA\/hqdefault.jpg');\"><\/div>\r\n        <div class=\"gx-play\"><div class=\"btn\"><span class=\"triangle\"><\/span>\u64ad\u653e\u77ed\u89c6\u9891<\/div><\/div>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Modal (scoped + unique IDs) -->\r\n  <div class=\"gx-modal\" id=\"gxModalAdult\" aria-hidden=\"true\" role=\"dialog\" aria-label=\"Video player\">\r\n    <button class=\"gx-close\" id=\"gxCloseAdult\" aria-label=\"Close\">\u2715<\/button>\r\n    <div class=\"gx-frame\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('gxAdultGrid');\r\n      const modal = document.getElementById('gxModalAdult');\r\n      const frame = modal.querySelector('.gx-frame');\r\n      const closeBtn = document.getElementById('gxCloseAdult');\r\n\r\n      function openVideo(id){\r\n        modal.classList.add('open');\r\n        modal.setAttribute('aria-hidden','false');\r\n        frame.innerHTML =\r\n          '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&rel=0\" '+\r\n          'title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>';\r\n        document.body.style.overflow='hidden';\r\n      }\r\n      function closeVideo(){\r\n        modal.classList.remove('open');\r\n        modal.setAttribute('aria-hidden','true');\r\n        frame.innerHTML = '';\r\n        document.body.style.overflow='';\r\n      }\r\n\r\n      grid.addEventListener('click', e=>{\r\n        const card = e.target.closest('.gx-card');\r\n        if(!card) return;\r\n        openVideo(card.getAttribute('data-video-id'));\r\n      });\r\n      closeBtn.addEventListener('click', closeVideo);\r\n      modal.addEventListener('click', e=>{ if(e.target===modal) closeVideo(); });\r\n      document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeVideo(); });\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n<!-- ===== \/Adult Classes Video Gallery (scoped) ===== -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-005ce41 e-flex e-con-boxed e-con e-parent\" data-id=\"005ce41\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-351db3c elementor-widget elementor-widget-edublink-footer-copyright\" data-id=\"351db3c\" data-element_type=\"widget\" data-widget_type=\"edublink-footer-copyright.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"edublink-copyright-wrapper\"><span>\u7248\u6743 2026 [Guru English School] \u4fdd\u7559\u6240\u6709\u6743\u5229  \n<\/span><\/div>\t\t\t\t<\/div>\n\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>\u5e7c\u513f\u56ed \u5c0f\u5b66\u90e8 \u5c0f\u5b66\u9ad8\u5e74\u7ea7 \u521d\u4e2d \u9ad8\u4e2d \u5927\u5b66 \u6210\u4eba\u8bfe\u7a0b \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192 \u5e7c\u513f\u56ed\u8bfe\u5802\u89c6\u9891 \u8d70\u8fdb\u6211\u4eec\u7684\u5e7c\u513f\u56ed&#8230;<\/p>\n","protected":false},"author":1805,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-21883","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u8bfe\u7a0b\u89c6\u9891 - Guru english school<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u8bfe\u7a0b\u89c6\u9891 - Guru english school\" \/>\n<meta property=\"og:description\" content=\"\u5e7c\u513f\u56ed \u5c0f\u5b66\u90e8 \u5c0f\u5b66\u9ad8\u5e74\u7ea7 \u521d\u4e2d \u9ad8\u4e2d \u5927\u5b66 \u6210\u4eba\u8bfe\u7a0b \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192 \u5e7c\u513f\u56ed\u8bfe\u5802\u89c6\u9891 \u8d70\u8fdb\u6211\u4eec\u7684\u5e7c\u513f\u56ed&#8230;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Guru english school\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-05T15:37:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/\",\"url\":\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/\",\"name\":\"\u8bfe\u7a0b\u89c6\u9891 - Guru english school\",\"isPartOf\":{\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#website\"},\"datePublished\":\"2025-08-25T11:20:27+00:00\",\"dateModified\":\"2025-09-05T15:37:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/\"]]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/guruenglishschool.com\/zh\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e04\u0e25\u0e32\u0e2a\u0e40\u0e23\u0e35\u0e22\u0e19\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#website\",\"url\":\"https:\/\/guruenglishschool.com\/zh\/\",\"name\":\"Guru english school\",\"description\":\"\u82f1\u8a9e\u5b78\u6821\",\"publisher\":{\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guruenglishschool.com\/zh\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#organization\",\"name\":\"Guru english school\",\"url\":\"https:\/\/guruenglishschool.com\/zh\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png\",\"contentUrl\":\"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png\",\"width\":200,\"height\":140,\"caption\":\"Guru english school\"},\"image\":{\"@id\":\"https:\/\/guruenglishschool.com\/zh\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u8bfe\u7a0b\u89c6\u9891 - Guru english school","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/","og_locale":"zh_CN","og_type":"article","og_title":"\u8bfe\u7a0b\u89c6\u9891 - Guru english school","og_description":"\u5e7c\u513f\u56ed \u5c0f\u5b66\u90e8 \u5c0f\u5b66\u9ad8\u5e74\u7ea7 \u521d\u4e2d \u9ad8\u4e2d \u5927\u5b66 \u6210\u4eba\u8bfe\u7a0b \u5de6\u53f3\u6ed1\u52a8\u67e5\u770b\u66f4\u591a \u2192 \u5e7c\u513f\u56ed\u8bfe\u5802\u89c6\u9891 \u8d70\u8fdb\u6211\u4eec\u7684\u5e7c\u513f\u56ed&#8230;","og_url":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/","og_site_name":"Guru english school","article_modified_time":"2025-09-05T15:37:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/","url":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/","name":"\u8bfe\u7a0b\u89c6\u9891 - Guru english school","isPartOf":{"@id":"https:\/\/guruenglishschool.com\/zh\/#website"},"datePublished":"2025-08-25T11:20:27+00:00","dateModified":"2025-09-05T15:37:16+00:00","breadcrumb":{"@id":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/guruenglishschool.com\/zh\/english-class-videos\/"]]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guruenglishschool.com\/zh\/english-class-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/guruenglishschool.com\/zh\/"},{"@type":"ListItem","position":2,"name":"\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e04\u0e25\u0e32\u0e2a\u0e40\u0e23\u0e35\u0e22\u0e19"}]},{"@type":"WebSite","@id":"https:\/\/guruenglishschool.com\/zh\/#website","url":"https:\/\/guruenglishschool.com\/zh\/","name":"Guru english school","description":"\u82f1\u8a9e\u5b78\u6821","publisher":{"@id":"https:\/\/guruenglishschool.com\/zh\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guruenglishschool.com\/zh\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/guruenglishschool.com\/zh\/#organization","name":"Guru english school","url":"https:\/\/guruenglishschool.com\/zh\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/guruenglishschool.com\/zh\/#\/schema\/logo\/image\/","url":"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png","contentUrl":"https:\/\/guruenglishschool.com\/wp-content\/uploads\/2017\/06\/cropped-Guru-Logo-1-2.png","width":200,"height":140,"caption":"Guru english school"},"image":{"@id":"https:\/\/guruenglishschool.com\/zh\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/pages\/21883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/users\/1805"}],"replies":[{"embeddable":true,"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/comments?post=21883"}],"version-history":[{"count":20,"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/pages\/21883\/revisions"}],"predecessor-version":[{"id":21954,"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/pages\/21883\/revisions\/21954"}],"wp:attachment":[{"href":"https:\/\/guruenglishschool.com\/zh\/wp-json\/wp\/v2\/media?parent=21883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}