:root{
  --header-bg:#eef3ef;
  --header-line:#d8e3dc;
  --header-text:#556b63;
  --header-pill-bg:#f8fbf9;
  --header-pill-border:#c9d9d0;
  --header-pill-text:#48655b;
  --header-pill-hover:#edf5f0;
}
.topbar{
  background:var(--header-bg) !important;
  border-bottom:1px solid var(--header-line) !important;
  color:var(--header-text) !important;
}
.topbar-inner{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.topbar-left,
.topbar .topbar-inner > div:first-child{
  color:var(--header-text) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.2px !important;
}
.topbar-links{
  display:none !important;
}
.user-actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
.user-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  background:var(--header-pill-bg) !important;
  border:1px solid var(--header-pill-border) !important;
  color:var(--header-pill-text) !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  box-shadow:none !important;
  white-space:nowrap !important;
}
.login-btn,
.logout-btn,
.user-mini-btn,
.topbar .user-actions a,
.topbar .user-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 14px !important;
  border-radius:999px !important;
  border:1px solid var(--header-pill-border) !important;
  background:var(--header-pill-bg) !important;
  color:var(--header-pill-text) !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.login-btn:hover,
.logout-btn:hover,
.user-mini-btn:hover,
.user-pill:hover,
.topbar .user-actions a:hover,
.topbar .user-actions button:hover{
  background:var(--header-pill-hover) !important;
  border-color:#b7cdc2 !important;
  color:#3f5a51 !important;
}
@media (max-width:780px){
  .topbar-inner{
    align-items:flex-start !important;
  }
  .topbar-left,
  .topbar .topbar-inner > div:first-child{
    width:100% !important;
  }
}


/* 统一顶部导航与会员入口 */
.site-header .search-box{display:none !important;}
.site-header .nav-inner{grid-template-columns:auto 1fr !important; gap:24px !important;}
.site-header .main-nav{justify-content:flex-start !important;}
.site-header .main-nav a{color:#5b5148 !important;}
.site-header .main-nav a:hover,
.site-header .main-nav a.active{color:var(--primary, #d86f38) !important;}
.top-login-entry{
  background:linear-gradient(135deg,#fff7ef 0%, #f7ecdd 100%) !important;
  border-color:#dfc7ae !important;
  color:#a85b33 !important;
}
.top-login-entry:hover{
  background:linear-gradient(135deg,#fff0df 0%, #f3e3cf 100%) !important;
  color:#8f4d2e !important;
}
@media (max-width:980px){
  .site-header .nav-inner{grid-template-columns:1fr !important;}
  .site-header .main-nav{justify-content:flex-start !important;}
}