html,body{margin:0;padding:0;height:100%;transition:background-color .3s ease}#app{height:100%;transition:background-color .3s ease}:root{--max-width: var(--09123698);--spacing-sm: var(--16665b22);--spacing-xl: var(--16665bbc);--animation-duration: var(--927581ba);--transition-timing: var(--21cf4692)}.header-content{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-sm) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.header-left,.header-right{display:flex;align-items:center;gap:12px}.page-enter-active,.page-leave-active{transition:all var(--animation-duration) var(--transition-timing)}.page-enter-from{opacity:0;transform:translate(10px)}.page-leave-to{opacity:0;transform:translate(-10px)}