@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap");html:has(.ep-login),html:has(.ep-login) body{height:100%;max-height:100%;overflow:hidden;overscroll-behavior:none}.ep-login{--ep-login-ink:#15233b;--ep-login-muted:#8b93a7;--ep-login-line:#e6e9f0;--ep-login-accent:#0f766e;--ep-login-surface:#ffffff;--ep-login-danger:#dc2626;--ep-login-radius-btn:999px;--ep-login-max:min(100%,22.5rem);--ep-login-gutter:clamp(1rem,4vw,1.75rem);--ep-login-pad-top:calc(max(2.75rem, env(safe-area-inset-top) + 2rem));--ep-login-pad-bottom:max(clamp(0.75rem,2vh,1.25rem),env(safe-area-inset-bottom));--ep-login-brand-gap:clamp(0.25rem,0.8vh,0.5rem);--ep-login-brand-mb:clamp(0.5rem,1.6vh,1rem);--ep-login-logo-w:min(88vw,22rem);--ep-login-logo-max-h:clamp(5.5rem,26svh,11rem);--ep-login-title-size:clamp(0.875rem,2.8vw,1rem);--ep-login-stack-gap:clamp(0.5rem,1.2vh,0.75rem);--ep-login-btn-h:clamp(2.75rem,6.5vh,3.25rem);--ep-login-btn-fs:clamp(0.8125rem,3.4vw,0.9375rem);--ep-login-field-h:clamp(2.625rem,6vh,3.125rem);--ep-login-agree-mt:clamp(0.5rem,1.4vh,1rem);--ep-login-main-justify:center;position:relative;isolation:isolate;width:100%;height:100svh;height:100dvh;max-height:100svh;max-height:100dvh;display:flex;flex-direction:column;background:var(--ep-login-surface);color:var(--ep-login-ink);font-family:var(--font-nunito),"Noto Sans TC",system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ep-login,.ep-login *,.ep-login :after,.ep-login :before{box-sizing:border-box}.ep-login__toolbar{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.875rem,env(safe-area-inset-right));z-index:3}.ep-login__locale{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .75rem;border:1px solid var(--ep-login-line);border-radius:999px;background:rgba(255,255,255,.92);color:var(--ep-login-ink);font-size:.8125rem;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease}.ep-login__locale:hover{border-color:#c9cfe0;transform:translateY(-1px)}.ep-login__locale svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:1.75}.ep-login__smile-rain{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.ep-login__main{position:relative;z-index:2;flex:1 1 auto;justify-content:var(--ep-login-main-justify);width:100%;max-width:var(--ep-login-max);margin:0 auto;padding:var(--ep-login-pad-top) var(--ep-login-gutter) var(--ep-login-pad-bottom);background:rgba(255,255,255,.2);border-radius:1.25rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);overflow:hidden}.ep-login__brand,.ep-login__main{min-height:0;display:flex;flex-direction:column;align-items:center}.ep-login__brand{flex:0 1 auto;gap:var(--ep-login-brand-gap);margin-bottom:var(--ep-login-brand-mb);width:min(var(--ep-login-logo-w),calc(100% - .01px));max-width:100%;text-align:center;animation:ep-login-rise .55s cubic-bezier(.22,1,.36,1) both}.ep-login__brand-mark{display:block;width:100%;height:auto;max-height:var(--ep-login-logo-max-h);object-fit:contain;object-position:center;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.ep-login__title{margin:0;flex:0 0 auto;font-size:var(--ep-login-title-size);font-weight:600;color:var(--ep-login-muted);letter-spacing:.01em;line-height:1.2}.ep-login__stack{width:100%;flex:0 0 auto;display:flex;flex-direction:column;gap:var(--ep-login-stack-gap);animation:ep-login-rise .55s cubic-bezier(.22,1,.36,1) .08s both}.ep-login__btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--ep-login-btn-h);height:var(--ep-login-btn-h);padding:0 3.25rem 0 1.25rem;border-radius:var(--ep-login-radius-btn);border:1.5px solid var(--ep-login-line);background:var(--ep-login-surface);color:var(--ep-login-muted);font:inherit;font-size:var(--ep-login-btn-fs);font-weight:700;letter-spacing:-.01em;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.ep-login__btn:hover:not(:disabled){transform:translateY(-1px);border-color:#cfd5e4;color:var(--ep-login-ink);box-shadow:0 8px 20px rgba(21,35,59,.06)}.ep-login__btn:active:not(:disabled){transform:translateY(0)}.ep-login__btn:disabled{opacity:.55;cursor:not-allowed}.ep-login__btn--primary{background:var(--ep-login-ink);border-color:var(--ep-login-ink);color:#fff;box-shadow:0 10px 24px rgba(21,35,59,.18)}.ep-login__btn--primary:hover:not(:disabled){background:#1f3354;border-color:#1f3354;color:#fff;box-shadow:0 12px 28px rgba(21,35,59,.22)}.ep-login__btn--active{border-color:var(--ep-login-accent);color:var(--ep-login-ink);box-shadow:0 0 0 3px rgba(15,118,110,.15)}.ep-login__btn-icon{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:.5rem}.ep-login__btn--primary .ep-login__btn-icon{background:#fff}.ep-login__btn-icon img,.ep-login__btn-icon svg{width:1.25rem;height:1.25rem;display:block}.ep-login__btn-icon .ep-login__spinner{width:1.25rem;height:1.25rem}.ep-login__spinner{display:block;border-radius:999px;border:2.5px solid rgba(21,35,59,.22);border-top:2.5px solid var(--ep-login-ink);animation:ep-login-spin .7s linear infinite}@keyframes ep-login-spin{to{transform:rotate(1turn)}}.ep-login__email{width:100%;display:grid;gap:var(--ep-login-stack-gap);margin-top:.125rem;animation:ep-login-rise .4s cubic-bezier(.22,1,.36,1) both}.ep-login__field{width:100%;min-height:var(--ep-login-field-h);height:var(--ep-login-field-h);padding:0 1.125rem;border:1.5px solid var(--ep-login-line);border-radius:1rem;background:#f7faf9;color:var(--ep-login-ink);font:inherit;font-size:var(--ep-login-btn-fs);font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ep-login__field::placeholder{color:#a0a8b8;font-weight:500}.ep-login__field:focus{border-color:var(--ep-login-accent);box-shadow:0 0 0 3px rgba(15,118,110,.16);background:#fff}.ep-login__password-wrap{position:relative}.ep-login__password-wrap .ep-login__field{padding-right:3rem}.ep-login__eye{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;display:grid;place-items:center;border:none;background:transparent;color:var(--ep-login-muted);cursor:pointer;border-radius:999px;touch-action:manipulation}.ep-login__eye:hover{color:var(--ep-login-ink);background:rgba(21,35,59,.04)}.ep-login__eye svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ep-login__error{margin:0;min-height:1.1em;font-size:.8125rem;font-weight:600;color:var(--ep-login-danger);text-align:center}.ep-login__teacher-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:.25rem auto 0;padding:.625rem 1.5rem;border-radius:var(--ep-login-radius-btn);border:1.5px solid var(--ep-login-line);background:var(--ep-login-surface);color:var(--ep-login-ink);font-size:.8125rem;font-weight:700;text-decoration:none;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.ep-login__teacher-btn:hover{transform:translateY(-1px);border-color:var(--ep-login-accent);color:var(--ep-login-accent);box-shadow:0 8px 20px rgba(21,35,59,.06)}.ep-login__submit{min-height:var(--ep-login-btn-h);height:var(--ep-login-btn-h);border:none;border-radius:var(--ep-login-radius-btn);background:var(--ep-login-accent);color:#fff;font:inherit;font-size:var(--ep-login-btn-fs);font-weight:800;cursor:pointer;touch-action:manipulation;box-shadow:0 10px 22px rgba(15,118,110,.28);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.ep-login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,118,110,.34)}.ep-login__submit:disabled{opacity:.6;cursor:not-allowed}.ep-login__agree{display:flex;align-items:flex-start;gap:.625rem;width:100%;flex:0 0 auto;margin-top:var(--ep-login-agree-mt);animation:ep-login-rise .55s cubic-bezier(.22,1,.36,1) .14s both}.ep-login__check{appearance:none;width:1.375rem;height:1.375rem;margin:.125rem 0 0;flex:0 0 auto;border-radius:.4375rem;border:2px solid #b7d8d4;background:#fff;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.ep-login__check:checked{background:var(--ep-login-accent);border-color:var(--ep-login-accent)}.ep-login__check:checked:after{content:"";width:.3125rem;height:.5625rem;margin-top:-.125rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ep-login__agree-text{margin:0;font-size:clamp(.75rem,3vw,.875rem);font-weight:500;line-height:1.4;color:#6b7288}.ep-login__agree-text label{cursor:pointer}.ep-login__agree-text button{padding:0;border:none;background:none;color:var(--ep-login-ink);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ep-login__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ep-login.is-shake{animation:ep-login-shake .42s ease}.ep-login[data-email-open=true]{--ep-login-logo-max-h:clamp(3.25rem,12svh,5.5rem);--ep-login-brand-mb:clamp(0.375rem,1vh,0.75rem);--ep-login-title-size:clamp(0.8125rem,2.6vw,0.9375rem);--ep-login-main-justify:center;--ep-login-pad-top:calc(max(2.5rem, env(safe-area-inset-top) + 1.75rem));--ep-login-btn-h:clamp(2.625rem,5.8vh,3rem);--ep-login-field-h:clamp(2.5rem,5.5vh,2.875rem);--ep-login-stack-gap:clamp(0.375rem,1vh,0.625rem);--ep-login-agree-mt:clamp(0.375rem,1vh,0.75rem)}@keyframes ep-login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ep-login-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.ep-login.is-shake,.ep-login__agree,.ep-login__brand,.ep-login__email,.ep-login__stack{animation:none!important}.ep-login__smile-rain{display:none}.ep-login__btn,.ep-login__locale,.ep-login__submit{transition:none!important}.ep-login__spinner{animation:none!important}}@media (max-height:740px){.ep-login{--ep-login-logo-max-h:clamp(4.5rem,22svh,8rem);--ep-login-brand-mb:0.5rem;--ep-login-pad-top:calc(max(2.5rem, env(safe-area-inset-top) + 1.5rem));--ep-login-btn-h:clamp(2.625rem,6vh,3rem)}.ep-login[data-email-open=true]{--ep-login-logo-max-h:clamp(2.75rem,10svh,4.25rem)}}@media (max-height:480px) and (orientation:landscape){.ep-login{--ep-login-max:min(100%,26rem);--ep-login-logo-w:min(34vw,11rem);--ep-login-logo-max-h:3rem;--ep-login-pad-top:max(2.25rem,env(safe-area-inset-top) + 0.75rem);--ep-login-pad-bottom:max(0.5rem,env(safe-area-inset-bottom));--ep-login-main-justify:center;--ep-login-brand-mb:0.375rem;--ep-login-btn-h:2.5rem;--ep-login-field-h:2.375rem;--ep-login-stack-gap:0.375rem}.ep-login[data-email-open=true]{--ep-login-logo-max-h:2.25rem}}@media (min-width:480px){.ep-login{--ep-login-max:min(100%,26rem);--ep-login-logo-w:min(78vw,26rem);--ep-login-logo-max-h:clamp(6.5rem,28svh,12rem)}}@media (min-width:768px){.ep-login{--ep-login-max:min(100%,30rem);--ep-login-gutter:2rem;--ep-login-logo-w:min(70vw,32rem);--ep-login-logo-max-h:clamp(8rem,30svh,14rem);--ep-login-title-size:1.0625rem;--ep-login-btn-h:clamp(3.25rem,5.5vh,3.75rem);--ep-login-field-h:clamp(3.125rem,5.2vh,3.5rem);--ep-login-btn-fs:1.0625rem;--ep-login-stack-gap:0.875rem;--ep-login-brand-gap:0.5rem;--ep-login-brand-mb:1.125rem;--ep-login-agree-mt:1rem;--ep-login-pad-top:calc(max(3rem, env(safe-area-inset-top) + 2rem))}.ep-login__btn-icon{right:1rem;width:2rem;height:2rem}.ep-login__btn-icon .ep-login__spinner,.ep-login__btn-icon img,.ep-login__btn-icon svg{width:1.375rem;height:1.375rem}.ep-login__check{width:1.5rem;height:1.5rem}.ep-login__agree-text{font-size:.9375rem}.ep-login[data-email-open=true]{--ep-login-logo-max-h:clamp(4.5rem,14svh,7rem)}}@media (min-width:960px){.ep-login{--ep-login-max:32rem;--ep-login-logo-w:min(56vw,34rem);--ep-login-logo-max-h:clamp(8.5rem,28svh,14rem);--ep-login-btn-h:clamp(3.375rem,5.2vh,3.875rem);--ep-login-field-h:clamp(3.25rem,5vh,3.625rem);--ep-login-btn-fs:1.125rem;--ep-login-stack-gap:1rem}}@media (min-width:1200px){.ep-login{--ep-login-max:34rem;--ep-login-logo-w:min(48vw,36rem);--ep-login-logo-max-h:clamp(9rem,26svh,15rem);--ep-login-btn-h:clamp(3.5rem,5vh,4rem);--ep-login-field-h:clamp(3.375rem,4.8vh,3.75rem);--ep-login-btn-fs:1.125rem;--ep-login-stack-gap:1rem;--ep-login-brand-mb:1.25rem;--ep-login-pad-top:2.5rem}.ep-login__btn{padding:0 4rem 0 1.5rem}.ep-login__btn-icon{right:1.125rem;width:2.25rem;height:2.25rem;border-radius:.625rem}.ep-login__btn-icon .ep-login__spinner,.ep-login__btn-icon img,.ep-login__btn-icon svg{width:1.5rem;height:1.5rem}.ep-login__agree-text{font-size:1rem}.ep-login[data-email-open=true]{--ep-login-logo-max-h:clamp(5rem,14svh,7.5rem)}}@media (min-width:1600px){.ep-login{--ep-login-max:36rem;--ep-login-logo-w:min(42vw,38rem);--ep-login-logo-max-h:clamp(10rem,24svh,16rem);--ep-login-btn-h:clamp(3.625rem,4.8vh,4.125rem);--ep-login-btn-fs:1.1875rem}}.edu-legal-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:.75rem;animation:eduLegalFadeIn .2s ease-out}.edu-legal-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px)}.edu-legal-modal__panel{position:relative;width:100%;max-width:42rem;height:min(88vh,820px);background:#ffffff;border-radius:1.5rem;box-shadow:0 25px 50px rgba(15,23,42,.25);display:flex;flex-direction:column;overflow:hidden;animation:eduLegalPanelIn .28s cubic-bezier(.2,.8,.2,1) both}.edu-legal-modal__header{position:relative;padding:1.25rem 1.5rem;color:#ffffff}.edu-legal-modal__header--terms{background:linear-gradient(90deg,#3b82f6,#6366f1)}.edu-legal-modal__header--privacy{background:linear-gradient(90deg,#10b981,#14b8a6)}.edu-legal-modal__header-row{display:flex;align-items:center;gap:.75rem}.edu-legal-modal__icon{width:2.75rem;height:2.75rem;border-radius:1rem;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.edu-legal-modal__title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.edu-legal-modal__subtitle{margin:.15rem 0 0;font-size:.75rem;color:rgba(255,255,255,.8)}.edu-legal-modal__close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border:0;border-radius:999px;background:rgba(255,255,255,.15);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.edu-legal-modal__body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.edu-legal-modal__updated{margin:0 0 1rem;font-size:.75rem;color:#94a3b8}.edu-legal-modal__section+.edu-legal-modal__section{margin-top:1.25rem}.edu-legal-modal__section h3{margin:0 0 .35rem;font-size:.9375rem;font-weight:700;color:#1e293b}.edu-legal-modal__section p{margin:0;font-size:.84375rem;line-height:1.65;color:#475569}.edu-legal-modal__note{margin-top:1.5rem;padding:1rem;border-radius:1rem;background:#f8fafc;border:1px solid #f1f5f9;font-size:.75rem;line-height:1.55;color:#64748b}.edu-legal-modal__footer{border-top:1px solid #f1f5f9;padding:1rem 1.5rem;background:#ffffff}.edu-legal-modal__confirm{width:100%;height:2.75rem;border:0;border-radius:999px;color:#ffffff;font-weight:700;font-size:.9375rem;cursor:pointer}.edu-legal-modal__confirm--terms{background:linear-gradient(90deg,#3b82f6,#6366f1)}.edu-legal-modal__confirm--privacy{background:linear-gradient(90deg,#10b981,#14b8a6)}@keyframes eduLegalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eduLegalPanelIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:640px){.edu-legal-modal{padding:1.5rem}}