.help-modal .help-desc[data-v-a9442c60]{margin-bottom:1.5rem;color:#666}.help-modal .download-links[data-v-a9442c60]{display:flex;flex-direction:column;gap:1rem}.help-modal .download-links .doc-link[data-v-a9442c60],.help-modal .download-links .video-link[data-v-a9442c60]{display:flex;align-items:center;padding:.75rem 1rem;background-color:#f5f7fa;border-radius:.5rem;color:#333;transition:background-color .2s}.help-modal .download-links .doc-link i[data-v-a9442c60],.help-modal .download-links .video-link i[data-v-a9442c60]{margin-right:.75rem;font-size:1.25rem}.help-modal .download-links .doc-link[data-v-a9442c60]:hover,.help-modal .download-links .video-link[data-v-a9442c60]:hover{background-color:#e6f7f5;color:#2aaea0}.help-modal .download-links .doc-link i[data-v-a9442c60]{color:#ff4d4f}.help-modal .download-links .video-link i[data-v-a9442c60]{color:red}.help-modal .download-links hr[data-v-a9442c60]{border:none;border-top:1px solid #eee;margin:.5rem 0}.el-dialog .mail-info[data-v-a9442c60],.el-dialog .reply-info[data-v-a9442c60],.el-dialog .setting-item[data-v-a9442c60]{display:flex;justify-content:space-between;margin-top:1rem;font-size:1rem}.el-dialog .copy-icon[data-v-a9442c60]{cursor:pointer}.el-dialog a[data-v-a9442c60]{text-decoration:none;color:#097c70;font-weight:600}.el-dialog .reply-time[data-v-a9442c60]{text-align:right}.el-dialog .reply-time .work-time-note[data-v-a9442c60]{font-weight:600}.password-modal .el-input[data-v-a9442c60]{margin-top:.625rem}.sidebar[data-v-a9442c60]{justify-content:space-between;background-color:transparent;width:5.625rem;color:#010101;padding-top:1rem;transition:width .3s ease-in-out,background-color .3s ease;display:flex;flex-direction:column;z-index:999;box-shadow:none;position:fixed;top:0;left:0;height:100vh}.sidebar .sidebar-header[data-v-a9442c60]{display:flex}.sidebar .sidebar-header .user-info[data-v-a9442c60]{width:100%}.sidebar .sidebar-header .user-info .user-row[data-v-a9442c60]{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar .achievement-section[data-v-a9442c60]{padding:1.5rem 1rem 1rem}.sidebar .achievement-section .section-title[data-v-a9442c60]{font-weight:700;margin-bottom:.625rem;color:#010101;white-space:nowrap}.sidebar .achievement-section .achievement-badges[data-v-a9442c60]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:.75rem;margin-top:.625rem}.sidebar .achievement-section .achievement-badges .badge-item[data-v-a9442c60]{width:100%;height:5rem;background:linear-gradient(135deg,rgba(245,108,66,.2),rgba(22,162,73,.2));border:.0625rem solid rgba(245,108,66,.302);border-radius:1.5rem;display:flex;align-items:center;justify-content:center}.sidebar .achievement-section .achievement-badges .badge-item i[data-v-a9442c60]{font-size:1rem;margin-bottom:0}.sidebar .toggle-btn[data-v-a9442c60]{width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem;border-radius:50%;transition:transform .3s ease,background-color .2s;margin-right:.3125rem;cursor:pointer}.sidebar .toggle-btn i[data-v-a9442c60]{pointer-events:none}.sidebar .user-info[data-v-a9442c60]{white-space:nowrap;overflow:hidden}.sidebar .user-info .second-row[data-v-a9442c60]{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.sidebar .user-info .user-name[data-v-a9442c60]{font-weight:700;font-size:1.125rem;color:#010101}.sidebar .menu-section[data-v-a9442c60]{display:flex;flex-direction:column;gap:1rem}.sidebar .stat-item[data-v-a9442c60]{display:flex;align-items:center;color:#fff;padding:.5rem .625rem;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);transition:padding .3s ease,width .3s ease;overflow:hidden;height:3.75rem;position:relative}.sidebar .stat-item i[data-v-a9442c60]{font-size:1.25rem!important}.sidebar .stat-item .stat-icon[data-v-a9442c60]{margin-right:0;font-size:.875rem;margin-bottom:.125rem;color:#fff}.sidebar .stat-item .fa-calendar[data-v-a9442c60]{color:#474700}.sidebar .stat-item .stat-label[data-v-a9442c60],.sidebar .stat-item .stat-value[data-v-a9442c60]{color:#010101}.sidebar .stat-item .stat-label[data-v-a9442c60]{flex-grow:1;font-size:1rem;white-space:nowrap;overflow:hidden}.sidebar .stat-item .stat-value[data-v-a9442c60]{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden}.sidebar .bottom-menu[data-v-a9442c60]{padding-bottom:2.375rem}.sidebar .bottom-menu .menu-item[data-v-a9442c60]{display:flex;align-items:center;padding:0 1rem;cursor:pointer;transition:background-color .2s,color .2s;color:#010101;font-weight:500;height:2.5rem}.sidebar .bottom-menu .menu-item i[data-v-a9442c60]{width:1.875rem;font-size:1.125rem;text-align:center}.sidebar .bottom-menu .menu-item span[data-v-a9442c60]{white-space:nowrap;overflow:hidden;transition:opacity .3s ease}.sidebar.is-expanded[data-v-a9442c60]{width:18.75rem;background-color:rgba(240,250,255,.749);box-shadow:.125rem 0 .375rem rgba(0,0,0,.1)}.sidebar.is-expanded .user-info[data-v-a9442c60]{padding:0 1rem}.sidebar.is-expanded .toggle-btn i[data-v-a9442c60]{font-size:1.125rem}.sidebar.is-expanded .sidebar-header[data-v-a9442c60]{justify-content:space-between}.sidebar.is-expanded .toggle-btn[data-v-a9442c60]{margin-right:0}.sidebar.is-expanded .menu-section[data-v-a9442c60]{padding:0 1rem;margin-top:.5rem;padding-top:.75rem;border-top:.0625rem solid hsla(0,0%,50%,.274)}.sidebar.is-expanded .stat-item .stat-icon[data-v-a9442c60]{height:2.5rem;width:2.5rem;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:hsla(0,0%,100%,.2);margin-right:.75rem}.sidebar.is-expanded .stat-item .stat-icon i[data-v-a9442c60]{font-size:1.125rem}.sidebar:not(.is-expanded) .achievement-section[data-v-a9442c60],.sidebar:not(.is-expanded) .menu-item span[data-v-a9442c60],.sidebar:not(.is-expanded) .stat-label[data-v-a9442c60],.sidebar:not(.is-expanded) .user-info[data-v-a9442c60]{display:none}.sidebar:not(.is-expanded) .sidebar-header[data-v-a9442c60]{justify-content:center;margin-bottom:1rem}.sidebar:not(.is-expanded) .toggle-btn[data-v-a9442c60]{margin:0;background-color:rgba(240,250,255,.749);border:.125rem solid #dae2e7;width:2.625rem;height:2.625rem;border-radius:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.1);color:#010101}.sidebar:not(.is-expanded) .toggle-btn[data-v-a9442c60]:hover{background-color:rgba(163,222,252,.749)}.sidebar:not(.is-expanded) .stat-item[data-v-a9442c60]{width:3.75rem;height:3.75rem;padding:0;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.sidebar:not(.is-expanded) .stat-item .stat-icon[data-v-a9442c60]{margin-right:0;font-size:.875rem;margin:.25rem 0;color:#fff}.sidebar:not(.is-expanded) .stat-item .stat-icon i[data-v-a9442c60]{font-size:1rem}.sidebar:not(.is-expanded) .stat-item .fa-calendar[data-v-a9442c60]{color:#000}.sidebar:not(.is-expanded) .stat-item .stat-value[data-v-a9442c60]{position:static;transform:none;font-size:1rem;line-height:1;display:block;width:100%;text-align:center}.sidebar:not(.is-expanded) .bottom-menu[data-v-a9442c60]{border-top:none;display:flex;align-items:center;flex-direction:column;gap:1rem}.sidebar:not(.is-expanded) .bottom-menu .menu-item[data-v-a9442c60]{background-color:rgba(240,250,255,.749);border:.125rem solid #dae2e7;width:2.5rem;height:2.5rem;border-radius:.75rem;justify-content:center;padding:0;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.sidebar:not(.is-expanded) .bottom-menu .menu-item[data-v-a9442c60]:hover{background-color:rgba(163,222,252,.749)}.sidebar:not(.is-expanded) .bottom-menu .menu-item i[data-v-a9442c60]{width:auto;font-size:1.125rem;color:#010101}.sidebar .teacher-menu-item[data-v-a9442c60]{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;color:#555;border-radius:0;position:relative;white-space:nowrap}.sidebar .teacher-menu-item[data-v-a9442c60]:hover{background-color:rgba(0,0,0,.05);color:#2aaea0}.sidebar .teacher-menu-item.active[data-v-a9442c60]{background-color:#e6f7f5;color:#2aaea0;border-right:.1875rem solid #2aaea0}.sidebar .teacher-menu-item .menu-icon[data-v-a9442c60]{width:1.875rem;text-align:center;font-size:1.125rem;margin-right:.625rem;flex-shrink:0}.sidebar .teacher-menu-item .menu-label[data-v-a9442c60]{font-size:1rem;font-weight:500;flex-grow:1}.sidebar .teacher-menu-item .menu-sub[data-v-a9442c60]{font-size:.75rem;color:#999;margin-left:.3125rem;display:block;transform:scale(.9)}.sidebar:not(.is-expanded) .teacher-menu-item[data-v-a9442c60]{padding:.9375rem 0;justify-content:center}.sidebar:not(.is-expanded) .teacher-menu-item .menu-icon[data-v-a9442c60]{margin-right:0;font-size:1.25rem}.sidebar:not(.is-expanded) .teacher-menu-item .menu-label[data-v-a9442c60],.sidebar:not(.is-expanded) .teacher-menu-item .menu-sub[data-v-a9442c60]{display:none}.teacher-sidebar.sidebar.is-expanded[data-v-a9442c60],.teacher-sidebar[data-v-a9442c60]{background-color:#f7fbfb}@media(orientation:landscape)and (max-height:47.9988rem)and (pointer:coarse){.sidebar[data-v-a9442c60]{width:5.625rem;padding:0;background-color:unset;box-shadow:none;overflow-y:scroll}.sidebar .sidebar-header .toggle-btn[data-v-a9442c60]{visibility:visible!important;position:fixed;left:.625rem;top:.625rem;z-index:100;width:2.625rem;height:2.625rem;background-color:rgba(240,250,255,.749);border:.125rem solid #dae2e7}.sidebar:not(.is-expanded) .bottom-menu[data-v-a9442c60],.sidebar:not(.is-expanded) .menu-section[data-v-a9442c60]{display:none}.sidebar:not(.is-expanded) .toggle-btn[data-v-a9442c60]{margin:0}.sidebar.is-expanded[data-v-a9442c60]{width:100%;height:100vh;top:0;left:0;padding:.625rem 0;background-color:#f0faff;box-shadow:.125rem 0 .375rem rgba(0,0,0,.3);position:fixed;z-index:9999}.sidebar.is-expanded .bottom-menu[data-v-a9442c60]{padding-bottom:0}.sidebar.is-expanded .sidebar-header .toggle-btn[data-v-a9442c60]{position:static;background-color:transparent;border:none;box-shadow:none;width:1.875rem;height:1.875rem}}.orientation-lock-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(28,28,30,.95);backdrop-filter:blur(10px);z-index:999999;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.orientation-lock-overlay .lock-content h2{font-size:1.5rem;color:#4abcb1;margin-bottom:1rem}.orientation-lock-overlay .lock-content p{font-size:1.1rem;line-height:1.6}.orientation-lock-overlay .lock-content p span{font-weight:700;color:#4abcb1}.orientation-lock-overlay .lock-content .sub-text{font-size:.9rem;color:#999;margin-top:1rem}.orientation-lock-overlay .rotate-animation{font-size:4rem;margin-bottom:2rem;display:inline-block;animation:rotateDevice 2s ease-in-out infinite}@keyframes rotateDevice{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}body.locked{overflow:hidden}body{margin:0}.apexcharts-legend-text{top:-.0625rem!important}*,:after,:before{box-sizing:border-box}html{font-size:100%}.el-form--label-top .el-form-item__label{display:flex!important;padding:0!important}.loading-container{display:flex;align-items:center;font-size:1.5rem;font-weight:600;color:#010101;justify-content:center;flex-direction:column;gap:.625rem 0}.result-title{margin-top:1rem}.timer-bar-wrap .timer-progress{border:.125rem solid #e1e0e0;border-radius:1rem}.timer-bar-wrap .timer-progress .el-progress-bar__innerText{font-size:1rem;font-weight:700;color:#000!important}.timer-bar-wrap .timer-progress :deep(.el-progress-bar__inner){transition:width 1s linear;background-color:#e74c3c}.scrollable-chart-container{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:1.25rem}.scrollable-chart-container ::v-deep .apexcharts-canvas,.scrollable-chart-container ::v-deep .apexcharts-svg{width:100%!important}.select-all-box{padding:.3125rem .9375rem;display:flex;justify-content:space-between;border-bottom:.0625rem solid #eee;margin-bottom:.3125rem;position:sticky;top:0;background:#fff;z-index:1}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected,.el-select-dropdown__item.selected{color:#4abcb1!important}.el-table .cell{font-size:1rem}.level-scroll-container{height:21.875rem;padding:.375rem 0}.islands-scroll-container{margin:2% 4% 4% 6%}.island-map-container{display:flex;flex-wrap:nowrap;gap:0 5%;margin-top:7%}.island-map-container .island-card img{width:18.75rem;height:100%}.return-last-page{color:#010101;font-size:1.125rem;font-weight:700;text-wrap:nowrap;cursor:pointer;text-align:left;display:flex;align-items:center;align-self:flex-start;padding:1rem 0 0 1.5rem}.timer-bar{flex-grow:1;margin-right:1.25rem}.timer-bar .timer-progress .el-progress-bar__outer{border:.125rem solid #dae2e7!important;background-color:#f8f9fa}.timer-bar .timer-progress .el-progress-bar__inner{background-color:#de4d30!important}.el-dialog{display:flex;flex-direction:column;justify-content:center}.el-dialog .el-dialog__header{display:none!important}.el-dialog .el-dialog__body{padding:1.875rem 1.25rem 1.5rem!important}.el-dialog .el-dialog__body .title{font-weight:600;margin:0 0 1rem;font-size:1.25rem;color:#010101}.el-dialog .dialog-content{display:flex;align-items:center;flex-direction:column;padding:0!important}.el-dialog .dialog-content .dialog-avatar,.el-dialog .dialog-content .result-avatar{width:11.25rem;height:auto;margin-bottom:.75rem}.el-dialog .dialog-content .description{margin:0;text-align:center;color:#67777e;font-size:1rem}.el-dialog .el-dialog__footer button{width:6.25rem}.el-dialog .el-dialog--center .el-dialog__body,.el-dialog .el-dialog__footer{padding:0!important}.el-dialog .el-dialog__footer button:first-child{border:.0625rem solid #67777e}.el-dialog .el-dialog__footer button:first-child:hover{background:#67777e;color:#fff}.el-dialog .el-dialog__footer button:nth-child(2){background-color:#115b53;color:#fff;border-color:#115b53}.el-dialog .el-dialog__footer button:nth-child(2):hover{background-color:#075e55}.start-modal{height:28.125rem;border:.25rem solid #dae2e0;border-radius:1rem!important}.challenge-confirm-modal,.confirm-change-pw-modal,.confirm-pw-modal,.exit-confirm-modal,.help-modal,.mails-modal,.password-modal,.settings-modal{border:.375rem solid var(--btn-g,#4abcb1);border-radius:1rem!important;padding-bottom:1.5rem}.challenge-confirm-modal .warning-text,.confirm-change-pw-modal .warning-text,.confirm-pw-modal .warning-text,.exit-confirm-modal .warning-text,.help-modal .warning-text,.mails-modal .warning-text,.password-modal .warning-text,.settings-modal .warning-text{color:#761c00;font-weight:700;margin-top:.625rem}.challenge-confirm-modal .title{margin-bottom:1rem!important}button{cursor:pointer}.is-bw{filter:grayscale(100%)}.teal-select{width:15.625rem}.teal-select .el-input__inner{background-color:#13786f;color:#fff;border-radius:.5rem;border:none;font-size:.875rem}.teal-select .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.8)}.teal-select .el-input__inner::placeholder{color:hsla(0,0%,100%,.8)}.teal-select ::v-deep .el-input__icon{color:#fff}.expand-table-wrapper{padding:1.25rem;background-color:#f9fbfb;border-radius:.5rem;margin:.625rem;box-shadow:inset 0 .125rem .25rem rgba(0,0,0,.05)}.expand-table-wrapper .expand-title{margin-top:0;margin-bottom:.9375rem;color:#13786f;font-size:1rem;border-left:.25rem solid #13786f;padding-left:.625rem}.expand-table-wrapper .el-table th{background-color:#f0f2f5!important}.el-tag.el-tag--info{color:#000!important;font-weight:600;font-size:.875rem}.tinder-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;min-width:37.5rem;box-shadow:0 .375rem .625rem -.125rem rgba(0,0,0,.15)!important}#app{font-family:Inter,sans-serif!important;min-height:100vh;overflow:hidden}.has-global-bg{background-image:url(/img/bg.d2fdf5dd.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.router-view-content{min-height:100vh}.router-view-content.full-width{padding-left:0}.orientation-lock{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:99999;color:#fff;overflow:hidden}.orientation-lock .lock-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;text-align:center}.orientation-lock .lock-content i{font-size:5rem;margin-bottom:1.875rem;animation:rotate-device 2s ease-in-out infinite}.orientation-lock .lock-content p{font-size:1.625rem;font-weight:700;letter-spacing:.125rem;line-height:1.6}@media screen and (orientation:portrait){.orientation-lock{display:block!important}}.global-access-nav{position:absolute;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:flex-end;padding:0 20px;pointer-events:none}.global-access-nav .top-utility-links{pointer-events:auto}.global-access-nav .access-link{display:inline-block;padding:5px 12px;text-decoration:none;background-color:hsla(0,0%,100%,.8);color:#0369a1;font-size:14px;font-weight:700;border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.global-access-nav .access-link:focus{outline:3px solid #ffed4a;background-color:#fff}.sr-only-focusable{left:20px;z-index:10001;pointer-events:auto}@keyframes rotate-device{0%{transform:rotate(0deg);opacity:1}30%{transform:rotate(0deg)}60%{transform:rotate(-90deg);opacity:1}to{transform:rotate(-90deg);opacity:0}}@media(orientation:landscape)and (max-height:74.9988rem)and (pointer:coarse){.return-last-page{padding:1rem 0 0 0}.intro-card,.main-card{min-width:31.25rem!important}}@media(orientation:landscape)and (max-height:47.9988rem)and (pointer:coarse){.return-last-page{padding:1rem 0 0 2rem}.tinder-card{min-width:unset}.intro-card,.main-card{min-width:31.25rem!important}.intro-card .question-content,.main-card .question-content{padding:5%!important}.intro-card .question-content .instruction-text,.main-card .question-content .instruction-text{margin:0 0 1.5rem}.intro-card .question-content .question-title,.main-card .question-content .question-title{font-size:7.5rem!important}.intro-card .question-content .context-fill-title,.main-card .question-content .context-fill-title{font-size:2.125rem!important}.page-title{font-size:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:focus{top:0}.no-news-text{text-align:center;padding:20px;color:#595959;font-weight:500}.password-toggle-btn{border:none;color:#909399;cursor:pointer;height:100%;padding:0 5px;font-size:16px;background:transparent!important}.password-toggle-btn:hover{color:#38bdf8}.password-toggle-btn:focus{outline:2px solid #38bdf8;outline-offset:2px}.item-content{font-size:1rem;color:#444;margin:.5rem 0}.sr-only-focusable{position:absolute;top:-100px;left:10px;background:#ffed4a;color:#000;padding:10px 20px;z-index:10000;font-weight:700;border:2px solid #000;text-decoration:none}.sr-only-focusable:focus{top:10px}.login-page{min-height:100vh;background-image:url(/img/login-bg.ac61f1ed.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;justify-content:center;display:flex;flex-direction:column;overflow:hidden}.login-page .logo-section{padding-top:2%;justify-content:center;display:flex;align-items:center;text-align:center}.login-page .logo-section .main-title{margin-bottom:0}.login-page .logo-section img{text-align:center;width:40%}.login-page i{margin-right:.25rem}.el-dialog .title{margin-bottom:.625rem}.confirm-pw-modal .description,.confirm-pw-modal .pw-checklist{display:inline;align-self:flex-start;margin:.25rem 0;text-align:left!important}.confirm-pw-modal .pw-checklist{font-weight:600;padding-left:3%}.confirm-pw-modal .ask-confirm-pw{margin-top:1rem}.confirm-pw-modal .el-dialog__footer button{width:7.5rem}.challenge-confirm-modal .description,.confirm-change-pw-modal .description{text-align:center}.challenge-confirm-modal .input-pw-area,.confirm-change-pw-modal .input-pw-area{width:80%;margin-top:1.5rem}.login-footer{background-color:#4abcb1;color:#010101;width:100%}.login-footer .footer-scroll{justify-content:center;display:flex;gap:0 2rem}.login-container{width:100vw;padding:2% 18% 4%}.login-container #student-account::-moz-placeholder,.login-container #student-pass-disabled::-moz-placeholder,.login-container #teacher-account::-moz-placeholder,.login-container #teacher-password::-moz-placeholder{color:#000}.login-container #student-account::placeholder,.login-container #student-pass-disabled::placeholder,.login-container #teacher-account::placeholder,.login-container #teacher-password::placeholder{color:#000}.login-container .el-col{display:flex;flex-direction:column}.login-container .oidc-guide-box{text-align:center}.login-container .oidc-guide-box .guide-text{color:#666}.login-container .oidc-guide-box .oidc-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;background:linear-gradient(135deg,#4abcb1,#38bdf8)!important;color:#fff!important;border-radius:.75rem}.login-container .oidc-guide-box .oidc-btn:hover{filter:brightness(1.1)}.login-container .announcement-card,.login-container .login-card{height:37.5rem;display:flex;flex-direction:column;background-color:#fff;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);border-radius:.6875rem;padding:1.5rem;box-sizing:border-box}.login-container .announcement-list{flex:1;margin-top:.5rem;overflow-y:auto}.login-container .role-notice-text{font-size:.875rem;color:#854d0e;margin-top:-1.25rem;margin-bottom:1.25rem;text-align:center;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.3125rem)}to{opacity:1;transform:translateY(0)}}.login-container .announcement-card{position:relative;z-index:10}.login-container .announcement-card .announcement-list{flex:1;margin-top:.5rem;overflow-y:auto;min-height:0}.login-container .announcement-card .announcement-item{padding:.75rem;border-radius:1rem;margin:.75rem 0;background-color:rgba(240,243,245,.502);transition:transform .3s ease}.login-container .announcement-card .announcement-item:hover{background-color:rgba(240,243,245,.843)}.login-container .announcement-card .announcement-item:last-child{border-bottom:none}.login-container .announcement-card .announcement-item .item-header{font-weight:700;color:#010101;margin-bottom:.3125rem;display:flex;align-items:center;gap:.625rem;justify-content:space-between}.login-container .announcement-card .announcement-item .tag{font-size:.875rem;padding:.375rem .625rem;border-radius:.25rem;color:#010101;text-wrap:nowrap;flex-shrink:0}.login-container .announcement-card .announcement-item .tag.new{background-color:#38bdf8}.login-container .announcement-card .announcement-item .tag.active{background-color:#f97316}.login-container .announcement-card .announcement-item .tag.update{background-color:#9a9bf8}.login-container .announcement-card .announcement-item .tag.maintain{background-color:#4caf9f}.login-container .announcement-card .announcement-item .item-content{font-size:1rem;color:#67777e;margin:.5rem 0}.login-container .announcement-card .announcement-item .item-date{display:block;font-size:.75rem;color:#67777e}.login-container .card-title{color:#325362;font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center}.login-container .login-card{text-align:center}.login-container .login-card .fade-transform-enter-active,.login-container .login-card .fade-transform-leave-active{transition:all .3s ease}.login-container .login-card .fade-transform-enter-from{opacity:0;transform:translateX(.625rem)}.login-container .login-card .fade-transform-leave-to{opacity:0;transform:translateX(-.625rem)}.login-container .login-card .login-form-container{min-height:17.5rem;display:flex;flex-direction:column;text-align:left}.login-container .login-card .login-form-container .forgot-password-link{color:#097c70;display:flex;background-color:transparent!important;justify-content:center;cursor:pointer;margin-top:1rem}.login-container .login-card .login-form-container .forgot-password-link:hover{color:#325362}.login-container .login-card .input-group{margin-bottom:1.25rem}.login-container .login-card .input-group .password-overlay{position:absolute;top:2rem;left:0;width:100%;height:2.5rem;background:rgba(240,250,255,.8);z-index:10;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#666;font-size:.875rem;font-weight:500;pointer-events:none;border:.0625rem dashed #38bdf8}.login-container .login-card .input-group .password-overlay i{margin-right:.375rem;color:#38bdf8}.login-container .login-card .input-group .input-label{display:block;font-size:1rem;font-weight:700;color:#010101;margin-bottom:.5rem}.login-container .login-card .input-group .custom-input{width:100%;outline:none;color:#010101;transition:box-shadow .2s}.login-container .login-card .input-group .custom-input input{padding:.875rem 1rem;border:.0625rem solid rgba(40,169,156,.2);border-radius:.75rem;background-color:#f0faff}.login-container .login-card .input-group .el-input__inner{color:#010101}.login-container .login-card .role-switch{display:flex;margin-bottom:1.875rem;border:.0625rem solid #dae2e7;border-radius:.6875rem;overflow:hidden;padding:.5rem}.login-container .login-card .role-switch .role-btn{flex:1;padding:.5rem;background-color:#f8f9fa;font-size:1rem;transition:all .2s ease;border:none}.login-container .login-card .role-switch .role-btn:first-child{border-radius:.5rem 0 0 .5rem}.login-container .login-card .role-switch .role-btn:nth-child(2){border-radius:0 .5rem .5rem 0}.login-container .login-card .role-switch .role-btn.active:first-child,.login-container .login-card .role-switch .role-btn.active:nth-child(2),.login-container .login-card button{background-color:#4abcb1;color:#010101}.login-container .login-card button{width:100%;border:none;padding:.75rem;border-radius:1rem;font-size:1rem;font-weight:600}.login-container .login-card button:hover{transition:.3s;background-color:#acf5ee}.login-container .login-card .card-title{justify-content:center}.login-container .login-card .card-subtitle{font-size:1rem;text-align:center;color:#666;margin-bottom:1.5625rem}.dev-test-zone{margin-top:1.875rem;padding-top:1.25rem;border-top:.125rem dashed #eee}.dev-test-zone .dev-title{font-size:.875rem;color:#999;margin-bottom:.75rem;text-align:center;font-weight:700}.dev-test-zone .dev-btn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.dev-test-zone .dev-role-btn{border:none;padding:.5rem;border-radius:.5rem;font-size:.8125rem;cursor:pointer;transition:transform .1s,opacity .2s;color:#fff;font-weight:500;box-shadow:0 .125rem .25rem rgba(0,0,0,.1)}.dev-test-zone .dev-role-btn:hover{opacity:.9;transform:translateY(-.0625rem)}.dev-test-zone .dev-role-btn:active{transform:translateY(.0625rem)}.dev-test-zone .dev-role-btn.btn-student{background-color:#38bdf8}.dev-test-zone .dev-role-btn.btn-teacher{background-color:#2a9d8f}.dev-test-zone .dev-role-btn.btn-admin{background-color:#f4a261}.dev-test-zone .dev-role-btn.btn-top{background-color:#e76f51}@media(orientation:landscape)and (max-height:74.9988rem)and (pointer:coarse){.login-container{padding:0}}@media(orientation:landscape)and (max-height:31.25rem){.login-container{margin-right:0!important;margin-left:0!important;padding:4% 6%!important;gap:0 2rem}.login-container .el-col{padding-right:0!important;padding-left:0!important}.mobile-scroll-box{-webkit-overflow-scrolling:touch;margin-bottom:1.25rem}.mobile-scroll-box::-webkit-scrollbar{width:.25rem}.mobile-scroll-box::-webkit-scrollbar-thumb{background:#ccc;border-radius:.625rem}.footer-scroll{flex-wrap:nowrap;overflow-x:auto;gap:1.25rem;padding:.5rem 1rem;-webkit-overflow-scrolling:touch}.footer-scroll p{white-space:nowrap;flex-shrink:0;margin:0;font-size:.75rem}}