/* ent_3 主题样式（新模板，不沿用旧学院站样式） */

:root {
	/* Color — ui.mdc */
	--color-brand-primary: #1677ff;
	--color-brand-primary-hover: #0f5fd9;
	--color-brand-primary-light: #eaf3ff;
	--color-brand-secondary: #ff7a00;
	--color-brand-accent: #ff7a00;

	--color-text-primary: #222;
	--color-text-secondary: #666;
	--color-text-tertiary: #999;
	--color-text-disabled: #c0c8d6;
	--color-text-inverse: #fff;

	--color-bg-body: #f3f5f8;
	--color-bg-card: #fff;
	--color-bg-secondary: #f7f8fa;
	--color-bg-muted: #eef2f7;
	--color-bg-dark: #1f2937;

	--color-border: #e6ebf2;
	--color-border-light: #f0f3f7;

	--color-success: #52c41a;
	--color-warning: #faad14;
	--color-danger: #ff4d4f;
	--color-info: #1677ff;

	/* Font */
	--font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
	--fs-12: 12px;
	--fs-14: 14px;
	--fs-16: 16px;
	--fs-18: 18px;
	--fs-20: 20px;
	--fs-24: 24px;
	--fs-28: 28px;
	--fs-32: 32px;
	--fs-36: 36px;
	--fs-40: 40px;

	/* Spacing */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;
	--space-10: 40px;
	--space-12: 48px;

	/* Layout */
	--container-width: 1200px;
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 16px;
	--radius-full: 999px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	background: var(--color-bg-body);
	color: var(--color-text-primary);
	font-family: var(--font-family);
	font-size: var(--fs-14);
	line-height: 1.5;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--color-brand-primary);
}

img {
	border: 0;
	max-width: 100%;
	vertical-align: top;
}

ul,
ol,
h1,
h2,
h3,
h4,
p,
em,
strong {
	margin: 0;
	padding: 0;
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

button,
input {
	font: inherit;
}

.wrap {
	width: var(--container-width);
	max-width: calc(100% - 24px);
	margin: 0 auto;
}

/* ===== 顶栏 ===== */
.topbar {
	height: 36px;
	background: var(--color-bg-secondary);
	border-bottom: 1px solid var(--color-border);
	font-size: var(--fs-12);
	color: var(--color-text-tertiary);
	line-height: 36px;
}

.topbar .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.topbar-links {
	display: flex;
	align-items: center;
}

.topbar-links > a,
.topbar-links > span {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding: 0 var(--space-3);
}

.topbar-links a {
	color: var(--color-text-secondary);
}

.topbar-links a:hover {
	color: var(--color-brand-primary);
}

.topbar-links > a + a::before,
.topbar-links > .dropdown + a::before,
.topbar-user::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 1px;
	height: 12px;
	background: var(--color-border);
}

.dropdown {
	position: relative;
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 30;
	min-width: 140px;
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.dropdown-menu a {
	display: block;
	padding: var(--space-2) var(--space-4);
	line-height: 1.4;
	color: var(--color-text-primary);
}

.dropdown-menu a:hover {
	background: var(--color-brand-primary-light);
	color: var(--color-brand-primary);
}

.topbar-user {
	gap: var(--space-3);
}

.topbar-user em {
	font-style: normal;
	color: inherit;
}

.topbar-user.is-authed {
	display: none;
}

body.is-login .topbar-user.is-guest {
	display: none;
}

body.is-login .topbar-user.is-authed {
	display: inline-flex;
}

/* ===== Logo + 搜索 + 按钮 ===== */
.site-header {
	background: var(--color-bg-card);
}

.header-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
	height: 96px;
}

.logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

.logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 96px;
	object-fit: contain;
}

.nav-toggle {
	display: none;
	margin-left: auto;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.nav-toggle span {
	display: block;
	width: 20px;
	height: 2px;
	margin: var(--space-1) auto;
	background: var(--color-text-primary);
}

.search {
	flex: 1;
	min-width: 0;
	max-width: 560px;
}

.search form {
	display: flex;
	height: 44px;
	border: 2px solid var(--color-brand-primary);
	border-radius: var(--radius-sm);
	overflow: hidden;
	background: var(--color-bg-card);
}

.search input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 0 var(--space-4);
}

.search button {
	width: 96px;
	border: 0;
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
	font-size: var(--fs-16);
	font-weight: 600;
	cursor: pointer;
}

.search button:hover {
	background: var(--color-brand-primary-hover);
}

.hot-words {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--space-4);
	margin-top: var(--space-2);
	font-size: var(--fs-12);
	color: var(--color-text-tertiary);
}

.hot-words a {
	color: var(--color-text-tertiary);
}

.hot-words a:hover {
	color: var(--color-brand-primary);
}

.header-actions {
	display: flex;
	gap: var(--space-3);
	flex: 0 0 auto;
	align-items: center;
}

.header-actions .btn {
	height: 48px;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 var(--space-4);
	border-radius: var(--radius-sm);
	border: 1px solid transparent;
	font-size: var(--fs-14);
	font-weight: 600;
	white-space: nowrap;
}

.btn-outline {
	color: var(--color-brand-primary);
	border-color: var(--color-brand-primary);
	background: var(--color-bg-card);
}

.btn-outline:hover {
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
}

.btn-accent {
	color: var(--color-text-inverse);
	background: var(--color-brand-secondary);
	border-color: var(--color-brand-secondary);
}

.btn-accent:hover {
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse);
}

.btn-join {
	flex-direction: column;
	height: 48px;
	min-height: 48px;
	padding: 0 var(--space-4);
	line-height: 1.2;
	gap: 2px;
}

.btn-join strong {
	font-size: var(--fs-16);
	font-weight: 700;
	color: var(--color-text-inverse);
}

.btn-join em {
	font-size: var(--fs-12);
	font-weight: 400;
	color: rgb(255 255 255 / 88%);
}

/* ===== 蓝色主导航 ===== */
.main-nav {
	background: var(--color-brand-primary);
}

.nav-inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: 48px;
}

.nav-list {
	display: flex;
	align-items: stretch;
}

.nav-list a {
	display: flex;
	align-items: center;
	padding: 0 var(--space-6);
	color: var(--color-text-inverse);
	font-size: var(--fs-16);
	font-weight: 600;
}

.nav-list a:hover,
.nav-list a.is-on {
	background: var(--color-brand-primary-hover);
	color: var(--color-text-inverse);
}

.nav-tools {
	display: flex;
	align-items: center;
}

.nav-tools a {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 var(--space-4);
	color: var(--color-text-inverse);
	font-size: var(--fs-12);
}

.nav-tools a:hover {
	background: var(--color-brand-primary-hover);
	color: var(--color-text-inverse);
}

.nav-tools a.is-vip {
	height: 28px;
	margin-left: var(--space-2);
	padding: 0 var(--space-3);
	border-radius: var(--radius-sm);
	background: rgba(255, 255, 255, 0.18);
	color: var(--color-text-inverse);
	font-weight: 700;
}

.nav-tools a.is-vip:hover {
	background: rgba(255, 255, 255, 0.28);
	color: var(--color-text-inverse);
}

.nav-mask {
	display: none;
}

/* ===== 首页主体 ===== */
.home {
	padding-top: var(--space-3);
}

.section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--space-4);
	padding-left: var(--space-3);
	border-left: 3px solid var(--color-brand-primary);
}

.section-header h3 {
	font-size: var(--fs-18);
	font-weight: 700;
	color: var(--color-text-primary);
	line-height: 1;
}

.section-header a {
	font-size: var(--fs-12);
	color: var(--color-text-tertiary);
}

.section-header a:hover {
	color: var(--color-brand-primary);
}

/* 最新资讯条 */
.ticker {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	height: 42px;
	padding: 0 var(--space-3) 0 0;
	margin-bottom: var(--space-3);
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	overflow: hidden;
}

.ticker-label {
	flex: 0 0 auto;
	align-self: stretch;
	display: flex;
	align-items: center;
	padding: 0 20px 0 var(--space-4);
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse);
	font-size: var(--fs-14);
	font-weight: 600;
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0 100%);
}

.ticker-horn {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-left: var(--space-1);
	background: center / contain no-repeat
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 9v6h4l5 4V5L7 9H3z' fill='%23ff7a00'/%3E%3Cpath d='M16.5 8.5a5 5 0 0 1 0 7' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18.5 6a8 8 0 0 1 0 12' stroke='%23ff7a00' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.ticker-track {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.ticker-run {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	width: max-content;
	animation: ticker-scroll 35s linear infinite;
}

.ticker-track:hover .ticker-run {
	animation-play-state: paused;
}

@keyframes ticker-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.ticker-track a {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	flex: 0 0 auto;
	color: var(--color-text-primary);
	font-size: var(--fs-14);
	font-weight: 400;
	white-space: nowrap;
}

.ticker-track a i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--color-brand-secondary);
	flex: 0 0 auto;
}

.ticker-track a span {
	display: block;
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ticker-track time {
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
	flex: 0 0 auto;
}

.ticker-more {
	flex: 0 0 auto;
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

/* 行业六列：图标+标题横排左对齐，子类两列 */
.industries {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-bottom: var(--space-3);
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
}

.industry-col {
	display: flex;
	flex-direction: column;
	padding: var(--space-4) var(--space-4) var(--space-3);
	border-right: 1px solid var(--color-border);
}

.industry-col:last-child {
	border-right: 0;
}

.industry-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--space-2);
	margin-bottom: var(--space-3);
	color: inherit;
}

.industry-head:hover .industry-name {
	color: var(--color-brand-primary);
}

.industry-icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.industry-icon img {
	max-width: 36px;
	max-height: 36px;
}

.industry-icon svg {
	width: 32px;
	height: 32px;
	fill: none;
	stroke: var(--color-brand-primary);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.industry-col.tone-1 .industry-icon svg {
	stroke: var(--color-brand-secondary);
}

.industry-name {
	flex: 1;
	min-width: 0;
	font-size: var(--fs-16);
	font-weight: 700;
	color: var(--color-text-primary);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.industry-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-2) var(--space-3);
}

.industry-links a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
	line-height: 1.4;
}

.industry-links a:hover {
	color: var(--color-brand-primary);
}

.industry-more {
	margin-top: var(--space-3);
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

/* 三栏：轮播 50% / 热门 25% / 入驻 25%，等高 320 */
.showcase {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(230px, 1fr) minmax(220px, 1fr);
	gap: var(--space-3);
	margin-bottom: var(--space-4);
	align-items: stretch;
}

.banner,
.hot-enterprises,
.join {
	height: 320px;
	min-height: 320px;
	overflow: hidden;
	border-radius: var(--radius-sm);
}

.banner {
	background: var(--color-bg-muted);
}

.banner,
.banner.layui-carousel,
.banner .layui-carousel,
.banner [carousel-item],
.banner [carousel-item]>* {
	height: 320px !important;
}

.banner-item {
	display: block;
	width: 100%;
	height: 100%;
}

.banner-item>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hot-enterprises {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	padding: var(--space-4) var(--space-4) var(--space-2);
	display: flex;
	flex-direction: column;
}

.hot-enterprises ul {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}

.hot-enterprises li a {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-1) 0;
	color: var(--color-text-primary);
}

.hot-enterprises li a:hover strong {
	color: var(--color-brand-primary);
}

.ent-mark {
	width: 28px;
	height: 28px;
	border-radius: var(--radius-full);
	background: var(--color-brand-primary-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ent-mark em {
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
	font-weight: 700;
}

.hot-enterprises strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fs-14);
	font-weight: 400;
}

.ent-area {
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
	white-space: nowrap;
}

.join {
	background-color: var(--color-brand-primary);
	background-image:
		linear-gradient(
			168deg,
			var(--color-brand-primary) 0%,
			rgb(22 119 255 / 90%) 34%,
			rgb(22 119 255 / 48%) 62%,
			rgb(22 119 255 / 22%) 100%
		),
		url("../images/join-city-blue.jpg");
	background-repeat: no-repeat;
	background-size: cover, cover;
	background-position: center, center 30%;
	color: var(--color-text-inverse);
	padding: var(--space-5) var(--space-4) var(--space-4);
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.join h3 {
	margin: 0 0 var(--space-5);
	font-size: var(--fs-24);
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.5px;
}

.join h3 span {
	color: #ffd24d;
}

.join ul {
	margin: 0;
	padding: 0;
}

.join li {
	position: relative;
	padding-left: 24px;
	margin-bottom: var(--space-3);
	font-size: var(--fs-14);
	font-weight: 400;
	line-height: 1.5;
}

.join li:last-child {
	margin-bottom: 0;
}

.join li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--color-text-inverse);
}

.join li::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 8px;
	width: 8px;
	height: 4px;
	border-left: 2px solid var(--color-brand-primary);
	border-bottom: 2px solid var(--color-brand-primary);
	transform: rotate(-45deg);
}

.join-btn {
	margin-top: auto;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 var(--space-5);
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse) !important;
	font-size: var(--fs-16);
	font-weight: 700;
	border-radius: var(--radius-full);
	white-space: nowrap;
}

.join-btn:hover {
	opacity: 0.92;
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse) !important;
}

/* 资讯：每行 2 列表 + 1 排行 */
.news-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 280px;
	gap: var(--space-3);
	margin-bottom: var(--space-3);
}

.news-grid > .news-rank {
	grid-column: 3;
}

.news-col,
.news-rank {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	padding: var(--space-4);
}

.news-body {
	display: grid;
	grid-template-columns: 148px minmax(0, 1fr);
	gap: var(--space-3);
	align-items: stretch;
}

.news-feats {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	min-height: 0;
}

.news-feat {
	position: relative;
	display: block;
	flex: 1 1 0;
	min-height: 72px;
	overflow: hidden;
}

.news-feat img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: var(--color-bg-muted);
}

.news-feat time {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 22px;
	line-height: 22px;
	padding: 0 var(--space-2);
	background: rgb(0 0 0 / 55%);
	color: var(--color-text-inverse);
	font-size: var(--fs-12);
}

.news-list {
	min-width: 0;
}

.news-list li {
	display: flex;
	justify-content: space-between;
	gap: var(--space-2);
	align-items: center;
	padding: var(--space-2) 0;
}

.news-list a {
	position: relative;
	flex: 1;
	min-width: 0;
	padding-left: var(--space-3);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fs-14);
}

.news-list a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 50%;
	background: var(--color-brand-secondary);
}

.news-list time {
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
	flex: 0 0 auto;
}

.news-rank ol {
	margin: 0;
	padding: 0;
}

.news-rank li {
	display: flex;
	gap: var(--space-2);
	align-items: flex-start;
	padding: var(--space-2) 0;
	border-top: 1px solid var(--color-border-light);
}

.news-rank li:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.news-rank b {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--color-bg-muted);
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
	line-height: 18px;
	text-align: center;
	font-weight: 700;
}

.news-rank li:nth-child(1) b {
	background: var(--color-danger);
	color: var(--color-text-inverse);
}

.news-rank li:nth-child(2) b {
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse);
}

.news-rank li:nth-child(3) b {
	background: var(--color-brand-secondary);
	color: var(--color-text-inverse);
}

.news-rank a {
	flex: 1;
	min-width: 0;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 合作伙伴 / 友情链接（Tab） */
.links {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	padding: var(--space-4) var(--space-4) var(--space-3);
	margin-bottom: var(--space-3);
}

.links > .layui-tab-title {
	border-bottom-color: var(--color-border);
	margin-bottom: var(--space-4);
}

.links > .layui-tab-title li {
	margin-right: var(--space-6);
	font-size: var(--fs-16);
	font-weight: 600;
	color: var(--color-text-secondary);
}

.links > .layui-tab-title li.layui-this {
	color: var(--color-brand-primary);
}

.links.layui-tab-brief > .layui-tab-title .layui-this:after {
	border-bottom-color: var(--color-brand-primary);
}

.links > .layui-tab-content {
	padding: 0;
}

.links > .layui-tab-content .layui-tab-item {
	min-height: 52px;
}

.links-logos {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
}

.links-logos a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-bg-page);
}

.links-logos a:hover {
	border-color: var(--color-brand-primary);
}

.links-logos img {
	display: block;
	max-width: 120px;
	max-height: 36px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.links-text {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-5);
}

.links-text a {
	font-size: var(--fs-14);
	color: var(--color-text-secondary);
	line-height: 1.8;
}

.links-text a:hover {
	color: var(--color-brand-primary);
}

/* Footer */
.site-footer {
	margin-top: var(--space-5);
	padding: var(--space-6) 0;
	background: var(--color-text-primary);
	color: rgba(255, 255, 255, 0.55);
	text-align: center;
}

.footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-2) var(--space-4);
	margin-bottom: var(--space-3);
}

.footer-links a {
	color: rgba(255, 255, 255, 0.78);
}

.footer-links a:hover {
	color: var(--color-text-inverse);
}

.copyright {
	font-size: var(--fs-12);
	line-height: 1.8;
}

.copyright a {
	color: rgba(255, 255, 255, 0.78);
}

.copyright a:hover {
	color: var(--color-text-inverse);
}

/* 移动端辅助 */
.search-wap {
	margin-bottom: var(--space-3);
}

.join-wap {
	height: auto !important;
	min-height: 0 !important;
	margin-bottom: var(--space-3);
}

.showcase-wap {
	height: auto;
	margin-bottom: var(--space-3);
}

.hot-enterprises-wap {
	height: auto !important;
	min-height: 0 !important;
	margin-bottom: var(--space-3);
}

.news-col-wap {
	margin-bottom: var(--space-3);
}

.location-tight {
	margin-bottom: var(--space-1);
}

@media (max-width: 1100px) {
	.showcase {
		grid-template-columns: minmax(0, 1fr) 260px;
	}

	.banner,
	.hot-enterprises {
		height: 280px;
		min-height: 280px;
	}

	.banner,
	.banner.layui-carousel,
	.banner [carousel-item],
	.banner [carousel-item]>* {
		height: 280px !important;
	}

	.join {
		grid-column: 1 / -1;
		height: auto;
		min-height: 0;
	}

	.industries {
		grid-template-columns: repeat(3, 1fr);
	}

	.industry-col:nth-child(3n) {
		border-right: 0;
	}

	.industry-col:nth-child(n+4) {
		border-top: 1px solid var(--color-border);
	}

	.news-grid {
		grid-template-columns: 1fr 1fr;
	}

	.news-grid > .news-rank {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.topbar {
		display: none;
	}

	.site-header {
		position: sticky;
		top: 0;
		z-index: 200;
		border-bottom: 1px solid var(--color-border);
	}

	.header-bar {
		height: auto;
		flex-wrap: wrap;
		gap: var(--space-3);
		padding: var(--space-3) 0;
	}

	.nav-toggle {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		flex: 0 0 auto;
		padding: 0;
	}

	.nav-toggle span {
		margin: 0;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}

	body.nav-open .nav-toggle span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	body.nav-open .nav-toggle span:nth-child(2) {
		opacity: 0;
	}

	body.nav-open .nav-toggle span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.logo img {
		max-height: 40px;
	}

	.search {
		order: 3;
		max-width: none;
		width: 100%;
		flex: 1 0 100%;
	}

	.header-actions {
		display: none;
	}

	.nav-mask {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 180;
		background: rgba(17, 24, 39, 0.4);
	}

	body.nav-open .nav-mask {
		display: block;
	}

	body.nav-open {
		overflow: hidden;
	}

	.main-nav {
		display: none;
		position: fixed;
		top: var(--mobile-header-h, 56px);
		left: 0;
		right: 0;
		z-index: 190;
		max-height: min(72vh, calc(100dvh - var(--mobile-header-h, 56px)));
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: var(--color-bg-card);
		border-bottom: 1px solid var(--color-border);
	}

	body.nav-open .main-nav {
		display: block;
	}

	.nav-inner {
		height: auto;
		flex-direction: column;
		align-items: stretch;
	}

	.nav-list {
		flex-direction: column;
	}

	.nav-list a {
		padding: var(--space-4);
		border-top: 1px solid var(--color-border-light);
		color: var(--color-text-primary);
		font-size: var(--fs-16);
		font-weight: 500;
		background: transparent;
	}

	.nav-list a:first-child {
		border-top: 0;
	}

	.nav-list a:hover,
	.nav-list a.is-on {
		background: var(--color-brand-primary-light);
		color: var(--color-brand-primary);
	}

	.nav-tools {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: var(--space-2);
		padding: var(--space-3) var(--space-4) var(--space-4);
		border-top: 1px solid var(--color-border);
		background: var(--color-bg-secondary);
	}

	.nav-tools a {
		justify-content: center;
		height: 40px;
		border-radius: var(--radius-sm);
		background: var(--color-bg-card);
		border: 1px solid var(--color-border);
		color: var(--color-text-primary);
		font-size: var(--fs-14);
		font-weight: 600;
	}

	.nav-tools a:hover {
		background: var(--color-brand-primary-light);
		border-color: var(--color-brand-primary);
		color: var(--color-brand-primary);
	}

	.nav-tools a.is-vip {
		margin-left: 0;
		height: 40px;
		background: var(--color-brand-primary);
		border-color: var(--color-brand-primary);
		color: var(--color-text-inverse);
	}

	.nav-tools a.is-vip:hover {
		background: var(--color-brand-primary-hover);
		border-color: var(--color-brand-primary-hover);
		color: var(--color-text-inverse);
	}

	.showcase {
		grid-template-columns: 1fr;
	}

	.banner,
	.hot-enterprises,
	.join {
		height: auto;
		min-height: 0;
	}

	.banner,
	.banner.layui-carousel,
	.banner [carousel-item],
	.banner [carousel-item]>* {
		height: 180px !important;
	}

	.industries {
		grid-template-columns: 1fr 1fr;
	}

	.industry-col {
		min-height: 0;
	}

	.industry-col:nth-child(odd) {
		border-right: 1px solid var(--color-border);
	}

	.industry-col:nth-child(even) {
		border-right: 0;
	}

	.industry-col:nth-child(n+3) {
		border-top: 1px solid var(--color-border);
	}

	.news-grid {
		grid-template-columns: 1fr;
	}

	.news-body {
		grid-template-columns: 120px minmax(0, 1fr);
	}
}

/* ===== 内页通用（列表 / 详情 / 企业库） ===== */
.mt10 {
	margin-top: var(--space-3);
}

.content {
	width: var(--container-width);
	max-width: calc(100% - 24px);
	margin: 0 auto;
	padding: var(--space-3) 0 var(--space-10);
}

.block {
	display: flex;
	gap: var(--space-3);
	align-items: flex-start;
}

.block .left:empty {
	display: none;
}

.block .left {
	width: 170px;
	flex: 0 0 170px;
}

.block .center {
	flex: 1;
	min-width: 0;
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	padding: var(--space-4);
}

.block .right {
	width: 300px;
	flex: 0 0 300px;
}

.location {
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
	margin-bottom: var(--space-3);
}

.location a {
	color: var(--color-text-secondary);
}

.location a:hover {
	color: var(--color-brand-primary);
}

.cate-menu {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
	padding-bottom: var(--space-3);
	border-bottom: 1px solid var(--color-border);
}

.cate-menu li a {
	display: inline-block;
	padding: var(--space-1) var(--space-3);
	background: var(--color-brand-primary-light);
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

.cate-menu li a:hover {
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
}

.news_box {
	display: flex;
	gap: var(--space-4);
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-border-light);
}

.news_box .img {
	flex: 0 0 160px;
	width: 160px;
	height: 100px;
	overflow: hidden;
	background: var(--color-bg-muted);
}

.news_box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news_box .info {
	flex: 1;
	min-width: 0;
}

.news_box .title {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--fs-16);
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: var(--space-2);
}

.news_box p {
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news_box .time {
	margin-top: var(--space-2);
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
}

.articles {
	padding: 0 var(--space-4) var(--space-5);
}

.tabbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: 48px;
	margin-bottom: var(--space-1);
	border-bottom: 1px solid var(--color-border);
}

.tabbar-tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-5);
	min-height: 48px;
}

.tabbar-tabs a {
	position: relative;
	padding: 0 0 var(--space-3);
	color: var(--color-text-primary);
	font-size: var(--fs-14);
	font-weight: 700;
}

.tabbar-tabs a.is-active,
.tabbar-tabs a:hover {
	color: var(--color-brand-primary);
}

.tabbar-tabs a.is-active::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--color-brand-primary);
}

.thumb {
	position: relative;
	flex-shrink: 0;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: var(--color-bg-muted);
}

.thumb img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.article-row {
	display: flex;
	gap: var(--space-4);
	width: 100%;
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-border-light);
	text-align: left;
}

.article-row .thumb {
	width: 28%;
}

.article-copy {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	gap: var(--space-2) var(--space-3);
	min-width: 0;
}

.article-copy > h2,
.article-copy > p {
	flex: none;
	width: 100%;
}

.article-copy h2 {
	margin: 0;
	overflow: hidden;
	color: var(--color-text-primary);
	font-size: var(--fs-16);
	font-weight: 600;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.article-row:hover .article-copy h2 {
	color: var(--color-brand-primary);
}

.article-copy p {
	margin: 0;
	overflow: hidden;
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.badge {
	display: inline-block;
	padding: 2px var(--space-3);
	border-radius: var(--radius-full);
	background: var(--color-brand-primary-light);
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

.article-copy > time {
	margin-left: auto;
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
}

.article-detail {
	padding-bottom: var(--space-8);
}

.article-detail .panel {
	padding: var(--space-5) var(--space-4);
}

.article-detail .info {
	text-align: center;
	padding-bottom: var(--space-4);
	margin-bottom: var(--space-4);
	border-bottom: 1px solid var(--color-border);
}

.article-detail .info h1 {
	margin: 0;
	color: var(--color-text-primary);
	font-size: var(--fs-24);
	font-weight: 700;
	line-height: 1.4;
}

.article-detail .info .meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-2) var(--space-4);
	margin-top: var(--space-3);
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
}

.article-detail .info .meta a {
	color: var(--color-text-secondary);
}

.article-detail .info .meta a:hover {
	color: var(--color-brand-primary);
}

.article-detail .article-summary {
	margin: 0 0 var(--space-4);
	padding: var(--space-3) var(--space-4);
	border-left: 3px solid var(--color-brand-primary);
	background: var(--color-bg-muted);
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
	line-height: 1.7;
}

.article-detail .body {
	color: var(--color-text-primary);
	font-size: var(--fs-16);
	line-height: 1.9;
	word-break: break-word;
}

.article-detail .body p {
	margin: 0 0 1em;
}

.article-detail .body img {
	max-width: 100%;
	height: auto;
	margin: var(--space-3) 0;
	border-radius: var(--radius-sm);
}

.article-detail .tags_box {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-top: var(--space-6);
	padding-top: var(--space-4);
	border-top: 1px solid var(--color-border);
}

.article-detail .tags_box a {
	padding: var(--space-1) var(--space-3);
	border-radius: var(--radius-full);
	background: var(--color-brand-primary-light);
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

.article-nav {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	margin-top: var(--space-5);
	padding-top: var(--space-4);
	border-top: 1px solid var(--color-border);
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
}

.article-nav a {
	color: var(--color-text-primary);
}

.article-nav a:hover {
	color: var(--color-brand-primary);
}

.related-articles {
	margin-top: var(--space-4);
}

.section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--space-4) 0 var(--space-2);
	border-bottom: 1px solid var(--color-border);
	margin-bottom: var(--space-1);
}

.section-head h2 {
	margin: 0;
	padding-left: var(--space-3);
	border-left: 3px solid var(--color-brand-primary);
	font-size: var(--fs-18);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-text-primary);
}

.text_block>.info {
	padding-bottom: var(--space-4);
	margin-bottom: var(--space-4);
	border-bottom: 1px solid var(--color-border);
	text-align: center;
}

.text_block>.info h1 {
	font-size: var(--fs-24);
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: var(--space-3);
}

.text_block>.info p {
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
}

.text_block>.info p span {
	margin: 0 var(--space-2);
	color: var(--color-border);
}

.text_block .text_box {
	font-size: var(--fs-16);
	line-height: 1.8;
	color: var(--color-text-primary);
}

.text_block .text_box p {
	margin-bottom: 1em;
}

.text_block .text_box img {
	max-width: 100%;
	height: auto;
}

.text_block .text_box a {
	color: var(--color-brand-primary);
}

.text_block .tags_box {
	margin-top: var(--space-5);
}

.text_block .tags_box a {
	display: inline-block;
	margin: 0 var(--space-2) var(--space-2) 0;
	padding: var(--space-1) var(--space-3);
	background: var(--color-brand-primary-light);
	color: var(--color-brand-primary);
	font-size: var(--fs-12);
}

.news_block {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	padding: var(--space-4);
	margin-bottom: var(--space-3);
}

.news_block.sticky {
	position: sticky;
	top: 12px;
}

.title_01 {
	padding-left: var(--space-3);
	border-left: 3px solid var(--color-brand-primary);
	font-size: var(--fs-16);
	font-weight: 700;
}

.list_1 li,
.ranking_list li {
	padding: var(--space-2) 0;
	border-bottom: 1px solid var(--color-border-light);
}

.list_1 a,
.ranking_list a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.img_list li {
	display: flex;
	gap: var(--space-3);
	padding: var(--space-3) 0;
	border-bottom: 1px solid var(--color-border-light);
}

.img_list .img {
	flex: 0 0 90px;
	width: 90px;
	height: 60px;
	overflow: hidden;
	background: var(--color-bg-muted);
}

.img_list .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img_list .info {
	flex: 1;
	min-width: 0;
}

.img_list .title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: var(--fs-12);
	line-height: 1.4;
}

.img_list p {
	margin-top: var(--space-1);
	color: var(--color-text-tertiary);
	font-size: var(--fs-12);
}

.college_list {
	margin-bottom: var(--space-4);
}

.college_list .college_item {
	display: flex;
	gap: var(--space-3);
	align-items: center;
	padding: var(--space-3);
	margin-bottom: var(--space-3);
	background: var(--color-bg-secondary);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	color: inherit;
}

.college_list a.college_item:hover {
	border-color: var(--color-brand-primary);
}

.college_list .college_item .logo,
.college_list .college_item .logo img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

.college_list .college_item .info {
	flex: 1;
	min-width: 0;
}

.college_list .college_item .info .name {
	font-weight: 700;
	margin-bottom: var(--space-1);
}

.college_list .college_item .info .level span {
	display: inline-block;
	margin-right: var(--space-3);
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
}

.college_list .college_item .link a {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 var(--space-3);
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
	font-size: var(--fs-12);
}

.ent_belong_list {
	margin-bottom: var(--space-4);
}

.ent_belong_card {
	display: flex;
	gap: var(--space-4);
	align-items: center;
	padding: var(--space-4);
	border: 1px solid var(--color-border);
	background: var(--color-bg-secondary);
}

.ent_belong_main {
	flex: 1;
	min-width: 0;
}

.ent_belong_head {
	display: flex;
	gap: var(--space-2);
	align-items: center;
	margin-bottom: var(--space-2);
}

.ent_belong_label {
	font-size: var(--fs-12);
	color: var(--color-text-tertiary);
}

.ent_belong_badge {
	font-size: var(--fs-12);
	color: var(--color-brand-primary);
	background: var(--color-brand-primary-light);
	padding: 2px var(--space-2);
}

.ent_belong_name {
	font-size: var(--fs-18);
	font-weight: 700;
	margin-bottom: var(--space-1);
}

.ent_belong_summary {
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
	margin-bottom: var(--space-2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ent_belong_meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-4);
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
}

.ent_belong_actions {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.ent_belong_actions .btn_home,
.ent_belong_actions .btn_contact {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 var(--space-4);
	font-size: var(--fs-12);
	white-space: nowrap;
}

.ent_belong_actions .btn_home {
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
}

.ent_belong_actions .btn_contact {
	border: 1px solid var(--color-brand-primary);
	color: var(--color-brand-primary);
	background: var(--color-bg-card);
}

.filter_block {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	padding: var(--space-4);
	margin-bottom: var(--space-4);
}

.filter_box {
	display: flex;
	gap: var(--space-3);
	padding: var(--space-2) 0;
	border-bottom: 1px solid var(--color-border-light);
}

.filter_box:last-of-type {
	border-bottom: 0;
}

.filter_box strong {
	flex: 0 0 72px;
	color: var(--color-text-secondary);
	font-weight: 600;
	font-size: var(--fs-14);
	line-height: 28px;
}

.filter_list {
	list-style: none;
	margin: 0;
	padding: 0;
	flex: 1;
}

.filter_list li {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
}

.filter_list a {
	color: var(--color-text-primary);
	padding: var(--space-1) var(--space-3);
	border-radius: var(--radius-sm);
	font-size: var(--fs-14);
	line-height: 20px;
}

.filter_list a.slt,
.filter_list a:hover {
	color: var(--color-text-inverse);
	background: var(--color-brand-primary);
	font-weight: 400;
}

.filter_search {
	margin-top: var(--space-3);
}

.searchbox {
	display: flex;
	max-width: 420px;
	height: 40px;
	overflow: hidden;
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
}

.searchbox input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	padding: 0 var(--space-4);
	color: var(--color-text-primary);
	font-size: var(--fs-14);
	background: transparent;
}

.searchbox button {
	flex: 0 0 auto;
	border: 0;
	padding: 0 var(--space-5);
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
	font-size: var(--fs-14);
	font-weight: 600;
	cursor: pointer;
}

.searchbox button:hover {
	background: var(--color-brand-primary-hover);
}

.list-main {
	padding-bottom: var(--space-8);
}

.breadcrumb {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	padding: var(--space-4) 0;
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
}

.breadcrumb a {
	color: var(--color-text-secondary);
}

.breadcrumb a:hover {
	color: var(--color-brand-primary);
}

.page-heading {
	margin-bottom: var(--space-4);
}

.page-heading h1 {
	margin: 0;
	padding-left: var(--space-3);
	border-left: 3px solid var(--color-brand-primary);
	font-size: var(--fs-24);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-text-primary);
}

.panel {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	margin-bottom: var(--space-4);
	padding: var(--space-4);
}

.ent-list {
	padding: var(--space-2) var(--space-4) var(--space-4);
}

.ent-row {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-border-light);
}

.ent-row:last-of-type {
	border-bottom: 0;
}

.ent-logo {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-bg-muted);
}

.ent-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: var(--space-2);
}

.ent-info {
	flex: 1;
	min-width: 0;
}

.ent-name {
	display: inline-block;
	margin-bottom: var(--space-2);
	color: var(--color-text-primary);
	font-size: var(--fs-16);
	font-weight: 600;
	line-height: 1.4;
}

.ent-name:hover {
	color: var(--color-brand-primary);
}

.ent-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-4);
	margin-bottom: var(--space-1);
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
}

.ent-summary {
	margin: 0;
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ent-action {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 var(--space-4);
	border-radius: var(--radius-sm);
	background: var(--color-brand-primary);
	color: var(--color-text-inverse);
	font-size: var(--fs-14);
	font-weight: 600;
	white-space: nowrap;
}

.ent-action:hover {
	background: var(--color-brand-primary-hover);
	color: var(--color-text-inverse);
}

.empty {
	padding: var(--space-10) var(--space-4);
	text-align: center;
	color: var(--color-text-secondary);
	font-size: var(--fs-14);
}

.pages {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
	justify-content: center;
	padding: var(--space-5) 0 var(--space-2);
}

.pages a,
.pages span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 var(--space-3);
	border: 1px solid var(--color-border);
	background: var(--color-bg-card);
	color: var(--color-text-secondary);
	font-size: var(--fs-12);
}

.pages a.cur,
.pages a:hover {
	background: var(--color-brand-primary);
	border-color: var(--color-brand-primary);
	color: var(--color-text-inverse);
}

@media (max-width: 760px) {
	.block {
		flex-direction: column;
	}

	.block .right {
		width: 100%;
		flex: none;
	}

	.news_box {
		flex-direction: row;
		gap: var(--space-3);
	}

	.news_box .img {
		width: 30%;
		flex: 0 0 30%;
		height: auto;
		aspect-ratio: 3 / 2;
	}

	.articles {
		padding: 0 var(--space-3) var(--space-4);
	}

	.tabbar,
	.tabbar-tabs {
		min-height: 44px;
	}

	.tabbar-tabs {
		gap: var(--space-2) var(--space-4);
	}

	.article-row {
		gap: var(--space-3);
		padding: var(--space-3) 0;
	}

	.article-row .thumb {
		align-self: center;
		width: 32%;
	}

	.article-copy p {
		display: block;
		-webkit-line-clamp: unset;
		line-clamp: unset;
		margin: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 1.4;
		height: 1.4em;
	}

	.badge {
		padding: 1px var(--space-2);
	}

	.ent_belong_card {
		flex-direction: column;
		align-items: stretch;
	}

	.filter_box {
		flex-direction: column;
		gap: var(--space-2);
	}

	.filter_box strong {
		flex: none;
		line-height: 1.4;
	}

	.ent-row {
		flex-wrap: wrap;
	}

	.ent-action {
		width: 100%;
	}
}

}