:root{--animate-duration:1s}.animate__animated,.animate__fadeIn,.animate__fadeOut{-webkit-animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}:root{--bk-image:url(/img/background.4c544f80.jpg);--default-font-size:1rem;--default-color:#000;--default-background-color:#fff;--default-color-hover:#e600ff;--border-color:#000;--border-color-hover:#e600ff;--zoom-factor:1}:root [login=true]{--bk-image:linear-gradient(90deg,#fbc2eb,#a6c1ee)}@media screen and (min-width:1065px)and (max-width:1180px){:root{--zoom-factor:0.9;--default-font-size:0.97rem}}@media screen and (min-width:950px)and (max-width:1065px){:root{--zoom-factor:0.85;--default-font-size:0.93rem}}@media screen and (min-width:907px)and (max-width:950px){:root{--zoom-factor:0.8;--default-font-size:0.89rem}}@media screen and (min-width:865px)and (max-width:907px){:root{--zoom-factor:0.75;--default-font-size:0.85rem}}@media screen and (min-width:822px)and (max-width:865px){:root{--zoom-factor:0.7;--default-font-size:0.82rem}}@media screen and (min-width:780px)and (max-width:822px){:root{--zoom-factor:0.65;--default-font-size:0.79rem}}@media screen and (min-width:735px)and (max-width:780px){:root{--zoom-factor:0.6;--default-font-size:0.75rem}}@media screen and (min-width:690px)and (max-width:735px){:root{--zoom-factor:0.55;--default-font-size:0.73rem}}@media screen and (min-width:645px)and (max-width:690px){:root{--zoom-factor:0.5;--default-font-size:0.70rem}}@media screen and (min-width:600px)and (max-width:645px){:root{--zoom-factor:0.45;--default-font-size:0.68rem}}@media screen and (min-width:525px)and (max-width:600px){:root{--zoom-factor:0.4;--default-font-size:0.66rem}}@media screen and (min-width:450px)and (max-width:525px){:root{--zoom-factor:0.37;--default-font-size:0.65rem}}@media screen and (min-width:300px)and (max-width:450px){:root{--zoom-factor:0.34;--default-font-size:0.64rem}}@media screen and (max-width:300px){:root{--zoom-factor:0.3;--default-font-size:0.63rem}}body{zoom:1;margin:0;font-size:var(--default-font-size)}svg{width:16px;height:16px}ul{list-style:none;padding:0}hr{border:0;padding:1px;margin:20px 0;background:linear-gradient(135deg,red,orange,#0dd5a0,#bf00ff,purple)}button{padding:6px 15px;border:0;border-radius:12%;background-color:#24f5e0;transition:all .2s}button:hover{cursor:pointer;background-color:#fc813a}.screen-full{width:100vw;height:100vh}.first-layout,.flex-center{display:flex;justify-content:center;align-items:center}.first-layout{min-height:calc(100vh - 160px);padding:80px 0}@media screen and (max-width:400px){.first-layout{margin:27.2px auto 80px}}.default-border,.default-text-content,.goto-home,.home-list li{border:2px solid var(--border-color);border-radius:20px;background:var(--default-background-color)}.display-grid,.problem-tooltip,.school-badge{display:grid;align-items:center;justify-items:center;justify-content:center}#app{font-family:KaiTi,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--default-color)}#app:before{content:"";z-index:-10;position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:var(--bk-image);background-repeat:no-repeat;background-size:cover;background-position:50%}.school-badge{top:35px;left:40px}@media screen and (min-width:950px){.school-badge{position:absolute}}.school-badge img{width:120px;height:120px}.school-badge img+img{margin-left:20px}.school-badge .badge-image{display:flex}.home-title{font-size:calc(var(--default-font-size)*1.6);margin:80px 0 40px}.home-list li{padding:16px 60px;margin:20px;transition:all .2s;font-size:calc(var(--default-font-size)*1.3)}.home-list li:hover{cursor:pointer;border-color:var(--border-color-hover);color:var(--default-color-hover)}.goto-home{font-size:calc(var(--default-font-size)*1.3);border-radius:10px;transition:all .2s}@media screen and (min-width:400px){.goto-home{position:fixed;left:20px;top:50%;padding:10px 4px;writing-mode:tb-rl}}@media screen and (max-width:400px){.goto-home{display:inline-block;padding:4px 10px;margin:10px}}.goto-home:hover{cursor:pointer;color:var(--default-color-hover);border-color:var(--border-color-hover)}.default-text,.default-text-content{text-indent:2em;line-height:2;font-size:calc(var(--default-font-size)*1.3)}.default-text-content,.text-content{width:56%;padding:20px}.question{line-height:2;font-size:calc(var(--default-font-size)*1.1);padding:6px;text-align:left}.answer{width:100%;margin:0 0 20px}.answer li{margin:10px 0}.submit-answer{margin-top:20px;font-size:calc(var(--default-font-size));color:#fff}.simulation-iframe{width:80%;height:calc(100vh - 160px);border:0;background:var(--default-color)}.word{zoom:var(--zoom-factor)}.word .docx-wrapper{background:none}.word-export{position:fixed;top:calc(50vh - 30px);right:20px}.problem-tooltip{position:fixed;top:0;left:0;width:100%;height:100%;background:#bfbfbf}.problem-tooltip .dialog{text-indent:0;padding:20px}.problem-tooltip .dialog .header{display:flex;flex-direction:row;justify-content:flex-end}