/**
 * Qing 面包屑导航样式。
 *
 * 结构：nav.qing-breadcrumb > ol.qing-breadcrumb__list > li.qing-breadcrumb__cell
 *   首页项： a.qing-breadcrumb__item.qing-breadcrumb__home
 *              > span.qing-breadcrumb__home-icon（SVG）+ span.qing-breadcrumb__home-text
 *   后续项： span.qing-breadcrumb__sep（分隔符）+ a/span.qing-breadcrumb__item(.is-current)
 *
 * 默认观感对齐设计稿：房子图标 + Home（可点击）> Company（当前页，蓝色）。
 */

.qing-breadcrumb {
	width: 100%;
	box-sizing: border-box;
}

.qing-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.qing-breadcrumb__cell {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	list-style: none;
}

/* 单个面包屑项（链接或当前页）。 */
.qing-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	color: #333333;
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s ease;
}

a.qing-breadcrumb__item:hover {
	color: #1e50c8;
}

/* 当前页：默认蓝色、不可点击。 */
.qing-breadcrumb__item.is-current {
	color: #1e50c8;
	cursor: default;
}

/* 首页项：图标 + 文字。 */
.qing-breadcrumb__home {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.qing-breadcrumb__home-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #1e50c8;
	font-size: 16px;
	line-height: 1;
}

.qing-breadcrumb__home-icon svg {
	width: 16px;
	height: 16px;
	display: block;
	fill: currentColor;
}

.qing-breadcrumb__home-icon img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	display: block;
}

/* 分隔符：默认橙红色 chevron / 文本。 */
.qing-breadcrumb__sep {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #c04a2b;
	font-size: 14px;
	line-height: 1;
	user-select: none;
}

.qing-breadcrumb__sep svg {
	width: 14px;
	height: 14px;
	display: block;
}
