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