/* ============================================================
   yehouse · 全站信息架构导航样式（site-nav.css）
   ------------------------------------------------------------
   只服务 site-nav.js 渲染出来的四类元素：
     1. .nav.yh-nav        顶部一级导航（四板块 + 快捷入口）
     2. .yh-subnav         当前板块的二级导航条
     3. .yh-crumb          面包屑（仅深层页面出现）
     4. .yh-burger / .yh-drawer   手机端抽屉
   视觉令牌沿用站点既有 :root（--paper/--ink/--acid/--line…），
   不新造颜色，不改动任何页面自身的样式。
   ============================================================ */

/* ---------- 1. 顶部一级导航 ---------- */
.nav.yh-nav{gap:20px;flex-wrap:nowrap}
.nav.yh-nav a{white-space:nowrap}
.nav.yh-nav a[aria-current]{font-weight:850}
.nav.yh-nav a[aria-current]:after{
  content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--acid);
}
/* 板块链接与快捷入口的层级区分：快捷入口略淡，但仍可点 */
.nav.yh-nav .yh-quick{color:var(--muted);font-weight:750}
.nav.yh-nav .yh-quick:hover{color:var(--ink)}

/* ---------- 2. 二级导航条 ---------- */
.yh-subnav{
  border-bottom:1px solid var(--line);
  background:var(--paper);
  display:flex;align-items:center;gap:10px;
  width:min(var(--max,1200px),calc(100% - 48px));
  margin:0 auto;
  padding:7px 0;
}
.yh-subnav-in{
  flex:1 1 auto;min-width:0;
  display:flex;align-items:center;gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.yh-subnav-in::-webkit-scrollbar{display:none}
.yh-subnav-board{
  flex:none;display:inline-flex;align-items:center;gap:6px;
  font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);padding-right:11px;margin-right:3px;
  border-right:1px solid var(--line);
}
.yh-subnav-board b{color:var(--ink);letter-spacing:-.01em;text-transform:none;font-size:11.5px}
.yh-subnav a{
  flex:none;
  font-size:11.5px;font-weight:750;color:var(--muted);
  padding:6px 11px;border-radius:4px;border:1.3px solid transparent;
  transition:background-color .15s,color .15s,border-color .15s;
}
.yh-subnav a:hover{color:var(--ink);background:var(--white);border-color:var(--line)}
.yh-subnav a[aria-current="page"]{
  color:var(--ink);font-weight:850;background:var(--white);border-color:var(--ink);
}

/* ---------- 3. 面包屑 ---------- */
.yh-crumb{
  width:min(var(--max,1200px),calc(100% - 48px));
  margin:0 auto;padding:16px 0 0;
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font-size:11px;font-weight:700;color:var(--muted);
}
.yh-crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.yh-crumb i{font-style:normal;color:var(--line);font-weight:850}
.yh-crumb b{color:var(--ink);font-weight:850}

/* ---------- 4. 发布入口（下拉） ---------- */
.yh-pub{position:relative;display:inline-flex;align-items:center;flex:none}
.yh-pub-btn{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--ink);color:#fff;border:1.5px solid var(--ink);
  padding:9px 14px;border-radius:4px;font-size:11px;font-weight:850;
  cursor:pointer;transition:.16s;font-family:inherit;
}
.yh-pub-btn:hover{background:var(--acid);color:var(--ink)}
.yh-pub-menu{
  position:absolute;top:100%;right:0;padding-top:7px;z-index:9998;
  opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;
  transition:opacity .15s,transform .15s,visibility .15s;
}
.yh-pub:hover .yh-pub-menu,.yh-pub:focus-within .yh-pub-menu,.yh-pub.yh-open .yh-pub-menu{
  opacity:1;visibility:visible;transform:none;pointer-events:auto;
}
.yh-pub-in{
  min-width:186px;background:#fffefa;border:1.5px solid var(--ink);border-radius:5px;
  box-shadow:5px 5px 0 rgba(23,26,23,.16);padding:6px;display:grid;gap:1px;
}
.yh-pub-in .h{
  padding:8px 10px 9px;border-bottom:1px dashed var(--line);margin-bottom:4px;
  font-size:9px;font-weight:850;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;
}
.yh-pub-in a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border-radius:4px;font-size:12px;font-weight:750;color:var(--ink);
}
.yh-pub-in a:hover{background:var(--acid)}
.yh-pub-in a i{font-style:normal;font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--muted)}

/* ---------- 5. 手机端：汉堡 + 抽屉 ---------- */
body.yh-lock{overflow:hidden}
.yh-burger{
  display:none;flex:none;
  width:38px;height:38px;border:1.5px solid var(--ink);border-radius:5px;
  background:var(--white);cursor:pointer;
  align-items:center;justify-content:center;
  font:850 15px/1 Inter,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
.yh-burger:hover{background:var(--acid)}
.yh-drawer{
  position:fixed;inset:0;z-index:9996;
  background:rgba(23,26,23,.34);
  opacity:0;visibility:hidden;pointer-events:none;
  /* visibility 不进 transition：只由类切换即时决定，避免过渡未完成时读不到可点状态 */
  transition:opacity .2s;
}
.yh-drawer.yh-open{opacity:1;visibility:visible;pointer-events:auto}
.yh-drawer-in{
  position:absolute;top:0;right:0;bottom:0;
  width:min(88vw,360px);
  background:var(--paper);
  border-left:1.5px solid var(--ink);
  padding:16px 16px 30px;
  overflow-y:auto;
  transform:translateX(100%);transition:transform .22s ease;
  display:flex;flex-direction:column;gap:14px;
}
.yh-drawer.yh-open .yh-drawer-in{transform:none}
.yh-drawer-top{display:flex;align-items:center;justify-content:space-between}
.yh-drawer-top b{font-size:13px;font-weight:900;letter-spacing:-.02em}
.yh-drawer-x{
  width:32px;height:32px;border:1.5px solid var(--ink);border-radius:5px;
  background:var(--white);cursor:pointer;font-weight:850;
}
.yh-drawer-x:hover{background:var(--acid)}
.yh-drawer-sec{border-top:1px solid var(--line);padding-top:12px}
.yh-drawer-sec:first-of-type{border-top:0;padding-top:0}
.yh-drawer-sec>h4{
  margin:0 0 8px;font-size:9px;font-weight:850;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.yh-drawer-sec>a.yh-board{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;border:1.5px solid var(--ink);border-radius:5px;
  font-size:14px;font-weight:850;background:var(--white);margin-bottom:6px;
}
.yh-drawer-sec>a.yh-board[aria-current]{background:var(--acid)}
.yh-drawer-sec>a.yh-board i{font-style:normal;font-size:10px;color:var(--muted)}
.yh-drawer-subs{display:grid;gap:2px;padding:2px 0 4px 4px}
.yh-drawer-subs a{
  padding:9px 10px;font-size:12.5px;font-weight:750;border-radius:4px;
  display:flex;justify-content:space-between;gap:8px;
}
.yh-drawer-subs a:hover{background:var(--white)}
.yh-drawer-subs a[aria-current]{background:var(--white);font-weight:850;border:1px solid var(--line)}
.yh-drawer-pub{display:grid;gap:6px}
.yh-drawer-pub a{
  padding:10px 12px;border:1.5px solid var(--ink);border-radius:5px;
  font-size:12.5px;font-weight:800;background:var(--white);
  display:flex;justify-content:space-between;
}
.yh-drawer-pub a:hover{background:var(--acid)}

/* 960px 以下：收起一级导航，改为汉堡 + 抽屉。
   这个断点同时盖住 market.css 原有的 `.nav{display:none}`（≤960px 隐藏整条导航
   却不给任何替代入口，是本次要修的移动端缺陷）。 */
@media(max-width:960px){
  header.top{
    display:flex !important;flex-wrap:nowrap;align-items:center;justify-content:space-between;
    height:auto !important;padding:10px 0;gap:10px;
  }
  header.top > .brand{order:1;min-width:0}
  header.top > .nav-cta{order:2;flex:none;margin-left:auto}
  header.top > .yh-burger{order:3;flex:none}
  .nav.yh-nav{display:none !important}
  .yh-burger{display:inline-flex}
}
@media(max-width:650px){
  .yh-crumb{padding-top:12px;font-size:10.5px}
  .yh-subnav-board{display:none}
  .yh-pub{display:none}
  .yh-subnav{width:calc(100% - 28px);padding:6px 0}
}