.header[data-v-9d567300]{width:100%;padding:10px 0;box-shadow:0 2px 8px rgba(0,0,0,.1);background:linear-gradient(135deg,#0a1628,#1a2942 50%,#2a3f5f)}.title[data-v-9d567300]{color:#fff;font-size:24px;font-weight:700;margin:0;padding-left:20px}.nav[data-v-9d567300]{height:100%;display:flex;align-items:center;margin-left:12%}.nav-list[data-v-9d567300]{display:flex;list-style:none;margin:0;padding:0}.nav-item[data-v-9d567300]{color:#fff;font-size:18px;padding:10px 30px;margin:0 10px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item[data-v-9d567300]:hover{transform:translateY(-2px)}.nav-item.active[data-v-9d567300]{font-weight:700}.nav-item.active[data-v-9d567300]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:3px;background-color:#1ea9e0;border-radius:2px}.user-info[data-v-9d567300]{display:flex;align-items:center;height:100%;justify-content:flex-end;color:#fff;font-size:16px;padding-right:30px}.iconfont[data-v-9d567300]:hover{opacity:.8}.iconfont[data-v-9d567300]{cursor:pointer}.logo-container[data-v-9d567300]{width:100%;height:100%;margin-left:25px;display:flex;align-items:center}