@import"https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root,.ec-teacher-ui{--ec-color-primary: #1e3a5f;--ec-color-primary-muted: #2d4a6f;--ec-color-accent: #ff6b35;--ec-color-accent-muted: #ff8555;--ec-color-accent-bg: #fff0eb;--ec-color-bg: #f5f7fa;--ec-color-surface: #ffffff;--ec-color-surface-muted: #f1f5f9;--ec-color-surface-inverse: #1e3a5f;--ec-color-text: #0f172a;--ec-color-text-secondary: #64748b;--ec-color-text-inverse: #ffffff;--ec-color-text-link: #1e3a5f;--ec-color-border: #e2e8f0;--ec-color-border-strong: #cbd5e1;--ec-color-success: #16a34a;--ec-color-success-bg: #dcfce7;--ec-color-warning: #d97706;--ec-color-warning-bg: #fef3c7;--ec-color-danger: #dc2626;--ec-color-danger-bg: #fee2e2;--ec-color-info: #2563eb;--ec-color-info-bg: #dbeafe;--ec-color-pending: #64748b;--ec-color-pending-bg: #f1f5f9;--ec-color-leave: #f472b6;--ec-color-leave-bg: #fce7f3;--ec-color-focus: #2563eb;--ec-focus-ring: 0 0 0 3px rgba(37, 99, 235, .35);--ec-color-overlay: rgba(15, 23, 42, .45);--ec-color-tab-active: #16a34a;--ec-ai-gradient-from: #4f46e5;--ec-ai-gradient-to: #7e22ce;--ec-ai-user-bubble: #4f46e5;--ec-ai-icon-bg: #e0e7ff;--ec-ai-icon-fg: #4f46e5;--ec-ai-send: #4f46e5}.ec-teacher-ui[data-theme=suntech]{--ec-color-primary: #434e88;--ec-color-tab-active: #16a34a}.ec-teacher-ui[data-theme=demo]{--ec-color-accent: #ff6b35}:root,.ec-teacher-ui{--ec-space-0: 0;--ec-space-1: 4px;--ec-space-2: 8px;--ec-space-3: 12px;--ec-space-4: 16px;--ec-space-5: 20px;--ec-space-6: 24px;--ec-space-8: 32px;--ec-space-10: 40px;--ec-space-xs: var(--ec-space-1);--ec-space-sm: var(--ec-space-2);--ec-space-md: var(--ec-space-4);--ec-space-lg: var(--ec-space-6);--ec-space-xl: var(--ec-space-8);--ec-edge-inset-top: 40px;--ec-safe-top: calc(var(--ec-edge-inset-top) + env(safe-area-inset-top, 0px));--ec-safe-bottom: env(safe-area-inset-bottom, 0px);--ec-safe-left: env(safe-area-inset-left, 0px);--ec-safe-right: env(safe-area-inset-right, 0px);--ec-home-indicator: 34px;--ec-sheet-safe-bottom: max( calc(var(--ec-safe-bottom) * 5), calc(var(--ec-home-indicator) * 5) );--ec-screen-width: 390px;--ec-content-padding-x: var(--ec-space-4);--ec-hit-target-min: 44px}.ec-teacher-ui[data-density=compact]{--ec-space-md: 12px;--ec-space-lg: 20px;--ec-hit-target-min: 40px}:root,.ec-teacher-ui{--ec-radius-sm: 8px;--ec-radius-md: 12px;--ec-radius-lg: 16px;--ec-radius-xl: 20px;--ec-radius-pill: 9999px;--ec-radius-full: 50%;--ec-radius-button: var(--ec-radius-md);--ec-radius-card: var(--ec-radius-lg);--ec-radius-input: var(--ec-radius-md);--ec-radius-sheet: var(--ec-radius-xl);--ec-radius-fab: var(--ec-radius-full)}:root,.ec-teacher-ui{--ec-font-family-tc: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--ec-font-family-en: "Inter", "SF Pro Text", system-ui, sans-serif;--ec-font-family-display: "Cardo", "Georgia", "Times New Roman", serif;--ec-font-family: var(--ec-font-family-tc), var(--ec-font-family-en);--ec-font-size-caption: 12px;--ec-font-size-body: 14px;--ec-font-size-body-lg: 15px;--ec-font-size-title: 18px;--ec-font-size-headline: 20px;--ec-font-size-display: 28px;--ec-font-size-display-lg: 34px;--ec-line-height-tight: 1.25;--ec-line-height-body: 1.5;--ec-line-height-relaxed: 1.625;--ec-font-weight-regular: 400;--ec-font-weight-medium: 500;--ec-font-weight-semibold: 600;--ec-font-weight-bold: 700;--ec-letter-spacing-tight: -.01em}.ec-teacher-ui[data-density=compact]{--ec-font-size-body: 13px;--ec-font-size-title: 17px}.ec-teacher-ui[data-font-scale=small]{--ec-font-size-caption: 11px;--ec-font-size-body: 13px;--ec-font-size-body-lg: 14px;--ec-font-size-title: 16px;--ec-font-size-headline: 18px;--ec-font-size-display: 24px;--ec-font-size-display-lg: 30px}.ec-teacher-ui[data-font-scale=medium]{--ec-font-size-caption: 12px;--ec-font-size-body: 14px;--ec-font-size-body-lg: 15px;--ec-font-size-title: 18px;--ec-font-size-headline: 20px;--ec-font-size-display: 28px;--ec-font-size-display-lg: 34px}.ec-teacher-ui[data-font-scale=big]{--ec-font-size-caption: 14px;--ec-font-size-body: 16px;--ec-font-size-body-lg: 18px;--ec-font-size-title: 21px;--ec-font-size-headline: 24px;--ec-font-size-display: 32px;--ec-font-size-display-lg: 40px}:root,.ec-teacher-ui{--ec-shadow-none: none;--ec-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--ec-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--ec-shadow-fab: 0 4px 16px rgba(0, 0, 0, .12);--ec-shadow-sheet: 0 -4px 24px rgba(0, 0, 0, .08)}:root,.ec-teacher-ui{--ec-duration-instant: 80ms;--ec-duration-fast: .12s;--ec-duration-normal: .2s;--ec-duration-sheet: .24s;--ec-duration-success: .3s;--ec-ease-standard: cubic-bezier(.4, 0, .2, 1);--ec-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ec-ease-out: cubic-bezier(0, 0, .2, 1)}.ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ec-space-2);min-height:var(--ec-hit-target-min);padding:var(--ec-space-3) var(--ec-space-5);font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-semibold);line-height:var(--ec-line-height-tight);border:none;border-radius:var(--ec-btn-radius, var(--ec-radius-button));cursor:pointer;transition:background var(--ec-duration-fast) var(--ec-ease-standard),transform var(--ec-duration-fast) var(--ec-ease-standard)}.ec-btn:active:not(:disabled){transform:scale(.98)}.ec-btn:disabled{opacity:.5;cursor:not-allowed}.ec-btn--primary{background:var(--ec-btn-bg, var(--ec-color-accent));color:var(--ec-btn-color, var(--ec-color-text-inverse))}.ec-btn--secondary{background:var(--ec-btn-bg, var(--ec-color-surface));color:var(--ec-btn-color, var(--ec-color-primary));border:1px solid var(--ec-color-border)}.ec-btn--border-strong{border-width:2px;border-color:var(--ec-color-border-strong)}.ec-btn--ghost{background:transparent;color:var(--ec-btn-color, var(--ec-color-primary))}.ec-btn--destructive{background:var(--ec-btn-bg, var(--ec-color-danger));color:var(--ec-btn-color, var(--ec-color-text-inverse))}.ec-btn--full{width:100%}.ec-btn--lg{min-height:52px;font-size:var(--ec-font-size-body-lg);border-radius:var(--ec-radius-lg)}.ec-btn--sm{min-height:36px;padding:var(--ec-space-2) var(--ec-space-4);font-size:var(--ec-font-size-caption)}.ec-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--ec-hit-target-min);height:var(--ec-hit-target-min);padding:0;border:none;border-radius:var(--ec-radius-full);background:transparent;color:var(--ec-icon-btn-color, var(--ec-color-text));cursor:pointer;transition:background var(--ec-duration-fast) var(--ec-ease-standard)}.ec-icon-btn:hover{background:var(--ec-color-surface-muted)}.ec-icon-btn--accent{color:var(--ec-color-accent)}.ec-input-wrap{display:flex;flex-direction:column;gap:var(--ec-space-1)}.ec-input-label{font-size:var(--ec-font-size-caption);font-weight:var(--ec-font-weight-medium);color:var(--ec-color-text-secondary)}.ec-input{display:flex;align-items:center;gap:var(--ec-space-2);min-height:var(--ec-hit-target-min);padding:0 var(--ec-space-4);background:var(--ec-color-surface);border:1px solid var(--ec-color-border);border-radius:var(--ec-radius-input);transition:border-color var(--ec-duration-fast) var(--ec-ease-standard)}.ec-input:focus-within{border-color:var(--ec-color-focus);box-shadow:var(--ec-focus-ring)}.ec-input__field{flex:1;border:none;background:transparent;font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);color:var(--ec-color-text);outline:none}.ec-input__field::placeholder{color:var(--ec-color-text-secondary)}.ec-input--error{border-color:var(--ec-color-danger)}.ec-input--shake{animation:ec-input-shake .42s ease}@keyframes ec-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.ec-input--shake{animation:none}}.ec-input-error{font-size:var(--ec-font-size-caption);color:var(--ec-color-danger)}.ec-card{background:var(--ec-card-bg, var(--ec-color-surface));border-radius:var(--ec-card-radius, var(--ec-radius-card));box-shadow:var(--ec-card-shadow, var(--ec-shadow-card));border:1px solid var(--ec-color-border);overflow:hidden}.ec-card--padding-sm{padding:var(--ec-space-3)}.ec-card--padding-md{padding:var(--ec-space-4)}.ec-card--padding-lg{padding:var(--ec-space-5)}.ec-card--interactive{cursor:pointer;transition:transform var(--ec-duration-fast) var(--ec-ease-standard)}.ec-card--interactive:active{transform:scale(.99)}.ec-status-glyph{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ec-radius-full);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-bold);flex-shrink:0}.ec-status-glyph--success{background:var(--ec-color-success-bg);color:var(--ec-color-success)}.ec-status-glyph--warning{background:var(--ec-color-warning-bg);color:var(--ec-color-warning)}.ec-status-glyph--danger{background:var(--ec-color-danger-bg);color:var(--ec-color-danger)}.ec-status-glyph--neutral{background:var(--ec-color-pending-bg);color:var(--ec-color-pending)}.ec-status-glyph--info{background:var(--ec-color-info-bg);color:var(--ec-color-info)}.ec-status-glyph--accent{background:var(--ec-color-leave-bg);color:var(--ec-color-leave)}.ec-pill{display:inline-flex;align-items:center;gap:var(--ec-space-1);padding:var(--ec-space-2) var(--ec-space-4);font-size:var(--ec-font-size-caption);font-weight:var(--ec-font-weight-medium);border-radius:var(--ec-radius-pill);border:1px solid var(--ec-color-border);background:var(--ec-color-surface);color:var(--ec-color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--ec-duration-fast) var(--ec-ease-standard)}.ec-pill--selected{background:var(--ec-color-primary);border-color:var(--ec-color-primary);color:var(--ec-color-text-inverse)}.ec-pill__badge{min-width:18px;height:18px;padding:0 5px;border-radius:var(--ec-radius-pill);background:var(--ec-color-danger);color:var(--ec-color-text-inverse);font-size:10px;font-weight:var(--ec-font-weight-bold);line-height:18px;text-align:center}.ec-pill--selected .ec-pill__badge{background:var(--ec-color-accent)}.ec-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ec-radius-full);background:var(--ec-color-surface-muted);color:var(--ec-color-primary);font-weight:var(--ec-font-weight-semibold);overflow:hidden;flex-shrink:0}.ec-avatar--md{width:40px;height:40px;font-size:var(--ec-font-size-body)}.ec-avatar--lg{width:56px;height:56px;font-size:var(--ec-font-size-title)}.ec-avatar img{width:100%;height:100%;object-fit:cover}.ec-avatar--sm{width:32px;height:32px;font-size:var(--ec-font-size-caption)}.ec-avatar--interactive{cursor:pointer;border:2px solid var(--ec-color-border)}.ec-surface{background:var(--ec-color-surface)}.ec-surface--muted{background:var(--ec-color-surface-muted)}.ec-surface--bg{background:var(--ec-color-bg)}.ec-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--ec-radius-pill);background:var(--ec-color-danger);color:var(--ec-color-text-inverse);font-size:10px;font-weight:var(--ec-font-weight-bold);line-height:1}.ec-badge--dot{min-width:8px;width:8px;height:8px;padding:0}.ec-badge--accent{background:var(--ec-color-accent)}.ec-toast{position:absolute;left:50%;bottom:calc(88px + var(--ec-safe-bottom));z-index:200;transform:translate(-50%) translateY(12px);max-width:min(360px,calc(100% - 48px));padding:var(--ec-space-3) var(--ec-space-5);border-radius:var(--ec-radius-pill);background:var(--ec-color-primary);color:var(--ec-color-text-inverse);font-size:var(--ec-font-size-caption);font-weight:var(--ec-font-weight-medium);box-shadow:var(--ec-shadow-fab);opacity:0;pointer-events:none;transition:opacity var(--ec-duration-fast) var(--ec-ease-standard),transform var(--ec-duration-fast) var(--ec-ease-standard)}.ec-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.ec-toast--success{background:var(--ec-color-success)}.ec-toast--warning{background:var(--ec-color-warning)}.ec-switch{position:relative;display:inline-flex;flex-shrink:0;width:48px;height:28px;border-radius:var(--ec-radius-md);background:var(--ec-color-border-strong);transition:background var(--ec-duration-fast) var(--ec-ease-standard);pointer-events:none}.ec-list-row[aria-checked=true] .ec-switch,.ec-switch[aria-checked=true]{background:var(--ec-color-success)}.ec-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--ec-radius-sm);background:var(--ec-color-surface);box-shadow:var(--ec-shadow-sm);transition:transform var(--ec-duration-fast) var(--ec-ease-standard)}.ec-list-row[aria-checked=true] .ec-switch__thumb,.ec-switch[aria-checked=true] .ec-switch__thumb{transform:translate(20px)}.ec-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ec-icon{display:inline-block;flex-shrink:0;width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ec-icon--sm{width:16px;height:16px}.ec-icon--md{width:20px;height:20px}.ec-icon--lg{width:24px;height:24px}.ec-icon--xl{width:28px;height:28px}.ec-icon--filled{fill:currentColor;stroke:none}.ec-icon.is-hidden{display:none}.ec-icon--brand{width:22px;height:22px;stroke:none}.ec-sheet-grabber{display:block;position:relative;width:40px;height:6px;margin:0 auto;border-radius:999px;background:#cbd5e1;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.ec-sheet-grabber:active,.ec-leave-sheet__drag-zone:active .ec-sheet-grabber,.ec-login-sheet__drag-zone:active .ec-sheet-grabber{cursor:grabbing}.ec-btn--icon-tile{flex:0 0 auto;width:56px;min-width:56px;height:56px;min-height:56px;padding:0;border-width:2px;border-style:solid;border-color:var(--ec-color-border-strong);border-radius:var(--ec-radius-md);background:var(--ec-color-surface);color:var(--ec-color-text)}.ec-btn--icon-tile:hover{background:var(--ec-color-surface-muted)}.ec-input--strong{border-width:2px;border-color:var(--ec-color-border-strong)}.ec-input--strong:focus-within{border-color:var(--ec-color-focus)}.ec-input-label--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ec-input-wrap--inset{position:relative}.ec-locale-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--ec-hit-target-min);height:var(--ec-hit-target-min);padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#ffffffeb;color:var(--ec-color-text);box-shadow:var(--ec-shadow-card, 0 2px 8px rgba(15, 23, 42, .08));cursor:pointer;font-family:var(--ec-font-family)}.ec-locale-btn__code{font-size:11px;font-weight:var(--ec-font-weight-bold);letter-spacing:.04em;line-height:1}.ec-locale-btn--on-media{border-color:#ffffff73;background:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;color:#0f172ad9}.ec-login-page{--ec-login-sheet-top-gap: max( clamp(40px, 6dvh, 56px), calc(var(--ec-safe-top) + var(--ec-space-2)) );height:100vh;height:100dvh;min-height:100dvh;width:100%;max-width:none;margin:0;position:relative;overflow:hidden;background:var(--ec-color-surface-inverse);border-radius:0;font-family:var(--ec-font-family);color:var(--ec-color-text);-webkit-font-smoothing:antialiased}.ec-login-page *,.ec-login-page *:before,.ec-login-page *:after{box-sizing:border-box}.ec-login-splash{position:relative;z-index:1;min-height:100dvh;width:100%;padding:0;background:#d8ebe6;overflow:hidden;border-radius:0}.ec-login-splash.is-behind{pointer-events:none}.ec-login-splash__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:0}.ec-login-splash__art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:0}.ec-login-splash__locale{position:absolute;top:calc(var(--ec-space-3) + var(--ec-safe-top));right:var(--ec-space-4);z-index:2}.ec-login-splash__footer{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--ec-space-4);padding:72px var(--ec-space-6) calc(var(--ec-space-8) + var(--ec-safe-bottom));background:linear-gradient(to bottom,#5a968c00,#5a968c47 55%,#468278c7);pointer-events:none;opacity:0;transform:translateY(56px);transition:opacity 1.1s var(--ec-ease-out),transform 1.1s var(--ec-ease-out);will-change:opacity,transform}.ec-login-splash__footer.is-in{opacity:1;transform:translateY(0)}.ec-login-splash__footer.is-instant{transition:none}.ec-login-splash__footer>*{pointer-events:auto}@media(prefers-reduced-motion:reduce){.ec-login-splash__footer{opacity:1;transform:none;transition:none}}.ec-login-splash__brand{font-size:10px;line-height:1.3;color:#ffffffc7;letter-spacing:.02em;text-align:center;max-width:280px}.ec-btn--login-splash{--ec-btn-bg: var(--ec-color-surface);--ec-btn-color: var(--ec-color-accent);--ec-btn-radius: var(--ec-radius-lg);font-size:var(--ec-font-size-title);font-weight:var(--ec-font-weight-bold);letter-spacing:.02em;min-height:56px;max-width:280px}.ec-login-form-stage{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0;z-index:20;display:flex;flex-direction:column;background:transparent;opacity:1;pointer-events:none;visibility:hidden}.ec-login-form-stage.is-visible{pointer-events:auto;visibility:visible}.ec-login-form-stage__top{flex:0 0 var(--ec-login-sheet-top-gap);min-height:var(--ec-login-sheet-top-gap);background:transparent;border:none;padding:0;cursor:pointer;touch-action:manipulation}.ec-login-sheet{position:relative;flex:1;min-height:0;background:var(--ec-color-surface);border-radius:var(--ec-radius-sheet) var(--ec-radius-sheet) 0 0;box-shadow:var(--ec-shadow-sheet);display:flex;flex-direction:column;overflow:visible;overscroll-behavior:none;transform:translate3d(0,100%,0);transition:transform .42s var(--ec-ease-out);will-change:transform}.ec-login-sheet:after{content:"";position:absolute;left:0;right:0;top:100%;height:100dvh;background:var(--ec-color-surface);pointer-events:none;z-index:0}.ec-login-form-stage.is-visible .ec-login-sheet{transform:translateZ(0)}.ec-login-sheet.is-dragging{transition:none;cursor:grabbing}.ec-login-sheet__drag-zone{position:relative;z-index:2;align-self:stretch;flex-shrink:0;touch-action:none;cursor:grab;min-height:64px;display:flex;align-items:center;justify-content:center;padding:var(--ec-space-3) var(--ec-space-6);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;border:none;background:var(--ec-color-surface);width:100%;border-radius:var(--ec-radius-sheet) var(--ec-radius-sheet) 0 0}.ec-login-sheet__drag-zone:active{cursor:grabbing}.ec-login-sheet__content{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--ec-space-5);padding:0 max(var(--ec-space-6),var(--ec-safe-right)) calc(var(--ec-space-8) + var(--ec-safe-bottom)) max(var(--ec-space-6),var(--ec-safe-left));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border-radius:inherit;background:var(--ec-color-surface)}@media(prefers-reduced-motion:reduce){.ec-login-sheet{transition:none}}.ec-login-sheet__drag-zone>.ec-sheet-grabber{margin:0;pointer-events:none}.ec-login-sheet__mascot{display:flex;justify-content:center;align-items:center;margin:var(--ec-space-1) 0 0;cursor:grab;touch-action:none}.ec-login-sheet__mascot:active,.ec-login-sheet__welcome:active{cursor:grabbing}.ec-login-sheet__mascot-img{width:224px;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ec-login-sheet__welcome{text-align:center;margin-bottom:var(--ec-space-1);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.ec-login-sheet__welcome h1{margin:0;font-family:var(--ec-font-family-display);font-size:var(--ec-font-size-display-lg);font-weight:var(--ec-font-weight-bold);line-height:var(--ec-line-height-tight);letter-spacing:var(--ec-letter-spacing-tight);color:var(--ec-color-text)}.ec-login-fields{display:flex;flex-direction:column;gap:var(--ec-space-4)}.ec-login-eye-btn{width:40px;height:40px;flex-shrink:0;color:var(--ec-color-text-secondary)}.ec-login-divider{display:flex;align-items:center;gap:var(--ec-space-3);color:var(--ec-color-text-secondary);font-size:var(--ec-font-size-caption)}.ec-login-divider:before,.ec-login-divider:after{content:"";flex:1;height:1px;background:var(--ec-color-border)}.ec-login-sso{display:flex;justify-content:center;gap:var(--ec-space-4)}.ec-login-signup{text-align:center;font-size:var(--ec-font-size-body);color:var(--ec-color-text-secondary);margin-top:auto;padding-top:var(--ec-space-4)}.ec-login-signup a{color:var(--ec-color-text);font-weight:var(--ec-font-weight-bold);text-decoration:none}.ec-login-signup a:hover{text-decoration:underline}.ec-login-toast{position:fixed;left:50%;bottom:calc(var(--ec-space-8) + var(--ec-safe-bottom));transform:translate(-50%) translateY(20px);max-width:calc(var(--ec-screen-width) - 48px);padding:var(--ec-space-3) var(--ec-space-5);background:var(--ec-color-primary);color:var(--ec-color-text-inverse);border-radius:var(--ec-radius-pill);font-size:var(--ec-font-size-body);font-weight:var(--ec-font-weight-medium);box-shadow:var(--ec-shadow-fab);opacity:0;pointer-events:none;transition:opacity var(--ec-duration-normal) var(--ec-ease-out),transform var(--ec-duration-normal) var(--ec-ease-out);z-index:200}.ec-login-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.ec-login-page .sr-only,.ec-login-page .ec-login-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}@keyframes ec-login-spin{to{transform:rotate(360deg)}}.ec-login-spinner{width:1.35rem;height:1.35rem;display:block;flex-shrink:0;animation:ec-login-spin .75s linear infinite}.ec-login-spinner__track{opacity:.28}.ec-btn .ec-login-spinner{margin-inline:auto}.ec-login-branding-load{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ec-space-3, .75rem);background:#f8fafc;color:#64748b}.ec-login-branding-load .ec-login-spinner{color:var(--ec-color-primary, #434e88);width:1.75rem;height:1.75rem}.ec-login-branding-load__label{margin:0;font-size:.875rem;line-height:1.5}@media(prefers-reduced-motion:reduce){.ec-login-spinner{animation:none}}html.ec-ipad-force-landscape,html.ec-ipad-force-landscape body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.ec-ipad-stage{position:relative;width:100%;height:100dvh;box-sizing:border-box;overflow:hidden}@media(orientation:portrait){html.ec-ipad-force-landscape,html.ec-ipad-force-landscape body{width:100%;height:100%;overflow:hidden;background:#0f172a}html.ec-ipad-force-landscape .ec-ipad-rotate{display:none!important}html.ec-ipad-force-landscape .ec-ipad-stage{position:fixed;width:100dvh;height:100dvw;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center;max-width:none;max-height:none;z-index:1}}@media(orientation:portrait)and (prefers-reduced-motion:reduce){html.ec-ipad-force-landscape .ec-ipad-stage{transition:none}}.ec-ipad-login{position:relative;width:100%;height:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.85fr);background:#e8f4f2;font-family:Noto Sans TC,system-ui,sans-serif;color:#0f172a;-webkit-font-smoothing:antialiased}.ec-ipad-login *,.ec-ipad-login *:before,.ec-ipad-login *:after{box-sizing:border-box}.ec-ipad-stage:has(.ec-ipad-login){height:100dvh;background:#e8f4f2}@media(orientation:portrait){.ec-ipad-stage:has(.ec-ipad-login){height:100dvw}}.ec-ipad-login__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;min-height:0;overflow:hidden;background:#e8f4f2;pointer-events:none}.ec-ipad-login__art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.ec-ipad-login__art-fade{display:none}.ec-ipad-login__panel{position:relative;z-index:2;grid-column:2;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:28px 36px;background:transparent;border-left:none;box-sizing:border-box}.ec-ipad-login__toolbar{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:20px;display:flex;align-items:center;gap:8px;z-index:3}.ec-ipad-login__card{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.ec-ipad-login__mascot{display:flex;justify-content:center;margin-top:-4px}.ec-ipad-login__mascot-img{width:min(160px,18vw);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(15,23,42,.12));animation:ec-ipad-mascot-float 3.6s ease-in-out infinite}@keyframes ec-ipad-mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.ec-ipad-login__mascot-img{animation:none}}.ec-ipad-login__welcome{text-align:center}.ec-ipad-login__welcome .eyebrow{margin:0 0 6px;font-size:13px;font-weight:700;color:#115e59;letter-spacing:.02em}.ec-ipad-login__welcome h2{margin:0 0 8px;font-family:Cardo,"Noto Serif TC",Georgia,serif;font-size:30px;font-weight:700;color:#115e59;letter-spacing:-.02em}.ec-ipad-login__welcome p:not(.eyebrow){margin:0;font-size:14px;line-height:1.5;color:#0f766e}.ec-ipad-login__fields{display:flex;flex-direction:column;gap:14px}.ec-ipad-login__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:20px}.ec-ipad-login__meta .err{margin:0;font-size:12px;font-weight:600;color:#dc2626}.ec-ipad-login__meta button{border:none;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:#475569;cursor:pointer}.ec-ipad-login__submit{min-height:52px;border:none;border-radius:14px;background:#0f766e;color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 24px #0f766e47;transition:transform .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.ec-ipad-login__submit:hover{background:#0d9488}.ec-ipad-login__submit:active{transform:scale(.98)}.ec-ipad-login__submit:disabled{opacity:.65;cursor:wait}.ec-ipad-login__legal{margin:4px 0 0;text-align:center;font-size:12px;color:#94a3b8}.ec-ipad-login__legal button{border:none;background:none;padding:0;font:inherit;font-weight:600;color:#475569;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.ec-ipad-login__foot{margin-top:8px;text-align:center;font-size:11px;color:#94a3b8}.ec-ipad-login__toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%) translateY(12px);padding:12px 20px;border-radius:999px;background:#0f172a;color:#fff;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:50}.ec-ipad-login__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.ec-ipad-rotate{display:none!important}.ec-ipad-login.login-shake{animation:frameShake .42s ease}@keyframes frameShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.ec-login-portal{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;padding:3px;border:2px solid var(--ec-color-border-strong, #cbd5e1);border-radius:12px;background:var(--ec-color-surface-muted, #f1f5f9);flex-shrink:0}.ec-login-portal__tab{min-height:40px;padding:0 12px;border:none;border-radius:9px;background:transparent;color:var(--ec-color-text-secondary, #64748b);font-family:var(--ec-font-family, inherit);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.ec-login-portal__tab.is-active{background:#fff;color:#0f766e;box-shadow:0 1px 3px #0f172a14}.ec-login-portal__tab:hover:not(.is-active){color:var(--ec-color-text, #0f172a)}.ec-ipad-login__welcome+.ec-login-portal{margin-top:4px;margin-bottom:4px}.ec-login-sheet__welcome+.ec-login-portal{margin:0}.ec-login-portal+.ec-ipad-login__fields,.ec-login-portal+.ec-login-fields{margin-top:0}.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-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}}.edu-status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:#fff;color:#000}.edu-status-page__stack{width:min(100%,34rem);display:flex;flex-direction:column;gap:.75rem}.edu-status-card{border:1px solid #eaeaea;border-radius:8px;background:#fff;padding:1.35rem 1.5rem}.edu-status-card__title{margin:0 0 .85rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:#000}.edu-status-card__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .45rem;margin:0;font-size:.92rem;line-height:1.55;color:#111}.edu-status-card__row+.edu-status-card__row{margin-top:.2rem}.edu-status-card__label{font-weight:400;color:#111}.edu-status-card__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86em;color:#111;background:#f4f4f4;border-radius:4px;padding:.1rem .35rem;word-break:break-all}.edu-status-banner{border:1px solid #b7d4f5;border-radius:8px;background:#eef6ff;padding:.95rem 1.15rem;font-size:.9rem;line-height:1.5;color:#0b5cab}.edu-status-banner a{color:#0070f3;text-decoration:underline;text-underline-offset:2px}.edu-status-banner a:hover{color:#0761d1}.edu-status-banner--ok{border-color:#a7e3c4;background:#effaf4;color:#0f6b3c}.edu-status-banner--ok a{color:#0b7a45}.edu-status-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.15rem}.edu-status-actions a,.edu-status-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #eaeaea;border-radius:8px;background:#fff;color:#111;font-size:.85rem;padding:.55rem .85rem;text-decoration:none;cursor:pointer}.edu-status-actions a:hover,.edu-status-actions button:hover{background:#fafafa;border-color:#ddd}*,*: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}@layer base{html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{-webkit-touch-callout:none}nav,header,footer,[role=navigation],[role=banner],[role=tablist],button,a,[role=button]{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}