/**
 * Qing 侧栏列表（最新产品 / 最新文章）通用样式。
 *
 * 两个小部件（Qing 侧栏最新产品、Qing 侧栏最新文章）共用本样式，
 * 通过统一的 BEM 前缀 .qing-sl 复用；小部件间的差异（配色等）由控件 selectors 覆盖。
 *
 * 结构：.qing-sl（纵向容器）
 *   > .qing-sl__head（模块标题：如 Latest product / Latest News）
 *   > .qing-sl__list（纵向标题链接列表）
 *       > .qing-sl__item > a（单条标题链接，超出行数省略）
 */

.qing-sl {
	display: block;
}

/* -------- 模块标题 -------- */
.qing-sl__head {
	margin: 0 0 14px;
	padding: 0 0 12px;
	color: #1a2233;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	border-bottom: 2px solid #1e50c8;
}

/* -------- 标题链接列表 -------- */
.qing-sl__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qing-sl__item {
	padding: 12px 0;
}

.qing-sl__item:last-child {
	border-bottom: none;
}

/* 关闭条目分隔线（下划线）时。 */
.qing-sl--no-divider .qing-sl__item {
	border-bottom: none;
}

/* 单条标题链接：行数由控件下发，超出省略号隐藏。 */
.qing-sl__item a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333333;
	font-size: 15px;
	line-height: 1.6;
	text-decoration: none;
	transition: color 0.2s ease;
}

.qing-sl__item a:hover {
	color: #1e50c8;
}

/* 编辑器空态提示。 */
.qing-sl__empty {
	padding: 16px;
	background: #f5f6f8;
	border-radius: 8px;
	color: #8a94a3;
	text-align: center;
}