/* [2026-09-01] v38b 面包屑（2026814 新版页面专用：淘宝/天猫列表、详情）
   rem 基准 = 1rem@100px（html{font-size:26.6667vw}），与老页面用的 crumb.css（1rem=37.5px，lib-flexible）不能混用 */
/* [2026-09-01] v45d 用户定稿：顶栏下留一点点间距 */
#breadcrumb {
  margin: 0;
  padding: 0.020rem 0.140rem 0.040rem;
  background: #ffffff;
}
#breadcrumb .layui-breadcrumb {
  display: flex;
  align-items: center;
  font-size: 0.120rem;
  line-height: 1.3;
  white-space: nowrap;
}
/* [2026-09-01] v45c 面包屑与标题区连成一体：标题区上内边距 0.14→0.06（仅详情页 .header 生效） */
#breadcrumb + .header { padding-top: 0.060rem; }
#breadcrumb a {
  color: #8a8a8a;
  text-decoration: none;
  flex-shrink: 0;
}
/* 分隔符：页面未加载 layui JS，用 CSS 补 ">"（等同 lay-separator=">"） */
#breadcrumb a:not(:last-child)::after {
  content: '>';
  margin: 0 0.060rem;
  color: #c8c8c8;
  font-size: 0.100rem;
}
/* 末级当前页：占满剩余宽度，内部 cite 省略号截断 */
#breadcrumb a:last-child {
  color: #222222;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
/* 末级文字（详情页为店铺名，过长省略） */
#breadcrumb a cite {
  font-style: normal;
  color: #222222;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}