@media (max-width:1024px) and (min-width:769px){.layui-col-md3{width:33.33%}}@media (max-width:768px){body{padding-top:0!important}header{position:relative!important;top:auto!important}#desktopNav{display:none!important}#mobileNav.active,.mobile-menu-toggle{display:block!important}#mobileNav ul{flex-direction:column;width:100%}#mobileNav li{margin:5px 0;width:100%;text-align:center}#mobileNav a{display:block;padding:12px 16px;font-size:1rem}.layui-col-md3{width:50%!important}.layui-col-md12,.layui-col-md6{width:100%!important}img{max-width:100%;height:auto}code,pre,table{max-width:100%;overflow-x:auto;word-wrap:break-word}.flex-row,.layui-row{flex-wrap:wrap}}@media (max-width:480px){.layui-col-md3{width:100%!important}.login-nickname{font-size:10px!important;padding:4px 8px!important}.logo-text{font-size:1rem!important}}@media (max-width:375px){.nav-actions{gap:3px}.create-btn-nav,.nav-user-btn{font-size:.75rem;padding:4px 8px}header{padding:8px 0}.hero h1{font-size:1.3rem}.hero p{font-size:.85rem}}@media (hover:none){.box-work-course2:hover,.box-work-course:hover,.course-card-small:hover,.course-card:hover,.feature-card:hover,.project-card:hover,.work-item:hover{transform:none!important}}