@charset "utf-8";
/* ==========================================================================
   老徐·资源站 页头 v3  laoxu-header.css
   设计语言参照：xmyc-liblib（浅色、圆角、克制点缀、大量留白）
   结构：工具条(34px) + 主栏(72px)：Logo ┃ 主导航 ··· 搜索 ··· 登录/注册 ⌘
   原则：全局只保留一个实心主色 CTA（注册），激活态用浅色底 + 主色文字
   ========================================================================== */

/* ---------------- 1. 顶部工具条：与主栏同色，弱化存在感 ---------------- */
#toptb{
  height:36px !important; min-height:36px; line-height:36px !important;
  background:var(--lx-card,#fff) !important;
  border-bottom:1px solid var(--lx-border-light,#eef2ef) !important;
  box-sizing:border-box; position:relative; z-index:1000; overflow:visible !important;
}
#toptb .wp{
  max-width:none; margin:0 26px !important; padding:0 !important; height:36px; box-sizing:border-box;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
#toptb .z, #toptb .y{ float:none !important; display:flex !important; align-items:center; gap:2px; }
#toptb a{
  display:inline-flex !important; align-items:center; height:24px !important; line-height:24px !important;
  padding:0 9px !important; margin:0 !important; border-radius:7px;
  font-size:12.5px !important; color:var(--lx-text3,#8a968f) !important; background:none !important;
  transition:color .16s ease,background .16s ease;
}
#toptb a:hover{ color:var(--lx-primary,#17795a) !important; background:var(--lx-muted,#f4f7f4) !important; }
#toptb .switchblind{ width:24px !important; min-width:24px; padding:0 !important; justify-content:center; }
#toptb .pipe{ color:#e2e9e3; padding:0 2px; }

/* ---------------- 2. 主栏：白底、1px 分隔、无重阴影 ---------------- */
#hd{
  background:var(--lx-card,#fff) !important;
  border:0 !important; border-bottom:1px solid var(--lx-border-light,#eef2ef) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  position:sticky !important; top:0 !important; z-index:900 !important;
  overflow:visible !important;
}
#hd > .wp{
  display:block !important; position:static !important;
  width:100% !important; max-width:none !important; margin:0 !important;
  padding:0 26px !important; box-sizing:border-box !important;
}
#hd .hdc{
  display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important;
  height:72px !important; min-height:72px; padding:0 !important; margin:0 !important;
  float:none !important; overflow:visible !important;
}

/* 品牌区：Logo + 竖向分隔线 */
#hd .hdc h2{
  display:flex !important; align-items:center; flex:0 0 auto;
  height:72px; margin:0 22px 0 0 !important; padding:0 22px 0 0 !important;
  float:none !important; border-right:1px solid var(--lx-border-light,#eef2ef);
}
#hd .hdc h2 img, #hd .hdc h2#logo img{
  height:28px !important; width:auto !important; max-width:190px; display:block;
}

/* ---------------- 3. 主导航：文字 + 浅底激活，不用实心块 ---------------- */
#hd #nv{
  flex:1 1 auto !important; min-width:0 !important;
  display:flex !important; align-items:center !important; gap:0 !important;
  background:transparent !important; border:0 !important; height:auto !important;
  margin:0 !important; padding:0 !important; float:none !important; overflow:visible !important;
}
#hd #nv > ul{
  display:flex !important; align-items:center !important; gap:2px !important;
  float:none !important; flex-wrap:nowrap; overflow:visible; height:auto !important;
  margin:0 !important; padding:0 !important; background:none !important; border:0 !important;
}
#hd #nv li{
  float:none !important; height:38px !important; line-height:38px !important;
  padding:0 14px !important; margin:0 !important; border-radius:9px !important;
  background:none !important; font-size:14px !important; box-shadow:none !important;
  transition:background .16s ease;
}
#hd #nv li a{
  display:block !important; padding:0 !important; line-height:38px !important;
  font-size:14px !important; font-weight:500 !important; color:var(--lx-text2,#4b5651) !important;
  letter-spacing:.1px;
}
#hd #nv li:hover{ background:var(--lx-muted,#f4f7f4) !important; }
#hd #nv li:hover a{ color:var(--lx-text,#16211b) !important; }
#hd #nv li.a{ background:var(--lx-primary-soft,rgba(23,121,90,.1)) !important; }
#hd #nv li.a a, #hd #nv li.a a:hover{
  color:var(--lx-primary,#17795a) !important; font-weight:600 !important;
}
#hd #nv .nvhm{ display:none !important; }

/* 快捷导航：降为辅助项 */
#hd #nv #qmenu{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:34px !important; line-height:34px !important; padding:0 11px !important; margin:0 0 0 10px !important;
  border-radius:9px !important; background:transparent !important;
  color:var(--lx-text3,#8a968f) !important; font-size:12.5px !important; font-weight:400;
  border:1px solid var(--lx-border-light,#e8eeea) !important;
}
#hd #nv #qmenu:hover{
  background:var(--lx-muted,#f4f7f4) !important; color:var(--lx-primary,#17795a) !important;
  border-color:var(--lx-border,#e2e8e0) !important;
}

/* 导航二级下拉 */
#hd #nv li > ul{
  top:44px !important; padding:6px !important; min-width:156px;
  background:var(--lx-card,#fff) !important; border:1px solid var(--lx-border,#eef2ef) !important;
  border-radius:12px !important; box-shadow:0 18px 40px -22px rgba(22,33,27,.4) !important;
  z-index:1200 !important;
}
#hd #nv li > ul li{ height:34px !important; line-height:34px !important; border-radius:8px !important; padding:0 12px !important; }
#hd #nv li > ul li a{ font-size:13px !important; line-height:34px !important; color:var(--lx-text2,#4d5f55) !important; }

/* ---------------- 4. 搜索：白底细框，聚焦主色光晕 ---------------- */
#hd #scbar{
  flex:0 0 300px !important; width:300px !important; max-width:300px !important; min-width:0 !important;
  margin:0 0 0 auto !important; padding:0 !important; height:auto !important;
  background:transparent !important; border:0 !important; float:none !important;
  position:relative !important; box-sizing:border-box !important;
}
#hd #scbar *{ box-sizing:border-box; }
#hd #scbar_form{
  display:flex !important; align-items:center !important;
  width:100% !important; height:42px !important; margin:0 !important;
  padding:0 4px 0 14px !important;
  background:var(--lx-card,#fff) !important;
  border:1px solid var(--lx-border,#e3eae5) !important;
  border-radius:11px !important; box-shadow:none !important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#hd #scbar_form:hover{ border-color:#cfded5 !important; }
#hd #scbar_form:focus-within{
  border-color:var(--lx-primary,#17795a) !important;
  box-shadow:0 0 0 3px var(--lx-primary-soft,rgba(23,121,90,.1)) !important;
}
#hd #scbar_form table, #hd #scbar_form tbody, #hd #scbar_form tr{
  display:flex !important; align-items:center !important; width:100% !important; min-width:0 !important; overflow:hidden !important;
  margin:0 !important; padding:0 !important; border:0 !important; background:none !important; height:auto !important;
}
#hd #scbar_form td{ display:flex !important; align-items:center; min-width:0 !important; padding:0 !important; border:0 !important; background:none !important; }
#hd #scbar_form td:has(#scbar_txt){ flex:1 1 auto !important; min-width:0 !important; }
#hd #scbar_form td:has(#scbar_btn){ flex:0 0 auto !important; }
#hd #scbar_txt{
  flex:1 1 0 !important; width:0 !important; min-width:0 !important; height:34px !important; line-height:34px !important;
  font-size:13.5px !important; color:var(--lx-text,#16211b) !important;
  border:0 !important; background:transparent !important;
  padding:0 8px 0 0 !important; box-shadow:none !important; outline:none !important;
}
#hd #scbar_txt::placeholder{ color:#9aa8a0 !important; font-size:13.5px; }
#hd #scbar_btn{
  flex:0 0 auto; height:32px !important; line-height:32px !important; min-width:0 !important;
  padding:0 15px !important; margin:0 !important;
  border:0 !important; border-radius:8px !important;
  background:var(--lx-primary,#17795a) !important; color:#fff !important;
  font-size:12.5px !important; letter-spacing:.5px; cursor:pointer;
  transition:background .16s ease;
}
#hd #scbar_btn:hover{ background:var(--lx-primary-hover,#0f6349) !important; }
#hd #scbar_btn em, #hd #scbar_btn strong{ color:#fff !important; font-size:12.5px !important; font-style:normal; }
#hd #scbar_type, #hd #scbar_form .scbar_type_td a{
  color:var(--lx-text3,#8a968f) !important; font-size:12.5px !important; padding:0 2px !important;
  white-space:nowrap;
}

/* 热门搜索：浮层 */
#hd #scbar_hot{
  display:none !important; position:absolute !important;
  top:calc(100% + 8px) !important; right:0 !important; left:auto !important; bottom:auto !important;
  width:320px !important; max-width:320px !important; box-sizing:border-box;
  padding:12px 14px !important; text-align:left !important;
  background:var(--lx-card,#fff) !important; border:1px solid var(--lx-border,#eef2ef) !important;
  border-radius:14px !important; box-shadow:0 18px 40px -22px rgba(22,33,27,.4) !important;
  z-index:1200 !important; font-size:12px !important; line-height:1.9 !important;
}
#hd #scbar:hover #scbar_hot, #hd #scbar:focus-within #scbar_hot{ display:block !important; }
#hd #scbar_hot strong{
  display:block !important; float:none !important; margin:0 0 6px !important;
  font-size:12px !important; font-weight:600; color:var(--lx-text2,#46524b);
}
#hd #scbar_hot a{
  display:inline-block !important; padding:2px 9px !important; margin:0 4px 4px 0 !important;
  border-radius:999px !important; background:var(--lx-muted,#f4f7f4) !important;
  color:var(--lx-text2,#5c6b62) !important; font-size:12px !important; line-height:1.9 !important;
}
#hd #scbar_hot a:hover{ background:var(--lx-primary-soft,rgba(23,121,90,.12)) !important; color:var(--lx-primary,#17795a) !important; }

/* ---------------- 5. 用户区：仅注册为实心 CTA ---------------- */
#hd .lx-hd-user{ flex:0 0 auto; display:flex; align-items:center; margin-left:18px; }
#hd .lx-auth{ display:flex; align-items:center; gap:6px; }
#hd .lx-auth a{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 14px; border-radius:9px;
  font-size:13.5px; font-weight:500; line-height:1; text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
#hd .lx-auth .lx-btn-ghost{ color:var(--lx-text2,#4b5651) !important; background:transparent; }
#hd .lx-auth .lx-btn-ghost:hover{ background:var(--lx-muted,#f4f7f4); color:var(--lx-text,#16211b) !important; }
#hd .lx-auth .lx-btn-primary{
  color:#fff !important; background:var(--lx-primary,#17795a); padding:0 18px;
}
#hd .lx-auth .lx-btn-primary:hover{ background:var(--lx-primary-hover,#0f6349); }

/* 已登录 */
#hd #um{
  display:flex !important; align-items:center; gap:12px;
  float:none !important; height:auto !important; margin:0 !important; padding:0 !important;
}
#hd #um > p{
  display:flex !important; align-items:center; gap:2px;
  float:none !important; margin:0 !important; padding:0 !important; height:auto !important; min-height:0 !important;
}
#hd #um > p:last-child{ display:none !important; }
#hd #um > p > .pipe{ display:none !important; }
#hd #um > p > a{ display:none !important; }
#hd #um > p > a#myitem, #hd #um > p > a#myprompt, #hd #um > p > a[href*="action=logout"]{
  display:inline-flex !important; align-items:center; height:32px; padding:0 10px;
  border-radius:8px; font-size:12.5px; color:var(--lx-text3,#7d8b83) !important; background:none;
}
#hd #um > p > a#myitem:hover, #hd #um > p > a#myprompt:hover, #hd #um > p > a[href*="action=logout"]:hover{
  background:var(--lx-muted,#f4f7f4); color:var(--lx-primary,#17795a) !important;
}
#hd #um .vwmy, #hd #um .vwmy a{
  font-size:13.5px !important; font-weight:600 !important; color:var(--lx-text,#16211b) !important;
}
#hd #um .avt{
  order:-1; float:none !important; width:34px !important; height:34px !important; min-width:34px;
  margin:0 !important; border-radius:50% !important; overflow:hidden;
}
#hd #um .avt a{ display:block !important; width:34px !important; height:34px !important; line-height:0 !important; }
#hd #um .avt img{
  width:34px !important; height:34px !important; max-width:none !important;
  object-fit:cover; display:block; padding:0 !important; border:0 !important;
}

/* ---------------- 6. 右侧图标按钮 ---------------- */
#hd .lx-hd-actions{ margin:0 0 0 10px !important; display:flex; align-items:center; gap:6px; flex:0 0 auto; }
#hd .lx-icon-btn{
  width:38px; height:38px; border-radius:10px; border:0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--lx-muted,#f4f7f4); color:var(--lx-text3,#8a968f);
  font-size:15px; line-height:1; transition:background .16s ease,color .16s ease;
}
#hd .lx-icon-btn:hover{ background:var(--lx-primary-soft,rgba(23,121,90,.1)); color:var(--lx-primary,#17795a); }

/* ---------------- 7. 二级导航 ---------------- */
#hd #mu{ margin:0 !important; padding:0 !important; clear:none !important; }
#hd #mu ul{
  display:flex !important; align-items:center; flex-wrap:wrap; gap:2px;
  padding:0 0 12px !important; margin:0 !important; border:0 !important; background:none !important;
}
#hd #mu ul li a{ display:inline-block; padding:4px 11px; border-radius:8px; font-size:12.5px; color:var(--lx-text3,#7d8b83); }
#hd #mu ul li a:hover{ background:var(--lx-muted,#f4f7f4); color:var(--lx-primary,#17795a); }
#hd #mu:empty{ display:none !important; }

/* ---------------- 8. 响应式 ---------------- */
@media screen and (max-width:1320px){
  #hd > .wp, #toptb .wp{ padding:0 24px !important; }
  #hd #scbar{ flex:0 0 250px !important; width:250px !important; max-width:250px !important; margin-left:14px !important; }
  #hd #nv li{ padding:0 11px !important; }
  #hd .hdc h2{ margin-right:16px !important; padding-right:16px !important; }
}
@media screen and (max-width:1100px){
  #hd .hdc{
    flex-wrap:wrap !important; height:auto !important; min-height:0 !important;
    padding:12px 0 !important; row-gap:10px !important;
  }
  #hd .hdc h2{ height:44px; border-right:0; margin-right:0 !important; padding-right:0 !important; }
  #hd #nv{ order:3; flex:1 1 100% !important; width:100%; }
  #hd #nv > ul{ flex-wrap:wrap !important; }
  #hd #scbar{ order:2; flex:1 1 200px !important; width:auto !important; max-width:none !important; margin:0 0 0 auto !important; }
  #hd .lx-hd-user{ order:4; margin-left:auto; }
  #hd .lx-hd-actions{ order:5; }
}
@media screen and (max-width:768px){
  #toptb{ display:none !important; }
  #hd > .wp{ padding:0 14px !important; }
  #hd #nv li{ height:34px !important; line-height:34px !important; padding:0 10px !important; }
  #hd #nv li a{ font-size:13px !important; line-height:34px !important; }
  #hd #scbar_hot{ display:none !important; }
  #hd #scbar_form{ height:38px !important; padding-left:12px !important; }
  #hd #scbar_btn{ height:30px !important; padding:0 12px !important; }
}