/*
	DESTOON Copyright (C)2008-2099 www.destoon.com
	This is NOT a freeware,Use is subject to license.txt
*/
.head-txt {margin-bottom:0;}

.im0 {padding:10px 0;}
.im0l {width:220px;float:left;height:532px;background:#FFFFFF;}
.im0l p {height:32px;line-height:32px;padding:0 10px 0 20px;font-size:14px;margin:0;background:#0679D4;color:#FFFFFF;}
.im0l ul {margin:10px 0;}
.im0l i {font-style:normal;font-weight:bold;float:right;color:#EEEEEE;font-family:simsun;}
.im0l strong {font-weight:normal;}
.im0l li {height:32px;line-height:32px;padding:0 10px 0 40px;font-size:14px;overflow:hidden;cursor:pointer;}
.im0l div {z-index:900;position:absolute;width:650px;height:510px;padding:10px 20px;overflow:hidden;border:#EEEEEE 1px solid;background:#FFFFFF;display:none;}
.im0l dl {margin:0;border-bottom:#EEEEEE 1px dotted;clear:both;}
.im0l dt {margin:0;padding:0;line-height:31px;font-size:14px;}
.im0l dd {margin:0;padding:0;line-height:32px;font-size:12px;}
.im0l em {font-style:normal;color:#EEEEEE;padding:0 10px;font-family:simsun;}
.im0l li:hover i {color:#FFFFFF;}
.im0l li:hover strong {color:#FFFFFF;}
.im0l li:hover div {display:block;}

.im0l .cate-0 {background:url('cate-0.png') no-repeat 10px center;}
.im0l .cate-0:hover {background:#0679D4 url('cate-0-on.png') no-repeat 10px center;}
.im0l .cate-0:hover div {margin:-42px 0 0 160px;}
.im0l .cate-1 {background:url('cate-1.png') no-repeat 10px center;}
.im0l .cate-1:hover {background:#0679D4 url('cate-1-on.png') no-repeat 10px center;}
.im0l .cate-1:hover div {margin:-74px 0 0 160px;}
.im0l .cate-2 {background:url('cate-2.png') no-repeat 10px center;}
.im0l .cate-2:hover {background:#0679D4 url('cate-2-on.png') no-repeat 10px center;}
.im0l .cate-2:hover div {margin:-106px 0 0 160px;}
.im0l .cate-3 {background:url('cate-3.png') no-repeat 10px center;}
.im0l .cate-3:hover {background:#0679D4 url('cate-3-on.png') no-repeat 10px center;}
.im0l .cate-3:hover div {margin:-138px 0 0 160px;}
.im0l .cate-4 {background:url('cate-4.png') no-repeat 10px center;}
.im0l .cate-4:hover {background:#0679D4 url('cate-4-on.png') no-repeat 10px center;}
.im0l .cate-4:hover div {margin:-170px 0 0 160px;}
.im0l .cate-5 {background:url('cate-5.png') no-repeat 10px center;}
.im0l .cate-5:hover {background:#0679D4 url('cate-5-on.png') no-repeat 10px center;}
.im0l .cate-5:hover div {margin:-202px 0 0 160px;}
.im0l .cate-6 {background:url('cate-6.png') no-repeat 10px center;}
.im0l .cate-6:hover {background:#0679D4 url('cate-6-on.png') no-repeat 10px center;}
.im0l .cate-6:hover div {margin:-234px 0 0 160px;}
.im0l .cate-7 {background:url('cate-7.png') no-repeat 10px center;}
.im0l .cate-7:hover {background:#0679D4 url('cate-7-on.png') no-repeat 10px center;}
.im0l .cate-7:hover div {margin:-266px 0 0 160px;}
.im0l .cate-8 {background:url('cate-8.png') no-repeat 10px center;}
.im0l .cate-8:hover {background:#0679D4 url('cate-8-on.png') no-repeat 10px center;}
.im0l .cate-8:hover div {margin:-298px 0 0 160px;}
.im0l .cate-9 {background:url('cate-9.png') no-repeat 10px center;}
.im0l .cate-9:hover {background:#0679D4 url('cate-9-on.png') no-repeat 10px center;}
.im0l .cate-9:hover div {margin:-330px 0 0 160px;}
.im0l .cate-10 {background:url('cate-10.png') no-repeat 10px center;}
.im0l .cate-10:hover {background:#0679D4 url('cate-10-on.png') no-repeat 10px center;}
.im0l .cate-10:hover div {margin:-362px 0 0 160px;}
.im0l .cate-11 {background:url('cate-11.png') no-repeat 10px center;}
.im0l .cate-11:hover {background:#0679D4 url('cate-11-on.png') no-repeat 10px center;}
.im0l .cate-11:hover div {margin:-394px 0 0 160px;}
.im0l .cate-12 {background:url('cate-12.png') no-repeat 10px center;}
.im0l .cate-12:hover {background:#0679D4 url('cate-12-on.png') no-repeat 10px center;}
.im0l .cate-12:hover div {margin:-426px 0 0 160px;}
.im0l .cate-13 {background:url('cate-13.png') no-repeat 10px center;}
.im0l .cate-13:hover {background:#0679D4 url('cate-13-on.png') no-repeat 10px center;}
.im0l .cate-13:hover div {margin:-458px 0 0 160px;}
.im0l .cate-14 {background:url('cate-14.png') no-repeat 10px center;}
.im0l .cate-14:hover {background:#0679D4 url('cate-14-on.png') no-repeat 10px center;}
.im0l .cate-14:hover div {margin:-490px 0 0 160px;}
.im0l .cate-15 {background:url('cate-15.png') no-repeat 10px center;}
.im0l .cate-15:hover {background:#0679D4 url('cate-15-on.png') no-repeat 10px center;}
.im0l .cate-15:hover div {margin:-522px 0 0 160px;}

.im0m {width:660px;float:left;margin:0 10px;height:532px;}
.im0a {width:650px;padding-left:10px;height:222px;margin-top:10px;background:#FFFFFF;overflow:hidden;}
.im0a div {width:120px;height:212px;margin:11px 10px 0 0;float:left;overflow:hidden;}
.im0a img {width:120px;height:200px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im0a img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.im0r {width:320px;float:left;height:532px;overflow:hidden;}
.im0u {height:300px;overflow:hidden;background:#FFFFFF;}

.im0t {height:222px;overflow:hidden;margin-top:10px;background:#FFFFFF;}
.im0t-list {height:160px;overflow:hidden;margin:10px 16px;}
.im0t-list li {height:28px;line-height:28px;overflow:hidden;}
.im0t-list li .f_r {padding-left:16px;color:#999999;}

.im0g {height:75px;overflow:hidden;padding:0 10px;}
.im0g div {width:75px;height:75px;float:left;text-align:center;padding:10px 0;}
.im0g div:hover {background:#EEEEEE;}
.im0g img {width:32px;height:32px;margin-bottom:6px;}
.im0g em {font-style:normal;background:#FF6600;border-radius:50%;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;width:16px;height:16px;line-height:16px;overflow:hidden;text-align:center;margin:0 0 0 42px;}

.ian-h {}
.ian-h ul {border-bottom:#EEEEEE 1px solid;height:32px;padding-left:16px;}
.ian-h li {border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;display:inline-block;height:31px;line-height:31px;margin-right:16px;padding:0 10px;float:left;}
.ian-h .on {border:#EEEEEE 1px solid;border-bottom:#FFFFFF 1px solid;}

.ian-b {height:66px;overflow:hidden;margin:10px 16px;}
.ian-b li {height:24px;line-height:24px;overflow:hidden;}
.ian-b li .f_r {padding-left:16px;color:#999999;}
.ian-b div {float:left;width:32px;height:32px;line-height:16px;padding:14px;text-align:center;border:#EEEEEE 2px solid;border-radius:50%;}
.ian-b div:hover {border:#FF6600 2px solid;}
.ian-b p {float:left;width:48px;height:16px;padding:24px 0;margin:2px 0 0 0;text-align:center;font-weight:bold;color:#EEEEEE;font-family:simsun;}

.im-b {overflow:hidden;border-bottom:#F6F6F6 1px solid;}
.im-l {width:220px;height:570px;float:left;background:#FFFFFF;overflow:hidden;padding:0 0 10px 0;}
.im-l p {margin:16px 20px 8px 20px;font-size:16px;}
.im-l li {width:90px;padding-left:20px;float:left;height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.im-r {width:1000px;float:left;}

.im-b-img {height:560px;background:#F6F6F6;}
.im-r-img div {width:168px;height:248px;border:#FFFFFF 1px solid;margin:10px 0 0 10px;padding:10px;float:left;background:#FFFFFF;}
.im-r-img div img {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.im-r-img div:hover {border:#EEEEEE 1px solid;box-shadow:2px 2px 10px #EEEEEE;}
.im-r-img div:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.im-r-img i {display:block;height:40px;line-height:40px;font-size:12px;font-style:normal;color:#999999;}
.im-r-img b {display:block;height:40px;line-height:40px;color:#E4393C;font-size:14px;}
.im-r-img b s {font-size:12px;text-decoration:none;}
.im-r-img b em {float:right;font-size:12px;color:#999999;font-weight:normal;font-style:normal;padding-right:4px;}
.im-r-img b span {color:#999999;font-weight:normal;}
.im-r-img p {height:36px;line-height:18px;margin:0;overflow:hidden;font-size:12px;}

.in-b {overflow:hidden;padding:0 0 6px 0;}
.in-l {width:220px;float:left;}
.in-m {width:490px;float:left;margin:0 20px;}
.in-r {width:470px;float:left;}

.in-l div {background:#F6F6F6;padding:10px 16px;margin:10px 0 0 10px;}
.in-l div:hover {background:#EEEEEE;}
.in-l div p {height:48px;line-height:24px;overflow:hidden;font-size:16px;margin:0 0 10px 0;}

.in-m h2 {text-align:left;font-size:22px;margin:10px 12px;height:48px;line-height:48px;overflow:hidden;}

.in-img {}
.in-img div {width:144px;margin:10px 10px 0 0;padding:1px;float:left;}
.in-img div:hover {background:#EEEEEE;}
.in-img div p {height:36px;line-height:18px;overflow:hidden;font-size:12px;margin:10px;}

.ic-b {overflow:hidden;padding:0 0 10px 0;}
.ic-l {width:220px;float:left;}
.ic-m {width:490px;float:left;margin:0 20px;}
.ic-r {width:470px;float:left;}

.ic-brand {background:#F6F6F6;padding:10px;margin:10px 0 0 10px;}
.ic-brand i {font-style:normal;font-size:16px;padding:0 0 10px 10px;display:block;}
.ic-brand p {margin:10px 0 0 0;padding-top:10px;text-align:center;height:88px;}
.ic-brand p:hover {background:#FFFFFF;}
.ic-brand p b {display:block;height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;font-weight:normal;}
.ic-brand #brands {height:432px;overflow:hidden;}

.ic-know-credit {background:url('ico_reward.gif') no-repeat right center;color:#999999;padding:0 16px;}

.ic-club {height:240px;overflow:hidden;margin-bottom:10px;}
.ic-club-b {padding-left:10px;overflow:hidden;}
.ic-club-b div {width:150px;height:150px;padding:20px 0;float:left;text-align:center;}
.ic-club-b div:hover {background:#F6F6F6;}
.ic-club-b div:hover img {border:#FF6600 2px solid;}
.ic-club-b img {width:86px;height:86px;border-radius:50%;padding:2px;border:#EEEEEE 2px solid;}
.ic-club-b p {height:32px;line-height:32px;overflow:hidden;font-size:14px;margin:0;}
.ic-club-b span {font-size:12px;color:#999999;}

.ilink {padding:16px;overflow:hidden;}
.ilink li {padding:0 16px 10px 0;float:left;}

.im0mall {width:990px;height:222px;overflow:hidden;position:absolute;z-index:1;background:#FFFFFF;margin-top:10px;}
.im0t-mall div {width:100px;height:160px;overflow:hidden;margin:16px 0 0 21px;float:left;}
.im0t-mall b {height:24px;line-height:24px;color:#E4393C;font-size:12px;}
.im0t-mall p {height:32px;line-height:16px;margin:0;overflow:hidden;font-size:12px;}
/* ================================================================
   首页三大专区（商务 / 学院）· 2026-10-06
   ---------------------------------------------------------------
   资讯专区由 .escreen 承载，保持主题绿；
   商务专区 .zn-biz 用暖橙金，学院专区 .zn-edu 用科技蓝，
   三区各有独立外框、顶部色条与 AI 导视卡，形成明显区分。
   ================================================================ */

/* ---------- 0. 专区外壳与色板 ---------- */
.zn { width: var(--f-content); max-width: 100%; margin: 0 auto; position: relative; }
.zn-biz { --zc: #E06A0C; --zc1: #FF9A3D; --zc2: #FFCB6B; --zcr: 230, 106, 12; }
.zn-edu { --zc: #1D6BE8; --zc1: #3B82F6; --zc2: #7DD3FC; --zcr: 29, 107, 232; }
.zn {
	--zc-soft: rgba(var(--zcr), .055);
	--zc-glow: rgba(var(--zcr), .20);
	--zc-line: rgba(var(--zcr), .22);
}
.zn-box {
	position: relative;
	border-radius: var(--f-radius-lg);
	background: #FFFFFF;
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow);
	overflow: hidden;
}
.zn-box::before {
	content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; z-index: 3;
	background: linear-gradient(90deg, var(--zc1), var(--zc2) 52%, rgba(var(--zcr), .12));
}
.zn-box::after {
	content: ''; position: absolute; right: -110px; top: -150px; width: 400px; height: 400px;
	border-radius: 50%; pointer-events: none; z-index: 0;
	background: radial-gradient(circle, var(--zc-glow), transparent 66%);
}
/* 四角命令框 */
.zn-cn { position: absolute; width: 20px; height: 20px; z-index: 3; pointer-events: none; }
.zn-cn.tl { top: 15px; left: 15px; border-left: 2.5px solid var(--zc-line); border-top: 2.5px solid var(--zc-line); border-radius: 9px 0 0 0; }
.zn-cn.tr { top: 15px; right: 15px; border-right: 2.5px solid var(--zc-line); border-top: 2.5px solid var(--zc-line); border-radius: 0 9px 0 0; }
.zn-cn.bl { bottom: 15px; left: 15px; border-left: 2.5px solid var(--zc-line); border-bottom: 2.5px solid var(--zc-line); border-radius: 0 0 0 9px; }
.zn-cn.br { bottom: 15px; right: 15px; border-right: 2.5px solid var(--zc-line); border-bottom: 2.5px solid var(--zc-line); border-radius: 0 0 9px 0; }

/* ---------- 1. 专区导视头 ---------- */
.zn-hd {
	position: relative; z-index: 2;
	display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 30px;
	padding: 30px 34px 24px;
	border-bottom: 1px dashed var(--zc-line);
	background: linear-gradient(180deg, var(--zc-soft), rgba(255, 255, 255, 0) 82%);
}
.zn-idx { display: flex; align-items: center; gap: 9px; font-size: 11.5px; font-weight: 800; letter-spacing: 2.4px; color: var(--zc); }
.zn-idx em { font-style: normal; font-size: 24px; font-weight: 900; letter-spacing: 0; opacity: .28; line-height: 1; }
.zn-idx i { height: 1px; width: 76px; background: var(--zc-line); }
.zn-idx b { font-size: 13px; letter-spacing: 1.5px; }
.zn-hdL h2 { margin: 12px 0 0; font-size: 30px; font-weight: 900; color: var(--f-ink); letter-spacing: .5px; line-height: 1.26; }
.zn-hdL h2 em {
	font-style: normal; display: inline-block; margin-left: 12px; vertical-align: middle;
	font-size: 13px; font-weight: 700; letter-spacing: .8px; color: var(--zc);
	padding: 5px 13px; border-radius: 999px; background: rgba(var(--zcr), .09);
	border: 1px solid var(--zc-line);
}
.zn-lead { margin: 12px 0 0; font-size: 14px; line-height: 1.92; color: var(--f-ink2); max-width: 780px; }
.zn-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.zn-chip {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 14px; border-radius: 12px;
	background: #FFFFFF; border: 1px solid var(--f-line);
	box-shadow: 0 2px 10px rgba(18, 51, 42, .05);
	transition: transform .18s, box-shadow .18s, border-color .18s;
}
.zn-chip:hover { transform: translateY(-2px); border-color: var(--zc); box-shadow: 0 10px 22px var(--zc-glow); }
.zn-chip span { font-size: 14px; font-weight: 700; color: var(--f-ink); }
.zn-chip b { font-size: 14.5px; font-weight: 900; color: var(--zc); }
.zn-chip em { font-style: normal; font-size: 11.5px; color: var(--f-ink3); padding-left: 8px; border-left: 1px solid var(--f-line-soft); }

/* 频道小圆点 */
.zed { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--f-p1); box-shadow: 0 0 0 3px rgba(61, 214, 140, .16); }
.zed.cb0 { background: #3DD68C; box-shadow: 0 0 0 3px rgba(61, 214, 140, .16); }
.zed.cb1 { background: #3B82F6; box-shadow: 0 0 0 3px rgba(59, 130, 246, .16); }
.zed.cb2 { background: #8B5CF6; box-shadow: 0 0 0 3px rgba(139, 92, 246, .16); }
.zed.cb3 { background: #F59E0B; box-shadow: 0 0 0 3px rgba(245, 158, 11, .16); }
.zed.cb4 { background: #EC4899; box-shadow: 0 0 0 3px rgba(236, 72, 153, .16); }
.zed.cb5 { background: #06B6D4; box-shadow: 0 0 0 3px rgba(6, 182, 212, .16); }

/* ---------- 2. AI 导视卡 ---------- */
.zn-ai {
	position: relative; height: 100%; box-sizing: border-box;
	display: flex; flex-direction: column;
	border-radius: 18px; padding: 18px 20px 16px;
	background: linear-gradient(155deg, rgba(var(--zcr), .10), rgba(255, 255, 255, .97) 62%);
	border: 1px solid var(--zc-line);
	box-shadow: 0 12px 28px rgba(var(--zcr), .11);
}
.zn-ai::before {
	content: ''; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; border-radius: 0 3px 3px 0;
	background: linear-gradient(180deg, var(--zc1), var(--zc2));
}
.zai-hd { display: flex; align-items: center; gap: 9px; }
.zai-hd b { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 800; color: var(--f-ink); }
.zai-hd b i { width: 15px; height: 15px; border-radius: 50%; background: conic-gradient(from 200deg, var(--zc1), var(--zc2), var(--zc1)); box-shadow: 0 0 0 3px rgba(var(--zcr), .16); }
.zai-hd span { margin-left: auto; display: flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 700; color: var(--zc); padding: 3px 9px; border-radius: 999px; background: rgba(var(--zcr), .10); }
.zai-hd span s { width: 6px; height: 6px; border-radius: 50%; background: var(--zc); animation: z-blink 1.6s infinite; }
@keyframes z-blink { 0%, 100% { opacity: 1; } 50% { opacity: .22; } }
.zai-txt { margin: 12px 0 0; font-size: 13.5px; line-height: 1.95; color: var(--f-ink2); }
.zai-txt em { font-style: normal; font-weight: 900; font-size: 15.5px; color: var(--zc); }
.zai-kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px; }
.zai-kpi .k { padding: 9px 8px; border-radius: 11px; background: rgba(255, 255, 255, .88); border: 1px solid var(--zc-line); text-align: center; }
.zai-kpi .k b { display: block; font-size: 19px; font-weight: 900; color: var(--zc); line-height: 1.2; }
.zai-kpi .k span { font-size: 11.5px; color: var(--f-ink3); }
.zai-act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 15px; }
.zai-act > span { font-size: 11.5px; color: var(--f-ink3); }
.zai-act a { font-size: 12.5px; font-weight: 700; color: var(--zc); padding: 5px 12px; border-radius: 9px; background: rgba(255, 255, 255, .92); border: 1px solid var(--zc-line); transition: background .16s, color .16s, border-color .16s; }
.zai-act a:hover { background: var(--zc); color: #FFFFFF; border-color: var(--zc); }

/* ---------- 3. 专区主体 ---------- */
.zn-bd {
	position: relative; z-index: 2; padding: 24px 34px 28px;
	background: linear-gradient(180deg, rgba(var(--zcr), .035), rgba(var(--zcr), .012) 55%, rgba(var(--zcr), .03));
}
.zn-bd > * + * { margin-top: 22px; }
.zn-dash { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.zst {
	position: relative; display: block; padding: 15px 16px 14px; border-radius: 15px;
	background: #FFFFFF; border: 1px solid var(--f-line);
	box-shadow: 0 3px 12px rgba(18, 51, 42, .045);
	transition: transform .18s, box-shadow .18s, border-color .18s;
}
.zst:hover { transform: translateY(-3px); border-color: var(--zc); box-shadow: 0 14px 28px var(--zc-glow); }
.zst-t { display: flex; align-items: center; gap: 7px; }
.zst-t span { font-size: 13.5px; font-weight: 800; color: var(--f-ink); }
.zst-t em { font-style: normal; font-size: 11px; color: var(--f-ink3); margin-left: auto; }
.zst-v { font-size: 27px; font-weight: 900; color: var(--zc); line-height: 1.18; margin-top: 8px; letter-spacing: -.5px; }
.zst-d { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; font-size: 11.5px; }
.zst-d .n { color: var(--f-ink3); }
.zst-d .y { font-weight: 800; }
.zst-d .y.up { color: #F2545B; }
.zst-d .y.dn { color: #2BB673; }
.zst-d .y.fl { color: var(--f-ink3); }

/* ---------- 4. 快捷操作台 ---------- */
.bz-ops { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 18px; }
.ops-l, .ops-r {
	border-radius: 18px; padding: 18px 20px 20px;
	background: #FFFFFF; border: 1px solid var(--f-line);
	box-shadow: 0 4px 16px rgba(18, 51, 42, .05);
}
.ops-r { background: linear-gradient(158deg, rgba(var(--zcr), .075), #FFFFFF 66%); border-color: var(--zc-line); }
.ops-t { display: flex; align-items: baseline; gap: 10px; }
.ops-t b { font-size: 16px; font-weight: 800; color: var(--f-ink); }
.ops-t span { font-size: 12px; color: var(--f-ink3); }
.ops-btns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 15px; }
.opb {
	position: relative; display: flex; flex-direction: column;
	padding: 14px 14px 13px; border-radius: 14px; overflow: hidden;
	background: #FBFDFC; border: 1px solid var(--f-line);
	transition: transform .18s, box-shadow .18s, border-color .18s, background .18s;
}
.opb i {
	font-style: normal; width: 26px; height: 26px; border-radius: 9px;
	display: flex; align-items: center; justify-content: center;
	font-size: 17px; font-weight: 700; line-height: 1; color: #FFFFFF;
	background: linear-gradient(135deg, var(--oc1), var(--oc2));
	box-shadow: 0 4px 12px var(--ocg);
}
.opb b { font-size: 15px; font-weight: 800; color: var(--f-ink); margin-top: 9px; }
.opb em { font-style: normal; font-size: 11.5px; color: var(--f-ink3); margin-top: 2px; }
.opb:hover { transform: translateY(-3px); border-color: var(--oc1); box-shadow: 0 14px 28px var(--ocg); background: #FFFFFF; }
.o-sell { --oc1: #2BB673; --oc2: #3DD68C; --ocg: rgba(43, 182, 115, .28); }
.o-buy { --oc1: #3B82F6; --oc2: #60A5FA; --ocg: rgba(59, 130, 246, .28); }
.o-job { --oc1: #F59E0B; --oc2: #FBBF24; --ocg: rgba(245, 158, 11, .28); }
.o-res { --oc1: #8B5CF6; --oc2: #A78BFA; --ocg: rgba(139, 92, 246, .28); }

.ops-search { display: flex; gap: 10px; margin-top: 15px; }
.ops-search input {
	flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 16px; border-radius: 12px;
	font-size: 14px; color: var(--f-ink); outline: none;
	background: #FFFFFF; border: 1px solid var(--zc-line);
	transition: border-color .16s, box-shadow .16s;
}
.ops-search input::placeholder { color: var(--f-ink3); }
.ops-search input:focus { border-color: var(--zc); box-shadow: 0 0 0 4px rgba(var(--zcr), .12); }
.ops-search button {
	flex: 0 0 auto; height: 46px; padding: 0 24px; border: none; border-radius: 12px; cursor: pointer;
	font-size: 14.5px; font-weight: 800; letter-spacing: 1px; color: #FFFFFF;
	background: linear-gradient(135deg, var(--zc1), var(--zc));
	box-shadow: 0 8px 20px rgba(var(--zcr), .30);
	transition: transform .16s, box-shadow .16s, filter .16s;
}
.ops-search button:hover { transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 12px 26px rgba(var(--zcr), .42); }
.ops-hot, .ops-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 12px; font-size: 12.5px; }
.ops-hot > span, .ops-quick > span { color: var(--f-ink3); }
.ops-hot a, .ops-quick a { color: var(--f-ink2); padding: 4px 11px; border-radius: 999px; background: rgba(255, 255, 255, .92); border: 1px solid var(--f-line); transition: background .16s, color .16s, border-color .16s; }
.ops-hot a:hover, .ops-quick a:hover { background: var(--zc); color: #FFFFFF; border-color: var(--zc); }
.ops-quick { border-top: 1px dashed var(--zc-line); padding-top: 12px; }

/* ---------- 5. 专区子块标题 ---------- */
.zn-st { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid var(--f-line); }
.zn-st > b { font-size: 18px; font-weight: 800; color: var(--f-ink); }
.zn-st > b::before {
	content: ''; display: inline-block; width: 4px; height: 16px; border-radius: 2px;
	margin-right: 10px; vertical-align: -2px;
	background: linear-gradient(180deg, var(--zc1), var(--zc2));
	box-shadow: 0 2px 8px rgba(var(--zcr), .5);
}
.zn-st > span { font-size: 11.5px; letter-spacing: 1.6px; font-weight: 700; color: var(--f-ink3); }
.zn-st-l { margin-left: auto; display: flex; gap: 14px; font-size: 13px; }
.zn-st-l a { color: var(--f-ink3); }
.zn-st-l a:hover { color: var(--zc); }

/* ---------- 6. 行情速览（商务专区右栏） ---------- */
.secai.orange {
	background:
		radial-gradient(300px 130px at 22% 0%, rgba(249, 158, 11, .13), transparent 68%),
		linear-gradient(165deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .7));
	border-color: rgba(230, 106, 12, .22);
}
.secai.orange .secai-hd .tag { color: #E06A0C; background: rgba(230, 106, 12, .13); }
.secai.orange .secai-hd b i { background: linear-gradient(135deg, #FF9A3D, #FFCB6B); }
.secai.orange .secai-sub { color: #B4590A; }
.mk-top { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.mk-top .k { padding: 11px 12px; border-radius: 12px; background: rgba(255, 255, 255, .92); border: 1px solid rgba(230, 106, 12, .16); }
.mk-top .k b { display: block; font-size: 21px; font-weight: 900; color: #E06A0C; line-height: 1.2; }
.mk-top .k span { font-size: 11.5px; color: var(--f-ink3); }
.mk-range { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-top: 10px; }
.mk-range .r { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; border-radius: 9px; background: rgba(255, 255, 255, .72); border: 1px solid var(--f-line); }
.mk-range .r span { font-size: 11.5px; color: var(--f-ink3); white-space: nowrap; }
.mk-range .r b { font-size: 13.5px; font-weight: 800; color: var(--f-ink); white-space: nowrap; }
.mk-list { display: flex; flex-direction: column; gap: 6px; }
.mk-list .r { display: flex; align-items: center; justify-content: space-between; padding: 7px 11px; border-radius: 9px; background: rgba(255, 255, 255, .8); border: 1px solid var(--f-line); }
.mk-list .nm { font-size: 12.5px; color: var(--f-ink2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px; }
.mk-list .vl { font-size: 13.5px; font-weight: 900; color: #E06A0C; flex: 0 0 auto; }
.mk-more { display: block; margin-top: 14px; padding: 10px; border-radius: 11px; text-align: center; font-size: 12.5px; font-weight: 700; color: #E06A0C; background: rgba(230, 106, 12, .09); border: 1px dashed rgba(230, 106, 12, .34); transition: background .16s, color .16s; }
.mk-more:hover { background: #E06A0C; color: #FFFFFF; border-style: solid; border-color: #E06A0C; }

/* ---------- 7. 会展 / 人才 双栏 ---------- */
.bz-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.bzt { border-radius: 18px; background: #FFFFFF; border: 1px solid var(--f-line); box-shadow: 0 4px 16px rgba(18, 51, 42, .05); overflow: hidden; }
.bzt-hd { display: flex; align-items: center; gap: 10px; padding: 14px 18px 12px; border-bottom: 1px solid var(--f-line); }
.bzt-hd b { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; color: var(--f-ink); }
.bzt-hd b i { width: 4px; height: 15px; border-radius: 2px; background: linear-gradient(180deg, var(--zc1), var(--zc2)); box-shadow: 0 2px 8px rgba(var(--zcr), .5); }
.bzt-sub { font-size: 11px; letter-spacing: 1.1px; font-weight: 700; color: var(--f-ink3); }
.bzt-hd > a { margin-left: auto; font-size: 12.5px; color: var(--f-ink3); }
.bzt-hd > a:hover { color: var(--zc); }
.bzt-bd { padding: 10px 14px 14px; }

.ex-item { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 12px; transition: background .16s, box-shadow .16s; }
.ex-item:hover { background: rgba(var(--zcr), .06); box-shadow: inset 3px 0 0 var(--zc1); }
.ex-date { flex: 0 0 56px; text-align: center; padding: 6px 0 5px; border-radius: 10px; background: linear-gradient(160deg, rgba(var(--zcr), .12), rgba(var(--zcr), .05)); border: 1px solid var(--zc-line); }
.ex-date b { display: block; font-size: 19px; font-weight: 900; color: var(--zc); line-height: 1.05; }
.ex-date em { font-style: normal; font-size: 10.5px; color: var(--f-ink3); }
.ex-tx { flex: 1 1 auto; min-width: 0; }
.ex-tx b { display: block; font-size: 13.5px; font-weight: 600; color: var(--f-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ex-tx em { font-style: normal; display: block; font-size: 11.5px; color: var(--f-ink3); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ex-ar, .jb-ar { flex: 0 0 auto; font-style: normal; font-size: 17px; color: var(--f-ink4); }
.ex-item:hover .ex-ar, .jb-item:hover .jb-ar { color: var(--zc); }

.jb-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; transition: background .16s, box-shadow .16s; }
.jb-item:hover { background: rgba(var(--zcr), .06); box-shadow: inset 3px 0 0 var(--zc1); }
.jb-tx { flex: 1 1 auto; min-width: 0; }
.jb-tx b { display: block; font-size: 13.5px; font-weight: 600; color: var(--f-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jb-tx em { font-style: normal; display: block; font-size: 11.5px; color: var(--f-ink3); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ex-search { display: flex; gap: 8px; margin-top: 10px; padding-top: 12px; border-top: 1px dashed var(--zc-line); }
.ex-search input { flex: 1 1 auto; min-width: 0; height: 40px; padding: 0 14px; border-radius: 10px; font-size: 13px; color: var(--f-ink); outline: none; background: #FBFDFC; border: 1px solid var(--zc-line); transition: border-color .16s, box-shadow .16s; }
.ex-search input::placeholder { color: var(--f-ink3); }
.ex-search input:focus { border-color: var(--zc); box-shadow: 0 0 0 4px rgba(var(--zcr), .10); background: #FFFFFF; }
.ex-search button { flex: 0 0 auto; height: 40px; padding: 0 20px; border: none; border-radius: 10px; cursor: pointer; font-size: 13.5px; font-weight: 800; color: #FFFFFF; background: linear-gradient(135deg, var(--zc1), var(--zc)); box-shadow: 0 6px 16px rgba(var(--zcr), .26); transition: filter .16s, transform .16s; }
.ex-search button:hover { filter: brightness(1.06); transform: translateY(-1px); }

.jb-act { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--zc-line); }
.jb-b { height: 40px; line-height: 40px; text-align: center; border-radius: 10px; font-size: 13.5px; font-weight: 800; color: #FFFFFF; background: linear-gradient(135deg, var(--zc1), var(--zc)); box-shadow: 0 6px 16px rgba(var(--zcr), .26); transition: filter .16s, transform .16s; }
.jb-b.g { color: var(--zc); background: rgba(var(--zcr), .10); border: 1px solid var(--zc-line); box-shadow: none; }
.jb-b:hover { filter: brightness(1.06); transform: translateY(-1px); }
.jb-b.g:hover { background: var(--zc); color: #FFFFFF; }

/* ---------- 8. 学院内容墙 ---------- */
.edu-wall { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ew-card { border-radius: 18px; background: #FFFFFF; border: 1px solid var(--f-line); box-shadow: 0 4px 16px rgba(18, 51, 42, .05); overflow: hidden; display: flex; flex-direction: column; }
.ew-hd { display: flex; align-items: center; gap: 8px; padding: 13px 16px 11px; border-bottom: 1px solid var(--f-line); }
.ew-hd b { font-size: 15px; font-weight: 800; color: var(--f-ink); }
.ew-hd em { font-style: normal; font-size: 11px; color: var(--f-ink3); }
.ew-hd a { margin-left: auto; font-size: 12px; color: var(--f-ink3); }
.ew-hd a:hover { color: var(--zc); }
.ew-bd { padding: 8px 12px 12px; flex: 1 1 auto; }
.ew-it { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: 9px; transition: background .16s; }
.ew-it:hover { background: rgba(var(--zcr), .06); }
.ew-no {
	flex: 0 0 18px; width: 18px; height: 18px; line-height: 18px; text-align: center;
	border-radius: 6px; font-size: 11px; font-weight: 800; font-style: normal;
	color: var(--f-ink4); background: rgba(18, 51, 42, .05);
}
.ew-no.t1 { color: #FFFFFF; background: linear-gradient(135deg, #F2545B, #FF8A8F); }
.ew-no.t2 { color: #FFFFFF; background: linear-gradient(135deg, #FF9A3D, #FFCB6B); }
.ew-no.t3 { color: #FFFFFF; background: linear-gradient(135deg, #F59E0B, #FCD34D); }
.ew-tx { flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--f-ink2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ew-it:hover .ew-tx { color: var(--zc); }
.ew-mt { flex: 0 0 auto; font-size: 11px; color: var(--f-ink4); }

/* ---------- 9. 专区收尾引流 ---------- */
.zn-ft {
	position: relative; z-index: 2;
	display: flex; align-items: center; gap: 20px;
	padding: 16px 34px 18px;
	border-top: 1px dashed var(--zc-line);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(var(--zcr), .05));
}
.zn-ft-ts { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; flex: 1 1 auto; min-width: 0; }
.zn-ft-ts b { font-size: 15px; font-weight: 800; color: var(--f-ink); padding: 4px 12px; border-radius: 999px; color: var(--zc); background: rgba(var(--zcr), .10); }
.zn-ft-ts span { font-size: 13px; color: var(--f-ink2); }
.zn-ft-ts i { font-style: normal; font-size: 12px; color: var(--f-ink3); }
.zn-ft-btn {
	flex: 0 0 auto; height: 46px; line-height: 46px; padding: 0 30px; border-radius: 13px;
	font-size: 15px; font-weight: 800; letter-spacing: .5px; color: #FFFFFF;
	background: linear-gradient(135deg, var(--zc1), var(--zc));
	box-shadow: 0 10px 24px rgba(var(--zcr), .34);
	transition: transform .18s, box-shadow .18s, filter .18s;
}
.zn-ft-btn:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 16px 34px rgba(var(--zcr), .46); }

/* ---------- 10. 响应式 ---------- */
@media (max-width: 1400px) {
	.zn-hd { grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; padding: 26px 26px 22px; }
	.zn-bd { padding: 20px 26px 24px; }
	.zn-hdL h2 { font-size: 26px; }
	.zn-dash { grid-template-columns: repeat(3, 1fr); }
	.zn-ft { padding: 15px 26px 17px; }
}
@media (max-width: 1180px) {
	.zn-hd { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.zn-ai { padding: 16px 18px 15px; }
	.bz-ops { grid-template-columns: minmax(0, 1fr); }
	.bz-two { grid-template-columns: 1fr; }
	.edu-wall { grid-template-columns: repeat(2, 1fr); }
	.ops-btns { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
	.zn-hd { padding: 22px 18px 18px; }
	.zn-bd { padding: 18px 18px 20px; }
	.zn-hdL h2 { font-size: 23px; }
	.zn-hdL h2 em { display: block; margin: 8px 0 0; width: fit-content; }
	.zn-chip em { display: none; }
	.zn-dash { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.zn-ft { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px 18px 18px; }
	.zn-ft-btn { text-align: center; width: 100%; box-sizing: border-box; }
	.ew-tx { font-size: 12.5px; }
}
@media (max-width: 620px) {
	.zn-hd { padding: 20px 14px 16px; }
	.zn-bd { padding: 16px 14px 18px; }
	.zn-hdL h2 { font-size: 21px; }
	.zai-kpi { grid-template-columns: repeat(3, 1fr); gap: 7px; }
	.zai-kpi .k b { font-size: 16px; }
	.edu-wall { grid-template-columns: 1fr; }
	.ops-btns { grid-template-columns: repeat(2, 1fr); gap: 9px; }
	.ops-search { flex-direction: column; }
	.ops-search button { width: 100%; }
	.ex-search { flex-direction: column; }
	.ex-search button { width: 100%; }
	.bz-two { gap: 14px; }
	.mk-top, .mk-range { grid-template-columns: 1fr 1fr; }
}

/* ---------- 11. 平台数据总览（资讯专区 → 商务专区 过渡带） ---------- */
.zn-ovw {
	width: var(--f-content); max-width: 100%; margin: 0 auto;
	box-sizing: border-box;
	position: relative; overflow: hidden;
	border-radius: var(--f-radius-lg);
	background: var(--f-card-3);
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow);
	padding: 20px 26px 22px;
}
.zn-ovw::before {
	content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px;
	background: linear-gradient(90deg, #3DD68C, #FF9A3D 50%, #3B82F6);
}
.ovw-hd { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 16px; border-bottom: 1px solid var(--f-line); }
.ovw-l { display: flex; align-items: baseline; gap: 10px; }
.ovw-l b { font-size: 18px; font-weight: 800; color: var(--f-ink); }
.ovw-l b::before {
	content: ''; display: inline-block; width: 4px; height: 16px; border-radius: 2px;
	margin-right: 10px; vertical-align: -2px;
	background: linear-gradient(180deg, #3DD68C, #FF9A3D 55%, #3B82F6);
	box-shadow: 0 2px 8px rgba(61, 214, 140, .4);
}
.ovw-l em { font-style: normal; font-size: 11.5px; letter-spacing: 1.8px; font-weight: 700; color: var(--f-ink3); }
.ovw-r { margin-left: auto; font-size: 12px; color: var(--f-ink3); }
.zn-ovw .edash { margin-top: 0; }
.zn-ovw .edash .estat .d { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.zn-ovw .edash .estat .d::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.zn-ovw .edash .estat .d.o { color: #C25E07; }
.zn-ovw .edash .estat .d.g { color: #1E8F5A; }
.zn-ovw .edash .estat .d.n { color: #1D6BE8; }

@media (max-width: 1400px) {
	.zn-ovw { padding: 18px 20px 20px; }
	.ovw-r { display: none; }
}
@media (max-width: 900px) {
	.zn-ovw { padding: 16px 14px 18px; }
	.ovw-l em { display: none; }
}

/* ---------- 12. 商务专区内的实时报价条（改暖橙配色，与专区主色一致） ---------- */
.zn-biz .etick {
	background: linear-gradient(90deg, rgba(230, 106, 12, .085), rgba(255, 203, 107, .05));
	border: 1px solid rgba(230, 106, 12, .20);
	box-shadow: 0 8px 24px rgba(230, 106, 12, .10);
	border-radius: 16px;
	height: 56px;
}
.zn-biz .etick .lb {
	background: linear-gradient(135deg, #FF9A3D, #E06A0C);
	box-shadow: 0 6px 16px rgba(230, 106, 12, .28);
}
.zn-biz .etick .it b {
	max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	color: #6B4A22; font-weight: 700;
}
.zn-biz .etick .it s { color: #E06A0C; font-weight: 900; }
.zn-biz .etick .it em.u { background: rgba(230, 106, 12, .14); color: #C25E07; }
.zn-biz .etick .it em.n { background: rgba(43, 182, 115, .16); color: #1E8F5A; }

/* ---------- 13. 专区内部微调 ---------- */
/* 专区内的市场区去掉外层卡片边框，避免"卡中卡"过重 */
.zn-bd > .sec-body.mkt-lay {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.zn-bd > .sec-body.mkt-lay > .im-b {
	background: #FFFFFF !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 16px rgba(18, 51, 42, .05) !important;
	padding: 16px !important;
}
.zn-bd .brandcast { margin-bottom: 0; }

/* ================================================================
   第 14 节：行业市场分类条 + 供应信息 5×2 + 行业导航拉通 + 易菇专题轮播
   （2026-10-07 · 第 40 轮）
   ================================================================ */

/* ---------- 14.1 行业市场：标题行内嵌「供应 + 9 个子类」 ---------- */
#zMarket .zn-st { flex-wrap: wrap; row-gap: 10px; }
#zMarket .mkt-cats {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	flex: 1 1 auto; min-width: 0; margin-left: 4px;
}
#zMarket .mkt-cats .mc-root {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 14px; border-radius: 999px;
	background: linear-gradient(135deg, #FF9A3D, #E06A0C); color: #fff;
	font-size: 12.5px; font-weight: 800; letter-spacing: .5px;
	text-decoration: none; white-space: nowrap;
	box-shadow: 0 3px 10px rgba(230, 106, 12, .28);
	transition: box-shadow .22s, transform .22s;
}
#zMarket .mkt-cats .mc-root::after { content: '\203A'; font-size: 15px; line-height: 1; opacity: .85; }
#zMarket .mkt-cats .mc-root:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(230, 106, 12, .4); }
#zMarket .mkt-cats .mc {
	padding: 4px 12px; border-radius: 999px;
	background: rgba(230, 106, 12, .075); color: #B85A08;
	border: 1px solid rgba(230, 106, 12, .14);
	font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap;
	transition: background .2s, color .2s, transform .2s, border-color .2s;
}
#zMarket .mkt-cats .mc:hover { background: #E06A0C; border-color: #E06A0C; color: #fff; transform: translateY(-2px); }

/* ---------- 14.2 行业市场：供应信息 5 列 × 2 行 ---------- */
#zMarket .mkt-lay > .im-b { display: flex; flex-direction: column; }
#zMarket .mkt-lay > .im-b.im-b-img {
	height: auto !important; background: transparent !important;
	flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column;
}
#zMarket .im-r { width: auto !important; float: none !important; flex: 1 1 auto; min-height: 0; display: flex; }
#zMarket .im-r-img {
	flex: 1 1 auto; min-height: 0;
	display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 1fr; gap: 14px;
}
#zMarket .im-r-img > div {
	width: auto !important; height: auto !important; float: none !important; margin: 0 !important;
	padding: 12px; border: 1px solid var(--f-line) !important; border-radius: 14px;
	background: #FFFFFF; display: flex; flex-direction: column;
	box-shadow: 0 2px 10px rgba(18, 51, 42, .04);
	transition: transform .25s, box-shadow .25s, border-color .25s;
}
#zMarket .im-r-img > div:hover {
	transform: translateY(-3px);
	border-color: rgba(230, 106, 12, .30) !important;
	box-shadow: 0 12px 26px rgba(230, 106, 12, .13);
}
#zMarket .im-r-img > div > a {
	flex: 1 1 auto; min-height: 150px;
	display: block; position: relative; overflow: hidden; border-radius: 10px;
	background: linear-gradient(160deg, #F6FBF8, #ECF5F0);
}
#zMarket .im-r-img > div > a img {
	position: absolute; left: 0; top: 0;
	width: 100% !important; height: 100% !important;
	object-fit: contain; padding: 6px; box-sizing: border-box; display: block;
}
#zMarket .im-r-img b {
	display: block; flex: 0 0 auto; height: 34px; line-height: 34px;
	color: #D93A12; font-size: 15px; font-weight: 800;
}
#zMarket .im-r-img b s { font-size: 12px; font-weight: 600; text-decoration: none; }
#zMarket .im-r-img b em { float: right; font-size: 11.5px; color: #9AA8A2; font-weight: 500; font-style: normal; padding-right: 2px; }
#zMarket .im-r-img p { flex: 0 0 auto; height: 36px; line-height: 18px; margin: 0; overflow: hidden; font-size: 12.5px; }
#zMarket .im-r-img p a { color: var(--f-ink2); text-decoration: none; }
#zMarket .im-r-img p a:hover { color: #E06A0C; }
@media (max-width: 1400px) { #zMarket .im-r-img { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px) { #zMarket .im-r-img { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { #zMarket .im-r-img { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 14.3 行业导航：两行左右拉通（按菌种品种 / 按主产省份） ---------- */
#zNav .sec-body { padding: 14px 16px; }
#zNav .navcols { display: grid; grid-template-columns: 1fr; gap: 10px; }
#zNav .navcol { display: flex; align-items: center; gap: 18px; padding: 11px 16px; }
#zNav .navcol-hd { flex: 0 0 auto; min-width: 140px; margin-bottom: 0; justify-content: flex-start; gap: 12px; }
#zNav .navchips { flex: 1 1 auto; min-width: 0; }
@media (max-width: 900px) {
	#zNav .navcol { flex-direction: column; align-items: flex-start; gap: 10px; }
	#zNav .navcol-hd { width: 100%; min-width: 0; justify-content: space-between; }
}

/* ---------- 14.4 易菇专题：单行视口 + 每 6 秒整行上翻 ---------- */
#zSpecial .sc-view { overflow: hidden; box-sizing: border-box; padding: 4px 0; }
#zSpecial .sc-grid { transition: transform .72s cubic-bezier(.77, 0, .18, 1); will-change: transform; }
#zSpecial .sc-page { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; font-weight: 700; color: var(--f-ink3); font-variant-numeric: tabular-nums; }
#zSpecial .sc-page em { font-style: normal; color: var(--f-p2); font-weight: 800; }
@media (max-width: 600px) { #zSpecial .sc-page { display: none; } }
@media (prefers-reduced-motion: reduce) { #zSpecial .sc-grid { transition: none; } }

/* ================================================================
   第 15 节：行业导航左右两组 + AI 导视收紧（单行）+ 同比独立行
   （2026-10-07 · 第 41 / 42 轮）
   ================================================================ */

/* ---------- 15.1 行业导航：按菌种品种 / 按主产省份 左右两组 ---------- */
#zNav .sec-body { padding: 14px 16px 15px; }
#zNav .navcols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
#zNav .navcol { display: block; padding: 14px 16px 12px; }
#zNav .navcol-hd { margin-bottom: 12px; }
#zNav .navchips { display: flex; flex-wrap: wrap; gap: 7px; }
@media (max-width: 900px) { #zNav .navcols { grid-template-columns: 1fr; } }

/* ---------- 15.2 同比独立一行，不再与「近 30 天」挤在一起 ---------- */
.zn .zst-d { display: block; margin-top: 7px; min-height: 21px; text-align: left; }
.zn .zst-d .y { display: inline-flex; align-items: center; line-height: 21px; padding: 0 9px; border-radius: 999px; font-size: 11.5px; }
.zn .zst-d .y.up { color: #F2545B; background: rgba(242, 84, 91, .10); }
.zn .zst-d .y.dn { color: #2BB673; background: rgba(43, 182, 115, .12); }
.zn .zst-d .y.fl { color: var(--f-ink3); background: rgba(0, 0, 0, .045); }

/* ---------- 15.3 AI 导视：去掉数字卡片后收紧 + 「你可能想做」单行 ---------- */
.zn-hdR { align-self: start; }
.zn-ai { height: auto; }
.zai-act {
	display: flex; flex-wrap: nowrap; align-items: center; gap: 6px;
	margin-top: auto; padding-top: 14px;
}
.zai-act > span { flex: 0 0 auto; white-space: nowrap; font-size: 11.5px; color: var(--f-ink3); }
.zai-act a {
	flex: 0 0 auto; white-space: nowrap;
	font-size: 12px; font-weight: 700; color: var(--zc);
	padding: 4px 9px; border-radius: 9px;
	background: rgba(255, 255, 255, .92); border: 1px solid var(--zc-line);
	transition: background .16s, color .16s, border-color .16s;
}
.zai-act a:hover { background: var(--zc); color: #FFFFFF; border-color: var(--zc); }
/* 430px 导视区容不下「你可能想做」+4 个按钮时，隐藏提示词保证仍是一行 */
@media (max-width: 1420px) { .zai-act > span { display: none; } }

/* ================================================================
   第 16 节：商务会展活动 3 卡 + 人才市场侧栏 + 学院专家照片墙 + 供货地
   （2026-10-07 · 第 43 / 44 / 45 轮）
   ================================================================ */

/* ---------- 16.1 商务：会展活动（左 · 3 条最新会展） + 人才市场（右侧栏） ---------- */
@media (min-width: 1181px) {
	.bz-two { grid-template-columns: minmax(0, 1fr) 300px; align-items: stretch; }
}
.exw3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.exw3 .ex-i {
	display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 14px;
	background: #FFFFFF; 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;
}
.exw3 .ex-i:hover { transform: translateY(-3px); border-color: var(--zc); box-shadow: 0 14px 28px var(--zc-glow); }
.exw3 .ex-pic { position: relative; flex: none; height: 118px; overflow: hidden; background: #EAF5EF; }
.exw3 .ex-pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s; }
.exw3 .ex-i:hover .ex-pic img { transform: scale(1.06); }
.exw3 .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);
}
.exw3 .ex-yr {
	position: absolute; left: 9px; top: 9px; padding: 2px 8px; border-radius: 8px;
	font-size: 11px; font-weight: 900; color: #FFFFFF; background: rgba(7, 36, 27, .66);
	font-variant-numeric: tabular-nums;
}
.exw3 .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);
}
.exw3 .ex-b { flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 11px 12px 12px; min-width: 0; }
.exw3 .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;
}
.exw3 .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; }
.exw3 .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: #B85A08; background: rgba(230, 106, 12, .10);
}
.exw3 .ex-r u {
	flex: 1; min-width: 0; text-decoration: none; color: var(--f-ink2);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.exw3 .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;
}
.exw3 .ex-f i { flex: none; font-style: normal; padding: 1px 7px; border-radius: 999px; background: rgba(230, 106, 12, .09); color: #B85A08; font-weight: 700; }
.exw3 .ex-hit { margin-left: auto; flex: none; }

/* 人才市场侧栏 */
.bz-two > .bzt:last-child .bzt-hd { padding: 13px 14px 11px; gap: 8px; }
.bz-two > .bzt:last-child .bzt-sub { display: none; }
.bz-two > .bzt:last-child .bzt-bd { display: flex; flex-direction: column; padding: 8px 10px 12px; }
.bz-two > .bzt:last-child .jb-item { padding: 8px; gap: 8px; }
.bz-two > .bzt:last-child .jb-tx b { font-size: 12.5px; }
.bz-two > .bzt:last-child .jb-tx em { font-size: 11px; }
.bz-two > .bzt:last-child .jb-act { margin-top: auto; gap: 8px; margin-top: 12px; }
.bz-two > .bzt:last-child .jb-b { height: 36px; line-height: 36px; font-size: 12.5px; padding: 0 2px; }

@media (max-width: 1180px) { .exw3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .exw3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px)  { .exw3 { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 16.2 学院专区：专家（智库成果）照片墙 ---------- */
.ew-bd-ex { padding: 10px 12px 12px; }
.ew-ex { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ew-exi {
	display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px;
	padding: 10px 4px 9px; border-radius: 12px; text-decoration: none;
	transition: background .16s, transform .16s;
}
.ew-exi:hover { background: rgba(var(--zcr), .07); transform: translateY(-2px); }
.ew-av {
	width: 56px; height: 56px; border-radius: 50%; display: block; flex: none;
	object-fit: cover; background: linear-gradient(135deg, #CFE9DD, #EAF7F1);
	border: 2px solid rgba(var(--zcr), .28); box-sizing: border-box;
}
.ew-av-t {
	display: flex; align-items: center; justify-content: center;
	font-size: 20px; font-weight: 800; color: #4A6A5E;
	border-radius: 50%; border: 2px solid rgba(var(--zcr), .28); box-sizing: border-box;
}
.ew-exi b {
	font-size: 12.5px; font-weight: 700; color: var(--f-ink); line-height: 1.35; min-height: 34px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ew-exi em { font-style: normal; font-size: 11px; color: var(--f-ink3); }
@media (max-width: 620px) { .ew-ex { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- 16.3 行业市场供应卡：供货地（替代 0询价 / 0已售） ---------- */
#zMarket .im-r-img b em.pvd {
	float: right; max-width: 104px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-size: 11px; font-weight: 600; color: #6F8A7F; padding-right: 0;
}

/* ================================================================
   第 17 节：第 47 轮 · 商务左列（供应12 + 求购6 + 我要发布）
            / 会展活动 6 卡 2 行 + 查找会展·信息 边栏 / 学院 6 条
   （2026-10-07 · 第 47 轮）
   ================================================================ */

/* ---------- 17.1 行业市场左列：求购信息（最新 6 条 · 1 行） ---------- */
#zMarket .mkt-buy {
	margin-top: 15px; padding-top: 14px;
	border-top: 1px dashed var(--f-line-strong);
}
#zMarket .mb-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
#zMarket .mb-hd b { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 800; color: var(--f-ink); }#zMarket .mb-hd b::before {
	content: ''; flex: none; width: 4px; height: 15px; border-radius: 2px;
	background: linear-gradient(180deg, #FF9A3D, #E06A0C);
	box-shadow: 0 2px 8px rgba(230, 106, 12, .45);
}
#zMarket .mb-hd span { font-size: 10.5px; letter-spacing: 1.1px; font-weight: 700; color: var(--f-ink3); }
#zMarket .mb-hd a { margin-left: auto; font-size: 12.5px; color: var(--f-ink3); }
#zMarket .mb-hd a:hover { color: #E06A0C; }
#zMarket .mb-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
#zMarket .mb-item {
	display: flex; flex-direction: column; gap: 2px; min-width: 0;
	padding: 9px 12px; border-radius: 11px;
	background: linear-gradient(158deg, rgba(230, 106, 12, .065), rgba(230, 106, 12, .015));
	border: 1px solid rgba(230, 106, 12, .15);
	transition: transform .2s, border-color .2s, box-shadow .2s;
}
#zMarket .mb-item:hover { transform: translateY(-2px); border-color: rgba(230, 106, 12, .36); box-shadow: 0 10px 22px rgba(230, 106, 12, .13); }
#zMarket .mb-t { font-size: 12.5px; font-weight: 700; color: var(--f-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#zMarket .mb-s { font-size: 11.5px; font-weight: 700; color: #B85A08; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#zMarket .mb-d { font-size: 10.5px; color: var(--f-ink4); font-variant-numeric: tabular-nums; }
/* theme.css 有 `.im-r-img b, .im-b-img b { color: var(--f-hot) !important }` 的价格色，
   求购信息 / 我要发布 被搬进 .im-b-img 后会被一起染红 → 用更高权重拉回正常字色 */
#zMarket .im-b-img .mkt-buy b,
#zMarket .im-b-img .bz-solo b { color: var(--f-ink) !important; }
#zMarket .im-b-img .mkt-buy .mb-s { color: #B85A08 !important; }
@media (max-width: 1400px) { #zMarket .mb-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 820px)  { #zMarket .mb-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- 17.2 左列「我要发布」：内部区块（不叠卡中卡），整体贴底 ---------- */
.bz-solo { margin-top: auto; padding-top: 15px; }
.bz-solo .ops-l {
	padding: 14px 16px 16px; border-radius: 14px;
	background: linear-gradient(158deg, rgba(230, 106, 12, .07), #FFFFFF 70%);
	border: 1px solid rgba(230, 106, 12, .18);
	box-shadow: none;
}
.bz-solo .ops-t { align-items: center; }
.bz-solo .ops-t b { font-size: 15px; }
.bz-solo .ops-btns { margin-top: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.bz-solo .opb { padding: 11px 12px 10px; border-radius: 12px; }
.bz-solo .opb i { width: 23px; height: 23px; border-radius: 8px; font-size: 15px; }
.bz-solo .opb b { font-size: 13.5px; margin-top: 7px; }
.bz-solo .opb em { font-size: 11px; }
@media (max-width: 1400px) { .bz-solo .ops-btns { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- 17.3 右侧行情边栏：人才市场（沿用 .jb-* 收紧 + 按钮贴底） ---------- */
#zMarket .mkt-lay > .secai { display: flex; flex-direction: column; }
#zMarket .secai .mk-jobs { display: flex; flex-direction: column; gap: 1px; margin-top: 4px; }
#zMarket .secai .mk-jobs .jb-item { padding: 6px 8px; gap: 8px; border-radius: 9px; }
#zMarket .secai .mk-jobs .jb-tx b { font-size: 12.5px; }
#zMarket .secai .mk-jobs .jb-tx em { display: block; font-size: 11px; margin-top: 1px; }
#zMarket .secai .mk-jobs .jb-ar { font-size: 15px; }
#zMarket .secai .jb-act {
	margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
	padding-top: 11px; border-top: 1px dashed rgba(230, 106, 12, .28);
}
#zMarket .secai .jb-b {
	height: 34px; line-height: 34px; border-radius: 9px; text-align: center;
	font-size: 12.5px; font-weight: 800; color: #FFFFFF;
	background: linear-gradient(135deg, #FF9A3D, #E06A0C);
	transition: filter .16s, background .16s, color .16s;
}
#zMarket .secai .jb-b.g { color: #E06A0C; background: rgba(230, 106, 12, .10); border: 1px solid rgba(230, 106, 12, .26); }
#zMarket .secai .jb-b:hover { filter: brightness(1.06); }
#zMarket .secai .jb-b.g:hover { background: #E06A0C; color: #FFFFFF; }

/* ---------- 17.4 会展活动 6 卡 2 行 + 右侧「查找会展 / 信息」边栏 ---------- */
.exw3 { grid-auto-rows: 1fr; }
.exw3 .ex-b { gap: 5px; padding: 10px 12px 11px; }
/* 行内等高后，把「时间 / 地点」两行压到卡片底部，六张卡的字段基线一致 */
.exw3 .ex-t { margin-bottom: auto; }
/* 第 48 轮：右栏底部新增「会展动态」后重新撑满，与左侧会展活动等高 */
@media (min-width: 1181px) { .bz-two { align-items: stretch; } }
.bz-two > .bzt:last-child .bzt-bd { padding: 12px 14px 14px; }
.bz-two > .bzt:last-child .ops-search { margin-top: 0; }
.bz-two > .bzt:last-child .ops-search input { height: 42px; padding: 0 13px; font-size: 13px; border-radius: 10px; }
.bz-two > .bzt:last-child .ops-search button { height: 42px; padding: 0 15px; font-size: 13.5px; border-radius: 10px; letter-spacing: .5px; }
.bz-two > .bzt:last-child .ops-hot { gap: 6px; margin-top: 14px; font-size: 12px; }
.bz-two > .bzt:last-child .ops-hot > span,
.bz-two > .bzt:last-child .ops-quick > span { flex: 0 0 100%; font-size: 11px; font-weight: 800; letter-spacing: .5px; }
.bz-two > .bzt:last-child .ops-hot a,
.bz-two > .bzt:last-child .ops-quick a { padding: 4px 10px; font-size: 12px; }
.bz-two > .bzt:last-child .ops-quick { margin-top: 14px; padding-top: 12px; border-top: 1px dashed rgba(230, 106, 12, .28); }

/* ---------- 17.5 学院内容墙：分类 6 条后，行内三卡底部对齐 ---------- */
.edu-wall { align-items: stretch; }
.ew-card { align-self: stretch; }
.ew-bd-ex { display: flex; flex-direction: column; }
.ew-ex { flex: 1 1 auto; align-content: stretch; }


/* ================================================================
   18. 第 48 轮 · 会展活动无图过滤 + 右侧「会展动态」+ 检索栏热门单行
   ================================================================ */

/* ---------- 18.1 会展卡标题压到 1 行（后端已只取有图记录） ---------- */
.exw3 .ex-t {
	min-height: 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------- 18.2 检索栏「热门」压到 1 行（nowrap + 尺寸收紧） ---------- */
.bz-two > .bzt:last-child .ops-hot {
	flex-wrap: nowrap;
	gap: 3px;
	margin-top: 12px;
	overflow: hidden;
}
.bz-two > .bzt:last-child .ops-hot > span {
	flex: 0 0 auto;
	margin-right: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0;
	color: var(--f-ink3);
}
.bz-two > .bzt:last-child .ops-hot a {
	flex: 0 1 auto;
	min-width: 0;
	padding: 3px 6px;
	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------- 18.3 右栏「会展动态」（第 51 轮：改为紧贴「站内直搜」下沿） ---------- */
/* .bzt 是 grid item（被 stretch 拉高），内部转 flex column 保留；
   第 51 轮起 .ops-news 不再用 margin-top:auto 贴卡底，
   改为固定间距紧跟 .ops-quick，消除两块之间的空白。 */
.bz-two > .bzt:last-child { display: flex; flex-direction: column; }
.bz-two > .bzt:last-child .bzt-bd { flex: 1 1 auto; padding-bottom: 0; }
.bz-two > .bzt:last-child .ops-news {
	margin-top: 10px;
	padding: 13px 14px 14px;
	border-top: 1px dashed rgba(230, 106, 12, .28);
}
.bz-two > .bzt:last-child .ons-hd {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 7px;
}
.bz-two > .bzt:last-child .ons-hd b {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 800;
	color: var(--f-ink);
}
.bz-two > .bzt:last-child .ons-hd b::before {
	content: '';
	flex: none;
	width: 4px;
	height: 13px;
	border-radius: 2px;
	background: linear-gradient(180deg, #F5A24B, #E06A0C);
}
.bz-two > .bzt:last-child .ons-hd span {
	font-size: 10px;
	letter-spacing: .8px;
	font-weight: 700;
	color: var(--f-ink4);
}
.bz-two > .bzt:last-child .ons-hd a {
	margin-left: auto;
	flex: none;
	font-size: 11.5px;
	color: var(--f-ink3);
}
.bz-two > .bzt:last-child .ons-hd a:hover { color: #E06A0C; }
.bz-two > .bzt:last-child .ons-list { display: flex; flex-direction: column; }
.bz-two > .bzt:last-child .ons-i {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	padding: 8px 8px 7px;
	border-radius: 9px;
	transition: background .16s, box-shadow .16s;
}
.bz-two > .bzt:last-child .ons-i:hover {
	background: rgba(230, 106, 12, .07);
	box-shadow: inset 3px 0 0 #E06A0C;
}
.bz-two > .bzt:last-child .ons-dot {
	flex: 0 0 auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(230, 106, 12, .42);
	transition: background .16s;
}
.bz-two > .bzt:last-child .ons-i:hover .ons-dot { background: #E06A0C; }
.bz-two > .bzt:last-child .ons-t {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12.5px;
	color: var(--f-ink2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bz-two > .bzt:last-child .ons-i:hover .ons-t { color: #B85A08; }
.bz-two > .bzt:last-child .ons-d {
	flex: 0 0 auto;
	font-style: normal;
	font-size: 10.5px;
	color: var(--f-ink4);
	font-variant-numeric: tabular-nums;
}

/* 窄屏右栏上下堆叠时，会展动态退回自然间距 */
@media (max-width: 1180px) {
	.bz-two > .bzt:last-child .ops-news { margin-top: 14px; }
}