*{margin:0;padding:0;box-sizing:border-box}body{background-color:#eff0f7;color:#333;font-family:PingFang SC,sans-serif}main{max-width:980px;margin:32px auto 40px;padding:0 15px}a{color:#333;text-decoration:none}ul{list-style-type:none}@media screen and (max-width:991px){html{font-size:14px}}@media screen and (max-width:575px){html{font-size:12px}}@media screen and (min-width:992px){html{font-size:16px}}.layout-header{height:60px}.layout-header-nav{height:100%;display:flex;align-items:center;justify-content:space-between}.layout-header-nav .nav-title h1{font-size:2.5rem}.layout-header-nav .nav-menu{justify-content:space-between;gap:0 24px}.layout-header-nav .nav-menu,.layout-header-nav .nav-menu-item{display:flex;align-items:center}.layout-header-nav .nav-menu-item-icon{margin-right:2px;font-size:1.25rem}.layout-header-nav .nav-menu-item-title{font-size:1rem;transition:all .2s ease-in}.layout-header-nav .nav-menu-item:hover{opacity:.7}.layout-header-nav .nav-menu-item:hover .nav-menu-item-title{letter-spacing:2px}.layout-header-nav .nav-menu-item-active{position:relative}.layout-header-nav .nav-menu-item-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background-color:#333}@media screen and (max-width:575px){.layout-header-nav{gap:4px 0;flex-direction:column}}