/* ---------- 面包屑（白色胶囊卡，自包含版：供未挂载 infos.css 的页面使用） ---------- */
.if-crumb{position:relative;z-index:5;margin-top:clamp(16px,1.8vw,24px);margin-bottom:clamp(18px,1.7vw,24px)}
.if-crumb .if-wrap,.if-crumb .wrap{display:flex}
.if-crumb-nav{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:9px;padding:10px 22px;border-radius:100px;
  background:#fff;border:1px solid #e2ece6;box-shadow:0 12px 28px -16px rgba(9,44,28,.4);
  font-size:13px;color:#6f8378;max-width:100%}
.if-crumb-nav a,.if-crumb-nav .sep{white-space:nowrap;flex-shrink:0}
.if-crumb-nav a{color:#6f8378;transition:color .25s}
.if-crumb-nav a:hover{color:#1c7d4c}
.if-crumb-nav .sep{width:12px;height:12px;color:#b6c6bc}
.if-crumb-cur{color:#0f2419;font-weight:700;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
@media (max-width:768px){
  .if-crumb{margin-top:14px;margin-bottom:16px}
  .if-crumb .if-wrap,.if-crumb .wrap{width:calc(100% - 32px)}
  .if-crumb-nav{padding:8px 16px;font-size:12.5px;gap:7px}
}

/* 桌面端：面包屑位于固定 header 下第一个元素时的抬头间距（header ≤960px 隐藏，故仅桌面生效）。
   页头后的 .mge 占位（margin 74px，让开固定 header）与面包屑 margin 会塌陷合并，故这里用 padding-top 抬内容 */
@media (min-width:961px){
  .if-crumb.if-crumb-top{margin-top:0;padding-top:26px}
  .if-crumb.if-crumb-top-xl{margin-top:0;padding-top:84px}
}