/*
	易菇网 · 光感新拟态大屏主题 (emushroomF)
	================================================================
	设计语言：Luminous Neumorph Dashboard —— 浅色光感数据指挥中心
	底色：浅绿柔光 #EEF5F1
	主色：生态绿 #3DD68C / 嫩绿 #2BB673 / 天青 #5EEAD4 / 紫 #8B5CF6 / 蓝 #3B82F6
	特征：四角命令框、顶部扫描光带、刻度网格、弹性仪表盘、新拟态柔光卡片
	----------------------------------------------------------------
	本文件为「主题叠加层」，加载在 style.css 之后，用于覆盖默认视觉。
	原版 default / emushroom 皮肤完全不受影响，可随时在后台切回。
*/

/* ================================================================
   1. 设计令牌 (Design Tokens)
   ================================================================ */
:root {
	--f-p1:           #3DD68C;
	--f-p2:           #2BB673;
	--f-p3:           #5EEAD4;
	--f-p4:           #22C55E;
	--f-v1:           #8B5CF6;
	--f-v2:           #C4B5FD;
	--f-blue:         #3B82F6;
	--f-lblue:        #93C5FD;

	--f-ink:          #12332A;
	--f-ink2:         #4A6A5E;
	--f-ink3:         #8AA79C;
	--f-ink4:         #B8CFC6;

	--f-bg:           #EEF5F1;
	--f-card:         rgba(255, 255, 255, .74);
	--f-card-2:       rgba(255, 255, 255, .9);
	--f-card-3:       rgba(255, 255, 255, .96);
	--f-line:         rgba(61, 214, 140, .14);
	--f-line-soft:    rgba(18, 51, 42, .07);
	--f-line-strong:  rgba(43, 182, 115, .4);
	--f-hot:          #F2545B;

	--f-shadow:       0 8px 32px rgba(43, 182, 115, .10), 0 2px 8px rgba(18, 51, 42, .04);
	--f-shadow-lg:    0 20px 60px rgba(43, 182, 115, .16), 0 4px 16px rgba(18, 51, 42, .05);
	--f-shadow-in:    inset 0 1px 0 rgba(255, 255, 255, .9);
	--f-glow:         0 0 0 4px rgba(61, 214, 140, .12);

	--f-radius:       20px;
	--f-radius-lg:    28px;
	--f-radius-sm:    14px;
	--f-content:      1560px;
	--f-gutter:       20px;
}

/* 接管原皮肤变量 */
:root {
	--my-primary:        #2BB673;
	--my-primary-dark:   #1E8F5A;
	--my-primary-light:  #3DD68C;
	--my-secondary:      #5EEAD4;
	--my-accent:         #8B5CF6;
	--my-text:           #12332A;
	--my-text-sub:       #4A6A5E;
	--my-text-muted:     #8AA79C;
	--my-line:           rgba(61, 214, 140, .16);
	--my-line-soft:      rgba(18, 51, 42, .07);
	--my-bg:             #EEF5F1;
	--my-surface:        rgba(255, 255, 255, .74);
	--my-surface-alt:    rgba(255, 255, 255, .6);
	--my-price:          #F2545B;
	--my-warn:           #FB8C00;
}

/* ================================================================
   2. 全局基底：浅色柔光 + 光斑 + 刻度网格
   ================================================================ */
html { background: var(--f-bg); }
body {
	background: var(--f-bg);
	color: var(--f-ink);
	font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
}

body::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(760px 520px at 8% -6%, rgba(61, 214, 140, .28), transparent 62%),
		radial-gradient(680px 480px at 96% 4%, rgba(139, 92, 246, .16), transparent 62%),
		radial-gradient(700px 620px at 78% 88%, rgba(94, 234, 212, .22), transparent 62%),
		radial-gradient(620px 500px at 14% 76%, rgba(43, 182, 115, .14), transparent 62%);
}

/* 大屏刻度网格 */
body::after {
	content: '';
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: .55;
	background:
		linear-gradient(rgba(43, 182, 115, .055) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(90deg, rgba(43, 182, 115, .055) 1px, transparent 1px) 0 0 / 64px 64px;
	-webkit-mask-image: radial-gradient(circle at 50% 30%, #000 28%, transparent 88%);
	mask-image: radial-gradient(circle at 50% 30%, #000 28%, transparent 88%);
}

.head, .head_s, .head-main, .menu-wrap, .m, .m0, .foot-wrap, #destoon-space, #destoon-card,
.back2top, .head-main .m { position: relative; z-index: 2; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #E4EFE8; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--f-p1), var(--f-p2));
	border-radius: 6px;
	border: 2px solid #E4EFE8;
}
::selection { background: rgba(61, 214, 140, .32); color: var(--f-ink); }

a { color: var(--f-ink2); transition: color .22s; }
a:hover { color: var(--f-p2); }

/* ================================================================
   3. 布局容器
   ================================================================ */
.m {
	width: var(--f-content);
	max-width: 100%;
	margin: 0 auto; }
.m0 { width: 100%; }
.b10, .b20 { background: transparent !important; height: 18px; }
.head_s { background: transparent !important; }
/* 修复：原 style.css 的 .head_s 高 37px，是给 position:fixed 的 .head 占位用的空白，
   视觉上表现为 Logo 上方一条空线，浪费空间。改为 6px 呼吸间距。 */
.head_s,
#destoon-space {
	height: 6px !important;
	min-height: 0 !important;
	background: transparent !important;
}
/* 顶条改为 sticky：无需占位、滚动吸附 */
.head {
	position: sticky !important;
	top: 0;
	z-index: 120 !important;
}
.head-main, .menu-wrap, .head, .foot-wrap { background: transparent !important; }

/* ================================================================
   4. 顶部信息条
   ================================================================ */
.head {
	height: 44px;
	line-height: 44px;
	font-size: 12.5px;
	border-bottom: 1px solid rgba(18, 51, 42, .16);
	background: rgba(255, 255, 255, .62) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}
.head .head_l ul li, .head .head_r { color: var(--f-ink3); }
.head .head_l ul li a, .head .head_r a { color: var(--f-ink2); }
.head .head_l ul li a:hover, .head .head_r a:hover { color: var(--f-p2); }

/* ================================================================
   5. 主头部
   ================================================================ */
.head-main {
	background: rgba(255, 255, 255, .78) !important;
	backdrop-filter: blur(22px) saturate(160%);
	-webkit-backdrop-filter: blur(22px) saturate(160%);
	border-bottom: 1px solid rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 4px 26px rgba(43, 182, 115, .08);
}
.head-main .m { height: 86px; display: flex; align-items: center; gap: 28px; }
.logo img { max-height: 52px; }
.logo b, .logo strong { color: var(--f-ink); font-size: 23px; letter-spacing: 1px; }

/* 搜索框 */
#destoon-search, .search-inp {
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(61, 214, 140, .2) !important;
	border-radius: 16px !important;
	box-shadow: var(--f-shadow-in), 0 4px 18px rgba(43, 182, 115, .09) !important;
}
/* 原 skin 的 .search-inp input 带 background:#FFFFFF + 搜索图标，必须覆盖 */
.search-inp input, #destoon-kw {
	background: transparent !important;
	background-image: none !important;
	color: var(--f-ink) !important;
}
.search-inp input::placeholder, #destoon-kw::placeholder { color: var(--f-ink4) !important; }
/* 频道选择器（"商城"下拉）原为 #F6F6F6 灰白底 */
.search-mod {
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(61, 214, 140, .2) !important;
	border-left: none !important;
}
.search-mod input {
	background: transparent !important;
	background-image: none !important;
	color: var(--f-ink2) !important;
}
/* 高级搜索火花图标 */
.search-adv { background-color: transparent !important; }
#destoon-mod {
	background: rgba(61, 214, 140, .14) !important;
	color: var(--f-p2) !important;
	border-left: 1px solid var(--f-line) !important;
}
.search-btn input, .search-btn {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 14px 14px 0 !important;
	font-weight: 700;
	box-shadow: 0 6px 18px rgba(43, 182, 115, .32);
}
.search-btn input:hover { filter: brightness(1.06); }
.search-adv { opacity: .45; }
.search-hot a { color: var(--f-ink3); }
.search-hot a:hover { color: var(--f-p2); }

#search-tip, #search-rec, #search-mod, #destoon-card, #destoon-qrcode {
	background: var(--f-card-3) !important;
	border: 1px solid var(--f-line) !important;
	color: var(--f-ink) !important;
	box-shadow: var(--f-shadow-lg) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}
#search-tip a, #search-rec a, #search-mod a, #search-mod li { color: var(--f-ink2) !important; }
#search-tip a:hover, #search-rec a:hover, #search-mod li:hover {
	background: rgba(61, 214, 140, .14) !important;
	color: var(--f-p2) !important;
}

/* 登录注册 */
.head-user { flex: 0 0 auto; display: flex; align-items: center; gap: 12px; }
.head-user .bu-btn {
	display: inline-flex; align-items: center; justify-content: center;
	height: 40px; padding: 0 22px; border-radius: 13px;
	font-size: 14px; font-weight: 600; transition: all .2s;
	text-decoration: none;
}
.head-user .bu-login {
	background: rgba(255, 255, 255, .92) !important;
	color: var(--f-p2) !important;
	border: 1px solid var(--f-line) !important;
	box-shadow: var(--f-shadow);
}
.head-user .bu-login:hover { box-shadow: var(--f-shadow-lg); }
.head-user .bu-reg {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 6px 18px rgba(43, 182, 115, .32);
}
.head-user .bu-reg:hover { filter: brightness(1.06); }

/* ================================================================
   6. 主导航
   ================================================================ */
.menu-wrap {
	background: rgba(255, 255, 255, .58) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255, 255, 255, .72);
}
/* 关键：原 skin 的 .menu 有 background:#0679D4 + height:42px，必须一并覆盖，
   否则 .menu > ul 撑到 56px 时会露出下方 14px 蓝色条 */
.menu {
	background: transparent !important;
	height: auto !important;
	line-height: normal !important;
	overflow: visible !important;
	letter-spacing: normal !important;
}
.menu > ul { display: flex; align-items: center; gap: 2px; height: 56px; }
.menu > ul > li > a,
.menu > ul > li > a span {
	color: var(--f-ink2) !important;
	font-size: 14.5px;
	padding: 0 15px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	border-radius: 12px;
	transition: .24s;
}
.menu > ul > li > a:hover,
.menu > ul > li > a:hover span { color: var(--f-p2) !important; background: rgba(61, 214, 140, .12); }
.menu > ul > li.menuon > a,
.menu > ul > li.menuon > a span {
	color: #fff !important;
	font-weight: 700;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	box-shadow: 0 6px 16px rgba(43, 182, 115, .3);
}
.menu .sub, .menu ul li .sub, .menu > ul > li > div {
	background: var(--f-card-3) !important;
	border: 1px solid var(--f-line) !important;
	box-shadow: var(--f-shadow-lg) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}
.menu .sub a, .menu > ul > li > div a { color: var(--f-ink2) !important; }
.menu .sub a:hover, .menu > ul > li > div a:hover {
	color: var(--f-p2) !important;
	background: rgba(61, 214, 140, .13) !important;
}

/* ================================================================
   7. 通用卡片 / 板块（新拟态柔光）
   ================================================================ */
.im0, .sec-body, .im-b, .in-b, .ic-b, .sec-card, .im0g, .im0u, #ian, #itrade {
	background: var(--f-card) !important;
	border: 1px solid rgba(255, 255, 255, .8) !important;
	border-radius: var(--f-radius-lg) !important;
	box-shadow: var(--f-shadow) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}
.im0l, .im0m, .im0r, .im0t, .in-l, .in-m, .in-r, .ic-l, .ic-m, .ic-r {
	background: transparent !important;
	border-color: var(--f-line) !important;
}
.b10, .b20, .im0 > .b10 { background: transparent !important; }

/* 板块标题 */
.head-txt {
	background: transparent !important;
	border-bottom: 1px solid var(--f-line) !important;
	position: relative;
}
.head-txt strong, .head-txt b {
	color: var(--f-ink) !important;
	font-size: 19px;
	font-weight: 800;
	letter-spacing: .5px;
}
.head-txt strong::before, .head-txt b::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 17px;
	border-radius: 2px;
	margin-right: 10px;
	vertical-align: -2px;
	background: linear-gradient(180deg, var(--f-p1), var(--f-p3));
	box-shadow: 0 2px 8px rgba(61, 214, 140, .5);
}
.head-txt a, .head-txt div a { color: var(--f-ink3) !important; }
.head-txt a:hover, .head-txt div a:hover { color: var(--f-p2) !important; }
.head-txt i { color: var(--f-p2); }

/* 列表文字 */
.list-txt ul li, .im0t-list ul li { border-bottom: 1px dashed var(--f-line-soft) !important; }
.list-txt ul li a, .im0t-list ul li a { color: var(--f-ink2) !important; }
.list-txt ul li a:hover, .im0t-list ul li a:hover { color: var(--f-p2) !important; }
.list-txt ul li span, .list-txt ul li .f_r { color: var(--f-ink3) !important; }

/* tab 分栏 */
#ian-h li, #trade-h li, .tab-head ul li {
	background: rgba(255, 255, 255, .82) !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 11px;
	margin-right: 6px;
	box-shadow: var(--f-shadow-in);
}
#ian-h li a span, #trade-h li a span, .tab-head ul li a span { color: var(--f-ink3) !important; }
#ian-h li.on, #trade-h li.on, .tab-head ul li.on {
	background: linear-gradient(135deg, rgba(61, 214, 140, .22), rgba(94, 234, 212, .16)) !important;
	border-color: var(--f-line-strong) !important;
}
#ian-h li.on a span, #trade-h li.on a span, .tab-head ul li.on a span { color: var(--f-p2) !important; font-weight: 700; }

/* 会员信息块 */
.user-info { background: var(--f-card-2) !important; border: 1px solid var(--f-line) !important; }
.user-info ul li a, .user-info ul li strong { color: var(--f-ink) !important; }
.user-info ul li em a { color: var(--f-p2) !important; }

/* 快捷入口 */
.im0g a div, .im0g > a > div {
	background: rgba(255, 255, 255, .86) !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 16px !important;
	color: var(--f-ink2) !important;
	box-shadow: var(--f-shadow-in);
	transition: .24s;
}
.im0g a:hover div, .im0g > a:hover > div {
	background: #fff !important;
	border-color: var(--f-line-strong) !important;
	color: var(--f-p2) !important;
	box-shadow: 0 10px 28px rgba(43, 182, 115, .22);
	transform: translateY(-2px);
}

/* 图片卡 */
.im-r-img > div, .in-img > div, .ic-club-b > div {
	background: rgba(255, 255, 255, .78) !important;
	border: 1px solid rgba(255, 255, 255, .9) !important;
	border-radius: 16px !important;
	transition: .26s;
	overflow: hidden;
	box-shadow: var(--f-shadow-in);
}
.im-r-img > div:hover, .in-img > div:hover, .ic-club-b > div:hover {
	transform: translateY(-4px);
	border-color: var(--f-line-strong) !important;
	box-shadow: 0 16px 40px rgba(43, 182, 115, .2);
}
.im-r-img > div p a, .in-img > div p a, .in-b > div p a { color: var(--f-ink2) !important; }
.im-r-img > div p a:hover, .in-img > div p a:hover { color: var(--f-p2) !important; }
.im-r-img b, .im-b-img b { color: var(--f-hot) !important; }
.im-r-img b s, .im-b-img b s { color: var(--f-hot) !important; }
.im-r-img b em, .im-b-img b em { color: var(--f-ink3) !important; }
.im-r-img > div > a > i, .im-b-img .im-r > div i { color: var(--f-ink3) !important; }

/* 分类侧栏 */
.im-l, .im-l a, .im-l ul li a { color: var(--f-ink2) !important; }
.im-l > a p, .im-l a p { color: var(--f-ink) !important; font-weight: 800; }
.im-l ul li a:hover { color: var(--f-p2) !important; background: rgba(61, 214, 140, .12); border-radius: 8px; }

/* 品牌墙 */
#brands p { background: rgba(255, 255, 255, .82) !important; border: 1px solid var(--f-line) !important; border-radius: 12px; }
#brands p b a { color: var(--f-ink2) !important; }
#brands p b a:hover { color: var(--f-p2) !important; }
.ic-brand > a i, .ic-brand a i { color: var(--f-p2) !important; }

/* 友情链接 */
.ilink ul li a {
	background: rgba(255, 255, 255, .82) !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 8px;
	color: var(--f-ink3) !important;
	padding: 4px 12px;
}
.ilink ul li a:hover { color: var(--f-p2) !important; border-color: var(--f-line-strong) !important; }

/* ================================================================
   8. 表单 / 按钮 / 表格（内页通用）
   ================================================================ */
input[type=text], input[type=password], input[type=email], input[type=number],
textarea, select {
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 12px !important;
	color: var(--f-ink) !important;
}
input:focus, textarea:focus, select:focus {
	border-color: var(--f-line-strong) !important;
	box-shadow: 0 0 0 4px rgba(61, 214, 140, .14) !important;
	outline: none !important;
}
input::placeholder, textarea::placeholder { color: var(--f-ink4) !important; }

.btn, .btn-blue, input[type=submit], button { border-radius: 12px !important; }
.btn-blue, input[type=submit] {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	color: #fff !important;
	border: none !important;
	box-shadow: 0 6px 18px rgba(43, 182, 115, .3);
	transition: .22s;
}
.btn-blue:hover, input[type=submit]:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn, .btn-gray {
	background: rgba(255, 255, 255, .9) !important;
	color: var(--f-p2) !important;
	border: 1px solid var(--f-line) !important;
	box-shadow: var(--f-shadow-in);
}

table.tb, .tb, table[class*=list] { background: transparent !important; }
.tb th, .tb thead td, table th {
	background: rgba(61, 214, 140, .13) !important;
	color: var(--f-ink) !important;
	border-color: var(--f-line) !important;
}
.tb td, table td { border-color: var(--f-line-soft) !important; color: var(--f-ink2) !important; }
.tb tr:hover td, table tbody tr:hover td { background: rgba(61, 214, 140, .06) !important; }

.pages a, .pages span, #pages a, #pages span {
	background: rgba(255, 255, 255, .9) !important;
	border: 1px solid var(--f-line) !important;
	color: var(--f-ink2) !important;
	border-radius: 10px !important;
}
.pages a:hover, #pages a:hover { border-color: var(--f-line-strong) !important; color: var(--f-p2) !important; }
.pages span.cur, #pages span.cur, .pages b {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	color: #fff !important;
	border: none !important;
}

.msg, .tip, .alert, .destoon-msg {
	background: var(--f-card-3) !important;
	border: 1px solid var(--f-line-strong) !important;
	color: var(--f-ink) !important;
	border-radius: 14px !important;
	box-shadow: var(--f-shadow-lg);
}

.crumb, .position, #position { color: var(--f-ink3) !important; }
.crumb a, .position a, #position a { color: var(--f-ink2) !important; }
.crumb a:hover, .position a:hover { color: var(--f-p2) !important; }

.main, .content, .left, .right, .box, .side, .card {
	background: var(--f-card) !important;
	border: 1px solid rgba(255, 255, 255, .82) !important;
	border-radius: var(--f-radius-lg) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: var(--f-shadow);
}
.title, .box-head, .side-head {
	background: transparent !important;
	border-bottom: 1px solid var(--f-line) !important;
	color: var(--f-ink) !important;
}

/* ================================================================
   9. 页脚
   ================================================================ */
.foot-wrap {
	background: rgba(255, 255, 255, .72) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-top: 1px solid rgba(255, 255, 255, .8);
	margin-top: 40px;
	box-shadow: 0 -6px 30px rgba(43, 182, 115, .06);
}
.foot_page { border-bottom: 1px solid var(--f-line-soft); padding: 22px 0; }
.foot_page a { color: var(--f-ink3) !important; margin: 0 6px; }
.foot_page a:hover { color: var(--f-p2) !important; }
.foot_no a { color: var(--f-ink4) !important; }
.foot, #copyright {
	color: var(--f-ink3) !important;
	padding: 22px 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.9;
}

.back2top a {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	box-shadow: 0 8px 24px rgba(43, 182, 115, .38) !important;
	border-radius: 14px;
}

/* ================================================================
   10. 光感大屏首屏组件
   ================================================================ */
.escreen { position: relative; padding: 30px 0 36px; }
.escreen .cn {
	position: absolute; width: 40px; height: 40px;
	border-color: var(--f-p2); opacity: .9;
	filter: drop-shadow(0 0 7px rgba(43, 182, 115, .5));
	pointer-events: none;
}
.escreen .cn.tl { top: 8px; left: 4px;  border-left: 2.5px solid; border-top: 2.5px solid; border-radius: 12px 0 0 0; }
.escreen .cn.tr { top: 8px; right: 4px; border-right: 2.5px solid; border-top: 2.5px solid; border-radius: 0 12px 0 0; }
.escreen .cn.bl { bottom: 8px; left: 4px;  border-left: 2.5px solid; border-bottom: 2.5px solid; border-radius: 0 0 0 12px; }
.escreen .cn.br { bottom: 8px; right: 4px; border-right: 2.5px solid; border-bottom: 2.5px solid; border-radius: 0 0 12px 0; }
.escreen .scan {
	position: absolute; top: 8px; left: 24px; right: 24px; height: 2px;
	overflow: hidden; border-radius: 2px; pointer-events: none;
}
.escreen .scan i {
	position: absolute; top: 0; left: -30%; width: 30%; height: 100%;
	background: linear-gradient(90deg, transparent, var(--f-p1), var(--f-p3), transparent);
	box-shadow: 0 0 14px rgba(43, 182, 115, .75);
	animation: f-scanx 4.5s cubic-bezier(.5, 0, .5, 1) infinite;
}
@keyframes f-scanx { 0% { left: -30%; } 100% { left: 100%; } }

/* ---- Hero 左栏容器 ---- */
.ehero-l { min-width: 0; }

/* ---- 标签圆点（原 .ekick::before 已有，这里给内层 i 也补一份，兼容两种写法） ---- */
.ekick i {
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--f-p1); display: inline-block;
	margin-right: 2px;
	box-shadow: 0 0 0 0 rgba(61, 214, 140, .6);
	animation: f-ping 1.9s infinite;
}

/* ---- 按钮图标 ---- */
.ehero .ecta a .ico {
	font-size: 13px; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center;
	width: 18px; height: 18px;
}
.ehero .ecta .p .ico { font-size: 11px; }

/* ---- 实时数据带（跑马灯）：填充主视觉左侧留白 ---- */
.emarquee {
	margin-top: 26px;
	display: flex; align-items: center; gap: 12px;
	padding: 12px 16px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .78);
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow), var(--f-shadow-in);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	max-width: 720px;
	overflow: hidden;
}
.emarquee .mq-lb {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 12.5px; font-weight: 800;
	color: var(--f-p2); letter-spacing: .5px;
	padding-right: 12px;
	border-right: 1px solid var(--f-line);
	white-space: nowrap;
}
.emarquee .mq-lb i {
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--f-hot);
	box-shadow: 0 0 0 0 rgba(242, 84, 91, .55);
	animation: mq-ping 1.6s infinite;
}
@keyframes mq-ping {
	0% { box-shadow: 0 0 0 0 rgba(242, 84, 91, .55); }
	70% { box-shadow: 0 0 0 9px rgba(242, 84, 91, 0); }
	100% { box-shadow: 0 0 0 0 rgba(242, 84, 91, 0); }
}
.emarquee .mq-view { flex: 1 1 auto; min-width: 0; overflow: hidden; height: 22px; position: relative; }
.emarquee .mq-run {
	position: absolute; top: 0; left: 0;
	display: flex; align-items: center;
	height: 22px;
	white-space: nowrap;
	animation: mq-scroll 42s linear infinite;
}
.emarquee:hover .mq-run { animation-play-state: paused; }
@keyframes mq-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
.emarquee .mq-it {
	display: inline-flex; align-items: center; gap: 9px;
	padding: 0 20px 0 0;
	margin-right: 20px;
	font-size: 13.5px;
	color: var(--f-ink2) !important;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}
.emarquee .mq-it::after {
	content: ''; position: absolute; right: 0; top: 50%;
	width: 4px; height: 4px; border-radius: 50%;
	background: var(--f-ink4);
	transform: translateY(-50%);
}
.emarquee .mq-it b { font-weight: 600; }
.emarquee .mq-it em {
	font-style: normal; font-size: 11.5px;
	color: var(--f-ink4);
	flex: 0 0 auto;
}
.emarquee .mq-it:hover b { color: var(--f-p2) !important; }

/* 大屏边缘光角在 F 里叫 .cn，E 里叫别的，保持不动 */

.ehero {
	display: grid;
	grid-template-columns: 1fr 420px;
	gap: 46px;
	align-items: center;
	padding: 42px 0 34px;
}
@media (max-width: 1400px) { .ehero { grid-template-columns: 1fr 360px; gap: 30px; } }
@media (max-width: 1100px) { .ehero { grid-template-columns: 1fr; } .egauge { display: none; } }

.ekick {
	display: inline-flex; align-items: center; gap: 9px;
	padding: 7px 16px; border-radius: 20px;
	background: rgba(255, 255, 255, .9);
	border: 1px solid var(--f-line);
	color: var(--f-p2);
	font-size: 12.5px; font-weight: 700;
	margin-bottom: 14px;
	box-shadow: var(--f-shadow);
}
.ekick::before {
	content: ''; width: 7px; height: 7px; border-radius: 50%;
	background: var(--f-p1);
	box-shadow: 0 0 0 0 rgba(61, 214, 140, .6);
	animation: f-ping 1.9s infinite;
}
@keyframes f-ping {
	0% { box-shadow: 0 0 0 0 rgba(61, 214, 140, .6); }
	70% { box-shadow: 0 0 0 10px rgba(61, 214, 140, 0); }
	100% { box-shadow: 0 0 0 0 rgba(61, 214, 140, 0); }
}

.ehero h1 {
	font-size: 52px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -.8px;
	color: var(--f-ink);
	margin-bottom: 14px;
}
.ehero h1 .k {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: linear-gradient(100deg, rgba(61, 214, 140, .28), rgba(94, 234, 212, .2));
	border-radius: 12px;
	box-shadow: inset 0 0 0 1px rgba(61, 214, 140, .24);
	color: var(--f-ink);
}
.ehero .lead {
	font-size: 15.5px; color: var(--f-ink2); line-height: 1.95;
	max-width: 620px; margin-bottom: 28px;
}
.ehero .ecta { display: flex; gap: 12px; flex-wrap: wrap; }
.ehero .ecta a {
	height: 52px; padding: 0 28px; border-radius: 16px;
	display: inline-flex; align-items: center; gap: 8px;
	font-size: 15px; font-weight: 700; transition: .26s;
}
.ehero .ecta .p {
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2));
	color: #fff !important;
	box-shadow: 0 10px 28px rgba(43, 182, 115, .34);
}
.ehero .ecta .p:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(43, 182, 115, .46); }
.ehero .ecta .s {
	background: rgba(255, 255, 255, .92);
	color: var(--f-p2) !important;
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow-in);
}
.ehero .ecta .s:hover { transform: translateY(-3px); box-shadow: var(--f-shadow-lg); }

/* 弹性仪表盘 */
.egauge { position: relative; width: 420px; height: 384px; margin: 0 auto; }
.egauge .ring { position: absolute; border-radius: 50%; border: 2px solid rgba(61, 214, 140, .26); }
.egauge .ring.r1 { inset: 0; border-style: dashed; animation: f-spin 24s linear infinite; }
.egauge .ring.r2 { inset: 34px; border-color: rgba(94, 234, 212, .34); animation: f-spin 32s linear infinite reverse; }
.egauge .ring.r3 { inset: 70px; border-color: rgba(139, 92, 246, .22); border-style: dotted; animation: f-spin 40s linear infinite; }
.egauge .ring.r1::before {
	content: ''; position: absolute; top: -5px; left: 50%;
	width: 10px; height: 10px; border-radius: 50%;
	background: var(--f-p1); box-shadow: 0 0 16px var(--f-p1);
}
.egauge .ring.r2::after {
	content: ''; position: absolute; bottom: -4px; left: 24%;
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--f-p3); box-shadow: 0 0 14px var(--f-p3);
}
.egauge .ring.r3::before {
	content: ''; position: absolute; top: 34%; right: -3px;
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--f-v1); box-shadow: 0 0 14px var(--f-v1);
}
@keyframes f-spin { to { transform: rotate(360deg); } }

.egauge .sweep {
	position: absolute; inset: 70px; border-radius: 50%; overflow: hidden;
	background: conic-gradient(from 0deg,
		rgba(61, 214, 140, .32), rgba(94, 234, 212, .13) 48deg,
		transparent 70deg, transparent 360deg);
	animation: f-spin 5s linear infinite;
	opacity: .9;
}
.egauge .core {
	position: absolute; inset: 118px; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center;
	background: radial-gradient(circle at 34% 28%, #fff, rgba(255, 255, 255, .64) 52%, rgba(61, 214, 140, .16) 78%);
	box-shadow:
		0 24px 60px rgba(43, 182, 115, .26),
		inset 0 2px 0 rgba(255, 255, 255, .96),
		inset 0 0 42px rgba(61, 214, 140, .18),
		0 0 0 4px rgba(61, 214, 140, .1);
}
.egauge .core b {
	font-size: 44px; font-weight: 800; line-height: 1;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(100deg, var(--f-p2), var(--f-p3));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.egauge .core span {
	font-size: 11.5px; color: var(--f-ink3);
	letter-spacing: 2.5px; margin-top: 9px; font-weight: 600;
}
.egauge .core i {
	display: block; font-style: normal; font-size: 10px;
	color: var(--f-p2); letter-spacing: 1.5px;
	margin-top: 6px; font-weight: 700; opacity: .8;
}

.egauge .tag {
	position: absolute; padding: 6px 9px; border-radius: 12px;
	font-size: 11px; font-weight: 700; white-space: normal;
	width: 100px; text-align: center; line-height: 1.35;
	background: rgba(255, 255, 255, .94);
	border: 1px solid rgba(255, 255, 255, .9);
	color: var(--f-ink2);
	box-shadow: 0 8px 24px rgba(43, 182, 115, .16), var(--f-shadow-in);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.egauge .tag b { color: var(--f-p2); font-weight: 800; font-size: 13.5px; }
.egauge .tag.v b { color: var(--f-v1); }
.egauge .tag.a b { color: #D98A00; }
.egauge .tag.g b { color: var(--f-blue); }
.egauge .tag .ts { display: block; font-size: 10px; font-weight: 600; color: var(--f-ink3); margin-top: 2px; }

/* KPI 卡组 */
.edash { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 8px; }
@media (max-width: 1400px) { .edash { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px)  { .edash { grid-template-columns: repeat(2, 1fr); } }

.estat {
	position: relative;
	background: var(--f-card);
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: var(--f-radius);
	padding: 20px 18px;
	overflow: hidden;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: var(--f-shadow), var(--f-shadow-in);
	transition: .3s;
}
.estat:hover {
	transform: translateY(-5px);
	box-shadow: var(--f-shadow-lg);
}
.estat::before {
	content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
	background: linear-gradient(180deg, var(--f-p1), var(--f-p3));
	opacity: .9;
}
.estat::after {
	content: ''; position: absolute; right: -34px; top: -34px;
	width: 96px; height: 96px; border-radius: 50%;
	background: radial-gradient(circle, rgba(61, 214, 140, .26), transparent 70%);
	transition: .4s;
}
.estat:hover::after { transform: scale(1.6); }
.estat .k {
	font-size: 11.5px; color: var(--f-ink3); font-weight: 700;
	letter-spacing: .5px; margin-bottom: 12px;
	display: flex; justify-content: space-between; align-items: center;
}
.estat .k .sp {
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--f-p1);
	box-shadow: 0 0 0 3px rgba(61, 214, 140, .2);
}
.estat .v {
	font-size: 30px; font-weight: 800; line-height: 1;
	color: var(--f-ink);
	display: flex; align-items: baseline; gap: 3px;
	font-variant-numeric: tabular-nums;
}
.estat .v i {
	font-size: 12px; font-weight: 600; font-style: normal;
	color: var(--f-ink3); position: relative; top: -1px;
}
.estat .d { font-size: 11.5px; color: var(--f-ink3); margin-top: 10px; font-weight: 600; }
.estat .d.u { color: var(--f-hot); }
.estat .d.n { color: var(--f-p2); }
.estat .d.b { color: var(--f-blue); }

/* 实时报价条 */
.etick {
	margin-top: 18px;
	background: var(--f-card);
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: var(--f-radius);
	height: 58px;
	display: flex; align-items: center; overflow: hidden;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: var(--f-shadow), var(--f-shadow-in);
}
.etick .lb {
	flex-shrink: 0; height: 100%;
	display: flex; align-items: center; padding: 0 24px;
	font-size: 13px; font-weight: 800; letter-spacing: 1px;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2));
	color: #fff;
}
.etick .track { flex: 1; overflow: hidden; }
.etick .run {
	display: flex; gap: 40px; padding-left: 26px; white-space: nowrap;
	animation: f-run 46s linear infinite;
}
.etick .run:hover { animation-play-state: paused; }
@keyframes f-run { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.etick .it { display: flex; align-items: center; gap: 9px; font-size: 13.5px; }
.etick .it b { color: var(--f-ink2); font-weight: 500; }
.etick .it s { text-decoration: none; color: var(--f-ink); font-weight: 800; }
.etick .it em { font-style: normal; font-size: 11.5px; padding: 2px 8px; border-radius: 8px; font-weight: 700; }
.etick .it em.u { background: rgba(242, 84, 91, .13); color: var(--f-hot); }
.etick .it em.n { background: rgba(61, 214, 140, .18); color: var(--f-p2); }

/* 监控三件套 */
.emonitor { margin-top: 18px; display: grid; grid-template-columns: 1.45fr 1fr 1.05fr; gap: 18px; }
@media (max-width: 1200px) { .emonitor { grid-template-columns: 1fr 1fr; } }
@media (max-width: 820px)  { .emonitor { grid-template-columns: 1fr; } }

.embox {
	background: var(--f-card);
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: var(--f-radius);
	overflow: hidden; position: relative;
	display: flex; flex-direction: column;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: var(--f-shadow), var(--f-shadow-in);
}
.embox::before {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
	background: linear-gradient(90deg, var(--f-p1), var(--f-p3), transparent);
}
.embox-hd {
	padding: 15px 22px; display: flex; justify-content: space-between; align-items: center;
	gap: 12px; border-bottom: 1px solid var(--f-line);
	background: rgba(255, 255, 255, .5);
	position: relative; z-index: 2;
}
.embox-hd b {
	font-size: 14.5px; font-weight: 800; color: var(--f-ink);
	display: flex; align-items: center; gap: 9px; white-space: nowrap;
	position: relative; z-index: 2;
}
.embox-hd b .dt {
	width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p3));
	box-shadow: 0 0 0 3px rgba(61, 214, 140, .18);
	animation: f-ping 2s infinite;
}
.embox-hd .rt { font-size: 11.5px; color: var(--f-ink3); font-weight: 600; white-space: nowrap; }
.embox-bd { padding: 16px 22px 20px; flex: 1; }

/* 产能条 */
.erank { display: flex; flex-direction: column; gap: 9px; }
.erank .r { display: grid; grid-template-columns: 68px 1fr 62px; gap: 12px; align-items: center; font-size: 12.5px; }
.erank .r .nm { color: var(--f-ink2); font-weight: 600; }
.erank .r .bar {
	height: 10px; border-radius: 6px;
	background: rgba(61, 214, 140, .13);
	overflow: hidden;
	box-shadow: inset 0 1px 2px rgba(18, 51, 42, .07);
}
.erank .r .bar i {
	display: block; height: 100%; border-radius: 6px;
	background: linear-gradient(90deg, var(--f-p1), var(--f-p3));
	box-shadow: 0 2px 8px rgba(61, 214, 140, .4);
	animation: f-grow 1.5s cubic-bezier(.2, .8, .3, 1) both;
}
@keyframes f-grow { from { width: 0 !important; } }
.erank .r .vl { color: var(--f-p2); font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }

/* 热度柱 */
.eradar { display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; height: 132px; }
.eradar .col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 7px; height: 100%; justify-content: flex-end; }
.eradar .col .vl { font-size: 10.5px; color: var(--f-ink3); font-weight: 700; }
.eradar .col .bx {
	width: 100%; max-width: 26px; border-radius: 8px 8px 4px 4px;
	background: linear-gradient(180deg, var(--f-p3), var(--f-p1));
	box-shadow: 0 4px 12px rgba(61, 214, 140, .34);
	animation: f-hgt 1.4s cubic-bezier(.2, .8, .3, 1) both;
}
@keyframes f-hgt { from { height: 0 !important; } }
.eradar .col:nth-child(2n) .bx { background: linear-gradient(180deg, var(--f-lblue), var(--f-blue)); box-shadow: 0 4px 12px rgba(59, 130, 246, .3); }
.eradar .col:nth-child(3n) .bx { background: linear-gradient(180deg, var(--f-v2), var(--f-v1)); box-shadow: 0 4px 12px rgba(139, 92, 246, .3); }
.eradar .col .nm { font-size: 10.5px; color: var(--f-ink3); font-weight: 600; white-space: nowrap; }

/* 实时日志流（浅色渐隐） */
.elogs { height: 172px; overflow: hidden; position: relative; font-size: 12px; }
.elogs::after {
	content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40px;
	background: linear-gradient(transparent, rgba(255, 255, 255, .92));
	pointer-events: none;
}
.elogs .ln {
	display: flex; align-items: center; gap: 9px;
	padding: 5px 0; border-bottom: 1px dashed rgba(61, 214, 140, .14);
	animation: f-slide .5s ease both;
}
@keyframes f-slide { from { opacity: 0; transform: translateY(-8px); } }
.elogs .ln .tm { color: var(--f-ink4); font-variant-numeric: tabular-nums; flex-shrink: 0; }
.elogs .ln .tp { flex-shrink: 0; font-size: 10.5px; font-weight: 700; padding: 1px 7px; border-radius: 6px; }
.elogs .ln .tp.q { background: rgba(61, 214, 140, .18); color: var(--f-p2); }
.elogs .ln .tp.s { background: rgba(59, 130, 246, .14); color: var(--f-blue); }
.elogs .ln .tp.w { background: rgba(242, 84, 91, .13); color: var(--f-hot); }
.elogs .ln .tx { color: var(--f-ink2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; }

/* ================================================================
   11. 响应式
   ================================================================ */
@media (max-width: 1200px) {
	:root { --f-content: 100%; }
	.ehero h1 { font-size: 42px; }
}
@media (max-width: 900px) {
	.m { max-width: calc(100% - 32px); }
	.escreen .cn { display: none; }
	.ehero { padding: 26px 0 20px; }
	.ehero h1 { font-size: 32px; }
	.ehero .lead { font-size: 14px; }
	.menu > ul { overflow-x: auto; }
	.head-main .m { height: auto; padding: 12px 0; flex-wrap: wrap; }
}

/* ================================================================
   6b. 四组下拉导航（资讯 / 学院 / 商务 / 服务）—— 四组等分设计
   ================================================================ */
.menu-ul {
	display: flex;
	align-items: stretch;
	gap: 0;
	height: 56px;
	width: 100%;
}

/* 首页按钮：定宽，不参与等分 */
.menu .mi-home {
	flex: 0 0 auto;
	padding-right: 6px;
}
.menu .mi-home .mi-a {
	width: auto;
	padding: 0 22px;
	justify-content: center;
}
.menu .mi-home .mi-a .mi-t { display: inline-flex; align-items: center; gap: 7px; }
/* 首页图标（纯 CSS 房子） */
.menu .mi-home .mi-a .mi-t::before {
	content: '';
	width: 13px; height: 11px;
	border: 2px solid currentColor;
	border-bottom: none;
	border-radius: 2px 2px 0 0;
	transform: translateY(1px);
	position: relative;
	opacity: .9;
}

/* 四大板块：等分（flex:1），中间分隔线 */
.menu .mi-drop {
	flex: 1 1 0;
	min-width: 0;
	height: 56px;
	position: relative;
	list-style: none;
	display: flex;
	align-items: stretch;
	z-index: 61;
}
.menu .mi-drop + .mi-drop::before {
	content: '';
	position: absolute;
	left: 0; top: 15px; bottom: 15px;
	width: 1px;
	background: linear-gradient(180deg, transparent, var(--f-line-strong) 22%, var(--f-line-strong) 78%, transparent);
	opacity: .55;
}

/* 主线（板块标题）：整格居中，顶部预留高亮条位置 */
.menu .mi-a {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 56px;
	padding: 0 10px;
	color: var(--f-ink2) !important;
	font-size: 15.5px;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none;
	border-radius: 0;
	transition: color .24s, background .24s;
}
/* 顶部高亮条（默认隐藏，hover/active 时展开） */
.menu .mi-a::after {
	content: '';
	position: absolute;
	left: 50%; top: 0;
	width: 0; height: 3px;
	border-radius: 0 0 3px 3px;
	background: linear-gradient(90deg, var(--f-p1), var(--f-p2));
	box-shadow: 0 0 14px rgba(57, 217, 255, .8);
	transform: translateX(-50%);
	transition: width .28s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
}
.menu .mi:hover > .mi-a::after,
.menu .mi.on > .mi-a::after { width: 62%; opacity: 1; }

/* 悬浮/展开态：文字提亮 + 底部柔光 */
.menu .mi:hover > .mi-a,
.menu .mi.on > .mi-a {
	color: #fff !important;
	background: radial-gradient(120% 120% at 50% 0%, rgba(59, 107, 255, .22), transparent 70%) !important;
	box-shadow: none !important;
}
.menu .mi:hover > .mi-a .mi-t,
.menu .mi.on > .mi-a .mi-t {
	text-shadow: 0 0 18px rgba(57, 217, 255, .55);
}

/* 箭头 */
.menu .mi-a .arw {
	width: 0; height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	opacity: .45;
	transition: transform .24s, opacity .24s;
}
.menu .mi:hover > .mi-a .arw { transform: rotate(180deg); opacity: 1; }

/* 下拉面板 */
.menu .drop {
	position: absolute;
	top: 100%; left: 50%;
	z-index: 200;
	transform: translateX(-50%) translateY(10px);
	min-width: 100%;
	padding: 14px;
	background: var(--f-card-3) !important;
	border: 1px solid var(--f-line) !important;
	border-radius: 18px;
	box-shadow: 0 26px 64px rgba(0, 6, 22, .72), 0 0 0 1px rgba(59, 107, 255, .08) inset;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	opacity: 0; visibility: hidden;
	transition: opacity .22s, transform .22s, visibility .22s;
}
.menu .mi:hover > .drop,
.menu .mi.on > .drop {
	opacity: 1; visibility: visible;
	transform: translateX(-50%) translateY(0);
}
.menu .drop-in {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	gap: 6px;
}
/* 下拉小项 */
.menu .drop .di {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 11px 14px 11px 16px;
	border-radius: 11px;
	text-decoration: none;
	transition: background .18s, transform .18s, border-color .18s;
	border: 1px solid transparent;
}
/* 左侧渐变小竖条 */
.menu .drop .di .di-d {
	position: absolute;
	left: 6px; top: 12px; bottom: 12px;
	width: 2px;
	border-radius: 2px;
	background: linear-gradient(180deg, var(--f-p1), var(--f-p2));
	opacity: 0;
	transition: opacity .2s;
}
.menu .drop .di b {
	color: var(--f-ink) !important;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .5px;
}
.menu .drop .di em {
	color: var(--f-ink3) !important;
	font-size: 11.5px;
	font-style: normal;
	letter-spacing: .3px;
}
.menu .drop .di:hover {
	background: rgba(59, 107, 255, .14) !important;
	border-color: var(--f-line-strong);
	transform: translateX(2px);
}
.menu .drop .di:hover .di-d { opacity: 1; }
.menu .drop .di:hover b { color: var(--f-p2) !important; }

/* 让 .menu / .menu-wrap 不裁切下拉 */
.menu { overflow: visible !important; }
.menu-wrap { overflow: visible !important; }

/* ================================================================
   6c. 首屏交互式资讯封面（大图轮播 + 小图卡 + 头条榜）
   ================================================================ */
.ecover {
	display: grid;
	grid-template-columns: minmax(0, 1.62fr) minmax(0, .82fr) minmax(0, .78fr);
	gap: 18px;
	margin: 22px 0 20px;
}
.ecover, .ecover * { box-sizing: border-box; }

.ecv-main {
	position: relative; height: 386px; border-radius: 22px; overflow: hidden;
	border: 1px solid var(--f-line);
	background: #DCEBE2;
	box-shadow: var(--f-shadow-lg);
}
.ecv-track { position: relative; width: 100%; height: 100%; }
.ecv-slide {
	position: absolute; inset: 0; display: block; text-decoration: none;
	opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s;
}
.ecv-slide.on { opacity: 1; visibility: visible; }
.ecv-slide img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.02); transition: transform 6s linear; }
.ecv-slide.on img { transform: scale(1.09); }
.ecv-shade {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(18,51,42,0) 32%, rgba(18,51,42,.58) 66%, rgba(18,51,42,.88) 100%);
}
.ecv-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 28px 26px; }
.ecv-cat {
	display: inline-block; padding: 4px 12px; margin-bottom: 10px;
	font-size: 12px; font-weight: 700; letter-spacing: .5px;
	color: #fff; border-radius: 20px;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2));
	box-shadow: 0 4px 14px rgba(43, 182, 115, .4);
}
.ecv-cap h2 {
	margin: 0 0 8px; font-size: 25px; line-height: 1.34; font-weight: 700;
	color: #fff; letter-spacing: -.4px;
	text-shadow: 0 2px 18px rgba(18, 51, 42, .5);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ecv-cap p {
	margin: 0 0 10px; font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.82);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ecv-meta { display: flex; gap: 16px; font-size: 12px; color: rgba(255,255,255,.78); }
.ecv-dots { position: absolute; right: 22px; bottom: 26px; display: flex; gap: 7px; z-index: 4; }
.ecv-dots i {
	width: 8px; height: 8px; border-radius: 20px; cursor: pointer;
	background: rgba(255,255,255,.42); transition: .3s;
}
.ecv-dots i.on { width: 26px; background: #fff; }

.ecv-side { display: flex; flex-direction: column; gap: 12px; height: 386px; }
.ecv-card {
	flex: 1; min-height: 0; display: flex; gap: 12px; align-items: center;
	padding: 11px; border-radius: 16px; text-decoration: none;
	background: var(--f-card-2) !important;
	border: 1px solid var(--f-line-soft);
	box-shadow: var(--f-shadow);
	transition: .26s;
}
.ecv-card:hover { transform: translateX(4px); box-shadow: var(--f-shadow-lg); border-color: var(--f-line-strong); }
.ecv-thumb {
	position: relative; flex: 0 0 96px; height: 100%; max-height: 84px;
	border-radius: 12px; overflow: hidden; background: rgba(61,214,140,.14);
	display: flex; align-items: center; justify-content: center;
}
.ecv-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ecv-ph { font-size: 15px; color: var(--f-ink4); letter-spacing: 2px; }
.ecv-n {
	position: absolute; left: 0; top: 0; z-index: 2;
	width: 21px; height: 21px; line-height: 21px; text-align: center;
	font-size: 11.5px; font-weight: 700; font-style: normal; color: #fff;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2));
	border-radius: 0 0 11px 0;
}
.ecv-tx { flex: 1; min-width: 0; }
.ecv-tx h3 {
	margin: 0 0 7px; font-size: 14.5px; line-height: 1.44; font-weight: 600;
	color: var(--f-ink) !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ecv-card:hover .ecv-tx h3 { color: var(--f-p2) !important; }
.ecv-m { display: flex; gap: 10px; font-size: 11.5px; color: var(--f-ink4); }
.ecv-empty { flex:1; display:flex; align-items:center; justify-content:center; color:var(--f-ink4); font-size:13px; border:1px dashed var(--f-line); border-radius:16px; }

.ecv-rank {
	display: flex; flex-direction: column; height: 386px;
	padding: 16px 16px 14px; border-radius: 22px;
	background: var(--f-card-2) !important;
	border: 1px solid var(--f-line-soft);
	box-shadow: var(--f-shadow);
}
.ecv-rank-hd {
	display: flex; align-items: center; justify-content: space-between;
	padding-bottom: 12px; margin-bottom: 6px;
	border-bottom: 1px solid var(--f-line-soft);
}
.ecv-rank-hd b { font-size: 16px; color: var(--f-ink); letter-spacing: .5px; }
.ecv-live {
	position: relative; padding-left: 14px;
	font-size: 11px; font-weight: 700; letter-spacing: 1px; color: var(--f-p2);
}
.ecv-live::before {
	content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	width: 7px; height: 7px; border-radius: 50%; background: var(--f-p1);
	box-shadow: 0 0 0 0 rgba(61,214,140,.6); animation: f-ping 1.8s infinite;
}
.ecv-list { flex: 1; min-height: 0; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.ecv-list li {
	display: flex; align-items: center; gap: 9px;
	padding: 8px 6px; border-radius: 10px; transition: .2s;
}
.ecv-list li:hover { background: rgba(61,214,140,.12); }
.ecv-list .rk {
	flex: 0 0 19px; height: 19px; line-height: 19px; text-align: center;
	font-size: 11px; font-style: normal; font-weight: 700; color: var(--f-ink3);
	background: rgba(61,214,140,.15); border-radius: 6px;
}
.ecv-list li.top:nth-child(1) .rk { color: #fff; background: linear-gradient(135deg, #FF7B7B, #E23D3D); }
.ecv-list li.top:nth-child(2) .rk { color: #fff; background: linear-gradient(135deg, #FFC15C, #E88A00); }
.ecv-list li.top:nth-child(3) .rk { color: #fff; background: linear-gradient(135deg, var(--f-p1), var(--f-p2)); }
.ecv-list a {
	flex: 1; min-width: 0; font-size: 13.5px; line-height: 1.4; color: var(--f-ink2);
	text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ecv-list li:hover a { color: var(--f-p2); }
.ecv-list .hits { flex: 0 0 auto; font-size: 11px; color: var(--f-ink4); }
.ecv-more {
	margin-top: 8px; padding-top: 11px; text-align: center;
	font-size: 13px; color: var(--f-p2) !important; text-decoration: none;
	border-top: 1px solid var(--f-line-soft); transition: .2s;
}
.ecv-more:hover { color: var(--f-p1) !important; }

@media (max-width: 1280px) {
	.ecover { grid-template-columns: 1fr 1fr; }
	.ecv-rank { grid-column: 1 / -1; height: auto; }
	.ecv-list { max-height: 240px; }
}
@media (max-width: 900px) {
	.ecover { grid-template-columns: 1fr; }
	.ecv-main { height: 260px; }
	.ecv-side, .ecv-rank { height: auto; }
}

/* 修复：.menu-wrap 内的 .m 容器原为 #FFFFFF 白底，导致导航条变白 */
/* ★ 关键修复：style.css 的 .m 带 overflow:hidden，会裁切导航下拉面板。
   头部与导航容器必须放行溢出。 */
.head-main > .m,
.menu-wrap > .m,
.menu-wrap > .m > .menu,
.menu-wrap > .m > .menu > .menu-ul {
	overflow: visible !important;
}
.head-main > .m { overflow: visible !important; }
.menu-wrap > .m { background: transparent !important; }
.head-main > .m { background: transparent !important; }
.head > .m { background: transparent !important; }

/* ================================================================
   6d. 搜索框响应式收缩（笔记本 / 小屏不再被挤压）
   ================================================================ */
/* 搜索表单作为弹性单元，可收缩；内部三段（输入/频道/按钮）按比例分配 */
.head-main form#destoon-search {
	flex: 0 0 auto !important;
	min-width: 0;
	display: flex !important;
	align-items: center;
	width: 620px !important;
	max-width: 100%;
	margin: 0 auto;
	float: none !important;
	overflow: visible;
}
.head-main form#destoon-search .search-inp {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0;
	float: none !important;
	margin: 0 !important;
	height: 38px !important;
	display: flex;
	align-items: center;
}
.head-main form#destoon-search .search-inp input,
.head-main form#destoon-search #destoon-kw {
	width: 100% !important;
	min-width: 0;
	height: 100%;
	padding: 0 12px !important;
	margin: 0 !important;
	box-sizing: border-box;
}
.head-main form#destoon-search .search-mod {
	flex: 0 0 auto !important;
	width: 116px !important;
	min-width: 0;
	float: none !important;
	margin: 0 !important;
	height: 38px !important;
	display: flex;
	align-items: center;
}
.head-main form#destoon-search .search-mod input,
.head-main form#destoon-search #destoon-mod {
	width: 100% !important;
	height: 100% !important;
	padding: 0 22px 0 8px !important;
	box-sizing: border-box;
}
.head-main form#destoon-search .search-btn {
	flex: 0 0 auto !important;
	width: 84px !important;
	float: none !important;
	margin: 0 !important;
	height: 38px !important;
}
.head-main form#destoon-search .search-btn input {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.head-main form#destoon-search .search-adv {
	flex: 0 0 auto !important;
	position: static !important;
	float: none !important;
	margin: 0 0 0 8px !important;
}
.head-main form#destoon-search .search-hot {
	flex: 0 0 auto !important;
	float: none !important;
	max-width: 190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 笔记本档（1366 / 1440）收紧留白 */
@media (max-width: 1500px) {
	.head-main .m { gap: 18px; }
	.head-main form#destoon-search { max-width: 560px; }
	.menu .mi-a { font-size: 15px; letter-spacing: .5px; }
}
@media (max-width: 1366px) {
	.head-main .m { gap: 14px; }
	.head-main form#destoon-search { max-width: 500px; }
	.head-main form#destoon-search .search-mod { width: 104px !important; }
	.menu .mi-a { font-size: 14.5px; }
}
@media (max-width: 1200px) {
	.head-main form#destoon-search .search-adv { display: none !important; }
}
@media (max-width: 1080px) {
	.head-main form#destoon-search { flex: 1 1 auto !important; width: auto !important; max-width: none; }
	.head-main form#destoon-search .search-mod { display: none !important; }
}

/* ================================================================
   Hero 首屏调优（F 风格）
   ================================================================ */
.ehero {
	padding: 14px 0 14px !important;
	gap: 40px !important;
}
.ehero .lead { margin-bottom: 22px !important; }
.emarquee { margin-top: 22px !important; }

/* 跑马灯：防文字重叠，固定行高 */
.emarquee .mq-view { height: 22px !important; line-height: 22px !important; }
.emarquee .mq-run { will-change: transform; }
.emarquee .mq-it,
.emarquee .mq-it b,
.emarquee .mq-it em { line-height: 22px !important; }
.emarquee .mq-it b {
	display: inline-block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}

/* 首屏 Hero 与资讯区之间收一点 */
.ecover { margin-top: 6px !important; }

/* 资讯区在无数据时的占位：避免空白大块 */
.ecv-empty {
	display: flex; align-items: center; justify-content: center;
	height: 100%; min-height: 200px;
	color: var(--f-ink4);
	font-size: 14px; letter-spacing: .5px;
}

/* ---- 跑马灯溢出修复 ---- */
.emarquee { width: 100%; }
.emarquee .mq-view { overflow: hidden !important; position: relative !important; }
.emarquee .mq-run { display: inline-flex !important; }

/* ---- 大图无缩略图时的优雅占位（渐变色块 + 纹理） ---- */
.ecv-main .ecv-slide { background: linear-gradient(135deg, #2E7D5B 0%, #1F5A42 60%, #16402F 100%); }
.ecv-main .ecv-slide:nth-child(2n) { background: linear-gradient(135deg, #2A6B8F 0%, #1E4D68 60%, #153A50 100%); }
.ecv-main .ecv-slide:nth-child(3n) { background: linear-gradient(135deg, #6B4E9E 0%, #4D3878 60%, #382858 100%); }
.ecv-main .ecv-slide:nth-child(4n) { background: linear-gradient(135deg, #B87A2E 0%, #8C5B1F 60%, #6B4415 100%); }
.ecv-main .ecv-slide .ecv-shade {
	background: linear-gradient(180deg, rgba(0,0,0,0) 34%, rgba(0,0,0,.18) 58%, rgba(0,0,0,.62) 100%);
}

/* ---- 跑马灯宽度精确化：box-sizing + 铺满左栏 ---- */
.emarquee {
	box-sizing: border-box !important;
	max-width: 100% !important;
	width: 100% !important;
}
.emarquee .mq-view { box-sizing: border-box !important; }
.emarquee .mq-run { padding-left: 0; }


/* ===== NAV-FLAT v3 ===== */
/* ============================================================
   易菇网 F 主题 · 导航栏平铺改造 v3
   目标：4 大板块（资讯/学院/商务/服务）的子栏目全部常驻显示
   版式：第一行 = 4 个板块名（平铺均分）
        第二行 = 各板块子栏目，紧跟其所属板块下方（同列对齐）
   二级项只显示主名（隐藏 em 副名 与 di-d 竖条）
   ============================================================ */

/* [已废弃] 旧版「板块名独占一行」导航规则 ——
   2026-10-05 已被第 11 节「四板块展开式（板块名靠左 + 栏目右侧 2 行）」取代，
   此处规则因选择器优先级更高会覆盖新规则，故整体移除。 */

/* ================================================================
   X. 首页空白消除 —— 固定高度容器改自适应（2026-10-05）
   原版 index.css 给这些容器硬编码了固定高度，数据行数不足时
   会留下大片空白。此处统一解除，让容器按内容撑开。
   ================================================================ */
/* 行业分类导航：原 .im-l{height:570px} —— 分类少时留白 510px */
.m > .sec-body > .im-l,
.im-l[style*="width:100%"] { height: auto !important; min-height: 0 !important; }

/* 行业市场容器：原 .im-b-img{height:560px} */
.im-b-img { height: auto !important; min-height: 0 !important; }

/* 品牌墙：原 .ic-brand #brands{height:432px} */
#brands { height: auto !important; max-height: none !important; }

/* 兼容：首页首屏原版固定高度容器（若启用） */
.im0l, .im0m, .im0r, .im0u, .im0t { height: auto !important; min-height: 0 !important; }

/* 三栏卡片等高：用 flex 让同排左右栏自动对齐，避免矮栏留白 */
.sec-body > .ic-b, .sec-body > .in-b, .sec-body > .im-b { align-items: stretch; }
.ic-l, .ic-r, .in-l, .in-r, .ic-m, .in-m { height: auto !important; }

/* 紧凑：板块之间间距收紧 */
.b10 { height: 10px !important; }

/* 品牌墙紧凑化：6 个品牌排成 2 列网格，避免左栏过长留白 */
#brands { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 8px; }
#brands p { height: auto !important; margin: 0 !important; padding: 8px 4px !important; }
#brands p img { max-width: 100%; height: auto !important; }
#brands p b { height: 26px !important; line-height: 26px !important; font-size: 12.5px !important; }
/* 品牌区外框紧凑 */
.ic-brand { padding: 12px 12px 10px !important; margin: 10px 0 0 10px !important; }


/* ================================================================
   11. 整站导航改版：四板块展开式（资讯 / 学院 / 商务 / 服务）
       —— 板块名靠左大字彩色 + 下属栏目右侧 2 行 × 2 列
       —— 覆盖 6b 节的「悬停下拉」样式
   ================================================================ */

/* 容器：由固定 56px 高改为自适应，去掉旧的等分高亮体系 */
.menu-wrap { overflow: visible !important; }
.menu { overflow: visible !important; height: auto !important; }

.menu-ul {
	display: flex !important;
	align-items: stretch !important;
	width: 100%;
	height: auto !important;
	gap: 0;
}

/* 首页按钮：保持定宽纵向居中 */
.menu .mi-home {
	flex: 0 0 auto !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 4px !important;
}
.menu .mi-home > .mi-a {
	height: auto !important;
	padding: 22px 24px !important;
	justify-content: center !important;
}
.menu .mi-home > .mi-a .mi-t { display: inline-flex; align-items: center; gap: 7px; }
.menu .mi-home > .mi-a .mi-t::before {
	content: '';
	width: 13px; height: 11px;
	border: 2px solid currentColor;
	border-bottom: none;
	border-radius: 2px 2px 0 0;
	position: relative; top: 1px;
	opacity: .88;
}

/* —— 四大板块：等分，左板块名 + 右栏目 2×2 —— */
.menu .mi-drop {
	flex: 1 1 0 !important;
	min-width: 0;
	display: grid !important;
	grid-template-columns: max-content minmax(0, 1fr) !important;
	align-items: center;
	gap: 14px;
	height: auto !important;
	padding: 14px 12px !important;
	border-left: 1px solid var(--f-line);
	position: relative;
}
.menu .mi-drop:first-of-type { border-left: none; }

/* 板块名：大字、加粗、主题色、靠左 */
.menu .mi-drop > .mi-a {
	display: block !important;
	width: max-content !important;
	max-width: 100% !important;
	justify-self: start !important;
	height: auto !important;
	padding: 0 0 0 14px !important;
	margin: 0 !important;
	justify-content: flex-start !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	letter-spacing: 4px !important;
	color: var(--f-p2) !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	white-space: nowrap;
	text-shadow: none !important;
}
.menu .mi-drop > .mi-a::before {
	content: '';
	position: absolute;
	left: 16px; top: 50%;
	transform: translateY(-50%);
	width: 5px; height: 28px;
	border-radius: 3px;
	background: linear-gradient(180deg, var(--f-p1), var(--f-p2));
}
/* 关掉旧的顶部高亮条与箭头 */
.menu .mi-drop > .mi-a::after { display: none !important; }
.menu .mi-drop > .mi-a .arw { display: none !important; }
.menu .mi-drop:hover > .mi-a { color: var(--f-p1) !important; letter-spacing: 3px; }

/* 栏目区：静态展开、2 列 × 2 行 */
.menu .mi-drop > .drop {
	position: static !important;
	top: auto !important; left: auto !important;
	transform: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	min-width: 0 !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}
.menu .mi-drop > .drop > .drop-in {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px 8px;
	line-height: 1.45 !important;
}
/* 服务板块只有 4 项：2 列 × 2 行，避免 3+1 不均衡 */
.menu .mi-drop[data-k="svc"] > .drop > .drop-in {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 栏目项：小字浅灰、行首圆点 */
.menu .mi-drop > .drop .di {
	display: block !important;
	position: relative;
	flex-direction: row !important;
	padding: 1px 2px 1px 12px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 6px !important;
	background: none !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	height: auto !important;
	min-height: 0 !important;
	color: var(--f-ink3) !important;
	font-weight: 400 !important;
	letter-spacing: .2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transform: none !important;
	transition: color .18s, background .18s;
}
.menu .mi-drop > .drop .di::before {
	content: '';
	position: absolute;
	left: 2px; top: 50%;
	transform: translateY(-50%);
	width: 4px; height: 4px;
	border-radius: 50%;
	background: var(--f-line-strong);
	transition: background .18s, transform .18s;
}
.menu .mi-drop > .drop .di:hover {
	color: var(--f-p2) !important;
	background: rgba(43, 182, 115, .10) !important;
}
.menu .mi-drop > .drop .di:hover::before {
	background: var(--f-p2);
	transform: translateY(-50%) scale(1.5);
}
.menu .mi-drop > .drop .di b { font-weight: 400 !important; color: inherit !important; font-size: 13px !important; }
.menu .mi-drop > .drop .di em { display: none !important; }
.menu .mi-drop > .drop .di .di-d { display: none !important; }

/* 窄屏回退：堆叠为 4 行 */
@media (max-width: 1240px) {
	.menu-ul { flex-wrap: wrap !important; }
	.menu .mi-drop {
		flex: 1 1 100% !important;
		grid-template-columns: 84px minmax(0, 1fr);
		border-left: none;
		border-top: 1px solid var(--f-line);
		padding: 14px 16px !important;
	}
	.menu .mi-drop:first-of-type { border-top: none; }
	.menu .mi-drop > .mi-a { font-size: 22px !important; letter-spacing: 3px !important; padding-left: 16px !important; }
	.menu .mi-drop > .mi-a::before { width: 4px; height: 22px; }
	.menu .mi-drop > .drop > .drop-in { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.menu .mi-drop[data-k="svc"] > .drop > .drop-in { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 首页按钮：禁止换行折成竖排 */
.menu .mi-home > .mi-a,
.menu .mi-home > .mi-a .mi-t { white-space: nowrap !important; }


/* ================================================================
   12. AI 智能分析大屏（AI INSIGHT DASHBOARD）
   2026-10-05 新增：首页首屏中段 · AI 感图表区
   ================================================================ */
.aiscreen {
	position: relative;
	width: var(--f-content);
	max-width: 100%;
	margin: 18px auto 0;
	padding: 22px 0 26px;
	border-radius: 20px;
	background:
		radial-gradient(1200px 300px at 12% -10%, rgba(61, 214, 140, .13), transparent 62%),
		radial-gradient(900px 260px at 92% 110%, rgba(47, 128, 237, .11), transparent 62%),
		linear-gradient(160deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .62));
	border: 1px solid rgba(255, 255, 255, .9);
	box-shadow: 0 18px 50px rgba(24, 60, 48, .10), inset 0 1px 0 rgba(255, 255, 255, .9);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	overflow: hidden;
}
/* 内层容器：与外层等宽 + 左右内边距，保证内容对齐 .m */
.aiscreen .aiwrap { position: relative; z-index: 1; padding: 0 14px; }
/* 四角科技边框 */
.aiscreen .cn { position: absolute; width: 22px; height: 22px; border: 2.5px solid rgba(43, 182, 115, .5); }
.aiscreen .cn.tl { top: 10px; left: 10px; border-right: 0; border-bottom: 0; border-radius: 12px 0 0 0; }
.aiscreen .cn.tr { top: 10px; right: 10px; border-left: 0; border-bottom: 0; border-radius: 0 12px 0 0; }
.aiscreen .cn.bl { bottom: 10px; left: 10px; border-right: 0; border-top: 0; border-radius: 0 0 0 12px; }
.aiscreen .cn.br { bottom: 10px; right: 10px; border-left: 0; border-top: 0; border-radius: 0 0 12px 0; }
/* 顶部扫描线 */
.aiscreen .aiscan { position: absolute; left: 0; right: 0; top: 0; height: 1px; overflow: hidden; }
.aiscreen .aiscan i {
	position: absolute; top: 0; left: 0; width: 32%; height: 2px;
	background: linear-gradient(90deg, transparent, rgba(61, 214, 140, .85), transparent);
	animation: ai-scan 5.2s linear infinite;
}
@keyframes ai-scan { 0% { transform: translateX(-110%); } 100% { transform: translateX(360%); } }

/* 标题栏 */
.aihd-bar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; flex-wrap: wrap; }
.aihd-bar .ail { display: flex; align-items: center; gap: 10px; min-width: 0; }
.aihd-bar .ail-ico {
	font-size: 17px; color: var(--f-p2);
	width: 32px; height: 32px; border-radius: 10px; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, rgba(61, 214, 140, .18), rgba(47, 128, 237, .14));
	box-shadow: inset 0 0 0 1px rgba(61, 214, 140, .3);
}
.aihd-bar .ail b { font-size: 18px; font-weight: 900; letter-spacing: 1.5px; color: var(--f-ink); white-space: nowrap; }
.aihd-bar .ail-sub { font-size: 11.5px; color: var(--f-ink3); letter-spacing: 1px; font-weight: 600; white-space: nowrap; }
.aihd-bar .air { display: flex; align-items: center; gap: 14px; font-size: 11.5px; }
.aihd-bar .ai-live { display: flex; align-items: center; gap: 6px; color: var(--f-p2); font-weight: 800; letter-spacing: .5px; }
.aihd-bar .ai-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--f-p1); box-shadow: 0 0 0 3px rgba(61, 214, 140, .22); animation: pulse 2s infinite; }
.aihd-bar .ai-up { color: var(--f-ink3); font-weight: 600; }
.aihd-bar .ai-up b { color: var(--f-ink2); }

/* 栅格 */
.aigrid { display: grid; gap: 16px; align-items: stretch; }
.aigrid > .aicard { height: 100%; }
.aigrid.airow1 { grid-template-columns: 1.35fr 1fr 1fr; }
.aigrid.airow2 { grid-template-columns: 1fr 1fr 1.2fr; margin-top: 16px; }
@media (max-width: 1100px) { .aigrid.airow1, .aigrid.airow2 { grid-template-columns: 1fr; } }

/* AI 卡片 */
.aicard {
	position: relative;
	background: rgba(255, 255, 255, .74);
	border: 1px solid rgba(255, 255, 255, .92);
	border-radius: 15px;
	padding: 16px 18px;
	overflow: hidden;
	box-shadow: 0 8px 26px rgba(24, 60, 48, .07), inset 0 1px 0 rgba(255, 255, 255, .85);
	transition: transform .3s, box-shadow .3s;
}
.aicard:hover { transform: translateY(-3px); box-shadow: 0 16px 38px rgba(24, 60, 48, .12); }
.aicard::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--f-p1), var(--f-v1)); opacity: .9; }
.aicard.blue::before { background: linear-gradient(180deg, var(--f-blue), #56ccf2); }
.aicard.violet::before { background: linear-gradient(180deg, var(--f-v1), #ec4899); }
.aicard.amber::before { background: linear-gradient(180deg, #f59e0b, #f97316); }

.aicard .aihd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.aicard .aihd b { font-size: 13.5px; font-weight: 800; letter-spacing: .5px; color: var(--f-ink); display: flex; align-items: center; gap: 7px; }
.aicard .aihd .dt { width: 7px; height: 7px; border-radius: 50%; background: var(--f-p1); box-shadow: 0 0 0 3px rgba(61, 214, 140, .2); animation: pulse 2s infinite; }
.aicard .aihd .tag { font-size: 10.5px; font-weight: 700; color: var(--f-p2); background: rgba(61, 214, 140, .12); padding: 3px 9px; border-radius: 999px; letter-spacing: .5px; }
.aicard .aihd .tag.b { color: var(--f-blue); background: rgba(47, 128, 237, .12); }
.aicard .aihd .tag.v { color: var(--f-v1); background: rgba(139, 92, 246, .12); }
.aicard .aihd .tag.on { position: relative; padding-left: 19px; }
.aicard .aihd .tag.on::before { content: ''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: var(--f-p1); animation: pulse 1.4s infinite; }

/* ① AI 洞察 */
.aiinsight { font-size: 13.5px; line-height: 1.85; color: var(--f-ink2); min-height: 92px; }
.aiinsight .cur { display: inline-block; width: 7px; height: 15px; background: var(--f-p2); vertical-align: -2px; animation: blink .9s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.aiconf { display: flex; align-items: center; gap: 10px; margin-top: 12px; padding-top: 11px; border-top: 1px dashed var(--f-line); }
.aiconf .lb { font-size: 11.5px; color: var(--f-ink3); font-weight: 700; white-space: nowrap; }
.aiconf .track { flex: 1; height: 7px; border-radius: 99px; background: rgba(15, 43, 33, .07); overflow: hidden; }
.aiconf .track i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--f-p1), var(--f-p2)); }
.aiconf .pc { font-size: 13px; font-weight: 900; color: var(--f-p2); }

/* ② 环形 */
.aidonut { display: flex; align-items: center; gap: 16px; }
.aidonut svg { flex-shrink: 0; }
.aidonut .lg { font-size: 12.5px; line-height: 2.05; color: var(--f-ink2); }
.aidonut .lg s { text-decoration: none; display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 7px; vertical-align: 1px; }
.aidonut .lg b { color: var(--f-ink); font-weight: 800; }

/* ③ 品种热度 */
.airec { font-size: 12.5px; }
.airec .r { display: flex; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px dashed var(--f-line); }
.airec .r:last-child { border-bottom: 0; }
.airec .r i { width: 19px; height: 19px; flex-shrink: 0; border-radius: 6px; font-style: normal; font-size: 11px; font-weight: 800; color: #fff; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--f-p1), var(--f-p2)); }
.airec .r:nth-child(2) i { background: linear-gradient(135deg, var(--f-blue), #56ccf2); }
.airec .r:nth-child(3) i { background: linear-gradient(135deg, var(--f-v1), #ec4899); }
.airec .r b { color: var(--f-ink); font-weight: 800; min-width: 52px; }
.airec .r span { color: var(--f-ink3); font-size: 11.5px; }
.airec .r s { text-decoration: none; color: var(--f-hot); font-weight: 800; }
.airec .r em { margin-left: auto; font-style: normal; font-size: 11px; color: var(--f-ink3); }

/* ④ 折线 */
.ailine svg { width: 100%; height: 132px; display: block; }
.ailine .cap { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; font-size: 11.5px; color: var(--f-ink3); }
.ailine .cap span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ⑤ 热力 */
.heatmap { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; }
.heatmap i {
	aspect-ratio: 1; border-radius: 5px;
	background: rgba(61, 214, 140, .1);
	cursor: pointer;
	transition: .25s;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
}
.heatmap i:hover { transform: scale(1.22); box-shadow: 0 4px 14px rgba(61, 214, 140, .45), inset 0 0 0 1px rgba(255,255,255,.5); }
.heat-lg { display: flex; align-items: center; gap: 6px; margin-top: 11px; font-size: 11px; color: var(--f-ink3); flex-wrap: wrap; }
.heat-lg span { display: flex; gap: 3px; }
.heat-lg s { width: 13px; height: 13px; border-radius: 3px; text-decoration: none; }

/* ⑥ AI 问答 */
.aiask .row { display: flex; gap: 9px; flex-wrap: wrap; margin-bottom: 13px; }
.aiask .row a { font-size: 12.5px; padding: 7px 14px; border-radius: 999px; background: rgba(47, 128, 237, .08); color: var(--f-blue); font-weight: 700; text-decoration: none; transition: .25s; }
.aiask .row a:hover { background: var(--f-blue); color: #fff; transform: translateY(-2px); }
.aiask .box { display: flex; gap: 9px; align-items: center; background: rgba(255, 255, 255, .88); border: 1.5px solid rgba(47, 128, 237, .22); border-radius: 12px; padding: 5px 6px 5px 18px; }
.aiask .box input { flex: 1; border: 0; background: none; outline: none; font-size: 13.5px; color: var(--f-ink); padding: 11px 0; font-family: inherit; min-width: 0; }
.aiask .box input::placeholder { color: var(--f-ink3); }
.aiask .box button { border: 0; cursor: pointer; padding: 10px 22px; border-radius: 9px; background: linear-gradient(135deg, var(--f-blue), #56ccf2); color: #fff; font-size: 13px; font-weight: 800; font-family: inherit; transition: .25s; white-space: nowrap; }
.aiask .box button:hover { box-shadow: 0 8px 20px rgba(47, 128, 237, .4); transform: translateY(-1px); }

/* 迷你指标 */
.mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.mini div { text-align: center; padding: 9px 5px; border-radius: 10px; background: rgba(255, 255, 255, .66); }
.mini b { display: block; font-size: 19px; font-weight: 900; letter-spacing: -.5px; color: var(--f-ink); }
.mini span { font-size: 11px; color: var(--f-ink3); font-weight: 600; }

/* 第三行：产区排行 / 资讯聚类 / 数据源状态 */
.aigrid.airow3 { grid-template-columns: .92fr 1.6fr .92fr; margin-top: 16px; }
@media (max-width: 1100px) { .aigrid.airow3 { grid-template-columns: 1fr; } }

/* ⑦ 产区横向排行 */
.aibar .r { display: flex; align-items: center; gap: 9px; padding: 6px 0; }
.aibar .nm { width: 62px; flex-shrink: 0; font-size: 12px; color: var(--f-ink2); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aibar .bar { flex: 1; height: 9px; border-radius: 99px; background: rgba(15, 43, 33, .06); overflow: hidden; }
.aibar .bar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--f-p1), var(--f-blue)); transition: width 1s ease; }
.aibar .vl { width: 46px; text-align: right; font-size: 12px; font-weight: 800; color: var(--f-ink); font-variant-numeric: tabular-nums; }

/* ⑧ 资讯聚类列表 */
.ainews .r { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--f-line); }
.ainews .r:last-child { border-bottom: 0; }
.ainews .r a { flex: 1; min-width: 0; font-size: 12.5px; color: var(--f-ink2); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .2s; }
.ainews .r a:hover { color: var(--f-p2); }
.ainews .r .dtm { flex: 0 0 auto; font-size: 10.5px; color: var(--f-ink3); white-space: nowrap; }
.ainews .r a { font-size: 12px; }

/* ⑨ 数据源状态 */
.aids .r { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed var(--f-line); }
.aids .r:last-child { border-bottom: 0; }
.aids .nm { flex: 1; font-size: 12.5px; color: var(--f-ink2); font-weight: 600; }
.aids .vl { font-size: 13px; font-weight: 800; color: var(--f-ink); font-variant-numeric: tabular-nums; }
.aids .st { flex-shrink: 0; font-size: 10.5px; color: var(--f-p2); font-weight: 700; display: flex; align-items: center; gap: 5px; }
.aids .st i { width: 6px; height: 6px; border-radius: 50%; background: var(--f-p1); box-shadow: 0 0 0 2px rgba(61, 214, 140, .22); animation: pulse 2s infinite; }

/* ================================================================
   13. 行业导航三栏丰满版（品种 / 省份 / 分类）
   ================================================================ */
.navcols { display: grid; grid-template-columns: 1.15fr 1fr 1.15fr; gap: 16px; }
@media (max-width: 1100px) { .navcols { grid-template-columns: 1fr; } }
.navcol {
	background: rgba(255, 255, 255, .62);
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 14px;
	padding: 14px 16px;
}
.navcol-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.navcol-hd b {
	font-size: 14px; font-weight: 800; color: var(--f-ink);
	display: flex; align-items: center; gap: 8px;
}
.navcol-hd b::before { content: ''; width: 4px; height: 15px; border-radius: 3px; background: linear-gradient(180deg, var(--f-p1), var(--f-p2)); }
.navcol-hd a { font-size: 11.5px; color: var(--f-ink3); text-decoration: none; transition: color .2s; }
.navcol-hd a:hover { color: var(--f-p2); }
.navchips { display: flex; flex-wrap: wrap; gap: 7px; }
.navchips .chip {
	font-size: 12px; padding: 5px 12px; border-radius: 999px;
	background: rgba(61, 214, 140, .09); color: var(--f-p2);
	text-decoration: none; font-weight: 700;
	transition: .22s; white-space: nowrap;
}
.navchips .chip:hover { background: var(--f-p2); color: #fff; transform: translateY(-2px); }
.navchips .chip.p { background: rgba(47, 128, 237, .09); color: var(--f-blue); }
.navchips .chip.p:hover { background: var(--f-blue); color: #fff; }
.navlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px 12px; }
.navlist li { min-width: 0; }
.navlist li a {
	display: block; font-size: 12.5px; line-height: 1.95; color: var(--f-ink2);
	text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	transition: color .18s;
}
.navlist li a:hover { color: var(--f-p2); }

/* ================================================================
   第 14 节：行业市场 / 资讯中心 · AI 分析侧栏 + 局部特效
   （补右栏空白，按各自内容定位）
   ================================================================ */

/* 两区容器：主内容 + AI 侧栏 两列（AI 栏固定 268px） */
.sec-body.mkt-lay, .sec-body.news-lay { display: flex; align-items: stretch; gap: 14px; }
.mkt-lay > .im-b, .news-lay > .in-b { flex: 1 1 auto; min-width: 0; }

/* AI 侧栏公共外壳 */
.secai {
	position: relative;
	flex: 0 0 268px;
	width: 268px;
	max-width: 268px;
	box-sizing: border-box;
	border-radius: 14px;
	padding: 14px 14px 16px;
	background:
		radial-gradient(300px 120px at 20% 0%, rgba(139, 92, 246, .10), transparent 68%),
		linear-gradient(165deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .66));
	border: 1px solid rgba(255, 255, 255, .92);
	box-shadow: 0 12px 34px rgba(24, 60, 48, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	overflow: hidden;
}
.secai.green {
	background:
		radial-gradient(300px 120px at 20% 0%, rgba(61, 214, 140, .13), transparent 68%),
		linear-gradient(165deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .66));
}
/* 顶部横向流光 */
.secai::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
	background: linear-gradient(90deg, transparent, var(--f-p1), var(--f-blue), transparent);
	opacity: .75;
}
.secai-hd { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.secai-hd b { display: flex; align-items: center; gap: 7px; font-size: 14px; font-weight: 900; letter-spacing: .5px; color: var(--f-ink); }
.secai-hd b i {
	width: 18px; height: 18px; border-radius: 6px; flex-shrink: 0; position: relative;
	background: linear-gradient(135deg, var(--f-p1), var(--f-blue));
}
.secai-hd b i::after {
	content: ""; position: absolute; inset: 4px; border-radius: 3px;
	border: 1.5px solid rgba(255, 255, 255, .9); border-bottom-color: transparent; border-right-color: transparent;
}
.secai-hd .tag {
	font-size: 9.5px; font-weight: 800; letter-spacing: .5px; padding: 2px 8px; border-radius: 999px;
	color: var(--f-v1); background: rgba(139, 92, 246, .11); white-space: nowrap;
}
.secai.green .secai-hd .tag { color: var(--f-p2); background: rgba(61, 214, 140, .13); }

/* 小标题 */
.secai-sub { font-size: 11px; font-weight: 800; color: var(--f-ink3); letter-spacing: .6px; margin: 12px 0 7px; }
.secai-sub:first-of-type { margin-top: 0; }

/* ① 价格热力网格 */
.hm-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 3px; }
.hm-grid i {
	display: block; aspect-ratio: 1 / 1; border-radius: 3px;
	background: rgba(61, 214, 140, .16); transition: opacity .45s ease, transform .45s ease, box-shadow .25s;
}
.hm-grid i.l1 { background: rgba(61, 214, 140, .34); }
.hm-grid i.l2 { background: rgba(43, 182, 115, .58); }
.hm-grid i.l3 { background: var(--f-p1); box-shadow: 0 0 8px rgba(61, 214, 140, .5); }
.hm-grid i.hot { background: var(--f-blue); box-shadow: 0 0 8px rgba(47, 128, 237, .5); }

/* ② 涨跌预警列表 */
.secai .aiwarn { display: flex; flex-direction: column; gap: 6px; }
.secai .aiwarn .r {
	display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 9px;
	background: rgba(255, 255, 255, .7); border: 1px solid var(--f-line);
	white-space: nowrap; overflow: hidden;
}
.secai .aiwarn .r .nm { flex: 1 1 0; min-width: 0; font-size: 12px; font-weight: 700; color: var(--f-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.secai .aiwarn .r .pc { flex: 0 0 auto; font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; }
.secai .aiwarn .r .ar { flex: 0 0 auto; }
.secai .aiwarn .r .pc.up { color: var(--f-hot); }
.secai .aiwarn .r .pc.dn { color: var(--f-p2); }
.secai .aiwarn .r .ar { font-size: 10px; font-weight: 900; }

/* ③ 指数条 */
.secai .idx { display: flex; flex-direction: column; gap: 7px; }
.secai .idx .r { display: flex; align-items: center; gap: 8px; font-size: 11.5px; }
.secai .idx .r .nm { width: 60px; flex-shrink: 0; color: var(--f-ink3); font-weight: 600; white-space: nowrap; }
.secai .idx .r .bar { flex: 1; height: 6px; border-radius: 999px; background: rgba(15, 43, 33, .07); overflow: hidden; }
.secai .idx .r .bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--f-p1), var(--f-blue)); transition: width 1.1s cubic-bezier(.4, 0, .2, 1); }
.secai .idx .r .vl { width: 30px; flex-shrink: 0; text-align: right; font-weight: 800; color: var(--f-ink2); font-variant-numeric: tabular-nums; }

/* ④ 关键词云 */
.kwcloud { display: flex; flex-wrap: wrap; gap: 5px; }
.kwcloud span {
	font-size: 11px; padding: 3px 9px; border-radius: 999px; font-weight: 700;
	background: rgba(61, 214, 140, .1); color: var(--f-p2); transition: .25s;
}
.kwcloud span:hover { background: var(--f-p1); color: #fff; transform: translateY(-1px); }
.kwcloud span.k1 { font-size: 13px; background: rgba(47, 128, 237, .12); color: var(--f-blue); }
.kwcloud span.k2 { font-size: 12px; background: rgba(139, 92, 246, .12); color: var(--f-v1); }

/* ⑤ 情绪温度条 */
.moods { display: flex; height: 9px; border-radius: 999px; overflow: hidden; margin-bottom: 7px; background: rgba(15, 43, 33, .06); }
.moods i { display: block; height: 100%; transition: width 1s ease; }
.moods i.up { background: linear-gradient(90deg, #ff8a5c, var(--f-hot)); }
.moods i.mid { background: linear-gradient(90deg, #9be89b, var(--f-p1)); }
.moods i.dn { background: linear-gradient(90deg, #8fb8f5, var(--f-blue)); }
.moodlg { display: flex; justify-content: space-between; font-size: 10.5px; color: var(--f-ink3); font-weight: 600; }
.moodlg s { text-decoration: none; }

/* ⑥ 迷你实时流 */
.secai .flow { display: flex; flex-direction: column; gap: 5px; }
.secai .flow .r { display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--f-ink3); }
.secai .flow .r .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--f-p1); flex-shrink: 0; animation: pulse 2s infinite; }
.secai .flow .r .tx { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--f-ink2); font-weight: 600; }
.secai .flow .r .tm { flex-shrink: 0; font-variant-numeric: tabular-nums; }

/* 扫描线特效（局部） */
.secai .scan { position: absolute; left: 0; right: 0; top: 0; height: 1px; overflow: hidden; pointer-events: none; }
.secai .scan i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, transparent, var(--f-p1), transparent); animation: ai-sec-scan 4.6s linear infinite; }
@keyframes ai-sec-scan { 0% { transform: translateY(0); opacity: 0; } 8% { opacity: .9; } 92% { opacity: .9; } 100% { transform: translateY(300px); opacity: 0; } }

/* 数据滚动数值（跳动） */
.secai .tick { display: inline-block; font-variant-numeric: tabular-nums; }

/* 响应式：窄屏 AI 栏沉到底部整宽 */
@media (max-width: 1100px) {
	.sec-body.mkt-lay, .sec-body.news-lay { flex-direction: column !important; gap: 12px; }
	.secai { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; }
	.secai .hm-grid { grid-template-columns: repeat(12, 1fr); }
}
@media (max-width: 700px) {
	.secai { padding: 12px 12px 14px; }
	.secai .idx .r .nm { width: 52px; font-size: 11px; }
}
/* 图片墙窄屏列数 */
@media (max-width: 1100px) {
	.im-r-img, .in-img { grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); }
}

/* ================================================================
   第 15 节：图片墙浮动 → grid（修复加 AI 侧栏后 float 塌陷）
   ================================================================ */
.im-r-img, .in-img {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(184px, 1fr));
	gap: 12px;
	align-content: start;
	padding: 12px !important;
	overflow: hidden;
}
.im-r-img::after, .in-img::after { content: none !important; }
.im-r-img > div, .in-img > div {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 10px !important;
	height: auto !important;
}
.im-r-img > div img, .in-img > div img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 11px;
}
.in-img > div img { aspect-ratio: 4 / 3; }
.im-r-img > div p, .in-img > div p { height: auto !important; max-height: 38px; }
/* 左栏导航：解除固定 570px 高度 */
.im-l { float: none !important; }
.im-b { display: flex !important; align-items: flex-start; gap: 12px; }
.im-b > .im-l { flex: 0 0 220px; width: 220px !important; }
.im-b > .im-r { flex: 1 1 auto; min-width: 0; }

/* ================================================================
   第 16 节：资讯中心三栏配平（左 5 条 / 中 3 组×6 / 右 4+4）
   目标：三栏高度趋近，消除中间栏下方大面积留白
   ================================================================ */

/* —— 左栏：图片资讯 5 条，压扁图片 + 收紧标题 —— */
.news-lay .in-l > div {
	margin: 0 0 10px 0 !important;
	padding: 9px 10px 10px !important;
	border-radius: 12px;
}
.news-lay .in-l > div img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 10 !important;
	object-fit: cover;
	border-radius: 9px;
	display: block;
}
.news-lay .in-l > div p {
	height: 42px !important;
	line-height: 21px !important;
	font-size: 14px !important;
	margin: 0 0 7px 0 !important;
}

/* —— 中栏：文字列表 3 组 × 6 条，放大行距（适配移动阅读） —— */
.news-lay .in-m { display: flex; flex-direction: column; }
.news-lay .in-m .list-txt {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 4px 0;
}
.news-lay .in-m .list-txt ul { display: flex; flex-direction: column; flex: 1 1 auto; justify-content: space-around; }

/* li 改 flex：日期右对齐定宽，标题单行省略，修复 float 换行错位 */
.news-lay .in-m .list-txt ul li {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0 !important;
	font-size: 14.5px !important;
	line-height: 26px !important;
	overflow: hidden;
}
.news-lay .in-m .list-txt ul li .f_r {
	float: none !important;
	order: 2;
	flex: 0 0 auto;
	margin: 0 !important;
	font-size: 12px !important;
	color: var(--f-ink3) !important;
	letter-spacing: .2px;
}
.news-lay .in-m .list-txt ul li a {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14.5px !important;
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-lay .in-m .list-txt + .list-txt {
	border-top: 1px dashed rgba(61, 214, 140, .34) !important;
	margin-top: 8px;
	padding-top: 10px;
	position: relative;
}
.news-lay .in-m .list-txt + .list-txt::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 46px;
	height: 1px;
	background: linear-gradient(90deg, var(--f-p2), transparent);
}

/* —— 右栏：视频 / 图库标题条统一 —— */
.news-lay .in-r .head-txt { margin-bottom: 2px; }

/* —— 窄屏回落 —— */
@media (max-width: 1100px) {
	.news-lay .in-l > div img { aspect-ratio: 16 / 9 !important; }
	.news-lay .in-m .list-txt ul li a { font-size: 14px !important; }
	.news-lay .in-m .list-txt ul li { padding: 7px 0 !important; }
}

/* ================================================================
   第 17 节：企业服务区 · 三栏加宽铺满 + AI 服务指数卡
             友情链接 · 多列网格铺满
   ================================================================ */

/* —— 企业服务：三栏 flex 铺满（原 float 220/490/470 只占 1220px） —— */
.sec-body > .ic-b {
	display: flex !important;
	align-items: stretch;
	gap: 14px;
}
.sec-body > .ic-b > .ic-l,
.sec-body > .ic-b > .ic-m,
.sec-body > .ic-b > .ic-r,
.sec-body > .ic-b > .ic-ai {
	float: none !important;
	margin: 0 !important;
	min-width: 0;
	height: auto !important;
}
.sec-body > .ic-b > .ic-l { flex: 0 0 232px; width: 232px !important; }
.sec-body > .ic-b > .ic-m { flex: 1 1 0; }
.sec-body > .ic-b > .ic-r { flex: 1 1 0; }
.sec-body > .ic-b > .ic-ai { flex: 0 0 268px; width: 268px !important; }

/* 品牌墙自适应新宽度 */
.sec-body > .ic-b .ic-brand { margin: 10px 0 0 0 !important; }

/* —— AI 服务指数卡（复用 .secai 视觉语言，独立类名避免撞车） —— */
.ic-ai {
	position: relative;
	box-sizing: border-box;
	border-radius: 14px;
	padding: 14px 14px 16px;
	overflow: hidden;
	background:
		radial-gradient(300px 120px at 20% 0%, rgba(139, 92, 246, .10), transparent 68%),
		linear-gradient(165deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .66));
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow);
}
.ic-ai-hd {
	display: flex; align-items: center; gap: 8px;
	padding-bottom: 10px; margin-bottom: 12px;
	border-bottom: 1px solid var(--f-line-soft);
}
.ic-ai-hd b {
	display: flex; align-items: center; gap: 7px;
	font-size: 15px; font-weight: 800; color: var(--f-ink);
	letter-spacing: .3px;
}
.ic-ai-hd b i {
	width: 7px; height: 7px; border-radius: 50%;
	background: var(--f-p2);
	box-shadow: 0 0 0 3px rgba(61, 214, 140, .18);
	animation: ai-pulse 2.1s ease-in-out infinite;
}
.ic-ai-hd .tag {
	margin-left: auto;
	font-size: 10.5px; font-weight: 700; letter-spacing: .4px;
	color: var(--f-p2);
	background: rgba(61, 214, 140, .12);
	border: 1px solid rgba(61, 214, 140, .28);
	border-radius: 20px;
	padding: 2px 9px;
}
.ic-ai-kpi { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 13px; }
.ic-ai-kpi .k {
	position: relative;
	display: flex; flex-direction: column; gap: 2px;
	padding: 10px 11px;
	border-radius: 11px;
	background: rgba(61, 214, 140, .06);
	border: 1px solid var(--f-line-soft);
}
.ic-ai-kpi .k em {
	font-style: normal; font-size: 20px; font-weight: 800;
	color: var(--f-ink); line-height: 1.1;
	letter-spacing: -.5px;
}
.ic-ai-kpi .k span { font-size: 11px; color: var(--f-ink3); }
.ic-ai-kpi .k u {
	position: absolute; right: 10px; top: 11px;
	font-size: 10px; font-weight: 700; text-decoration: none;
	color: #E5484D;
}
.ic-ai-sub {
	font-size: 11.5px; font-weight: 700; color: var(--f-ink3);
	letter-spacing: .5px; margin: 0 0 8px;
}
.ic-ai-bars { display: flex; flex-direction: column; gap: 8px; margin-bottom: 13px; }
.ic-ai-bars .r { display: flex; align-items: center; gap: 8px; font-size: 11.5px; }
.ic-ai-bars .r > span { flex: 0 0 30px; color: var(--f-ink2); }
.ic-ai-bars .bar {
	flex: 1 1 auto; height: 6px; border-radius: 999px;
	background: rgba(18, 51, 42, .07); overflow: hidden;
}
.ic-ai-bars .bar i {
	display: block; height: 100%; border-radius: 999px;
	background: linear-gradient(90deg, var(--f-p1), var(--f-blue));
	transform-origin: left center;
	animation: icbar 1.2s cubic-bezier(.4, 0, .2, 1) both;
}
.ic-ai-bars .r > em {
	flex: 0 0 auto; font-style: normal; font-weight: 700;
	font-size: 11.5px; color: var(--f-p2);
}
.ic-ai-note {
	font-size: 11.5px; line-height: 1.85;
	color: var(--f-ink2);
	padding: 10px 11px;
	border-radius: 10px;
	background: rgba(139, 92, 246, .05);
	border-left: 3px solid rgba(139, 92, 246, .35);
}
.ic-ai-note em { font-style: normal; font-weight: 800; color: var(--f-p2); }

@keyframes icbar { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* —— 友情链接：多列网格铺满 —— */
.ilink { padding: 9px 14px !important; }
.ilink ul {
	display: grid !important;
	gap: 6px 12px;
	margin: 0; padding: 0; list-style: none;
}
.ilink ul li { float: none !important; padding: 0 !important; margin: 0 !important; }
/* 第一组（带 logo 图片）单独一行，居中放大 */
.ilink.ilink-logo ul {
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	align-items: center;
}
.ilink.ilink-logo ul li { display: flex; align-items: center; justify-content: center; }
.ilink.ilink-logo ul li a { display: block; width: 100%; text-align: center; }
.ilink.ilink-logo ul li img {
	max-width: 100%; height: auto; max-height: 46px;
	object-fit: contain;
	border-radius: 6px;
}
/* 第二组（纯文字）多列铺满 */
.ilink.ilink-text ul { grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); }
.ilink.ilink-text ul li { overflow: hidden; }

/* —— 响应式 —— */
@media (max-width: 1200px) {
	.sec-body > .ic-b { flex-wrap: wrap; }
	.sec-body > .ic-b > .ic-l { flex: 0 0 232px; }
	.sec-body > .ic-b > .ic-m,
	.sec-body > .ic-b > .ic-r { flex: 1 1 calc(50% - 7px); }
	.sec-body > .ic-b > .ic-ai { flex: 1 1 100%; width: 100% !important; }
	.ic-ai-kpi { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
	.sec-body > .ic-b > .ic-l,
	.sec-body > .ic-b > .ic-m,
	.sec-body > .ic-b > .ic-r { flex: 1 1 100%; width: 100% !important; }
	.ic-ai-kpi { grid-template-columns: 1fr 1fr; }
	.ilink.ilink-text ul { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
/* ================================================================
   第 18 节：资讯中心 · 三栏铺满 + 底部对齐 / 侧栏推荐图文 / 实时播报装饰
   ================================================================ */

/* —— 1. in-b 三栏 flex 铺满（原 float 220+20+490+20+470=1220，容器 1276 右侧留白 56px） —— */
.news-lay .in-b { display: flex !important; align-items: stretch; gap: 14px; }
.news-lay .in-b > .in-l,
.news-lay .in-b > .in-m,
.news-lay .in-b > .in-r { float: none !important; margin: 0 !important; min-width: 0; height: auto !important; }
.news-lay .in-b > .in-l { flex: 0 0 234px; width: 234px !important; }
.news-lay .in-b > .in-m { flex: 1 1 0; }
.news-lay .in-b > .in-r { flex: 0 0 470px; width: 470px !important; }

/* 左栏 4 条：纵向均分，末条贴底 */
.news-lay .in-l { display: flex; flex-direction: column; justify-content: space-between; padding: 2px 0 !important; }
.news-lay .in-l > div { margin: 0 !important; }
.news-lay .in-l > div + div { margin-top: 10px !important; }

/* 中栏：压缩行距 + 三组均分撑满，末条贴底 */
.news-lay .in-m { display: flex !important; flex-direction: column; padding: 2px 0 !important; }
.news-lay .in-m .list-txt { flex: 1 1 0 !important; justify-content: space-between !important; padding: 0 !important; }
.news-lay .in-m .list-txt ul { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; }
.news-lay .in-m .list-txt ul li { padding: 4px 0 !important; line-height: 24px !important; }
.news-lay .in-m .list-txt ul li a { font-size: 14px !important; }
.news-lay .in-m .list-txt + .list-txt { margin-top: 6px !important; padding-top: 8px !important; }

/* 右栏：视频/图库 2 列，两段均分撑满，图片行贴底 */
.news-lay .in-r { display: flex; flex-direction: column; }
.news-lay .in-r .head-txt { flex: 0 0 auto; }
.news-lay .in-r .in-img { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; flex: 1 1 auto; align-content: space-between; }
.news-lay .in-r .in-img > div { display: flex; flex-direction: column; }

/* —— 2. 侧栏「推荐图文」（level=3 且带缩略图） —— */
/* 注：原 .airec 方案已废弃（与「AI 品种热度」卡类名撞车），改用 .aiwarn */
/* 侧栏纵向铺满，消除底部留白 */
.news-lay .secai { display: flex; flex-direction: column; justify-content: space-between; }
.secai .secai-sub em { font-style: normal; font-size: 10px; font-weight: 800; color: var(--f-ink3); background: rgba(15, 43, 33, .05); border-radius: 999px; padding: 1px 6px; margin-left: 5px; }

/* —— 3. 实时播报：LIVE 徽标 + 序号标签 + 流光进度条 —— */
.secai .secai-sub { display: flex; align-items: center; }
.secai .secai-sub .live { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 1px 6px; font-size: 9px; font-weight: 900; letter-spacing: .6px; color: var(--f-hot); background: rgba(255, 90, 60, .10); border-radius: 999px; }
.secai .secai-sub .live i { width: 5px; height: 5px; border-radius: 50%; background: var(--f-hot); animation: pulse 1.4s ease-in-out infinite; }
.secai .flow { gap: 6px; }
.secai .flow .r { padding: 6px 8px; border-radius: 8px; background: linear-gradient(90deg, rgba(61, 214, 140, .08), rgba(61, 214, 140, 0) 78%); border: 1px solid rgba(61, 214, 140, .14); }
.secai .flow .r .dot { box-shadow: 0 0 0 3px rgba(61, 214, 140, .15); }
.secai .flow .r .tm { flex: 0 0 auto; font-size: 9px; font-weight: 900; letter-spacing: .4px; color: var(--f-ink3); background: rgba(15, 43, 33, .05); border-radius: 4px; padding: 1px 4px; }
.secai .flow .fb { margin-top: 3px; height: 4px; border-radius: 999px; background: rgba(15, 43, 33, .06); overflow: hidden; }
.secai .flow .fb i { display: block; height: 100%; width: 60%; border-radius: 999px; background: linear-gradient(90deg, var(--f-p1), var(--f-blue)); animation: ai-flow-scan 3.2s linear infinite; }
@keyframes ai-flow-scan { 0% { transform: translateX(-110%); } 100% { transform: translateX(180%); } }

/* —— 窄屏回落 —— */
@media (max-width: 1200px) {
	.news-lay .in-b { flex-wrap: wrap; }
	.news-lay .in-b > .in-l,
	.news-lay .in-b > .in-m { flex: 1 1 calc(50% - 7px); width: auto !important; }
	.news-lay .in-b > .in-r { flex: 1 1 100%; width: 100% !important; }
}
@media (max-width: 900px) {
	.news-lay .in-b > .in-l,
	.news-lay .in-b > .in-m,
	.news-lay .in-b > .in-r { flex: 1 1 100%; width: 100% !important; }
}
/* ================================================================
   第 19 节：友情链接 · 一行 9 条，文字单行不换行
   ================================================================ */
.ilink.ilink-text ul { grid-template-columns: repeat(9, 1fr) !important; gap: 5px 10px !important; }
.ilink.ilink-text ul li { min-width: 0; }
.ilink.ilink-text ul li a { display: block; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; font-size: 11px !important; line-height: 19px !important; }
.ilink.ilink-logo:empty, .ilink.ilink-logo:has(ul:empty) { padding: 0 !important; margin: 0 !important; display: none !important; }
@media (max-width: 1200px) { .ilink.ilink-text ul { grid-template-columns: repeat(6, 1fr) !important; } }
@media (max-width: 900px) { .ilink.ilink-text ul { grid-template-columns: repeat(4, 1fr) !important; } }
@media (max-width: 640px) { .ilink.ilink-text ul { grid-template-columns: repeat(2, 1fr) !important; } }
/* ================================================================
   第 20 节：页脚 · 品牌区 + 链接网格 + 状态条（创意改版）
   ================================================================ */
.foot-main { display: flex; align-items: flex-start; gap: 48px; padding: 30px 0 24px; border-bottom: 1px solid var(--f-line-soft); }
.foot-brand { flex: 0 0 320px; }
.foot-brand b { display: flex; align-items: baseline; gap: 9px; font-size: 21px; font-weight: 900; letter-spacing: .5px; color: var(--f-ink); }
.foot-brand b em { font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; color: var(--f-ink4); }
.foot-brand p { margin: 10px 0 0; font-size: 12.5px; line-height: 21px; color: var(--f-ink3); }
.foot-brand .fb-ai { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 4px 10px; font-size: 10.5px; font-weight: 800; letter-spacing: .3px; color: var(--f-p2); background: rgba(61, 214, 140, .10); border: 1px solid rgba(61, 214, 140, .22); border-radius: 999px; }
.foot-brand .fb-ai i { width: 6px; height: 6px; border-radius: 50%; background: var(--f-p2); box-shadow: 0 0 0 3px rgba(61, 214, 140, .16); animation: pulse 1.9s ease-in-out infinite; }
.foot-nav { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 18px; }
.foot-nav a { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 12.5px; line-height: 18px; color: var(--f-ink3) !important; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .2s; }
.foot-nav a::before { content: ''; flex: 0 0 auto; width: 4px; height: 4px; border-radius: 50%; background: var(--f-line); transition: .2s; }
.foot-nav a:hover { color: var(--f-p2) !important; }
.foot-nav a:hover::before { background: var(--f-p2); box-shadow: 0 0 0 3px rgba(61, 214, 140, .16); }
.foot-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0 24px; font-size: 12px; line-height: 20px; color: var(--f-ink4); }
.foot-bar .ft-no { display: flex; align-items: center; gap: 14px; }
.foot-bar a { color: var(--f-ink4) !important; text-decoration: none; }
.foot-bar a:hover { color: var(--f-p2) !important; }
.foot_page, .foot_no, .foot, #copyright { border: 0 !important; padding: 0 !important; }
@media (max-width: 1200px) {
	.foot-main { flex-direction: column; gap: 22px; }
	.foot-brand { flex: 0 0 auto; }
	.foot-nav { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.foot-nav { grid-template-columns: repeat(2, 1fr); }
	.foot-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
}
/* 推荐图文（与热度 TOP5 同构）：去下划线（原第 21 节保留项） */
.news-lay .aiwarn .r .nm { text-decoration: none !important; display: block; }
.news-lay .aiwarn .r .nm:hover { color: var(--f-p2) !important; }

/* ================================================================
   第 27 节：资讯中心左栏 —— 图片在上、标题在图片下方
   ================================================================ */
.news-lay .in-l > div { display: flex !important; flex-direction: column; }
.news-lay .in-l > div > a { order: 1; }
.news-lay .in-l > div > p { order: 2; margin: 6px 0 0 0 !important; }

/* ================================================================
   第 28 节：页脚 · 深色科技风（v2 · 高度压至 ~2/3 + 顶部 LOGO + 8 数据卡 + 导航单行）
   ================================================================ */
.foot-wrap {
	position: relative; overflow: hidden; margin-top: 30px;
	background: linear-gradient(158deg, #1c382f 0%, #1a303e 52%, #1b2936 100%) !important;
	border-top: 0 !important;
	box-shadow: 0 -10px 40px rgba(6, 32, 24, .13) !important;
}
.foot-wrap::before {
	content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; z-index: 2;
	background: linear-gradient(90deg, transparent, var(--f-p1), var(--f-blue), transparent);
}
.foot-wrap::after {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background-image:
		radial-gradient(620px 220px at 10% 0%, rgba(61,214,140,.13), transparent 72%),
		radial-gradient(520px 200px at 92% 108%, rgba(47,128,237,.14), transparent 72%),
		linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
	background-size: auto, auto, 34px 34px, 34px 34px;
}
.foot-wrap .m { position: relative; z-index: 1; background: transparent !important; }

/* 超大半透明水印品牌字（170px -> 115px / 提亮 alpha 增强可见度） */
.fw-wm {
	position: absolute; left: 50%; bottom: -22px; transform: translateX(-50%); z-index: 0;
	font-size: 115px; font-weight: 900; letter-spacing: 8px; line-height: 1;
	white-space: nowrap; pointer-events: none; user-select: none;
	background: linear-gradient(180deg, rgba(255,255,255,.135), rgba(255,255,255,.030) 78%, rgba(255,255,255,0) 96%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}

/* —— 品牌区：顶部 LOGO 铭牌（LOGO 为黑字透明底，故加浅色底衬）+ 文案 + AI 徽标 —— */
.foot-hero { display: flex; align-items: center; justify-content: space-between; gap: 34px; padding: 28px 0 22px; }
.fh-brand { flex: 0 0 auto; min-width: 0; }
.fh-logo {
	display: inline-flex; align-items: center; padding: 11px 19px; border-radius: 14px;
	background: linear-gradient(180deg, #ffffff, #eef4f1);
	box-shadow: 0 7px 20px rgba(0, 0, 0, .24);
}
.fh-logo a { display: block; line-height: 0; }
.fh-logo img { display: block; height: 44px; width: auto; }
.fh-brand p { margin: 12px 0 0; font-size: 13px; line-height: 20px; color: rgba(255,255,255,.58); }
.fh-brand p em { font-style: normal; font-weight: 900; letter-spacing: .3px; color: #7ef0b4; margin-right: 7px; }
.fh-ai { display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; padding: 4px 11px; font-size: 10.5px; font-weight: 800; letter-spacing: .4px; color: #7ef0b4; background: rgba(61,214,140,.10); border: 1px solid rgba(61,214,140,.28); border-radius: 999px; }
.fh-ai i { width: 6px; height: 6px; border-radius: 50%; background: var(--f-p2); box-shadow: 0 0 0 3px rgba(61,214,140,.20); animation: pulse 1.9s ease-in-out infinite; }

/* —— 8 个数据卡（4 列 × 2 行） —— */
.fh-stats { flex: 0 0 872px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.fh-stats .fs {
	position: relative; overflow: hidden; padding: 15px 16px 14px; border-radius: 12px;
	background: linear-gradient(150deg, rgba(255,255,255,.078), rgba(255,255,255,.026));
	border: 1px solid rgba(255,255,255,.10);
	transition: transform .22s, border-color .22s, box-shadow .22s;
}
.fh-stats .fs::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px;
	background: linear-gradient(90deg, var(--f-p2), transparent 72%); opacity: .55; }
.fh-stats .fs::after { content: ''; position: absolute; right: -16px; bottom: -20px; width: 54px; height: 54px;
	border-radius: 50%; background: radial-gradient(circle, rgba(61,214,140,.22), transparent 70%); pointer-events: none; }
.fh-stats .fs em { position: relative; display: flex; align-items: baseline; gap: 1px; font-style: normal;
	font-size: 24px; font-weight: 900; letter-spacing: .3px; line-height: 1.05; color: #fff; font-variant-numeric: tabular-nums; }
.fh-stats .fs em i { font-style: normal; font-size: 14px; font-weight: 900; color: var(--f-p2); }
.fh-stats .fs em u { text-decoration: none; margin-left: 2px; font-size: 11.5px; font-weight: 800; color: rgba(255,255,255,.55); }
.fh-stats .fs span { position: relative; display: block; margin-top: 6px; font-size: 11px; line-height: 15px; letter-spacing: .5px; color: rgba(255,255,255,.46); }
.fh-stats .fs:hover { transform: translateY(-2px); border-color: rgba(61,214,140,.42); box-shadow: 0 9px 22px rgba(0,0,0,.24); }

/* —— 分组导航：每组子链接排成 1 行 —— */
.foot-nav { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px 34px; padding: 30px 0 32px; border-top: 1px solid rgba(255,255,255,.08); }
.fn-col { display: flex !important; flex-wrap: wrap; align-items: center; gap: 3px 11px; }
.fn-col h4 { flex: 0 0 100%; margin: 0 0 4px; font-size: 11.5px; font-weight: 900; letter-spacing: 1.2px; color: var(--f-p2); }
.fn-col a { display: inline-flex !important; align-items: center; gap: 5px; padding: 1px 0; font-size: 12px; line-height: 18px; white-space: nowrap; color: rgba(255,255,255,.62) !important; text-decoration: none; transition: color .2s; }
.fn-col a::before { content: ''; flex: 0 0 auto; width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.22); transition: .2s; }
.fn-col a:hover { color: #fff !important; }
.fn-col a:hover::before { background: var(--f-p2); box-shadow: 0 0 0 3px rgba(61,214,140,.20); }

/* —— 底部状态条 —— */
.foot-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 0 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: 11.5px; line-height: 18px; color: rgba(255,255,255,.38); }
.foot-bar a { color: rgba(255,255,255,.5) !important; text-decoration: none; }
.foot-bar a:hover { color: var(--f-p2) !important; }
.foot-bar .fb-links { display: flex; align-items: center; gap: 14px; }

/* 旧页脚结构彻底隐藏 */
.foot_page, .foot_no, .foot, #copyright, .foot-main { display: none !important; }

@media (max-width: 1200px) {
	.foot-hero { flex-direction: column; align-items: flex-start; gap: 20px; }
	.fh-stats { flex: 1 1 auto; width: 100%; grid-template-columns: repeat(4, minmax(0,1fr)); }
	.foot-nav { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px) {
	.fh-stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.foot-nav { grid-template-columns: 1fr; gap: 14px 20px; }
	.foot-bar { flex-direction: column; align-items: flex-start; gap: 8px; }
}
.foot-bar .fb-top { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.62) !important; transition: .22s; }
.foot-bar .fb-top:hover { border-color: var(--f-p2); color: #fff !important; background: rgba(61,214,140,.10); }

/* ================================================================
   第 29 节：页脚 v3 —— 产品检索 A–Z 字母条 + 8 数据卡单行 + 底部地址/公网安备 + 回到顶部实心色块
   ================================================================ */

/* —— 顶部区改三行：品牌行 / 产品检索 / 8 卡片 —— */
.foot-hero { flex-direction: column !important; align-items: stretch !important; gap: 12px; padding: 24px 0 20px !important; }
.fh-brand { display: flex; align-items: center; gap: 16px; width: 100%; }
.fh-brand .fh-logo { order: 1; flex: 0 0 auto; padding: 10px 17px; }
.fh-brand .fh-logo img { height: 42px; }
.fh-brand p { order: 2; margin: 0 !important; }
.fh-brand .fh-ai { order: 3; margin: 0 0 0 auto !important; }

/* —— 产品检索 A–Z：整行 26 列“键盘条” —— */
.fh-search { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-radius: 12px;
	background: linear-gradient(150deg, rgba(255,255,255,.058), rgba(255,255,255,.016));
	border: 1px solid rgba(255,255,255,.09); }
.fh-search > b { flex: 0 0 auto; font-size: 11.5px; font-weight: 900; letter-spacing: .6px; color: #7ef0b4; white-space: nowrap; }
.fh-search .fsl { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: repeat(26, minmax(0,1fr)); gap: 6px; }
.fh-search .fsl a { display: flex; align-items: center; justify-content: center; height: 27px; border-radius: 7px;
	font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: .2px;
	color: rgba(255,255,255,.56) !important; text-decoration: none;
	background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.055); transition: .18s; }
.fh-search .fsl a:hover { color: #052018 !important; background: linear-gradient(180deg, #7ef0b4, #3dd68c);
	border-color: transparent; transform: translateY(-1px); box-shadow: 0 5px 13px rgba(61,214,140,.34); }

/* —— 8 个数据卡：一行 8 列（整体缩小） —— */
.fh-stats { flex: 0 0 auto !important; width: 100%; grid-template-columns: repeat(8, minmax(0,1fr)) !important; gap: 9px; }
.fh-stats .fs { padding: 11px 11px 10px; border-radius: 11px; }
.fh-stats .fs::before { opacity: .5; }
.fh-stats .fs::after { width: 44px; height: 44px; right: -14px; bottom: -18px; }
.fh-stats .fs em { font-size: 19px; letter-spacing: 0; }
.fh-stats .fs em i { font-size: 11.5px; }
.fh-stats .fs em u { margin-left: 1px; font-size: 10px; }
.fh-stats .fs span { margin-top: 5px; font-size: 10px; line-height: 13px; letter-spacing: .3px; }

/* —— 分组导航收紧，补回新增行的高度 —— */
.foot-nav { padding: 22px 0 24px !important; }

/* —— 底部状态条：版权 + 地址 + 公网安备 + 回到顶部 —— */
.foot-bar { padding: 13px 0 17px !important; }
.foot-bar .fb-cpr { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; min-width: 0; }
.foot-bar .fb-addr { color: rgba(255,255,255,.42); }
.foot-bar .fb-links { gap: 10px; }
.foot-bar .fb-beian { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px;
	border-radius: 999px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.035);
	font-size: 11px; line-height: 1; color: rgba(255,255,255,.56) !important; white-space: nowrap; transition: .2s; }
.foot-bar .fb-beian svg { display: block; flex: 0 0 auto; }
.foot-bar .fb-beian:hover { border-color: rgba(61,214,140,.5); color: #fff !important; background: rgba(61,214,140,.09); }

/* —— 意见反馈：蓝色描边胶囊（与绿色回到顶部形成对照） —— */
.foot-bar .fb-feedback { display: inline-flex !important; align-items: center !important; justify-content: center !important;
	gap: 6px; height: 28px; min-height: 28px; padding: 0 14px !important; border-radius: 999px;
	border: 1px solid rgba(47,128,237,.44) !important; background: rgba(47,128,237,.13);
	font-size: 11.5px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .3px;
	color: #9ec8ff !important; white-space: nowrap; text-decoration: none; transition: .22s; }
.foot-bar .fb-feedback svg { display: block; flex: 0 0 auto; }
.foot-bar .fb-feedback:hover { color: #fff !important; border-color: transparent !important;
	background: linear-gradient(180deg, #4a90f7, #2f6fdb); transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(47,128,237,.38); }

/* —— 回到顶部：实心色块胶囊，文字居中压在色块上 —— */
.foot-bar .fb-top { display: inline-flex !important; align-items: center !important; justify-content: center !important;
	height: 28px; min-height: 28px; padding: 0 15px !important; border: 0 !important; border-radius: 999px;
	background: linear-gradient(180deg, #4ee09a, #2fc47c) !important;
	color: #04200f !important; font-size: 11.5px !important; font-weight: 900 !important; line-height: 1 !important;
	letter-spacing: .3px; box-shadow: 0 5px 15px rgba(61,214,140,.30); transition: .22s; }
.foot-bar .fb-top:hover { background: linear-gradient(180deg, #5ff0aa, #35d489) !important;
	color: #02150b !important; transform: translateY(-1px); box-shadow: 0 8px 19px rgba(61,214,140,.42); }

@media (max-width: 1200px) {
	.fh-brand { flex-wrap: wrap; }
	.fh-brand .fh-ai { margin-left: 0 !important; }
	.fh-search { flex-wrap: wrap; }
	.fh-search .fsl { grid-template-columns: repeat(13, minmax(0,1fr)); }
	.fh-stats { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 900px) {
	.fh-stats { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
	.fh-search .fsl { grid-template-columns: repeat(7, minmax(0,1fr)); }
	.foot-bar { gap: 10px; }
}

/* ================================================================
   第 30 节：全站防横向溢出（根因：原始皮肤硬编码宽度 + 装饰元素旋转包围盒）
   1) style.css:47 `.head_m{width:1220px}`  → 视口 <1220px 撑出横向滚动条
   2) `.ehero` 在 <=1400px 断点把右列收成 360px，但 `.egauge` 仍固定 420px
      → 仪表盘溢出栅格 60px（实测 1440/1200 视口）
   3) `.egauge .ring.r1` 旋转动画（420x384 非正方形 + 无限旋转）的**包围盒**
      会随时间超出容器约 70px；`.mq-run` 跑马灯同理（已有 overflow:hidden 兜住）
   手法：`overflow-x: clip`（不是 hidden —— clip 不产生滚动容器，sticky 吸顶不受影响，
        且不会像 hidden 那样破坏 position:fixed 子元素）；
        1920 视口实测 before/after 几何完全一致，属纯防御性修复。
   ================================================================ */
.head_m { max-width: 100% !important; }
html, body { overflow-x: clip; }

@media (max-width: 1400px) {
	.ehero { grid-template-columns: 1fr 420px; }
}
/* ================================================================
   第 31 节：页脚 v4 —— 品牌列竖排 + A-Z 与文案同宽 + 8 卡片右对齐 + LOGO 白描边
   1) .foot-hero 改 flex 两列：左 .fh-brand（LOGO / 文案 / A-Z 同一列宽），
      右 .fh-stats（margin-left:auto 右对齐，不再通栏）
   2) .fh-search 用 width:0 + min-width:100% —— 宽度跟随父列但不参与父列宽度计算
      （否则 26 格字母会把自己的列撑宽，形成循环）
   3) .fh-logo 去掉白色铭牌底衬；页脚 LOGO 改用专用「彩色图标 + 白字」版本
      （static/skin/emushroomF/logo-footer.png），因此在深色底上无需白描边 hack
   4) .fh-ai 从品牌行移到页脚底部状态条（小尺寸胶囊）
   5) .back2top —— 系统自带右下角返回顶部按钮，被旧第 9 节染成绿色渐变方块，
      与页脚「回到顶部」重复，全站隐藏
   ================================================================ */

/* —— 顶部区：左品牌列（窄） + 右数据卡（右对齐，不通栏） —— */
.foot-hero {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 40px !important;
	padding: 24px 0 20px !important;
}
.fh-brand {
	grid-area: auto !important;
	flex: 0 0 auto; order: 1;
	width: auto !important; max-width: none !important; min-width: 0;
	display: flex !important; flex-direction: column !important;
	align-items: flex-start !important;
	gap: 10px; min-width: 0;
}
.fh-brand .fh-logo { order: 1; }
.fh-brand p { order: 2; }
.fh-brand .fh-search { order: 3; }

/* —— LOGO：去白底铭牌；页脚版为「彩色图标 + 白色文字」专用图，无需再叠白描边 —— */
.fh-brand .fh-logo {
	padding: 0 !important; background: none !important;
	box-shadow: none !important; border-radius: 0 !important;
}
.fh-brand .fh-logo a { display: block; line-height: 0; }
.fh-brand .fh-logo img {
	display: block; height: 46px; width: auto;
	filter: drop-shadow(0 3px 8px rgba(0,0,0,.28));
}

/* —— 品牌文案：LOGO 下方，左对齐，单行 —— */
.fh-brand p {
	margin: 0 !important; font-size: 13.5px; line-height: 20px;
	white-space: nowrap; color: rgba(255,255,255,.60);
}
.fh-brand p em { font-style: normal; font-weight: 900; letter-spacing: .3px; color: #7ef0b4; margin-right: 6px; }

/* —— 产品检索 A–Z：收进品牌列，左右边界与上方文案对齐 —— */
.fh-brand .fh-search {
	flex: 0 0 auto; width: 0; min-width: 100%; box-sizing: border-box;
	display: flex; align-items: center; gap: 9px;
	margin: 2px 0 0; padding: 9px 0 0;
	background: none !important; border: 0 !important; border-radius: 0 !important;
	border-top: 1px dashed rgba(255,255,255,.11) !important;
}
.fh-brand .fh-search > b { flex: 0 0 auto; font-size: 11px; font-weight: 900; letter-spacing: .4px; color: #7ef0b4; white-space: nowrap; }
.fh-brand .fh-search .fsl {
	flex: 1 1 auto; min-width: 0;
	display: grid; grid-template-columns: repeat(26, minmax(0, 1fr)); gap: 1px;
}
.fh-brand .fh-search .fsl a {
	display: flex; align-items: center; justify-content: center;
	height: 21px; border-radius: 5px; padding: 0;
	font-size: 11.5px; font-weight: 800; line-height: 1; letter-spacing: 0;
	color: rgba(255,255,255,.52) !important; text-decoration: none;
	background: none !important; border: 0 !important; transition: .16s;
}
.fh-brand .fh-search .fsl a:hover {
	color: #052018 !important; background: linear-gradient(180deg, #7ef0b4, #3dd68c) !important;
	transform: translateY(-1px); box-shadow: 0 4px 11px rgba(61,214,140,.34);
}

/* —— 8 个数据卡：右列，8 列一行，右对齐 —— */
.fh-stats {
	order: 2; flex: 1 1 auto !important; margin-left: auto !important;
	width: auto !important; max-width: none !important;
	grid-template-columns: repeat(8, minmax(0, 1fr)) !important; gap: 9px;
	align-self: center;
}
.fh-stats .fs { padding: 12px 10px 11px; border-radius: 11px; }
.fh-stats .fs em { font-size: 19px; }
.fh-stats .fs em i { font-size: 11.5px; }
.fh-stats .fs em u { font-size: 10px; }
.fh-stats .fs span { margin-top: 5px; font-size: 10px; line-height: 13px; }

/* —— AI 徽标：移到页脚底部状态条 —— */
.foot-bar .fh-ai {
	display: inline-flex; align-items: center; gap: 6px;
	height: 28px; padding: 0 11px; border-radius: 999px;
	font-size: 10.5px; font-weight: 800; letter-spacing: .4px;
	color: #7ef0b4; background: rgba(61,214,140,.10);
	border: 1px solid rgba(61,214,140,.28); white-space: nowrap;
}
.foot-bar .fh-ai i {
	width: 6px; height: 6px; border-radius: 50%; background: var(--f-p2);
	box-shadow: 0 0 0 3px rgba(61,214,140,.20); animation: pulse 1.9s ease-in-out infinite;
}

/* —— 右下角绿色方块（系统默认返回顶部按钮）隐藏：与页脚「回到顶部」重复 —— */
.back2top { display: none !important; }

@media (max-width: 1400px) {
	.fh-stats { gap: 7px; }
	.fh-stats .fs { padding: 10px 9px 9px; border-radius: 10px; }
	.fh-stats .fs em { font-size: 17px; }
	.fh-stats .fs em i { font-size: 10.5px; }
	.fh-stats .fs em u { font-size: 9.5px; }
	.fh-stats .fs span { font-size: 9.5px; line-height: 12px; letter-spacing: 0; }
	.foot-hero { gap: 26px !important; }
}
@media (max-width: 1200px) {
	.foot-hero { flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
	.fh-brand { width: 100% !important; }
	.fh-brand .fh-search { min-width: 0; width: 100%; max-width: 100%; flex-wrap: wrap; }
	.fh-brand .fh-search .fsl { grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); gap: 2px; }
	.fh-stats { width: 100% !important; flex: 0 0 auto !important; margin-left: 0 !important;
	            grid-template-columns: repeat(8, minmax(0, 1fr)) !important; gap: 8px; }
	.fh-stats .fs { padding: 11px 8px 10px; }
	.fh-stats .fs em { font-size: 18px; }
	.fh-stats .fs em i { font-size: 11px; }
	.fh-stats .fs em u { font-size: 9.5px; }
	.fh-stats .fs span { font-size: 9.5px; line-height: 12px; letter-spacing: 0; }
	.fh-brand p { white-space: normal; }
	.foot-hero { padding: 20px 0 16px !important; }
}
@media (max-width: 900px) {
	.fh-stats { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 9px; }
	.fh-stats .fs em { font-size: 19px; }
	.fh-stats .fs span { font-size: 10px; line-height: 13px; }
	.foot-bar { flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 600px) {
	.fh-brand .fh-search .fsl { grid-template-columns: repeat(auto-fill, minmax(25px, 1fr)); }
	.fh-brand .fh-search .fsl a { height: 20px; font-size: 11px; }
	.fh-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.foot-bar .fh-ai { display: none; }
}
/* ================================================================
   第 32 节：页脚 v4.1 —— 8 数据卡底边与「产品检索」行底部对齐 + 「+」改上标
   1) .fh-stats 由 align-self:center 改 flex-end —— 底边贴到 .fh-brand 列底，
      而 .fh-brand 最后一子元素正是 .fh-search（产品检索行），故两者底边严格对齐
   2) 「+」由「数字后 / 单位前」移到「单位之后」的右上角：
      原  16 | + | 年      →   现  16 | 年 | (+)
      用 flex order 实现（em 本身即 display:flex / align-items:baseline）：
      匿名文本(数字)=order 0  <  u(单位)=order 2  <  i(+)=order 3
      「+」用 position:relative + top:-0.62em 抬升，不破坏 baseline 对齐
      注：第 6 张卡「信息发布 10万+」无单位 <u>，「+」直接跟在数字后（同样上标）
   ================================================================ */

/* —— 1) 8 卡片底边与「产品检索」行底部对齐 —— */
.fh-stats { align-self: flex-end !important; }

/* —— 2) 「+」移到单位之后，右上角上标 —— */
.fh-stats .fs em u {
	order: 2;
	margin-left: 1px !important;
	margin-right: 0 !important;
}
.fh-stats .fs em i {
	order: 3;
	position: relative;
	top: -0.62em;
	margin-left: 1px;
	font-size: 11px;
	line-height: 1;
}

@media (max-width: 1400px) {
	.fh-stats .fs em i { font-size: 10.5px; }
}
@media (max-width: 1200px) {
	.fh-stats { align-self: stretch !important; }
	.fh-stats .fs em i { font-size: 10px; }
}


/* ================================================================
   第 33 节：品牌展播通栏（品牌频道最新 LOGO · 向上翻动）
   无缝滚动原理：.bc-roll 内 24 项 x 2 份；item 用 margin-bottom 代替 grid gap，
   使「原始 24 项」高度恰为总高 1/2 -> translateY(-50%) 精确无缝。
   ================================================================ */
.brandcast { position: relative; margin: 0 0 18px; padding: 16px 20px 18px; border-radius: var(--f-radius); background: var(--f-card-3); border: 1px solid var(--f-line); box-shadow: var(--f-shadow); overflow: hidden; }
.brandcast::before { content: ''; position: absolute; left: 0; top: 16px; bottom: 16px; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, var(--f-p1), var(--f-p3)); box-shadow: 0 2px 10px rgba(61,214,140,.5); }
.bc-hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid var(--f-line); }
.bc-tt { display: flex; align-items: center; gap: 9px; min-width: 0; }
.bc-ico { color: var(--f-p2); font-size: 14px; line-height: 1; }
.bc-tt b { color: var(--f-ink); font-size: 19px; font-weight: 800; letter-spacing: .5px; }
.bc-sub { color: var(--f-ink3); font-size: 12px; font-weight: 600; letter-spacing: .5px; }
.bc-mr { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.bc-live { display: inline-flex; align-items: center; gap: 6px; color: var(--f-p2); font-size: 12px; font-weight: 700; }
.bc-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--f-p2); animation: bcPulse 1.6s infinite; }
@keyframes bcPulse { 0% { box-shadow: 0 0 0 0 rgba(43,182,115,.55); } 70% { box-shadow: 0 0 0 7px rgba(43,182,115,0); } 100% { box-shadow: 0 0 0 0 rgba(43,182,115,0); } }
.bc-mr a { color: var(--f-ink3); font-size: 13px; font-weight: 700; }
.bc-mr a:hover { color: var(--f-p2); }
.bc-mr a i { color: var(--f-p2); }
.bc-view { position: relative; height: 186px; overflow: hidden; }
.bc-view::before, .bc-view::after { content: ''; position: absolute; left: 0; right: 0; height: 30px; pointer-events: none; z-index: 2; }
.bc-view::before { top: 0; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,0)); }
.bc-view::after { bottom: 0; background: linear-gradient(0deg, rgba(255,255,255,.96), rgba(255,255,255,0)); }
.bc-roll { display: grid; grid-template-columns: repeat(8, 1fr); animation: bcRoll 40s linear infinite; will-change: transform; }
.bc-view:hover .bc-roll { animation-play-state: paused; }
@keyframes bcRoll { from { transform: translateY(0); } to { transform: translateY(-50%); } }
.bc-item { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 86px; margin-bottom: 14px; padding: 8px 10px; border-radius: var(--f-radius-sm); background: rgba(255,255,255,.82); border: 1px solid var(--f-line); overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; }
.bc-item:hover { transform: translateY(-2px); border-color: var(--f-line-strong); box-shadow: 0 8px 20px rgba(43,182,115,.14); }
.bc-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 44px; }
.bc-logo img { max-width: 100%; max-height: 44px; object-fit: contain; }
.bc-item b { max-width: 100%; color: var(--f-ink2); font-size: 12px; font-weight: 700; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1400px) { .bc-roll { grid-template-columns: repeat(7, 1fr); } }
@media (max-width: 1200px) { .bc-roll { grid-template-columns: repeat(6, 1fr); } .bc-sub { display: none; } }
@media (max-width: 900px) { .brandcast { padding: 14px 14px 16px; } .bc-roll { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .bc-roll { grid-template-columns: repeat(3, 1fr); } .bc-item { height: 78px; } .bc-logo { height: 38px; } .bc-logo img { max-height: 38px; } .bc-view { height: 170px; } .bc-live { display: none; } }


/* ================================================================
   第 36 节：顶部栏目导航条底色加深
   ================================================================ */
.menu-wrap {
	background: linear-gradient(180deg, #E4F5EC 0%, #C3E6D3 100%) !important;
	border-bottom: 1px solid rgba(43, 182, 115, .30) !important;
	box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 3px 14px rgba(31, 90, 66, .10) !important;
}
.menu > ul > li > a { color: var(--f-ink) !important; }


/* ================================================================
   第 37 节：易菇专题通栏（专题频道最新发布 · 缩略图 + 名称）
   ================================================================ */
.specialcast { position: relative; margin: 0 0 18px; padding: 16px 20px 18px; border-radius: var(--f-radius); background: var(--f-card-3); border: 1px solid var(--f-line); box-shadow: var(--f-shadow); overflow: hidden; }
.specialcast, .specialcast * { box-sizing: border-box; }
.specialcast::before { content: ''; position: absolute; left: 0; top: 16px; bottom: 16px; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, var(--f-p1), var(--f-p3)); box-shadow: 0 2px 10px rgba(61,214,140,.5); }
.sc-hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 11px; margin-bottom: 14px; border-bottom: 1px solid var(--f-line); }
.sc-tt { display: flex; align-items: center; gap: 9px; min-width: 0; }
.sc-ico { color: var(--f-p2); font-size: 14px; line-height: 1; }
.sc-tt b { color: var(--f-ink); font-size: 19px; font-weight: 800; letter-spacing: .5px; }
.sc-sub { color: var(--f-ink3); font-size: 12px; font-weight: 600; letter-spacing: .5px; }
.sc-mr { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.sc-live { display: inline-flex; align-items: center; gap: 6px; color: var(--f-p2); font-size: 12px; font-weight: 700; }
.sc-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--f-p2); animation: bcPulse 1.6s infinite; }
.sc-mr a { color: var(--f-ink3); font-size: 13px; font-weight: 700; }
.sc-mr a:hover { color: var(--f-p2); }
.sc-mr a i { color: var(--f-p2); }
.sc-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.sc-item { display: block; border-radius: var(--f-radius-sm); overflow: hidden; background: rgba(255,255,255,.9); border: 1px solid var(--f-line); text-decoration: none; transition: transform .25s, border-color .25s, box-shadow .25s; }
.sc-item:hover { transform: translateY(-3px); border-color: var(--f-line-strong); box-shadow: 0 10px 24px rgba(43,182,115,.16); }
.sc-thumb { display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #EAF4EE; }
.sc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.sc-item:hover .sc-thumb img { transform: scale(1.06); }
.sc-item b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 58px; padding: 9px 11px 10px; color: var(--f-ink2); font-size: 13px; font-weight: 700; line-height: 1.42; }
@media (max-width: 1400px) { .sc-grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 1200px) { .sc-grid { grid-template-columns: repeat(4, 1fr); } .sc-sub { display: none; } }
@media (max-width: 900px) { .specialcast { padding: 14px 14px 16px; } .sc-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (max-width: 600px) { .sc-grid { grid-template-columns: repeat(2, 1fr); } .sc-live { display: none; } }


/* ================================================================
   第 38 节：导航压高 + 栏目文字加大 + 首屏行情速览（2026-10-05）
   ================================================================ */
/* --- 导航条：压缩高度（覆盖第 11 节的 14px/22px 内边距） --- */
.menu .mi-home > .mi-a { padding: 12px 24px !important; }
.menu .mi-drop { padding: 8px 12px !important; gap: 12px !important; }
/* --- 栏目文字：加大、加粗、提色，更显眼 --- */
.menu .mi-drop > .drop .di { font-size: 14.5px !important; color: var(--f-ink2) !important; font-weight: 600 !important; }
.menu .mi-drop > .drop .di b { font-size: 14.5px !important; }
.menu .mi-drop > .drop .di::before { width: 5px; height: 5px; }
@media (max-width: 1240px) { .menu .mi-drop { padding: 10px 16px !important; } }

/* --- 首屏：主文案区 + 行情速览面板 并排，填充 h1 右侧留白 --- */
.ehero-row { display: flex; flex-direction: column; gap: 28px; align-items: stretch; }
.ehero-main { flex: 1 1 auto; min-width: 0; }
.ehero-qt {
	flex: 0 0 220px;
	display: flex; flex-direction: column;
	padding: 16px 16px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .82);
	border: 1px solid var(--f-line);
	box-shadow: var(--f-shadow), var(--f-shadow-in);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}
.ehero-qt .qt-hd { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding-bottom: 9px; margin-bottom: 4px; border-bottom: 1px dashed var(--f-line); }
.ehero-qt .qt-hd b { font-size: 14.5px; font-weight: 800; color: var(--f-ink); letter-spacing: .5px; }
.ehero-qt .qt-hd span { font-size: 10.5px; color: var(--f-ink3); font-weight: 700; letter-spacing: 1px; margin-left: auto; }
.qt-r { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px dashed var(--f-line-soft); text-decoration: none; }
.qt-r i { width: 18px; height: 18px; flex-shrink: 0; border-radius: 6px; font-style: normal; font-size: 11px; font-weight: 800; color: #fff; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--f-p1), var(--f-p2)); }
.qt-r b { flex: 1 1 auto; min-width: 0; font-size: 13.5px; font-weight: 700; color: var(--f-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .2s; }
.qt-r:hover b { color: var(--f-p2); }
.qt-r span { flex-shrink: 0; font-size: 11px; color: var(--f-ink3); white-space: nowrap; }
.qt-r s { text-decoration: none; color: var(--f-hot); font-weight: 800; font-size: 13px; }
.qt-mr { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: auto; padding: 10px 0 2px; font-size: 12.5px; font-weight: 700; color: var(--f-p2); text-decoration: none; }
.qt-mr em { font-style: normal; transition: transform .2s; }
.qt-mr:hover em { transform: translateX(3px); }
@media (max-width: 1400px) { .ehero-qt { flex-basis: 200px; } }
@media (max-width: 1300px) { .ehero-qt { display: none; } }

/* ================================================================
   第 41 节：搜索框精确居中（2026-10-05）
   margin:auto 方案受 logo/登录按钮宽度差影响约有 15px 偏差；
   ≥1081px 改三列网格，中列恒为容器中线，实现严格左右居中。
   ================================================================ */
@media (min-width: 1081px) {
	.head-main .m { display: grid !important; grid-template-columns: 1fr auto 1fr !important; align-items: center !important; }
	.head-main .m > .logo { grid-column: 1; justify-self: start; }
	.head-main .m > form#destoon-search { grid-column: 2; justify-self: center; margin: 0 !important; }
	.head-main .m > .head-user { grid-column: 3; justify-self: end; }
}

/* ================================================================
   第 42 节：行情速览 ↔ 易菇智数 互换 + 顶栏贴边（2026-10-05）
   1) .ehero-qt（行情速览）升为 .ehero 右列（原仪表盘位，撑满 420px 列宽）
   2) .egauge（易菇智数）进入左侧文本行 .ehero-row（原行情速览位，原生尺寸）
   3) 顶栏 .head_m 满宽，左右链接贴网页最左/最右边
   ================================================================ */
.ehero > .ehero-qt { width: 100%; align-self: center; }
.ehero-row > .ehero-qt { width: 100% !important; flex: none !important; }
/* 顶栏 .head_m 约束为 1220px 内容列并居中（链接对齐内容左/右边缘，非物理屏边，与 logo/nav 行同宽） */
.head_m { width: 1220px !important; margin: 0 auto !important; padding: 9px 0 0 0 !important; }

/* ================================================================
   第 43 节：删 ekick 句 + 首屏高度压缩约1cm；行情速览收窄不溢出 + 扩至8条 + 价格走势火花线（2026-10-05）
   1) .ehero 内边距由 14px 压到 10/8px（叠加删除 ekick 行高≈48px，整体约压 1.2~1.5cm）
   2) 行情速览右列 .ehero 由 1fr 420px 改为 1fr 360px，面板 min-width:0 + overflow:hidden 防溢出
   3) 每行：品名 + 走势火花线(72x22) + 价格；行距收紧以容纳8条
   ================================================================ */
.ehero { padding: 10px 0 8px !important; gap: 36px !important; }   /* 覆盖第38节内边距 */
.ehero { grid-template-columns: 1fr 420px; }                        /* 行情速览右列收窄(第44节再压缩~1cm) */
.ehero > .ehero-qt { width: 100%; min-width: 0; align-self: center; overflow: hidden; }
.ehero-qt .qt-r { gap: 7px; padding: 6px 0; }
.ehero-qt .qt-r b { font-size: 13px; }
.ehero-qt .qt-spark { flex: 0 0 72px; width: 72px; height: 22px; display: inline-flex; align-items: center; justify-content: center; }
.ehero-qt .qt-spark .qt-x { display: block; width: 56px; height: 2px; background: var(--f-line); border-radius: 2px; }
.ehero-qt .qt-pr { font-size: 11px; }
.ehero-qt .qt-pr s { font-size: 13px; }
@media (max-width: 1400px) { .ehero { grid-template-columns: 1fr 420px; } }
@media (max-width: 1300px) { .ehero-qt { display: none; } }


/* ================================================================
   第 45 节：资讯中心加宽至 1560px，与首屏(escreen)左右对齐（2026-10-05）
   1) 资讯中心容器 .m 追加 in-news 类，宽度对齐 --f-content(1560)，左/右边缘与首屏重合
   ================================================================ */
.in-news { width: 1560px !important; max-width: calc(100% - 40px) !important; margin: 0 auto !important; }

/* 第51节：行情速览标题右侧分析入口 */
.qt-ana { font-size: 12px; font-weight: 600; color: #1a73e8; text-decoration: none; white-space: nowrap; padding: 1px 0; }
.qt-ana:hover { text-decoration: underline; color: #1558d6; }

/* 第52节：去掉仪表盘圆环/扫描动画 + 底部分析数据入口 */
.eg-foot { text-align: center; margin-top: 10px; }
.eg-link { font-size: 12.5px; color: #34d399; text-decoration: none; font-weight: 600; white-space: nowrap; }
.eg-link:hover { text-decoration: underline; color: #10b981; }
/* ===== 第 53 节：按截图对齐红线（易菇智数回左行、行情速览回右栏、顶栏贴红线） 2026-10-05 ===== */
.ehero-row { flex-direction: row !important; align-items: center !important; }
.ehero-row > .ehero-main { flex: 1 1 auto; min-width: 0; }
.eg-col { flex: 0 0 420px; display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.eg-col .egauge { width: 420px; height: 384px; }
.eg-col .eg-foot { margin: 0; }
.ehero > .ehero-qt { width: 100% !important; min-width: 0; align-self: center; overflow: hidden; }
.head_m { width: var(--f-content, 1560px) !important; max-width: calc(100% - 40px) !important; }

/* ===== 第 54 节：按截图红框/红线精调（2026-10-05） =====
   诊断：1) .ehero-qt 为 content-box，width:100%(420)+左右padding32=实宽452px，
            右缘溢出内容右缘(红线)约32px —— 截图实测吻合；
         2) 模板 .in.escreen 未闭合，.in-news 嵌套其内，max-width:calc(100%-40px)
            在容器内二次扣减且居中，右缘内缩20px —— 截图实测吻合。
   处理：1) box-sizing:border-box 消除溢出；右列 420px 收窄为 360px（红框实测≈362px），
            右缘恰好落在红线上；
         2) .in-news 改 width/max-width:100% —— 与宿主 .escreen 内容宽严格一致，右缘=红线。
   注意：第2条依赖 in-news 现嵌套于 .escreen 内的现状；若日后修复模板闭合 div，
            需同步还原为 width:1560px/max-width:calc(100%-40px)。
*/
.ehero { grid-template-columns: 1fr 360px; }
@media (max-width: 1100px) { .ehero { grid-template-columns: 1fr; } }
.ehero-qt { box-sizing: border-box; }
.ehero-qt .qt-hd { gap: 8px; }
.ehero-qt .qt-hd span { white-space: nowrap; }
.in-news { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; }

/* 第57节：数据标签随圆环缓慢旋转（文字保持水平） s60_ */
.egauge .eg-rotor { position: absolute; inset: 0; pointer-events: none; transform-origin: 50% 50%; animation: f-spin 80s linear infinite; }
.egauge .eg-rotor .tag { animation: f-spin 80s linear infinite reverse; transform-origin: 50% 50%; }

/* ===== 第59节：下游板块对齐红线（escreen 满宽容器内一次全对齐） =====
   说明：.in.escreen 满宽（无 width），资讯中心已 width:100% 填满；其余 .m 板块与
   嵌套在未闭合结构内的 edash/emonitor/secai.green/aiscreen 之前被 calc(100%-40px)
   二次扣减而内缩 20px。此处统一拉满 escreen 宽度（用户屏=1560=红线），
   与资讯中心一致；窄屏 max-width:100% 自动收缩。 */
.edash, .emonitor, .secai.green, .aiscreen {
	width: var(--f-content);
	max-width: 100%;
	margin: 0 auto;
}

/* ================================================================
   第 60 节：顶部导航条特效升级（2026-10-06）
   1) 「首页」：渐变胶囊 + 呼吸光晕 + 循环光泽扫过，成为视觉起点
   2) 四板块列宽：等分(flex:1 1 0) → 按内容多少自适应(flex:1 1 auto)
      （子项 2 列的服务板块自然窄于 3 列的资讯/学院/商务）
   3) 四板块名：各自专属主题色渐变文字 + 位于名称**下层**的色块特效层，
      与子频道（浅灰小字）形成强区分，提升板块辨识度
   ================================================================ */

/* —— 1. 首页按钮：渐变胶囊 + 光晕呼吸 + 光泽扫过 —— */
.menu .mi-home {
	padding: 0 !important;
	margin: 8px 14px 8px 0 !important;
	align-self: center !important;
}
.menu .mi-home > .mi-a {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 11px 26px !important;
	border-radius: 12px !important;
	color: #fff !important;
	background: linear-gradient(135deg, #2FC47C 0%, #1AA46C 52%, #0E8A5F 100%) !important;
	animation: navHomeGlow 3.4s ease-in-out infinite;
}
.menu .mi-home > .mi-a .mi-t {
	color: #fff !important;
	letter-spacing: 2.5px !important;
	text-shadow: 0 1px 2px rgba(6, 58, 42, .32) !important;
}
.menu .mi-home > .mi-a .mi-t::before { opacity: 1; border-color: #fff; }
/* 循环光泽（覆盖第 6b 节 .mi-a::after 的顶部高亮条） */
.menu .mi-home > .mi-a::after {
	content: ''; display: block !important;
	position: absolute; z-index: 1;
	top: -25% !important; bottom: -25% !important; left: -70%;
	width: 46% !important; height: auto !important;
	border-radius: 0 !important;
	background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.66), rgba(255,255,255,0)) !important;
	box-shadow: none !important;
	transform: skewX(-20deg) !important;
	opacity: 1 !important;
	pointer-events: none;
	animation: navHomeSheen 4.2s cubic-bezier(.5, 0, .5, 1) infinite;
}
@keyframes navHomeSheen { 0% { left: -70%; } 46% { left: 132%; } 100% { left: 132%; } }
@keyframes navHomeGlow {
	0%, 100% {
		box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -1px 0 rgba(0,0,0,.10),
			0 6px 16px rgba(22,150,104,.30), 0 0 0 0 rgba(47,196,124,.52) !important;
	}
	50% {
		box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -1px 0 rgba(0,0,0,.10),
			0 9px 22px rgba(22,150,104,.40), 0 0 0 8px rgba(47,196,124,0) !important;
	}
}

/* —— 2. 四板块：列宽按内容多少分配（覆盖第 6b 节 flex:1 1 0 等分） —— */
.menu .mi-drop { flex: 1 1 auto !important; }

/* —— 3. 四板块名：专属主题色 + 渐变文字 + 下层色块特效 —— */
.menu .mi-drop[data-k="news"] { --nc1: #2F7BFF; --nc2: #6FB4FF; --nc3: #1B4FCC; }
.menu .mi-drop[data-k="edu"]  { --nc1: #7C4DF0; --nc2: #B79CFF; --nc3: #5A2ECC; }
.menu .mi-drop[data-k="biz"]  { --nc1: #E8890C; --nc2: #FFC15C; --nc3: #C06A00; }
.menu .mi-drop[data-k="svc"]  { --nc1: #0E9BB8; --nc2: #5FD8E8; --nc3: #07768C; }

.menu .mi-drop > .mi-a {
	position: relative;
	/* 名称用专属主题色实色（渐变裁切 background-clip:text 在本主题叠层下渲染不可靠，实测文字会消失） */
	color: var(--nc1) !important;
	background: none !important;
	-webkit-text-fill-color: currentColor !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.92), 0 0 14px rgba(255,255,255,.55);
	transition: letter-spacing .28s, text-shadow .28s;
}
/* 名称：置于特效层之上 */
.menu .mi-drop > .mi-a .mi-t { position: relative; z-index: 3; }
/* 左侧竖条改专属主题色 */
.menu .mi-drop > .mi-a::before {
	background: linear-gradient(180deg, var(--nc1), var(--nc2)) !important;
	box-shadow: 0 2px 9px rgba(15, 43, 33, .16) !important;
}
/* 特效层（z-index 低于名称）：改为**圆形光晕**
   —— 圆心深、边缘浅：中心实色 → 透明；外沿一圈更浅的 --nc2 描边形成明确"圆圈"
   —— 偏心高光点 + 缓慢旋转 + 呼吸缩放，构成动感
   注意：transform / opacity 由 @keyframes 提供，**不可加 !important**
   （!important 声明优先级高于动画，加了动画就失效） */
.menu .mi-drop > .mi-a::after {
	content: ''; display: block !important;
	position: absolute; z-index: 2;
	/* left 是圆心 x（配 translate(-50%,-50%)）：名称位于 26~70px，圆心 48px →
	   名称在圆内左右各留 10px，正好居中；色标竖条缩为 3px 收在左侧余量里 */
	left: 48px !important; right: auto !important; top: 50% !important; bottom: auto !important;
	width: 64px !important; height: 64px !important;
	box-sizing: border-box !important;
	border: 1.5px solid var(--nc2) !important;
	border-radius: 50% !important;
	background:
		radial-gradient(circle 20px at 34% 27%, var(--nc2) 0%, rgba(255, 255, 255, 0) 100%),
		radial-gradient(circle closest-side at 46% 46%, var(--nc3) 0%, var(--nc1) 52%, rgba(255, 255, 255, 0) 92%);
	box-shadow: none !important;
	transform: translate(-50%, -50%) rotate(0deg) scale(1);
	animation: navOrb 10s linear infinite;
	pointer-events: none;
}
@keyframes navOrb {
	0%   { transform: translate(-50%, -50%) rotate(0deg)   scale(1);    opacity: .36; }
	24%  { transform: translate(-50%, -50%) rotate(86deg)  scale(1.08); opacity: .54; }
	50%  { transform: translate(-50%, -50%) rotate(180deg) scale(1);    opacity: .36; }
	74%  { transform: translate(-50%, -50%) rotate(274deg) scale(1.08); opacity: .54; }
	100% { transform: translate(-50%, -50%) rotate(360deg) scale(1);    opacity: .36; }
}
.menu .mi-drop:hover > .mi-a {
	color: var(--nc1) !important;
	background: none !important;
	letter-spacing: 4px !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .95), 0 0 18px rgba(255, 255, 255, .75);
}
/* hover：只加强饱和度（transform/opacity 归动画管，这里不能再用 !important 覆盖） */
.menu .mi-drop:hover > .mi-a::after { filter: saturate(1.3) brightness(1.05); }

/* 子频道：与板块名拉开层级（更小、更浅、无特效） */
.menu .mi-drop > .drop .di { font-weight: 500 !important; color: var(--f-ink3) !important; }
.menu .mi-drop > .drop .di b { font-weight: 500 !important; color: inherit !important; }
.menu .mi-drop > .drop .di:hover { color: var(--nc1) !important; background: rgba(15, 43, 33, .05) !important; }
.menu .mi-drop > .drop .di:hover::before { background: var(--nc1) !important; }

/* —— 4. 字号整体提升一档 + 子频道提色 + 首页图标补全 —— */

/* 五个名称（首页 / 资讯 / 学院 / 商务 / 服务）统一 20px
   关键：基础规则 `.menu > ul > li > a span { font-size: 14.5px }`（第 284 行）
   把名称文字单独压到 14.5px（父级 28px 也救不回来，因为继承打不过显式声明），
   必须显式命中 span.mi-t 才能覆盖 */
.menu .menu-ul > li > a > span.mi-t {
	font-size: 20px !important;
	height: auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: none !important;
}
.menu .mi-home > .mi-a { font-size: 20px !important; padding: 10px 24px !important; }
.menu .mi-home > .mi-a .mi-t { gap: 8px !important; }
.menu .mi-home > .mi-a .mi-t::before {
	content: '' !important;
	width: 16px !important; height: 16px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: currentColor !important;
	position: relative !important;
	top: 0 !important;
	transform: none !important;
	opacity: 1 !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 10.6 12 2.8l9.4 7.8'/%3E%3Cpath d='M5.4 9.2V20.4h13.2V9.2'/%3E%3Cpath d='M9.7 20.4v-5.6h4.6v5.6'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 10.6 12 2.8l9.4 7.8'/%3E%3Cpath d='M5.4 9.2V20.4h13.2V9.2'/%3E%3Cpath d='M9.7 20.4v-5.6h4.6v5.6'/%3E%3C/svg%3E") center / 100% 100% no-repeat !important;
}

/* 板块名：与首页同字号；左侧留出 26px 给色标竖条，圆晕居中于名称 */
.menu .mi-drop > .mi-a {
	font-size: 20px !important;
	letter-spacing: 2px !important;
	padding: 14px 0 14px 26px !important;
}
.menu .mi-drop > .mi-a::before { left: 19px !important; width: 3px !important; height: 20px !important; border-radius: 2px !important; }

/* 子频道：比原 15.5px 小一号 → 14px；颜色保持 --f-ink2(#4A6A5E) */
.menu .mi-drop > .drop .di,
.menu .mi-drop > .drop .di b {
	font-size: 14px !important;
	color: var(--f-ink2) !important;
	font-weight: 600 !important;
}
.menu .mi-drop > .drop .di::before { width: 5px !important; height: 5px !important; background: rgba(18, 51, 42, .34) !important; }
.menu .mi-drop > .drop .di:hover { color: var(--nc1) !important; }
.menu .mi-drop > .drop .di:hover::before { background: var(--nc1) !important; }

/* —— 窄屏：板块堆叠为 4 行，收敛圆晕尺寸 —— */
@media (max-width: 1240px) {
	.menu .mi-drop > .mi-a::after { left: 48px !important; width: 56px !important; height: 56px !important; }
	.menu .mi-home { margin: 8px 12px 8px 0 !important; }
}
/* —— 5. 导航条底色加深一档（覆盖第 36 节，原 #E4F5EC → #C3E6D3 偏浅） —— */
.menu-wrap {
	background: linear-gradient(180deg, #D2ECDE 0%, #A6D6BF 100%) !important;
	border-bottom: 1px solid rgba(43, 182, 115, .44) !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .62) inset, 0 3px 14px rgba(31, 90, 66, .14) !important;
}

@media (prefers-reduced-motion: reduce) {
	.menu .mi-home > .mi-a { animation: none !important; }
	.menu .mi-home > .mi-a::after { animation: none !important; opacity: 0 !important; }
	/* 关闭动效时圆晕保持静态可见 */
	.menu .mi-drop > .mi-a::after { animation: none !important; opacity: .36 !important; }
}


/* ================================================================
   61. 搜索区改版：频道选择器前置
   顺序 ① 频道下拉 → ② 关键词框 → ③ 搜索按钮 → ④ 高级搜索图标
   ================================================================ */
.head-main form#destoon-search {
	display: flex !important;
	align-items: center;
	background: rgba(255, 255, 255, .92) !important;
	border: 1px solid rgba(61, 214, 140, .2) !important;
	border-radius: 16px !important;
	box-shadow: var(--f-shadow-in), 0 4px 18px rgba(43, 182, 115, .09) !important;
	overflow: visible !important;
}

/* —— ① 频道选择器（前置，左端胶囊） —— */
.head-main form#destoon-search .search-mod {
	position: relative !important;
	flex: 0 0 auto !important;
	width: 108px !important;
	height: 40px !important;
	margin: 0 !important;
	float: none !important;
	display: flex !important;
	align-items: center;
	background: linear-gradient(135deg, rgba(61, 214, 140, .20), rgba(43, 182, 115, .10)) !important;
	border: none !important;
	border-right: 1px solid rgba(61, 214, 140, .26) !important;
	border-radius: 15px 0 0 15px !important;
	cursor: pointer;
}
.head-main form#destoon-search .search-mod input,
.head-main form#destoon-search #destoon-mod {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 26px 0 14px !important;
	box-sizing: border-box;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
	text-align: left !important;
	color: var(--f-p2) !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	letter-spacing: .3px;
	cursor: pointer;
}
/* 下拉箭头 */
.head-main form#destoon-search .search-mod::after {
	content: '';
	position: absolute;
	right: 12px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-right: 2px solid var(--f-p2);
	border-bottom: 2px solid var(--f-p2);
	transform: rotate(45deg);
	opacity: .72;
	pointer-events: none;
}
.head-main form#destoon-search .search-mod:hover::after { opacity: 1 !important; }

/* —— ② 关键词输入框（中段，左右不圆角） —— */
.head-main form#destoon-search .search-inp {
	position: relative !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0;
	height: 40px !important;
	margin: 0 !important;
	float: none !important;
	display: flex;
	align-items: center;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.head-main form#destoon-search .search-inp input,
.head-main form#destoon-search #destoon-kw {
	width: 100% !important;
	min-width: 0;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 34px 0 14px !important;
	box-sizing: border-box;
	background: transparent !important;
	background-image: none !important;
	border: none !important;
}
/* 清空按钮：贴关键词框右侧 */
.head-main form#destoon-search #search-cls {
	z-index: 997 !important;
	position: absolute !important;
	right: 10px !important;
	left: auto !important;
	top: 50% !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	transform: translateY(-50%);
	background-size: 15px 15px !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* —— ③ 搜索按钮（右端胶囊） —— */
.head-main form#destoon-search .search-btn {
	flex: 0 0 auto !important;
	width: 84px !important;
	height: 40px !important;
	margin: 0 !important;
	float: none !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
}
.head-main form#destoon-search .search-btn input {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 15px 15px 0 !important;
	background: linear-gradient(135deg, var(--f-p1), var(--f-p2)) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700;
	cursor: pointer;
}
.head-main form#destoon-search .search-btn input:hover { filter: brightness(1.06); }

/* —— ④ 高级搜索图标（最右，胶囊外） —— */
.head-main form#destoon-search .search-adv {
	position: relative !important;
	flex: 0 0 auto !important;
	float: none !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 0 0 9px !important;
	border: 1px solid rgba(61, 214, 140, .28) !important;
	border-radius: 10px;
	background: rgba(61, 214, 140, .10) !important;
	background-image: none !important;
	opacity: 1 !important;
	color: var(--f-p2);
	transition: background-color .2s, border-color .2s, transform .2s;
}
.head-main form#destoon-search .search-adv::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 17px;
	height: 17px;
	transform: translate(-50%, -50%);
	background: currentColor;
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 21 21'/%3E%3Cpath d='M10.5 8.2v4.6M8.2 10.5h4.6'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 17px 17px;
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4 21 21'/%3E%3Cpath d='M10.5 8.2v4.6M8.2 10.5h4.6'/%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 17px 17px;
}
.head-main form#destoon-search .search-adv:hover {
	background-color: rgba(61, 214, 140, .22) !important;
	border-color: var(--f-p1) !important;
	transform: translateY(-1px);
}

/* —— 下拉面板：自频道按钮下方弹出 —— */
.head-main form#destoon-search #search-mod {
	position: absolute !important;
	left: 0 !important;
	top: calc(100% + 10px) !important;
	z-index: 1200 !important;
	width: 596px !important;
	max-width: 92vw;
	margin: 0 !important;
	padding: 8px !important;
	overflow: hidden;
	box-sizing: border-box;
	background: #FFFFFF !important;
	border: 1px solid var(--f-line) !important;
	border-top: 1px solid var(--f-line) !important;
	border-radius: 14px !important;
	box-shadow: var(--f-shadow-lg) !important;
}
.head-main form#destoon-search #search-mod p {
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 30px !important;
	margin: 0 0 6px !important;
	border-radius: 9px;
	background: rgba(61, 214, 140, .12) url('ico-cate.png') no-repeat 9px center !important;
	background-size: 14px 14px !important;
	color: var(--f-ink2) !important;
	font-size: 12px !important;
	font-weight: 700;
}
.head-main form#destoon-search #search-mod p i {
	background-color: transparent !important;
	margin-top: 7px !important;
}
.head-main form#destoon-search #search-mod ul { display: block; overflow: hidden; }
.head-main form#destoon-search #search-mod li {
	float: left !important;
	width: 20% !important;
	height: 34px !important;
	line-height: 34px !important;
	margin: 0 !important;
	text-align: center !important;
	border-radius: 9px;
	color: var(--f-ink2) !important;
	font-size: 13px !important;
	cursor: pointer;
	box-sizing: border-box;
}
.head-main form#destoon-search #search-mod li:hover {
	background: rgba(61, 214, 140, .14) !important;
	color: var(--f-p2) !important;
	font-weight: 700;
}

/* —— 关键词联想 / 相关搜索：跟随输入框宽度向下展开 —— */
.head-main form#destoon-search #search-tip,
.head-main form#destoon-search #search-rec {
	left: 0 !important;
	top: calc(100% + 10px) !important;
	margin: 0 !important;
	width: 100% !important;
	min-width: 0;
	z-index: 1190 !important;
	border-radius: 12px !important;
}

/* —— 响应式 —— */
@media (max-width: 1500px) {
	.head-main form#destoon-search .search-mod { width: 108px !important; }
}
@media (max-width: 1366px) {
	.head-main form#destoon-search .search-mod { width: 100px !important; }
}
@media (max-width: 1200px) {
	.head-main form#destoon-search .search-adv { display: none !important; }
}
@media (max-width: 1080px) {
	.head-main form#destoon-search .search-mod { display: none !important; }
	.head-main form#destoon-search .search-inp { border-radius: 15px 0 0 15px !important; }
	.head-main form#destoon-search .search-btn input { border-radius: 0 15px 15px 0 !important; }
}


/* —— 61b. 层级修复：让搜索下拉浮在导航条之上 ——
   .head-main 与 .menu-wrap 都因 backdrop-filter 形成层叠上下文（z-index:auto），
   而 .menu-wrap 在 DOM 中靠后 → 导航条会盖住搜索结果面板与关键词联想面板。
   给 .head-main 一个正的 z-index 即可把整棵子树抬到 .menu-wrap 之上；
   仍低于 sticky 顶条 .head 的 z-index:120，滚动时顶条依旧压住主头部。 */
.head-main {
	position: relative;
	z-index: 110;
}

/* ================================================================
   62. 搜索页两栏紧凑化（.m2.sr-two）
   ----------------------------------------------------------------
   原 style.css 的 .m2l 固定 960px 左浮动 + .m2r 固定 250px 右浮动，
   是给 1220px 老容器设计的；而 theme.css 已把 .m 放宽到 --f-content(1560px)，
   于是两栏之间空出大片留白：1600 视口 350px / 1440 → 220 / 1366 → 146，
   且 <1200 时右栏被挤到下一行（float 换行），布局崩坏。
   改为 flex：左栏自适应 + 右栏固定 280px，用 1px 竖线替代原背景图分隔线。
   容器上限 1400px 居中，兼顾"内容不散"与"填满视野"。
   ================================================================ */
.m.m2.sr-two {
	background: none !important;
	display: flex !important;
	align-items: flex-start;
	gap: 0;
	max-width: min(1400px, 100%);
	margin-left: auto !important;
	margin-right: auto !important;
}
.sr-two > .m2l {
	float: none !important;
	width: auto !important;
	flex: 1 1 auto;
	min-width: 0;
}
.sr-two > .m2r {
	float: none !important;
	width: 280px !important;
	flex: 0 0 280px;
	box-sizing: border-box;
	padding-left: 24px;
	border-left: 1px solid var(--f-line);
}
/* 原 .m2 尾部用于撑开浮动高度的空块，flex 下无意义 */
.sr-two > .b10 { display: none !important; }
/* 分类筛选行原固定 840px（同样按 960 左栏设计），改为自适应 */
.sr-two .sort-v { width: auto !important; }
@media (max-width: 1024px) {
	.m.m2.sr-two { flex-direction: column; }
	.sr-two > .m2l { width: 100% !important; }
	.sr-two > .m2r {
		width: 100% !important;
		flex: 0 0 auto;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid var(--f-line);
		margin-top: 18px;
		padding-top: 8px;
	}
}