@CHARSET "UTF-8";
/* ==========================================================================
   中国教育科研信息网 · 全站新版皮肤 v2（2026-11-12）
   设计规范：主色 #093380 深蓝（权威） / 强调 #E8A33D 暖金 / 背景 #F4F6FA
   用法：在页面 </head> 前引入本文件即可，覆盖旧样式，不动页面结构
   ========================================================================== */

:root
{
	--brand:      #0A3C80;   /* 主色·深蓝深档（统一 #0A3C80） */
	--brand-dark: #0A3C80;   /* 主色·深 */
	--brand-light:#0E4DA4;   /* 主色·主蓝 */
	--accent:     #0E4DA4;   /* 原暖金 #E8A33D，统一深蓝 */
	--bg:         #F4F6FA;   /* 页面背景 */
	--card:       #FFFFFF;   /* 卡片底 */
	--text:       #2C3345;   /* 主文字 */
	--text2:      #6B7280;   /* 次文字 */
	--line:       #EBF1F8;   /* 淡蓝灰边线（原 #E5E9F0） */
	--ok:         #16A34A;
	--danger:     #DC2626;
	--radius:     6px;       /* 圆角统一 6px（原 10px） */
	--shadow:     0 2px 12px rgba(23,58,110,.08);
	--shadow-hi:  0 6px 24px rgba(23,58,110,.14);
}

/* ---------- 全局 ---------- */
body
{
	margin:0; padding:0;
	background: var(--bg) !important;
	font-family: "Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,sans-serif !important;
	color: var(--text);
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
}

a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-light); }
p { margin: 6px 0; }

.webroot, .webroot2
{
	width: 1200px;
	margin: 0 auto;
}

/* ---------- 顶部工具条 ---------- */
.topbar
{
	background: linear-gradient(90deg, #072A66, #093380) !important;
	height: 38px !important; line-height: 38px !important;
}

.logininf
{
	float: right;
	margin-right: 15px;
	color: rgba(255,255,255,.85);
	font-size: 13px;
}
.logininf img
{
	height: 24px; top: 6px; margin-right: 5px; position: relative;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.5);
}

.loginspan, .regspan
{
	cursor: pointer;
	color: #DCE7F5 !important;
	border: 1px solid rgba(255,255,255,.45) !important;
	background: transparent !important;
	display: inline-block;
	text-align: center;
	height: 24px; line-height: 24px;
	padding: 0 12px; width: auto;
	font-size: 12px;
	border-radius: 6px;
	transition: all .2s;
	margin-left: 6px;
}
.loginspan:hover
{
	color: #fff !important;
	border-color: #fff !important;
	background: rgba(255,255,255,.15) !important;
}
.regspan
{
	background: var(--accent) !important;
	border-color: var(--accent) !important;
	color: #fff !important;
}
.regspan:hover
{
	background: #F0B355 !important;
	border-color: #F0B355 !important;
	color: #fff !important;
}

/* ---------- Logo 区 ---------- */
.headlogozone { background:#fff; }

/* ---------- 导航条 ---------- */
.webhead
{
	background: linear-gradient(90deg, var(--brand-dark) 0%, var(--brand) 60%, #1A69C4 100%) !important;
	height: 54px !important;
	box-shadow: 0 2px 10px rgba(13,68,128,.25);
	position: relative;
	z-index: 10;
}
.headdiv
{
	background: transparent !important;
	color: #fff !important;
	height: 54px;
	line-height: 54px;
	overflow: visible !important;
}
.topmenuul
{
	height: 54px; line-height: 54px;
	width: auto; margin: 0 auto;
}
.topmenuul li, .selectmenuli
{
	color: rgba(255,255,255,.92) !important;
	font-size: 16px !important;
	padding: 0 18px !important;
	height: 54px; line-height: 54px;
	position: relative;
	transition: background .2s;
	text-transform: none !important;
}
.topmenuul li:hover
{
	background: rgba(255,255,255,.14);
	font-weight: normal !important;
}
.topmenuul li::after
{
	content: "";
	position: absolute; left: 50%; bottom: 8px;
	transform: translateX(-50%) scaleX(0);
	width: 22px; height: 3px; border-radius: 6px;
	background: var(--accent);
	transition: transform .25s;
}
.topmenuul li:hover::after { transform: translateX(-50%) scaleX(1); }

.nav-shadow, .linediv_gray
{
	height: 0 !important;
	box-shadow: none !important;
	border-bottom: 1px solid var(--line);
	background: transparent !important;
}

/* ---------- 面包屑 ---------- */
.dhdiv
{
	color: var(--text2) !important;
	font-size: 13px !important;
	background: transparent !important;
	border-bottom: none !important;
	text-indent: 0 !important;
	padding: 12px 4px;
}
.linkspan { color: var(--brand) !important; }
.linkspan:hover { text-decoration: underline; }

/* ---------- 首页轮播 ---------- */
.logodiv
{
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-hi);
	margin-top: 22px !important;
}
.logodiv p
{
	background: linear-gradient(transparent, rgba(10,30,60,.78)) !important;
	height: 46px; line-height: 46px;
	font-size: 15px;
	padding-right: 80px;
	box-sizing: border-box;
}
.pagebtn
{
	background: rgba(255,255,255,.55) !important;
	border-radius: 50% !important;
	width: 12px !important; height: 12px !important;
	padding: 0;
	transition: all .2s;
}
.pagebtnsel
{
	background: var(--accent) !important;
	transform: scale(1.25);
}

/* ---------- 首页两栏 ---------- */
.columnleft, .columnright
{
	background: transparent !important;
	padding-left: 0 !important;
}

/* tab 切换条 */
.itemmenudivtop
{
	background: var(--card);
	border-radius: var(--radius);
	border-bottom: none !important;
	box-shadow: var(--shadow);
	padding: 8px 10px 8px;
	margin-top: 20px;
	margin-bottom: 12px !important;
	white-space: nowrap;
}
.itemmenudivsel, .itemmenudiv
{
	width: auto !important;
	height: 38px; line-height: 38px;
	padding: 0 22px !important;
	margin-right: 8px !important;
	border-radius: 6px !important;
	font-size: 15px;
	transition: all .2s;
}
.itemmenudivsel
{
	background: var(--brand) !important;
	color: #fff !important;
	box-shadow: 0 3px 10px rgba(17,89,168,.35);
}
.itemmenudivsel a, .itemmenudiv a
{
	color: inherit !important;
	text-decoration: none;
}
.itemmenudivtop .itemmenuimg1, .itemmenudivtop .itemmenuimg2
{
	vertical-align: middle;
}
.pagebtn
{
	font-size: 0 !important;
}
.itemmenudiv
{
	background: transparent !important;
	color: var(--text2) !important;
}
.itemmenudiv:hover
{
	background: #EDF3FB !important;
	color: var(--brand) !important;
}

/* 内容面板容器（首页 tab 内容外包一层卡片观感） */
.neirongdiv, .neirongdiv1, .neirongdiv2, .neirongdivr1, .neirongdivr2
{
	overflow: hidden;
}
.neirongdivr1, .neirongdivr2
{
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 6px;
	box-sizing: border-box;
}

/* 图文卡片（model 系列全部卡片化） */
.model1_img, .model2_img, .model3_img, .model4_img, .model7_img, .modelr1_img, .modelr2_img, .modelr91_img
{
	border-radius: 6px !important;
	transition: transform .25s, box-shadow .25s;
}
.model1_img:hover, .model2_img:hover, .modelr1_img:hover, .modelr91_img:hover
{
	transform: translateY(-3px);
	box-shadow: var(--shadow-hi);
}
.model1_title, .model2_title, .model3_title, .model4_title, .model6_title, .model7_title
{
	color: var(--text) !important;
	font-weight: 600 !important;
	transition: color .2s;
}
.model1_title:hover, .model2_title:hover, .model7_title:hover
{
	color: var(--brand) !important;
}
.model1_data, .model3_data, .model4_data, .modelr1_data, .modelr91_data
{
	color: var(--text2) !important;
	line-height: 1.6 !important;
}
/* 侧栏摘要按整行裁剪，不允许切半行（2026-11-12） */
.modelr1_data, .modelr91_data, .modelr3_data
{
	height: auto !important;
	-webkit-line-clamp: 3 !important;
}
.modelr91_title
{
	color: var(--text) !important;
	font-weight: 600;
	font-size: 15px !important;
}
.modelr91_img
{
	height: 220px !important;
}

/* 右栏图文横排 */
.modelr1_tab td, .modelr3_tab td
{
	border-bottom: 1px solid var(--line) !important;
	transition: background .2s;
}
.modelr1_tab tr:hover td, .modelr3_tab tr:hover td
{
	background: #F7FAFE;
}

/* ---------- 通用列表（columnul） ---------- */
.columnul
{
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 6px 14px;
	box-sizing: border-box;
}
.columnul li
{
	border-bottom: 1px dashed var(--line) !important;
	height: 42px !important; line-height: 42px !important;
	text-indent: 4px !important;
	transition: all .2s;
	position: relative;
	padding-left: 6px;
}
.columnul li:last-child { border-bottom: none !important; }
.columnul li::before
{
	content: "";
	display: inline-block;
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--brand-light);
	margin-right: 10px; vertical-align: middle;
}
.columnul li:hover
{
	color: var(--brand);
	padding-left: 12px;
}

/* ---------- 数据表格（前台查询结果 & 后台列表） ---------- */
#fileloglisttable
{
	width: 100% !important;
	background: var(--card) !important;
	border-radius: var(--radius) !important;
	overflow: hidden;
	box-shadow: var(--shadow) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	text-shadow: none !important;
	text-indent: 0 !important;
}
#fileloglisttable td, #fileloglisttable th
{
	padding: 12px 10px !important;
	border-bottom: 1px solid var(--line);
	font-size: 14px;
	color: var(--text);
}
#fileloglisttable tr
{
	height: auto !important;
	background: var(--card) !important;
	transition: background .15s;
}
#fileloglisttable tr:hover
{
	background: #F2F7FE !important;
}
.fileloglisttable_head td, .fileloglisttable_head
{
	background: linear-gradient(180deg, #F0F5FC, #E8F0FA) !important;
	color: var(--brand-dark) !important;
	font-weight: 700 !important;
}

/* 操作链接 */
.caozuospan
{
	color: var(--brand) !important;
	text-shadow: none !important;
	background: #EDF3FB;
	border-radius: 6px;
	padding: 3px 10px;
	font-size: 13px;
	transition: all .2s;
}
.caozuospan:hover
{
	background: var(--brand);
	color: #fff !important;
}

/* ---------- 按钮 ---------- */
.btnnb, .btnog, .btnge
{
	border: none !important;
	border-radius: 6px !important;
	box-shadow: 0 3px 10px rgba(14,77,164,.22) !important;
	background: #0E4DA4 !important;
	color: #fff !important;
	font-size: 14px !important;
	height: 36px !important;
	line-height: 36px !important;
	cursor: pointer;
	transition: all .2s;
}
.btnog
{
	background: #0E4DA4 !important;
	box-shadow: 0 3px 10px rgba(14,77,164,.22) !important;
}
.btnge
{
	background: #0A3C80 !important;
	box-shadow: 0 3px 10px rgba(10,60,128,.25) !important;
}
.btnnb:hover, .btnog:hover, .btnge:hover
{
	filter: brightness(1.08);
	transform: translateY(-1px);
}
.btnnb:active, .btnog:active, .btnge:active
{
	transform: translateY(0);
	box-shadow: inset 0 2px 6px rgba(0,0,0,.15) !important;
}
.btngray
{
	border-radius: 6px !important;
	background: #EDF1F7 !important;
	color: var(--text2) !important;
	transition: all .2s;
}
.btngray:hover
{
	background: var(--brand) !important;
	color: #fff !important;
}

/* ---------- 输入框 ---------- */
.inputgray, .inputglass
{
	border: 1px solid #D5DEEA !important;
	border-radius: 6px !important;
	background: #fff !important;
	height: 40px !important;
	line-height: 40px;
	font-size: 15px !important;
	text-indent: 12px !important;
	box-shadow: none !important;
	transition: border .2s, box-shadow .2s;
	outline: none;
}
.inputgray:focus, .inputglass:focus
{
	border-color: var(--brand-light) !important;
	box-shadow: 0 0 0 3px rgba(59,130,214,.15) !important;
}

/* 查询按钮 */
.sertchzs
{
	background: #0E4DA4 !important;
	border-radius: 6px !important;
	height: 36px !important; line-height: 36px;
	box-shadow: 0 3px 10px rgba(14,77,164,.22);
	transition: all .2s;
}
.sertchzs:hover
{
	filter: brightness(1.08);
}

/* ---------- 更多按钮 ---------- */
.viewmorebtn
{
	border: 1px solid var(--line) !important;
	background: #fff !important;
	color: var(--text2) !important;
	border-radius: 6px !important;
	transition: all .2s;
}
.viewmorebtn:hover
{
	background: var(--brand) !important;
	color: #fff !important;
	border-color: var(--brand) !important;
}

/* ---------- 文章/消息列表 ---------- */
.wenzangul
{
	background: var(--card) !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow);
	padding: 6px 18px;
	box-sizing: border-box;
}
.wenzangul li
{
	border-bottom: 1px solid var(--line) !important;
	border-radius: 6px;
	transition: background .2s;
	margin-bottom: 0 !important;
	padding: 14px 8px !important;
}
.wenzangul li:hover
{
	background: #F7FAFE;
}
.msgspantitle
{
	color: var(--text) !important;
	font-weight: 600;
	text-indent: 0 !important;
	transition: color .2s;
}
.msgspantitle:hover
{
	color: var(--brand) !important;
	text-decoration: none !important;
}
.msgtext { color: var(--text2) !important; text-indent: 0 !important; }
.jianlidiv, .wenzhangdiv
{
	background: var(--card) !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow);
	padding: 24px 30px 30px !important;
}

/* ---------- 资源卡片 ---------- */
.dataitemdiv
{
	background: var(--card) !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow) !important;
	transition: all .25s;
}
.dataitemdiv:hover
{
	transform: translateY(-4px);
	box-shadow: var(--shadow-hi) !important;
	background: var(--card) !important;
}
.itemname { color: var(--brand-dark) !important; }

/* ---------- 页脚 ---------- */
.bottomdiv
{
	background: linear-gradient(180deg, #14315C, #0D2447) !important;
	color: rgba(255,255,255,.85) !important;
	margin-top: 36px;
	padding: 6px 0 18px;
	text-indent: 0 !important;
}
.bottomdiv .itemmenudivtop
{
	background: transparent !important;
	box-shadow: none !important;
	padding: 10px 0 4px;
}
.bottomdiv .itemmenudivsel
{
	background: var(--accent) !important;
	width: 150px !important;
	border-radius: 6px !important;
}
.bottomdiv .friends_link
{
	color: rgba(255,255,255,.72) !important;
}
.bottomdiv .friends_link:hover
{
	color: #fff !important;
}
.bottomdiv p { color: rgba(255,255,255,.85) !important; font-size: 13px; }
.bottomdiv a { color: #9FC3EF !important; }
.bottomdiv a:hover { color: #fff !important; }
#bottom_beiandiv
{
	background: #0A1D3A !important;
	color: rgba(255,255,255,.45) !important;
	padding: 10px 0;
}

/* ---------- 后台：左侧菜单 ---------- */
.leftmenu
{
	background: linear-gradient(180deg, #16324F, #0F2540) !important;
	border-radius: 0 0 6px 0;
	box-shadow: 4px 0 18px rgba(10,30,60,.18);
	font-size: 14px !important;
	min-height: calc(100vh - 54px);
}
.topul li
{
	height: 46px !important;
	transition: background .2s;
}
.topul li:hover
{
	background: rgba(255,255,255,.08) !important;
}
.spanitem, .spanitemsel
{
	height: 46px; line-height: 46px;
	text-indent: 20px !important;
	color: rgba(255,255,255,.88);
	transition: padding .2s;
}
.spanitemline
{
	border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.spanitem:hover { background: transparent !important; padding-left: 6px; }
.spanitemsel, .spanitemsel_ex, .spanitembk
{
	background: var(--brand) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 var(--accent);
}

/* ---------- 后台：顶栏 ---------- */
.admin-topbar
{
	background: linear-gradient(90deg, #072A66, #093380) !important;
	color: rgba(255,255,255,.85) !important;
	height: 50px !important;
}
.admin-topbar .logininf span { color: rgba(255,255,255,.85) !important; font-size: 13px; }
.admin-topbar .loginrect, .admin-topbar .regrect
{
	cursor: pointer; color:#fff; border:1px solid rgba(255,255,255,.5);
	border-radius: 6px; padding: 2px 12px; margin-left: 6px;
}
.admin-titlebar
{
	background: var(--card) !important;
	box-shadow: var(--shadow);
	border-radius: var(--radius);
	margin: 16px 0;
	padding: 0 20px !important;
	height: 54px;
	line-height: 54px;
	text-indent: 0 !important;
}
.admin-titlebar span
{
	color: var(--text) !important;
	font-size: 18px !important;
	font-weight: 700;
	position: relative;
	padding-left: 14px;
}
.admin-titlebar span::before
{
	content:"";
	position: absolute; left: 0; top: 50%;
	transform: translateY(-50%);
	width: 4px; height: 20px; border-radius: 6px;
	background: linear-gradient(180deg, var(--brand-light), var(--brand));
}

/* ---------- 后台：内容区 ---------- */
.managercontent, .managerdiv
{
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	padding: 18px;
	box-sizing: border-box;
}

/* ---------- 弹窗/搜索浮层 ---------- */
.jyjsertchdiv
{
	background: var(--card) !important;
	border: none !important;
	box-shadow: 0 20px 60px rgba(10,30,60,.3) !important;
	border-radius: 6px !important;
}

/* ---------- 分页 ---------- */
#pagebottom, #pageshow
{
	text-align: center;
}
#pagebottom a, #pagebottom span, #pageshow a
{
	display: inline-block;
	min-width: 32px; height: 32px; line-height: 32px;
	margin: 0 3px;
	border-radius: 6px;
	background: var(--card);
	border: 1px solid var(--line);
	color: var(--text2);
	text-align: center;
	transition: all .2s;
}
#pagebottom a:hover
{
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
}

/* ---------- 兜底：表格普遍美化 ---------- */
table { border-collapse: separate; }
.query-from
{
	background: var(--card) !important;
	border: none !important;
	border-radius: var(--radius) !important;
	box-shadow: var(--shadow);
}
.ggimg { border-radius: var(--radius); box-shadow: var(--shadow); }

/* ==========================================================================
   H5 移动端适配（2026-11-12 追加）
   断点：≤820px 手机/小平板；821~1080px 小屏笔记本
   ========================================================================== */

/* ---------- 全局弹性行为 ---------- */
img { max-width: 100%; }
table { max-width: 100%; }
.webroot, .webroot2
{
	max-width: 1200px;
	width: auto !important;
	box-sizing: border-box;
}

/* ---------- 小屏笔记本 821~1080px：宽度收紧 ---------- */
@media screen and (max-width: 1080px)
{
	.webroot, .webroot2 { padding-left: 14px; padding-right: 14px; }
	.columnleft  { width: 62% !important; }
	.columnright { width: 36% !important; }
	.modelr91_img { height: 170px !important; }
}

/* ---------- 手机 ≤820px ---------- */
@media screen and (max-width: 820px)
{
	body { font-size: 14px; }

	/* 页面骨架：单列流式 */
	.webroot, .webroot2
	{
		width: 100% !important;
		padding-left: 12px; padding-right: 12px;
		box-sizing: border-box;
	}

	/* 顶部工具条：精简 */
	.topbar { height: 34px !important; line-height: 34px !important; }
	.topbar .webroot > span:first-child { margin-left: 0 !important; font-size: 11px !important; }
	.logininf { margin-right: 0; }
	.loginspan, .regspan { height: 22px; line-height: 22px; padding: 0 8px; font-size: 11px; margin-left: 4px; }

	/* Logo 区 */
	.headlogozone .webroot img { max-height: 52px; }

	/* 导航：横向滑动，不再挤换行 */
	.webhead { height: 46px !important; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	.headdiv { height: 46px !important; overflow: visible !important; }
	.topmenuul
	{
		height: 46px !important;
		width: 100% !important;
		margin: 0 !important;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.topmenuul::-webkit-scrollbar { display: none; }
	.topmenuul li, .selectmenuli
	{
		flex: 0 0 auto;
		height: 46px !important; line-height: 46px !important;
		font-size: 14px !important;
		padding: 0 14px !important;
	}

	/* 首页两栏 → 单列 */
	.columnleft, .columnright
	{
		width: 100% !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* 常见左右容器兜底 */
	.leftdiv, .rightdiv, .leftcolumn, .rightcolumn
	{
		width: 100% !important; float: none !important;
	}

	/* 轮播 */
	.logodiv { margin-top: 12px !important; height: auto !important; }
	.logodiv img { width: 100%; height: auto !important; }
	.logodiv p { height: 38px !important; line-height: 38px !important; font-size: 13px !important; padding-right: 12px !important; }

	/* tab 条：可横向滑动 */
	.itemmenudivtop
	{
		margin-top: 12px;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.itemmenudivtop::-webkit-scrollbar { display: none; }
	.itemmenudivsel, .itemmenudiv { padding: 0 16px !important; margin-right: 6px !important; height: 34px; line-height: 34px; font-size: 14px; }

	/* 图文卡片 */
	.modelr91_img { height: auto !important; min-height: 0 !important; }
	.modelr91_title { font-size: 14px !important; }

	/* 列表 */
	.columnul { padding: 2px 10px; }
	.columnul li { height: 40px !important; line-height: 40px !important; }
	.columnul li a, .columnul li span, .columnul li
	{
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
		display: block;
	}

	/* 数据表格：横向滑动查看（不破坏表格结构） */
	#fileloglisttable
	{
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	#fileloglisttable td, #fileloglisttable th { padding: 10px 8px !important; font-size: 13px; }

	/* 查询结果表格外层兜底 */
	#fileloglisttablewrap, .tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

	/* 表单：控件全宽、按钮易点 */
	.inputgray, .inputglass
	{
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
		height: 42px !important;
		line-height: 42px;
		font-size: 16px !important;   /* ≥16px 防止 iOS 聚焦自动放大 */
	}
	.btnnb, .btnog, .btnge, .btngray, .sertchzs
	{
		min-height: 44px; line-height: 44px !important;
		font-size: 15px !important;
	}
	.btnnb, .btnog, .btnge, .sertchzs { width: 100%; margin-top: 8px; }

	/* 搜索浮层 */
	.jyjsertchdiv
	{
		left: 3% !important;
		width: 94% !important;
		box-sizing: border-box !important;
		padding: 16px !important;
	}

	/* 文章/详情卡片 */
	.wenzangdiv, .jianlidiv { padding: 14px 14px 18px !important; }
	.wenzangul { padding: 2px 8px !important; }
	.msgtext { display: block; }

	/* 面包屑 */
	.dhdiv { padding: 10px 2px; font-size: 12px !important; }

	/* 页脚 */
	.bottomdiv { text-align: center; padding-top: 12px; margin-top: 24px; }
	.bottomdiv .itemmenudivsel { width: auto !important; padding: 0 16px !important; }
	.bottomdiv .itemmenudivtop .itemmenudiv, .bottomdiv .itemmenudivtop .itemmenudivsel
	{
		display: inline-block; float: none;
	}
	#bottom_beiandiv { font-size: 11px !important; line-height: 1.7; }

	/* ===== 后台（手机） ===== */
	/* 外层布局表 → 上下堆叠 */
	table.admintable, table.admintable tr, table.admintable td
	{
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	table.admintable td[style*="225"] { width: 100% !important; }
	/* 左菜单：横向滑动条 */
	.leftmenu
	{
		width: 100% !important;
		min-height: 0 !important;
		border-radius: 0 0 6px 6px;
		margin-bottom: 10px;
	}
	.topul
	{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.topul::-webkit-scrollbar { display: none; }
	.topul li { flex: 0 0 auto; height: 42px !important; }
	.spanitem, .spanitemsel
	{
		height: 42px !important; line-height: 42px !important;
		text-indent: 14px !important;
		white-space: nowrap;
		display: inline-block;
	}
	/* 后台 iframe 撑满 */
	#pageshow { width: 100% !important; border: none; }
	/* 后台内容卡片贴边 */
	.managercontent, .managerdiv { padding: 12px !important; }
	.admin-titlebar { height: 46px; line-height: 46px; margin: 10px 0; padding: 0 12px !important; }
	.admin-titlebar span { font-size: 16px !important; }
	.admin-topbar { height: 44px !important; }
	.admin-topbar .logininf span { font-size: 12px !important; }

	/* 后台表单表格兜底：小屏可滑动 */
	.managercontent table, .managerdiv table
	{
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* ---------- 触屏细节 ---------- */
@media (hover: none)
{
	.topmenuul li:hover { background: transparent; }
	.topmenuul li:hover::after { transform: translateX(-50%) scaleX(0); }
}

/* ---------- H5 补丁：图片自适应（修 Logo 溢出） ---------- */
@media screen and (max-width: 820px)
{
	img { max-width: 100% !important; height: auto !important; }
	.headlogozone img, .bottomdiv img { max-height: 60px !important; width: auto !important; }
	/* 顶栏登录态不再挤压 Logo */
	.headlogozone .logininf { float: right; margin-right: 0; }

	/* ===== 2026-11-12 深夜修复（老板手机实测） ===== */

	/* 顶栏头像：必须锁死小圆尺寸，否则被上面 img 全局补丁的
	   height:auto 撑成 1920px 大椭圆，盖住整个导航（截图2 病因） */
	.logininf img
	{
		height: 24px !important; width: 24px !important; max-width: 24px !important;
		object-fit: cover; border-radius: 50%; position: relative; top: 6px; margin-right: 5px;
	}
	/* 顶栏整体锁高防溢出 */
	.topbar { overflow: hidden; }

	/* 手机端禁止横向滚动（装饰圆/超宽表格造成的左右漂移） */
	html, body { overflow-x: hidden !important; }

	/* 页头 logo（head.jsp 的 .headlogozone）：自适应高度，logo 封顶不压导航 */
	.headlogozone { height: auto !important; min-height: 64px; overflow: hidden; }
	.headlogozone img
	{
		max-height: 56px !important; max-width: calc(100% - 16px) !important;
		width: auto !important; height: auto !important; margin-top: 12px !important; margin-left: 12px !important;
	}

	/* 登录页卡片 logo：锁宽不超卡片内容区 */
	.login-card .card-logo { max-width: 260px !important; width: 72% !important; height: auto !important; }
	.login-card { max-width: calc(100vw - 32px) !important; }
}

/* ---------- H5 补丁2：轮播封顶（JS 内联 800px 不受影响，显示层封顶） ---------- */
@media screen and (max-width: 820px)
{
	.logodiv { overflow: hidden !important; }
	.logodiv > div { max-width: 100% !important; }
	.logodiv img { max-width: 100% !important; height: auto !important; }
	.logodiv p { padding-right: 12px !important; }
}

/* ---------- H5 补丁3：JS 写死宽度的面板/卡片表格封顶 ---------- */
@media screen and (max-width: 820px)
{
	/* JS 动画面板（index.js 内联 800px/2000px）显示层封顶 */
	.neirongdiv, .neirongdiv1, .neirongdiv2, .neirongdivr1, .neirongdivr2
	{
		max-width: 100% !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
	}
	/* 卡片表格全部封顶 */
	.neirongdiv table, .neirongdiv1 table, .neirongdiv2 table,
	.model1_tab, .model2_tab, .model3_tab, .model4_tab, .model7_tab,
	.modelr1_tab, .modelr3_tab, .modelr91_tab
	{
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	/* 大图文卡（图+文并排的 table）→ 上下堆叠 */
	.model1_tab, .model2_tab, .model3_tab, .model4_tab, .model7_tab
	{
		display: block !important;
	}
	.model1_tab > tbody, .model2_tab > tbody, .model3_tab > tbody,
	.model4_tab > tbody, .model7_tab > tbody,
	.model1_tab > tbody > tr, .model2_tab > tbody > tr,
	.model3_tab > tbody > tr, .model4_tab > tbody > tr, .model7_tab > tbody > tr
	{
		display: block !important;
		width: 100% !important;
	}
	.model1_tab td, .model2_tab td, .model3_tab td, .model4_tab td, .model7_tab td
	{
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding: 6px 0 !important;
	}
	/* 图文卡里的图全宽 */
	.model1_img, .model2_img, .model3_img, .model4_img, .model7_img
	{
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
	}
	/* 标题超长省略号 */
	.model1_title, .model2_title, .model3_title, .model4_title, .model7_title, .modelr91_title
	{
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	/* 摘要文字限宽 */
	.model1_data, .model3_data, .model4_data, .modelr1_data, .modelr91_data
	{
		display: block;
		overflow: hidden;
		max-width: 100% !important;
	}
	/* 右栏横排小卡里的图限宽 */
	.modelr1_tab img, .modelr3_tab img, .modelr91_tab img, .modelr91_img
	{
		max-width: 45% !important;
		height: auto !important;
	}
	/* Logo 强力封顶（父容器偏宽时兜底） */
	img[src*="icon_03"] { max-width: calc(100vw - 30px) !important; height: auto !important; }
}

/* ===== 推荐设置页：推荐/编辑/删除按钮（JS 注入，2026-11-12） ===== */
.tjbtn{
	width:auto !important;
	height:28px !important;
	line-height:28px !important;
	min-height:0 !important;
	padding:0 14px !important;
	font-size:13px !important;
	margin:0 0 0 6px !important;
	display:inline-block;
	vertical-align:middle;
}
.tjbtn-del{
	background: linear-gradient(180deg,#D9534F,#C0392B) !important;
	box-shadow:0 3px 10px rgba(192,57,43,.3) !important;
}

/* ===== 图片统一显示（2026-11-12）：全部 object-fit 裁切填充，杜绝大小不一 ===== */
.model2_img, .model3_img, .model4_img, .model7_img, .model1_img
{
	object-fit: cover !important;
	width: 100% !important;
	height: 150px !important;
}
.modelr1_img, .modelr91_img
{
	object-fit: cover !important;
}
.modelr91_img { height: 220px !important; }
.modelr1_img { width: 138px !important; height: 96px !important; max-width:none !important; object-fit:cover !important; }
/* 文章列表缩略图统一 3:2 */
#wenzhangdiv .wenzangul li > img
{
	width: 300px !important;
	height: 200px !important;
	object-fit: cover !important;
	border-radius: 6px;
}
/* 首页广告图统一横幅高度（广告图规范 1200x110（2026-11-12 由 300 改 110），老图靠此兜底） */
.webroot img[src*="res/gz/"]
{
	width: 100% !important;
	height: 110px !important;
	object-fit: cover !important;
	border-radius: 6px;
	display: block;
}

/* ---------- H5 补丁4：广告横幅手机端改自然比例（2026-11-13） ----------
   桌面 110px 固定高 + cover 在手机窄屏会把 1200 宽的横幅放大裁切，
   两侧文字全部裁掉（老板手机截图：红色横幅只剩中间一截大字） */
@media screen and (max-width: 820px)
{
	.webroot img[src*="res/gz/"]
	{
		height: auto !important;
		min-height: 0 !important;
		object-fit: fill !important;
	}
}

/* ---------- H5 补丁5：手机端专项修复（2026-11-13 老板截图实测后重写） ---------- */
@media screen and (max-width: 820px)
{
	/* ===== 轮播重构：单张全宽、封面裁切、标题条压底 =====
	   病根：JS 给 slide 写死 width 800px/0px + index.css slide 高 362px，
	   手机上图片 800px 宽被裁右半、溢出高度盖住下面的版块、标题条飘在半空 */
	.logodiv
	{
		width: 100% !important;
		height: auto !important;
		overflow: hidden !important;
		margin-top: 12px !important;
		font-size: 0;
	}
	.logodiv > div
	{
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
	/* 2026-11-13 三轮：老板嫌轮播占面积太大 → 210px 压到 148px，标题条同步压薄 */
	.logodiv img
	{
		width: 100% !important;
		height: 148px !important;
		object-fit: cover !important;
	}
	.logodiv p
	{
		width: 100% !important;
		height: 32px !important;
		line-height: 32px !important;
		font-size: 13px !important;
		padding-right: 60px !important;
	}
	.pagebtndiv { bottom: 38px !important; }

	/* ===== 通知公告大图卡恢复全宽封面 =====
	   病根：补丁3 把 .modelr91_img 也压成 max-width:45%，"重要通知"图只剩半截 */
	.modelr91_img, .neirongdivr1 .modelr91_img, .neirongdivr2 .modelr91_img
	{
		width: 100% !important;
		height: 180px !important;
		max-width: 100% !important;
		object-fit: cover !important;
	}

	/* ===== 摘要恢复 3 行截断 =====
	   病根：补丁3 的 display:block 干掉了 -webkit-line-clamp，
	   通知摘要全文展开几百字，页面被刷爆 */
	.model1_data, .model3_data, .model4_data, .modelr1_data, .modelr91_data
	{
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		height: auto !important;
	}

	/* ===== 页头 logo：右侧留边，不顶到屏幕边缘 ===== */
	.headlogozone img
	{
		max-width: calc(100% - 30px) !important;
		margin: 12px 15px 0 15px !important;
	}

	/* ===== 后台左菜单：条目换行平铺全部可见 =====
	   病根：topul 单行 nowrap 手机上只露出第一条，其余"藏在"横向滚动区里 */
	.leftmenu
	{
		width: 100% !important;
		height: auto !important;   /* 压过 manager.js 写入的 inline 高度（原先是整屏深蓝空块） */
		min-height: 0 !important;
		overflow: hidden;
	}
	.topul
	{
		display: flex !important;
		flex-wrap: wrap !important;
		overflow: visible !important;
	}
	.topul li { width: auto !important; flex: 0 0 auto !important; }
	.spanitem, .spanitemsel { width: auto !important; }
}

/* ---------- H5 补丁6：个人中心手机端兜底（2026-11-13） ---------- */
@media screen and (max-width: 820px)
{
	.btnge { max-width: 92% !important; box-sizing: border-box !important; }
	.touxiangimg { width: 120px !important; margin-left: 0 !important; }
	.touxiangdiv { width: 100% !important; }
}

/* ---------- H5 补丁7：拆分版 logo 适配（2026-11-13 需求1/2/3） ---------- */
@media screen and (max-width: 820px)
{
	.headlogozone { height: auto !important; min-height: 64px; }
	.headlogozone .logowrap { margin: 12px 8px 6px !important; gap: 8px !important; }
	.headlogozone .logoicon { height: 42px !important; max-height: 42px !important; width: auto !important; margin: 0 !important; }
	.headlogozone .logotext { height: 26px !important; max-height: 26px !important; width: auto !important; margin: 0 0 4px 0 !important; }
	.headlogozone .logosub { font-size: 11px !important; letter-spacing: 1px !important; white-space: normal !important; }
	.bottominfodiv .blogobox .logoicon { width: 50px !important; max-height: 50px !important; }
	.bottominfodiv .blogobox .logotext { width: 176px !important; max-height: none !important; }
	.bottominfodiv .blogobox .logosub { font-size: 11px !important; letter-spacing: 1px !important; }
	/* 期刊推荐标签：手机端只留小图标（竖排字太挤，图标+窄条） */
	.jqstrip-label { writing-mode: vertical-rl !important; text-orientation: upright !important; font-size: 12px !important; padding: 8px 5px !important; letter-spacing: 2px !important; margin: 6px 8px 6px 0 !important; }
	/* 页脚：各块整行居中，两个二维码强制并排一行（2026-11-13 五轮） */
	.bottominfodiv { justify-content: center !important; }
	.bottominfodiv .blogobox { flex: 1 1 100% !important; justify-content: center; }
	.bottominfodiv .contactbox { flex: 1 1 100% !important; }
	.bottominfodiv .qrbox { margin: 0 14px !important; display: inline-block; }
	.bottominfodiv .qrbox + .qrbox { margin-left: 14px !important; }
}

/* ---------- 需求6：后台模块管理列表缩略图压窄（2026-11-13） ---------- */
.admwbpage #wenzhangdiv .wenzangul li > img
{
	width: 150px !important;
	height: 86px !important;
	object-fit: cover !important;
	border-radius: 6px;
}

/* ================= 补丁8（2026-11-13 需求1/3/4/5：文章条目压缩+溢出修复+专家小卡+战略合作完整显示） ================= */

/* ---------- 需求1+3：首页图文条目（model1）压缩：图固定 188x125，标题一行，摘要两行 ---------- */
/* 病根：2026-11-12 的 .model1_img width:100% 在表格里把图文挤成上下堆叠、条目巨大 */
.model1_img
{
	width: 188px !important;
	height: 125px !important;
	max-width: none !important;
	object-fit: cover !important;
	display: block !important;
}
.model1_tab td { vertical-align: top !important; padding: 8px 10px 8px 0 !important; }
.model1_title
{
	display: block !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 16px !important;
	line-height: 26px !important;
	margin: 2px 0 6px 0 !important;
}
.model1_data { display: block; overflow: hidden; max-width: 100% !important; line-height: 1.75 !important; }
.model1_data span
{
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	word-break: break-word;
	overflow-wrap: anywhere;
	font-size: 13px !important;
}
.model1_time { font-size: 12px !important; color: #8a97ad !important; margin: 6px 0 0 0 !important; }
/* ≤820 恢复表格并排（覆盖补丁3的堆叠，412px 手机也保持 图左文右 紧凑条目） */
@media screen and (max-width: 820px)
{
	.model1_tab { display: table !important; width: 100% !important; }
	.model1_tab > tbody { display: table-row-group !important; }
	.model1_tab > tbody > tr { display: table-row !important; height: auto !important; }
	.model1_tab td
	{
		display: table-cell !important;
		width: auto !important;
		max-width: none !important;
		padding: 8px 8px 8px 0 !important;
	}
	.model1_img { width: 132px !important; height: 88px !important; }
	.model1_title { font-size: 15px !important; }
}

/* ---------- 需求1+3：栏目页文章列表（wenzangul）压缩：图固定 188x125 绝对定位左侧，文字右排两行 ---------- */
#wenzhangdiv .wenzangul li
{
	position: relative;
	box-sizing: border-box;
	padding: 12px 10px 12px 208px !important;
	min-height: 127px;
	overflow: hidden;
	list-style: none;
}
#wenzhangdiv .wenzangul li > img
{
	position: absolute !important;
	left: 12px !important;
	top: 12px !important;
	width: 184px !important;
	height: 125px !important;
	margin: 0 !important;
	object-fit: cover !important;
	border-radius: 6px;
	background: #eef2f8;
}
#wenzhangdiv .wenzangul li > .msgspantitle
{
	display: block !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	font-size: 16px !important;
	line-height: 26px !important;
	margin: 0 0 8px 0 !important;
}
#wenzhangdiv .wenzangul li .msgtextdiv { overflow: hidden; }
#wenzhangdiv .wenzangul li .msgtext
{
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	word-break: break-word;
	overflow-wrap: anywhere;
	font-size: 13px !important;
	line-height: 1.8 !important;
}
@media screen and (max-width: 820px)
{
	#wenzhangdiv .wenzangul li { padding: 10px 8px 10px 128px !important; min-height: 94px; }
	#wenzhangdiv .wenzangul li > img { width: 106px !important; height: 72px !important; left: 8px !important; top: 10px !important; }
	#wenzhangdiv .wenzangul li > .msgspantitle { font-size: 15px !important; }
}

/* ---------- 需求3：其余模型摘要统一 2-3 行截断，杜绝全文溢出 ---------- */
.model3_data span, .model4_data span, .modelr1_data span, .modelr91_data span
{
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	word-break: break-word;
	overflow-wrap: anywhere;
}
.modelr91_title, .modelr1_title, .model2_title, .modelr2_title
{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
/* 其余 model4 板块（幼儿教育/职业教育等）图固定，不再被 100% 撑爆 */
.model4_img { width: 200px !important; height: 140px !important; max-width: none !important; object-fit: cover !important; display: block !important; }
.model4_tab td { vertical-align: top !important; }

/* ---------- 需求4：专家团队/研究成员 小缩略图卡片网格（JS 用 experts.jsp 数据重渲染 8 个小卡）
   2026-11-13 三次修正（按用户截图反馈）：
   ① 名字：JS 已剥「中国教育科研信息网特邀研究员」等前缀，卡上只显人名
   ② 人物：图取原图中间（object-position:center），不裁头
   ③ 比例：竖版证件照比例（宽90×高100 左右），上下留白匀称，不再发扁 ---------- */
.expgrid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; padding: 10px 6px 6px; }
.expgrid .expcard
{
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #e4ebf5;
	box-shadow: 0 1px 4px rgba(20,40,90,.10);
	transition: transform .2s, box-shadow .2s;
	text-align: center;
}
.expgrid .expcard:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(9,51,128,.24); border-color:#b9cdec; }
.expgrid .expcard img { width: 100%; height: 100px; object-fit: cover; object-position: center center; display: block; background: #eef2f8; }
.expgrid .expcard .expname
{
	font-size: 12px;
	font-weight: 600;
	color: #1a2a4a;
	padding: 6px 2px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#neirongdiv3_0, #neirongdiv3_1 { height: auto !important; min-height: 0 !important; }
@media screen and (max-width: 820px)
{
	.expgrid { grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 6px 2px; }
	.expgrid .expcard { border-radius: 6px; }
	.expgrid .expcard img { height: 72px; }
	.expgrid .expcard .expname { font-size: 11px; padding: 4px 2px 6px; }
}

/* ---------- 需求5：战略合作缩略图完整显示（contain 不裁切，浅底衬托） ---------- */
#neirongdivr0_1 .modelr91_img { object-fit: contain !important; background: #f3f6fb !important; }
body.colzhanlue .modelr1_img, body.colzhanlue .modelr2_img
{
	object-fit: contain !important;
	background: #f3f6fb !important;
}

/* ==========================================================================
   2026-11-13 老板反馈「所有文章页文字被裁一半，要从根上解决」：
   无头浏览器实测两处结构性溢出（全站每篇详情页/栏目页都中）——
   ① 正文卡溢出：老 css .wenzhangdiv{width:99%;margin:0 auto}（content-box）
      遇上 v2 新加的 24/30px 内边距 → 总宽 99%+60px=104%，浏览器按规范把
      auto 外边距算成 -54px 负值，正文每行末尾被 .columnleft 的
      overflow:hidden 整齐切掉 → 「文字都看一半儿」。
      根治：改为铺满容器 + border-box，内边距算在 100% 以内。
   ② 右栏图文卡溢出：补丁给 .modelr1_title 等加了 nowrap 省略号，但
      .modelr1_tab 是 auto 布局表格——nowrap 标题的最小内容宽把表格撑到
      684px，右栏窗口只有 380px，卡片右半被裁。
      根治：右栏卡片表强制 width:100% + table-layout:fixed，
      标题在固定布局里正常走省略号，不再撑表。
   ========================================================================== */
.wenzhangdiv, .jianlidiv
{
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}
.modelr1_tab, .modelr3_tab
{
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
}
.modelr1_tab td:first-child, .modelr3_tab td:first-child
{
	width: 150px !important;
}
/* 该行没图的：首列不占位（旧浏览器不识别 :has 则保持 150px，可接受） */
.modelr1_tab td:first-child:not(:has(img)), .modelr3_tab td:first-child:not(:has(img))
{
	width: auto !important;
}
.modelr1_tab td + td, .modelr3_tab td + td
{
	width: auto !important;
}
.modelr91_tab
{
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
}
/* ③ 面包屑条：head.css 写死 width:1200px，1080 视口下把页面横向撑出 128px */
.dhdiv
{
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 auto !important;
}

/* 补丁8 追加：model1 表格固定布局，杜绝窄屏下标题把表格撑破溢出 */
.model1_tab { table-layout: fixed !important; }
.model1_tab td:first-child { width: 190px !important; }
@media screen and (max-width: 820px)
{
	.model1_tab td:first-child { width: 132px !important; }
}

/* 文章页分享条：桌面隐藏（JS 也会插入该条，仅在手机端展示） */
#msharebar { display: none; }

/* ================= 手机端自媒体化改造（2026-11-13 三轮·老板 11 张截图） =================
   核心：手机端所有首页板块（通知公告/战略合作/会议培训/成果转化/教育热点/公益活动/
   区域动态/科研动态/国际交流/基础教育/名家论坛/校园频道/高等教育/育本号/职业教育/幼儿教育）
   统一成「左小缩略图 + 右标题两行 + 摘要两行 + 日期 + 分享」的自媒体卡片列表。
   桌面端完全不受影响（含 !important 也只在本 media 内生效）。 */

@media screen and (max-width: 820px)
{
	/* ---- 导航：点击「栏目导航」弹出浮动面板（fixed 悬浮层，全栏目宫格，不再挤压页面） ---- */
	.navtogglebar
	{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 38px;
		margin: 6px 0 0;
		padding: 0 14px;
		background: #093380;
		color: #fff;
		font-size: 14px;
		letter-spacing: 1px;
		border-radius: 6px 6px 0 0;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		position: relative;
		z-index: 30;
	}
	.navtogglebar .navarrow { font-style: normal; font-size: 12px; transition: transform .2s; }
	body.navopen .navtogglebar .navarrow { transform: rotate(180deg); }
	/* 原生菜单条整体隐藏（里面一大半栏目被 display:none 藏掉了，导航统一走浮动面板） */
	#headwebhead { display: none !important; }
	.navpanel
	{
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		max-height: 72vh;
		overflow-y: auto;
		background: #0d3f8f;
		box-shadow: 0 10px 26px rgba(4, 20, 60, .4);
		border-radius: 0 0 6px 6px;
		padding: 12px 10px 14px;
		z-index: 99;
	}
	body.navopen .navpanel { display: block; }
	.navpanel .navhd
	{
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #fff;
		font-size: 14px;
		padding: 0 4px 10px;
		border-bottom: 1px solid rgba(255, 255, 255, .18);
		margin-bottom: 10px;
	}
	.navpanel .navhd .navx { font-style: normal; font-size: 18px; padding: 2px 10px; cursor: pointer; }
	.navpanel .navgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.navpanel .navit
	{
		background: rgba(255, 255, 255, .12);
		color: #fff;
		font-size: 13px;
		text-align: center;
		padding: 9px 4px;
		border-radius: 6px;
		cursor: pointer;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-webkit-tap-highlight-color: transparent;
	}
	.navpanel .navit:active { background: rgba(255, 255, 255, .28); }
	.navmask { display: none; position: fixed; inset: 0; background: rgba(0, 10, 30, .35); z-index: 98; }
	body.navopen .navmask { display: block; }

	/* ---- 板块容器解绑桌面写死的宽度/高度（老 JS 切 tab 会写 width:380px / 0px） ---- */
	.neirongdiv, .neirongdiv1, .neirongdiv2, .neirongdivr1, .neirongdivr2
	{
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		float: none !important;
	}
	.columnleft, .columnright { width: 100% !important; float: none !important; }
	.webroot2 { width: 100% !important; }

	/* ---- 自媒体卡片列表 ---- */
	.mlist { display: block; padding: 6px 4px 2px; }
	.mcard
	{
		display: flex;
		gap: 10px;
		align-items: flex-start;
		background: #fff;
		border-radius: 6px;
		padding: 10px;
		margin-bottom: 10px;
		box-shadow: 0 1px 6px rgba(20, 40, 90, .08);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.mcard:active { background: #f6f9ff; }
	.mcard .mthumb
	{
		flex: 0 0 108px;
		width: 108px;
		height: 76px;
		border-radius: 6px;
		overflow: hidden;
		background: #eef2f8;
	}
	.mcard .mthumb img { width: 108px !important; height: 76px !important; object-fit: cover !important; display: block; }
	.mcard .minfo { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; min-height: 76px; }
	.mcard .mtitle
	{
		font-size: 15px;
		font-weight: 600;
		color: #16233c;
		line-height: 1.42;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		word-break: break-word;
	}
	.mcard .msum
	{
		font-size: 12px;
		color: #8a97ad;
		line-height: 1.5;
		margin-top: 4px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		word-break: break-word;
	}
	.mcard .mmeta
	{
		margin-top: auto;
		padding-top: 6px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 11px;
		color: #a7b1c4;
	}
	.mcard .mshare
	{
		color: #093380;
		border: 1px solid #cfdcf3;
		background: #f5f8ff;
		border-radius: 6px;
		padding: 1px 10px;
		font-size: 11px;
		line-height: 18px;
	}
	/* 没有摘要的老文章：标题吃两行，别留空 */
	.mcard .minfo { justify-content: flex-start; }

	/* ---- 专家/研究成员：手机只看 6 个（3 列 × 2 行），其余隐藏 ---- */
	.expgrid { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
	.expgrid .expcard:nth-child(n+7) { display: none !important; }
	.expgrid .expcard img { height: 92px !important; }

	/* ---- 文章详情页分享条（JS 注入） ---- */
	#msharebar
	{
		display: flex !important;
		gap: 10px;
		align-items: center;
		justify-content: center;
		margin: 14px 0 6px;
	}
	.m-sharebar .mbtn
	{
		flex: 1 1 0;
		max-width: 160px;
		text-align: center;
		padding: 9px 0;
		border-radius: 6px;
		font-size: 14px;
		background: #093380;
		color: #fff;
	}
	.m-sharebar .mbtn.ghost { background: #fff; color: #093380; border: 1px solid #cfdcf3; }

	/* ---- 全站轻提示 ---- */
	#__toastdiv
	{
		position: fixed;
		left: 50%;
		bottom: 72px;
		transform: translateX(-50%) translateY(10px);
		background: rgba(20, 30, 50, .9);
		color: #fff;
		font-size: 13px;
		padding: 8px 16px;
		border-radius: 6px;
		opacity: 0;
		pointer-events: none;
		transition: opacity .22s, transform .22s;
		z-index: 9999;
		max-width: 78vw;
		text-align: center;
	}
	#__toastdiv.show { opacity: 1; transform: translateX(-50%) translateY(0); }

	/* 手机端：文章底部推荐列表收窄为单栏 */
	.mtlist { display: block; margin: 10px 2px 6px; }
	.mrecowrap { margin: 12px 2px 6px; }
}

/* ================= 文章详情页底部：无限推荐（2026-11-13 六轮，桌面+手机通用） =================
   桌面双栏铺满、手机单栏；纯文字为主，后台推荐过的文章才带缩略图+推荐角标。 */
.mrecowrap { margin: 16px 0 12px; }
.mrecohd
{
	font-size: 16px;
	font-weight: 700;
	color: #093380;
	letter-spacing: 1px;
	padding: 4px 2px 8px;
}
.mrecosent { height: 2px; }
.mrecoend { text-align: center; color: #9aa6bb; font-size: 12px; padding: 10px 0 4px; }
.mtlist
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
	margin: 10px 0 6px;
	padding: 4px 12px;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(20, 40, 90, .08);
}
.mtlist .mrow
{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 4px;
	border-bottom: 1px solid #eef2f8;
	cursor: pointer;
	min-width: 0;
}
.mtlist .mrow:hover { background: #f6f9ff; }
.mtlist .mrow:active { background: #f2f6ff; }
.mtlist .mthumb
{
	flex: 0 0 72px;
	width: 72px;
	height: 50px;
	border-radius: 6px;
	overflow: hidden;
	background: #eef2f8;
}
.mtlist .mthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mtlist .minfo { flex: 1 1 auto; min-width: 0; }
.mtlist .mtitle
{
	font-size: 15px;
	line-height: 1.45;
	color: #1a2a4a;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mtlist .mmeta { margin-top: 5px; font-size: 12px; color: #8a93a6; display: flex; gap: 8px; align-items: center; }
.mtlist .mtag
{
	flex: 0 0 auto;
	color: #fff;
	background: #c0392b;
	font-size: 10px;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 6px;
}
.mtlist .mdate { flex: 0 0 auto; }

/* ================= 桌面端专家墙：双列自动滚动（2026-11-13 四轮） =================
   专家团队 / 研究成员上下两排，各占整行、横向无限滚动（随机顺序、优先带照片的），
   鼠标悬停暂停；手机端不用这组样式（手机仍是 3 列静态 6 格）。 */
#neirongdiv3_0, #neirongdiv3_1 { height: auto !important; min-height: 0 !important; }
.expdual { display: block; padding: 2px 0 8px; }
.expdual .expcol
{
	width: 100%;
	margin: 0 0 14px;
	min-width: 0;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(20, 40, 90, .10);
}
.expdual .expcolhd
{
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #093380;
	letter-spacing: 2px;
	padding: 10px 0 8px;
	background: linear-gradient(#f2f6ff, #fff);
	border-bottom: 1px solid #e7eeff;
}
.expdual .expvp { height: auto; overflow: hidden; padding: 8px 0 10px; }
.expdual .expscroll { display: flex; will-change: transform; animation: exproll 22s linear infinite; }
.expdual .expcol:hover .expscroll { animation-play-state: paused; }
@keyframes exproll
{
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
.expdual .expcard
{
	flex: 0 0 102px;
	width: 102px;
	margin: 0 8px 0 0;
	background: #fff;
	border: 1px solid #e6edf8;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	box-shadow: 0 1px 5px rgba(20, 40, 90, .12);
	transition: box-shadow .2s, transform .2s;
}
.expdual .expcard:hover { box-shadow: 0 6px 16px rgba(9, 51, 128, .24); transform: translateY(-2px); }
.expdual .expcard img { width: 100%; height: 122px; object-fit: cover; display: block; background: #eef2f8; }
.expdual .expcard .expname
{
	font-size: 13px;
	font-weight: 600;
	color: #1a2a4a;
	padding: 6px 4px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 手机端推荐列表单栏（2026-11-13 六轮：放文件末尾覆盖上方全局双栏规则） */
@media screen and (max-width: 820px)
{
	.mtlist { display: block; margin: 10px 2px 6px; }
	.mtlist .mrow { padding: 11px 8px; }
	.mrecowrap { margin: 12px 2px 6px; }
}

/* ================= 文章正文统一字体规格（2026-11-13 七轮） =================
   正文由爬虫/后台直接输出 HTML，自带 <font size>、style 内联字号、各种字体，
   导致同一篇文章忽大忽小。此处用 !important 强制统一（可覆盖内联样式）：
   正文 16px / 行高 1.85 / 深灰 #2b2f36 / 系统黑体字族；小标题统一 18px。
   放文件末尾保证优先级。 */
.wenzhangdiv, .jianlidiv,
.wenzhangdiv p, .wenzhangdiv span, .wenzhangdiv div, .wenzhangdiv li,
.wenzhangdiv td, .wenzhangdiv th, .wenzhangdiv font, .wenzhangdiv label,
.wenzhangdiv strong, .wenzhangdiv b, .wenzhangdiv em, .wenzhangdiv i,
.jianlidiv p, .jianlidiv span, .jianlidiv div, .jianlidiv li
{
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.85 !important;
	color: #2b2f36 !important;
	text-indent: 0 !important;
	letter-spacing: normal !important;
}
.wenzhangdiv h1, .wenzhangdiv h2, .wenzhangdiv h3,
.wenzhangdiv h4, .wenzhangdiv h5, .wenzhangdiv h6,
.jianlidiv h1, .jianlidiv h2, .jianlidiv h3,
.jianlidiv h4, .jianlidiv h5, .jianlidiv h6
{
	font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", sans-serif !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
	color: #1a2a4a !important;
	margin: 18px 0 10px !important;
	text-indent: 0 !important;
}
.wenzhangdiv strong, .wenzhangdiv b { font-weight: 700 !important; }
.wenzhangdiv img, .jianlidiv img
{
	display: block !important;
	margin: 12px auto !important;
	max-width: 100% !important;
	height: auto !important;
}
.wenzhangdiv table { max-width: 100% !important; }
.wenzhangdiv a { color: var(--brand) !important; }

/* 手机端正文 16px 略大占屏，压到 15px；标题 17px */
@media screen and (max-width: 820px)
{
	.wenzhangdiv, .jianlidiv,
	.wenzhangdiv p, .wenzhangdiv span, .wenzhangdiv div, .wenzhangdiv li,
	.wenzhangdiv td, .wenzhangdiv th, .wenzhangdiv font, .wenzhangdiv label,
	.wenzhangdiv strong, .wenzhangdiv b, .wenzhangdiv em, .wenzhangdiv i,
	.jianlidiv p, .jianlidiv span, .jianlidiv div, .jianlidiv li
	{
		font-size: 15px !important;
		line-height: 1.8 !important;
	}
	.wenzhangdiv h1, .wenzhangdiv h2, .wenzhangdiv h3,
	.wenzhangdiv h4, .wenzhangdiv h5, .wenzhangdiv h6,
	.jianlidiv h1, .jianlidiv h2, .jianlidiv h3,
	.jianlidiv h4, .jianlidiv h5, .jianlidiv h6 { font-size: 17px !important; }
}

/* ================= 文章页右栏填充「猜你喜欢」（2026-11-13 八轮） =================
   右栏比左栏矮时往右栏底部追加缩略图卡，图文混排填住空白。 */
.mfillwrap
{
	margin: 14px 0 10px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 6px rgba(20, 40, 90, .08);
	overflow: hidden;
}
.mfillhd
{
	font-size: 15px;
	font-weight: 700;
	color: #093380;
	letter-spacing: 1px;
	padding: 10px 12px 8px;
	border-bottom: 1px solid #eef2f8;
}
.mfillgrid { padding: 2px 10px; }
.mfillcard
{
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 10px 2px;
	border-bottom: 1px solid #eef2f8;
	cursor: pointer;
	min-width: 0;
}
.mfillcard:last-child { border-bottom: none; }
.mfillcard:active, .mfillcard:hover { background: #f6f9ff; }
.mfillcard img
{
	flex: 0 0 96px;
	width: 96px;
	height: 64px;
	object-fit: cover;
	border-radius: 6px;
	background: #eef2f8;
	display: block;
}
.mfillcard .ft { flex: 1 1 auto; min-width: 0; }
.mfillcard .mtitle
{
	font-size: 14px;
	line-height: 1.5;
	color: #1a2a4a;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mfillcard .mdate { margin-top: 4px; font-size: 12px; color: #8a93a6; }

/* ================= 文章页底部版权声明 + 研究员招募横幅（2026-11-13 九轮） ================= */
/* 2026-11-13 十二轮：版权声明改淡粉配色；招募横幅改为 1140x130 广告条（zhaomu_strip.jpg） */
.artcopy
{
	margin: 16px 0 0;
	padding: 12px 14px;
	background: #fff3f7;
	border: 1px solid #f9d3e0;
	border-radius: 6px;
	font-size: 13px !important;
	line-height: 1.8 !important;
	color: #e88fb0 !important;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
	text-align: justify;
}
.artcopy b { color: #e2719d !important; }
.artcopy .cpmail { margin-top: 6px; color: #f3a8c0; font-size: 13px; }
.artzm { display: block; margin: 14px 0 4px; border-radius: 6px; overflow: hidden; }
.artzm img
{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

/* ---------- 补丁14：面包屑自适应（2026-11-13 晚十五） ----------
   head.css 写死 .dhdiv width:1200px + height:35px，窗口窄于 1200 时
   「当前位置」条压过内容区右边缘；长标题也不会换行。补丁7 的自适应
   规则写在手机媒体查询里，桌面没覆盖，这里补全局规则。 */
.dhdiv
{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 35px;
	line-height: 30px !important;
	box-sizing: border-box !important;
	overflow-wrap: anywhere;
	word-break: break-word;
}