header{background-color:#fff;border-bottom:1px solid #fff;justify-content:center;align-items:center;height:100px;padding:10px 0;transition:all .3s ease-in-out;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}header .container{width:100%;margin:0 auto;padding:0 1rem}header.fixed{z-index:50;width:100%;position:fixed;top:0}header .logo{width:100%;position:relative}header .logo h1{color:#c8102e;font-size:16px;font-style:italic;font-weight:400;position:absolute;bottom:-10px;left:25px}header .locale-switcher{color:#fff;gap:5px;display:flex}header .locale-switcher a{color:#fff}header .locale-switcher .active{font-weight:700}header>.container{justify-content:space-between;align-items:center;display:flex}header .ant-avatar{width:40px;height:40px}header .header-menu{display:none}.header{-webkit-backdrop-filter:blur(8px);background:0 0;padding:0 24px;transition:all .3s ease-in-out}.header .header-content{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.header .header-left .logo{color:#000;font-size:20px;font-weight:600;text-decoration:none;transition:color .3s}.header .header-left .logo:hover{color:#c8102e}.header .header-right{align-items:center;gap:24px;display:flex}.header .header-right a{color:#000;text-decoration:none;transition:color .3s}.header .header-right a:hover{color:#c8102e}.header .header-right button{transition:all .3s}@media (max-width:768px){header .container{padding:0 .5rem}}