html,body{margin:0;padding:0;background:transparent}
.education-banner{position:relative;width:100%;max-width:100%;aspect-ratio:778 / 114;margin:0;overflow:hidden;container-type:inline-size;background:#77aec8}
.education-banner__background{display:block;width:100%;height:100%;object-fit:fill}
.education-banner__line{position:absolute;display:flex;align-items:center;white-space:nowrap;color:#fffde9;font-family:"SimHei","Heiti SC","Microsoft YaHei",sans-serif;font-size:2.7cqw;font-weight:700;line-height:1;text-shadow:1px 1px 0 #222;gap:.58cqw}
.education-banner__line--first{left:31.4%;top:29.5%}
.education-banner__line--second{left:50.4%;top:56%}
.education-banner__line span:not(.education-banner__space){display:block;transform-origin:center;animation:education-glyph 8.416667s linear infinite both}
.education-banner__space{width:1.15cqw;display:block}
.education-banner__pause{position:absolute;right:4px;bottom:4px;border:0;border-radius:2px;background:rgba(255,255,255,.9);color:#224932;font:12px Arial,sans-serif;width:24px;height:22px;padding:0;opacity:0;cursor:pointer}
.education-banner:hover .education-banner__pause,.education-banner:focus-within .education-banner__pause{opacity:1}
.education-banner__pause:focus-visible{outline:2px solid #154caf;outline-offset:-2px}
.is-paused .education-banner__line span{animation-play-state:paused}
@keyframes education-glyph{0%{opacity:0;transform:scale(3.4)}3%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}78%,100%{opacity:0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.education-banner__line span:not(.education-banner__space){animation:none;opacity:1;transform:none}.education-banner__pause{display:none}}

/* All characters share one 101-frame cycle; entry progresses across the two lines. */
@keyframes education-glyph-0{0%,0%{opacity:0;transform:scale(3.4)}3%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-1{0%,3%{opacity:0;transform:scale(3.4)}6%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-2{0%,6%{opacity:0;transform:scale(3.4)}9%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-3{0%,9%{opacity:0;transform:scale(3.4)}12%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-4{0%,12%{opacity:0;transform:scale(3.4)}15%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-5{0%,15%{opacity:0;transform:scale(3.4)}18%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-6{0%,18%{opacity:0;transform:scale(3.4)}21%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-7{0%,21%{opacity:0;transform:scale(3.4)}24%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-8{0%,24%{opacity:0;transform:scale(3.4)}27%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-9{0%,27%{opacity:0;transform:scale(3.4)}30%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-10{0%,30%{opacity:0;transform:scale(3.4)}33%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-11{0%,33%{opacity:0;transform:scale(3.4)}36%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-12{0%,36%{opacity:0;transform:scale(3.4)}39%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-13{0%,39%{opacity:0;transform:scale(3.4)}42%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-14{0%,42%{opacity:0;transform:scale(3.4)}45%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
@keyframes education-glyph-15{0%,45%{opacity:0;transform:scale(3.4)}48%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}