/* ========= HEADER ONLY ========= */
.siteHeader .topbar{
  border-bottom:1px solid var(--line);
  background:#fff;
}
.siteHeader .topbar .in{
  height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:13px;
  color:var(--muted);
}

/* sticky header */
.siteHeader header{
  position: sticky;
  top:0;
  z-index: 30;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.siteHeader .nav{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

/* brand */
.siteHeader .brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
}
.siteHeader .logo{
  width:38px;height:38px;
  border-radius:12px;
  border:1px solid var(--line);
  background:
    radial-gradient(14px 14px at 30% 30%, rgba(139,90,43,.55), rgba(139,90,43,0)),
    linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.01));
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}
.siteHeader .brand b{ font-size:16px; letter-spacing:.5px; }
.siteHeader .brand span{
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
}

/* navlinks */
.siteHeader .navlinks{
  display:flex;
  gap:18px;
  align-items:center;
  flex:1;
  justify-content:center;
  position:relative;
}
.siteHeader .navlinks .nav-item{
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:10px;
  font-size:14px;
  color:#333;
  cursor:pointer;
  user-select:none;
}
.siteHeader .navlinks .nav-item:hover{ color:var(--coffee); background:#faf7f2; }
.siteHeader .navlinks .nav-item.active{ color:var(--coffee); background:#faf7f2; }

/* dropdown */
.siteHeader .navlinks .menu{ position:relative; }
.siteHeader .navlinks .chev{
  width:10px;height:10px;
  display:inline-block;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-top:-2px;
  opacity:.65;
}
.siteHeader .dropdown{
  position:absolute;
  top:44px;
  left:0;
  min-width:220px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow: var(--shadow);
  padding:8px;
  display:none;
  z-index:50;
}
.siteHeader .dropdown a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:12px;
  font-size:14px;
  color:#333;
}
.siteHeader .dropdown a:hover{ background:#faf7f2; color:var(--coffee); }
.siteHeader .dropdown small{ color:var(--muted); font-size:12px; }

@media (min-width:981px){
  .siteHeader .navlinks .menu:hover .dropdown{ display:block; }
}
.siteHeader .navlinks .menu.is-open .dropdown{ display:block; }

/* actions */
.siteHeader .actions{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:220px;
  justify-content:flex-end;
}

/* mobile */
.siteHeader .mBtn{
  display:none;
  height:40px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  padding:0 12px;
  cursor:pointer;
}
.siteHeader .mBtn:hover{ background:#f6f6f6; }

.siteHeader .mMenu{
  display:none;
  border-top:1px solid var(--line);
  background:#fff;
}
.siteHeader .mMenu .box{
  padding:10px 0;
  display:grid;
  gap:6px;
}
.siteHeader .mMenu a{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fafafa;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.siteHeader .mMenu a:hover{ color:var(--coffee); background:#faf7f2; }
.siteHeader .mMenu.show{ display:block; }

/* 在 nav-item 和 dropdown 中间铺一条透明 hover 桥 */
.siteHeader .navlinks .menu::after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:12px;     /* 桥的高度，按需要调大一点 */
}

@media (max-width: 980px){
  .siteHeader .iptS{ display:none; } /* 搜索框隐藏 */
}
@media (max-width: 520px){
  .siteHeader .navlinks{ display:none; }
  .siteHeader .mBtn{ display:inline-flex !important; }
}