.header-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02021b80;height:10rem;left:0;position:fixed;right:0;top:0}.header-container,.header-container .header-content{align-items:center;display:flex;justify-content:space-between;z-index:50}.header-container .header-content{position:relative;width:100%}.header-container .header-logo{cursor:pointer;height:4rem;margin-left:5%}@media (min-width:1024px){.header-container .header-logo{margin-left:10rem}}.header-container .header-logo img{height:100%;width:auto}.header-container .header-mobile-nav{align-items:center;color:#fff;cursor:pointer;display:flex;height:10rem;justify-content:center;margin-left:auto;width:10rem}.header-container .header-mobile-nav svg{height:5rem;width:5rem}@media (min-width:768px){.header-container .header-mobile-nav svg{height:4rem;width:4rem}}@media screen and (min-width:1024px){.header-container .header-mobile-nav{display:none}}.header-container .header-nav{align-items:center;display:flex;display:none;margin-left:auto}@media screen and (min-width:1024px){.header-container .header-nav{display:flex}}.header-container .header-search{align-items:center;background:linear-gradient(256.78deg,#000,#172e8d);cursor:pointer;display:flex;height:10rem;justify-content:center;width:10rem}.header-container .header-search svg{height:4rem;width:4rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.header-container .header-search svg{height:3.2rem;width:3.2rem}}.header-container .header-nav-item{cursor:pointer;height:100%;position:relative;--tw-text-opacity:1;align-items:center;border-bottom:1px solid transparent;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;font-size:1.6rem;justify-content:center;margin-right:8rem;padding:.4rem 0;transition:all .3s ease;word-break:keep-all}.header-container .header-nav-item svg{height:.8rem;margin-left:.6rem;margin-top:.2rem;width:1rem}.header-container .header-nav-item .header-nav-item-list{display:none;font-size:1.6rem;left:50%;line-height:2.4rem;padding-top:calc(5rem + 1px);position:absolute;top:50%;transform:translate(-50%);z-index:100}.header-container .header-nav-item .header-nav-item-list .header-nav-item-list-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02021b80;display:flex;flex-direction:column;gap:1.2rem;padding:10px 2.4rem 1.6rem}.header-container .header-nav-item .header-nav-item-list a{color:#fff;text-decoration:none}.header-container .header-nav-item:hover .header-nav-item-list{display:flex}.drawer-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02021b;bottom:0;height:100%;opacity:0;padding:2rem 4rem;position:fixed;right:0;top:10rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;width:51.5rem;z-index:40}.drawer-nav.active{opacity:1;transform:translate(0)}.drawer-nav .mobile-nav-menu{overflow:hidden}.drawer-nav .mobile-nav-item{cursor:pointer;font-size:16px;padding:20px 0;--tw-text-opacity:1;align-items:center;border-bottom:1px solid #a1a1a1;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;flex-direction:column;justify-content:space-between}.drawer-nav .mobile-nav-item .arrow-icon{height:12px;transition:transform .3s ease;width:12px}.drawer-nav .mobile-nav-item .arrow-icon.active{transform:rotate(90deg)}.drawer-nav .mobile-nav-item.active{font-weight:500}.drawer-nav .mobile-sub-menu{margin-top:18px;width:100%}.drawer-nav .mobile-sub-menu .mobile-sub-menu-item{color:#e0e0e0;display:block;font-size:14px;padding:8px 0;text-decoration:none}.drawer-nav .mobile-sub-menu .mobile-sub-menu-item:last-child{border-bottom:none}.drawer-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02021b;bottom:0;height:100%;opacity:0;padding:6rem 4rem;position:fixed;right:0;top:10rem;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;width:51.5rem;z-index:40}.drawer-container.active{opacity:1;transform:translate(0)}.drawer-container .drawer-search-bar{margin-bottom:3rem;--tw-bg-opacity:1;align-items:center;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));border:1px solid #fff;display:flex;justify-content:center;padding:1.4rem 1.6rem}.drawer-container .drawer-search-bar .search-icon{color:#fff;height:2.4rem;margin-right:1rem;width:2.4rem}.drawer-container .drawer-search-bar input{background-color:transparent;border-style:none;flex:1 1 0%;font-size:1.6rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.drawer-container .drawer-search-bar input::-moz-placeholder{color:#aaa}.drawer-container .drawer-search-bar input::placeholder{color:#aaa}.drawer-container .drawer-search-bar .close-icon{cursor:pointer;height:2.4rem;margin-left:.8rem;width:2.4rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drawer-container .drawer-menu{display:flex;flex-direction:column;gap:2.4rem;margin-top:4rem;padding:0 4.6rem}.drawer-container .drawer-menu-item{color:#fff;cursor:pointer;font-size:1.6rem;font-weight:400;line-height:2.6rem}.drawer-container .drawer-menu-item:hover{color:#4000f6}.drawer-container .search-results{margin-top:2rem}.drawer-container .search-results .search-results-header{color:#fff;font-size:1.4rem;margin-bottom:2rem;padding:0 .5rem}.drawer-container .search-results .search-results-scrollbar :deep(.el-scrollbar__wrap){overflow-x:hidden}.drawer-container .search-results .search-results-scrollbar :deep(.el-scrollbar__bar){background:#ffffff1a}.drawer-container .search-results .search-results-scrollbar :deep(.el-scrollbar__bar).is-vertical{width:6px}.drawer-container .search-results .search-results-scrollbar :deep(.el-scrollbar__bar).is-vertical .el-scrollbar__thumb{background:#ffffff4d;border-radius:3px}.drawer-container .search-results .search-results-scrollbar :deep(.el-scrollbar__bar).is-vertical .el-scrollbar__thumb:hover{background:#ffffff80}.drawer-container .search-results .search-results-list{display:flex;flex-direction:column;gap:1.5rem;padding-right:1rem}.drawer-container .search-results .search-result-item{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.drawer-container .search-results .search-result-item:hover{background:#fff3;border-color:#4000f6}.drawer-container .search-results .search-result-item .search-result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.drawer-container .search-results .search-result-item .search-result-title{color:#fff;flex:1;font-size:1.6rem;font-weight:500;line-height:2.4rem;margin-right:1rem}.drawer-container .search-results .search-result-item .search-result-tag{border-radius:1.2rem;font-size:1.2rem;font-weight:500;padding:.4rem 1.2rem;white-space:nowrap}.drawer-container .search-results .search-result-item .search-result-tag.tag-article{background:#007bff;color:#fff}.drawer-container .search-results .search-result-item .search-result-tag.tag-teacher{background:#28a745;color:#fff}.drawer-container .search-results .search-result-item .search-result-tag.tag-course{background:#ffc107;color:#000}.drawer-container .search-results .search-result-item .search-result-meta{color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:1.2rem;gap:1rem;margin-bottom:.8rem}.drawer-container .search-results .search-result-item .search-result-desc{color:#fffc;display:-webkit-box;font-size:1.4rem;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drawer-container .search-no-results{color:#fff;margin-top:2rem}.drawer-container .search-no-results .no-results-text{font-size:1.6rem;margin-bottom:2rem;text-align:center}.footer-container{background:#020012;flex-direction:column}.footer-container .footer-content{height:100%;width:100%}.footer-container .footer-body{padding:0 5%}@media (min-width:1024px){.footer-container .footer-body{padding:0 10rem}}.footer-container .footer-body-top{display:flex;justify-content:space-between;padding:3rem 0 0}@media (min-width:1024px){.footer-container .footer-body-top{padding:8rem 0}}.footer-container .footer-body-top-left{margin-bottom:4rem}.footer-container .footer-body-top-left .footer-body-top-left-item{font-size:2rem}@media (min-width:1024px){.footer-container .footer-body-top-left .footer-body-top-left-item{font-size:1.6rem}}.footer-container .footer-body-top-left .footer-body-top-left-item{color:#666}.footer-container .footer-body-top-left .footer-body-top-left-item+.footer-body-top-left-item{margin-top:1.6rem}.footer-container .footer-body-top-left .footer-body-top-left-item a{color:#666;text-decoration:none}.footer-container .footer-body-top-right{display:none;flex:1;min-height:24rem}@media screen and (min-width:1024px){.footer-container .footer-body-top-right{display:flex;justify-content:flex-end}}.footer-container .footer-body-top-right-list{align-items:flex-start;display:flex;justify-content:flex-end;position:relative}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:8rem}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item .link-item{font-size:1.6rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item a.link-item{cursor:pointer;text-decoration:none}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item .footer-body-top-right-list-item-list{align-items:flex-start;display:flex;flex-direction:column;font-size:1.6rem;justify-content:flex-start;--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item .footer-body-top-right-list-item-list a{cursor:pointer;line-height:1.6;margin-top:1.8rem}.footer-container .footer-body-top-right-list .footer-body-top-right-list-item .footer-body-top-right-list-item-list a:hover{color:#fff}.footer-container .footer-body-top-left-item-link{align-items:center;display:flex;gap:1.6rem;margin-top:2.4rem}.footer-container .footer-body-top-left-item-link .footer-body-top-left-item-link-item{border-radius:9999px;cursor:pointer;height:3rem;width:3rem;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));display:flex;justify-content:center}.footer-container .footer-body-top-left-item-link .footer-body-top-left-item-link-item img{height:1.2rem;-o-object-fit:contain;object-fit:contain;width:auto}.footer-container .footer-body-bottom{align-items:center;display:flex;font-size:1.8rem;justify-content:space-between;margin-bottom:2rem}@media (min-width:768px){.footer-container .footer-body-bottom{margin-bottom:3rem}}@media (min-width:1024px){.footer-container .footer-body-bottom{font-size:1.6rem;margin-bottom:4rem}}.footer-container .footer-body-bottom{color:#666;gap:1rem}.footer-container .footer-body-bottom .footer-body-bottom-section{display:flex;flex-direction:column;gap:1.2rem;width:100%}@media (min-width:768px){.footer-container .footer-body-bottom .footer-body-bottom-section{flex-direction:row;justify-content:space-between}}.footer-container .footer-body-bottom .footer-body-bottom-left{align-items:center;display:flex;gap:2rem}@media (min-width:768px){.footer-container .footer-body-bottom .footer-body-bottom-left{justify-content:space-between}}.footer-container .footer-body-bottom .footer-body-bottom-right{align-items:center;display:flex}@media (min-width:768px){.footer-container .footer-body-bottom .footer-body-bottom-right{justify-content:space-between}}.footer-container .footer-body-bottom .footer-body-bottom-icp{align-items:center;display:flex}@media (min-width:768px){.footer-container .footer-body-bottom .footer-body-bottom-icp{justify-content:space-between}}.footer-container .footer-body-bottom .footer-body-bottom-icp a{color:#666;text-decoration:none}.footer-container .footer-image{align-items:center;background:linear-gradient(256.78deg,#000,#172e8d);display:flex;height:100%;justify-content:center;padding:2.2rem 8rem;width:100%}.footer-container .footer-image img{height:4rem;width:auto}