img { max-width: 100%; }
/* ─── 面包屑 ─── */
.hi-breadcrumb-bar {
	background: linear-gradient(135deg, #1558A0 0%, #0E3F7A 55%, #0B3369 100%);
	padding: 14px 0;
	position: relative;
	overflow: hidden;
}
.hi-breadcrumb-bar::before {
	content: ''; position: absolute;
	top: -60px; right: -60px;
	width: 260px; height: 260px; border-radius: 50%;
	background: rgba(255,255,255,.04); pointer-events: none;
}
.hi-breadcrumb-bar .breadcrumb {
	background: transparent; margin: 0; padding: 0; font-size: 13px;
}
.hi-breadcrumb-bar .breadcrumb-item a { color: rgba(255,255,255,.75); }
.hi-breadcrumb-bar .breadcrumb-item a:hover { color: #fff; }
.hi-breadcrumb-bar .breadcrumb-item,
.hi-breadcrumb-bar .breadcrumb-item.active { color: rgba(255,255,255,.9); }
.hi-breadcrumb-bar .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,.4); }

/* ─── 主区 ─── */
.main-area { padding: 24px 0 60px; }

/* ─── 顶部广告 ─── */
.top-ad-wrap { margin-bottom: 12px; border-radius: 8px; overflow: hidden; line-height: 0; }
.top-ad-wrap img { width: 100%; display: block; }

/* ─── 内容主卡片 ─── */
.content-card {
	background: var(--c-card);
	border-radius: 12px;
	box-shadow: var(--c-shadow);
	overflow: hidden;
	margin-bottom: 20px;
	border-top: 3px solid var(--c-blue);
}

/* 卡片标题区 */
.content-card-header {
	padding: 22px 28px 20px;
	border-bottom: 1px solid var(--c-border);
}
.content-card-header h1 {
	font-size: 20px; font-weight: 700;
	color: var(--c-text); line-height: 1.5; margin: 0;
}
.field-breadcrumb-back {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 12px; color: var(--c-muted); margin-bottom: 10px;
}
.field-breadcrumb-back:hover { color: var(--c-blue); }

/* 广告条 */
.ad-strip { padding: 12px 28px; border-bottom: 1px solid var(--c-border); }
.example_responsive_1 { width: 300px; height: 50px; }
@media(min-width: 468px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 728px) { .example_responsive_1 { width: 728px; height: 90px; } }

/* 内容区 */
.content-body {
	padding: 24px 28px;
	line-height: 1.9; font-size: 15px; color: var(--c-text);
}
.content-body img { max-width: 100%; border-radius: 8px; height: auto; }
.content-body p { margin-bottom: 1em; }

/* ─── 招生信息表格 (new_stu) ─── */
.info-table {
	width: 100%;
	border-collapse: collapse;
}
.info-table tr {
	border-bottom: 1px solid var(--c-border);
}
.info-table tr:last-child { border-bottom: none; }
.info-table th {
	width: 110px; min-width: 90px;
	padding: 13px 16px;
	font-size: 13px; font-weight: 600;
	color: var(--c-muted); background: var(--c-bg);
	vertical-align: top; white-space: nowrap;
}
.info-table td {
	padding: 13px 16px;
	font-size: 14px; color: var(--c-text);
	vertical-align: top; line-height: 1.75;
}
.info-table td strong { font-weight: 600; color: var(--c-text); }
.info-empty { color: var(--c-muted); font-style: italic; font-weight: 400; }

/* 附加文本说明 */
.student-extra {
	padding: 12px 28px 16px;
	font-size: 13px; color: var(--c-text-2);
	line-height: 1.8; border-top: 1px solid var(--c-border);
}

/* ─── 特色课程标签 (spe_course) ─── */
.course-tags-wrap {
	display: flex; flex-wrap: wrap; gap: 10px;
}
.course-tag {
	display: inline-block;
	background: var(--c-blue-l); color: var(--c-blue);
	font-size: 13px; font-weight: 500;
	padding: 6px 16px; border-radius: 20px;
	border: 1px solid rgba(26,111,196,.2);
}
.course-tag:hover { background: var(--c-blue); color: #fff; }
.course-tag a { color: inherit; }

/* ─── 对口居委 (degree_room) ─── */
.house-list { list-style: none; padding: 0; margin: 0; }
.house-list li {
	padding: 9px 0;
	border-bottom: 1px solid var(--c-border);
	display: flex; align-items: center; gap: 8px;
	font-size: 14px;
}
.house-list li:last-child { border-bottom: none; }
.house-list .fa { color: var(--c-blue); }

/* ─── 问答 / 资讯列表 (ask_ans, news) ─── */
.article-link-list { list-style: none; padding: 0; margin: 0; }
.article-link-item {
	padding: 10px 0;
	border-bottom: 1px solid var(--c-border);
	display: flex; align-items: flex-start; gap: 8px;
}
.article-link-item:last-child { border-bottom: none; }
.article-link-item::before {
	content: ''; display: inline-block;
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--c-blue-m); flex-shrink: 0; margin-top: 6px;
}
.article-link-item a {
	font-size: 14px; color: var(--c-text); line-height: 1.6;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.article-link-item a:hover { color: var(--c-blue); }

/* 空状态 */
.content-empty {
	text-align: center; padding: 40px 20px;
	color: var(--c-muted); font-size: 14px;
}
.content-empty .fa { font-size: 32px; display: block; margin-bottom: 10px; color: var(--c-border); }

/* ─── 侧边栏 ─── */
.sidebar-block {
	background: var(--c-card); border-radius: 10px;
	box-shadow: var(--c-shadow); overflow: hidden; margin-bottom: 16px;
}
.hi-sec-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 13px 18px 11px; border-bottom: 1px solid var(--c-border);
}
.hi-sec-title {
	font-size: 14px; font-weight: 700; color: var(--c-text);
	display: flex; align-items: center; gap: 8px;
}
.hi-sec-title::before {
	content: ''; display: block; width: 3px; height: 16px;
	background: var(--c-blue); border-radius: 2px; flex-shrink: 0;
}
.hi-sec-more { font-size: 12px; color: var(--c-muted); display: flex; align-items: center; gap: 2px; }
.hi-sec-more:hover { color: var(--c-blue); }

/* 分享 */
.share-row { padding: 13px 16px; display: flex; flex-wrap: wrap; gap: 8px; }
.share-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px; border-radius: 7px; font-size: 13px;
	border: 1.5px solid var(--c-border); color: var(--c-muted);
	cursor: pointer; text-decoration: none;
}
.share-btn:hover { border-color: var(--c-blue); color: var(--c-blue); background: var(--c-blue-l); }

/* 社交 */
.social-row { display: flex; justify-content: space-around; padding: 16px 8px; }
.social-btn {
	display: flex; flex-direction: column; align-items: center;
	gap: 5px; color: var(--c-muted); font-size: 11px; text-decoration: none;
}
.social-btn .fa {
	font-size: 20px; width: 44px; height: 44px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background: var(--c-bg);
}
.social-btn .fa-brands {
	font-size: 20px; width: 44px; height: 44px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%; background: var(--c-bg);
}
.social-btn:hover { color: var(--c-blue); }
.social-btn:hover .fa { background: var(--c-blue-l); color: var(--c-blue); }

/* 排行列表 */
.rank-list { padding: 4px 0; }
.rank-item {
	display: flex; align-items: center; gap: 8px;
	padding: 8px 16px; border-bottom: 1px solid var(--c-border); font-size: 13px;
}
.rank-item:last-child { border-bottom: none; }
.rank-num {
	display: inline-flex; align-items: center; justify-content: center;
	width: 20px; height: 20px; border-radius: 4px;
	font-size: 11px; font-weight: 700; flex-shrink: 0; color: #fff;
}
.rank-num.top { background: var(--c-red); }
.rank-num.mid { background: var(--c-amber); }
.rank-item a {
	color: var(--c-text); flex: 1; min-width: 0;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.rank-item a:hover { color: var(--c-blue); }
.rank-item .badge-nature {
	font-size: 10px; padding: 2px 7px; border-radius: 8px;
	background: var(--c-green-l); color: var(--c-green); flex-shrink: 0;
}

/* 标签云 */
#tagCloud { min-height: 130px; width: 100%; padding: 10px; }

/* ─── 响应式 ─── */
@media (max-width: 767.98px) {
	.content-card-header { padding: 18px 16px 14px; }
	.content-card-header h1 { font-size: 17px; }
	.content-body { padding: 18px 16px; font-size: 14px; }
	.ad-strip { padding: 10px 16px; }
	.info-table th { width: 80px; padding: 10px 12px; }
	.info-table td { padding: 10px 12px; }
}


/* ============================================================
   热门标签 - 分级标签墙
============================================================ */
.hot-tag-wrap { padding: 14px 14px 16px; }

.hot-tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

/* 默认级别（普通标签） */
.hot-tag {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 11px;
	border-radius: 14px;
	font-size: 12.5px;
	line-height: 1.5;
	text-decoration: none;
	background: var(--c-bg);
	color: var(--c-muted);
	white-space: nowrap;
	border: 1px solid transparent;
}
.hot-tag .hot-tag-prefix {
	color: var(--c-muted);
	opacity: .55;
	font-weight: 600;
	font-size: 11.5px;
}
.hot-tag:hover {
	background: var(--c-blue-l);
	color: var(--c-blue);
}
.hot-tag:hover .hot-tag-prefix {
	color: var(--c-blue-m);
	opacity: 1;
}

/* 重点级别（第 2~4 个） */
.hot-tag-strong {
	background: var(--c-blue-l);
	color: var(--c-blue);
	font-weight: 500;
}
.hot-tag-strong .hot-tag-prefix { color: var(--c-blue-m); }
.hot-tag-strong:hover {
	background: var(--c-blue);
	color: #fff;
}
.hot-tag-strong:hover .hot-tag-prefix { color: rgba(255,255,255,.7); }

/* 焦点级别（第 1 个） */
.hot-tag-hero {
	background: var(--c-blue);
	color: #fff;
	font-weight: 500;
	padding: 6px 13px;
	border-radius: 16px;
	box-shadow: 0 2px 8px rgba(26,111,196,.22);
}
.hot-tag-hero .hot-tag-prefix { color: rgba(255,255,255,.55); }
.hot-tag-hero:hover {
	background: #1255A0;
	color: #fff;
}
.hot-tag-hero:hover .hot-tag-prefix { color: rgba(255,255,255,.85); }