/* 文章目录 —— 模板内置版
 * 风格与站内侧栏模块（head-sub 标题栏 + list-txt 圆点列表）保持统一
 * 位置：文章详情页右侧栏（.m3r）顶部，固定不动
 */

/* 目录列表：继承 list-txt 的圆点与行高，微调间距 */
.art-toc {
	padding: 0 16px 12px 16px;
}
.art-toc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.art-toc li {
	height: auto;
	min-height: 32px;
	line-height: 24px;
	padding: 4px 0 4px 16px;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px dashed #F0F0F0;
}
/* 圆点：用 CSS 绘制，不依赖图片资源 */
.art-toc li:before {
	content: "";
	position: absolute;
	left: 4px;
	top: 12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #CCCCCC;
}
.art-toc li a.active:before {
	background: #FF3300;
}
.art-toc li:last-child {
	border-bottom: 0;
}
.art-toc li a {
	color: #555555;
	text-decoration: none;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 2px 8px;
	margin: 0 -8px;
	border-radius: 4px;
	transition: background .18s ease, color .18s ease;
}
/* 悬停：淡红色背景 + 红色文字 */
.art-toc li a:hover {
	color: #FF3300;
	background: #FFF2F2;
}
.art-toc li a.active {
	color: #FF3300;
	font-weight: bold;
	background: #FFF2F2;
}
.art-toc li a.active:hover {
	background: #FFE8E8;
}

/* 三级标题：缩进，与二级区分 */
.art-toc li.lv3 {
	padding-left: 30px;
	font-size: 13px;
	color: #888888;
}
.art-toc li.lv3 a {
	color: #888888;
}
.art-toc li.lv3 a:hover {
	color: #FF3300;
	background: #FFF2F2;
}
.art-toc li.lv3 a.active {
	color: #FF3300;
}

/* 目录块整体：白底，与侧栏其它模块连成一体 */
.art-toc-box {
	margin-bottom: 10px;
}