.site-header{
  position:sticky;top:0;z-index:50;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{
  width:38px;height:38px;border-radius:12px;
  box-shadow:0 6px 18px rgba(2,6,23,.10);
  background:#fff;
  object-fit:contain;
}
.nav{display:flex;gap:10px;align-items:center}
.menu-btn{display:none}
.nav a{
  padding:8px 10px;border-radius:10px;
  text-decoration:none;color:var(--muted)
}
.nav a:hover{background:rgba(2,6,23,.04);color:var(--text)}

.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.userchip{
  color:var(--muted);
  font-size:12px;
  text-decoration:none;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(2,6,23,.02);
}
.userchip:hover{color:var(--text);background:rgba(2,6,23,.04)}

@media (max-width:900px){
  .menu-btn{display:inline-flex}
  .nav{display:none}
  .nav.open{
    display:flex;flex-direction:column;
    position:absolute;left:0;right:0;top:58px;
    padding:10px 16px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--line);
  }
}
.site-footer{
  border-top:1px solid var(--line);
  margin-top:40px;padding:18px 0;color:var(--muted)
}
.site-footer a{
  color:var(--muted);text-decoration:none;
  padding:6px 8px;border-radius:10px
}
.site-footer a:hover{color:var(--text);background:rgba(2,6,23,.04)}