.hdr-wrap{position:sticky;top:0;z-index:1100}.hdr{gap:24px;height:80px;padding:0 24px;background:var(--surface-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.brand,.hdr,.nav{display:flex;align-items:center}.nav{gap:2px;margin-left:8px}.nav a{position:relative;padding:8px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--fw-medium);font-size:var(--fs-body-sm);transition:color var(--dur-fast),background var(--dur-fast);animation:mt-rise .5s var(--ease-out) backwards;animation-delay:calc(.3s + var(--i) * .05s)}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.on{color:var(--primary)}.nav a.on:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2.5px;border-radius:2px;background:var(--primary)}.subnav{background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav-in{max-width:80rem;height:44px;margin:0 auto;padding:0 12px}.subnav-in a{padding:6px 12px;white-space:nowrap;animation:none}.mnav{display:none;position:relative}.mnav-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:var(--fw-medium) var(--fs-body-sm) var(--font-sans);cursor:pointer;white-space:nowrap}.mnav-list{position:absolute;top:calc(100% + 6px);left:0;z-index:1200;min-width:200px;padding:6px;display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-elevated);box-shadow:var(--shadow-xl)}.mnav-list a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--fw-medium)}.mnav-list a:hover{background:var(--surface);color:var(--text)}.mnav-list a.on{color:var(--primary);background:var(--primary-soft)}.hdr-right{margin-left:auto;gap:10px}.ava,.hdr-right{display:flex;align-items:center}.ava{gap:8px;padding:5px 12px 5px 6px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;font-weight:var(--fw-medium);color:var(--text);max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ava:hover{background:var(--surface)}.ava .pic{width:26px;height:26px;border-radius:50%;flex:none;background:var(--gradient-brand);display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px}@media (max-width:768px){.hdr{height:56px;padding:0 12px;gap:12px}.nav{margin-left:0}.nav a{padding:8px}.subnav-in{height:40px;padding:0 8px}.nav-main{display:none}.mnav{display:block}.ava{font-size:0;padding:5px;gap:0;min-width:44px;min-height:44px;justify-content:center}.hdr .df-logo.dfc{--dfc-s:0.09;flex-direction:column;align-items:flex-start;gap:2px}.hdr .df-logo.dfc .word{font-size:9px;margin-top:0;letter-spacing:.2px}}@media (max-width:380px){.hdr{gap:8px}.hdr-right{gap:6px}.hdr .tsel-name{display:none}.hdr .btn-sm:has(.tsel-name){min-width:44px;min-height:44px;justify-content:center}}