/* ==================================================================
   EMUSHROOM 频道二级页设计系统  channel2.css
   - 配合 emushroomF 主题（style/theme/article/channel/mall）+ demo.css 使用
   - 全部沿用 F 主题色变量 --f-*，版面加宽至 --f-content(1560px)
   - 覆盖：资讯 / 学院 / 商务 三大频道群共 18 个频道
   ================================================================== */

/* ================================================================
   0. 版面骨架
   ================================================================ */
.ch-wrap{
	width:var(--f-content,1560px); max-width:calc(100% - 40px);
	margin:0 auto; padding:18px 0 26px;
}
.ch-block{ margin-bottom:20px; }

/* 面包屑 */
.ch-crumb{
	display:flex; align-items:center; gap:8px; flex-wrap:wrap;
	font-size:12.5px; color:var(--f-ink3); padding:2px 2px 16px;
}
.ch-crumb a{ color:var(--f-ink3); text-decoration:none; }
.ch-crumb a:hover{ color:var(--f-p2); }
.ch-crumb i{ font-style:normal; color:var(--f-ink4); }
.ch-crumb b{ color:var(--f-ink2); font-weight:600; }

/* 频道头（频道名 + 简介 + 快捷分类） */
.ch-head{
	display:grid; grid-template-columns:minmax(0,1fr) auto;
	gap:22px; align-items:center;
	background:linear-gradient(120deg,#0E3B2E 0%,#11563F 52%,#0E4E52 100%);
	border-radius:18px; padding:20px 26px; margin-bottom:18px;
	position:relative; overflow:hidden;
}
.ch-head::after{
	content:''; position:absolute; right:-70px; top:-90px; width:280px; height:280px;
	border-radius:50%; background:radial-gradient(circle,rgba(61,214,140,.26),transparent 68%);
}
.ch-head-l{ position:relative; z-index:2; }
.ch-head-l h1{
	margin:0; font-size:26px; font-weight:900; color:#fff; letter-spacing:1px;
	display:flex; align-items:center; gap:12px;
}
.ch-head-l h1 em{
	font-style:normal; font-size:12px; font-weight:600; color:#8CF3C0;
	background:rgba(61,214,140,.16); border:1px solid rgba(61,214,140,.32);
	padding:3px 10px; border-radius:999px; letter-spacing:0;
}
.ch-head-l p{ margin:8px 0 0; font-size:13px; color:rgba(255,255,255,.72); line-height:1.6; }
.ch-head-r{ position:relative; z-index:2; display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.ch-head-r a{
	font-size:12.5px; color:#CFF3E3; text-decoration:none;
	padding:6px 14px; border-radius:999px;
	background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
	transition:.18s;
}
.ch-head-r a:hover{ background:rgba(61,214,140,.26); color:#fff; }

/* ================================================================
   1. 区块标题
   ================================================================ */
.ch-h{
	display:flex; align-items:center; gap:12px;
	margin:0 0 14px; padding:0 2px;
}
.ch-h h3{
	margin:0; font-size:20px; font-weight:900; color:var(--f-ink);
	position:relative; padding-left:14px; letter-spacing:.3px;
}
.ch-h h3::before{
	content:''; position:absolute; left:0; top:50%; transform:translateY(-50%);
	width:5px; height:18px; border-radius:3px;
	background:linear-gradient(180deg,var(--f-p1),var(--f-p2));
}
.ch-h h3 a{ color:inherit; text-decoration:none; }
.ch-h h3 a:hover{ color:var(--f-p2); }
.ch-h .sub{ font-size:12px; color:var(--f-ink3); }
.ch-h .more{
	margin-left:auto; font-size:12.5px; font-weight:600; color:var(--f-p2);
	text-decoration:none;
}
.ch-h .more:hover{ color:var(--f-p1); }
.ch-h .tabs{ display:flex; gap:8px; margin-left:auto; }
.ch-h .tabs i{
	font-style:normal; font-size:12px; font-weight:600; padding:3px 12px;
	border-radius:999px; background:rgba(61,214,140,.10); color:var(--f-ink3); cursor:pointer;
}
.ch-h .tabs i.on{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; }

/* 卡片 */
.ch-card{
	background:#fff; border:1px solid var(--f-line); border-radius:16px;
	box-shadow:0 8px 32px rgba(43,182,115,.10); padding:14px 16px;
}
.ch-card.p0{ padding:0; overflow:hidden; }

/* 栅格 */
.ch-row{ display:grid; gap:18px; align-items:start; }
.ch-r-3{ grid-template-columns:288px minmax(0,1fr) 348px; }
/* 会展首页「最新发布 / 栏目 / 会展报道」三栏：
   ① 整体宽度 = 上方通栏宽度——本行与 .ch-dash / .ch-card 同宽，左右两端齐平（不做内缩）；
   ② 左右栏宽 = 上方「最新会展」4 列布局的单卡宽。
   上方单卡宽 = (通栏宽 - 卡片左右内边距与边框 17×2 - 网格间隙 14×3) / 4 = (100% - 76px)/4，
   其中 76px = 34px(卡片 padding 16×2 + border 1×2) + 42px(3 个 14px 网格间隙)。 */
.ch-row.ch-r-3{ gap:14px;
	grid-template-columns:calc((100% - 76px)/4) minmax(0,1fr) calc((100% - 76px)/4); }
.ch-r-2{ grid-template-columns:minmax(0,1fr) 348px; }
.ch-r-2l{ grid-template-columns:288px minmax(0,1fr); }
.ch-r-half{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ch-col{ min-width:0; display:flex; flex-direction:column; gap:16px; }

/* 图片占位 */
.ch-ph{
	position:relative; overflow:hidden; border-radius:12px;
	background:linear-gradient(135deg,#CFE9DD,#EAF7F1);
	display:flex; align-items:center; justify-content:center;
	color:#4A6A5E; font-size:12px; font-weight:700; letter-spacing:.3px;
}
.ch-ph::after{
	content:''; position:absolute; inset:0;
	background:
		radial-gradient(120% 120% at 85% 15%, rgba(61,214,140,.22), transparent 60%),
		radial-gradient(90% 90% at 10% 90%, rgba(59,130,246,.14), transparent 60%);
}
.ch-ph span{ position:relative; z-index:2; padding:0 8px; text-align:center; }
.ch-ph.g1{ background:linear-gradient(135deg,#CDEBDD,#EFFAF4); }
.ch-ph.g2{ background:linear-gradient(135deg,#D6E6FB,#EFF5FE); }
.ch-ph.g3{ background:linear-gradient(135deg,#E4DEFB,#F5F2FE); }
.ch-ph.g4{ background:linear-gradient(135deg,#FBE7CE,#FEF7EE); }
.ch-ph.g5{ background:linear-gradient(135deg,#CFE9E6,#EAF8F6); }
.ch-ph.g6{ background:linear-gradient(135deg,#FBDCE4,#FEF1F4); }
.ch-ph.g7{ background:linear-gradient(135deg,#DCEFFA,#EFF8FE); }

/* 广告位 */
.ch-ad{
	display:flex; align-items:center; justify-content:center; height:92px;
	border-radius:16px; margin-bottom:18px;
	background:linear-gradient(135deg,#E4F3EC,#F6FCF9); border:1px dashed var(--f-line-strong);
	color:var(--f-ink3); font-size:13px; font-weight:700; letter-spacing:2px;
}

/* ================================================================
   2. 频道焦点（大图 + 右侧要闻）
   ================================================================ */
.ch-focus{ display:grid; grid-template-columns:minmax(0,1.42fr) minmax(0,1fr); gap:18px; }
.cf-main{
	display:block;
	position:relative; border-radius:18px; overflow:hidden; background:#fff;
	border:1px solid var(--f-line); box-shadow:var(--f-shadow);
}
.cf-main .ch-ph{ border-radius:0; height:352px; font-size:14px; }
.cf-cap{
	position:absolute; left:0; right:0; bottom:0; z-index:3;
	padding:40px 24px 18px; color:#fff;
	background:linear-gradient(180deg,transparent,rgba(9,38,29,.88));
}
.cf-cap b{ display:block; font-size:19px; font-weight:800; line-height:1.45; }
.cf-cap p{ margin:7px 0 0; font-size:12.5px; opacity:.85; line-height:1.6; }
.cf-badge{
	position:absolute; left:18px; top:18px; z-index:3;
	font-size:11.5px; font-weight:700; color:#fff; letter-spacing:1px;
	padding:5px 12px; border-radius:999px;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.cf-side{ display:flex; flex-direction:column; gap:12px; }
.cf-tile{
	display:grid; grid-template-columns:132px minmax(0,1fr); gap:12px;
	background:#fff; border:1px solid var(--f-line); border-radius:14px;
	padding:10px; text-decoration:none; transition:.18s;
}
.cf-tile:hover{ border-color:var(--f-line-strong); box-shadow:0 8px 24px rgba(43,182,115,.12); }
.cf-tile .ch-ph{ height:84px; font-size:11px; }
.cf-tile b{
	display:block; font-size:13.5px; font-weight:700; color:var(--f-ink); line-height:1.55;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}
.cf-tile i{ display:block; margin-top:7px; font-style:normal; font-size:11.5px; color:var(--f-ink4); }

/* 频道重点（icon 四联） */
.ch-key{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.ck-i{
	display:flex; gap:12px; align-items:flex-start;
	background:#fff; border:1px solid var(--f-line); border-radius:14px; padding:14px;
	text-decoration:none; transition:.18s;
}
.ck-i:hover{ border-color:var(--f-line-strong); transform:translateY(-2px); box-shadow:0 10px 26px rgba(43,182,115,.13); }
.ck-ico{
	flex:none; width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center;
	font-size:17px; color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.ck-i:nth-child(2) .ck-ico{ background:linear-gradient(135deg,#6EA8FE,#3B82F6); }
.ck-i:nth-child(3) .ck-ico{ background:linear-gradient(135deg,#B79CFF,#8B5CF6); }
.ck-i:nth-child(4) .ck-ico{ background:linear-gradient(135deg,#FFC15C,#E88A00); }
.ck-i b{ display:block; font-size:14px; font-weight:800; color:var(--f-ink); }
.ck-i p{ margin:5px 0 0; font-size:12px; color:var(--f-ink3); line-height:1.55;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/* ================================================================
   3. 通用列表
   ================================================================ */
.ch-list{ margin:0; padding:0; list-style:none; }
.ch-list li{
	display:flex; align-items:baseline; gap:10px; padding:8px 0;
	border-bottom:1px dashed var(--f-line-soft);
}
.ch-list li:last-child{ border-bottom:none; }
.ch-list li::before{
	content:''; flex:none; width:5px; height:5px; border-radius:50%;
	background:var(--f-p1); margin-top:7px;
}
.ch-list li a{
	flex:1; min-width:0; font-size:13.5px; line-height:1.55; color:var(--f-ink2);
	text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ch-list li a:hover{ color:var(--f-p2); }
.ch-list li .d{ flex:none; font-size:11.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }
.ch-list.sm li a{ font-size:12.5px; }
.ch-list.two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; }

/* 图文行（左图右文） */
.ch-mix{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.cm-i{ display:grid; grid-template-columns:124px minmax(0,1fr); gap:12px; text-decoration:none; }
.cm-i .ch-ph{ height:86px; font-size:11px; }
.cm-i b{
	display:block; font-size:13px; font-weight:700; color:var(--f-ink); line-height:1.55;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.cm-i p{ margin:6px 0 0; font-size:11.5px; color:var(--f-ink3); line-height:1.6;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.cm-i:hover b{ color:var(--f-p2); }

/* ================================================================
   4. 图卡网格（专题 / 图库 / 品牌 / 会展）
   ================================================================ */
.ch-grid{ display:grid; gap:16px; }
.ch-grid.c4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.ch-grid.c3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.ch-grid.c2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.ch-grid.c6{ grid-template-columns:repeat(6,minmax(0,1fr)); }
.cg-i{
	display:block; text-decoration:none; background:#fff; border:1px solid var(--f-line);
	border-radius:14px; overflow:hidden; transition:.2s;
}
.cg-i:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(43,182,115,.16); border-color:var(--f-line-strong); }
.cg-i .ch-ph{ border-radius:0; height:150px; }
.cg-i .cg-t{ padding:11px 13px 13px; }
.cg-i .cg-t b{
	display:block; font-size:13.5px; font-weight:700; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.cg-i .cg-t span{ display:block; margin-top:7px; font-size:11.5px; color:var(--f-ink4);
	display:flex; align-items:center; gap:6px; }
.cg-i:hover .cg-t b{ color:var(--f-p2); }
.cg-i .cg-num{
	position:absolute; left:12px; top:12px; z-index:3;
	font-size:11px; font-weight:800; color:#fff; padding:3px 9px; border-radius:8px;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}

/* 视频卡 */
.cv-i{ position:relative; }
.cv-play{
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:4;
	width:46px; height:46px; border-radius:50%;
	background:rgba(14,59,46,.62); border:2px solid rgba(255,255,255,.85);
	display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px;
	transition:.2s;
}
.cv-i:hover .cv-play{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); border-color:transparent; transform:translate(-50%,-50%) scale(1.1); }
.cv-dur{
	position:absolute; right:10px; bottom:10px; z-index:4;
	font-size:11px; color:#fff; padding:2px 8px; border-radius:6px; background:rgba(9,38,29,.75);
	font-variant-numeric:tabular-nums;
}

/* ================================================================
   5. 图书 / 下载
   ================================================================ */
.ch-book{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.cb-i{ text-decoration:none; display:block; }
.cb-i .ch-ph{ height:196px; font-size:11px; box-shadow:0 8px 20px rgba(18,51,42,.14); }
.cb-i .ch-ph::before{
	content:''; position:absolute; left:0; top:0; bottom:0; width:7px;
	background:linear-gradient(180deg,var(--f-p1),var(--f-p2)); opacity:.5;
}
.cb-i b{ display:block; margin-top:9px; font-size:13px; font-weight:700; color:var(--f-ink); line-height:1.5; height:39px; overflow:hidden; }
.cb-i i{ display:block; margin-top:5px; font-style:normal; font-size:11.5px; color:var(--f-ink3);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cb-i:hover b{ color:var(--f-p2); }

.ch-down{ margin:0; padding:0; list-style:none; }
.ch-down li{ display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px dashed var(--f-line-soft); }
.ch-down li:last-child{ border-bottom:none; }
.ch-down .ext{
	flex:none; width:38px; height:38px; border-radius:10px; display:flex; flex-direction:column;
	align-items:center; justify-content:center; font-size:9.5px; font-weight:800; color:#fff;
	background:linear-gradient(135deg,#6EA8FE,#3B82F6); letter-spacing:.5px;
}
.ch-down .ext.doc{ background:linear-gradient(135deg,#7CC4F5,#2E86DE); }
.ch-down .ext.pdf{ background:linear-gradient(135deg,#FF8E8E,#E23D3D); }
.ch-down .ext.xls{ background:linear-gradient(135deg,#7BD8A6,#22A45D); }
.ch-down .ext.ppt{ background:linear-gradient(135deg,#FFB86B,#E07A00); }
.ch-down .ext.zip{ background:linear-gradient(135deg,#B79CFF,#7C4DFF); }
.ch-down .dt{ flex:1; min-width:0; }
.ch-down .dt a{ display:block; font-size:13.5px; color:var(--f-ink2); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-down .dt a:hover{ color:var(--f-p2); }
.ch-down .dt span{ display:block; margin-top:4px; font-size:11.5px; color:var(--f-ink4); }
.ch-down .cnt{ flex:none; font-size:11.5px; color:var(--f-ink3); text-align:right; }
.ch-down .cnt b{ display:block; font-size:13px; color:var(--f-p2); }

/* ================================================================
   6. 专家卡
   ================================================================ */
.ch-expert{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.ce-i{
	background:#fff; border:1px solid var(--f-line); border-radius:16px;
	padding:18px 14px; text-align:center; text-decoration:none; transition:.2s;
}
.ce-i:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(43,182,115,.16); border-color:var(--f-line-strong); }
.ce-av{
	width:82px; height:82px; border-radius:50%; margin:0 auto 12px; position:relative;
	background:linear-gradient(135deg,#CFE9DD,#EAF7F1);
	display:flex; align-items:center; justify-content:center; font-size:24px; color:#4A6A5E; font-weight:800;
	border:3px solid rgba(61,214,140,.28);
}
.ce-i b{ display:block; font-size:14.5px; font-weight:800; color:var(--f-ink); }
.ce-i span{ display:block; margin-top:5px; font-size:11.5px; color:var(--f-ink3);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ce-i p{ margin:9px 0 0; font-size:12px; color:var(--f-ink3); line-height:1.6; height:38px; overflow:hidden; }
.ce-tag{
	display:inline-block; margin-top:9px; font-size:11px; color:var(--f-p2);
	background:rgba(61,214,140,.10); padding:2px 10px; border-radius:999px;
}

/* ================================================================
   7. 商务：商品行 / 行情表 / 招聘 / 品牌
   ================================================================ */
.ch-goods{ margin:0; padding:0; list-style:none; }
.ch-goods li{
	display:grid; grid-template-columns:78px minmax(0,1fr) 116px 96px 84px; gap:14px;
	align-items:center; padding:12px 4px; border-bottom:1px dashed var(--f-line-soft);
}
.ch-goods li:last-child{ border-bottom:none; }
.ch-goods li:hover{ background:rgba(61,214,140,.045); }
.ch-goods .ch-ph{ height:56px; font-size:10px; }
.ch-goods .gt{ min-width:0; }
.ch-goods .gt a{ display:block; font-size:13.5px; color:var(--f-ink2); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-goods .gt a:hover{ color:var(--f-p2); }
.ch-goods .gt span{ display:block; margin-top:5px; font-size:11.5px; color:var(--f-ink4); }
.ch-goods .gp{ font-size:15px; font-weight:800; color:var(--f-hot); font-variant-numeric:tabular-nums; }
.ch-goods .gp u{ display:block; font-size:11px; font-weight:400; color:var(--f-ink4); text-decoration:none; margin-top:3px; }
.ch-goods .gr{ font-size:12px; color:var(--f-ink3); }
.ch-goods .gd{ font-size:11.5px; color:var(--f-ink4); text-align:right; font-variant-numeric:tabular-nums; }

/* 行情表 */
.ch-quote{ width:100%; border-collapse:collapse; font-size:13px; }
.ch-quote thead th{
	background:linear-gradient(135deg,#EAF7F1,#F6FCF9); color:var(--f-ink2);
	font-size:12.5px; font-weight:700; padding:10px 12px; text-align:left; white-space:nowrap;
	border-bottom:1px solid var(--f-line);
}
.ch-quote thead th:first-child{ border-radius:10px 0 0 0; }
.ch-quote thead th:last-child{ border-radius:0 10px 0 0; }
.ch-quote tbody td{ padding:11px 12px; border-bottom:1px dashed var(--f-line-soft); color:var(--f-ink2); }
.ch-quote tbody tr:hover{ background:rgba(61,214,140,.045); }
.ch-quote .q-name a{ color:var(--f-ink2); text-decoration:none; }
.ch-quote .q-name a:hover{ color:var(--f-p2); }
.ch-quote .q-price{ font-weight:800; color:var(--f-hot); font-variant-numeric:tabular-nums; }
.ch-quote .q-up{ color:var(--f-hot); font-weight:700; }
.ch-quote .q-dn{ color:var(--f-p2); font-weight:700; }
.ch-quote .q-flat{ color:var(--f-ink4); }

/* 招聘 */
.ch-job{ margin:0; padding:0; list-style:none; }
.ch-job li{
	display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 116px 108px 84px; gap:14px;
	align-items:center; padding:13px 4px; border-bottom:1px dashed var(--f-line-soft);
}
.ch-job li:last-child{ border-bottom:none; }
.ch-job li:hover{ background:rgba(61,214,140,.045); }
.ch-job .jn a{ display:block; font-size:14px; font-weight:700; color:var(--f-ink); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-job .jn a:hover{ color:var(--f-p2); }
.ch-job .jn span{ display:block; margin-top:5px; font-size:11.5px; color:var(--f-ink4); }
.ch-job .jc{ font-size:12.5px; color:var(--f-ink2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-job .js{ font-size:13.5px; font-weight:800; color:var(--f-p2); font-variant-numeric:tabular-nums; }
.ch-job .js u{ margin-left:2px; font-size:11px; font-weight:400; color:var(--f-ink4); text-decoration:none; }
.ch-job .ja{ font-size:12px; color:var(--f-ink3); }
.ch-job .jd{ font-size:11.5px; color:var(--f-ink4); text-align:right; }

/* 品牌卡 */
.ch-brand{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.cbr-i{
	background:#fff; border:1px solid var(--f-line); border-radius:14px;
	padding:16px 12px; text-align:center; text-decoration:none; transition:.2s;
}
.cbr-i:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(43,182,115,.15); border-color:var(--f-line-strong); }
.cbr-i .ch-ph{ width:64px; height:64px; border-radius:14px; margin:0 auto 10px; font-size:16px; }
.cbr-i b{ display:block; font-size:13px; font-weight:700; color:var(--f-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cbr-i span{ display:block; margin-top:5px; font-size:11px; color:var(--f-ink4); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ================================================================
   8. 侧栏组件：分类浏览 / 榜单 / 标签云
   ================================================================ */
.ch-cats{ display:flex; flex-wrap:wrap; gap:8px; }
.ch-cats a{
	font-size:12.5px; color:var(--f-ink2); text-decoration:none;
	padding:6px 13px; border-radius:999px; background:#F3F9F6;
	border:1px solid var(--f-line); transition:.18s;
}
.ch-cats a:hover{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; border-color:transparent; }
.ch-cats a u{ text-decoration:none; color:var(--f-ink4); margin-left:5px; font-size:11px; }
.ch-cats a:hover u{ color:rgba(255,255,255,.75); }
.ch-cats.vert{ flex-direction:column; }
.ch-cats.vert a{ display:flex; align-items:center; justify-content:space-between; border-radius:10px; }

.ch-rank{ margin:0; padding:0; list-style:none; }
.ch-rank li{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px dashed var(--f-line-soft); }
.ch-rank li:last-child{ border-bottom:none; }
.ch-rank .rk{
	flex:none; width:20px; height:20px; line-height:20px; text-align:center; border-radius:6px;
	font-size:11px; font-weight:800; font-style:normal; color:var(--f-ink3); background:rgba(61,214,140,.14);
}
.ch-rank li:nth-child(1) .rk{ color:#fff; background:linear-gradient(135deg,#FF7B7B,#E23D3D); }
.ch-rank li:nth-child(2) .rk{ color:#fff; background:linear-gradient(135deg,#FFC15C,#E88A00); }
.ch-rank li:nth-child(3) .rk{ color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.ch-rank li a{ flex:1; min-width:0; font-size:12.5px; color:var(--f-ink2); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-rank li a:hover{ color:var(--f-p2); }
.ch-rank li .hit{ flex:none; font-size:11px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

.ch-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.ch-tags a{
	font-size:12px; color:var(--f-ink3); text-decoration:none;
	padding:5px 12px; border-radius:999px; background:#F5FAF8; border:1px solid var(--f-line);
}
.ch-tags a:hover{ color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); border-color:transparent; }

/* 小图文项（侧栏） */
.ch-mini{ display:flex; gap:10px; padding:9px 0; border-bottom:1px dashed var(--f-line-soft); text-decoration:none; }
.ch-mini:last-child{ border-bottom:none; }
.ch-mini .ch-ph{ flex:none; width:78px; height:56px; font-size:10px; }
.ch-mini b{ font-size:12.5px; font-weight:600; line-height:1.5; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.ch-mini:hover b{ color:var(--f-p2); }

/* ================================================================
   9. 专题卡 / 会展卡
   ================================================================ */
.ch-topic{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ct-i{
	position:relative; display:block; text-decoration:none; border-radius:16px;
	overflow:hidden; border:1px solid var(--f-line); background:#fff; transition:.2s;
}
.ct-i:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(43,182,115,.16); }
.ct-i .ch-ph{ height:178px; border-radius:0; font-size:12px; }
.ct-i .ct-t{
	position:absolute; left:0; right:0; bottom:0; z-index:3;
	padding:32px 16px 14px; color:#fff;
	background:linear-gradient(180deg,transparent,rgba(9,38,29,.86));
}
.ct-i .ct-t b{ display:block; font-size:15px; font-weight:800; line-height:1.45;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.ct-i .ct-t span{ display:block; margin-top:6px; font-size:11.5px; opacity:.85; }

/* 会展列表：横版图文卡（封面横跨卡片上部 + 下方标题/主办/承办/时间地点）
   封面取「首页大图 datu」优先，无则取缩略图 thumb，两者皆无时降级为日期占位块 */
.ch-expo{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.cx-i{
	display:flex; flex-direction:column; gap:12px;
	background:#fff; border:1px solid var(--f-line); border-radius:16px; padding:12px;
	text-decoration:none; transition:border-color .2s, box-shadow .2s, transform .2s;
}
.cx-i:hover{ border-color:var(--f-line-strong); box-shadow:0 12px 30px rgba(43,182,115,.14); transform:translateY(-2px); }
.cx-th{ position:relative; display:block; width:100%; height:206px; border-radius:12px; overflow:hidden;
	background:linear-gradient(135deg,#EAF7F0,#D6F0E3); flex:none; }
.cx-th img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.cx-i:hover .cx-th img{ transform:scale(1.045); }
.cx-noph{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
	justify-content:center; gap:7px; color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.cx-noph b{ font-size:30px; font-weight:900; line-height:1; font-variant-numeric:tabular-nums; letter-spacing:.5px; }
.cx-noph span{ font-size:12.5px; opacity:.92; }
.cx-tag{ position:absolute; left:10px; bottom:10px; font-style:normal; font-size:11.5px; font-weight:700;
	color:#fff; padding:3px 10px; border-radius:999px; background:rgba(9,38,29,.62); }
.cx-bd{ min-width:0; display:flex; flex-direction:column; gap:8px; flex:1 1 auto; }
.cx-t{ display:block; font-size:16px; font-weight:800; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
/* 状态徽标：进行中 / 即将开始 / 已结束 */
.cx-st{ display:inline-block; font-style:normal; font-size:11px; font-weight:700; vertical-align:1.5px;
	margin-right:7px; padding:1px 7px; border-radius:6px; }
.cx-st.on{ color:#12855A; background:rgba(18,133,90,.10); }
.cx-st.soon{ color:#C8323A; background:rgba(229,72,77,.10); }
.cx-st.off{ color:#7B8794; background:rgba(123,135,148,.12); }
/* 主办 / 承办：不截断，允许换行完整显示 */
.cx-l{ display:flex; gap:8px; font-size:12.5px; color:var(--f-ink2); line-height:1.7; }
.cx-l em{ flex:none; font-style:normal; font-size:11.5px; font-weight:700; color:#12855A;
	background:rgba(18,133,90,.09); padding:0 7px; height:20px; line-height:20px; border-radius:6px; }
.cx-l u{ text-decoration:none; min-width:0; }
.cx-f{ display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:auto; padding-top:9px;
	border-top:1px dashed var(--f-line); font-size:12px; color:var(--f-ink3); }
.cx-tm{ font-variant-numeric:tabular-nums; }
.cx-ar{ min-width:0; }

/* ================================================================
   10. 列表页 / 详情页
   ================================================================ */
.ch-filter{
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
	background:#fff; border:1px solid var(--f-line); border-radius:14px;
	padding:12px 16px; margin-bottom:16px;
}
.ch-filter b{ font-size:12.5px; color:var(--f-ink3); font-weight:600; }
.ch-filter a{
	font-size:12.5px; color:var(--f-ink2); text-decoration:none;
	padding:5px 13px; border-radius:999px; background:#F3F9F6; border:1px solid var(--f-line);
}
.ch-filter a.on,.ch-filter a:hover{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; border-color:transparent; }

.ch-pager{ display:flex; gap:7px; justify-content:center; margin:22px 0 4px; }
.ch-pager a,.ch-pager span{
	min-width:34px; height:34px; line-height:34px; text-align:center; border-radius:9px;
	font-size:13px; color:var(--f-ink2); text-decoration:none; background:#fff;
	border:1px solid var(--f-line); padding:0 11px;
}
.ch-pager a:hover{ border-color:var(--f-line-strong); color:var(--f-p2); }
.ch-pager span.on{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; border-color:transparent; font-weight:700; }

/* 列表页 商品/招聘/行情 表格化 */
.ch-table{ width:100%; border-collapse:collapse; font-size:13px; }
.ch-table thead th{
	background:linear-gradient(135deg,#EAF7F1,#F6FCF9); color:var(--f-ink2);
	font-size:12.5px; font-weight:700; padding:11px 12px; text-align:left; white-space:nowrap;
	border-bottom:1px solid var(--f-line);
}
.ch-table tbody td{ padding:12px; border-bottom:1px dashed var(--f-line-soft); color:var(--f-ink2); vertical-align:middle; }
.ch-table tbody tr:hover{ background:rgba(61,214,140,.045); }
.ch-table .t-img{ width:78px; }
.ch-table .t-img .ch-ph{ height:56px; font-size:10px; }
.ch-table .t-t a{ color:var(--f-ink2); text-decoration:none; font-size:13.5px; }
.ch-table .t-t a:hover{ color:var(--f-p2); }
.ch-table .t-p{ font-weight:800; color:var(--f-hot); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ch-table .t-d{ font-size:11.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ch-table .t-r{ font-size:12px; color:var(--f-ink3); white-space:nowrap; }

/* 详情页（沿用主题 .dt-ms-* 骨架，此处仅补频道字段） */
.ch-spec{
	display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px;
	background:var(--f-line); border:1px solid var(--f-line); border-radius:12px; overflow:hidden; margin:16px 0 0;
}
.ch-spec div{ background:#fff; padding:11px 14px; font-size:13px; color:var(--f-ink2); display:flex; gap:10px; }
.ch-spec div b{ flex:none; width:76px; color:var(--f-ink3); font-weight:400; font-size:12.5px; }
.ch-price{
	display:flex; align-items:baseline; gap:10px; margin:14px 0 0;
	padding:14px 18px; border-radius:12px; background:linear-gradient(135deg,#FFF4E8,#FFFBF5);
	border:1px solid rgba(232,138,0,.22);
}
.ch-price em{ font-style:normal; font-size:12.5px; color:var(--f-ink3); }
.ch-price b{ font-size:26px; font-weight:900; color:var(--f-hot); font-variant-numeric:tabular-nums; }
.ch-price u{ text-decoration:none; font-size:12.5px; color:var(--f-ink4); }

/* 图库详情：缩略图条 */
.ch-thumbs{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:14px; }
.ch-thumbs .ch-ph{ height:76px; font-size:10px; cursor:pointer; }
.ch-thumbs .ch-ph.on{ outline:2px solid var(--f-p2); outline-offset:2px; }

/* 视频详情：播放器占位 */
.ch-player{
	position:relative; border-radius:16px; overflow:hidden; margin-bottom:16px;
	background:#0E3B2E; height:520px; display:flex; align-items:center; justify-content:center;
}
.ch-player .pl{
	width:78px; height:78px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; font-size:26px;
	box-shadow:0 14px 40px rgba(61,214,140,.4);
}
.ch-player .bar{
	position:absolute; left:0; right:0; bottom:0; height:56px; padding:0 20px;
	display:flex; align-items:center; gap:14px; color:#fff; font-size:12.5px;
	background:linear-gradient(180deg,transparent,rgba(9,38,29,.9));
}
.ch-player .bar .track{ flex:1; height:4px; border-radius:2px; background:rgba(255,255,255,.25); position:relative; }
.ch-player .bar .track i{ position:absolute; left:0; top:0; bottom:0; width:34%; border-radius:2px;
	background:linear-gradient(90deg,var(--f-p1),var(--f-p2)); }

/* ================================================================
   11. 响应式
   ================================================================ */
@media (max-width:1500px){
	.ch-head-l h1{ font-size:24px; }
}
@media (max-width:1400px){
	.ch-r-2{ grid-template-columns:minmax(0,1fr) 320px; }
	.ch-grid.c6{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.ch-brand{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.ch-expert{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.ch-book{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1180px){
	.ch-row.ch-r-3,.ch-r-2,.ch-r-2l{ grid-template-columns:1fr; padding:0; }
	.ch-focus{ grid-template-columns:1fr; }
	.ch-key{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ch-grid.c4,.ch-grid.c3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ch-mix{ grid-template-columns:1fr; }
	.ch-topic{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ch-goods li,.ch-job li{ grid-template-columns:78px minmax(0,1fr) 100px; }
	.ch-goods .gd,.ch-job .jd{ display:none; }
}
@media (max-width:760px){
	.ch-topic{ grid-template-columns:1fr; }
	.ch-expo{ grid-template-columns:1fr; gap:12px; }
	.cx-i{ gap:10px; padding:10px; border-radius:14px; }
	.cx-th{ height:198px; border-radius:10px; }
	.cx-noph b{ font-size:24px; }
	.cx-t{ font-size:15px; }
	.cx-l{ font-size:12px; gap:6px; }
	.cx-l em{ font-size:11px; }
	.cx-f{ gap:4px 12px; font-size:11.5px; }
	.cx-tag{ font-size:11px; padding:2px 7px; }
}

/* ================================================================
   12. 频道列表页：图文条目流（chan_article_list 等共用）
   ================================================================ */
.ch-newslist{ display:flex; flex-direction:column; }
.cn-i{
	display:grid; grid-template-columns:168px minmax(0,1fr); gap:16px;
	padding:16px 0; border-bottom:1px dashed var(--f-line-soft);
}
.cn-i:last-child{ border-bottom:none; }
.cn-th{ display:block; flex:none; }
.cn-bd{ min-width:0; display:flex; flex-direction:column; }
.cn-bd h4{ margin:0; font-size:15.5px; font-weight:700; line-height:1.5; }
.cn-bd h4 a{ color:var(--f-ink); text-decoration:none; }
.cn-bd h4 a:hover{ color:var(--f-p2); }
.cn-bd p{
	margin:8px 0 0; font-size:12.5px; color:var(--f-ink3); line-height:1.65;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.cn-m{ margin-top:auto; padding-top:9px; display:flex; gap:16px; font-size:11.5px; color:var(--f-ink4); }
.cn-m span{ display:inline-flex; align-items:center; gap:4px; }

/* 纯文字条目流（栏目页/搜索结果 紧凑型） */
.ch-news{ margin:0; padding:0; list-style:none; }
.ch-news li{ display:flex; align-items:center; gap:12px; padding:11px 0; border-bottom:1px dashed var(--f-line-soft); }
.ch-news li:last-child{ border-bottom:none; }
.ch-news li a{ flex:1; min-width:0; font-size:13.5px; color:var(--f-ink2); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-news li a:hover{ color:var(--f-p2); }
.ch-news li .d{ flex:none; font-size:11.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }
.ch-news.cat{ counter-reset:cn; }

/* 条目左侧分类徽标 */
.cn-tag{
	flex:none; font-size:11px; color:var(--f-p2); background:rgba(61,214,140,.10);
	border:1px solid var(--f-line); padding:2px 8px; border-radius:6px;
}

/* 标题前分类前缀（【分类名】纯文字样式，不占额外行内空间） */
.cn-cat{ flex:none; font-size:12.5px; font-weight:700; color:var(--f-p2); white-space:nowrap; }

/* ================================================================
   13. 详情页：频道补充（沿用 .dt-ms-* 骨架）
   ================================================================ */
.ch-rel-list{ margin:0; padding:0; list-style:none; }
.ch-rel-list li{ display:flex; align-items:center; gap:11px; padding:10px 0; border-bottom:1px dashed var(--f-line-soft); }
.ch-rel-list li:last-child{ border-bottom:none; }
.ch-rel-list li .rn{
	flex:none; width:20px; height:20px; border-radius:6px; font-size:11px; font-weight:800;
	display:flex; align-items:center; justify-content:center;
	background:var(--f-line-soft); color:var(--f-ink3);
}
.ch-rel-list li:nth-child(1) .rn{ background:linear-gradient(135deg,#FF7B7B,#E23D3D); color:#fff; }
.ch-rel-list li:nth-child(2) .rn{ background:linear-gradient(135deg,#FFC15C,#E88A00); color:#fff; }
.ch-rel-list li:nth-child(3) .rn{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); color:#fff; }
.ch-rel-list li a{ flex:1; min-width:0; font-size:12.5px; color:var(--f-ink2); text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-rel-list li a:hover{ color:var(--f-p2); }

/* ================================================================
   14. 资讯频道（news）—— 对照原站 /news/ 布局
   首屏：左侧竖排模块 + 右侧今日要闻
   栏目分区：推荐阅读榜 | 推荐图文 | 最新资讯
   ================================================================ */

/* --- 首屏 --- */
.ch-ntop{ display:grid; grid-template-columns:340px minmax(0,1fr) 344px; gap:18px; margin-bottom:20px; align-items:start; }
.ch-ntl{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.nm-box{
	background:#fff; border:1px solid var(--f-line); border-radius:16px;
	box-shadow:0 8px 32px rgba(43,182,115,.10); padding:14px 16px 16px;
}
.nm-hd{ display:flex; align-items:center; gap:8px; padding-bottom:10px; border-bottom:1px solid var(--f-line-soft); }
.nm-hd b{ position:relative; padding-left:11px; font-size:14.5px; font-weight:800; color:var(--f-ink); }
.nm-hd b::before{
	content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
	width:4px; height:14px; border-radius:2px; background:linear-gradient(180deg,var(--f-p1),var(--f-p2));
}
.nm-hd a{ margin-left:auto; font-size:11.5px; color:var(--f-ink4); text-decoration:none; }
.nm-hd a:hover{ color:var(--f-p2); }
.nm-pic{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:12px 0 2px; }
.nm-pic > a{ display:block; min-width:0; text-decoration:none; }
.nm-pic b{
	display:block; margin-top:8px; font-size:12.5px; font-weight:600; color:var(--f-ink2);
	line-height:1.5; height:38px; overflow:hidden;
}
.nm-pic > a:hover b{ color:var(--f-p2); }
.nm-list{ margin:2px 0 0; padding:0; list-style:none; }
.nm-list li{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px dashed var(--f-line-soft); }
.nm-list li:last-child{ border-bottom:none; }
.nm-list li a{
	flex:1; min-width:0; font-size:13px; color:var(--f-ink2); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.nm-list li a:hover{ color:var(--f-p2); }
.nm-list li .d{ flex:none; font-size:11.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }
.ch-ntr{ min-width:0; display:flex; }
.ch-ntr > .ch-card{ flex:1; display:flex; flex-direction:column; }

/* --- 栏目横向分区 --- */
.ch-nblk{
	background:#fff; border:1px solid var(--f-line); border-radius:18px;
	box-shadow:0 8px 32px rgba(43,182,115,.10); margin-bottom:20px; overflow:hidden;
}
.nb-hd{
	display:flex; align-items:center; gap:12px; padding:14px 20px;
	border-bottom:1px solid var(--f-line-soft);
	background:linear-gradient(90deg,rgba(61,214,140,.10),rgba(61,214,140,0));
}
.nb-hd h3{ margin:0; font-size:17.5px; font-weight:800; color:var(--f-ink); letter-spacing:-.2px; }
.nb-hd h3 a{ color:inherit; text-decoration:none; }
.nb-hd h3 a:hover{ color:var(--f-p2); }
.nb-hd .cnt{ font-size:11.5px; color:var(--f-ink4); padding-top:4px; font-variant-numeric:tabular-nums; }
.nb-hd .more{ margin-left:auto; font-size:12.5px; color:var(--f-ink3); text-decoration:none; }
.nb-hd .more:hover{ color:var(--f-p2); }
.nb-body{ display:grid; grid-template-columns:340px minmax(0,1fr) 344px; column-gap:18px; }
.nb-main{ display:contents; }
.nb-rank{ padding:14px 18px 16px; border-right:1px solid var(--f-line-soft);
	background:rgba(61,214,140,.03); min-width:0; }
.nb-sec{ display:flex; align-items:center; gap:8px; padding-bottom:9px; margin-bottom:4px;
	border-bottom:1px solid var(--f-line-soft); }
.nb-sec b{ position:relative; padding-left:10px; font-size:13px; font-weight:800; color:var(--f-ink); }
.nb-sec b::before{
	content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
	width:3px; height:12px; border-radius:2px; background:linear-gradient(180deg,var(--f-p1),var(--f-p2));
}
.nb-sec a{ margin-left:auto; font-size:11px; color:var(--f-ink4); text-decoration:none; }
.nb-sec a:hover{ color:var(--f-p2); }
.nb-lt{ padding:14px 18px 16px; border-right:1px solid var(--f-line-soft); min-width:0; }
.nb-rt{ padding:14px 18px 16px; min-width:0; }
.nb-pic{ margin-top:12px; }
.nb-pic > a{ display:grid; grid-template-columns:128px minmax(0,1fr); gap:10px; min-width:0; text-decoration:none; align-items:center; }
.nb-pic > a + a{ margin-top:12px; }
.nb-pic b{
	display:block; font-size:12.5px; font-weight:400; color:var(--f-ink2); line-height:1.55;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.nb-pic p{
	margin:7px 0 0; font-size:12px; color:var(--f-ink3); line-height:1.62;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.nb-pic > a:hover b{ color:var(--f-p2); }

/* 栏目分区 · 中栏「最新资讯」加大字号（突出主栏） */
.nb-lt .nm-list li{ padding:11.5px 0; }
.nb-lt .nm-list li a{ font-size:14.5px; color:var(--f-ink); }
.nb-lt .nm-list li a:hover{ color:var(--f-p2); }

/* 响应式（栏目区三栏宽度与首屏三列同步收放） */
@media(max-width:1400px){
	.ch-ntop{ grid-template-columns:340px minmax(0,1fr); }
	.nb-body{ grid-template-columns:300px minmax(0,1fr) 306px; }
}
@media(max-width:1120px){
	.ch-ntop{ grid-template-columns:minmax(0,1fr); }
	.nb-body{ grid-template-columns:minmax(0,1fr); }
	.nb-rank{ border-right:none; border-bottom:1px solid var(--f-line-soft); }
	.nb-lt{ border-right:none; border-bottom:1px solid var(--f-line-soft); }
}

/* ================================================================
   15. 资讯频道首屏（三列）
   左：通知公告 | 专题资讯
   中：今日要闻（属性5头条 + 属性4相关2条 + 最新资讯标题流）
   右：图片频道 | 易菇网会客厅
   ================================================================ */
.ch-ncol{ display:flex; flex-direction:column; gap:16px; min-width:0; }
.ch-nmid{ min-width:0; }

/* 中间副图两列（头条相关） */
.cf-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.cf-row > a{ display:block; min-width:0; text-decoration:none; }
.cf-row > a .th{ display:block; border-radius:12px; overflow:hidden; background:linear-gradient(135deg,#EAF9F1,#D6F5E5); }
.cf-row > a img{ width:100%; height:132px; object-fit:cover; display:block; transition:transform .35s; }
.cf-row > a:hover img{ transform:scale(1.04); }
.cf-row > a b{
	display:block; margin-top:9px; font-size:13.5px; font-weight:700; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.cf-row > a:hover b{ color:var(--f-p2); }
.cf-row > a i{ display:block; margin-top:6px; font-style:normal; font-size:11.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

/* 专题网格（缩略图 + 标题） */
.tz-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.tz-i{ display:block; min-width:0; text-decoration:none; }
.tz-i .th{ display:block; border-radius:11px; overflow:hidden; background:linear-gradient(135deg,#EAF9F1,#D6F5E5); position:relative; }
.tz-i img{ width:100%; height:82px; object-fit:cover; display:block; transition:transform .35s; }
.tz-i:hover img{ transform:scale(1.05); }
.tz-i b{
	display:block; margin-top:8px; font-size:12.5px; font-weight:600; color:var(--f-ink2); line-height:1.5;
	height:38px; overflow:hidden;
}
.tz-i:hover b{ color:var(--f-p2); }

/* 中列最新资讯列表：字号加大一号（突出「今日要闻」主栏） */
.ch-nmid .nm-list li{ padding:10.5px 0; }
.ch-nmid .nm-list li a{ font-size:14.5px; }
.ch-nmid .nm-list li .cn-tag{ flex:none; }

@media(max-width:1400px){
	.ch-ntop{ grid-template-columns:300px minmax(0,1fr) 306px; }
	.tz-i img{ height:74px; }
	.cf-row > a img{ height:118px; }
}
@media(max-width:1120px){
	.ch-ntop{ grid-template-columns:minmax(0,1fr); }
	.ch-ncol{ flex-direction:row; align-items:start; }
	.ch-ncol > *{ flex:1 1 0; min-width:0; }
}
@media(max-width:760px){
	.ch-ncol{ flex-direction:column; }
	.ch-ncol > *{ flex:none; width:100%; }
	.cf-row{ grid-template-columns:minmax(0,1fr); }
}

/* ================================================================
   16. 资讯频道列表页（news/list.php）—— 专属微调
   右栏加宽；条目摘要加长至 3 行；缩略图同步放大以平衡行高
   ================================================================ */
.ch-r-2.ch-npage{ grid-template-columns:minmax(0,1fr) 382px; }
.ch-r-2.ch-npage .cn-i{ grid-template-columns:190px minmax(0,1fr); }
.ch-r-2.ch-npage .cn-th img,
.ch-r-2.ch-npage .cn-th .ch-ph{ width:190px !important; height:128px !important; }
.ch-npage .cn-bd p{ line-height:1.7; -webkit-line-clamp:3; }
@media(max-width:1400px){
	.ch-r-2.ch-npage{ grid-template-columns:minmax(0,1fr) 352px; }
	.ch-r-2.ch-npage .cn-i{ grid-template-columns:176px minmax(0,1fr); }
	.ch-r-2.ch-npage .cn-th img,
	.ch-r-2.ch-npage .cn-th .ch-ph{ width:176px !important; height:118px !important; }
}
@media(max-width:1120px){
	.ch-r-2.ch-npage{ grid-template-columns:minmax(0,1fr); }
}

/* ================================================================
   17. 访谈频道（Interview / itv）—— 易菇网会客厅枢纽页
   三个数据来源：
     资讯 · 易菇网会客厅 catid=788（文字 571 篇）
     图库 · 易菇网会客厅 catid=789（人物影像 71 组）
     视频 · 会客厅       catid=792（视频 274 条）
   版面：首屏（头条文字 + 视频主推 + 视频小条）
         中段（访谈视频三栏：推荐 1 大 3 小 | 最新 5 行 | 热门 6 行）
         三栏（嘉宾影像 340 | 会客厅实录 1fr | 会客厅视频 344）
         底栏（热门访谈 340 | 人物志影像墙 1fr）
   ================================================================ */

/* --- 首屏：左头条文字 / 右视频主推 + 视频小条 --- */
.ch-itv-hero{
	display:grid; grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);
	gap:18px; margin-bottom:20px; align-items:stretch;
}
.itv-hero-img{ width:100%; height:476px; object-fit:cover; object-position:center 28%; display:block; }
.itv-kind{
	position:absolute; right:18px; top:18px; z-index:4; font-style:normal;
	font-size:11.5px; font-weight:700; letter-spacing:.5px; color:#fff;
	padding:5px 12px; border-radius:999px;
	background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.32);
}
.itv-meta{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:10px; font-size:11.5px; opacity:.85; }
.itv-meta span{ display:inline-flex; align-items:center; }
.itv-meta span + span::before{ content:'·'; margin-right:6px; opacity:.55; }

.ch-itv-side{ display:flex; flex-direction:column; gap:14px; min-width:0; }
/* 首屏右栏：AI 数据洞察（撑满与左头条等高） */
.ch-itv-side > .ch-card{ flex:1 1 auto; display:flex; flex-direction:column; }
.ch-itv-side .ch-ai .ai-kpi{ gap:9px; margin-bottom:12px; }
.ch-itv-side .ch-ai .ai-k{ padding:11px 13px; }
.ch-itv-side .ch-ai .ai-k b{ font-size:21px; }
.ch-itv-side .ch-ai .ai-sec{ padding-top:8px; margin-top:8px; }
.ch-itv-side .ch-ai .ai-years{ height:52px; }
.ch-itv-side .ch-ai .ai-note{ margin-top:auto; }
.itv-vmain{
	position:relative; display:block; border-radius:18px; overflow:hidden;
	background:#fff; border:1px solid var(--f-line); box-shadow:var(--f-shadow);
	text-decoration:none;
}
.itv-vmain-img{ width:100%; height:200px; object-fit:cover; object-position:center 32%; display:block; }
.itv-vtag{
	position:absolute; left:14px; top:14px; z-index:4;
	font-size:11px; font-weight:700; letter-spacing:.5px; color:#fff;
	padding:4px 11px; border-radius:999px;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.itv-vmain .cv-play{ width:52px; height:52px; font-size:17px; }
.itv-vmain .cv-dur{ bottom:auto; top:14px; right:14px; }
.itv-vcap{
	position:absolute; left:0; right:0; bottom:0; z-index:3;
	padding:34px 16px 13px; color:#fff;
	background:linear-gradient(180deg,transparent,rgba(9,38,29,.90));
}
.itv-vcap b{
	display:block; font-size:14.5px; font-weight:700; line-height:1.45;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.itv-vcap span{ display:block; margin-top:6px; font-size:11.5px; opacity:.82; }

.itv-vmini{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.itv-vmini > a{
	display:grid; grid-template-columns:92px minmax(0,1fr); gap:11px; align-items:center;
	padding:8px; border:1px solid var(--f-line); border-radius:13px; background:#fff;
	text-decoration:none; transition:.18s;
}
.itv-vmini > a:hover{ border-color:var(--f-line-strong); box-shadow:0 8px 22px rgba(43,182,115,.12); }
.itv-vmini > a img{ width:92px; height:62px; object-fit:cover; object-position:center 30%; border-radius:10px; display:block; }
.itv-vmini .vt{ min-width:0; }
.itv-vmini .vt b{
	display:block; font-size:12.5px; font-weight:600; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.itv-vmini > a:hover .vt b{ color:var(--f-p2); }
.itv-vmini .vt i{ display:block; margin-top:5px; font-style:normal; font-size:11px; color:var(--f-ink4); }
.itv-vmini .cv-d{
	font-style:normal; margin-right:6px; padding:1px 6px; border-radius:5px;
	background:rgba(9,38,29,.72); color:#fff; font-size:10.5px; font-variant-numeric:tabular-nums;
}

/* --- 三栏左：嘉宾影像（图库人物，2 列） --- */
.itv-pgal{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:12px; }
.itv-pgal > a{ display:block; min-width:0; text-decoration:none; transition:.2s; }
.itv-pgal > a:hover{ transform:translateY(-2px); }
.itv-pgal img,.itv-pgal .ch-ph{ width:100%; height:112px; object-fit:cover; object-position:center 30%; border-radius:11px; display:block; }
.itv-pgal b{
	display:block; margin-top:8px; font-size:13px; font-weight:700; color:var(--f-ink);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.itv-pgal > a:hover b{ color:var(--f-p2); }
.itv-pgal i{
	display:block; margin-top:3px; font-style:normal; font-size:11px; color:var(--f-ink4);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* --- 三栏右：会客厅视频（紧凑列表） --- */
.itv-vlist{ display:flex; flex-direction:column; margin-top:2px; }
.itv-vlist > a{
	display:grid; grid-template-columns:104px minmax(0,1fr); gap:11px; align-items:center;
	padding:9px 0; border-bottom:1px dashed var(--f-line-soft); text-decoration:none;
}
.itv-vlist > a:last-child{ border-bottom:none; }
.itv-vlist .vth{ position:relative; display:block; min-width:0; }
.itv-vlist .vth img,.itv-vlist .vth .ch-ph{
	width:104px; height:68px; object-fit:cover; object-position:center 30%; border-radius:10px; display:block;
}
.itv-vlist .vth .p{
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	font-style:normal; font-size:10px; color:#fff; padding-left:2px;
	background:rgba(14,59,46,.62); border:1.5px solid rgba(255,255,255,.85);
	transition:.2s;
}
.itv-vlist > a:hover .vth .p{
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); border-color:transparent;
	transform:translate(-50%,-50%) scale(1.12);
}
.itv-vlist .vth .t{
	position:absolute; right:5px; bottom:5px; font-style:normal; font-size:10px; color:#fff;
	padding:1px 6px; border-radius:5px; background:rgba(9,38,29,.78); font-variant-numeric:tabular-nums;
}
.itv-vlist .vt{ min-width:0; }
.itv-vlist .vt b{
	display:block; font-size:12.5px; font-weight:600; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.itv-vlist > a:hover .vt b{ color:var(--f-p2); }
.itv-vlist .vt em{ display:block; margin-top:5px; font-style:normal; font-size:11px; color:var(--f-ink4); }

/* --- 中段：访谈视频三栏（推荐 / 最新 / 热门） --- */
.ch-itv-vid{
	display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:18px; margin-bottom:20px; align-items:stretch;
}
.ch-itv-vid .nm-box{ margin-top:0; display:flex; flex-direction:column; }
.ch-itv-vid .nm-hd{ flex:none; }
.ivv-body{ flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:12px; margin-top:13px; min-width:0; }

/* 左：推荐视频（1 大图 + 3 小条） */
.ivv-main{ position:relative; display:block; border-radius:14px; overflow:hidden; text-decoration:none; }
.ivv-main img,.ivv-main .ch-ph{ width:100%; height:240px; object-fit:cover; object-position:center 30%; display:block; }
.ivv-main .cv-play{ width:50px; height:50px; font-size:16px; }
.ivv-main .cv-dur{ top:12px; right:12px; bottom:auto; }
.ivv-tag{
	position:absolute; left:12px; top:12px; z-index:4;
	font-size:10.5px; font-weight:700; letter-spacing:.5px; color:#fff;
	padding:3px 10px; border-radius:999px;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.ivv-cap{
	position:absolute; left:0; right:0; bottom:0; z-index:3;
	padding:36px 14px 12px; color:#fff;
	background:linear-gradient(180deg,transparent,rgba(9,38,29,.90));
}
.ivv-cap b{
	font-size:14px; font-weight:700; line-height:1.45;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.ivv-cap span{ display:block; margin-top:5px; font-size:11px; opacity:.82; }
.ivv-mini{ display:flex; flex-direction:column; gap:10px; min-width:0; }
.ivv-mini > a{ display:grid; grid-template-columns:96px minmax(0,1fr); gap:11px; align-items:center; text-decoration:none; }
.ivv-mini > a img,.ivv-mini > a .ch-ph{ width:96px; height:64px; object-fit:cover; object-position:center 30%; border-radius:9px; display:block; }
.ivv-mini .vt{ min-width:0; }
.ivv-mini .vt b{
	font-size:12.5px; font-weight:600; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.ivv-mini > a:hover .vt b{ color:var(--f-p2); }
.ivv-mini .vt i{ display:block; margin-top:4px; font-style:normal; font-size:11px; color:var(--f-ink4); }

/* 中：最新视频（一行 2 个 · 缩略图在上标题在下 · 3 行） */
.ivv-grid{
	flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px; align-content:space-between; margin-top:13px; min-width:0;
}
.ivv-grid > a{ display:flex; flex-direction:column; min-width:0; text-decoration:none; }
.ivv-grid .vth{ position:relative; display:block; width:100%; aspect-ratio:16/9; border-radius:11px; overflow:hidden; }
.ivv-grid .vth img,.ivv-grid .vth .ch-ph{
	width:100%; height:100%; object-fit:cover; object-position:center 32%; display:block; border-radius:0;
}
.ivv-grid > a b{
	display:block; margin-top:9px; font-size:13px; font-weight:600; color:var(--f-ink); line-height:1.5;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ivv-grid > a:hover b{ color:var(--f-p2); }
.ivv-grid > a em{ display:block; margin-top:4px; font-style:normal; font-size:11px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

/* 右：热门访谈（阅读量榜 · 由底栏移入首屏右栏） */
.ivv-chat{ flex:1; display:flex; flex-direction:column; justify-content:space-between; margin-top:6px; min-width:0; }
.ivv-chat li a{ font-size:13px; }
.ivv-chat li .hit{ margin-left:auto; flex:none; font-size:11px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

/* 播放三角 / 时长（最新视频网格） */
.ivv-grid .vth .p{
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center;
	font-style:normal; font-size:11px; color:#fff; padding-left:2px;
	background:rgba(14,59,46,.62); border:1.5px solid rgba(255,255,255,.85); transition:.2s;
}
.ivv-grid > a:hover .vth .p{
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); border-color:transparent;
	transform:translate(-50%,-50%) scale(1.12);
}
.ivv-grid .vth .t{
	position:absolute; right:6px; bottom:6px; font-style:normal; font-size:10px; color:#fff;
	padding:1px 6px; border-radius:5px; background:rgba(9,38,29,.78); font-variant-numeric:tabular-nums;
}

/* --- 底栏：人物志影像墙（热门访谈移入首屏右栏后，本栏拉通全宽） --- */
.ch-itv-bot{ display:block; margin-bottom:20px; }
.nm-hd .hd-note{ font-size:11px; color:var(--f-ink4); }
.itv-pwall{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin-top:12px; }
.itv-pwall > a{ display:block; min-width:0; text-decoration:none; transition:.2s; }
.itv-pwall > a:hover{ transform:translateY(-2px); }
.itv-pwall img,.itv-pwall .ch-ph{ width:100%; height:150px; object-fit:cover; object-position:center 30%; border-radius:12px; display:block; }
.itv-pwall b{
	display:block; margin-top:9px; font-size:12.5px; font-weight:700; color:var(--f-ink);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.itv-pwall > a:hover b{ color:var(--f-p2); }
.itv-pwall i{
	display:block; margin-top:3px; font-style:normal; font-size:11px; color:var(--f-ink4);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

@media(max-width:1400px){
	.itv-pwall{ grid-template-columns:repeat(5,minmax(0,1fr)); }
	.itv-pwall img,.itv-pwall .ch-ph{ height:136px; }
	.ch-itv-vid{ column-gap:14px; }
	.ivv-grid{ gap:12px; }
	.ivv-grid > a b{ font-size:12.5px; }
}
@media(max-width:1180px){
	.ch-itv-hero{ grid-template-columns:minmax(0,1fr); }
	.itv-hero-img{ height:360px; }
	.itv-pwall{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.ch-itv-vid{ grid-template-columns:minmax(0,1fr); row-gap:18px; }
	.ivv-main img,.ivv-main .ch-ph{ height:340px; }
}
@media(max-width:760px){
	.itv-vmini > a{ grid-template-columns:78px minmax(0,1fr); }
	.itv-vmini > a img{ width:78px; height:54px; }
	.itv-pwall{ grid-template-columns:repeat(3,minmax(0,1fr)); }
	.ivv-mini > a{ grid-template-columns:88px minmax(0,1fr); gap:10px; }
	.ivv-mini > a img,.ivv-mini > a .ch-ph{ width:88px; height:60px; }
	.ivv-main img,.ivv-main .ch-ph{ height:220px; }
	.ivv-grid > a b{ font-size:12.5px; }
}

/* ================================================================
   18. 视频频道 · 侧栏「AI 数据洞察」图示区 + 左右两栏底部对齐
   ================================================================ */
/* 左右两栏等高：末张卡片吸收剩余高度，两栏底边始终齐平 */
.ch-row.ch-fill{ align-items:stretch; }
.ch-row.ch-fill > .ch-col:first-child > .ch-card:last-child,
.ch-row.ch-fill > .ch-side-fill > .ch-grow{ flex:1 1 auto; display:flex; flex-direction:column; }
.ch-row.ch-fill > .ch-col:first-child > .ch-card:last-child .ch-cats,
.ch-row.ch-fill > .ch-side-fill > .ch-grow .ch-tags{ flex:1 1 auto; align-content:space-between; }

/* --- AI 卡片外框 --- */
.ch-ai{ background:linear-gradient(180deg,#F7FCFA 0%,#FFF 46%); border-color:rgba(43,182,115,.22); }
.ch-ai .ch-h h3::before{ height:20px; }

/* --- KPI 四宫格 --- */
.ch-ai .ai-kpi{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.ch-ai .ai-k{
	position:relative; overflow:hidden; border-radius:12px; padding:10px 12px;
	background:linear-gradient(135deg,#EAF8F1,#F7FCFA); border:1px solid rgba(43,182,115,.16);
}
.ch-ai .ai-k::after{
	content:''; position:absolute; right:-26px; top:-26px; width:64px; height:64px; border-radius:50%;
	background:radial-gradient(circle,rgba(61,214,140,.22),transparent 70%);
}
.ch-ai .ai-k b{
	position:relative; z-index:2; display:block; font-size:20px; font-weight:900; line-height:1.15;
	color:var(--f-p2); font-variant-numeric:tabular-nums; letter-spacing:-.2px;
}
.ch-ai .ai-k b em{ font-style:normal; font-size:12px; font-weight:700; color:var(--f-ink3); margin-left:2px; }
.ch-ai .ai-k span{ position:relative; z-index:2; display:block; margin-top:3px; font-size:11.5px; color:var(--f-ink3); }

/* --- 分段标题 --- */
.ch-ai .ai-sec{ padding-top:9px; margin-top:9px; border-top:1px dashed var(--f-line-soft); }
.ch-ai .ai-kpi + .ai-sec{ border-top:none; padding-top:0; margin-top:0; }
.ch-ai .ai-sec h4{
	display:flex; align-items:center; margin:0 0 10px;
	font-size:13px; font-weight:800; color:var(--f-ink2); letter-spacing:.2px;
}
.ch-ai .ai-sec h4::before{
	content:''; width:4px; height:12px; border-radius:2px; flex:none; margin-right:7px;
	background:linear-gradient(180deg,var(--f-p1),var(--f-p2));
}
.ch-ai .ai-sec h4 span{ margin-left:auto; font-size:11px; font-weight:600; color:var(--f-ink4); }

/* --- 横条图（栏目内容分布 / 播放量对比）--- */
.ch-ai .ai-bars{ display:flex; flex-direction:column; gap:6px; }
.ch-ai .ai-bar{ display:grid; grid-template-columns:66px minmax(0,1fr) 40px; align-items:center; gap:8px; }
.ch-ai .ai-bar .n{ font-size:11.5px; color:var(--f-ink2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ch-ai .ai-bar i{ position:relative; height:9px; border-radius:999px; overflow:hidden; background:rgba(43,182,115,.10); }
.ch-ai .ai-bar i u{
	position:absolute; left:0; top:0; bottom:0; border-radius:999px; text-decoration:none;
	background:linear-gradient(90deg,var(--f-p1),var(--f-p2));
}
.ch-ai .ai-bars.hb .ai-bar i u{ background:linear-gradient(90deg,#5BC8F5,#2BB991); }
.ch-ai .ai-bar b{ font-size:11.5px; font-weight:800; text-align:right; color:var(--f-ink2); font-variant-numeric:tabular-nums; }

/* --- 年度发布趋势（迷你柱）--- */
.ch-ai .ai-years{ display:flex; align-items:flex-end; gap:3px; height:62px; padding:0 1px; }
.ch-ai .ai-years i{
	flex:1 1 0; min-width:0; border-radius:3px 3px 2px 2px; cursor:default;
	background:linear-gradient(180deg,var(--f-p1),rgba(43,182,115,.55));
}
.ch-ai .ai-years i:hover{ background:linear-gradient(180deg,#7BE8B4,var(--f-p2)); }
.ch-ai .ai-axis{
	display:flex; justify-content:space-between; margin-top:5px;
	font-size:10.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums;
}

/* --- AI 解读 --- */
.ch-ai .ai-note{
	margin-top:12px; padding:10px 12px; border-radius:12px;
	background:linear-gradient(135deg,#F1FBF6,#F8FDFB); border:1px solid rgba(43,182,115,.14);
}
.ch-ai .ai-note em{
	display:inline-block; font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.5px; color:#fff;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); padding:2px 8px; border-radius:999px;
}
.ch-ai .ai-note p{ margin:7px 0 0; font-size:12px; line-height:1.72; color:var(--f-ink2); }
.ch-ai .ai-note p b{ color:var(--f-p2); font-weight:800; }

@media(max-width:1180px){
	.ch-ai .ai-bar{ grid-template-columns:60px minmax(0,1fr) 36px; }
	.ch-ai .ai-years{ height:58px; }
}
@media(max-width:1000px){
	.ch-row.ch-fill > .ch-col:first-child > .ch-card:last-child,
	.ch-row.ch-fill > .ch-side-fill > .ch-grow{ flex:0 0 auto; }
	.ch-row.ch-fill > .ch-col:first-child > .ch-card:last-child .ch-cats,
	.ch-row.ch-fill > .ch-side-fill > .ch-grow .ch-tags{ flex:0 0 auto; }
}

/* ================================================================
   19. 图库 / 专题频道首页 · 侧栏「AI 数据洞察」＋ 左右两栏底部对齐
   ================================================================ */
/* 两栏等高：末张卡片吸收剩余高度，两栏底边齐平 */
.ch-row.ch-eq{ align-items:stretch; }
.ch-row.ch-eq > .ch-col > .ch-card:last-child{ flex:1 1 auto; display:flex; flex-direction:column; }
/* 标签墙：按行分布（flex-wrap 容器用 align-content） */
.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-cats,
.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-tags{ flex:1 1 auto; align-content:space-between; }
/* 列表 / 排行 / 图文行：按项分布（纵向 flex 用 justify-content） */
.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-list,
.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-rank,
.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-minis{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; }
@media(max-width:1000px){
	.ch-row.ch-eq > .ch-col > .ch-card:last-child{ flex:0 0 auto; }
	.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-cats,
	.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-tags,
	.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-list,
	.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-rank,
	.ch-row.ch-eq > .ch-col > .ch-card:last-child > .ch-minis{ flex:0 0 auto; }
}

/* ================================================================
   20. 学院五频道（技术/图书/法规/文献/下载）
       · 深色通栏「AI 数据雷达」动效条 + 左右两栏底部对齐
       —— 全部作用域隔离（.ch-hd3 / .ch-eqz），不影响既有 18 频道
   ================================================================ */

/* --- 频道头改三栏：标题/简介 | AI 数据雷达 | 快捷分类 --- */
.ch-head.ch-hd3{ grid-template-columns:minmax(0,1fr) auto auto; gap:20px; }
.ch-head.ch-hd3 .ch-head-l p{ max-width:640px; }

/* --- AI 数据雷达条（动感 · 数据感）--- */
.ch-hdai{
	position:relative; z-index:2; display:flex; align-items:center; gap:16px;
	padding:10px 16px; border-radius:14px; overflow:hidden;
	background:linear-gradient(115deg,rgba(255,255,255,.11),rgba(255,255,255,.028));
	border:1px solid rgba(140,243,192,.25);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
}
/* 流光扫过 */
.ch-hdai::before{
	content:''; position:absolute; top:0; bottom:0; width:34%; left:-40%; pointer-events:none;
	background:linear-gradient(100deg,transparent,rgba(140,243,192,.15),transparent);
	animation:hd-sheen 5s ease-in-out infinite;
}
@keyframes hd-sheen{ 0%{ left:-40%; } 62%,100%{ left:112%; } }

/* LIVE 脉冲点 */
.ch-hdai .ha-live{
	position:relative; z-index:2; flex:none; display:inline-flex; align-items:center; gap:6px;
	font-size:11px; font-weight:800; letter-spacing:.4px; color:#8CF3C0; white-space:nowrap;
}
.ch-hdai .ha-live i{
	width:7px; height:7px; border-radius:50%; background:#3DD68C; flex:none;
	animation:hd-pulse 1.9s ease-out infinite;
}
@keyframes hd-pulse{
	0%{ box-shadow:0 0 0 0 rgba(61,214,140,.78); }
	65%{ box-shadow:0 0 0 9px rgba(61,214,140,0); }
	100%{ box-shadow:0 0 0 0 rgba(61,214,140,0); }
}

/* KPI */
.ch-hdai .ha-k{ position:relative; z-index:2; flex:none; line-height:1.15; }
.ch-hdai .ha-k b{
	display:block; font-size:19px; font-weight:900; color:#fff; letter-spacing:-.4px;
	font-variant-numeric:tabular-nums;
}
.ch-hdai .ha-k b em{ font-style:normal; font-size:11px; font-weight:700; color:#8CF3C0; margin-left:1px; }
.ch-hdai .ha-k i{
	display:block; margin-top:3px; font-style:normal; font-size:10.5px;
	color:rgba(255,255,255,.60); white-space:nowrap;
}

/* 均衡器柱（错峰起伏） */
.ch-hdai .ha-spark{
	position:relative; z-index:2; flex:none; display:flex; align-items:flex-end;
	gap:3px; height:34px; padding-left:2px;
}
.ch-hdai .ha-spark u{
	display:block; width:4px; border-radius:2px; text-decoration:none;
	background:linear-gradient(180deg,#9BF6C8,rgba(61,214,140,.30));
	transform-origin:bottom center; animation:hd-eq 2.1s ease-in-out infinite;
}
@keyframes hd-eq{ 0%,100%{ transform:scaleY(.34); opacity:.70; } 50%{ transform:scaleY(1); opacity:1; } }

@media(max-width:1240px){
	.ch-head.ch-hd3{ grid-template-columns:minmax(0,1fr) auto; }
	.ch-head.ch-hd3 .ch-head-l{ grid-area:1/1/2/2; }
	.ch-head.ch-hd3 .ch-head-r{ grid-area:1/2/2/3; }
	.ch-head.ch-hd3 .ch-hdai{ grid-area:2/1/3/3; }
}
@media(max-width:1000px){
	.ch-head.ch-hd3{ grid-template-columns:minmax(0,1fr); }
	.ch-head.ch-hd3 .ch-head-l,
	.ch-head.ch-hd3 .ch-head-r,
	.ch-head.ch-hd3 .ch-hdai{ grid-area:auto; }
	.ch-head.ch-hd3 .ch-head-r{ justify-content:flex-start; }
	.ch-hdai{ flex-wrap:wrap; gap:12px; }
}

/* --- 左右两栏底部对齐（作用域 .ch-eqz）--- */
.ch-row.ch-eqz{ align-items:stretch; }
/* 两栏末张卡片吸收剩余高度 */
.ch-row.ch-eqz > .ch-col > .ch-card:last-child{ flex:1 1 auto; display:flex; flex-direction:column; }
/* 图文行（推荐图文）：按项分布 */
.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-minis{
	flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between;
}
/* 列表 / 排行：按项分布 */
.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-list,
.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-rank{
	flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between;
}
/* 左栏末位为栏目块网格时：整体撑满，残余高度摊进行距 */
.ch-row.ch-eqz > .ch-col > .ch-grid:last-child{ flex:1 1 auto; align-content:space-between; }
@media(max-width:1000px){
	.ch-row.ch-eqz > .ch-col > .ch-card:last-child,
	.ch-row.ch-eqz > .ch-col > .ch-grid:last-child{ flex:0 0 auto; }
	.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-minis,
	.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-list,
	.ch-row.ch-eqz > .ch-col > .ch-card:last-child > .ch-rank{ flex:0 0 auto; }
}

/* --- 第 19 章续：图库 / 专题页 AI 卡紧凑化（均用 .ch-eq 作用域限定，不影响视频页） --- */
.ch-row.ch-eq .ch-ai .ai-kpi{ gap:8px; margin-bottom:11px; }
.ch-row.ch-eq .ch-ai .ai-k{ padding:9px 11px; }
.ch-row.ch-eq .ch-ai .ai-k b{ font-size:19px; }
.ch-row.ch-eq .ch-ai .ai-sec{ padding-top:7px; margin-top:7px; }
.ch-row.ch-eq .ch-ai .ai-sec h4{ margin-bottom:8px; }
.ch-row.ch-eq .ch-ai .ai-bars{ gap:6px; }
.ch-row.ch-eq .ch-ai .ai-years{ height:46px; }
.ch-row.ch-eq .ch-ai .ai-note{ margin-top:10px; padding:9px 11px; }
.ch-row.ch-eq .ch-ai .ai-note p{ font-size:11.5px; line-height:1.65; }
/* 左栏末位若是栅格（图库页为栏目块栅格），同样承担吸收余量 */
.ch-row.ch-eq > .ch-col > .ch-grid:last-child{ flex:1 1 auto; align-content:space-between; }
@media(max-width:1000px){
	.ch-row.ch-eq > .ch-col > .ch-grid:last-child{ flex:0 0 auto; align-content:start; }
}

/* --- 第 21 章：图书频道「连载专题」列表（序号徽标，作用域 .ch-serial）--- */
.ch-serial li{ align-items:center; gap:9px; }
.ch-serial li::before{ display:none; }
.ch-serial li .sn{
	flex:none; font-style:normal; min-width:26px; height:22px; padding:0 6px; border-radius:7px;
	display:inline-flex; align-items:center; justify-content:center;
	font-size:11px; font-weight:800; font-variant-numeric:tabular-nums;
	color:var(--f-p2); background:rgba(43,182,115,.10);
}
.ch-serial li a{ font-size:12.5px; }
.ch-serial li .d{ font-size:11px; }

/* ================================================================
   22. 频道页收尾：压缩内容区与页脚之间的空档
   原空档 = 末块 margin-bottom 20 + .ch-wrap padding-bottom 26
            + #footb 10 + .foot-wrap margin-top 30 = 86px（18 个频道一致，偏大）
   现空档 = 24px（与页内区块间距 20px 量级一致）
   ================================================================ */
.ch-wrap{ padding-bottom:0; }
.ch-wrap > *:last-child{ margin-bottom:0; }
.ch-wrap ~ #footb{ display:none; }
.ch-wrap ~ .foot-wrap{ margin-top:24px; }

/* ================================================================
   23. 商务频道群（供应 / 求购 / 品牌 / 人才 / 行情 / 会展）
       · 频道数据大屏（.ch-dash）· 商品墙（.ch-pw）· 批量询价工具条
       —— 全部作用域隔离，不影响既有 18 频道
   ================================================================ */

/* --- 23.1 频道数据大屏（导航条下方首屏，取代「大图 + 右栏要闻」）--- */
.ch-dash{
	position:relative; overflow:hidden; margin-bottom:20px;
	border-radius:18px; padding:20px 24px 22px;
	display:grid; grid-template-columns:296px minmax(0,1fr) 316px; gap:26px;
	background:linear-gradient(118deg,#07241B 0%,#0B3A2B 46%,#0A3540 100%);
	box-shadow:0 16px 40px rgba(9,38,29,.18);
}
.ch-dash::after{
	content:''; position:absolute; right:-90px; top:-130px; width:340px; height:340px;
	border-radius:50%; pointer-events:none;
	background:radial-gradient(circle,rgba(61,214,140,.22),transparent 66%);
}
.ch-dash::before{
	content:''; position:absolute; left:0; right:0; bottom:0; height:1px; pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(140,243,192,.5),transparent);
}

/* 大屏 · 左区（标题 + KPI） */
.db-hd{ position:relative; z-index:2; margin-bottom:14px; }
.db-hd .db-live{
	display:inline-flex; align-items:center; gap:6px;
	font-size:11px; font-weight:800; letter-spacing:.5px; color:#8CF3C0;
}
.db-hd .db-live i{
	width:7px; height:7px; border-radius:50%; background:#3DD68C; flex:none;
	animation:hd-pulse 1.9s ease-out infinite;
}
.db-hd b{ display:block; margin-top:7px; font-size:20px; font-weight:900; color:#fff; letter-spacing:.5px; }
.db-hd em{ display:block; margin-top:6px; font-style:normal; font-size:11.5px; color:rgba(255,255,255,.60); line-height:1.6; }

.db-kpi{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.db-k{
	background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.10);
	border-radius:12px; padding:11px 13px; position:relative; overflow:hidden;
}
.db-k::after{
	content:''; position:absolute; right:-16px; top:-16px; width:52px; height:52px; border-radius:50%;
	background:radial-gradient(circle,rgba(61,214,140,.20),transparent 70%);
}
.db-k b{
	position:relative; z-index:2; display:block; font-size:22px; font-weight:900; color:#fff;
	letter-spacing:-.5px; font-variant-numeric:tabular-nums;
}
.db-k b em{ font-style:normal; font-size:12px; font-weight:700; color:#8CF3C0; margin-left:2px; }
.db-k span{ position:relative; z-index:2; display:block; margin-top:3px; font-size:11px; color:rgba(255,255,255,.58); }

/* 大屏 · 中区（分类结构柱状图） */
.db-chart{ position:relative; z-index:2; display:flex; flex-direction:column; min-width:0; }
.db-chart h4{
	margin:0 0 10px; display:flex; align-items:center; gap:8px;
	font-size:13px; font-weight:800; color:#fff;
}
.db-chart h4::before{
	content:''; width:4px; height:14px; border-radius:2px;
	background:linear-gradient(180deg,#9BF6C8,rgba(61,214,140,.35));
}
.db-chart h4 span{ margin-left:auto; font-size:11px; font-weight:600; color:rgba(255,255,255,.5); }
.db-bars{
	flex:1; display:flex; align-items:flex-end; gap:9px;
	min-height:158px; padding:24px 2px 26px; position:relative;
}
.db-bars::after{
	content:''; position:absolute; left:0; right:0; bottom:26px; height:1px;
	background:rgba(255,255,255,.12);
}
.db-bar{
	flex:1; min-width:0; height:100%; position:relative;
	display:flex; align-items:flex-end; justify-content:center;
}
.db-bar i{
	position:relative; display:block; width:100%; max-width:46px; min-height:6px;
	border-radius:8px 8px 3px 3px;
	background:linear-gradient(180deg,#8CF3C0,rgba(43,182,115,.30));
	transform-origin:bottom center;
	animation:db-grow .9s cubic-bezier(.22,1,.36,1) both;
}
.db-bar i em{
	position:absolute; left:50%; top:-19px; transform:translateX(-50%);
	font-style:normal; font-size:11px; font-weight:800; color:#BFF6DA;
	font-variant-numeric:tabular-nums; white-space:nowrap;
}
.db-bar > span{
	position:absolute; left:50%; bottom:-23px; transform:translateX(-50%);
	max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	font-size:11px; color:rgba(255,255,255,.66);
}
@keyframes db-grow{ from{ transform:scaleY(.04); opacity:.22; } to{ transform:scaleY(1); opacity:1; } }

/* 大屏 · 右区（地区 TOP + 趋势） */
.db-side{ position:relative; z-index:2; display:flex; flex-direction:column; gap:12px; min-width:0; }
.db-side h4{
	margin:0 0 9px; display:flex; align-items:center; gap:8px;
	font-size:12.5px; font-weight:800; color:#fff;
}
.db-side h4 span{ margin-left:auto; font-size:10.5px; font-weight:600; color:rgba(255,255,255,.48); }
.db-ar{ display:grid; grid-template-columns:62px minmax(0,1fr) 44px; align-items:center; gap:8px; padding:3px 0; }
.db-ar span{ font-size:11.5px; color:rgba(255,255,255,.76); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.db-ar i{ display:block; height:8px; border-radius:999px; background:rgba(255,255,255,.10); overflow:hidden; }
.db-ar i u{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#5BC8F5,#3DD68C);
	animation:db-slide .8s cubic-bezier(.22,1,.36,1) both; }
.db-ar b{ font-size:11.5px; font-weight:800; color:#BFF6DA; text-align:right; font-variant-numeric:tabular-nums; }
@keyframes db-slide{ from{ transform:translateX(-42%); opacity:.3; } to{ transform:none; opacity:1; } }

.db-trend{ margin-top:auto; }
.db-trend .tr-bars{ display:flex; align-items:flex-end; gap:3px; height:42px; padding:0 1px; }
.db-trend .tr-bars i{
	flex:1; min-height:3px; border-radius:2px 2px 0 0;
	background:linear-gradient(180deg,#9BF6C8,rgba(61,214,140,.22));
	animation:db-grow .9s cubic-bezier(.22,1,.36,1) both;
}
.db-trend .tr-axis{ display:flex; justify-content:space-between; margin-top:5px; font-size:10.5px; color:rgba(255,255,255,.45); }

/* --- 23.2 批量询价工具条 --- */
.ch-pwtool{
	display:flex; align-items:center; gap:12px; flex-wrap:wrap;
	margin:0 0 14px; padding:10px 14px; border-radius:12px;
	background:linear-gradient(135deg,#EFF9F4,#F8FDFB); border:1px solid var(--f-line);
}
.ch-pwtool .pt-c{ font-size:12.5px; font-weight:700; color:var(--f-ink2); }
.ch-pwtool .pt-c em{ font-style:normal; font-size:16px; font-weight:900; color:var(--f-p2); margin:0 2px; }
.ch-pwtool .pt-h{ font-size:11.5px; color:var(--f-ink4); }
.ch-pwtool .pt-b{ margin-left:auto; display:flex; gap:8px; }
.ch-pwtool .pt-b a{
	display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 14px;
	border-radius:9px; font-size:12.5px; font-weight:700; text-decoration:none; transition:.16s;
}
.ch-pwtool .pt-b a.pri{ color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.ch-pwtool .pt-b a.sec{ color:var(--f-ink2); background:#fff; border:1px solid var(--f-line); }
.ch-pwtool .pt-b a.pri:hover{ filter:brightness(1.07); }
.ch-pwtool .pt-b a.sec:hover{ border-color:var(--f-line-strong); color:var(--f-p2); }
.ch-pwtool .pt-b a.dis{ opacity:.40; pointer-events:none; }

/* --- 23.3 供应/求购商品墙（图在上：标题 / 地区 / 公司 / 价格 / 询价购买）--- */
.ch-pw{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.pw-i{
	position:relative; display:flex; flex-direction:column; overflow:hidden;
	background:#fff; border:1px solid var(--f-line); border-radius:14px; transition:.2s;
}
.pw-i:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(43,182,115,.16); border-color:var(--f-line-strong); }
.pw-i.on{ border-color:var(--f-p2); box-shadow:0 0 0 2px rgba(43,182,115,.26); }
.pw-pic{ position:relative; display:block; height:166px; overflow:hidden; background:#EDF6F2; }
.pw-pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:.35s; }
.pw-i:hover .pw-pic img{ transform:scale(1.05); }
.pw-pic .ch-ph{ height:100%; border-radius:0; }
.pw-chk{ position:absolute; left:9px; top:9px; z-index:4; width:22px; height:22px; cursor:pointer; }
.pw-chk input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.pw-chk i{
	display:flex; align-items:center; justify-content:center; width:22px; height:22px;
	border-radius:7px; background:rgba(255,255,255,.94); border:1px solid rgba(9,38,29,.14);
	font-size:12px; font-style:normal; color:transparent; transition:.16s;
}
.pw-chk input:checked + i{ color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.pw-tag{
	position:absolute; right:9px; top:9px; z-index:4;
	font-size:10.5px; font-weight:800; color:#fff; letter-spacing:.3px;
	padding:3px 9px; border-radius:999px; background:rgba(9,38,29,.60);
}
.pw-bd{ display:flex; flex-direction:column; flex:1; padding:11px 12px 12px; }
.pw-t{
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	height:41px; font-size:13.5px; font-weight:700; line-height:1.5; color:var(--f-ink); text-decoration:none;
}
.pw-t:hover{ color:var(--f-p2); }
.pw-meta{ display:flex; align-items:center; gap:7px; margin-top:8px; min-width:0; font-size:11.5px; }
.pw-meta .ar{ flex:none; color:var(--f-ink3); }
.pw-meta .ar::before{ content:'·'; margin-right:4px; color:var(--f-ink4); }
.pw-meta a{
	min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	color:var(--f-ink4); text-decoration:none;
}
.pw-meta a:hover{ color:var(--f-p2); }
.pw-buy{
	display:flex; align-items:center; gap:8px; margin-top:auto;
	padding-top:10px; border-top:1px dashed var(--f-line-soft);
}
.pw-pr{ flex:1; min-width:0; font-size:16px; font-weight:900; color:var(--f-hot); font-variant-numeric:tabular-nums; }
.pw-pr u{ margin-left:2px; font-size:11px; font-weight:500; color:var(--f-ink4); text-decoration:none; }
.pw-pr i{ display:block; margin-top:2px; font-style:normal; font-size:11px; font-weight:400; color:var(--f-ink4); }
.pw-pr.neg{ color:var(--f-ink3); font-size:13.5px; }
.pw-btn{ flex:none; display:flex; gap:6px; }
.pw-btn a{
	display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 10px;
	border-radius:8px; font-size:12px; font-weight:700; text-decoration:none; transition:.16s; white-space:nowrap;
}
.pw-btn a img{ width:14px; height:14px; display:block; }
.pw-inq{ color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.pw-inq:hover{ filter:brightness(1.07); }
.pw-cart{ color:var(--f-p2); background:rgba(43,182,115,.10); border:1px solid rgba(43,182,115,.24); }
.pw-cart:hover{ background:rgba(43,182,115,.18); }

/* 商品墙 / 分类块下方的紧凑列表 */
.ch-pwmore{ display:flex; justify-content:center; margin-top:14px; }
.ch-pwmore a{
	font-size:12.5px; font-weight:700; color:var(--f-p2); text-decoration:none;
	padding:8px 26px; border-radius:999px; border:1px solid var(--f-line);
	background:linear-gradient(135deg,#F2FBF7,#FBFEFD);
}
.ch-pwmore a:hover{ border-color:var(--f-line-strong); }

/* --- 23.4 侧栏：最新入驻企业 / 按地区浏览 / 搜索排行 --- */
.ch-conew{ display:flex; flex-direction:column; }
.cnw-i{
	display:flex; align-items:center; gap:10px; padding:8px 0;
	border-bottom:1px dashed var(--f-line-soft); text-decoration:none;
}
.cnw-i:last-child{ border-bottom:none; }
.cnw-av{
	flex:none; width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center;
	font-size:12px; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.cnw-i:nth-child(3n+2) .cnw-av{ background:linear-gradient(135deg,#6EA8FE,#3B82F6); }
.cnw-i:nth-child(3n+3) .cnw-av{ background:linear-gradient(135deg,#B79CFF,#8B5CF6); }
.cnw-d{ min-width:0; flex:1; }
.cnw-d b{ display:block; font-size:12.5px; font-weight:700; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cnw-d span{ display:block; margin-top:3px; font-size:11px; color:var(--f-ink4); }
.cnw-i:hover .cnw-d b{ color:var(--f-p2); }

.ch-areac{ display:flex; flex-wrap:wrap; gap:8px; }
.ch-areac a{
	display:inline-flex; align-items:center; gap:6px;
	font-size:12.5px; color:var(--f-ink2); text-decoration:none;
	padding:6px 13px; border-radius:999px; background:#F3F9F6; border:1px solid var(--f-line);
	transition:.18s;
}
.ch-areac a u{ font-style:normal; text-decoration:none; font-size:11px; color:var(--f-ink4); }
.ch-areac a:hover{ color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.ch-areac a:hover u{ color:rgba(255,255,255,.78); }

.ch-sr{ display:flex; flex-direction:column; gap:9px; }
.ch-sr-i{ display:grid; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:9px; text-decoration:none; }
.ch-sr-i i{
	width:20px; height:20px; line-height:20px; text-align:center; border-radius:6px;
	font-style:normal; font-size:11px; font-weight:800; color:var(--f-ink3); background:rgba(61,214,140,.14);
}
.ch-sr-i:nth-child(1) i{ color:#fff; background:linear-gradient(135deg,#FF7B7B,#E23D3D); }
.ch-sr-i:nth-child(2) i{ color:#fff; background:linear-gradient(135deg,#FFC15C,#E88A00); }
.ch-sr-i:nth-child(3) i{ color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.ch-sr-i .sr-t{ min-width:0; }
.ch-sr-i .sr-t b{ display:block; font-size:12.5px; font-weight:600; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-sr-i .sr-t i.bar{
	display:block; width:auto; height:5px; margin-top:5px; border-radius:999px;
	background:linear-gradient(90deg,rgba(61,214,140,.55),rgba(43,182,115,.18));
}
.ch-sr-i .sr-n{ flex:none; font-size:11px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }
.ch-sr-i:hover .sr-t b{ color:var(--f-p2); }

/* 采购服务三步图示（侧栏末位，吸收两栏余量） */
.ch-steps{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; gap:10px; }
.cs-i{ display:flex; gap:11px; align-items:flex-start; padding:2px 0; text-decoration:none; }
.cs-ic{
	flex:none; width:34px; height:34px; border-radius:11px;
	display:flex; align-items:center; justify-content:center;
	font-size:14px; font-weight:800; color:#fff;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.cs-i:nth-child(2) .cs-ic{ background:linear-gradient(135deg,#6EA8FE,#3B82F6); }
.cs-i:nth-child(3) .cs-ic{ background:linear-gradient(135deg,#FFC15C,#E88A00); }
.cs-d{ min-width:0; }
.cs-d b{ display:block; font-size:13px; font-weight:800; color:var(--f-ink); }
.cs-d span{ display:block; margin-top:4px; font-size:11.5px; color:var(--f-ink3); line-height:1.6; }
.cs-i:hover .cs-d b{ color:var(--f-p2); }

/* --- 23.6 品牌频道 · 品牌矩阵（深色 LOGO 墙，首屏创意）--- */
.ch-brdash{ grid-template-columns:minmax(0,1fr); row-gap:18px; padding:22px 26px 24px; }
.bd-top{ position:relative; z-index:2; display:flex; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.bd-hd{ min-width:0; }
.bd-hd .db-live{
	display:inline-flex; align-items:center; gap:6px;
	font-size:11px; font-weight:800; letter-spacing:.5px; color:#8CF3C0;
}
.bd-hd .db-live i{
	width:7px; height:7px; border-radius:50%; background:#3DD68C; flex:none;
	animation:hd-pulse 1.9s ease-out infinite;
}
.bd-hd b{ display:block; margin-top:7px; font-size:23px; font-weight:900; color:#fff; letter-spacing:.5px; }
.bd-hd em{ display:block; margin-top:6px; font-style:normal; font-size:11.5px; color:rgba(255,255,255,.60); }
.bd-kpi{ display:flex; gap:30px; margin-left:auto; }
.bd-k{ text-align:right; }
.bd-k b{
	display:block; font-size:26px; font-weight:900; color:#fff; letter-spacing:-.6px;
	font-variant-numeric:tabular-nums;
}
.bd-k b em{ font-style:normal; font-size:12px; font-weight:700; color:#8CF3C0; margin-left:2px; }
.bd-k span{ display:block; margin-top:4px; font-size:11px; color:rgba(255,255,255,.55); }

.bd-wall{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:12px; }
.bd-i{
	display:block; text-align:center; text-decoration:none; padding:13px 9px 11px;
	background:rgba(255,255,255,.95); border-radius:14px; transition:.22s;
}
.bd-i:hover{ transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.30); }
.bd-i img{
	width:60px; height:60px; margin:0 auto 9px; display:block; border-radius:11px;
	object-fit:contain; background:#fff;
}
.bd-i .bd-ph{
	width:60px; height:60px; margin:0 auto 9px; border-radius:11px;
	display:flex; align-items:center; justify-content:center;
	font-size:15px; font-weight:800; color:#fff;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.bd-i b{
	display:block; font-size:11.5px; font-weight:700; color:#143A2E;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* 分类品牌块（卡内 LOGO 小网格） */
.br-g{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.br-gi{ display:block; text-align:center; text-decoration:none; }
.br-gi img{
	width:52px; height:52px; margin:0 auto 7px; display:block; border-radius:10px;
	object-fit:contain; background:#F6FBF8; border:1px solid var(--f-line);
}
.br-gi .br-ph{
	width:52px; height:52px; margin:0 auto 7px; border-radius:10px;
	display:flex; align-items:center; justify-content:center;
	font-size:13px; font-weight:800; color:#fff;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.br-gi b{
	display:block; font-size:11px; font-weight:600; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.br-gi:hover b{ color:var(--f-p2); }

/* 品牌列表项（侧栏，带 LOGO） */
.ch-brlist{ display:flex; flex-direction:column; }
.brl-i{
	display:flex; align-items:center; gap:11px; padding:8px 0; text-decoration:none;
	border-bottom:1px dashed var(--f-line-soft);
}
.brl-i:last-child{ border-bottom:none; }
.brl-i img{ flex:none; width:40px; height:40px; border-radius:10px; object-fit:contain; background:#F6FBF8; border:1px solid var(--f-line); }
.brl-i .brl-ph{
	flex:none; width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center;
	font-size:13px; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.brl-d{ min-width:0; flex:1; }
.brl-d b{ display:block; font-size:12.5px; font-weight:700; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brl-d span{ display:block; margin-top:3px; font-size:11px; color:var(--f-ink4);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brl-i em{ flex:none; font-style:normal; font-size:11px; font-weight:700; color:var(--f-p2); font-variant-numeric:tabular-nums; }
.brl-i:hover .brl-d b{ color:var(--f-p2); }

/* --- 23.7 人才频道 · 求职者卡 / 职位标签 --- */
.ch-res{ display:flex; flex-direction:column; }
.rs-i{
	display:grid; grid-template-columns:40px minmax(0,1.5fr) 124px minmax(0,1fr) 62px;
	gap:12px; align-items:center; padding:11px 4px;
	border-bottom:1px dashed var(--f-line-soft);
}
.rs-i:last-child{ border-bottom:none; }
.rs-i:hover{ background:rgba(61,214,140,.045); }
.rs-av{
	width:40px; height:40px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	font-size:14px; font-weight:800; color:#fff;
	background:linear-gradient(135deg,#6EA8FE,#3B82F6);
}
.rs-i:nth-child(3n+2) .rs-av{ background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); }
.rs-i:nth-child(3n+3) .rs-av{ background:linear-gradient(135deg,#B79CFF,#8B5CF6); }
.rs-d{ min-width:0; }
.rs-d b{
	display:block; font-size:13.5px; font-weight:700; color:var(--f-ink);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.rs-d span{
	display:block; margin-top:5px; font-size:11.5px; color:var(--f-ink4);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.rs-p{ font-size:13.5px; font-weight:800; color:var(--f-p2); font-variant-numeric:tabular-nums; }
.rs-p u{ display:block; margin-top:3px; font-size:11px; font-weight:400; color:var(--f-ink4); text-decoration:none; }
.rs-a{ font-size:12px; color:var(--f-ink3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rs-b{
	font-size:12px; font-weight:700; color:#fff; text-align:center;
	padding:6px 0; border-radius:8px; text-decoration:none;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2));
}
.rs-b:hover{ filter:brightness(1.07); }
/* 职位列表薪资空值样式 */
.ch-job .js.neg{ color:var(--f-ink3); font-weight:600; font-size:12.5px; }

/* --- 23.8 行情频道 · 数据大屏（KPI 卡 + 曲线 + 柱状 + 饼图）--- */
.ch-qdash{
	grid-template-columns:272px minmax(0,1fr) 292px;
	grid-template-areas:"a b c" "d d d";
	row-gap:18px;
}
.ch-qdash .ch-dash-i{ grid-area:a; }
.ch-qdash .qd-line{ grid-area:b; }
.ch-qdash .db-side{ grid-area:c; }
.ch-qdash .qd-bars{ grid-area:d; }

/* 曲线图 */
.qd-line .qd-svg{ flex:1; min-height:146px; position:relative; }
.qd-line .qd-svg svg{ width:100%; height:100%; display:block; overflow:visible; }
.qd-axis{ display:flex; justify-content:space-between; gap:10px; margin-top:8px; font-size:11px; color:rgba(255,255,255,.52); }
.qd-axis b{ color:#8CF3C0; font-weight:800; font-variant-numeric:tabular-nums; }
/* 曲线图 · TOP5 品种自动轮播 */
.qd-line{ padding-bottom:6px; }
.qd-line h4 .qd-nm{ color:#8CF3C0; font-weight:800; }
.qd-line h4 .qd-meta{ display:inline-flex; align-items:center; gap:6px; }
.qd-line h4 .qd-dot{
	width:7px; height:7px; border-radius:50%; cursor:pointer;
	background:rgba(255,255,255,.22); transition:width .3s, background .3s, box-shadow .3s;
}
.qd-line h4 .qd-dot:hover{ background:rgba(255,255,255,.45); }
.qd-line h4 .qd-dot.on{ width:20px; border-radius:99px; background:#3DD68C; box-shadow:0 0 0 3px rgba(61,214,140,.18); }
.qd-line h4 .qd-cnt{ margin-left:4px; font-style:normal; text-decoration:none; font-weight:800;
	color:rgba(255,255,255,.70); font-variant-numeric:tabular-nums; }
.qd-line h4 .qd-cnt b{ color:#8CF3C0; }
.qd-sw{ flex:1; position:relative; min-height:150px; }
.qd-sl{
	position:absolute; inset:0; display:flex; flex-direction:column;
	opacity:0; transform:translateY(9px); pointer-events:none;
	transition:opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1);
}
.qd-sl.on{ opacity:1; transform:none; pointer-events:auto; }
.qd-sl .qd-svg{ flex:1; min-height:0; position:relative; }
.qd-sl .qd-svg svg{ width:100%; height:100%; display:block; overflow:visible; }
.qd-pg{
	position:absolute; left:0; bottom:0; height:2px; width:0; border-radius:2px;
	background:linear-gradient(90deg,#3DD68C,#8CF3C0); box-shadow:0 0 8px rgba(61,214,140,.55);
}
.qd-pg.run{ animation:qd-prog 5s linear forwards; }
@keyframes qd-prog{ from{ width:0; } to{ width:100%; } }

/* 拐点价格标注（每个拐点显示报价 + 2s 轮换高亮 + 悬停气泡） */
.qd-pts{ position:absolute; inset:0; pointer-events:none; }
.qd-p{
	position:absolute; width:17px; height:17px; margin:-8.5px 0 0 -8.5px;
	pointer-events:auto; cursor:crosshair; z-index:3;
}
.qd-p::before{
	content:''; position:absolute; left:50%; top:50%; width:5px; height:5px; margin:-2.5px 0 0 -2.5px;
	border-radius:50%; background:#08301F; border:1.4px solid rgba(140,243,192,.8);
	transition:width .18s ease, height .18s ease, margin .18s ease, background .18s ease, box-shadow .18s ease;
}
.qd-p b{
	position:absolute; left:50%; transform:translateX(-50%); pointer-events:none;
	font-size:9px; font-weight:600; line-height:1; white-space:nowrap;
	color:rgba(199,239,221,.48); font-variant-numeric:tabular-nums;
	transition:color .18s ease, background .18s ease, padding .18s ease, font-size .18s ease, border-radius .18s ease;
}
.qd-p.up b{ bottom:9px; }
.qd-p.dn b{ top:9px; }
.qd-p.on{ z-index:6; }
.qd-p.on::before{
	width:9px; height:9px; margin:-4.5px 0 0 -4.5px;
	background:#3DD68C; border-color:#EAFFF6;
	box-shadow:0 0 0 4px rgba(61,214,140,.18), 0 0 12px rgba(61,214,140,.75);
}
.qd-p.on b{
	color:#03170E; background:#8CF3C0; font-size:10.5px; font-weight:800;
	padding:2px 5px; border-radius:6px; box-shadow:0 3px 10px rgba(0,0,0,.42);
}
.qd-p:hover{ z-index:8; }
.qd-p:hover::before{
	width:8px; height:8px; margin:-4px 0 0 -4px;
	background:#DFF7EA; border-color:#fff; box-shadow:0 0 0 4px rgba(140,243,192,.22);
}
.qd-p:hover b{
	color:#03170E; background:#DFF7EA; font-size:10.5px; font-weight:800;
	padding:2px 5px; border-radius:6px; box-shadow:0 3px 10px rgba(0,0,0,.42);
}
.qd-p b em{
	display:none; position:absolute; left:50%; transform:translateX(-50%);
	font-style:normal; font-size:11px; font-weight:500; line-height:1.55;
	color:#DFF7EA; background:rgba(3,21,14,.97);
	border:1px solid rgba(61,214,140,.42); border-radius:8px;
	padding:5px 10px; white-space:nowrap; z-index:20;
	box-shadow:0 8px 22px rgba(0,0,0,.55); letter-spacing:0;
}
.qd-p.up b em{ bottom:calc(100% + 7px); }
.qd-p.dn b em{ top:calc(100% + 7px); }
.qd-p:hover b em{ display:block; }

/* 饼图 */
.db-pie-wrap{ display:flex; flex-direction:column; align-items:center; gap:13px; }
.db-pie{ position:relative; flex:none; width:116px; height:116px; border-radius:50%;
	box-shadow:0 8px 22px rgba(0,0,0,.30); }
.db-pie::after{ content:''; position:absolute; inset:25px; border-radius:50%;
	background:linear-gradient(140deg,#0A3128,#0B3540); }
.db-pie-c{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column;
	align-items:center; justify-content:center; }
.db-pie-c b{ font-size:17px; font-weight:900; color:#fff; letter-spacing:-.4px; }
.db-pie-c span{ margin-top:3px; font-size:10px; color:rgba(255,255,255,.58); }
.db-pie-lg{ display:flex; flex-direction:column; gap:7px; width:100%; }
.db-pie-lg span{ display:flex; align-items:center; gap:8px; font-size:11.5px; color:rgba(255,255,255,.76); }
.db-pie-lg i{ flex:none; width:9px; height:9px; border-radius:3px; }
.db-pie-lg u{ margin-left:auto; text-decoration:none; font-weight:800; color:#BFF6DA; font-variant-numeric:tabular-nums; }

/* 行情报价表紧凑化 */
.ch-quote.cq td{ padding:9px 12px; }
.ch-quote.cq .q-bar{ display:block; height:6px; border-radius:999px; margin-top:5px;
	background:linear-gradient(90deg,rgba(61,214,140,.6),rgba(43,182,115,.18)); }

/* 各品种价格趋势网格（6 列 × 2 行 = 12 条） */
.ch-tgrid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.tg-i{
	display:block; padding:11px 12px 10px; border:1px solid var(--f-line);
	border-radius:11px; background:linear-gradient(180deg,#FCFEFD,#F5FAF7);
	transition:border-color .2s, box-shadow .2s, transform .2s;
}
.tg-i:hover{ border-color:#AEE3CB; box-shadow:0 8px 20px rgba(15,90,62,.10); transform:translateY(-2px); }
.tg-h{ display:flex; align-items:baseline; gap:8px; margin-bottom:6px; }
.tg-h b{ font-size:14px; font-weight:700; color:var(--f-ink);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tg-p{ margin-left:auto; flex:none; font-size:13.5px; font-weight:800; color:#12855A;
	font-variant-numeric:tabular-nums; letter-spacing:-.2px; }
.tg-p u{ font-size:10.5px; font-weight:400; color:var(--f-ink4); text-decoration:none; margin-left:2px; }
.tg-c{ display:block; height:66px; }
.tg-c svg{ display:block; width:100%; height:100%; }
.tg-f{ display:flex; align-items:center; gap:7px; margin-top:6px; font-size:11px; color:var(--f-ink4); }
.tg-d{ flex:none; font-weight:800; padding:1px 5px; border-radius:5px; font-variant-numeric:tabular-nums; }
.tg-d.up{ color:#C8323A; background:rgba(229,72,77,.10); }
.tg-d.dn{ color:#12855A; background:rgba(18,133,90,.10); }
.tg-f span:last-child{ margin-left:auto; flex:none; font-variant-numeric:tabular-nums; }

/* 6 列窄卡（≥1401px）：底部信息允许折行，「报价日 · 次数」独占第二行，避免横向溢出 */
@media(min-width:1401px){
	.ch-tgrid .tg-f{ flex-wrap:wrap; gap:3px 6px; }
	.ch-tgrid .tg-f > span:last-child{ margin-left:0; flex:1 0 100%; font-size:10.5px; color:var(--f-ink4); }
}

/* 行情服务（仅行情频道）：三条均分卡片高度，用虚线分隔替代
   .ch-steps 原有的 justify-content:space-between 被卡片拉伸后会撑出 75px 大行距 */
.ch-qsvc .ch-steps{ justify-content:flex-start; gap:0; }
.ch-qsvc .ch-steps .cs-i{ flex:1 1 0; align-items:center; padding:0; }
.ch-qsvc .ch-steps .cs-i:not(:last-child){ border-bottom:1px dashed var(--f-line); }

/* 行情首页左右栏底部对齐（仅 .ch-qsrow 这一行）：
   「品种报价一览」所在卡是列内末卡，.ch-eqz 会把两列拉成等高。
   表格设为弹性项后，列内多出的高度会被摊进行高，
   不再在卡底留下空白；列高由本列决定时则完全无影响。 */
.ch-row.ch-qsrow > .ch-col:first-child > .ch-card:last-child > .ch-quote.cq{
	flex:1 1 auto; min-height:0;
}

/* --- 23.5 商务频道响应式 --- */
@media(max-width:1400px){
	.ch-dash{ grid-template-columns:250px minmax(0,1fr) 260px; gap:20px; padding:18px 20px 20px; }
	.ch-brdash{ grid-template-columns:minmax(0,1fr); padding:18px 20px 20px; }
	.bd-wall{ grid-template-columns:repeat(6,minmax(0,1fr)); }
	.ch-pw{ grid-template-columns:repeat(3,minmax(0,1fr)); }
	.ch-tgrid{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1180px){
	.ch-dash{ grid-template-columns:minmax(0,1fr) 260px; }
	.ch-dash .db-side{ grid-column:2/3; }
	.ch-qdash{ grid-template-columns:minmax(0,1fr) 260px; grid-template-areas:"a b" "d d" "c c"; }
	.ch-qdash .ch-dash-i{ grid-area:a; }
	.ch-qdash .qd-line{ grid-area:b; }
	.ch-qdash .qd-bars{ grid-area:d; }
	.ch-qdash .db-side{ grid-area:c; grid-column:auto; }
	.ch-pw{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1000px){
	.ch-dash{ grid-template-columns:minmax(0,1fr); gap:18px; }
	.ch-dash .db-side{ grid-column:auto; }
	.ch-qdash{ grid-template-columns:minmax(0,1fr); grid-template-areas:"a" "b" "d" "c"; }
	.db-bars{ min-height:132px; }
	.bd-wall{ grid-template-columns:repeat(4,minmax(0,1fr)); }
	.bd-kpi{ margin-left:0; gap:22px; }
	.ch-pw{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.pw-pic{ height:150px; }
}
@media(max-width:640px){
	.db-kpi{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.bd-wall{ grid-template-columns:repeat(3,minmax(0,1fr)); }
	.br-g{ grid-template-columns:repeat(3,minmax(0,1fr)); }
	.ch-pw{ grid-template-columns:minmax(0,1fr); }
	.pw-pic{ height:186px; }
	.ch-pwtool .pt-b{ margin-left:0; width:100%; }
}

/* --- 23.9 会展频道 · AI 会展态势分析 + 展会核心信息卡 --- */
.ch-edash{ display:block; padding:20px 24px 22px; }

/* AI 态势分析（首屏头条区） */
.ed-ai{ position:relative; z-index:2; padding-bottom:16px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,.10); }
.ed-ai-h{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:12px; }
.ed-ai-h .ed-badge{
	flex:none; padding:2px 9px; border-radius:6px; font-size:11px; font-weight:900; letter-spacing:1px;
	color:#06231A; background:linear-gradient(120deg,#8CF3C0,#3DD68C);
	box-shadow:0 3px 10px rgba(61,214,140,.32);
}
.ed-ai-h b{ font-size:16px; font-weight:900; color:#fff; letter-spacing:.5px; }
.ed-ai-h em{ font-style:normal; font-size:11px; color:rgba(255,255,255,.50); }
.ed-ai-g{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 14px; grid-auto-rows:1fr; }
.ed-it{
	position:relative; padding:10px 12px 10px 14px; border-radius:11px;
	background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.085);
}
.ed-it::before{
	content:''; position:absolute; left:0; top:12px; bottom:12px; width:2px; border-radius:2px;
	background:linear-gradient(180deg,#8CF3C0,rgba(61,214,140,.14));
}
.ed-it b{ display:block; font-size:11.5px; font-weight:800; color:#8CF3C0; letter-spacing:.4px; }
.ed-it p{ margin:5px 0 0; font-size:11.5px; line-height:1.72; color:rgba(255,255,255,.74); }
.ed-it p b{ display:inline; font-size:12.5px; color:#fff; font-weight:900; }

/* 三列数据区 */
.ed-grid{ position:relative; z-index:2; display:grid; grid-template-columns:296px minmax(0,1fr) 316px; gap:26px; align-items:stretch; }
.ed-kpi{ min-width:0; }
.ed-year .db-bars{ min-height:150px; padding-bottom:24px; }
.ed-side .ed-ar{ margin-top:auto; }

/* 展会核心信息卡（图 + 时间 / 地点 / 主办 / 联系方式）*/
.ch-exw{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; grid-auto-rows:1fr; }
.ex-i{
	display:flex; flex-direction:column; min-width:0; overflow:hidden; border-radius:14px;
	background:#fff; border:1px solid var(--f-line); box-shadow:0 2px 10px rgba(18,51,42,.04);
	transition:transform .25s, box-shadow .25s, border-color .25s;
}
.ex-i:hover{ transform:translateY(-3px); border-color:var(--f-line-strong); box-shadow:0 14px 28px rgba(20,60,45,.13); }
.ex-pic{ position:relative; flex:none; height:118px; overflow:hidden; background:#EAF5EF; }
.ex-pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s; }
.ex-i:hover .ex-pic img{ transform:scale(1.06); }
.ex-ph{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
	font-size:13px; font-weight:800; letter-spacing:1px; color:#4E8E72;
	background:linear-gradient(135deg,#E6F4EC,#D6EDE2);
}
.ex-yr{
	position:absolute; left:9px; top:9px; padding:2px 8px; border-radius:8px; font-size:11px; font-weight:900;
	color:#fff; background:rgba(7,36,27,.66); font-variant-numeric:tabular-nums;
}
.ex-hot{
	position:absolute; right:9px; top:9px; padding:2px 7px; border-radius:8px; font-size:10.5px; font-weight:800;
	color:#7A3E00; background:linear-gradient(120deg,#FFD79A,#FFC15C);
}
.ex-b{ flex:1; display:flex; flex-direction:column; gap:6px; padding:11px 12px 12px; min-width:0; }
.ex-t{
	font-size:13.5px; font-weight:700; line-height:1.55; color:var(--f-ink); min-height:42px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.ex-r{ display:flex; align-items:flex-start; gap:6px; font-size:11.5px; line-height:1.62; color:var(--f-ink2); min-width:0; }
.ex-k{
	flex:none; height:17px; line-height:17px; padding:0 6px; border-radius:5px;
	font-size:10.5px; font-weight:800; font-style:normal; color:#2E7D5B; background:#E9F6EF;
}
.ex-r u{
	flex:1; min-width:0; text-decoration:none; color:var(--f-ink2);
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.ex-f{
	margin-top:auto; padding-top:8px; border-top:1px dashed var(--f-line);
	display:flex; align-items:center; gap:8px; font-size:10.5px; color:var(--f-ink3); min-width:0;
}
.ex-f i{ flex:none; font-style:normal; padding:1px 7px; border-radius:999px; background:#EFF6F2; color:#3C7A5F; font-weight:700; }
.ex-un{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ex-hit{ margin-left:auto; flex:none; }
.ch-ecat .d{ flex:none; }

/* 图文速览（会展报道 / 网络展厅） */
.ch-thumb{ display:flex; flex-direction:column; gap:11px; }
.th-i{ display:flex; gap:10px; align-items:flex-start; text-decoration:none; min-width:0; }
.th-pic{
	flex:none; width:84px; height:62px; border-radius:9px; overflow:hidden; position:relative;
	background:linear-gradient(135deg,#CFE9DD,#EAF7F1);
}
.th-pic img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.th-i:hover .th-pic img{ transform:scale(1.08); }
.th-b{ flex:1; min-width:0; }
.th-t{
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	font-size:12.5px; font-weight:600; line-height:1.52; color:var(--f-ink); transition:color .2s;
}
.th-i:hover .th-t{ color:var(--f-p2); }
.th-d{ display:block; margin-top:5px; font-size:11px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

/* 会展栏目块：宽栏内两列排布（覆盖 ch-eqz 末卡 flex 规则） */
.ch-row.ch-eqz > .ch-col > .ch-card > .ch-list.ch-ecat.c2{
	display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:26px; row-gap:0;
}
.ch-list.ch-ecat.c2 li:nth-last-child(-n+2){ border-bottom:none; }

/* 通知公告（两行标题 + 时间） */
.ch-nlist li{ align-items:flex-start; }
.ch-nlist li::before{ margin-top:6px; }
.ch-nlist li a{
	white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	font-size:12.5px; line-height:1.5;
}
.ch-nlist li .d{ flex:none; font-size:11px; color:var(--f-ink4); padding-top:1px; }

@media(max-width:1400px){
	.ch-edash{ padding:18px 20px 20px; }
	.ed-grid{ grid-template-columns:250px minmax(0,1fr) 260px; gap:20px; }
	.ed-ai-g{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1180px){
	.ed-grid{ grid-template-columns:minmax(0,1fr) 250px; }
	.ed-grid .ed-side{ grid-column:1/3; }
	.ed-ai-g{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ch-tgrid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1000px){
	.ed-grid{ grid-template-columns:minmax(0,1fr); }
	.ed-grid .ed-side{ grid-column:auto; }
	.ed-ai-g{ grid-template-columns:minmax(0,1fr); }
	.ed-year .db-bars{ min-height:132px; }
	.ch-exw{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.ex-pic{ height:150px; }
	.ch-tgrid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:640px){
	.ed-ai-h em{ width:100%; }
	.ch-exw{ grid-template-columns:minmax(0,1fr); }
	.ex-pic{ height:186px; }
	.ex-t{ min-height:0; }
}
@media(max-width:820px){
	.ch-tgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.tg-c{ height:58px; }
}

/* 走势图拐点标注：窄屏适配 */
@media(max-width:1000px){
	.qd-p b{ font-size:8.5px; }
}
@media(max-width:640px){
	.qd-p b{ display:none; }
	.qd-p.on b{ display:block; }
}

/* ================================================================
   23.10 会展检索：首页大屏搜索条 + 搜索结果页
   ================================================================ */

/* 首页大屏内的搜索条（深色玻璃面板） */
.ed-sb{
	position:relative; z-index:2; margin-bottom:15px; padding:13px 15px; border-radius:14px;
	background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
	border:1px solid rgba(255,255,255,.11);
}

/* 检索表单（首页大屏与搜索页共用）
   注意：theme.css 对 input[type=text] / select 使用了 !important 通用样式，
   深色区控件必须用「更高权重 + !important」覆盖，否则会被刷成白底。 */
.es-form{ position:relative; z-index:2; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ch-edash .es-sc, .ed-sb .es-sc{
	flex:none; height:44px !important; padding:0 34px 0 13px !important; border-radius:11px !important;
	cursor:pointer; font-size:13px !important; font-weight:700 !important; outline:none;
	-webkit-appearance:none; appearance:none;
	color:#DFF6EA !important; background-color:rgba(255,255,255,.075) !important;
	border:1px solid rgba(255,255,255,.14) !important;
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238CF3C0' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important; background-position:right 11px center !important; background-size:13px 13px !important;
}
.ch-edash .es-sc option, .ed-sb .es-sc option{ color:#0B2B20; background:#fff; }
.es-in{ position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:center; }
.es-in svg{ position:absolute; left:13px; width:17px; height:17px; color:rgba(255,255,255,.42); pointer-events:none; }
.ch-edash .es-in input, .ed-sb .es-in input{
	width:100% !important; height:44px !important; padding:0 14px 0 39px !important; border-radius:11px !important;
	outline:none; font-size:13.5px !important; color:#fff !important;
	background:rgba(6,28,21,.52) !important; border:1px solid rgba(255,255,255,.14) !important;
	transition:border-color .2s, box-shadow .2s, background .2s;
}
.ch-edash .es-in input::placeholder, .ed-sb .es-in input::placeholder{ color:rgba(255,255,255,.38) !important; }
.ch-edash .es-in input:focus, .ed-sb .es-in input:focus{
	border-color:rgba(61,214,140,.62) !important; background:rgba(6,28,21,.72) !important;
	box-shadow:0 0 0 3px rgba(61,214,140,.14) !important;
}
.es-btn{
	flex:none; height:44px; padding:0 28px; border:0; border-radius:11px; cursor:pointer;
	font-size:14px; font-weight:900; letter-spacing:2px; color:#06231A;
	background:linear-gradient(120deg,#8CF3C0,#3DD68C);
	box-shadow:0 6px 18px rgba(61,214,140,.30);
	transition:transform .2s, box-shadow .2s;
}
.es-btn:hover{ transform:translateY(-1px); box-shadow:0 9px 22px rgba(61,214,140,.42); }
.es-btn:active{ transform:translateY(0); }
.es-hot{ position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:11px; }
.es-hot .es-hl{ flex:none; font-size:11px; font-weight:800; letter-spacing:1px; color:rgba(255,255,255,.40); }
.es-hot a{
	padding:3px 10px; border-radius:999px; font-size:12px; text-decoration:none;
	color:rgba(255,255,255,.76); background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.10); transition:.2s;
}
.es-hot a:hover{ color:#06231A; background:linear-gradient(120deg,#8CF3C0,#3DD68C); border-color:transparent; }
.es-hot a.es-more{ color:#8CF3C0; background:rgba(140,243,192,.08); border-color:rgba(140,243,192,.32); }

/* 搜索页顶部 */
.ch-esd{ padding:22px 24px 20px; }
.es-hd{ position:relative; z-index:2; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 14px; margin-bottom:14px; }
.es-hd b{ font-size:18px; font-weight:900; color:#fff; letter-spacing:.5px; }
.es-hd em{ font-style:normal; font-size:12.5px; color:rgba(255,255,255,.56); }
.es-hd em i{ font-style:normal; font-size:16px; font-weight:900; color:#8CF3C0; padding:0 3px; }

/* 筛选条 */
.es-flt{ display:flex; flex-direction:column; gap:9px; padding:0 0 13px; margin-bottom:13px; border-bottom:1px solid var(--f-line); }
.es-fr{ display:flex; gap:10px; align-items:flex-start; }
.es-fk{ flex:none; width:58px; padding-top:5px; font-size:12px; font-weight:800; color:var(--f-ink3); }
.es-fv{ display:flex; flex-wrap:wrap; gap:7px; min-width:0; }
.es-fv a{
	padding:4px 12px; border-radius:8px; font-size:12.5px; text-decoration:none;
	color:var(--f-ink2); background:#F3F8F5; border:1px solid transparent; transition:.18s;
}
.es-fv a:hover{ color:#0E7C58; background:#E6F6EE; }
.es-fv a.on{ color:#fff; font-weight:800; background:linear-gradient(120deg,#4FD79A,#22A96E);
	border-color:transparent; box-shadow:0 4px 12px rgba(34,169,110,.26); }

/* 结果统计 */
.es-meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
	margin-bottom:13px; font-size:12.5px; color:var(--f-ink3); }
.es-meta b{ font-size:16px; font-weight:900; color:#12855A; padding:0 3px; }
.es-meta .es-clr{ font-size:12.5px; font-weight:600; color:var(--f-p2); text-decoration:none; }
.es-meta .es-clr:hover{ color:var(--f-p1); }
.es-res{ margin-top:0; }
.es-empty{ padding:34px 16px 40px; text-align:center; }
.es-empty .ee-ic{
	display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin:0 auto 14px;
	border-radius:50%; font-size:26px; font-weight:900; color:#4A8A70;
	background:linear-gradient(135deg,#EAF7F0,#D6F0E3);
}
.es-empty b{ display:block; font-size:15px; font-weight:800; color:var(--f-ink); }
.es-empty p{ margin:8px 0 0; font-size:12.5px; color:var(--f-ink3); line-height:1.85; }

/* 分页（接管 DESTOON 默认 .pages；theme.css 对 .pages a 有 !important，需覆盖） */
.ch-pages{ padding:18px 2px 4px; }
.ch-pages .pages{ text-align:center; }
.ch-pages .pages a,.ch-pages .pages span,.ch-pages .pages strong,.ch-pages .pages b{
	display:inline-block !important; min-width:32px !important; height:32px !important; line-height:30px !important;
	margin:0 3px 6px !important; padding:0 9px !important; border-radius:8px !important;
	font-size:12.5px !important; font-weight:600 !important; text-align:center !important; text-decoration:none !important;
}
.ch-pages .pages a,.ch-pages .pages span{
	color:var(--f-ink2) !important; background:#F3F8F5 !important; border:1px solid var(--f-line) !important;
}
.ch-pages .pages a:hover{ color:#0E7C58 !important; background:#EFF9F4 !important; border-color:#AEE3CB !important; }
.ch-pages .pages strong,.ch-pages .pages b,.ch-pages .pages span.cur{
	color:#fff !important; font-weight:900 !important; border:1px solid transparent !important;
	background:linear-gradient(120deg,#4FD79A,#22A96E) !important;
}
.ch-pages .pages input{ display:none !important; }

/* 侧栏：高级检索表单 */
.es-adv{ display:flex; flex-direction:column; gap:11px; }
.es-adv label{ display:block; margin-bottom:5px; font-size:11.5px; font-weight:800; color:var(--f-ink3); }
.es-adv select,.es-adv input[type=text]{
	width:100%; height:36px; padding:0 10px; border-radius:9px; outline:none;
	font-size:12.5px; color:var(--f-ink); background:#fff; border:1px solid var(--f-line);
	transition:border-color .18s, box-shadow .18s;
}
.es-adv select:focus,.es-adv input[type=text]:focus{ border-color:#8CD9B4; box-shadow:0 0 0 3px rgba(61,214,140,.12); }
.es-adv .es-go{
	height:38px; margin-top:2px; border:0; border-radius:9px; cursor:pointer;
	font-size:13.5px; font-weight:900; letter-spacing:2px; color:#fff;
	background:linear-gradient(120deg,#4FD79A,#22A96E); box-shadow:0 5px 16px rgba(34,169,110,.24);
	transition:filter .2s, box-shadow .2s;
}
.es-adv .es-go:hover{ filter:brightness(1.06); box-shadow:0 7px 20px rgba(34,169,110,.32); }
.es-adv .es-row2{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.es-adv .es-row2 input{ width:100% !important; border:1px solid #D8EAE2 !important; background:#FBFDFC !important; }
.es-adv select{ border:1px solid #D8EAE2 !important; }
.es-adv .es-row2 img{ display:none; }

/* 侧栏：热词 */
.es-kw{ display:flex; flex-wrap:wrap; gap:7px; }
.es-kw a{ padding:4px 11px; border-radius:999px; font-size:12px; text-decoration:none;
	color:var(--f-ink2); background:#F3F8F5; transition:.18s; }
.es-kw a:hover{ color:#0E7C58; background:#E6F6EE; }
.es-kw a i{ font-style:normal; margin-left:5px; font-size:10.5px; color:var(--f-ink4); }

@media(max-width:1000px){
	.ch-esd{ padding:18px 18px 16px; }
	.es-in{ min-width:100%; order:2; }
	.es-sc{ order:1; }
	.es-btn{ order:3; flex:1 1 auto; }
}
@media(max-width:760px){
	.ed-sb{ padding:12px; }
	.es-sc{ width:100%; }
	.es-fr{ flex-direction:column; gap:6px; }
	.es-fk{ width:100%; padding-top:0; }
	.es-adv .es-row2{ grid-template-columns:1fr; }
}

/* ================================================================
   24. 会展详情页：状态条 / 正文 / 联系方式 / 报名入口
   ================================================================ */
.ch-exb{ margin:16px 0 18px; }
.ch-exb-st{
	display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
	padding:14px 18px; border-radius:13px; border:1px solid var(--f-line);
	background:linear-gradient(90deg,rgba(61,214,140,.08),rgba(38,198,218,.05));
}
.ch-exb-st.on{ background:linear-gradient(90deg,rgba(18,133,90,.10),rgba(38,198,218,.06)); border-color:rgba(18,133,90,.24); }
.ch-exb-st.soon{ background:linear-gradient(90deg,rgba(229,72,77,.08),rgba(255,167,38,.05)); border-color:rgba(229,72,77,.22); }
.ch-exb-st.off{ background:linear-gradient(90deg,rgba(123,135,148,.08),rgba(160,174,192,.05)); border-color:rgba(123,135,148,.22); }
.ch-exb-stat{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-width:0; }
.ch-exb-stat b{ font-size:14.5px; font-weight:800; padding:4px 13px; border-radius:8px; color:#fff;
	background:linear-gradient(135deg,#22B573,#12855A); letter-spacing:.4px; }
.ch-exb-st.soon .ch-exb-stat b{ background:linear-gradient(135deg,#FF6B6B,#C8323A); }
.ch-exb-st.off .ch-exb-stat b{ background:linear-gradient(135deg,#A0AEC0,#7B8794); }
.ch-exb-stat u{ text-decoration:none; font-size:14px; font-weight:700; color:var(--f-ink);
	font-variant-numeric:tabular-nums; }
.ch-exb-stat i{ font-style:normal; font-size:12.5px; color:var(--f-ink3); padding:2px 10px;
	border-radius:999px; background:rgba(255,255,255,.8); border:1px solid var(--f-line); }
.ch-exb-op{ display:flex; align-items:center; gap:10px; flex:none; }
.ch-exb-btn{ display:inline-flex; align-items:center; height:40px; padding:0 22px; border-radius:11px;
	font-size:14px; font-weight:700; color:#fff; text-decoration:none;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); box-shadow:0 8px 20px rgba(43,182,115,.24);
	transition:transform .2s, box-shadow .2s; }
.ch-exb-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(43,182,115,.34); }
.ch-exb-end{ font-style:normal; font-size:12.5px; font-weight:700; color:#7B8794;
	padding:6px 14px; border-radius:999px; background:rgba(123,135,148,.12); }
.ch-exb-gh{ font-size:12.5px; font-weight:600; color:var(--f-p2); text-decoration:none;
	padding:6px 14px; border-radius:999px; border:1px solid var(--f-line); background:#fff; }
.ch-exb-gh:hover{ border-color:var(--f-line-strong); }
.ch-maplk{ font-style:normal; font-size:12px; color:var(--f-p2); }

/* 详情正文区标题与排版 */
.dt-body-hd{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
	margin:0 0 14px; padding-bottom:11px; border-bottom:1px solid var(--f-line); }
.dt-body-hd b{ position:relative; padding-left:12px; font-size:15px; font-weight:800; color:var(--f-ink); }
.dt-body-hd b:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
	width:3px; height:14px; border-radius:2px; background:linear-gradient(180deg,var(--f-p1),#26C6DA); }
.dt-body-hd em{ font-style:normal; font-size:12px; color:var(--f-ink3); }
.dt-zoom a{ color:var(--f-ink3); text-decoration:none; }
.dt-zoom a:hover{ color:var(--f-p2); }
.dt-zoom i{ font-style:normal; margin:0 6px; color:var(--f-ink4); }
.dt-rich{ font-size:15px; line-height:1.95; color:#2C4A40; word-break:break-word; overflow:hidden; }
.dt-rich p{ margin:0 0 14px; }
.dt-rich img{ max-width:100%; height:auto; border-radius:10px; margin:8px 0; }
.dt-rich table{ max-width:100%; border-collapse:collapse; }
.dt-rich td,.dt-rich th{ border:1px solid var(--f-line); padding:7px 11px; font-size:13.5px; }
.dt-nb{ margin:0; font-size:13.5px; line-height:1.95; color:var(--f-ink3); }
.dt-contact{ font-size:13.5px; line-height:2.05; color:var(--f-ink2); }

/* 右侧栏：在线报名入口 */
.dt-exsign{ display:block; padding:16px 18px; border-radius:13px; text-decoration:none;
	background:linear-gradient(135deg,var(--f-p1),var(--f-p2)); box-shadow:0 10px 26px rgba(43,182,115,.24);
	transition:transform .2s, box-shadow .2s; }
.dt-exsign:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(43,182,115,.32); }
.dt-exsign b{ display:block; font-size:16px; font-weight:800; color:#fff; }
.dt-exsign span{ display:block; margin-top:6px; font-size:12px; color:rgba(255,255,255,.9); line-height:1.6; }

/* ================================================================
   第 24 章：板块聚合首页（资讯 / 学院 / 商务）· .sec-*
   结构：.sec-wrap > .sec-hero / .sec-ai / .sec-wall / .sec-catzone / .sec-sib
   主题：.sec-news 品牌绿 · .sec-edu 紫 · .sec-biz 橙金
   数据：全部由 module/sector/sector.inc.php 实时聚合
   ================================================================ */

/* ---------- 24.1 容器与主题变量 ---------- */
.sec-wrap{
	--sc-p1:#3DD68C; --sc-p2:#25B274;
	--sc-soft:rgba(61,214,140,.10); --sc-soft2:rgba(61,214,140,.22);
	--sc-glow:rgba(61,214,140,.30);
	--sc1:#3DD68C; --sc2:#38BDF8; --sc3:#A78BFA; --sc4:#FBBF24; --sc5:#F472B6; --sc6:#34D399;
	--sc-bg1:#06201a; --sc-bg2:#052031; --sc-bg3:#061420;
	width:1560px; max-width:calc(100% - 40px); margin:0 auto; padding-bottom:8px;
	font-size:14px; color:var(--f-ink);
}
.sec-edu{
	--sc-p1:#7C5CFF; --sc-p2:#5B3FD8;
	--sc-soft:rgba(124,92,255,.10); --sc-soft2:rgba(124,92,255,.24);
	--sc-glow:rgba(124,92,255,.32);
	--sc1:#7C5CFF; --sc2:#38BDF8; --sc3:#22D3EE; --sc4:#FBBF24; --sc5:#F472B6; --sc6:#A3E635;
	--sc-bg1:#0e0a26; --sc-bg2:#0a1132; --sc-bg3:#080b22;
}
.sec-biz{
	--sc-p1:#FFA23A; --sc-p2:#E07B1A;
	--sc-soft:rgba(255,162,58,.12); --sc-soft2:rgba(255,162,58,.28);
	--sc-glow:rgba(255,162,58,.32);
	--sc1:#FFA23A; --sc2:#3DD68C; --sc3:#38BDF8; --sc4:#F472B6; --sc5:#FBBF24; --sc6:#A78BFA;
	--sc-bg1:#261505; --sc-bg2:#2a1c0c; --sc-bg3:#1c1207;
}
/* 六频道色板 */
.sec-wrap .cb0{ background:var(--sc1); }
.sec-wrap .cb1{ background:var(--sc2); }
.sec-wrap .cb2{ background:var(--sc3); }
.sec-wrap .cb3{ background:var(--sc4); }
.sec-wrap .cb4{ background:var(--sc5); }
.sec-wrap .cb5{ background:var(--sc6); }
/* 频道小标签配色（按频道 key 分配色板） */
.sec-wrap .c-dongtai,.sec-wrap .c-jishu,.sec-wrap .c-gongying{ background:var(--sc1); }
.sec-wrap .c-fangtan,.sec-wrap .c-tushu,.sec-wrap .c-pinpai{ background:var(--sc2); }
.sec-wrap .c-zhuanti,.sec-wrap .c-fagui,.sec-wrap .c-qiugou{ background:var(--sc3); }
.sec-wrap .c-tuku,.sec-wrap .c-zhuanjia,.sec-wrap .c-rencai{ background:var(--sc4); }
.sec-wrap .c-shipin,.sec-wrap .c-wenxian,.sec-wrap .c-hangqing{ background:var(--sc5); }
.sec-wrap .c-xiaofei,.sec-wrap .c-xiazai,.sec-wrap .c-huizhan{ background:var(--sc6); }
.sec-empty{ padding:16px; text-align:center; font-size:12px; color:var(--f-ink4); }

/* ---------- 24.2 大屏 HERO ---------- */
.sec-hero{ position:relative; overflow:hidden; border-radius:20px; padding:32px 36px 0;
	background:linear-gradient(148deg,var(--sc-bg1) 0%,var(--sc-bg2) 56%,var(--sc-bg3) 100%);
	box-shadow:0 20px 54px rgba(4,20,16,.20); }
.sec-hero::before{ content:''; position:absolute; left:0; right:0; top:0; height:2px; z-index:3;
	background:linear-gradient(90deg,transparent,var(--sc-p1),var(--sc-p2),transparent); }
.sec-hero::after{ content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
	background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
	background-size:36px 36px; }
.sec-hero-bg i{ position:absolute; border-radius:50%; filter:blur(46px); pointer-events:none; z-index:0; }
.sec-hero-bg .hbg1{ width:440px; height:320px; left:-90px; top:-130px; background:var(--sc-glow); opacity:.55; }
.sec-hero-bg .hbg2{ width:400px; height:300px; right:-70px; bottom:-150px; background:var(--sc-glow); opacity:.34; }
.sec-hero-in{ position:relative; z-index:2; display:flex; align-items:flex-start; gap:36px; padding-bottom:24px; }
.sec-hero-l{ flex:1 1 auto; min-width:0; }
.sec-hero-r{ flex:0 0 546px; display:flex; flex-direction:column; gap:12px; }

.sec-crumb{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,.45); }
.sec-crumb a{ color:rgba(255,255,255,.62) !important; text-decoration:none; }
.sec-crumb a:hover{ color:var(--sc-p1) !important; }
.sec-crumb i{ font-style:normal; opacity:.4; }
.sec-crumb b{ color:rgba(255,255,255,.82); font-weight:700; }

.sec-switch{ display:flex; gap:8px; margin:14px 0 16px; }
.sec-switch .sw{ padding:5px 15px; border-radius:999px; font-size:12.5px; font-weight:800; text-decoration:none;
	color:rgba(255,255,255,.62) !important; border:1px solid rgba(255,255,255,.16); transition:.2s; }
.sec-switch .sw:hover{ color:#fff !important; border-color:var(--sc-p1); }
.sec-switch .sw.on{ color:#0b1a24 !important; background:linear-gradient(180deg,var(--sc-p1),var(--sc-p2));
	border-color:transparent; box-shadow:0 6px 18px var(--sc-glow); }

.sec-hero-l h1{ margin:0; display:flex; align-items:baseline; gap:14px; font-size:46px; line-height:1.06;
	font-weight:900; letter-spacing:1px; color:#fff; }
.sec-hero-l h1 em{ font-style:normal; font-size:15px; font-weight:800; letter-spacing:3px;
	color:var(--sc-p1); opacity:.95; }
.sec-slogan{ margin:12px 0 0; font-size:19px; font-weight:800; letter-spacing:.5px; color:rgba(255,255,255,.93); }
.sec-lead{ margin:10px 0 0; max-width:780px; font-size:13.5px; line-height:23px; color:rgba(255,255,255,.56); }

.sec-chips{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:20px; }
.sec-chip{ position:relative; display:flex; align-items:center; gap:8px; padding:11px 13px; border-radius:12px;
	text-decoration:none; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10);
	transition:.22s; }
.sec-chip .led{ flex:0 0 auto; width:6px; height:6px; border-radius:50%; box-shadow:0 0 0 3px rgba(255,255,255,.07); }
.sec-chip .ci{ font-size:14.5px; font-weight:900; color:#fff; }
.sec-chip em{ font-style:normal; font-size:11.5px; color:rgba(255,255,255,.42); }
.sec-chip b{ margin-left:auto; font-size:13px; font-weight:900; color:var(--sc-p1); font-variant-numeric:tabular-nums; }
.sec-chip .arw{ font-style:normal; font-size:12px; color:rgba(255,255,255,.28); transition:.22s; }
.sec-chip:hover{ background:rgba(255,255,255,.10); border-color:var(--sc-p1); transform:translateY(-2px); }
.sec-chip:hover .arw{ color:var(--sc-p1); transform:translateX(3px); }

/* 数据环 */
.sec-dial{ position:relative; height:174px; display:flex; align-items:center; justify-content:center;
	border-radius:16px; overflow:hidden; background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
	border:1px solid rgba(255,255,255,.10); }
.sec-dial .dr{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%;
	border:1px solid rgba(255,255,255,.09); }
.sec-dial .d1{ width:112px; height:112px; }
.sec-dial .d2{ width:158px; height:158px; border-style:dashed; animation:secSpin 28s linear infinite; }
.sec-dial .d3{ width:210px; height:210px; opacity:.45; animation:secSpin 46s linear infinite reverse; }
.sec-dial .dsweep{ position:absolute; left:50%; top:50%; width:150px; height:150px; border-radius:50%;
	transform:translate(-50%,-50%); opacity:.75;
	background:conic-gradient(from 0deg,transparent 0deg,var(--sc-glow) 62deg,transparent 130deg);
	animation:secSpin 9s linear infinite; }
.sec-dial .dcore{ position:relative; z-index:2; text-align:center; }
.sec-dial .dcore b{ display:block; font-size:38px; font-weight:900; letter-spacing:1px; color:#fff;
	font-variant-numeric:tabular-nums; text-shadow:0 0 26px var(--sc-glow); }
.sec-dial .dcore span{ display:block; margin-top:4px; font-size:12px; color:rgba(255,255,255,.62); }
.sec-dial .dcore i{ display:block; margin-top:3px; font-style:normal; font-size:9.5px; letter-spacing:2px; color:rgba(255,255,255,.30); }
@keyframes secSpin{ to{ transform:translate(-50%,-50%) rotate(360deg); } }

.sec-kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kpi{ padding:12px 13px; border-radius:12px;
	background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
	border:1px solid rgba(255,255,255,.10); }
.kpi b{ display:block; font-size:20px; font-weight:900; line-height:1.12; color:#fff; font-variant-numeric:tabular-nums; }
.kpi span{ display:block; margin-top:4px; font-size:11px; color:rgba(255,255,255,.45); }
.kpi.k-up b{ color:#4EE39B; }
.kpi.k-dn b{ color:#FF8A8A; }

/* 实时信息流（跑马灯） */
.sec-ticker{ position:relative; z-index:2; display:flex; align-items:center; gap:14px; padding:11px 0;
	border-top:1px solid rgba(255,255,255,.09); }
.sec-ticker .tk-lb{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
	font-size:11.5px; font-weight:900; letter-spacing:.5px; color:var(--sc-p1); }
.sec-ticker .tk-lb i{ width:6px; height:6px; border-radius:50%; background:var(--sc-p1);
	animation:secPulse 1.8s ease-in-out infinite; }
@keyframes secPulse{ 0%,100%{ box-shadow:0 0 0 0 var(--sc-glow); } 50%{ box-shadow:0 0 0 6px rgba(0,0,0,0); } }
.sec-ticker .tk-view{ flex:1 1 auto; min-width:0; overflow:hidden; }
.sec-ticker .tk-run{ display:flex; gap:34px; width:max-content; animation:secMarquee 64s linear infinite; }
.sec-ticker:hover .tk-run{ animation-play-state:paused; }
@keyframes secMarquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.tk-it{ display:inline-flex; align-items:center; gap:9px; font-size:12.5px; text-decoration:none; white-space:nowrap; }
.tk-it em{ font-style:normal; padding:2px 8px; border-radius:6px; font-size:10.5px; font-weight:800; color:#08161c; }
.tk-it b{ font-weight:600; color:rgba(255,255,255,.78); }
.tk-it span{ font-size:11px; color:rgba(255,255,255,.34); }
.tk-it:hover b{ color:#fff; }
.sec-ticker .tk-ts{ flex:0 0 auto; font-size:11px; color:rgba(255,255,255,.34); }

/* ---------- 24.3 AI 数据中心 ---------- */
.sec-ai{ margin-top:18px; padding:22px 24px 20px; border-radius:18px; background:#fff;
	border:1px solid var(--f-line); box-shadow:0 8px 26px rgba(16,60,42,.05); }
.sec-ai-hd{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; }
.sec-ai-hd h2{ margin:0; font-size:19px; font-weight:900; color:var(--f-ink); }
.sec-ai-hd h2 em{ font-style:normal; font-size:12.5px; font-weight:700; color:var(--f-ink3); letter-spacing:.4px; }
.sec-ai-hd p{ margin:6px 0 0; font-size:12.5px; color:var(--f-ink4); }
.sec-ai-hd .ah-r{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.sec-ai-hd .badge{ display:inline-flex; align-items:center; gap:6px; padding:4px 11px; border-radius:999px;
	font-size:11px; font-weight:800; color:var(--sc-p2); background:var(--sc-soft); border:1px solid var(--sc-soft2); }
.sec-ai-hd .badge i{ width:6px; height:6px; border-radius:50%; background:var(--sc-p1); animation:secPulse 1.8s ease-in-out infinite; }
.sec-ai-hd .ts{ font-size:11px; color:var(--f-ink4); }

.sec-ai-grid{ display:grid; grid-template-columns:1.1fr 1.32fr 1fr; gap:14px; }
.sec-panel{ padding:15px 16px 16px; border-radius:14px; background:linear-gradient(180deg,#FAFDFB,#fff);
	border:1px solid var(--f-line); }
.sec-pt{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px; }
.sec-pt b{ font-size:13.5px; font-weight:900; color:var(--f-ink); }
.sec-pt span{ font-size:10px; letter-spacing:1.4px; color:var(--f-ink4); }

/* 体量对比条 */
.sec-bars{ display:flex; flex-direction:column; gap:10px; }
.sec-bar{ display:grid; grid-template-columns:44px minmax(0,1fr) 54px 42px 50px; align-items:center; gap:8px; }
.sec-bar .bn{ font-size:12.5px; font-weight:800; color:var(--f-ink2); text-decoration:none; }
.sec-bar .bn:hover{ color:var(--sc-p2); }
.sec-bar .bt{ height:9px; border-radius:5px; background:#EFF4F1; overflow:hidden; }
.sec-bar .bt i{ display:block; height:100%; border-radius:5px; transition:width .5s; }
.sec-bar .bv{ font-size:12px; font-weight:900; color:var(--f-ink); text-align:right; font-variant-numeric:tabular-nums; }
.sec-bar .bs{ font-size:11px; color:var(--f-ink4); text-align:right; font-variant-numeric:tabular-nums; }
.sec-bar .by{ font-size:10.5px; font-weight:800; text-align:right; }
.sec-bar .by.up{ color:#16A34A; }
.sec-bar .by.dn{ color:#DC2626; }
.sec-bar .by.fl{ color:var(--f-ink4); }

/* 年度趋势堆叠柱 */
.sec-trend{ display:flex; align-items:flex-end; gap:6px; height:174px; }
.sec-trend .tb{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; height:100%; }
.sec-trend .tcw{ flex:1 1 auto; display:flex; align-items:flex-end; }
.sec-trend .tc{ width:100%; display:flex; flex-direction:column-reverse; border-radius:4px 4px 0 0; overflow:hidden; }
.sec-trend .tc i{ display:block; width:100%; transition:height .5s; }
.sec-trend .tl{ display:block; margin-top:6px; font-size:10.5px; color:var(--f-ink4); text-align:center; }
.sec-trend .tv{ display:block; font-style:normal; font-size:10px; font-weight:800; color:var(--f-ink3); text-align:center; }
.sec-legend{ display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:10px; padding-top:10px;
	border-top:1px dashed var(--f-line-soft); }
.sec-legend .lg{ display:inline-flex; align-items:center; gap:5px; font-size:11px; color:var(--f-ink3); }
.sec-legend .lg i{ width:9px; height:9px; border-radius:3px; }

/* 跨频道热度榜 */
.sec-hot{ display:flex; flex-direction:column; gap:5px; }
.sec-hot .hi{ display:flex; align-items:center; gap:9px; padding:6px 8px; border-radius:9px;
	text-decoration:none; transition:.18s; }
.sec-hot .hi:hover{ background:var(--sc-soft); }
.sec-hot .rk{ flex:0 0 auto; width:18px; height:18px; line-height:18px; text-align:center; border-radius:5px;
	font-style:normal; font-size:10.5px; font-weight:900; color:#fff; background:#C7D3CD; }
.sec-hot .rk.r1{ background:linear-gradient(135deg,#FF7A45,#FF4D1F); }
.sec-hot .rk.r2{ background:linear-gradient(135deg,#FFB020,#F08A00); }
.sec-hot .rk.r3{ background:linear-gradient(135deg,#FFD166,#E0A800); }
.sec-hot .rk.r4{ background:linear-gradient(135deg,#AFC6E9,#7E97C4); }
.sec-hot .ht{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.sec-hot .ht b{ font-size:12.5px; font-weight:600; color:var(--f-ink2); overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap; }
.sec-hot .ht em{ font-style:normal; font-size:10.5px; color:var(--f-ink4); }
.sec-hot .ht u{ text-decoration:none; font-weight:800; padding:1px 5px; border-radius:4px; margin-right:2px; color:#0b1a24; }
.sec-hot .hv{ flex:0 0 auto; font-size:11.5px; font-weight:900; color:var(--sc-p2); font-variant-numeric:tabular-nums; }

/* AI 研判条 */
.sec-insight{ display:flex; align-items:flex-start; gap:12px; margin-top:14px; padding:14px 16px;
	border-radius:13px; background:var(--sc-soft); border:1px solid var(--sc-soft2); }
.sec-insight .ii{ flex:0 0 auto; padding:3px 10px; border-radius:7px; font-size:10.5px; font-weight:900;
	letter-spacing:.5px; color:#0b1a24; background:linear-gradient(135deg,var(--sc-p1),var(--sc-p2)); }
.sec-insight p{ margin:0; font-size:12.8px; line-height:22px; color:var(--f-ink2); }

/* ---------- 24.4 六频道聚合墙 ---------- */
.sec-wall{ margin-top:18px; }
.sec-wall-hd{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:12px; }
.sec-wall-hd h2{ margin:0; font-size:19px; font-weight:900; color:var(--f-ink); }
.sec-wall-hd h2 em{ font-style:normal; font-size:11.5px; font-weight:700; letter-spacing:1.6px; color:var(--f-ink4); }
.sec-wall-hd p{ margin:0; font-size:12.5px; color:var(--f-ink4); }
.sec-wall-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sec-chan{ display:flex; flex-direction:column; border-radius:15px; overflow:hidden; background:#fff;
	border:1px solid var(--f-line); box-shadow:0 6px 20px rgba(16,60,42,.045); transition:.22s; }
.sec-chan:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(16,60,42,.11); }
.sc-hd{ display:flex; align-items:center; gap:10px; padding:13px 15px; border-bottom:1px solid var(--f-line-soft);
	background:linear-gradient(180deg,#F7FCF9,#fff); }
.sc-ico{ flex:0 0 auto; width:26px; height:26px; line-height:26px; text-align:center; border-radius:8px;
	font-size:12.5px; font-weight:900; color:#0b1a24; }
.sc-tt{ flex:1 1 auto; min-width:0; }
.sc-tt b{ display:block; font-size:15px; font-weight:900; color:var(--f-ink); }
.sc-tt em{ display:block; font-style:normal; font-size:11px; color:var(--f-ink4); }
.sc-num{ flex:0 0 auto; text-align:right; }
.sc-num b{ display:block; font-size:16px; font-weight:900; color:var(--sc-p2); font-variant-numeric:tabular-nums; }
.sc-num span{ display:block; font-size:10.5px; color:var(--f-ink4); }

.sc-fig{ padding:0 15px; }
.sc-fig a{ display:block; }
/* 横版代表图：容器按 4:3 呈现（与站内绝大多数配图原生比例一致，几乎不裁切）；
   超宽单列时用 max-height 兜住，避免图片区过高。 */
.sc-fig img{ display:block; width:100%; aspect-ratio:4/3; max-height:360px; height:auto;
	margin-top:12px; object-fit:cover; border-radius:10px; background:var(--sc-soft); }
.sc-fig img.fit-contain{ object-fit:contain; }
.sc-noimg{ display:flex; align-items:center; justify-content:center; aspect-ratio:4/3; max-height:360px;
	margin-top:12px; border-radius:10px; font-size:13px; font-weight:900; letter-spacing:2px; color:var(--sc-p2);
	background:var(--sc-soft); border:1px dashed var(--sc-soft2); }
.sc-figst{ display:flex; gap:16px; margin-top:9px; }
.sc-figst span{ font-size:10.5px; color:var(--f-ink4); }
.sc-figst b{ margin-right:3px; font-size:12.5px; font-weight:900; color:var(--f-ink2); font-variant-numeric:tabular-nums; }

.sc-list{ flex:1 1 auto; display:flex; flex-direction:column; padding:10px 15px 4px; }
.sc-list .si{ display:flex; align-items:center; gap:7px; padding:6px 0;
	border-bottom:1px dashed var(--f-line-soft); text-decoration:none; }
.sc-list .si:last-child{ border-bottom:0; }
.sc-list .dot{ flex:0 0 auto; width:4px; height:4px; border-radius:50%; background:var(--sc-p1); opacity:.55; }
.sc-list .si b{ flex:0 1 auto; min-width:0; font-size:12.8px; font-weight:600; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-list .si:hover b{ color:var(--sc-p2); }
.sc-list .si em{ flex:0 0 auto; max-width:120px; padding:1px 6px; border-radius:5px; font-style:normal;
	font-size:10.5px; color:var(--sc-p2); background:var(--sc-soft);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-list .si .dt{ flex:0 0 auto; margin-left:auto; font-size:10.5px; color:var(--f-ink4); font-variant-numeric:tabular-nums; }

.sc-hot{ margin:8px 15px 0; padding:9px 11px; border-radius:10px; background:#F7FBF9; border:1px dashed var(--f-line); }
.sc-hot .sh-lb{ display:block; margin-bottom:5px; font-size:10px; font-weight:900; letter-spacing:.8px; color:var(--f-ink4); }
.sc-hot a{ display:flex; align-items:center; gap:8px; padding:2px 0; font-size:11.8px;
	color:var(--f-ink3); text-decoration:none; }
.sc-hot a b{ flex:1 1 auto; min-width:0; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-hot a:hover b{ color:var(--sc-p2); }
.sc-hot a em{ flex:0 0 auto; font-style:normal; font-size:10.5px; font-weight:800; color:var(--sc-p2); }

.sc-cats{ display:flex; flex-wrap:wrap; gap:6px; padding:9px 15px 0; }
.sc-cats .ct{ display:inline-flex; align-items:center; gap:5px; max-width:100%; padding:2px 8px;
	border-radius:7px; background:#F2F7F4; font-size:10.8px; color:var(--f-ink3); }
.sc-cats .ct em{ font-style:normal; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-cats .ct b{ font-size:10.5px; font-weight:900; color:var(--sc-p2); }

.sc-ft{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px;
	padding:10px 15px; border-top:1px solid var(--f-line-soft); background:#FBFDFC; }
.sc-ft .ft-l{ font-size:10.8px; color:var(--f-ink4); }
.sc-ft .ft-l b{ color:var(--f-ink2); font-weight:800; font-variant-numeric:tabular-nums; }
.sc-ft .ft-go{ display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 13px; border-radius:999px;
	font-size:11.5px; font-weight:900; color:#0b1a24 !important; text-decoration:none;
	background:linear-gradient(135deg,var(--sc-p1),var(--sc-p2)); transition:.2s; }
.sc-ft .ft-go:hover{ box-shadow:0 6px 16px var(--sc-glow); transform:translateX(2px); }
.sc-ft .ft-go em{ font-style:normal; }

/* ---------- 24.5 分类结构对比 ---------- */
.sec-catzone{ margin-top:18px; padding:20px 22px 22px; border-radius:16px; background:#fff;
	border:1px solid var(--f-line); box-shadow:0 8px 26px rgba(16,60,42,.05); }
.sec-catgrid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.sec-catgrid .cc{ padding:11px 12px 12px; border-radius:12px; background:#F9FCFA; border:1px solid var(--f-line-soft); }
.cc-h{ display:flex; align-items:center; gap:6px; font-size:13px; font-weight:900; color:var(--f-ink); text-decoration:none; }
.cc-h i{ width:8px; height:8px; border-radius:3px; }
.cc-h em{ font-style:normal; font-size:10.5px; font-weight:600; color:var(--f-ink4); }
.cc-b{ display:flex; flex-direction:column; gap:5px; margin-top:9px; }
.cc-i{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--f-ink3); }
.cc-i em{ flex:1 1 auto; min-width:0; font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cc-i b{ font-size:11.5px; font-weight:900; color:var(--sc-p2); font-variant-numeric:tabular-nums; }
.cc-none{ font-size:11px; color:var(--f-ink4); }

/* ---------- 24.6 板块互链 ---------- */
.sec-sib{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:16px; }
.sec-sib .sb{ position:relative; display:flex; align-items:center; gap:16px; padding:18px 22px;
	border-radius:16px; text-decoration:none; overflow:hidden; transition:.22s; }
.sec-sib .sb-news{ background:linear-gradient(135deg,#0a2c22,#0d1f2c); }
.sec-sib .sb-edu{ background:linear-gradient(135deg,#170f34,#101a38); }
.sec-sib .sb-biz{ background:linear-gradient(135deg,#2c1a06,#131a26); }
.sec-sib .sb:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(6,30,22,.20); }
.sb-l{ flex:0 0 auto; }
.sb-en{ display:block; font-size:10.5px; letter-spacing:2px; color:rgba(255,255,255,.35); }
.sb-l b{ display:block; margin-top:3px; font-size:22px; font-weight:900; color:#fff; }
.sb-l em{ display:block; margin-top:5px; font-style:normal; font-size:12px; color:rgba(255,255,255,.5); }
.sb-r{ flex:1 1 auto; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.sb-r span{ padding:3px 9px; border-radius:7px; font-size:11px; color:rgba(255,255,255,.62);
	background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.09); }
.sb-arw{ flex:0 0 auto; font-style:normal; font-size:18px; color:rgba(255,255,255,.4); transition:.22s; }
.sec-sib .sb:hover .sb-arw{ color:#fff; transform:translateX(4px); }

.sec-back{ display:flex; align-items:center; justify-content:center; gap:18px; padding:22px 0 6px; }
.sec-back a{ padding:7px 18px; border-radius:999px; font-size:12.5px; color:var(--f-ink3) !important;
	text-decoration:none; background:#fff; border:1px solid var(--f-line); transition:.2s; }
.sec-back a:hover{ color:var(--sc-p2) !important; border-color:var(--sc-p2); }

/* ---------- 24.7 响应式 ---------- */
@media (max-width:1420px){
	.sec-hero-in{ flex-direction:column; gap:22px; }
	.sec-hero-r{ flex:1 1 auto; width:100%; }
	.sec-ai-grid{ grid-template-columns:1fr 1fr; }
	.sec-panel-hot{ grid-column:span 2; }
	.sec-wall-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sec-catgrid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1024px){
	.sec-hero{ padding:24px 22px 0; }
	.sec-hero-l h1{ font-size:34px; }
	.sec-slogan{ font-size:16px; }
	.sec-chips{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sec-ai-grid{ grid-template-columns:1fr; }
	.sec-panel-hot{ grid-column:auto; }
	.sec-sib{ grid-template-columns:1fr; }
	.sec-ai{ padding:18px 16px 16px; }
	.sec-catzone{ padding:16px; }
}
@media (max-width:760px){
	.sec-wrap{ width:100%; max-width:100%; }
	.sec-hero{ border-radius:0; padding:18px 14px 0; }
	.sec-hero-l h1{ flex-direction:column; gap:4px; font-size:27px; }
	.sec-hero-l h1 em{ font-size:12px; letter-spacing:2px; }
	.sec-chips{ grid-template-columns:1fr; }
	.sec-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sec-dial{ height:140px; }
	.sec-dial .dcore b{ font-size:30px; }
	.sec-dial .d3{ width:170px; height:170px; }
	.sec-wall-grid{ grid-template-columns:1fr; }
	.sec-catgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.sec-trend{ gap:3px; height:150px; }
	.sec-bar{ grid-template-columns:38px minmax(0,1fr) 48px 40px; }
	.sec-bar .by{ display:none; }
	.sec-wall-hd,.sec-ai-hd{ flex-direction:column; gap:6px; }
	.sec-ai-hd .ah-r{ align-items:flex-start; }
	.sc-figst{ gap:11px; }
}

/* =====================================================================
   第 25 章：服务板块聚合页（/sector/service/）· .sv-*
   结构：.sec-wrap.sec-svc > .sec-hero / .sv-zone / .sec-ai / .sv-flowzone / .sec-sib
   ===================================================================== */

/* ---------- 25.1 主题变量（青蓝） ---------- */
.sec-svc{
	--sc-p1:#2FA8D8; --sc-p2:#1B7FB0;
	--sc-soft:rgba(47,168,216,.10); --sc-soft2:rgba(47,168,216,.26);
	--sc-glow:rgba(47,168,216,.30);
	--sc1:#2FA8D8; --sc2:#3DD68C; --sc3:#7C5CFF; --sc4:#FFA23A; --sc5:#F472B6; --sc6:#FBBF24;
	--sc-bg1:#062130; --sc-bg2:#05192b; --sc-bg3:#04121e;
}
.sec-wrap .c-expo{ background:var(--sc2); }
.sec-wrap .c-news{ background:var(--sc1); }

/* ---------- 25.2 区块标题 ---------- */
.sv-zone,.sv-flowzone{ margin-top:26px; }
.sv-hd{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; padding:0 4px; }
.sv-hd h2{ margin:0; font-size:22px; font-weight:900; color:var(--f-ink); }
.sv-hd h2 em{ font-style:normal; font-size:12px; font-weight:800; letter-spacing:1.6px; color:var(--sc-p2); margin-left:8px; }
.sv-hd p{ margin:6px 0 0; font-size:13px; color:var(--f-ink3); }
.sv-badge{ flex:0 0 auto; padding:7px 14px; border-radius:20px; font-size:12px; font-weight:800;
	color:var(--sc-p2); background:var(--sc-soft); border:1px solid var(--sc-soft2); }

/* ---------- 25.3 四大服务卡片 ---------- */
.sv-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

.sv-card{ position:relative; overflow:hidden; display:flex; flex-direction:column;
	padding:22px 24px 20px; border-radius:16px; background:#fff;
	border:1px solid var(--f-line); box-shadow:0 4px 18px rgba(9,30,44,.05);
	--svc:var(--sc1);
	transition:transform .25s, box-shadow .25s, border-color .25s; }
.sv-card::before{ content:''; position:absolute; left:0; top:0; right:0; height:3px;
	background:linear-gradient(90deg,var(--svc),transparent 78%); }
.sv-card::after{ content:''; position:absolute; right:-46px; top:-46px; width:150px; height:150px;
	border-radius:50%; background:var(--svc); opacity:.06; pointer-events:none; }
.sv-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(9,30,44,.12); border-color:var(--svc); }
.sv-platform{ --svc:#2FA8D8; --svc-soft:#F1F9FD; }
.sv-expo{ --svc:#3DD68C; --svc-soft:#F1FDF7; }
.sv-edu{ --svc:#7C5CFF; --svc-soft:#F6F4FF; }
.sv-shop{ --svc:#FFA23A; --svc-soft:#FFF8F0; }

/* 业务平台标识：四张 LOGO 统一画布 640x200、内容等高，此处统一按高度呈现 */
.sv-logo{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center;
	height:104px; margin:0 0 16px; border-radius:13px;
	background:var(--svc-soft); border:1px solid var(--f-line-soft); }
.sv-logo a{ display:block; max-width:86%; text-decoration:none; }
.sv-logo img{ display:block; height:74px; width:auto; max-width:100%;
	filter:drop-shadow(0 3px 8px rgba(9,30,44,.07)); }

.sv-top{ position:relative; z-index:1; display:flex; align-items:center; gap:12px; }
.sv-no{ flex:0 0 auto; width:44px; height:44px; line-height:44px; text-align:center; border-radius:12px;
	font-size:17px; font-weight:900; color:#fff; background:var(--svc);
	box-shadow:0 6px 16px -6px var(--svc); font-variant-numeric:tabular-nums; }
.sv-tt{ flex:1 1 auto; min-width:0; }
.sv-tt b{ display:block; font-size:19px; font-weight:900; color:var(--f-ink); letter-spacing:.5px; }
.sv-tt em{ display:block; font-style:normal; font-size:13px; font-weight:800; color:var(--svc); margin-top:2px; }
.sv-tag{ flex:0 0 auto; padding:4px 10px; border-radius:7px; font-size:11px; font-weight:800;
	color:var(--f-ink3); background:var(--f-line-soft); }
.sv-en{ position:relative; z-index:1; margin-top:12px;
	font-size:10.5px; font-weight:800; letter-spacing:2.4px; color:var(--f-ink4); }
.sv-slogan{ position:relative; z-index:1; margin:9px 0 0; font-size:15.5px; font-weight:900; color:var(--f-ink2); }
.sv-desc{ position:relative; z-index:1; margin:8px 0 0; font-size:13px; line-height:1.85; color:var(--f-ink3); }

.sv-feats{ position:relative; z-index:1; display:flex; flex-direction:column; gap:7px; margin-top:14px;
	padding:13px 15px; border-radius:11px; background:var(--f-line-soft); }
.sv-feats .sf{ position:relative; padding-left:15px; font-size:12.5px; line-height:1.7; color:var(--f-ink2); }
.sv-feats .sf i{ position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:var(--svc); }

.sv-stats{ position:relative; z-index:1; display:flex; gap:10px; margin-top:14px; padding-top:13px;
	border-top:1px dashed var(--f-line); }
.sv-st{ flex:1 1 0; min-width:0; text-align:center; }
.sv-st b{ display:block; font-size:15.5px; font-weight:900; color:var(--svc); font-variant-numeric:tabular-nums;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sv-st span{ display:block; margin-top:3px; font-size:11px; color:var(--f-ink4); }

.sv-go{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between;
	margin-top:16px; padding:11px 16px; border-radius:11px; text-decoration:none;
	font-size:14px; font-weight:900; color:#fff; background:var(--svc);
	box-shadow:0 8px 20px -10px var(--svc); transition:filter .2s; }
.sv-go em{ font-style:normal; transition:transform .2s; }
.sv-go:hover{ filter:brightness(1.07); }
.sv-go:hover em{ transform:translateX(4px); }

/* ---------- 25.4 会展实绩 ---------- */
.sv-mx{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mx-i{ padding:14px 8px; border-radius:12px; text-align:center;
	background:var(--sc-soft); border:1px solid var(--sc-soft2); }
.mx-i b{ display:block; font-size:19px; font-weight:900; color:var(--sc-p2); font-variant-numeric:tabular-nums; }
.mx-i span{ display:block; margin-top:4px; font-size:11.5px; color:var(--f-ink3); }
.sv-expl{ display:flex; flex-direction:column; gap:2px; margin-top:14px; }
.se-lb{ margin-bottom:5px; font-size:11.5px; font-weight:800; letter-spacing:1px; color:var(--f-ink4); }
.se-i{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:9px;
	text-decoration:none; transition:background .2s; }
.se-i:hover{ background:var(--sc-soft); }
.se-i b{ flex:1 1 auto; min-width:0; font-size:12.5px; font-weight:600; color:var(--f-ink2);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.se-i em{ flex:0 0 auto; font-style:normal; font-size:11px; color:var(--f-ink4); }

/* ---------- 25.5 服务流程 ---------- */
.sv-flow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.sfi{ position:relative; padding:20px 20px 18px; border-radius:14px; background:#fff;
	border:1px solid var(--f-line); box-shadow:0 4px 16px rgba(9,30,44,.045); }
.sfi::before{ content:''; position:absolute; left:20px; top:0; width:34px; height:3px;
	border-radius:0 0 3px 3px; background:var(--sc-p1); }
.sfn{ display:inline-block; font-size:12px; font-weight:900; letter-spacing:1.2px; color:var(--sc-p2); }
.sfi b{ display:block; margin-top:7px; font-size:16px; font-weight:900; color:var(--f-ink); }
.sfi p{ margin:8px 0 0; font-size:12.5px; line-height:1.8; color:var(--f-ink3); }

/* ---------- 25.6 响应式 ---------- */
@media (max-width:1420px){
	.sv-grid{ gap:14px; }
}
@media (max-width:1024px){
	.sv-grid{ grid-template-columns:1fr; }
	.sv-flow{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px){
	.sv-hd{ flex-direction:column; align-items:flex-start; gap:8px; }
	.sv-card{ padding:18px 16px 16px; }
	.sv-logo{ height:88px; margin-bottom:13px; border-radius:11px; }
	.sv-logo img{ height:60px; }
	.sv-flow{ grid-template-columns:1fr; }
	.sv-mx{ gap:8px; }
	.mx-i b{ font-size:16px; }
	.sv-feats{ padding:11px 12px; }
}