.ds-login{--school-primary: #0d4f4f;--font-display: "Noto Serif TC", "Source Serif 4", serif;--font-body: "Noto Sans TC", "Segoe UI", sans-serif;font-family:var(--font-body);color:#0f172a}.ds-login .spin{animation:ds-login-spin 1s linear infinite}@keyframes ds-login-spin{to{transform:rotate(360deg)}}@keyframes ds-login-orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12%,-8%) scale(1.06)}66%{transform:translate(-8%,10%) scale(.94)}}.ds-login__shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,42vw);background:#fff;color:#0f172a;font-family:var(--font-body)}.ds-login__news{position:relative;display:flex;align-items:stretch;min-height:100dvh;overflow:hidden}.ds-login__news-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d4f4fd1,#0b1f2ab8),url(/demoschool/images/campus-library.png) center/cover}.ds-login__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.4;animation:ds-login-orb-float 14s ease-in-out infinite;pointer-events:none}.ds-login__orb--1{width:42%;height:42%;top:-8%;left:-6%;background:#ffffff59}.ds-login__orb--2{width:36%;height:36%;bottom:8%;right:-4%;background:#3d7ea659;animation-delay:-4s}.ds-login__news-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:2.5rem;color:#fff;max-width:36rem}.ds-login__news-content h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.25}.ds-login__news-content p{margin:0;opacity:.92;font-size:1rem;line-height:1.55}.ds-login__announcements{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;font-size:.9rem}.ds-login__announcements li{padding:.65rem .8rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.ds-login__panel{display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:#fff;min-height:100dvh}.ds-login__center{width:min(100%,380px)}.ds-login__lang{display:flex;justify-content:flex-end;gap:.35rem;margin-bottom:.85rem}.ds-login__lang button{border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit}.ds-login__lang button.is-active{border-color:color-mix(in srgb,var(--school-primary) 35%,#e2e8f0);color:var(--school-primary);background:color-mix(in srgb,var(--school-primary) 8%,#fff)}.ds-login__brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.ds-login__brand-row img{width:3rem;height:3rem;object-fit:contain;border-radius:50%;background:#f3f7f6;flex-shrink:0}.ds-login__brand-row h1{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--school-primary);line-height:1.3}.ds-login__brand-row p{margin:.15rem 0 0;font-size:.85rem;color:#64748b}.ds-login__form{display:grid;gap:.85rem}.ds-login__field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.35rem;color:#334155}.ds-login__input-wrap{position:relative;display:flex;align-items:center}.ds-login__input-wrap input{box-sizing:border-box;width:100%;border:1px solid #cbd5e1;padding:.7rem 2.5rem .7rem .8rem;border-radius:.35rem;outline:none;font-family:inherit;font-size:1rem;color:#0f172a;background:#fff}.ds-login__input-wrap input:focus{border-color:var(--school-primary);box-shadow:0 0 0 3px #0d4f4f1f}.ds-login__eye{position:absolute;right:.45rem;border:0;background:transparent;color:#64748b;cursor:pointer;display:grid;place-items:center;padding:.35rem}.ds-login__terms{display:flex;gap:.5rem;align-items:flex-start;font-size:.82rem;color:#475569}.ds-login__terms input{margin-top:.15rem;accent-color:var(--school-primary);flex-shrink:0}.ds-login__submit{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;border:0;border-radius:.35rem;padding:.75rem 1rem;background:var(--school-primary);color:#fff;font-weight:700;font-family:inherit;font-size:1rem;cursor:pointer}.ds-login__submit:disabled{opacity:.7;cursor:wait}.ds-login__error{margin:0;color:#b91c1c;font-size:.85rem}.ds-login__back{display:inline-block;margin-top:1rem;font-size:.88rem;color:var(--school-primary);text-decoration:none}.ds-login__back:hover{text-decoration:underline}.ds-login__school-badge{--school-badge-color: #0d4f4f;margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;text-align:center;background:#f8fafc}.ds-login__school-badge--connected{border-color:color-mix(in srgb,var(--school-badge-color) 40%,#e2e8f0);background:color-mix(in srgb,var(--school-badge-color) 6%,#fff)}.ds-login__school-badge-icon{display:inline-grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;border:2px solid var(--school-badge-color);margin-bottom:.5rem;overflow:hidden}.ds-login__school-badge-logo{width:100%;height:100%;object-fit:contain}.ds-login__school-badge-initial{font-weight:700;color:var(--school-badge-color);font-size:1.25rem}.ds-login__school-badge-title{margin:0;font-weight:700;color:#0f172a}.ds-login__school-badge-status{margin:.35rem 0 .65rem;display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem}.ds-login__school-badge-status--ok{color:#15803d}.ds-login__school-badge-status--warn{color:#b45309}.ds-login__school-badge-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0;text-align:left;font-size:.75rem}.ds-login__school-badge-meta dt{margin:0;color:#94a3b8}.ds-login__school-badge-meta dd{margin:.1rem 0 0;font-family:ui-monospace,monospace}@media(max-width:900px){.ds-login__shell{grid-template-columns:1fr}.ds-login__news{min-height:220px}.ds-login__panel{min-height:auto}.ds-login__news-content{padding:1.5rem}}.edu-branded-login{--school-primary: #1b72e9;--school-accent: #1b72e9;--school-bg: linear-gradient(135deg, #dbeafe 0%, #f8fafc 55%, #ffffff 100%);--school-card-bg: #ffffff;--school-card-border: #e2e8f0;width:100%;display:flex;justify-content:center}.edu-branded-login__frame{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f;background:var(--school-bg);min-height:420px}.edu-branded-login--phone .edu-branded-login__frame{min-height:680px;border-radius:28px;border:8px solid #0f172a}.edu-branded-login__split{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.edu-branded-login__brand-panel{padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem;background:color-mix(in srgb,var(--school-primary) 12%,white);border-right:1px solid color-mix(in srgb,var(--school-primary) 18%,white)}.edu-branded-login__logo{width:88px;height:88px;object-fit:contain}.edu-branded-login__logo--sm{width:42px;height:42px}.edu-branded-login__brand-panel h1,.edu-branded-login__card-header h1{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a;line-height:1.25}.edu-branded-login__hero{margin:0;font-size:.9rem;color:#475569;line-height:1.55;max-width:28ch}.edu-branded-login__school-tag{margin:.5rem 0 0;font-size:.75rem;color:var(--school-primary);font-weight:600}.edu-branded-login__card{padding:1.75rem;background:var(--school-card-bg);border:1px solid var(--school-card-border);border-radius:18px;margin:1.5rem}.edu-branded-login__card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.edu-branded-login__card-header p{margin:.15rem 0 0;font-size:.75rem;color:#64748b}.edu-branded-login__form-panel{padding:2rem 1.75rem;background:var(--school-card-bg);display:flex;flex-direction:column;gap:.85rem}.edu-branded-login__form-panel h2{margin:0;font-size:1.15rem;color:#0f172a}.edu-branded-login__form-lead{margin:-.35rem 0 .35rem;font-size:.82rem;color:#64748b}.edu-branded-login__field label{display:block;font-size:.75rem;font-weight:600;color:#334155;margin-bottom:.35rem}.edu-branded-login__input{height:42px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;padding:0 .85rem;font-size:.85rem;color:#64748b}.edu-branded-login__submit{margin-top:.35rem;height:44px;border:none;border-radius:10px;background:var(--school-primary);color:#fff;font-weight:600;font-size:.95rem;cursor:default}.edu-branded-login__announcements{border-radius:10px;border:1px solid #dbeafe;background:#f8fbff;padding:.75rem .85rem}.edu-branded-login__announcements-title{font-size:.72rem;font-weight:700;color:#1d4ed8;margin-bottom:.45rem}.edu-branded-login__announcement-item{display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:#334155}.edu-branded-login__announcement-badge{font-size:.62rem;font-weight:700;color:#b91c1c;background:#fee2e2;border-radius:999px;padding:.1rem .45rem}.edu-branded-login--phone .edu-branded-login__split{grid-template-columns:1fr}.edu-branded-login--phone .edu-branded-login__brand-panel{display:none}.edu-branded-login--phone .edu-branded-login__card{margin:0;border:none;border-radius:0;min-height:100%}.edu-branded-login--tablet .edu-branded-login__split{grid-template-columns:.95fr 1.05fr}@keyframes eduLoginGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes eduLoginOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12%,-8%) scale(1.06)}66%{transform:translate(-8%,10%) scale(.94)}}@keyframes eduLoginWaveDrift{0%{transform:translate(-6%) rotate(-2deg)}50%{transform:translate(6%) rotate(2deg)}to{transform:translate(-6%) rotate(-2deg)}}.edu-app-login{--school-primary: #1b72e9;--school-accent: #1b72e9;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,44vw);background:#fff;color:#0f172a;font-family:Inter,Noto Sans TC,Helvetica Neue,Helvetica,Arial,sans-serif}.edu-app-login__news{position:relative;display:flex;align-items:stretch;min-height:100dvh;overflow:hidden;color:#fff}.edu-app-login__news-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,color-mix(in srgb,var(--school-primary) 88%,#0ea5e9),color-mix(in srgb,var(--school-primary) 72%,#6366f1),#38bdf8,color-mix(in srgb,var(--school-primary) 65%,#8b5cf6),color-mix(in srgb,var(--school-primary) 80%,#06b6d4));background-size:400% 400%;animation:eduLoginGradientShift 18s ease infinite}.edu-app-login__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;animation:eduLoginOrbFloat 14s ease-in-out infinite}.edu-app-login__orb--1{width:42%;height:42%;top:-8%;left:-6%;background:#ffffff59}.edu-app-login__orb--2{width:36%;height:36%;bottom:8%;right:-4%;background:#ffffff38;animation-delay:-4s}.edu-app-login__orb--3{width:28%;height:28%;top:38%;left:42%;background:color-mix(in srgb,var(--school-primary) 40%,white);animation-delay:-8s}.edu-app-login__wave{position:absolute;left:-10%;width:120%;height:34%;border-radius:45%;background:#ffffff14;animation:eduLoginWaveDrift 12s ease-in-out infinite}.edu-app-login__wave--1{bottom:12%}.edu-app-login__wave--2{bottom:22%;opacity:.55;animation-delay:-5s}.edu-app-login__news-content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100%;width:100%;padding:3rem clamp(2rem,4vw,3.5rem)}.edu-app-login__news-brand{display:flex;flex-direction:column;gap:.85rem}.edu-app-login__news-center{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0 1.5rem;min-height:0}.edu-app-login__news-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(15,23,42,.18))}.edu-app-login__news-lead{margin:0;max-width:36ch;font-size:1.0625rem;line-height:1.55;opacity:.92}.edu-app-login__news-feed{width:min(100%,480px);padding:1.35rem 1.4rem 1.2rem;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a24;border:1px solid rgba(255,255,255,.65)}.edu-app-login__news-feed-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.1rem;padding-bottom:.95rem;border-bottom:2px solid color-mix(in srgb,var(--school-primary) 18%,#e2e8f0)}.edu-app-login__news-feed-heading{flex:1;min-width:0}.edu-app-login__news-feed-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:12px;background:color-mix(in srgb,var(--school-primary) 14%,white);color:var(--school-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--school-primary) 8%,transparent)}.edu-app-login__news-feed-title{margin:0;line-height:1.2}.edu-app-login__news-feed-title-zh{display:inline-block;font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:var(--school-primary);padding:.15rem .55rem;border-radius:8px;background:color-mix(in srgb,var(--school-primary) 12%,white);box-shadow:inset 0 -2px color-mix(in srgb,var(--school-primary) 35%,transparent)}.edu-app-login__news-feed-subtitle{margin:.4rem 0 0;font-size:.875rem;font-weight:600;color:color-mix(in srgb,var(--school-primary) 62%,#64748b);line-height:1.4}.edu-app-login__news-feed-list{display:grid;gap:.85rem}.edu-app-login__news-feed-list .youth-card{margin:0;padding:1.05rem 1.1rem!important;border-radius:14px;border:1px solid color-mix(in srgb,var(--school-primary) 14%,#e2e8f0);background:#f8fbff;box-shadow:none}.edu-app-login__news-feed-list h3{color:var(--school-primary)!important;font-size:1.0625rem!important;line-height:1.35!important}.edu-app-login__news-feed-list p{color:color-mix(in srgb,var(--school-primary) 45%,#334155)!important;font-size:.9375rem!important;line-height:1.5!important}.edu-app-login__news-feed-list .text-slate-900{color:var(--school-primary)!important}.edu-app-login__news-feed-list .text-slate-600{color:color-mix(in srgb,var(--school-primary) 40%,#475569)!important;font-size:.9375rem!important}.edu-app-login__news-feed-list .text-slate-400,.edu-app-login__news-feed-list .text-slate-500{color:color-mix(in srgb,var(--school-primary) 40%,#64748b)!important;font-size:.8125rem!important}.edu-app-login__news-feed-list .text-\[12px\]{font-size:.9375rem!important}.edu-app-login__news-feed-list .text-\[11px\]{font-size:.8125rem!important}.edu-app-login__news-feed-list .text-\[14px\]{font-size:1.0625rem!important}.edu-app-login__news-feed-list .text-\[10px\]{font-size:.75rem!important}.edu-app-login__news-feed-list .text-indigo-600,.edu-app-login__news-feed-list .bg-indigo-50{color:var(--school-primary)!important;background:color-mix(in srgb,var(--school-primary) 10%,white)!important}.edu-app-login__news-feed-dots{display:flex;justify-content:center;gap:.4rem;margin:1rem 0 0;padding:0}.edu-app-login__news-feed-dots span{width:.5rem;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--school-primary) 22%,#cbd5e1);transition:transform .2s ease,background-color .2s ease}.edu-app-login__news-feed-dots span.is-active{background:var(--school-primary);transform:scale(1.15)}.edu-app-login__news-placeholder{width:min(100%,480px);padding:1.25rem 1.35rem;border-radius:18px;background:#ffffffeb;border:1px solid rgba(255,255,255,.65);box-shadow:0 18px 40px #0f172a1f}.edu-app-login__news-placeholder p{margin:0;font-size:1.0625rem;line-height:1.55;color:var(--school-primary);font-weight:600;text-align:center}.edu-app-login__news-placeholder-en{margin:.4rem 0 0!important;font-size:.9375rem!important;font-weight:500!important;color:color-mix(in srgb,var(--school-primary) 70%,#64748b)!important}.edu-app-login__panel{position:relative;display:grid;grid-template-rows:1fr auto;min-height:100dvh;padding:1.5rem 2.75rem 1.65rem;border-left:1px solid #f1f5f9;background:#fff}.edu-app-login__center{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:2rem 0 1rem}.edu-app-login__toolbar{position:absolute;top:.5rem;right:0;z-index:10;display:flex;align-items:center;gap:.55rem}.edu-login-locale{display:inline-flex;align-items:center;padding:.2rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0f172a0f}.edu-login-locale__btn{min-width:2.15rem;height:1.9rem;padding:0 .55rem;border:0;border-radius:999px;background:transparent;color:#64748b;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.02em;cursor:pointer}.edu-login-locale__btn.is-active{background:color-mix(in srgb,var(--school-primary, #1b72e9) 12%,white);color:var(--school-primary, #1b72e9)}.edu-login-locale--on-hero{border-color:#ffffff59;background:#ffffff29;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edu-login-locale--on-hero .edu-login-locale__btn{color:#ffffffc7}.edu-login-locale--on-hero .edu-login-locale__btn.is-active{background:#ffffffeb;color:var(--school-primary, #1b72e9)}.edu-app-login__notify-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:var(--school-primary);cursor:pointer;box-shadow:0 2px 8px #0f172a0f;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.edu-app-login__notify-bell:hover{background:#f8fbff;border-color:color-mix(in srgb,var(--school-primary) 25%,#e2e8f0)}.edu-app-login__notify-bell.is-active{background:color-mix(in srgb,var(--school-primary) 10%,white);border-color:color-mix(in srgb,var(--school-primary) 35%,#e2e8f0);box-shadow:0 0 0 3px color-mix(in srgb,var(--school-primary) 14%,transparent)}.edu-app-login__notify-dot{position:absolute;top:.55rem;right:.6rem;width:.5rem;height:.5rem;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #fff}.edu-app-login__card{width:min(100%,420px)}.edu-app-login__school-name{margin:0 0 .55rem;text-align:center;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.25;font-weight:800;letter-spacing:-.02em;color:var(--school-primary)}.edu-app-login__card-heading{margin:0;text-align:center;font-size:1.85rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#111827}.edu-app-login__card-heading+.edu-app-login__form{margin-top:1.75rem}.edu-app-login__form{display:grid;gap:1.15rem}.edu-app-login__form label{display:grid;gap:.45rem;color:#111827;font-size:.9375rem;font-weight:600}.edu-app-login__field-label{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.45rem}.edu-app-login__field-label-en{font-size:.8125rem;font-weight:600;color:#94a3b8}.edu-app-login__input-wrap{position:relative;display:block}.edu-app-login__input-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.edu-app-login__input-wrap--password input{padding-right:2.75rem}.edu-app-login__password-toggle{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;transition:color .15s ease,background-color .15s ease}.edu-app-login__password-toggle:hover{color:var(--school-primary);background:color-mix(in srgb,var(--school-primary) 8%,white)}.edu-app-login__form input{width:100%;height:3.15rem;border:1px solid #e2e8f0;border-radius:12px;padding:0 .95rem 0 2.65rem;color:#0f172a;font-size:1.0625rem;font-family:inherit;background:#f8fafc;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.edu-app-login__form input:focus{outline:none;border-color:var(--school-primary);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--school-primary) 18%,transparent)}.edu-app-login__form input.is-error{border-color:#f87171;box-shadow:0 0 0 3px #f871711f}.edu-app-login__field-error{margin:0;color:#dc2626;font-size:.8125rem;font-weight:500}.edu-app-login__form-error{margin:0;border-radius:10px;padding:.65rem .75rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-size:.875rem;line-height:1.4}.edu-app-login__form .edu-app-login__terms{display:flex;align-items:center;gap:.55rem;margin-top:.15rem;color:#64748b;font-size:.875rem;font-weight:400;line-height:1.5}.edu-app-login__form .edu-app-login__terms input[type=checkbox]{width:1.1rem;height:1.1rem;min-width:1.1rem;margin:0;padding:0;flex-shrink:0;accent-color:var(--school-primary);cursor:pointer}.edu-app-login__terms button{border:0;padding:0;background:transparent;color:var(--school-primary);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.edu-app-login__submit{min-height:3.15rem;margin-top:.25rem;border:none;border-radius:12px;background:var(--school-primary);color:#fff;font-size:1.0625rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:filter .15s ease,opacity .15s ease}.edu-app-login__submit:hover:not(:disabled){filter:brightness(1.05)}.edu-app-login__submit:disabled{opacity:.75;cursor:wait}@keyframes eduAppLoginDot{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-7px);opacity:1}}.edu-app-login__loading-dots{min-height:1rem;display:inline-flex;align-items:center;gap:.4rem}.edu-app-login__loading-dots i{width:.52rem;height:.52rem;border-radius:50%;background:currentColor;animation:eduAppLoginDot 1s ease-in-out infinite}.edu-app-login__loading-dots i:nth-child(2){animation-delay:.14s}.edu-app-login__loading-dots i:nth-child(3){animation-delay:.28s}@media(prefers-reduced-motion:reduce){.edu-app-login__loading-dots i{animation:none}}.edu-app-login__help{margin:1.35rem 0 0;text-align:center;color:#94a3b8;font-size:.875rem;line-height:1.5}.edu-app-login__disclaimer{margin:0 auto;max-width:420px;text-align:center;color:#94a3b8;font-size:.8125rem;line-height:1.55}@media(max-width:960px){.edu-app-login{grid-template-columns:1fr}.edu-app-login__news{display:none}.edu-app-login__panel{border-left:0}}@keyframes eduMobileMascotFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes eduMobileLoginDot{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-7px);opacity:1}}.edu-mobile-login{--mobile-login-ink: #12304a;min-height:100dvh;width:100%;display:flex;justify-content:center;overflow-x:hidden;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.5),transparent 28%),color-mix(in srgb,var(--school-primary) 18%,#dff7f4);color:var(--mobile-login-ink);font-family:Inter,Noto Sans TC,Helvetica Neue,Helvetica,Arial,sans-serif}.edu-mobile-login__screen{position:relative;width:100%;max-width:none;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;container-name:mobile-login;background:color-mix(in srgb,var(--school-primary) 88%,#0f8f91)}.edu-mobile-login__hero{position:relative;flex:0 0 auto;min-height:clamp(12.5rem,42cqi,17rem);padding:max(.85rem,env(safe-area-inset-top)) max(1.1rem,env(safe-area-inset-right)) clamp(1.25rem,6cqi,2.25rem) max(1.1rem,env(safe-area-inset-left));overflow:hidden;color:#fff;background:radial-gradient(circle at 4% 8%,rgba(255,255,255,.2) 0 3.8rem,transparent 3.9rem),radial-gradient(circle at 94% 38%,rgba(255,255,255,.13) 0 5.5rem,transparent 5.6rem),linear-gradient(145deg,color-mix(in srgb,var(--school-primary) 94%,#075985),var(--school-primary))}.edu-mobile-login__brand-row{position:relative;z-index:3;display:flex;align-items:center}.edu-mobile-login__brand{display:flex;align-items:center;gap:.55rem;min-width:0;max-width:100%;font-size:clamp(.75rem,3.4cqi,.875rem);font-weight:700}.edu-mobile-login__logo{width:clamp(1.85rem,8cqi,2.25rem);height:clamp(1.85rem,8cqi,2.25rem);padding:.25rem;object-fit:contain;border-radius:.75rem;background:#ffffffeb}.edu-mobile-login__welcome{position:relative;z-index:2;width:min(58%,14rem);margin-top:clamp(1rem,7cqi,2rem)}.edu-mobile-login__eyebrow{margin:0 0 .25rem;font-size:clamp(.6875rem,3cqi,.75rem);font-weight:600;opacity:.88}.edu-mobile-login__welcome h1{margin:0;font-size:clamp(1.85rem,11cqi,2.75rem);line-height:1;font-weight:800;letter-spacing:-.055em}.edu-mobile-login__welcome>p:last-child{margin:.5rem 0 0;font-size:clamp(.8125rem,3.6cqi,.9375rem);line-height:1.45;font-weight:500;opacity:.92}.edu-mobile-login__mascot{position:absolute;right:clamp(.15rem,2cqi,1rem);bottom:clamp(-.15rem,1cqi,.35rem);z-index:2;width:clamp(7.5rem,34cqi,10.5rem);height:auto;pointer-events:none;transform-origin:right bottom;animation:eduMobileMascotFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 .85rem 1.1rem rgba(15,23,42,.22))}.edu-mobile-login__mascot-img{display:block;width:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.edu-mobile-login__sheet{position:relative;z-index:3;flex:1;width:100%;margin-top:-1.35rem;padding:clamp(1.35rem,5cqi,1.85rem) max(1.15rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.15rem,env(safe-area-inset-left));border-radius:2rem 2rem 0 0;background:#f8fbfc;box-shadow:0 -.75rem 2rem #0f172a14}.edu-mobile-login__form,.edu-mobile-login__sheet-top,.edu-mobile-login__news-panel,.edu-mobile-login__legal{width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.edu-mobile-login__sheet-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.edu-mobile-login__sheet-actions{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.edu-mobile-login__heading{margin:0;min-width:0}.edu-mobile-login__notify-bell{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border:1px solid #dbe5ea;border-radius:999px;background:#fff;color:var(--school-primary);box-shadow:0 2px 8px #0f172a0f}.edu-mobile-login__notify-bell.is-active{background:color-mix(in srgb,var(--school-primary) 10%,white);border-color:color-mix(in srgb,var(--school-primary) 35%,#e2e8f0);box-shadow:0 0 0 3px color-mix(in srgb,var(--school-primary) 14%,transparent)}.edu-mobile-login__notify-dot{position:absolute;top:.5rem;right:.55rem;width:.48rem;height:.48rem;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px #fff}.edu-mobile-login__news-panel{margin:0 0 1rem;padding:.85rem .9rem .75rem;border:1px solid #dbe5ea;border-radius:1rem;background:#f8fafc;animation:eduLoginNotifyIn .2s ease-out}.edu-mobile-login__news-close{margin-top:.65rem;width:100%;min-height:2.25rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--school-primary) 10%,white);color:var(--school-primary);font:inherit;font-size:.8125rem;font-weight:700}@keyframes eduLoginNotifyIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.edu-mobile-login__heading p{margin:0;font-size:1.65rem;line-height:1.2;font-weight:800;letter-spacing:-.03em;color:var(--mobile-login-ink)}.edu-mobile-login__form{display:grid;gap:1rem}.edu-mobile-login__field{display:grid;gap:.42rem}.edu-mobile-login__field label{font-size:.875rem;font-weight:700;color:#334155}.edu-mobile-login__input-wrap{position:relative}.edu-mobile-login__input-wrap>svg{position:absolute;z-index:1;top:50%;left:1rem;color:#94a3b8;transform:translateY(-50%);pointer-events:none}.edu-mobile-login__input{width:100%;min-height:3.35rem;padding:0 1rem 0 3rem;border:1px solid #dce6eb;border-radius:999px;outline:none;background:#fff;color:#0f172a;font:inherit;font-size:1rem;box-shadow:0 .3rem 1rem #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease}.edu-mobile-login__input::placeholder{color:#a8b4c1}.edu-mobile-login__input:focus{border-color:var(--school-primary);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--school-primary) 16%,transparent)}.edu-mobile-login__input--error{border-color:#ef4444}.edu-mobile-login__input--password{padding-right:3.25rem}.edu-mobile-login__password-toggle{position:absolute;top:50%;right:.55rem;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:#7b8b9c;transform:translateY(-50%)}.edu-mobile-login__error{margin:0 0 0 .75rem;font-size:.75rem;font-weight:600;color:#dc2626}.edu-mobile-login__form-meta{min-height:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.edu-mobile-login__form-meta p{margin:0;flex:1;font-size:.75rem;line-height:1.45;font-weight:600;color:#dc2626}.edu-mobile-login__form-meta button,.edu-mobile-login__legal button{border:0;padding:0;background:transparent;color:var(--school-primary);font:inherit;font-weight:700}.edu-mobile-login__form-meta button{flex-shrink:0;font-size:.8125rem}.edu-mobile-login__submit{width:100%;min-height:3.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:999px;background:var(--school-primary);color:#fff;font:inherit;font-size:1rem;font-weight:800;box-shadow:0 .75rem 1.5rem color-mix(in srgb,var(--school-primary) 25%,transparent);transition:transform .15s ease,filter .15s ease}.edu-mobile-login__submit:active:not(:disabled){transform:scale(.985)}.edu-mobile-login__submit:disabled{cursor:wait;filter:saturate(.8)}.edu-mobile-login__loading-dots{min-height:1rem;display:inline-flex;align-items:center;gap:.4rem}.edu-mobile-login__loading-dots i{width:.52rem;height:.52rem;border-radius:50%;background:currentColor;animation:eduMobileLoginDot 1s ease-in-out infinite}.edu-mobile-login__loading-dots i:nth-child(2){animation-delay:.14s}.edu-mobile-login__loading-dots i:nth-child(3){animation-delay:.28s}.edu-mobile-login__legal{margin:1.25rem auto 0;max-width:22rem;text-align:center;font-size:.75rem;line-height:1.6;color:#7b8b9c}.edu-mobile-login__legal button{text-decoration:underline;text-underline-offset:.16rem}@media(max-width:359px){.edu-mobile-login__welcome{width:60%}.edu-mobile-login__sheet{padding-right:1rem;padding-left:1rem}}@media(min-width:600px)and (max-width:959px){.edu-mobile-login__hero{min-height:clamp(11rem,28cqi,13.5rem);padding-bottom:1.35rem}.edu-mobile-login__welcome{margin-top:.85rem;width:min(42%,14rem)}.edu-mobile-login__welcome h1{font-size:clamp(1.7rem,7cqi,2.25rem)}.edu-mobile-login__welcome>p:last-child{font-size:.875rem;max-width:22ch}.edu-mobile-login__mascot{width:clamp(6.75rem,22cqi,8.5rem);right:clamp(.75rem,3vw,2rem);bottom:.15rem;animation:none}.edu-mobile-login__sheet{margin-top:-1.1rem;padding-top:1.35rem}}@media(max-height:620px)and (orientation:landscape){.edu-mobile-login__screen{display:grid;grid-template-columns:minmax(13rem,40%) 1fr}.edu-mobile-login__hero{min-height:100dvh;padding-top:max(1rem,env(safe-area-inset-top))}.edu-mobile-login__welcome{width:100%;margin-top:2rem}.edu-mobile-login__mascot{right:50%;bottom:.75rem;transform:translate(50%) scale(.76);transform-origin:center bottom;animation:none}.edu-mobile-login__sheet{margin:0;min-height:100dvh;overflow-y:auto;border-radius:2rem 0 0 2rem}}@media(prefers-reduced-motion:reduce){.edu-mobile-login__mascot,.edu-mobile-login__loading-dots i{animation:none}}.edu-app-login__card-lead{margin:.55rem 0 0;text-align:center;color:#64748b;font-size:.875rem;line-height:1.5;font-weight:500}.edu-app-login__role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:1.25rem 0 0;border-radius:.75rem;background:#f1f5f9;padding:.25rem}.edu-app-login__card-heading+.edu-app-login__role-tabs,.edu-app-login__card-lead+.edu-app-login__role-tabs{margin-top:1.25rem}.edu-app-login__role-tabs+.edu-app-login__form{margin-top:1.25rem}.edu-app-login__role-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:.5rem;padding:.55rem .5rem;min-height:2.5rem;font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer;background:transparent;color:#64748b;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.edu-app-login__role-tab.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a0f}.edu-app-login__role-tab:hover:not(.is-active){color:#334155}.edu-mobile-login__role-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:0 0 1rem;border-radius:.75rem;background:#eef3f6;padding:.25rem;width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.edu-mobile-login__role-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:.5rem;padding:.55rem .5rem;min-height:2.5rem;font-size:.8125rem;font-weight:700;font-family:inherit;cursor:pointer;background:transparent;color:#64748b}.edu-mobile-login__role-tab.is-active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0f172a0f}.edu-legal-modal{position:fixed;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edu-legal-modal__panel{position:relative;width:100%;max-width:42rem;height:min(88vh,820px);background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px #0f172a40;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:#fff}.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:#fff3;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:#fffc}.edu-legal-modal__close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border:0;border-radius:999px;background:#ffffff26;color:#fff;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:#fff}.edu-legal-modal__confirm{width:100%;height:2.75rem;border:0;border-radius:999px;color:#fff;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}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,Noto Sans TC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}