@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";@import"https://fonts.googleapis.com/css2?family=Dongle:wght@400;700&family=Nanum+Gothic:wght@400;700;800&display=swap";@import"https://fonts.cdnfonts.com/css/nanumsquare-neo";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.site-background-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.site-background-images img{position:absolute;width:20%}.site-background-images .lt{top:0;left:0;width:32%}.site-background-images .lb{bottom:0;left:0;width:7.5%}.site-background-images .rt{top:0;right:0}.site-background-images .rb{bottom:0;right:0}.site-background-images .logo{bottom:1vh;left:50%;transform:translate(-50%)}.network-notification[data-v-b2da2ae2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;color:#f44;padding:25px 40px;border-radius:12px;box-shadow:0 4px 20px #f443;display:flex;align-items:center;justify-content:center;z-index:9999;min-width:300px;max-width:400px;font-size:1.5rem;border:2px solid #ff4444}.notification-content[data-v-b2da2ae2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;text-align:center}.icon-container[data-v-b2da2ae2]{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.warning-icon[data-v-b2da2ae2]{position:absolute;font-size:3.5rem!important;color:#f44;animation:pulse-b2da2ae2 2s infinite}.network-icon[data-v-b2da2ae2]{position:absolute;font-size:2rem!important;color:#fff;background-color:#f44;padding:5px;border-radius:50%;animation:fadeInOut-b2da2ae2 2s infinite}.close-button[data-v-b2da2ae2]{background:none;border:none;color:#f44;cursor:pointer;margin-left:20px;padding:5px;font-size:1.5rem;transition:all .2s}.close-button[data-v-b2da2ae2]:hover{opacity:.8;transform:scale(1.1)}@keyframes pulse-b2da2ae2{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:.9}}@keyframes fadeInOut-b2da2ae2{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.slide-fade-enter-active[data-v-b2da2ae2],.slide-fade-leave-active[data-v-b2da2ae2]{transition:all .3s ease}.slide-fade-enter-from[data-v-b2da2ae2],.slide-fade-leave-to[data-v-b2da2ae2]{transform:translate(-50%,-30px);opacity:0}.pwa-overlay[data-v-8ac72f38]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.pwa-modal[data-v-8ac72f38]{background:linear-gradient(145deg,#fff,#f8fdf8);border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #4caf501a;max-width:380px;width:100%;overflow:hidden;animation:modal-pop-8ac72f38 .3s ease-out}@keyframes modal-pop-8ac72f38{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-8ac72f38]{background:linear-gradient(135deg,#4caf50,#66bb6a);padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.icon-wrapper[data-v-8ac72f38]{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:rotate-icon-8ac72f38 2s linear infinite}@keyframes rotate-icon-8ac72f38{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-icon[data-v-8ac72f38]{width:36px;height:36px;fill:#fff}.title[data-v-8ac72f38]{margin:0;font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-body[data-v-8ac72f38]{padding:24px;text-align:center}.description[data-v-8ac72f38]{margin:0 0 16px;font-size:1.3rem;color:#555;line-height:1.6}.countdown-badge[data-v-8ac72f38]{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:8px 16px;border-radius:20px;border:1px solid #ffcc80}.countdown-number[data-v-8ac72f38]{font-size:1.3rem;font-weight:700;color:#e65100}.countdown-label[data-v-8ac72f38]{font-size:.9rem;color:#bf360c}.modal-footer[data-v-8ac72f38]{padding:0 24px 24px;display:flex;gap:12px}.btn-primary[data-v-8ac72f38],.btn-secondary[data-v-8ac72f38]{flex:1;padding:14px 20px;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary[data-v-8ac72f38]{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #4caf5066}.btn-primary[data-v-8ac72f38]:hover{background:linear-gradient(135deg,#43a047,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5080}.btn-primary[data-v-8ac72f38]:active{transform:translateY(0)}.btn-icon[data-v-8ac72f38]{width:18px;height:18px;fill:currentColor}.btn-secondary[data-v-8ac72f38]{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.btn-secondary[data-v-8ac72f38]:hover{background:#eee;border-color:#bdbdbd}.modal-fade-enter-active[data-v-8ac72f38],.modal-fade-leave-active[data-v-8ac72f38]{transition:all .3s ease}.modal-fade-enter-from[data-v-8ac72f38],.modal-fade-leave-to[data-v-8ac72f38]{opacity:0}.modal-fade-enter-from .pwa-modal[data-v-8ac72f38],.modal-fade-leave-to .pwa-modal[data-v-8ac72f38]{transform:scale(.9)}#app{height:100%}.intro{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;object-fit:contain;animation:bigger 1s}.information[data-v-149d258f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c}.information .close[data-v-149d258f]{position:absolute;top:3vw;right:0;font-size:8vw;color:#fff}.information .btn[data-v-149d258f]{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:5vw}.information .btn.prev[data-v-149d258f]{left:3%}.information .btn.next[data-v-149d258f]{right:3%}.information img[data-v-149d258f]{width:100%;height:100%;object-fit:contain}.account-login{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.account-login .modal{width:50rem;background-color:#fff;border-radius:3vw;display:flex;flex-direction:column;align-items:center;padding:2rem 6rem 6rem;box-sizing:border-box}.account-login .modal .logo{height:7rem;margin-top:3rem}.account-login .modal .logo img{height:100%}.account-login .modal .first-login-warning{font-size:1.4em;margin-top:1rem;line-height:1.6;color:#9f1818;padding:0 2rem;text-align:center}.account-login .modal .title{font-family:Dongle,sans-serif;font-size:4rem;margin-top:2rem;font-weight:700;color:#aa8eff;line-height:1}.account-login .modal .form{margin-top:3rem;width:100%;font-family:Dongle,sans-serif;font-size:3.2rem}.account-login .modal .form-item{margin-bottom:2.5rem;display:flex;align-items:center}.account-login .modal .form-item span{width:8rem;white-space:nowrap;font-weight:700;color:#333;line-height:1;margin-right:1.5rem}.account-login .modal .form-item input{flex:1;height:4.8rem;border:2px solid #ccc;border-radius:1.2rem;padding-left:1.5rem;font-size:2.2rem;background-color:#eee;font-family:NanumSquare Neo,sans-serif}.account-login .modal .form-item input::placeholder{font-family:Dongle,sans-serif;font-size:2.8rem;line-height:1}.account-login .modal .bottom{display:flex;height:5.5rem;position:relative;margin-top:4rem}.account-login .modal .bottom .login{display:flex;align-items:center;justify-content:center;height:100%;margin:0 auto;font-family:Dongle,sans-serif;font-size:3.5rem;color:#fff;background-color:#aa8eff;border-radius:1.5rem;width:15rem;cursor:pointer;transition:transform .2s}.account-login .modal .bottom .login:active{transform:scale(.95)}.account-login .modal .open-info{margin:3rem auto 0;display:flex;font-family:Dongle,sans-serif;font-size:3rem;font-weight:700;color:#aa8eff;cursor:pointer}.account-login .modal .signup{display:flex;justify-content:center;margin:3rem auto 0}@media(max-width:1024px){.account-login .modal .logo{height:5rem}}@media(max-width:768px){.account-login{padding:0 5vw;box-sizing:border-box}.account-login .modal{width:40rem;padding:1rem 4rem 2rem}}.change-password{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000000;display:flex;align-items:center;justify-content:center;background-color:#00000080}.change-password__modal{width:30rem;padding:5rem 7rem;border-radius:2rem;background-color:#fff;box-shadow:2px 4px 6px #00000080;animation:fade-slide-down .5s;position:relative;font-size:1.6rem}.change-password__modal .close{position:absolute;top:3rem;right:3rem;font-size:3rem}.change-password__modal h3{text-align:center;font-size:1.5em;margin-bottom:3rem;font-weight:bolder}.change-password__modal form{display:flex;flex-direction:column}.change-password__modal form input{padding:1rem;color:#000;border:0;border-radius:.4rem;margin-bottom:1rem;font-size:inherit;border:1px solid #777}.change-password__modal form input::placeholder{color:#777}.change-password__modal form button{margin-top:3rem;font-size:inherit;background-color:#617fe8;color:#fff;padding:1rem;border-radius:.5rem}.teacher-table{width:100%;padding:2rem;box-sizing:border-box}.teacher-table .control{padding:1rem}.teacher-table .control .saveData{display:flex;padding:.5em 1em;font-size:2rem;background-color:#617fe8;color:#fff;margin-left:auto;border-radius:1rem;font-weight:900}.teacher-table table{width:100%;font-size:1.6rem}.teacher-table table thead tr{border-bottom:1px solid black}.teacher-table table thead tr th{padding:1rem 0;font-weight:bolder;background-color:#b8cdd7;vertical-align:middle;cursor:pointer;transition:background-color .2s}.teacher-table table thead tr th:hover{background-color:#a7bcc6}.teacher-table table tbody td{padding:.5rem;text-align:center;white-space:nowrap;border-bottom:1px solid #ccc;font-size:.9em}.teacher-table table tbody td input{font-size:inherit}.teacher-table table tbody td input[type=text]{padding:.5rem 1rem;box-sizing:border-box;border-radius:.5rem;border:1px solid gray;background-color:#eee}.teacher-table table tbody td input[type=text]::placeholder{color:gray}.teacher-table table tbody td .memo{width:100%}.teacher-table table tbody td label{margin-right:1rem}.student-table{width:100%;padding:2rem;box-sizing:border-box}.student-table .control{padding:1rem}.student-table .control .saveData{display:flex;padding:.5em 1em;font-size:2rem;background-color:#617fe8;color:#fff;margin-left:auto;border-radius:1rem;font-weight:900}.student-table .orphan-alert{background:#fff3e0;border:1px solid #f39c12;border-radius:.8rem;padding:1.2rem 2rem;margin-bottom:1.5rem;font-size:1.4rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.student-table .orphan-alert .btn-delete-orphans{padding:.5rem 1.5rem;background-color:#e74c3c;color:#fff;border-radius:.5rem;font-weight:700;font-size:1.3rem;cursor:pointer;margin-left:auto}.student-table table{width:100%;font-size:1.6rem}.student-table table thead tr{border-bottom:1px solid black}.student-table table thead tr th{padding:1rem 0;font-weight:bolder;background-color:#b8cdd7;vertical-align:middle;cursor:pointer;transition:background-color .2s}.student-table table thead tr th:hover{background-color:#a7bcc6}.student-table table tbody tr.divider td{height:.5rem;padding:0}.student-table table tbody tr.orphan{background-color:#fff5f5}.student-table table tbody td{padding:.5rem;box-sizing:border-box;text-align:center;white-space:nowrap;border-bottom:1px solid #ccc;font-size:.9em}.student-table table tbody td:first-child{width:20%}.student-table table tbody td input{width:100%;font-size:inherit}.student-table table tbody td input[type=text]{padding:.5rem 1rem;box-sizing:border-box;border-radius:.5rem;border:1px solid gray;background-color:#eee}.student-table table tbody td input[type=text]::placeholder{color:gray}.student-table table tbody td input[type=date]{width:auto;padding:.5rem;border-radius:.5rem;border:1px solid gray;background-color:#eee}.student-table table tbody td select{font-size:inherit;padding:.5rem 1rem;border-radius:.5rem;width:auto;background-color:#eee;border:1px solid gray}.student-table table tbody td .orphan-badge{display:inline-block;background:#e74c3c;color:#fff;font-size:1.1rem;padding:.1rem .5rem;border-radius:.3rem;margin-left:.5rem;font-weight:700}.student-table table tbody td .delete{padding:.4em 1em;background-color:#ff7171;border-radius:.5rem;font-weight:bolder;font-size:1.4rem;color:#fff;cursor:pointer}.student-table table tbody td label{margin-right:1rem}.student-table table tbody td.add{cursor:pointer;background-color:#d3d3d3;border-radius:.5rem;padding:0}.student-table table tbody td.add button{text-align:left;width:100%;padding:1rem;color:#555;font-weight:bolder;font-size:1.4rem}.student-table .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.student-table .confirm-modal{background:#fff;border-radius:1.2rem;padding:3rem;max-width:40rem;width:90%;font-size:1.4rem}.student-table .confirm-modal h3{font-size:2rem;margin-bottom:1.5rem}.student-table .confirm-modal p{margin-bottom:1rem;line-height:1.6}.student-table .confirm-modal .warn{color:#e74c3c}.student-table .confirm-modal .auth-notice{font-size:1.2rem;color:#999}.student-table .confirm-modal .student-list{list-style:disc;padding:1rem 1rem 1rem 2.5rem;background:#fff5f5;border-radius:.5rem;border-left:4px solid #e74c3c;max-height:20rem;overflow-y:auto;margin-bottom:1rem}.student-table .confirm-modal .student-list li{margin-bottom:.3rem;font-size:1.3rem;color:#555}.student-table .confirm-modal .id-list-box{position:relative;margin-bottom:1rem}.student-table .confirm-modal .id-list-box textarea{width:100%;min-height:8rem;padding:1rem;font-family:monospace;font-size:1.3rem;border:1px solid #ddd;border-radius:.5rem;background:#f8f8f8;resize:vertical;box-sizing:border-box}.student-table .confirm-modal .id-list-box .btn-copy{position:absolute;top:.5rem;right:.5rem;padding:.4rem 1rem;background:#525841;color:#fff;border-radius:.4rem;font-size:1.2rem;font-weight:700;cursor:pointer}.student-table .confirm-modal .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.student-table .confirm-modal .modal-actions .btn-cancel{padding:.8rem 2rem;border:1px solid #ccc;border-radius:.8rem;cursor:pointer;font-size:1.4rem}.student-table .confirm-modal .modal-actions .btn-confirm{padding:.8rem 2rem;background-color:#e74c3c;color:#fff;border-radius:.8rem;font-weight:700;cursor:pointer;font-size:1.4rem}.student-table .confirm-modal .modal-actions .btn-confirm:disabled{background-color:#ccc;cursor:not-allowed}.class-table{width:100%;padding:2rem;box-sizing:border-box}.class-table .control{padding:1rem}.class-table .control .saveData{display:flex;padding:.5em 1em;font-size:2rem;background-color:#617fe8;color:#fff;margin-left:auto;border-radius:1rem;font-weight:900}.class-table table{width:100%;font-size:1.6rem}.class-table table thead tr{border-bottom:1px solid black}.class-table table thead tr th{padding:1rem 0;font-weight:bolder;background-color:#b8cdd7;vertical-align:middle;cursor:pointer;transition:background-color .2s}.class-table table thead tr th:hover{background-color:#a7bcc6}.class-table table tbody tr.divider td{height:.5rem;padding:0}.class-table table tbody td{padding:.5rem;box-sizing:border-box;text-align:center;white-space:nowrap;border-bottom:1px solid #ccc;font-size:.9em}.class-table table tbody td:first-child{width:20%}.class-table table tbody td input{width:100%;font-size:inherit}.class-table table tbody td input[type=text]{padding:.5rem 1rem;box-sizing:border-box;border-radius:.5rem;border:1px solid gray;background-color:#eee}.class-table table tbody td input[type=text]::placeholder{color:gray}.class-table table tbody td select{font-size:inherit;padding:.5rem 1rem;border-radius:.5rem;width:100%;background-color:#eee;border:1px solid gray}.class-table table tbody td label{margin-right:1rem}.class-table table tbody td .delete{padding:.4em 1em;background-color:#ff7171;border-radius:.5rem;font-weight:bolder;font-size:1.4rem;color:#fff}.class-table table tbody td.add{cursor:pointer;background-color:#d3d3d3;border-radius:.5rem;padding:0}.class-table table tbody td.add button{text-align:left;width:100%;padding:1rem;color:#555;font-weight:bolder;font-size:1.4rem}.class-table .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.class-table .confirm-modal{background:#fff;border-radius:1.2rem;padding:3rem;max-width:40rem;width:90%;font-size:1.4rem}.class-table .confirm-modal h3{font-size:2rem;margin-bottom:1.5rem}.class-table .confirm-modal p{margin-bottom:1rem;line-height:1.6}.class-table .confirm-modal .student-info .warn{color:#e74c3c;margin-bottom:.8rem}.class-table .confirm-modal .student-info .student-list{list-style:disc;padding:1rem 1rem 1rem 2.5rem;background:#fff5f5;border-radius:.5rem;border-left:4px solid #e74c3c;max-height:20rem;overflow-y:auto;margin-bottom:1rem}.class-table .confirm-modal .student-info .student-list li{margin-bottom:.3rem;font-size:1.3rem;color:#555}.class-table .confirm-modal .info{color:#666}.class-table .confirm-modal .warn{color:#e74c3c}.class-table .confirm-modal .success{color:#27ae60;font-weight:700}.class-table .confirm-modal .auth-delete-option{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#fff8e1;border:1px solid #ffe082;border-radius:.8rem;margin-bottom:1rem;cursor:pointer;flex-wrap:wrap}.class-table .confirm-modal .auth-delete-option input[type=checkbox]{width:1.6rem;height:1.6rem;cursor:pointer}.class-table .confirm-modal .auth-delete-option span{font-weight:700;color:#333}.class-table .confirm-modal .auth-delete-option small{color:#888;font-size:1.2rem;width:100%;padding-left:2.4rem}.class-table .confirm-modal .id-list-box{position:relative;margin-bottom:1rem}.class-table .confirm-modal .id-list-box textarea{width:100%;min-height:8rem;padding:1rem;font-family:monospace;font-size:1.3rem;border:1px solid #ddd;border-radius:.5rem;background:#f8f8f8;resize:vertical;box-sizing:border-box}.class-table .confirm-modal .id-list-box .btn-copy{position:absolute;top:.5rem;right:.5rem;padding:.4rem 1rem;background:#525841;color:#fff;border-radius:.4rem;font-size:1.2rem;font-weight:700;cursor:pointer}.class-table .confirm-modal .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;flex-wrap:wrap}.class-table .confirm-modal .modal-actions .btn-cancel{padding:.8rem 2rem;border:1px solid #ccc;border-radius:.8rem;cursor:pointer;font-size:1.4rem}.class-table .confirm-modal .modal-actions .btn-class-only{padding:.8rem 2rem;background-color:#f39c12;color:#fff;border-radius:.8rem;font-weight:700;cursor:pointer;font-size:1.4rem}.class-table .confirm-modal .modal-actions .btn-class-only:disabled{background-color:#ccc;cursor:not-allowed}.class-table .confirm-modal .modal-actions .btn-confirm{padding:.8rem 2rem;background-color:#e74c3c;color:#fff;border-radius:.8rem;font-weight:700;cursor:pointer;font-size:1.4rem}.class-table .confirm-modal .modal-actions .btn-confirm:disabled{background-color:#ccc;cursor:not-allowed}.view-class-header[data-v-5504df93]{display:flex;align-items:center;padding:1rem 0;column-gap:4rem;font-size:1.6rem}.view-class-header select[data-v-5504df93]{padding:.8rem 2rem;border:1px solid #aaa;border-radius:1rem;background-color:transparent;font-size:inherit}.view-class-header .period[data-v-5504df93]{display:flex;align-items:center;background-color:#617fe8;padding:1rem 2rem;color:#fff;font-weight:700;border-radius:1rem;margin-left:auto}.view-class-header .print-btn[data-v-5504df93]{background-color:#617fe8;color:#fff;padding:1rem 2rem;font-size:inherit;font-weight:700;border-radius:1rem}.view-class-wrapper table[data-v-5504df93]{width:100%;overflow-y:auto;font-size:1.3rem;text-align:center;border-collapse:separate;border-spacing:0}.view-class-wrapper table tr th[data-v-5504df93]{font-weight:bolder;padding:.5rem;background-color:#b8cdd7;vertical-align:middle;cursor:pointer;border:1px solid #ccc}.view-class-wrapper table tr th[data-v-5504df93]:nth-last-child(2){width:150px;max-width:150px}.view-class-wrapper table tr td[data-v-5504df93]{padding:.5rem;border:1px solid #ccc;font-size:.9em;vertical-align:middle}.view-class-wrapper table tr td[data-v-5504df93]:nth-last-child(2){width:150px;max-width:150px}.view-class-wrapper table tr td input[data-v-5504df93]{padding:.5rem 1rem;background-color:#eee;border-radius:.5rem;border:1px solid #ccc;font-size:inherit;width:100%;box-sizing:border-box}@media print{.view-class-header[data-v-5504df93]{display:none}.view-class-wrapper table[data-v-5504df93]{height:auto;page-break-after:auto;page-break-before:auto;page-break-inside:avoid}.view-class-wrapper table thead[data-v-5504df93]{display:table-header-group}.view-class-wrapper table thead th[data-v-5504df93]{font-weight:700}.view-class-wrapper table thead tr.divider[data-v-5504df93]{border-bottom:1px solid black}.view-class-wrapper table tbody tr td[data-v-5504df93]{vertical-align:middle;padding:.1rem .3rem}}.manager-page-layout{--primary: #4f46e5;--primary-hover: #4338ca;--background: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--success: #10b981;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: .6rem;--radius-md: 1rem;--radius-lg: 1.6rem;display:flex;width:100vw;height:100vh;background-color:var(--background);color:var(--text-primary);overflow:hidden;position:relative;transition:background-color .3s ease,color .3s ease;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,sans-serif;font-size:10px}.manager-page-layout[data-theme=dark]{--primary: #6366f1;--primary-hover: #4f46e5;--background: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--success: #34d399;--danger: #f87171;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3)}.manager-page-layout .sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.manager-page-layout .admin-sidebar{width:260px;height:100%;background-color:var(--surface);border-right:1px solid var(--border);padding:2rem 1.6rem;box-sizing:border-box;display:flex;flex-direction:column;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease;flex-shrink:0}@media(max-width:768px){.manager-page-layout .admin-sidebar{position:fixed;top:0;left:0;width:260px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.manager-page-layout .admin-sidebar.mobile-open{transform:translate(0)}}.manager-page-layout .admin-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;height:5rem;margin-bottom:2.5rem;padding:0 .4rem}.manager-page-layout .admin-sidebar .sidebar-header .logo-group{display:flex;align-items:center;gap:1rem;cursor:pointer}.manager-page-layout .admin-sidebar .sidebar-header .logo-group .logo-icon{height:3.6rem;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.manager-page-layout .admin-sidebar .sidebar-header .logo-group .logo-text{font-size:1.8rem;font-weight:800;letter-spacing:.1rem;color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.manager-page-layout .admin-sidebar .sidebar-header .collapse-btn{background:var(--background);border:1px solid var(--border);color:var(--text-secondary);border-radius:50%;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.manager-page-layout .admin-sidebar .sidebar-header .collapse-btn span{font-size:1.8rem}.manager-page-layout .admin-sidebar .sidebar-header .collapse-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.manager-page-layout .admin-sidebar .sidebar-menu{flex:1;overflow-y:auto;margin-bottom:2rem;padding-right:.2rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group{margin-bottom:2rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group .group-title{font-size:1.2rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05rem;padding:0 1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.8rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group .group-title span{font-size:1.6rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group .group-title-collapsed{display:flex;justify-content:center;color:var(--text-muted);margin-bottom:.8rem;padding:.5rem 0}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group .group-title-collapsed span{font-size:1.8rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;font-size:1.4rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li .sub-icon{font-size:2rem;color:var(--text-secondary);transition:color .2s ease}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li .menu-label{white-space:nowrap}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li:hover{background-color:var(--surface-hover);color:var(--text-primary)}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li:hover .sub-icon{color:var(--text-primary)}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.selected{background-color:#4f46e514;color:var(--primary);font-weight:700}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.selected .sub-icon{color:var(--primary)}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.selected[data-theme=dark]{background-color:#6366f126}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.board-menu-item{position:relative;color:var(--primary)}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.board-menu-item .sub-icon{color:var(--primary)}.manager-page-layout .admin-sidebar .sidebar-menu .menu-group ul li.board-menu-item .badge{background-color:var(--danger);color:#fff;font-size:1.1rem;font-weight:700;padding:.1rem .5rem;border-radius:1rem;min-width:1.6rem;text-align:center;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%)}.manager-page-layout .admin-sidebar .sidebar-footer{border-top:1px solid var(--border);padding-top:1.6rem;display:flex;flex-direction:column;gap:.8rem}.manager-page-layout .admin-sidebar .sidebar-footer .footer-btn{width:100%;display:flex!important;align-items:center!important;gap:1.2rem;padding:1rem 1.2rem;font-size:1.4rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s ease;box-sizing:border-box;cursor:pointer}.manager-page-layout .admin-sidebar .sidebar-footer .footer-btn .material-symbols-outlined{font-size:2rem!important;color:inherit}.manager-page-layout .admin-sidebar .sidebar-footer .footer-btn .btn-text{white-space:nowrap;font-size:1.4rem!important}.manager-page-layout .admin-sidebar .sidebar-footer .footer-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.manager-page-layout .admin-sidebar .sidebar-footer .logout-btn{color:var(--danger)}.manager-page-layout .admin-sidebar .sidebar-footer .logout-btn:hover{background-color:#ef444414;color:var(--danger)}.manager-page-layout.sidebar-collapsed .admin-sidebar{width:72px;padding:2rem .8rem}.manager-page-layout.sidebar-collapsed .admin-sidebar .sidebar-header,.manager-page-layout.sidebar-collapsed .admin-sidebar .sidebar-header .logo-group{justify-content:center}.manager-page-layout.sidebar-collapsed .admin-sidebar .sidebar-menu ul li{justify-content:center;padding:1rem}.manager-page-layout.sidebar-collapsed .admin-sidebar .sidebar-menu ul li.board-menu-item .badge{top:.2rem!important;right:.2rem!important;transform:none!important}.manager-page-layout.sidebar-collapsed .admin-sidebar .sidebar-footer .footer-btn{justify-content:center!important;padding:1rem!important}.manager-page-layout .main-container{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}.manager-page-layout .top-bar{height:70px;background-color:var(--surface);border-bottom:1px solid var(--border);padding:0 2.4rem;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease,border-color .3s ease;flex-shrink:0}.manager-page-layout .top-bar .top-bar-left{display:flex;align-items:center;gap:1.6rem}.manager-page-layout .top-bar .top-bar-left .menu-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:var(--radius-sm);transition:all .2s ease}.manager-page-layout .top-bar .top-bar-left .menu-toggle-btn span{font-size:2.2rem}.manager-page-layout .top-bar .top-bar-left .menu-toggle-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.manager-page-layout .top-bar .top-bar-left .breadcrumbs{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:500;color:var(--text-secondary)}.manager-page-layout .top-bar .top-bar-left .breadcrumbs .separator{color:var(--text-muted);font-size:1.2rem}.manager-page-layout .top-bar .top-bar-left .breadcrumbs .breadcrumb-item.active{color:var(--text-primary);font-weight:700}@media(max-width:480px){.manager-page-layout .top-bar .top-bar-left .breadcrumbs{display:none}}.manager-page-layout .top-bar .top-bar-right{display:flex;align-items:center;gap:1.8rem}.manager-page-layout .top-bar .top-bar-right .theme-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:3.6rem;height:3.6rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.manager-page-layout .top-bar .top-bar-right .theme-toggle-btn span{font-size:2.2rem}.manager-page-layout .top-bar .top-bar-right .theme-toggle-btn:hover{background-color:var(--surface-hover);color:var(--primary)}.manager-page-layout .top-bar .top-bar-right .admin-profile{display:flex;align-items:center;gap:1rem;padding-left:1.6rem;border-left:1px solid var(--border)}.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-avatar{width:3.6rem;height:3.6rem;border-radius:50%;background-color:var(--background);color:var(--primary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-avatar span{font-size:2rem}.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-info{display:flex;flex-direction:column;line-height:1.3}.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-info .profile-role{font-size:1.1rem;color:var(--text-muted);font-weight:600}.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-info .profile-name{font-size:1.3rem;color:var(--text-primary);font-weight:700}@media(max-width:576px){.manager-page-layout .top-bar .top-bar-right .admin-profile .profile-info{display:none}}.manager-page-layout .content-area{flex:1;overflow-y:auto;background-color:var(--background);padding:2.4rem;transition:background-color .3s ease}.manager-page-layout .content-area .content-wrapper{max-width:1400px;margin:0 auto;width:100%;height:100%}@media(max-width:768px){.manager-page-layout .content-area{padding:1.6rem}}.manager-page-layout .content-area .teacher-table,.manager-page-layout .content-area .student-table,.manager-page-layout .content-area .class-table,.manager-page-layout .content-area .view-class{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:3rem!important;box-shadow:var(--shadow-sm)!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease!important;box-sizing:border-box!important;height:auto!important;overflow:visible!important}.manager-page-layout .content-area .control{padding:1rem 0 2rem!important;background:transparent!important;border:none!important}.manager-page-layout .content-area .control .saveData{background:var(--primary)!important;background:linear-gradient(135deg,var(--primary) 0%,#818cf8 100%)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;padding:.8rem 2rem!important;font-size:1.4rem!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 12px #4f46e533!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}.manager-page-layout .content-area .control .saveData:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #4f46e54d!important}.manager-page-layout .content-area .control .saveData:active{transform:translateY(0)!important}.manager-page-layout .content-area input[type=text],.manager-page-layout .content-area input[type=date],.manager-page-layout .content-area select,.manager-page-layout .content-area textarea{background-color:var(--background)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:.6rem 1.2rem!important;font-size:1.4rem!important;outline:none!important;box-sizing:border-box!important;transition:all .2s ease!important}.manager-page-layout .content-area input[type=text]::placeholder,.manager-page-layout .content-area input[type=date]::placeholder,.manager-page-layout .content-area select::placeholder,.manager-page-layout .content-area textarea::placeholder{color:var(--text-muted)!important}.manager-page-layout .content-area input[type=text]:focus,.manager-page-layout .content-area input[type=date]:focus,.manager-page-layout .content-area select:focus,.manager-page-layout .content-area textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4f46e526!important}.manager-page-layout .content-area label{font-size:1.3rem!important;color:var(--text-secondary)!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important}.manager-page-layout .content-area label input[type=radio]{accent-color:var(--primary)!important}.manager-page-layout .content-area table{width:100%!important;border-collapse:collapse!important;background-color:transparent!important;background:transparent!important}.manager-page-layout .content-area table thead tr{background-color:var(--background)!important;background:var(--background)!important;border-bottom:2px solid var(--border)!important}.manager-page-layout .content-area table thead tr th{background-color:var(--background)!important;background:var(--background)!important;color:var(--text-secondary)!important;font-size:1.3rem!important;font-weight:700!important;padding:1.4rem 1rem!important;text-align:center!important;border:none!important;border-bottom:2px solid var(--border)!important;vertical-align:middle!important}.manager-page-layout .content-area table tbody tr{background-color:var(--surface)!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;transition:background-color .2s ease!important}.manager-page-layout .content-area table tbody tr:hover,.manager-page-layout .content-area table tbody tr:hover td{background-color:var(--surface-hover)!important}.manager-page-layout .content-area table tbody tr.divider td{height:.8rem!important;background-color:var(--background)!important;border:none!important}.manager-page-layout .content-area table tbody tr.orphan,.manager-page-layout .content-area table tbody tr.orphan td{background-color:#ef44440d!important}.manager-page-layout .content-area table tbody tr td{background-color:var(--surface)!important;padding:1.4rem 1rem!important;color:var(--text-primary)!important;font-size:1.4rem!important;vertical-align:middle!important;border:none!important;border-bottom:1px solid var(--border)!important;text-align:center!important;transition:background-color .2s ease!important}.manager-page-layout .content-area .orphan-badge{background:var(--danger)!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;padding:.2rem .6rem!important;border-radius:.3rem!important}.manager-page-layout .content-area .orphan-alert{background:#f59e0b14!important;border:1px solid rgba(245,158,11,.3)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;padding:1.4rem 2rem!important;margin-bottom:2rem!important;font-size:1.4rem!important;display:flex!important;align-items:center!important;gap:1.2rem!important}.manager-page-layout .content-area .orphan-alert .btn-delete-orphans{background-color:var(--danger)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;padding:.6rem 1.4rem!important;font-weight:700!important;cursor:pointer!important;margin-left:auto!important;transition:background-color .2s ease!important}.manager-page-layout .content-area .orphan-alert .btn-delete-orphans:hover{background-color:#dc2626!important}.manager-page-layout .content-area .delete,.manager-page-layout .content-area button.delete,.manager-page-layout .content-area .save,.manager-page-layout .content-area button.save{background:#ef44441a!important;color:var(--danger)!important;border:none!important;border-radius:var(--radius-sm)!important;font-weight:600!important;font-size:1.3rem!important;padding:.6rem 1.4rem!important;cursor:pointer!important;transition:all .2s ease!important}.manager-page-layout .content-area .delete:hover,.manager-page-layout .content-area button.delete:hover,.manager-page-layout .content-area .save:hover,.manager-page-layout .content-area button.save:hover{background:var(--danger)!important;color:#fff!important;transform:translateY(-1px)!important}.manager-page-layout .content-area .delete:active,.manager-page-layout .content-area button.delete:active,.manager-page-layout .content-area .save:active,.manager-page-layout .content-area button.save:active{transform:translateY(0)!important}.manager-page-layout .content-area td.add{background-color:var(--background)!important;border:2px dashed var(--border)!important;border-radius:var(--radius-sm)!important;padding:.5rem!important;cursor:pointer!important;transition:all .2s ease!important}.manager-page-layout .content-area td.add button{background:transparent!important;border:none!important;text-align:center!important;width:100%!important;padding:1.2rem!important;color:var(--primary)!important;font-weight:700!important;font-size:1.4rem!important;cursor:pointer!important}.manager-page-layout .content-area td.add:hover{background-color:#4f46e50d!important;border-color:var(--primary)!important}.manager-page-layout .content-area .modal-overlay{background:#0f172a80!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1001!important}.manager-page-layout .content-area .confirm-modal{background-color:var(--surface)!important;background:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:3rem!important;box-sizing:border-box!important}.manager-page-layout .content-area .confirm-modal h3{color:var(--text-primary)!important;font-size:2rem!important;font-weight:800!important;margin-bottom:1.5rem!important}.manager-page-layout .content-area .confirm-modal p{color:var(--text-secondary)!important;font-size:1.4rem!important;line-height:1.6!important}.manager-page-layout .content-area .confirm-modal .warn{color:var(--danger)!important}.manager-page-layout .content-area .confirm-modal .auth-notice{color:var(--text-muted)!important;font-size:1.2rem!important}.manager-page-layout .content-area .confirm-modal .student-list{background:var(--background)!important;border-left:4px solid var(--danger)!important;border-radius:var(--radius-sm)!important;padding:1.2rem 1.6rem 1.2rem 2.4rem!important}.manager-page-layout .content-area .confirm-modal .student-list li{color:var(--text-secondary)!important;font-size:1.3rem!important}.manager-page-layout .content-area .confirm-modal .id-list-box textarea{background-color:var(--background)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important}.manager-page-layout .content-area .confirm-modal .id-list-box .btn-copy{background-color:var(--primary)!important;color:#fff!important;border-radius:var(--radius-sm)!important}.manager-page-layout .content-area .confirm-modal .id-list-box .btn-copy:hover{background-color:var(--primary-hover)!important}.manager-page-layout .content-area .confirm-modal .modal-actions{display:flex!important;justify-content:flex-end!important;gap:1rem!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-cancel{background-color:var(--surface-hover)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:.8rem 2rem!important;font-size:1.4rem!important;font-weight:600!important;cursor:pointer!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-cancel:hover{background-color:var(--border)!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-class-only{background-color:#f59e0b26!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)!important;border-radius:var(--radius-sm)!important;padding:.8rem 2rem!important;font-size:1.4rem!important;font-weight:700!important;cursor:pointer!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-class-only:hover:not(:disabled){background-color:#f59e0b!important;color:#fff!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-class-only:disabled{opacity:.5!important;cursor:not-allowed!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-confirm{background-color:var(--danger)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;padding:.8rem 2rem!important;font-size:1.4rem!important;font-weight:700!important;cursor:pointer!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-confirm:hover:not(:disabled){background-color:#dc2626!important}.manager-page-layout .content-area .confirm-modal .modal-actions .btn-confirm:disabled{opacity:.5!important;cursor:not-allowed!important}.student-info[data-v-1c75cc3a]{margin:auto;padding-top:3rem;display:flex;flex-direction:column;align-items:center}.student-info .go-home[data-v-1c75cc3a]{height:5rem;margin:0 auto;display:flex;cursor:pointer}.student-info .container[data-v-1c75cc3a]{margin:auto 0;display:flex;flex-wrap:wrap;width:100%;align-content:flex-start;gap:2.5rem;padding:5rem 1rem 2rem;box-sizing:border-box;max-width:1024px;font-size:1.5rem;font-weight:800}.student-info .container strong[data-v-1c75cc3a]{color:#ff5d5d;font-weight:900}.student-info .container>div[data-v-1c75cc3a]{flex:1 1 30rem;background-color:#e6f7fe;border-radius:1rem;position:relative;padding:4rem 2.5rem 2.5rem;box-sizing:border-box}.student-info .container>div.colspan[data-v-1c75cc3a]{flex-basis:100%}.student-info .container>div .title[data-v-1c75cc3a]{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);border-radius:10rem;font-size:1.5rem;font-weight:700;text-wrap:nowrap;color:#fff;display:flex;align-items:center;justify-content:center;padding:1.2rem 2.5rem;background:radial-gradient(at 20% 20%,#424fc899,#424fc8 60%),linear-gradient(to right,#fff,#fff)}.student-info .container .stats[data-v-1c75cc3a]{display:flex;flex-direction:column;row-gap:2rem}.student-info .container .stats .finger-point[data-v-1c75cc3a]{display:flex;align-items:center;font-size:1.5rem;font-weight:800}.student-info .container .stats .finger-point img[data-v-1c75cc3a]{height:5rem;margin-left:auto}.student-info .container .stats .study-hours .hor[data-v-1c75cc3a]{display:flex;margin-top:1rem}.student-info .container .stats .study-hours .hor img[data-v-1c75cc3a]{height:5rem}.student-info .container .stats .study-hours .hor .text[data-v-1c75cc3a]{display:flex;flex-direction:column;justify-content:center;row-gap:1rem;margin-left:1rem;font-size:1.2rem;font-weight:700}.student-info .container .stats .study-hours .hor .text div[data-v-1c75cc3a]{display:flex}.student-info .container .stats .study-hours .hor .text div strong[data-v-1c75cc3a]{margin-left:1rem}.student-info .container .profile[data-v-1c75cc3a]{display:flex;flex-wrap:wrap;font-size:1.5rem;gap:2rem}.student-info .container .profile img[data-v-1c75cc3a]{cursor:pointer;height:8rem;width:8rem;margin:0 auto;object-fit:contain;aspect-ratio:1;border-radius:50%;background-color:#fff;border:3px solid rgb(21,22,39)}.student-info .container .profile .text[data-v-1c75cc3a]{display:grid;grid-template-columns:auto 1fr;flex:1;gap:1.5rem 1rem}.student-info .container .profile .text .label[data-v-1c75cc3a]{font-weight:400}.student-info .container .homework[data-v-1c75cc3a]{display:flex;flex-direction:column;row-gap:2rem}.student-info .container .homework .row[data-v-1c75cc3a]{display:flex;flex-wrap:wrap;gap:1rem}.student-info .container .homework .row-item[data-v-1c75cc3a]{display:flex;flex-direction:column;row-gap:1rem}.student-info .container .studying .list[data-v-1c75cc3a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem}.student-info .container .studying .list img[data-v-1c75cc3a]{width:100%;border-radius:.4rem;box-shadow:2px 4px 8px #0006}.student-info .container .completed .list[data-v-1c75cc3a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem}.student-info .container .completed .list img[data-v-1c75cc3a]{width:100%;border-radius:.4rem;box-shadow:2px 4px 8px #0006}.student-info .homework-history table[data-v-1c75cc3a]{width:100%}.student-info .homework-history table thead tr th[data-v-1c75cc3a]{font-weight:900;border-bottom:1px solid black;padding:1rem}.student-info .homework-history table thead tr th.content[data-v-1c75cc3a]{text-align:left}.student-info .homework-history table tbody tr:first-child td[data-v-1c75cc3a]{padding-top:2rem}.student-info .homework-history table tbody tr td[data-v-1c75cc3a]{padding:1.5rem 1rem;text-align:center}.student-info .homework-history table tbody tr td.content[data-v-1c75cc3a]{text-align:left}.student-list[data-v-502138d2]{width:100%;height:100%;overflow-y:auto;position:relative}.student-list .construction[data-v-502138d2]{color:red;font-size:1.7rem;display:flex;align-items:center;justify-content:center}.student-list .homework[data-v-502138d2]{text-align:center;margin:1rem 0}.student-list .homework select[data-v-502138d2]{padding:.4em 1em;width:auto;min-width:20rem;max-width:60%;border:0;border-radius:1rem;font-size:1.7rem;background-color:#c4e5ff}.student-list table[data-v-502138d2]{width:100%;font-size:1.6rem}.student-list table thead[data-v-502138d2]{border-bottom:1px solid black}.student-list table tr th[data-v-502138d2]{font-weight:bolder;padding:1rem;line-height:1.6;vertical-align:middle}.student-list table tr td[data-v-502138d2]{padding:1rem;vertical-align:middle;text-align:center}.student-list table tr td .profile[data-v-502138d2]{height:4rem;border-radius:50%;border:1px solid gray;background-color:#fff}.student-list table tr td .point-input[data-v-502138d2]{border:0;width:8rem;background-color:#fff;border-radius:1rem;padding:.5em 1em}.student-list table tr td .point-input[data-v-502138d2]::placeholder{color:#aaa}.student-list table tr td .btn[data-v-502138d2]{font-size:inherit;padding:.4em 1em;margin-left:1rem;background-color:#507f8b;color:#fff;border-radius:.5rem}.construction[data-v-9a571e9f]{color:red;font-size:1.7rem;display:flex;align-items:center;justify-content:center}.homework[data-v-9a571e9f]{width:100%;height:100%;overflow-y:auto}.homework table[data-v-9a571e9f]{width:100%}.homework table thead tr th[data-v-9a571e9f]{font-size:1.6rem;font-weight:700;padding:.5rem 2rem;text-align:center}.homework table tbody tr td[data-v-9a571e9f]{padding:.5em 1em;text-align:center;font-size:2rem;vertical-align:middle}.homework table tbody tr td select[data-v-9a571e9f]{font-size:.8em;padding:.3em 1em;border:0;border-radius:.5rem}.homework table tbody tr td input[type=date][data-v-9a571e9f]{width:auto;padding:.8rem 1.5rem;box-sizing:border-box;font-size:.8em;border:0;border-radius:.5rem}.homework table tbody tr td button[data-v-9a571e9f]{padding:.5em 1em;color:#fff;margin-right:1rem;border-radius:1rem;font-weight:700}.homework table tbody tr td button.save[data-v-9a571e9f]{background-color:#f45124}.homework table tbody tr td button.delete[data-v-9a571e9f]{background-color:gray}.homework table tbody tr td.add[data-v-9a571e9f]{font-size:1.8rem;background-color:#65b4b0;color:#fff;border-radius:1rem;cursor:pointer}.homework table tbody tr td.content[data-v-9a571e9f]{width:100%}.homework table tbody tr td.content input[data-v-9a571e9f]{width:100%;padding:.8rem 1.5rem;box-sizing:border-box;font-size:.8em;border:0;border-radius:.5rem}.homework table tbody tr td.save[data-v-9a571e9f]{width:5rem}.homework table tbody tr td.save button[data-v-9a571e9f]{padding:.5em 1em;color:#fff;font-size:2rem;border-radius:1rem;font-weight:700;background-color:#65baff}.homework h2[data-v-9a571e9f]{font-size:3rem;margin-top:3rem;font-weight:700;margin-left:1rem}.teacher-page{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-wrap:nowrap}.teacher-page.student-page .header{display:none}.teacher-page .header{width:100%;display:flex;justify-content:center;align-items:center}.teacher-page .header .go-home img{width:5rem}.teacher-page .header .teacher-info{margin-left:2rem;width:fit-content;padding:1rem 3rem;color:#fff;border-radius:1rem;font-weight:500;font-size:1.7rem;display:flex;column-gap:1rem;background-color:#181a7c}.teacher-page .container{max-width:100%;margin-top:2rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.teacher-page .container nav{display:flex;column-gap:1rem}.teacher-page .container nav button{background-color:#ccc;color:#777;font-size:1.6rem;padding:.5em 1em;border-radius:1rem 1rem 0 0}.teacher-page .container nav button.active{border-bottom:0;background-color:#e6f7fe;color:#000}.teacher-page .container nav button.board-btn{margin-left:auto;border-bottom:0;background-color:#525841;color:#fff;display:flex;align-items:center;gap:.5rem}.teacher-page .container nav button.board-btn .badge{background-color:#e74c3c;color:#fff;font-size:1.1rem;padding:.2rem .5rem;border-radius:1rem;min-width:1.8rem;text-align:center}.teacher-page .container nav button.change-pw{margin-left:1rem;border-bottom:0;background-color:#ffc6b6;color:#000}.teacher-page .container main{padding:2rem;background-color:#e6f7fe;border-radius:0 0 1rem 1rem;height:65rem;width:110rem;max-width:100%}.avatar-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0003;display:flex;align-items:center;justify-content:center}.avatar-modal .modal{width:80vw;border-radius:1rem;background-color:#fff;padding:5vw;position:relative}.avatar-modal .modal h2{font-size:5rem;text-align:center;margin-bottom:4rem;font-weight:700}.avatar-modal .modal .close{position:absolute;top:3vw;right:3vw;font-size:5vw}.avatar-modal .modal .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:3vw}.avatar-modal .modal .list div img{width:100%;height:100%;object-fit:contain;border-radius:50%;border:1px solid gray;cursor:pointer}.avatar-modal .modal .list div img:hover{background-color:#617fe8}@media(max-width:768px){.avatar-modal .modal .list{grid-template-columns:repeat(auto-fit,minmax(5rem,1fr))}}.account-profile{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.account-profile .btns{display:flex;justify-content:center;column-gap:1rem;padding-bottom:3rem}.account-profile .btns button{font-size:1.6rem;padding:.5em .9em;background-color:#fff;border-radius:.3em;width:130px;color:#fff;cursor:pointer;transition:all .3s ease;background:linear-gradient(0deg,#434fc8,#8a8cdb)}.help-modal-overlay[data-v-e53c8c3a]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-content[data-v-e53c8c3a]{position:relative;width:100%;height:100%;pointer-events:none;font-family:Dongle,sans-serif}.guide-angel[data-v-e53c8c3a]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:20vw;max-width:260px;animation:float-center-e53c8c3a 2.5s ease-in-out infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));z-index:10}@keyframes float-center-e53c8c3a{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,calc(-50% - 20px)) rotate(2deg)}to{transform:translate(-50%,-50%) rotate(0)}}.speech-bubble[data-v-e53c8c3a]{background:#fffffff2;border-radius:2.5rem;padding:1rem 2rem;font-size:3.2rem;line-height:1;font-weight:700;color:#333;box-shadow:0 10px 30px #00000026;border:4px solid #ffd700;text-align:center;position:absolute;z-index:11}.main-bubble[data-v-e53c8c3a]{top:55%;left:50%;transform:translate(-50%);max-width:40rem;word-break:keep-all}.main-bubble[data-v-e53c8c3a]:after{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);border-width:0 15px 20px;border-style:solid;border-color:transparent transparent #ffd700 transparent}.guide-item[data-v-e53c8c3a]{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:12}.guide-item .bubble[data-v-e53c8c3a]{background:#fff9e6;border:3px solid #ff94ae;border-radius:2rem;padding:.8rem 1.5rem;font-size:2.8rem;line-height:1;font-weight:700;color:#8a4a5a;box-shadow:0 8px 20px #0000001a;text-align:center;word-break:keep-all}.guide-item .arrow[data-v-e53c8c3a]{font-size:4rem;margin:5px;animation:bounce-e53c8c3a .8s infinite alternate}@keyframes bounce-e53c8c3a{0%{transform:translateY(0) scale(1)}to{transform:translateY(-15px) scale(1.1)}}.top-left[data-v-e53c8c3a]{top:8rem;left:4rem;flex-direction:row;align-items:flex-start}.top-left .arrow[data-v-e53c8c3a]{margin-right:15px;animation:bounceX-e53c8c3a .8s infinite alternate}.top-center-profile[data-v-e53c8c3a]{top:15rem;left:50%;transform:translate(-50%);flex-direction:column;align-items:center}.top-center-profile .arrow[data-v-e53c8c3a]{margin-bottom:10px;animation:bounceY-e53c8c3a .8s infinite alternate}@keyframes bounceY-e53c8c3a{0%{transform:translateY(0) scale(1)}to{transform:translateY(-15px) scale(1.1)}}@keyframes bounceX-e53c8c3a{0%{transform:translate(0) scale(1)}to{transform:translate(15px) scale(1.1)}}.day-guides[data-v-e53c8c3a]{width:100%;height:100%}.home-guide[data-v-e53c8c3a]{top:3.5rem;left:0%;flex-direction:column-reverse}.back-guide[data-v-e53c8c3a]{top:3.5rem;left:12%;flex-direction:column-reverse}.menu-guide[data-v-e53c8c3a]{top:3.5rem;left:50%;transform:translate(-50%);flex-direction:column-reverse}.close-btn[data-v-e53c8c3a]{pointer-events:auto;position:absolute;bottom:4rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff5e7e,#ff2a5f);color:#fff;border:none;padding:.5rem 4rem;font-size:3.5rem;font-family:Dongle,sans-serif;font-weight:700;border-radius:4rem;cursor:pointer;box-shadow:0 8px 25px #ff5e7e66;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.close-btn[data-v-e53c8c3a]:hover{transform:translate(-50%) scale(1.1);box-shadow:0 12px 35px #ff5e7e80}.close-btn[data-v-e53c8c3a]:active{transform:translate(-50%) scale(.9)}@media(max-width:768px){.guide-angel[data-v-e53c8c3a]{width:30vw;top:35%;left:50%;right:auto;bottom:auto}.main-bubble[data-v-e53c8c3a]{font-size:2.2rem;top:52%;left:50%;right:auto;bottom:auto}.guide-item .bubble[data-v-e53c8c3a]{font-size:1.8rem}.close-btn[data-v-e53c8c3a]{font-size:2.5rem;bottom:2rem}}.book-content{display:flex;flex-direction:column;row-gap:1rem;height:100%;position:relative}.book-content .go-home{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;background-color:#ffffffe6;padding:.5rem 1rem;border-radius:2rem;box-shadow:0 2px 8px #00000026;transition:transform .2s,box-shadow .2s;z-index:10}.book-content .go-home:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.book-content .go-home .icon{font-size:2rem}.book-content .go-home span{font-family:Dongle,sans-serif;font-size:2.2rem;font-weight:700;color:#555;line-height:1}.book-content .help-btn{position:fixed;top:3rem;right:3rem;bottom:auto;width:8rem;height:8rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0003;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:4px solid #ffd700;overflow:hidden;animation:float-btn 3s ease-in-out infinite}.book-content .help-btn:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/assets/guide_angel-DNTtXO88.png);background-size:80%;background-position:center;background-repeat:no-repeat;transition:transform .3s}.book-content .help-btn:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 15px 30px #0000004d}.book-content .help-btn:hover:before{transform:scale(1.1)}@media(max-width:1024px){.book-content .help-btn{bottom:1.5rem;right:1.5rem;width:5rem;height:5rem;font-size:2.5rem}}.book-content .book-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:3vw 4vw;gap:2vw;margin:2vw 4vw;background:#fff;border-radius:.5rem;position:relative;border:1.2rem solid;border-image:linear-gradient(135deg,#8b5a2b,#d4a574 15%,#c4956a 25%,#8b5a2b 40%,sienna 50%,#d4a574,#8b5a2b 80%,#c4956a,#8b5a2b) 1;box-shadow:inset 0 0 15px #0000001a,0 8px 25px #0000004d,0 3px 10px #0003}.book-content .book-wrapper:before{content:"";position:absolute;top:-1.4rem;left:-1.4rem;right:-1.4rem;bottom:-1.4rem;border:3px solid rgba(255,220,180,.5);border-radius:.8rem;pointer-events:none}.book-content .book-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 20px #8b5a2b33;pointer-events:none;border-radius:.3rem}.book-content .book-wrapper .left{width:20%}.book-content .book-wrapper .left img{width:100%}.book-content .book-wrapper .left p{font-family:Dongle,sans-serif;background-color:#ffd109;color:#79610b;font-size:2.4rem;padding:.2em .5em;font-weight:900;line-height:1.1;box-sizing:border-box;text-align:center;border-radius:.5rem}.book-content .book-wrapper .right{flex:1;display:flex;flex-direction:column;row-gap:1rem;box-sizing:border-box;font-size:2rem}.book-content .book-wrapper .right .lesson{animation:fade-slide-down .3s}.book-content .book-wrapper .right .lesson:nth-child(4n-3) h3{background-color:#01b7cd}.book-content .book-wrapper .right .lesson:nth-child(4n-3) .bg{background-color:#37cce0}.book-content .book-wrapper .right .lesson:nth-child(4n-3) span{color:#016b7a}.book-content .book-wrapper .right .lesson:nth-child(4n-2) h3{background-color:#6d9002}.book-content .book-wrapper .right .lesson:nth-child(4n-2) .bg{background-color:#758c31}.book-content .book-wrapper .right .lesson:nth-child(4n-2) span{color:#3b5200}.book-content .book-wrapper .right .lesson:nth-child(4n-1) h3{background-color:#8877d3}.book-content .book-wrapper .right .lesson:nth-child(4n-1) .bg{background-color:#aa9ceb}.book-content .book-wrapper .right .lesson:nth-child(4n-1) span{color:#524493}.book-content .book-wrapper .right .lesson:nth-child(4n) h3{background-color:#ff94ae}.book-content .book-wrapper .right .lesson:nth-child(4n) .bg{background-color:#f5acbf}.book-content .book-wrapper .right .lesson:nth-child(4n) span{color:#8a4a5a}.book-content .book-wrapper .right .lesson.review h3{background-color:#f7941c}.book-content .book-wrapper .right .lesson.review .bg{background-color:#f3ac54}.book-content .book-wrapper .right .lesson.review span{color:#914d5d}.book-content .book-wrapper .right .lesson h3{font-family:Dongle,sans-serif;font-size:3.2rem;padding:.3em 1em;color:#fff;font-weight:700;margin-bottom:2px;line-height:.9}.book-content .book-wrapper .right .lesson .days{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2px;margin-top:1px;position:relative}.book-content .book-wrapper .right .lesson .days .link{height:7rem;padding:0 .5rem;font-family:Dongle,sans-serif;font-size:3.2rem;box-sizing:border-box;background-color:#ffffffe6;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-content .book-wrapper .right .lesson .days .link .bg{position:absolute;top:0;left:0;width:100%;height:100%}.book-content .book-wrapper .right .lesson .days .link .title{position:relative;font-weight:900;margin-top:.3rem}.book-content .book-wrapper .right .lesson .days .link .activities{position:relative;display:flex;margin-top:.4rem;gap:.5rem;justify-content:center;flex-wrap:wrap}.book-content .book-wrapper .right .lesson .days .link .activities .item{width:1rem;height:1rem;border-radius:50%;background-color:#f0d705;border:2px solid #918300}.book-content .book-wrapper .right .lesson .days .link .activities .item.active{background-color:#11f1a1;border-color:#1465ff}@media(max-width:1024px){.book-content .book-wrapper{padding:1.5rem;margin:1rem 2rem;border-width:1rem}.book-content .book-wrapper:before{top:-1.2rem;left:-1.2rem;right:-1.2rem;bottom:-1.2rem}.book-content .book-wrapper .left .curr-prog{font-size:1.2rem}.book-content .book-wrapper .right{padding-left:1rem}}@media(max-width:768px){.book-content .go-home{top:.5rem;left:.5rem;padding:.3rem .8rem}.book-content .go-home .icon{font-size:1.5rem}.book-content .go-home span{font-size:1.2rem}.book-content .help-btn{top:.5rem;right:.5rem;width:3.5rem;height:3.5rem;font-size:1.8rem}.book-content .book-wrapper{flex-direction:column;align-items:normal;height:auto;padding:4rem 1rem 1rem;margin:.5rem;border-width:.6rem}.book-content .book-wrapper:before{top:-.8rem;left:-.8rem;right:-.8rem;bottom:-.8rem}.book-content .book-wrapper .left{display:grid;grid-template-rows:1fr auto;row-gap:.5rem;width:100%;height:30%}.book-content .book-wrapper .left img{width:100%;height:100%;object-fit:contain}.book-content .book-wrapper .left p{width:100%}.book-content .book-wrapper .right{padding-left:0}}.applet-opening[data-v-888429b4]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:flex;align-items:center;justify-content:center;perspective:1000px}.applet-opening .bg[data-v-888429b4]{width:100%;height:100%;position:absolute;top:0;left:0;background:radial-gradient(circle at center,#859ced,#b5e1f6 65%,#7ecbef);box-shadow:inset 0 0 100px #00000026}.applet-opening .title[data-v-888429b4]{position:relative;z-index:2;text-align:center;word-break:keep-all}.applet-opening .title span[data-v-888429b4]{position:relative;display:inline-block;font-size:7vw;font-weight:800;color:#fff;opacity:0;transform:translateY(60px) scale(.4) rotate(-15deg);filter:blur(4px);animation-name:bounceIn-888429b4;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:forwards;text-shadow:0 2px 10px rgba(0,0,0,.2),0 0 15px rgba(255,255,255,.6),0 0 25px rgb(97,127,232),0 0 45px rgb(97,127,232)}.applet-opening .title span.blank[data-v-888429b4]{width:2.2vw}.portal-enter-from[data-v-888429b4]{opacity:0;clip-path:circle(0% at center);transform:scale(.65) rotateY(20deg)}.portal-enter-active[data-v-888429b4]{transition:opacity .5s ease,clip-path .75s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1)}.portal-enter-to[data-v-888429b4]{opacity:1;clip-path:circle(100% at center);transform:scale(1) rotateY(0)}.portal-leave-from[data-v-888429b4]{opacity:1;transform:scale(1);filter:blur(0px)}.portal-leave-active[data-v-888429b4]{transition:opacity .7s ease,transform .8s cubic-bezier(.76,0,.24,1),filter .6s ease}.portal-leave-to[data-v-888429b4]{opacity:0;transform:scale(4.5);filter:blur(12px)}@keyframes bounceIn-888429b4{0%{opacity:0;transform:translateY(60px) scale(.4) rotate(-15deg);filter:blur(4px)}20%{opacity:1;transform:translateY(-20px) scale(1.15) rotate(5deg);filter:blur(0)}32%{transform:translateY(8px) scale(.93) rotate(-2deg)}42%{transform:translateY(0) scale(1) rotate(0)}78%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:0;transform:translateY(-40px) scale(1.3) rotate(5deg);filter:blur(8px)}}.reaction{position:fixed;top:0;left:0;z-index:10000000;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.reaction:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3}.reaction .confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.reaction img{z-index:2;max-height:80%;max-width:90%;filter:drop-shadow(0px -2px 5px rgba(255,255,255,.4)) drop-shadow(10px 20px 25px rgba(0,0,0,.5));animation:pop-3d .4s ease-out forwards,floating 2.5s ease-in-out .4s infinite}.nav-bar{position:absolute;top:0;left:0;background-color:#5384ed;font-size:1.5rem;display:flex;width:100%;height:5rem;padding:0 1rem;box-sizing:border-box;text-wrap:nowrap;z-index:10000;transition:transform .5s}.nav-bar.hidden{transform:translateY(-100%)}.nav-bar .toggle{position:absolute;top:100%;left:50%;transform:translate(-50%);padding:.3em .7em;font-weight:bolder;font-size:clamp(20px,2.5vh,40px);background-color:#5384ed;color:#fff;border-radius:0 0 .8rem .8rem;box-shadow:0 4px 6px #0003;border:2px solid #fff;border-top:none}.nav-bar .nav-left{display:flex;align-items:center;gap:1rem;margin-right:1.5rem}.nav-bar .nav-btn{display:flex;align-items:center;gap:.6rem;background-color:#ffffffe6;border:3px solid transparent;border-radius:25px;padding:.2rem 1.2rem;font-family:Dongle,sans-serif;font-size:2.2rem;font-weight:700;color:#333;cursor:pointer;box-shadow:0 3px 6px #00000026;transition:all .2s;line-height:1}.nav-bar .nav-btn:active{transform:scale(.95)}.nav-bar .nav-btn .icon{font-size:2.2rem}.nav-bar .nav-btn .mini-angel{height:3rem;width:auto}.nav-bar .nav-btn.go-home{border-color:#4caf50;color:#2e7d32}.nav-bar .nav-btn.help{border-color:gold;color:#79610b;background-color:#fff;animation:float-mini 3s ease-in-out infinite}.nav-bar .nav-btn.help:hover{background-color:#fff9e6}@keyframes float-mini{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.nav-bar .curr-page-label{color:#fff;text-shadow:1px 1px 2px black;padding:0 .5em;font-family:Dongle,sans-serif;font-size:2.4rem;font-weight:700;opacity:.9;line-height:1}.nav-bar .activities{flex:1;display:flex;align-items:center;column-gap:1rem;overflow:hidden}.nav-bar .activities .btn{color:#fff;font-weight:900;font-size:1.3em}.nav-bar .activities .btn.next{margin-left:auto}.nav-bar .activities .list{width:100%;display:flex;column-gap:.5rem;overflow:hidden}.nav-bar .activities .list button{padding:.2em 0;flex:0 0 20rem;transition:transform .5s;border-radius:1rem;height:80%;position:relative;font-family:Dongle,sans-serif;font-weight:700;font-size:2.6rem;background-color:#ffffffd9;color:#2d2d2d;filter:brightness(.9);text-shadow:.5px .5px 1px rgba(0,0,0,.1);border:2px solid rgba(255,255,255,.8);line-height:1}.nav-bar .activities .list button.active{filter:none;background-color:#fff;color:#000;font-weight:900;text-shadow:none;border:2px solid #ffd700;box-shadow:0 0 8px #ffd70099}.nav-bar .activities .list button:nth-child(5n-4):not(.active){background-color:#fff9e6;color:#b88500}.nav-bar .activities .list button:nth-child(5n-3):not(.active){background-color:#fff0f7;color:#d6007a}.nav-bar .activities .list button:nth-child(5n-2):not(.active){background-color:#f0fffd;color:#008a7d}.nav-bar .activities .list button:nth-child(5n-1):not(.active){background-color:#f5f5ff;color:#4a4b8c}.nav-bar .activities .list button:nth-child(5n):not(.active){background-color:#f0f8ff;color:#0092d4}@media(max-width:768px){.nav-bar{flex-wrap:wrap;height:auto;padding:.5rem 1.5rem 1.5rem}.nav-bar .nav-left{width:100%;justify-content:flex-start;margin-bottom:.5rem;gap:.5rem}.nav-bar .curr-page-label{padding:0 .5rem;font-size:1rem}.nav-bar .activities{flex:0 0 auto;width:100%}}.day-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.day-content__main{width:100%;height:100%;overflow:hidden}.applet-fade-enter-from{opacity:0;transform:scale(.96) translateY(12px)}.applet-fade-enter-active{transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.applet-fade-enter-to,.applet-fade-leave-from{opacity:1;transform:scale(1) translateY(0)}.applet-fade-leave-active{transition:opacity .4s ease,transform .4s ease}.applet-fade-leave-to{opacity:0;transform:scale(1.04) translateY(-12px)}.category-list[data-v-7da804d6]{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.series-selector[data-v-7da804d6]{display:flex;background-color:#0000000d;padding:.5rem;border-radius:50px;gap:.5rem;margin-bottom:2rem;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px #0000001a}.series-btn[data-v-7da804d6]{padding:.5rem 2.8rem;border-radius:40px;font-family:Dongle,sans-serif;font-size:3.2rem;font-weight:700;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.8rem;background-color:transparent;line-height:1}.series-btn .dot[data-v-7da804d6]{width:10px;height:10px;background-color:#ccc;border-radius:50%;transition:all .3s}.series-btn.active[data-v-7da804d6]{background-color:#fff;color:#2d2d2d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.series-btn.active .dot[data-v-7da804d6]{background-color:#ff94ae;box-shadow:0 0 10px #ff94aecc}.series-btn[data-v-7da804d6]:not(.active):hover{background-color:#fff6;color:#444}.category-grid[data-v-7da804d6]{display:grid;grid-template-columns:repeat(auto-fit,15rem);justify-content:center;gap:4rem;padding:3rem;width:100%;max-width:1200px;margin:0 auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none}.category-grid .category-list__item[data-v-7da804d6]{display:flex;justify-content:center;align-items:center;padding:.5rem;border-radius:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.category-grid .category-list__item.router-link-active[data-v-7da804d6]{transform:scale(1.15);background-color:transparent;box-shadow:none}.category-grid .category-list__item.router-link-active[data-v-7da804d6]:after{content:"✓";position:absolute;top:-8px;right:-8px;font-size:2.4rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);width:4.2rem;height:4.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px #2ecc714d;border:3px solid #fff;z-index:10;transform:rotate(10deg);animation:pop-in-7da804d6 .4s cubic-bezier(.175,.885,.32,1.275)}.category-grid .category-list__item.router-link-active img[data-v-7da804d6]{filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.category-grid .category-list__item img[data-v-7da804d6]{max-width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .3s ease}.category-grid .category-list__item img[data-v-7da804d6]:hover{transform:translateY(-8px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.15))}@keyframes pop-in-7da804d6{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}@media(max-width:1024px){.series-btn[data-v-7da804d6]{font-size:1.4rem;padding:.6rem 1.5rem}.category-grid[data-v-7da804d6]{width:95%;gap:1rem;padding:1.5rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}.book-list{display:grid;width:90%;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));grid-gap:4rem;padding:4rem 1rem}.book-list__item{animation:fade-slide-down .7s;display:flex;flex-direction:column;align-items:center}.book-list__item .cover{width:100%;max-width:280px;border-radius:1.5rem;border:4px solid #fff;box-shadow:0 10px 25px #00000026;transition:all .4s cubic-bezier(.165,.84,.44,1)}.book-list__item .cover:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px #00000040}.book-list__item .title{font-family:Dongle,sans-serif;text-align:center;font-weight:700;font-size:4.2rem;margin-top:.5rem;color:#5d4037;line-height:.8;letter-spacing:-.5px;word-break:keep-all;text-shadow:2px 2px 0px rgba(255,255,255,.8)}@media(max-width:768px){.book-list{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.user-profile[data-v-f3b235ab]{display:flex;align-items:center;justify-content:center;width:fit-content;margin:2rem auto 0;column-gap:1rem}.user-profile .info[data-v-f3b235ab]{text-align:right;font-family:Dongle,sans-serif;line-height:.9;cursor:initial;display:flex;flex-direction:column;gap:.2rem}.user-profile .info .name[data-v-f3b235ab]{font-weight:700;font-size:3.2rem;color:#2d2d2d}.user-profile .info .classRoom[data-v-f3b235ab]{font-size:2.6rem;color:#444}.user-profile .info .kinder[data-v-f3b235ab]{font-size:2.2rem;color:#1b9cfc;font-weight:700}.user-profile img[data-v-f3b235ab]{height:10rem;width:10rem;cursor:pointer;border-radius:50%;object-fit:cover;box-shadow:0 8px 16px #00000026;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.user-profile img[data-v-f3b235ab]:hover{transform:scale(1.1) rotate(5deg)}.user-profile img.user[data-v-f3b235ab]{border:4px solid #fff;background-color:#fff}.user-profile .logout[data-v-f3b235ab]{font-family:Dongle,sans-serif;font-size:2.4rem;padding:.4rem 1.8rem;background:linear-gradient(135deg,#efef83,#e1e176);box-shadow:0 4px 10px #0000001a;border:2px solid #fff;color:#5d5d2c;font-weight:700;border-radius:50px;cursor:pointer;transition:all .2s}.user-profile .logout[data-v-f3b235ab]:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026;background:linear-gradient(135deg,#f5f5a0,#efef83)}.user-profile .logout[data-v-f3b235ab]:active{transform:translateY(0)}.board-btn{position:fixed;top:3rem;right:13rem;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;background:#525841;color:#fff;font-size:1.8rem;font-weight:700;border-radius:2rem;box-shadow:0 6px 16px #00000026;cursor:pointer;z-index:100}.board-btn .badge{background:#e74c3c;color:#fff;font-size:1.2rem;padding:.2rem .6rem;border-radius:1rem;min-width:2rem;text-align:center}.help-btn{position:fixed;top:3rem;right:3rem;bottom:auto;width:8rem;height:8rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0003;z-index:100;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:4px solid #ffd700;overflow:hidden;animation:float-btn 3s ease-in-out infinite}.help-btn:before{content:"";position:absolute;width:100%;height:100%;background-image:url(/assets/guide_angel-DNTtXO88.png);background-size:80%;background-position:center;background-repeat:no-repeat;transition:transform .3s}.help-btn:hover{transform:scale(1.1) rotate(10deg);box-shadow:0 15px 30px #0000004d}.help-btn:hover:before{transform:scale(1.1)}@media(max-width:768px){.help-btn{width:6rem;height:6rem;top:1.5rem;right:1.5rem;bottom:auto}}@keyframes float-btn{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:768px){.help-btn{top:.5rem;right:.5rem;width:3.5rem;height:3.5rem;font-size:1.8rem}}.board-search-bar[data-v-86c2306f]{display:flex;gap:.5rem}.board-search-bar input[data-v-86c2306f]{flex:1;padding:.8rem 1rem;font-size:1.4rem;border:1px solid #ddd;border-radius:.5rem}.board-search-bar input[data-v-86c2306f]:focus{outline:none;border-color:#525841}.board-search-bar button[data-v-86c2306f]{padding:.8rem 1.5rem;background-color:#525841;color:#fff;font-size:1.4rem;border-radius:.5rem}.board-pagination[data-v-f3a69986]{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem;border-top:1px solid #eee}.board-pagination button[data-v-f3a69986]{padding:.8rem 1.5rem;font-size:1.4rem;background-color:#525841;color:#fff;border-radius:.5rem}.board-pagination button[data-v-f3a69986]:disabled{background-color:#ccc;cursor:not-allowed}.board-pagination .page-info[data-v-f3a69986]{font-size:1.4rem;color:#666}@media(max-width:768px){.board-pagination[data-v-f3a69986]{gap:1rem;padding:1.5rem}.board-pagination button[data-v-f3a69986]{padding:.6rem 1rem;font-size:1.3rem}}.notice-board[data-v-64fa753f]{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.notice-board .board-toolbar[data-v-64fa753f]{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #eee}.notice-board .board-toolbar h2[data-v-64fa753f]{font-size:2rem;font-weight:700;color:#333;margin:0}.notice-board .board-toolbar .write-btn[data-v-64fa753f]{background-color:#525841;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-size:1.4rem;font-weight:700}.notice-board .board-toolbar .write-btn[data-v-64fa753f]:hover{background-color:#373b2b}.notice-board .board-search[data-v-64fa753f]{padding:1.5rem 2rem;background-color:#f8f9fa;border-bottom:1px solid #eee}.notice-board .loading[data-v-64fa753f],.notice-board .empty[data-v-64fa753f]{padding:4rem;text-align:center;color:#999;font-size:1.6rem}.notice-board .notice-list[data-v-64fa753f]{list-style:none;padding:0;margin:0}.notice-board .notice-list li[data-v-64fa753f]{padding:1.5rem 2rem;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.notice-board .notice-list li[data-v-64fa753f]:hover{background-color:#f9f9f9}.notice-board .notice-list li[data-v-64fa753f]:last-child{border-bottom:none}.notice-board .notice-list li.pinned[data-v-64fa753f]{background-color:#fffef0}.notice-board .notice-list li .notice-info[data-v-64fa753f]{display:flex;align-items:center;gap:1rem;flex:1}.notice-board .notice-list li .notice-info .pin-badge[data-v-64fa753f]{background-color:#f39c12;color:#fff;font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;font-weight:700}.notice-board .notice-list li .notice-info .new-badge[data-v-64fa753f]{background-color:#e74c3c;color:#fff;font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;font-weight:700}.notice-board .notice-list li .notice-info .title[data-v-64fa753f]{font-size:1.6rem;color:#333}.notice-board .notice-list li .notice-meta[data-v-64fa753f]{display:flex;gap:1.5rem;color:#999;font-size:1.4rem}.notice-board .notice-list li .notice-meta .author[data-v-64fa753f]{color:#666}@media(max-width:768px){.notice-board .board-toolbar[data-v-64fa753f]{padding:1.5rem}.notice-board .board-toolbar h2[data-v-64fa753f]{font-size:1.8rem}.notice-board .board-toolbar .write-btn[data-v-64fa753f]{padding:.8rem 1.5rem;font-size:1.3rem}.notice-board .board-search[data-v-64fa753f]{padding:1rem 1.5rem}.notice-board .notice-list li[data-v-64fa753f]{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.2rem 1.5rem}.notice-board .notice-list li .notice-info[data-v-64fa753f]{flex-wrap:wrap}.notice-board .notice-list li .notice-info .title[data-v-64fa753f]{font-size:1.5rem}.notice-board .notice-list li .notice-meta[data-v-64fa753f]{font-size:1.2rem}}.status-badge[data-v-0f0271f4]{font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;font-weight:700;color:#fff;display:inline-block}.status-badge.suggestion.pending[data-v-0f0271f4]{background-color:#f39c12}.status-badge.suggestion.reviewed[data-v-0f0271f4]{background-color:#3498db}.status-badge.suggestion.completed[data-v-0f0271f4]{background-color:#27ae60}.status-badge.bugReport.reported[data-v-0f0271f4]{background-color:#e74c3c}.status-badge.bugReport.confirmed[data-v-0f0271f4]{background-color:#f39c12}.status-badge.bugReport.in_progress[data-v-0f0271f4]{background-color:#3498db}.status-badge.bugReport.resolved[data-v-0f0271f4]{background-color:#27ae60}.status-badge.detail[data-v-0f0271f4]{font-size:1.2rem;padding:.4rem .8rem}.suggestion-board[data-v-da3d87ab]{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.suggestion-board .board-toolbar[data-v-da3d87ab]{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #eee}.suggestion-board .board-toolbar h2[data-v-da3d87ab]{font-size:2rem;font-weight:700;color:#333;margin:0}.suggestion-board .board-toolbar .write-btn[data-v-da3d87ab]{background-color:#525841;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-size:1.4rem;font-weight:700}.suggestion-board .board-guide[data-v-da3d87ab]{padding:1.5rem 2rem;background-color:#f0f4e8;border-bottom:1px solid #dde4cc}.suggestion-board .board-guide p[data-v-da3d87ab]{margin:0;font-size:1.4rem;color:#525841}.suggestion-board .board-filter[data-v-da3d87ab]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;background-color:#f8f9fa;border-bottom:1px solid #eee}.suggestion-board .board-filter .filter-group[data-v-da3d87ab]{display:flex;align-items:center;gap:.8rem}.suggestion-board .board-filter .filter-group label[data-v-da3d87ab]{font-size:1.4rem;color:#666}.suggestion-board .board-filter .filter-group select[data-v-da3d87ab]{padding:.8rem 1rem;font-size:1.4rem;border:1px solid #ddd;border-radius:.5rem}.suggestion-board .board-filter .search-group[data-v-da3d87ab]{flex:0 0 auto;width:26rem}.suggestion-board .loading[data-v-da3d87ab],.suggestion-board .empty[data-v-da3d87ab]{padding:4rem;text-align:center;color:#999;font-size:1.6rem}.suggestion-board .suggestion-list[data-v-da3d87ab]{list-style:none;padding:0;margin:0}.suggestion-board .suggestion-list li[data-v-da3d87ab]{padding:1.5rem 2rem;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.suggestion-board .suggestion-list li[data-v-da3d87ab]:hover{background-color:#f9f9f9}.suggestion-board .suggestion-list li[data-v-da3d87ab]:last-child{border-bottom:none}.suggestion-board .suggestion-list li .item-info[data-v-da3d87ab]{display:flex;align-items:center;gap:1rem;flex:1}.suggestion-board .suggestion-list li .item-info .new-badge[data-v-da3d87ab]{background-color:#e74c3c;color:#fff;font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;font-weight:700}.suggestion-board .suggestion-list li .item-info .title[data-v-da3d87ab]{font-size:1.6rem;color:#333}.suggestion-board .suggestion-list li .item-meta[data-v-da3d87ab]{display:flex;gap:1.5rem;color:#999;font-size:1.4rem}.suggestion-board .suggestion-list li .item-meta .author[data-v-da3d87ab]{color:#666}@media(max-width:768px){.suggestion-board .board-filter[data-v-da3d87ab]{flex-direction:column;align-items:stretch}.suggestion-board .board-filter .search-group input[data-v-da3d87ab]{flex:1;width:auto}.suggestion-board .suggestion-list li[data-v-da3d87ab]{flex-direction:column;align-items:flex-start;gap:.8rem}.suggestion-board .suggestion-list li .item-info[data-v-da3d87ab]{flex-wrap:wrap}}.bugreport-board[data-v-07db6c7d]{background-color:#fff;border-radius:1rem;box-shadow:0 2px 8px #0000001a}.bugreport-board .board-toolbar[data-v-07db6c7d]{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #eee}.bugreport-board .board-toolbar h2[data-v-07db6c7d]{font-size:2rem;font-weight:700;color:#333;margin:0}.bugreport-board .board-toolbar .write-btn[data-v-07db6c7d]{background-color:#525841;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-size:1.4rem;font-weight:700}.bugreport-board .board-guide[data-v-07db6c7d]{padding:1.5rem 2rem;background-color:#fef5f0;border-bottom:1px solid #f5ddd0}.bugreport-board .board-guide p[data-v-07db6c7d]{margin:0;font-size:1.4rem;color:#c0392b}.bugreport-board .board-filter[data-v-07db6c7d]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;background-color:#f8f9fa;border-bottom:1px solid #eee}.bugreport-board .board-filter .filter-row[data-v-07db6c7d]{display:flex;gap:1.5rem}.bugreport-board .board-filter .filter-group[data-v-07db6c7d]{display:flex;align-items:center;gap:.8rem}.bugreport-board .board-filter .filter-group label[data-v-07db6c7d]{font-size:1.4rem;color:#666}.bugreport-board .board-filter .filter-group select[data-v-07db6c7d]{padding:.8rem 1rem;font-size:1.4rem;border:1px solid #ddd;border-radius:.5rem}.bugreport-board .board-filter .search-group[data-v-07db6c7d]{flex:0 0 auto;width:26rem}.bugreport-board .loading[data-v-07db6c7d],.bugreport-board .empty[data-v-07db6c7d]{padding:4rem;text-align:center;color:#999;font-size:1.6rem}.bugreport-board .report-list[data-v-07db6c7d]{list-style:none;padding:0;margin:0}.bugreport-board .report-list li[data-v-07db6c7d]{padding:1.5rem 2rem;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.bugreport-board .report-list li[data-v-07db6c7d]:hover{background-color:#f9f9f9}.bugreport-board .report-list li[data-v-07db6c7d]:last-child{border-bottom:none}.bugreport-board .report-list li .item-info[data-v-07db6c7d]{display:flex;align-items:center;gap:.8rem;flex:1}.bugreport-board .report-list li .item-info .category-badge[data-v-07db6c7d]{font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;background-color:#ecf0f1;color:#333}.bugreport-board .report-list li .item-info .category-badge.content[data-v-07db6c7d],.bugreport-board .report-list li .item-info .category-badge.content_error[data-v-07db6c7d],.bugreport-board .report-list li .item-info .category-badge.typo[data-v-07db6c7d],.bugreport-board .report-list li .item-info .category-badge.audio[data-v-07db6c7d]{background-color:#fdebd0;color:#d68910}.bugreport-board .report-list li .item-info .category-badge.program[data-v-07db6c7d],.bugreport-board .report-list li .item-info .category-badge.bug[data-v-07db6c7d],.bugreport-board .report-list li .item-info .category-badge.other[data-v-07db6c7d]{background-color:#fadbd8;color:#c0392b}.bugreport-board .report-list li .item-info .new-badge[data-v-07db6c7d]{background-color:#e74c3c;color:#fff;font-size:1.1rem;padding:.3rem .6rem;border-radius:.3rem;font-weight:700}.bugreport-board .report-list li .item-info .title[data-v-07db6c7d]{font-size:1.6rem;color:#333}.bugreport-board .report-list li .item-meta[data-v-07db6c7d]{display:flex;gap:1.5rem;color:#999;font-size:1.4rem}.bugreport-board .report-list li .item-meta .author[data-v-07db6c7d]{color:#666}@media(max-width:768px){.bugreport-board .board-filter[data-v-07db6c7d]{flex-direction:column;align-items:stretch}.bugreport-board .board-filter .filter-row[data-v-07db6c7d]{flex-direction:column;gap:1rem}.bugreport-board .board-filter .search-group input[data-v-07db6c7d]{flex:1;width:auto}.bugreport-board .report-list li[data-v-07db6c7d]{flex-direction:column;align-items:flex-start;gap:.8rem}.bugreport-board .report-list li .item-info[data-v-07db6c7d]{flex-wrap:wrap}}.board-page{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.board-page .board-header{background-color:#525841;color:#fff;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem}.board-page .board-header .back-btn{background:none;padding:0}.board-page .board-header .back-btn img{width:4rem;height:4rem}.board-page .board-header h1{font-size:2.4rem;font-weight:700;margin:0}.board-page .board-tabs{background-color:#fff;display:flex;border-bottom:1px solid #ddd;padding:0 2rem}.board-page .board-tabs button{padding:1.5rem 2rem;font-size:1.6rem;color:#666;border-bottom:3px solid transparent;position:relative;display:flex;align-items:center;gap:.5rem}.board-page .board-tabs button.active{color:#525841;font-weight:700;border-bottom-color:#525841}.board-page .board-tabs button:disabled{color:#aaa;cursor:not-allowed}.board-page .board-tabs button .badge{background-color:#e74c3c;color:#fff;font-size:1.2rem;padding:.2rem .6rem;border-radius:1rem;min-width:2rem;text-align:center}.board-page .board-tabs button .coming-soon{font-size:1rem;color:#999;background-color:#eee;padding:.2rem .5rem;border-radius:.3rem}.board-page .board-content{flex:1;padding:2rem;max-width:120rem;width:100%;margin:0 auto;box-sizing:border-box}@media(max-width:768px){.board-page .board-header{padding:1rem 1.5rem}.board-page .board-header .back-btn img{width:3rem;height:3rem}.board-page .board-header h1{font-size:2rem}.board-page .board-tabs{padding:0 1rem}.board-page .board-tabs button{padding:1rem 1.5rem;font-size:1.4rem}.board-page .board-content{padding:1rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#000}button{border:0}html{font-family:NanumSquare Neo,Arial,sans-serif;font-size:10px}input,button{font-family:NanumSquare Neo,Arial,sans-serif}label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:max(2px,.1em) solid gray;border-radius:1.25em;width:2.25em;height:1.25em;cursor:pointer}[type=checkbox]:before{content:"";position:absolute;left:0;width:1em;height:1em;border-radius:50%;transform:scale(.8);background-color:gray;transition:left .25s linear}[type=checkbox]:checked{background-color:#47a0ff;border-color:#47a0ff}[type=checkbox]:checked:before{background-color:#fff;left:1em}[type=checkbox]:disabled{border-color:#d3d3d3;opacity:.7;cursor:not-allowed}[type=checkbox]:disabled:before{background-color:#d3d3d3}[type=checkbox]:disabled+span{opacity:.7;cursor:not-allowed}[type=checkbox]:focus-visible{outline-offset:max(2px,.1em);outline:max(2px,.1em) solid tomato}@keyframes fade-slide-down{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expand{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(.9)}}@keyframes bigger{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pop-3d{0%{transform:perspective(600px) scale(0) rotateX(-20deg) rotateY(10deg);opacity:0}60%{transform:perspective(600px) scale(1.1) rotateX(10deg) rotateY(-5deg);opacity:1}to{transform:perspective(600px) scale(1) rotateX(0) rotateY(0)}}@keyframes floating{0%,to{transform:perspective(600px) translateY(0) rotateX(0)}50%{transform:perspective(600px) translateY(-10px) rotateX(5deg)}}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}html,body{height:100%;width:100%;margin:0;padding:0}*{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body{background-color:#b5e1f6}button{cursor:pointer;background-color:transparent}img{-webkit-user-drag:none}@media print{body{background:none}.no-print{display:none!important}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}