.layout-container{background:#f5f5f5;width:100%;min-height:100vh}.header-nav{z-index:999;background:#141414;align-items:center;width:100%;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 8px #0000004d}.nav-content{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.logo{color:#ff4d4f;cursor:pointer;font-size:24px;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links span{color:#ffffffa6;cursor:pointer;font-size:15px;transition:all .3s}.nav-links span:hover,.nav-links span.active{color:#fff}.nav-links span.active{border-bottom:2px solid #ff4d4f;padding-bottom:4px}.layout-content{min-height:calc(100vh - 64px);margin-top:64px}.nav-right{align-items:center;display:flex}.user-info{cursor:pointer;border-radius:30px;align-items:center;gap:10px;padding:4px 12px 4px 8px;transition:background .3s;display:flex}.user-info:hover{background:#ffffff14}.user-info .username{color:#fff;font-size:14px;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f5f5f5;font-family:system-ui,-apple-system,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}