/* 全局HTML根元素设置：文本居中对齐，页面顶部横向平铺背景图 */
html {
	text-align: center; /* 整体文本居中，用于兼容低版本IE的主体居中布局 */
	background: #FFFFFF url(../images/main_bg.jpg) repeat-x left top; /* 页面背景：白色底色 + 顶部横向重复的main_bg.jpg背景图 */
}

/* 页面主体容器：固定宽度940px水平居中，内容左对齐，白色背景覆盖html背景图 */
body {
	width: 100%; /* 页面主体宽度随浏览器自适应 */
	max-width: 1600px; /* 页面主体最大宽度1600像素 */
	text-align: left; /* 重置内容左对齐，覆盖html的全局居中 */
	margin: 0 auto; /* 上下外边距为0，左右自动计算，实现主体水平居中 */
	background: #fff; /* 主体区域纯白背景，与外层html背景形成区分 */
}

/* 1600px自适应：导航条随页面容器拉伸 */
table.nav {
	width: 100% !important;
}

/* 表格单元格默认文字样式 */
td {
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif, "宋体"; /* 字体简写：12px字号、1.5倍行高，西文字体优先，兜底宋体 */
	color: #334155; /* 默认文字颜色：深灰色，降低视觉疲劳 */
}

/* 输入框默认字体 */
input { font: 10pt Verdana, Arial, Helvetica, sans-serif, "宋体"; }

/* 图片默认样式：去除链接图片的默认边框 */
img {
	border: none; /* 兼容IE浏览器，去除带链接图片的蓝色默认边框 */
}

/* 基础元素重置：清除默认内外边距、去除列表项目符号 */
p,ul,ol,li,form {
	margin: 0; /* 外边距清零 */
	padding: 0; /* 内边距清零 */
	list-style: none; /* 去除ul/ol的默认项目符号 */
}

/* 超链接默认样式 */
a {
	color: #0E4FA8; /* 链接默认蓝色，与整体蓝色主题统一 */
	text-decoration: none; /* 默认去除下划线，保持页面整洁 */
}

/* 鼠标悬停超链接样式 */
a:hover {
	color: #1667D8;
	text-decoration: none;
}
/* 正文内容区链接悬停保留下划线（可读性） */
#text a:hover,
.news_content a:hover,
.content a:hover {
	text-decoration: underline;
}

/* 通用内容区域类（预留占位，无额外样式） */
.content {
}

/* 侧边栏默认宽度300px */
.sider {
	width: 300px;
}

/* 首页专属侧边栏：宽度收窄为230px，给主内容区留出更多空间 */
.homepage .sider {
	width: 230px;
}

/** 页头区 **/
/* 顶部工具条：底部浅灰色实线分割 */
.top {
	border-bottom: 1px solid #DCDCDC; /* 底部1px浅灰色分割线，区分顶部栏与导航 */
}

/* 顶部栏单元格背景色 */
.top td {
	background: #F4F4F4; /* 顶部栏浅灰色背景 */
}

/* 顶部栏内部表格的单元格内边距 */
.top table td {
	padding: 3px 10px; /* 上下3px、左右10px内边距，撑开顶部栏高度 */
}

/* 顶部栏链接样式（预留占位，继承全局链接样式） */
.top a {
}

/* 顶部搜索框文本输入框样式 */
.top .inputText {
	height: 14px; /* 输入框高度14px */
	border: 1px solid #9db4cc; /* 1px深灰色边框 */
}

/* 顶部提交按钮高度 */
.top .inputSub {
	height: 19px;
}

/** 主导航 **/
/* 导航栏整体背景：横向平铺导航背景图 */
.nav {
	background: url(../images/nav_bg.jpg) repeat-x left top; /* 导航栏背景图横向重复平铺 */
}

/* 主导航容器（预留占位） */
.nav .nav_global {
}

/* 导航列表ul内边距 */
.nav .nav_global ul {
	padding: 0 10px; /* 左右各10px内边距，避免首末菜单项贴边 */
}

/* 导航菜单项li样式 */
.nav .nav_global li {
	cursor:pointer; /* 鼠标移上变为手型，提示可点击 */
	float:left; /* 左浮动，实现菜单项横向排列 */
	text-align:center; /* 文字水平居中 */
	text-decoration:none; /* 无下划线 */
	font-size: 14px; /* 字号14px，比正文大一号突出导航 */
	line-height: 33px; /* 行高33px，实现文字垂直居中 */
	font-weight: bold; /* 文字加粗 */
	color: #FFF; /* 导航文字白色 */
	background: url(../images/nav_line.jpg) no-repeat right top; /* 每个菜单项右侧添加分割线背景图 */
	padding-right: 2px; /* 右侧内边距2px，给分割线留显示空间 */
}

/* 导航菜单项内的链接 */
.nav .nav_global li a {
	display: block; /* 转为块级元素，实现整行可点击 */
	color: #fff; /* 白色文字 */
	text-align: center; /* 文字居中 */
	padding: 0 14px; /* 左右内边距14px，撑开菜单项宽度 */
}

/* 导航链接鼠标悬停效果 */
.nav .nav_global li a:hover {
	color: #000!important; /* 悬停文字变为黑色 */
	text-decoration: none; /* 悬停不显示下划线 */
}

/* 当前选中导航项的链接样式 */
.nav .nav_global li.curr a {
	color: #000; /* 选中项文字黑色 */
	background: url(../images/nav_li_hover.jpg) repeat-x center top; /* 选中项背景图，横向平铺 */
}

/* 子导航栏 */
.nav_sub {
	padding: 6px; /* 内边距6px，撑小子导航区域 */
}

/* 子导航链接间距 */
.nav_sub a {
	padding: 0 2px; /* 左右内边距2px，控制子导航链接间距 */
}

/* 子栏目导航菜单偏移定位：第1个导航块无偏移 */
#tabnav_div_1 {
}
/* 第2个导航块向右偏移100px */
#tabnav_div_2 {
	padding-left: 100px;
}
/* 第3个导航块向右偏移200px */
#tabnav_div_3 {
	padding-left: 200px;
}
/* 第4个导航块向右偏移300px */
#tabnav_div_4 {
	padding-left: 300px;
}
/* 第5个导航块向右偏移400px */
#tabnav_div_5 {
	padding-left: 400px;
}
/* 第6个导航块向右偏移500px */
#tabnav_div_6 {
	padding-left: 500px;
}
/* 第7个导航块向右偏移600px */
#tabnav_div_7 {
	padding-left: 600px;
}
/* 第8个导航块：右对齐，右侧留40px边距 */
#tabnav_div_8 {
	padding-right: 40px;
	text-align: right;
}

/* 页尾区 */
/* 友情链接区域：向上负边距贴合上方内容 */
.links {
	margin-top: -10px; /* 上外边距-10px，向上偏移消除空白间隙 */
}

/* 友情链接分割线颜色 */
.links hr {
	color: #DCDCDC; /* 水平线浅灰色 */
}

/* 底部搜索栏：深蓝色背景+白色文字 */
.search {
	background: #1667D8; /* 深蓝色背景 */
	color: #fff; /* 白色文字 */
}

/* 搜索栏内单元格和链接文字统一为白色 */
.search td, .search a {
	color: #fff;
}

/* 搜索栏链接悬停保持白色，不继承全局悬停红色 */
.search a:hover {
	color: #fff!important;
}

/* 版权信息区域上下间距 */
.copyright {
	margin: 5px 0; /* 上下外边距5px */
}

/** 公共组件定义 **/
/* 通用标题栏：浅蓝渐变背景，蓝色边框，底部无边框（与下方box拼接） */
.title {
	background: #E9F2FB url(../images/title_bg.gif) repeat-x left top; /* 浅蓝底色+标题渐变背景图横向平铺 */
	color: #0E4FA8; /* 标题蓝色文字 */
	border: 1px solid #AACCEE; /* 整体浅蓝色边框 */
	border-bottom: none; /* 去除底部边框，与下方内容框无缝拼接 */
}

/* 标题栏单元格文字样式 */
.title td {
	font-size: 14px; /* 字号14px */
	line-height: 26px; /* 行高26px */
	color: #0E4FA8; /* 蓝色文字 */
	padding: 0px 10px; /* 左右内边距10px */
}

/* 通用内容框：浅蓝色边框，仅左、右、下三边，与上方title组成完整卡片 */
.box {
	border: 1px solid #AACCEE; /* 边框基础样式 */
	border-width: 0 1px 1px 1px; /* 边框宽度：上0、右1、下1、左1，和标题栏拼接成完整框 */
}

/* 内容框内列表通用样式 */
.box ul {
	list-style: none; /* 无项目符号 */
	padding: 8px; /* 内边距8px，内容不贴边 */
}

/* 内容框内列表项：左侧箭头项目符号 */
.box ul li {
	background: url(../images/bullet.gif) no-repeat left center; /* 左侧小箭头背景图作为项目符号，垂直居中 */
	line-height: 1.6; /* 行高1.6倍 */
	padding: 2px 0 2px 8px; /* 左内边距8px，给项目符号留出显示空间 */
}

/* 无装饰列表：去除项目符号，取消左内边距 */
.no_doc ul li {
	background: url(none); /* 取消背景图 */
	padding-left: 0px; /* 取消左内边距 */
}

/* 列表项内的描述段落 */
.box ul li p {
	margin: 0 0 4px; /* 下外边距4px */
	padding: 0 0 5px; /* 下内边距5px */
	color: #666; /* 描述文字灰色，弱化层级 */
	border-bottom: 1px dashed #CCC; /* 底部虚线分割线 */
}

/* 列表项内加粗标题：块级独占一行 */
.box ul li strong {
	display: block; /* 转为块级元素，单独占一行 */
}

/* 排行榜通用容器 */
.rank {
	margin: 0px;
	padding: 8px 6px;
}

/* 排行榜列表项：左侧留空放排名数字图标 */
.rank li {
	padding-left: 18px; /* 左内边距18px，给排名图标留位 */
	line-height: 23px;
}

/* 第1名：排名1图标 */
.rank li.no1 {
	background: url(../images/1.gif) no-repeat 4px center;
}
/* 第2名：浅蓝底色+排名2图标（奇偶行斑马纹效果） */
.rank li.no2 {
	background: #F2F8FD url(../images/2.gif) no-repeat 4px center;
}
/* 第3名：排名3图标 */
.rank li.no3 {
	background: url(../images/3.gif) no-repeat 4px center;
}
/* 第4名：浅蓝底色+排名4图标 */
.rank li.no4 {
	background: #F2F8FD url(../images/4.gif) no-repeat 4px center;
}
/* 第5名：排名5图标 */
.rank li.no5 {
	background: url(../images/5.gif) no-repeat 4px center;
}
/* 第6名：浅蓝底色+排名6图标 */
.rank li.no6 {
	background: #F2F8FD url(../images/6.gif) no-repeat 4px center;
}
/* 第7名：排名7图标 */
.rank li.no7 {
	background: url(../images/7.gif) no-repeat 4px center;
}
/* 第8名：浅蓝底色+排名8图标 */
.rank li.no8 {
	background: #F2F8FD url(../images/8.gif) no-repeat 4px center;
}
/* 第9名：排名9图标 */
.rank li.no9 {
	background: url(../images/9.gif) no-repeat 4px center;
}
/* 第10名：浅蓝底色+排名10图标 */
.rank li.no10 {
	background: #F2F8FD url(../images/10.gif) no-repeat 4px center;
}

/* 新闻标题区块 */
.news_title {
	margin-top: 10px; /* 上外边距10px，与上方模块分隔 */
}

/* 新闻区块标题：左侧图标+浅灰背景 */
.news_title strong {
	background: #f4f4f4 url(../images/h2_icon.gif) no-repeat 8px center; /* 浅灰背景+左侧标题图标 */
	display: block; /* 块级独占一行 */
	padding-left: 20px; /* 左内边距20px，给图标留位 */
	line-height: 2; /* 2倍行高 */
	margin: 0 8px; /* 左右外边距8px */
	font-size: 14px;
}

/* 新闻标题下的摘要描述 */
.news_title p {
	margin: 6px 8px 0px;
	padding: 0 0 8px;
	color: #666; /* 摘要灰色文字 */
	border-bottom: 1px dashed #CCC; /* 底部虚线分割 */
}

/* 焦点图/重点推荐区块 */
.focus {
	margin-top: 10px;
	background: url(../images/focus_bg.jpg) repeat-x left top; /* 顶部横向渐变背景图 */
	border: 1px solid #AACCEE; /* 蓝色边框 */
}

/* 焦点区块标题 */
.focus strong {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 6px;
	text-align: center; /* 标题居中 */
	display: block;
	border-bottom: 1px dashed #ccc; /* 底部虚线分割标题与内容 */
}

/* 通用工具类：上外边距10px */
.margin_top {
	margin-top: 10px;
}

/* 通用文本输入框边框 */
.inputText {
	border: 1px solid #ccc;
}

/* 横幅广告左右内边距 */
.banner_ad {
	padding: 0 10px;
}

/* 图文混排区块 */
.picText {
	margin-bottom: 10px;
	background: #F8F8F8; /* 浅灰背景区分图文区块 */
}

/* 图文区块标题：块级独占一行 */
.picText strong {
	display: block;
}

/* 图文区块图片（预留占位） */
.picText img {
}

/* 图片列表容器 */
.picList {
	padding: 8px 0;
}

/* 图片列表表格内图片底部间隙 */
.picList table td img {
	margin-bottom: 1px;
}

/* 原价样式：删除线 */
.tprice span {
	text-decoration: line-through;
}

/* 现价样式：橙色突出 */
.price {
	color: #f60;
}

/* tab选项卡组件 */
/* 选项卡按钮栏背景：与标题栏同款背景图 */
.tbtncon {
	height:26px;
	background:url(../images/title_bg.gif) repeat-x;
}

/* 选项卡按钮基础样式 */
.tbtn1 {
	font-size:12px;
	font-weight:normal;
	height:26px;
	border:1px solid #ace;
}

/* 选项卡每个按钮li */
.tbtncon li{
	border:1px solid #ace; /* 浅蓝色边框 */
	border-left:none; /* 取消左边框，相邻按钮共用边框 */
	border-top:none; /* 取消上边框 */
	color:#0E4FA8;
	cursor:pointer; /* 手型鼠标提示可点击 */
	display:block;
	float:left; /* 左浮动横向排列 */
	text-align:center;
	text-decoration:none;
	width:80px; /* 固定宽度80px */
	height:25px;
	line-height:25px;
}

/* 选项卡按钮悬停效果 */
.tbtncon li:hover{
	text-decoration:underline;
}

/* 当前选中的选项卡 */
.tbtncon li.curr{
	background:#fff; /* 白色背景，与下方内容区融合 */
	border-bottom-color:#fff; /* 底部边框白色，隐藏分割线 */
	cursor:default; /* 默认鼠标样式，表示当前选中不可点击 */
}

/* 频道页和列表页 */
/* 当前位置/面包屑导航：与标题栏同款样式 */
.position {
	background: #E9F2FB url(../images/title_bg.gif) repeat-x left top;
	color: #0E4FA8;
	border: 1px solid #AACCEE;
	border-bottom: none;
	margin-bottom: 10px; /* 下外边距10px，与下方列表分隔 */
}

/* 面包屑单元格样式 */
.position td {
	line-height: 26px;
	padding: 0px 10px;
	font-family: "宋体";
}

/* 频道页内容框底部间距 */
.channle .box {
	margin-bottom: 10px;
}

/* 列表页新闻列表框：全边框，左右内边距 */
.listpage .news_list .box {
	border-width: 1px;	
	padding: 0 10px;
}

/* 列表页内容区内容框：全边框，内边距 */
.listpage .list_content .box{
	border-width: 1px;	
	padding: 10px;
}

/* 列表页新闻列表底部虚线分割 */
.listpage .news_list .box ul {
	border-bottom: 1px dashed #ccc;
}

/* 新闻列表项：清除浮动，固定行高 */
.news_list .box ul li {
	clear: both; /* 清除左右浮动，避免排版错位 */
	padding: 0 0 0 8px;
	line-height: 28px;
	height: 28px;
}

/* 新闻列表标题链接：左浮动 */
.news_list .box ul li a {
	font-size: 14px;
	float: left;
}

/* 新闻列表日期：右浮动 */
.news_list .box ul li span {
	font-size: 14px;
	float: right;
}

/* 快讯列表底部虚线分割 */
.flash_list .line_bottom {
	color: #666;
	margin-bottom: 4px;
	border-bottom: 1px dashed #ccc;
}

/* 快讯摘要文字灰色 */
.flash_list .flashsay {
	color: #666;
}

/* 视频列表底部虚线分割 */
.movie_list .line_bottom {
	color: #666;
	margin-bottom: 4px;
	border-bottom: 1px dashed #ccc;
}

/* 视频列表封面图：灰色边框+内边距 */
.movie_list .titlepic img {
	border: 1px solid #ccc;
	padding: 3px;
}

/* 商城列表底部虚线分割 */
.shop_list .line_bottom {
	color: #666;
	margin: 8px 0;
	border-bottom: 1px dashed #ccc;
}

/* 商城列表表格底部间距 */
.shop_list .line_bottom table {
	margin-bottom: 8px;
}

/* 相册列表底部虚线分割 */
.photo_list .line_bottom {
	color: #666;
	margin: 8px 0;
	border-bottom: 1px dashed #ccc;
}

/* 相册列表表格底部间距 */
.photo_list .line_bottom table {
	margin-bottom: 8px;
}

/* 信息列表底部虚线分割 */
.info_list .line_bottom {
	color: #666;
	margin: 8px 0;
	border-bottom: 1px dashed #ccc;
}

/* 信息列表缩略图固定宽度 */
.info_list .line_bottom .titlepic {
	width: 90px;
}

/* 信息列表缩略图边框+内边距 */
.info_list .titlepic img {
	border: 1px solid #ccc;
	padding: 3px;
}

/* 信息列表点击数橙色突出 */
.info_list .line_bottom .click {
	color: #f60;
}

/* 信息列表小字说明灰色 */
.info_list .line_bottom .smalltext {
	color: #666;
}

/* 内容详情页 */
/* 内容页主体内容框：全边框 */
.showpage .main .box {
	border-width: 1px;
}

/* 新闻模型内容页：浅蓝背景，左右内边距 */
.news .main .box {
	padding: 0 20px;
	background: #F7FDFF;
}

/* 信息模型内容页：左右内边距 */
.info .main .box {
	padding: 0 20px;
}

/* 内容页标题信息区：上间距+居中 */
.showpage .main .title_info {
	margin-top: 15px;
	text-align: center;
}

/* 内容页大标题h1 */
.showpage .main .title_info h1 {
	font-size: 24px;
	line-height: 2;
	margin: 0px;
	padding: 0px;
}

/* 内容页标题下方信息栏（发布时间、作者、点击量） */
.showpage .main .title_info .info_text {
	border-bottom: 1px dashed #ccc; /* 底部虚线分割 */
	line-height: 2;
	padding-bottom: 6px;
	color: #666; /* 灰色辅助文字 */
}

/* 顶踩（Digg）区块 */
.showpage .digg {
	background: url(../images/digg_bg.gif) no-repeat left top; /* 顶踩按钮背景图 */
	width: 62px; /* 固定宽度 */
	margin-bottom: 10px;
}

/* 顶踩单元格文字居中 */
.showpage .digg td {
	text-align: center;
	padding-right: 4px;
}

/* 顶踩数字样式 */
.showpage .digg .diggnum {
	height: 38px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}

/* 顶踩按钮文字 */
.showpage .digg .diggit {
	height: 30px;
	line-height: 24px;
}

/* 正文内容区域 */
.showpage .main #text {
	font-size: 14px;
	line-height: 1.8; /* 1.8倍行高，提升长文阅读舒适度 */
}

/* 正文段落上下间距 */
.showpage .main #text p {
	margin: 1em 0;
}

/* 评论区容器 */
.showpage #plpost {
	margin-top: 10px;
	border: 1px solid #AACCEE; /* 蓝色边框 */
}

/* 评论区标题栏：无边框 */
.showpage #plpost .title {
	border: 0px solid #AACCEE;
}

/* 评论区标题提示文字红色 */
.showpage #plpost .title span {
	color: #CC0000;
}

/* 评论输入框 */
.showpage #plpost #saytext {
	display: block;
	margin: 0 0 10px;
	padding: 8px;
	height: 100px;
	width: 90%;
	border: 1px solid #ccc;
}

/* 系统表格样式 */
/* 表格表头样式 */
.header	{ 
	background: #E9F2FB url(../images/title_bg.gif) repeat-x left top;
	color: #0E4FA8;
	border: 1px solid #AACCEE;
	border-bottom: none;
}
.header a				{ color: #000000 } /* 表头链接黑色 */

/* 表格边框样式 */
.tableborder			{ background: #E1EFFB; border: 1px solid #AACCEE } 

/* 分页样式1 */
/* 列表分页容器 */
.list_page {
	margin: 15px 5px;
}

/* 分页链接和当前页样式 */
.pageLink a,
.list_page a,
.list_page b {
	padding: 4px 4px 2px;
	border: 1px solid #D2EFFF; /* 浅蓝边框 */
	background: #F0F8FF; /* 浅蓝背景 */
	text-align: center;
	display: inline;
	font-size: 14px;
}

/* 分页链接悬停效果 */
.pageLink a:hover,
.list_page a:hover{
	border: 1px solid #D2EFFF;
	background: #fff; /* 白色背景 */
	text-align: center;
	font-weight: bold; /* 加粗突出 */
	text-decoration: none;
}

/* 分页样式2 */
/* 内容页分页居中 */
.showpage .epages {
	text-align: center;
}

/* 分页通用基础样式 */
.epages{margin:3px 0;font:11px/12px Tahoma}
.epages *{vertical-align:middle;} /* 分页内所有元素垂直居中对齐 */
.epages a{padding:1px 4px 1px;border:1px solid #A6CBE7;margin:0 1px 0 0;text-align:center;text-decoration:none;font:normal 12px/14px verdana;}
.epages a:hover{border:#659B28 1px solid;background:#f3f8ef;text-decoration:none;color:#004c7d} /* 悬停绿色边框+浅绿背景 */
.epages input{margin-bottom:0px;border:1px solid #659B28;height:15px;font:bold 12px/15px Verdana;padding-bottom:1px;padding-left:1px;margin-right:1px;color:#659B28;} /* 分页跳转输入框 */

/* 图片自动缩图：防止大图撑破布局 */
.photoresize {
	max-width:560px; /* 现代浏览器：最大宽度限制为560px */
	/* IE专属CSS表达式：图片加载后判断宽度，超过560px则强制缩放 */
	myimg:expression(onload=function(){
	this.style.width=(this.offsetWidth > 560)?"560px":"auto"}
		   );
}

/* 评论区块样式 */
.ecomment {margin:0;padding:0;}
.ecomment {margin-bottom:12px;overflow-x:hidden;overflow-y:hidden;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;background:#FFFFEE;padding:3px;border:solid 1px #9db4cc;}
/* 浅黄色背景+灰色边框，每条评论间隔12px，隐藏溢出内容 */

/* 评论作者：左浮动，橙色加粗 */
.ecommentauthor {float:left; color:#F96; font-weight:bold;}

/* 评论内容：清除浮动，紧贴作者下方显示 */
.ecommenttext {clear:left;margin:0;padding:0;}

/* =============================================
   3D 级联导航（2026-09-03 新增）
   一级→二级：3D 下翻；二级→三级：3D 右侧弹出
   ============================================= */
.nav {
	background: linear-gradient(90deg, #1667D8 0%, #1F7AE0 100%);
}
.nav .nav_global ul.nav3d {
	padding: 0;
	display: flex;
	justify-content: flex-start;
}
.nav .nav_global ul.nav3d > li {
	float: none;
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	line-height: 50px;
	font-weight: 500;
	background: none;
	padding-right: 0;
}
.nav .nav_global ul.nav3d > li > a {
	color: #fff;
	padding: 0 12px;
	font-size: 15px;
	white-space: nowrap;
	text-align: center;
	transition: background .2s;
}
.nav .nav_global ul.nav3d > li > a .caret {
	font-size:12px;
	margin-left: 4px;
	opacity: .75;
	font-style: normal;
}
.nav .nav_global ul.nav3d > li:hover > a,
.nav .nav_global ul.nav3d > li.active > a,
.nav .nav_global ul.nav3d > li > a:hover {
	color: #fff !important;
	background: rgba(255,255,255,.14);
	text-decoration: none;
}

/* ---------- 二级菜单：3D 下翻弹出 ---------- */
.nav .nav_global ul.nav3d .l2 {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 208px;
	background: #fff;
	border-radius: 0 0 12px 12px;
	padding: 6px 0;
	box-shadow: 0 18px 40px rgba(18,58,107,.18);
	visibility: hidden;
	opacity: 0;
	transform-origin: top center;
	transform: perspective(900px) rotateX(-75deg) translateY(-8px);
	transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease, visibility 0s linear .42s;
	z-index: 100;
}
.nav .nav_global ul.nav3d > li:hover > .l2 {
	visibility: visible;
	opacity: 1;
	transform: perspective(900px) rotateX(0deg) translateY(0);
	transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease;
}
.nav .nav_global ul.nav3d .l2 li {
	position: relative;
	float: none;
	background: none;
	line-height: normal;
	font-weight: normal;
	padding-right: 0;
	text-align: left;
}
.nav .nav_global ul.nav3d .l2 li a {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 10px 16px;
	font-size:13px;
	color: #334155;
	text-decoration: none;
	transition: background .18s, color .18s, padding-left .18s;
}
.nav .nav_global ul.nav3d .l2 li a .caret {
	font-size:12px;
	color: #94a3b8;
}
.nav .nav_global ul.nav3d .l2 li a:hover {
	background: #f0f7ff;
	color: #1667D8;
	padding-left: 20px;
}

/* ---------- 三级菜单：3D 右侧弹出 ---------- */
.nav .nav_global ul.nav3d .l3 {
	list-style: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 196px;
	background: #fff;
	border-radius: 0 12px 12px 12px;
	padding: 6px 0;
	box-shadow: 0 14px 34px rgba(18,58,107,.16);
	visibility: hidden;
	opacity: 0;
	transform-origin: left center;
	transform: perspective(900px) rotateY(-70deg) translateX(-10px);
	transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease, visibility 0s linear .42s;
	z-index: 101;
}
.nav .nav_global ul.nav3d .l2 li:hover > .l3 {
	visibility: visible;
	opacity: 1;
	transform: perspective(900px) rotateY(0deg) translateX(0);
	transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease;
}
.nav .nav_global ul.nav3d .l3 li {
	float: none;
	background: none;
	line-height: normal;
	font-weight: normal;
	padding-right: 0;
}
.nav .nav_global ul.nav3d .l3 li a {
	display: block;
	padding: 9px 16px;
	font-size: 13px;
	color: #475569;
	text-decoration: none;
	transition: background .18s, color .18s, padding-left .18s;
}
.nav .nav_global ul.nav3d .l3 li a:hover {
	background: #f0f7ff;
	color: #1667D8;
	padding-left: 20px;
}

/* ---------- 右侧边缘菜单：向左弹出防溢出 ---------- */
.nav .nav_global ul.nav3d > li.last > .l2 {
	left: auto;
	right: 0;
	border-radius: 0 0 0 12px;
}
.nav .nav_global ul.nav3d > li.last .l2 li > .l3 {
	left: auto;
	right: 100%;
	transform-origin: right center;
	transform: perspective(900px) rotateY(70deg) translateX(10px);
	border-radius: 12px 0 12px 12px;
}
.nav .nav_global ul.nav3d > li.last .l2 li:hover > .l3 {
	transform: perspective(900px) rotateY(0deg) translateX(0);
}

/* =============================================
   2026-09-03 站头文字版 Logo（非图片）
   ============================================= */
.site-logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	vertical-align: middle;
}
.site-logo:hover { text-decoration: none !important; }
.site-logo .logo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: linear-gradient(135deg, #1667D8, #1F7AE0);
	color: #fff;
	font-size:24px;
	font-weight: bold;
	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
	margin-right: 14px;
	box-shadow: 0 4px 12px rgba(22,103,216,.25);
}
.site-logo .logo-text {
	display: inline-flex;
	flex-direction: column;
	line-height: 1.25;
}
.site-logo .logo-title {
	font-size:24px;
	font-weight: bold;
	color: #1667D8;
	letter-spacing: 1px;
	white-space: nowrap;
}
.site-logo .logo-slogan {
	font-size: 13px;
	color: #5b7a99;
	letter-spacing: .5px;
	margin-top: 4px;
	white-space: nowrap;
}

/* =============================================
   2026-09-03 导航下拉/右拉箭头放大一倍
   ============================================= */
.nav .nav_global ul.nav3d > li > a .caret {
	font-size: 20px;
	margin-left: 6px;
	opacity: .8;
}
.nav .nav_global ul.nav3d .l2 li a .caret {
	font-size: 20px;
}


/* =============================================================
   2026-09-03 全站改版蓝图（蓝图第2轮）
   配色：#F5F8FC 页底 / #1667D8 医疗蓝 / #0FA48B 健康绿 / #FF8A3D CTA橙
   ============================================================= */

/* ---------- 1. 全局页底浅蓝灰 ---------- */
html { background: #F5F8FC !important; }
body { background: #F5F8FC !important; }
/* 导航栏下全站统一 4px 缝隙 */
.hp-hero { margin-top: 0; }


/* ---------- 2. 导航：浮雕立体 + 均匀分布 ---------- */
.nav .nav_global ul.nav3d {
	justify-content: space-around;
}
.nav .nav_global ul.nav3d > li {
	flex: 1 1 0;
	text-align: center;
}
.nav .nav_global ul.nav3d > li > a {
	display: block;
	height: 34px;
	line-height: 34px;
	margin: 8px 6px;
	border-radius: 7px;
	/* 浮雕立体（凸起） */
	background: linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.10) 48%, rgba(0,70,170,.16) 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		inset 0 -2px 0 rgba(0,50,140,.28),
		0 2px 4px rgba(10,45,110,.35);
	text-shadow: 0 1px 1px rgba(0,0,0,.25);
	border: 1px solid rgba(255,255,255,.18);
	transition: all .18s ease;
}
.nav .nav_global ul.nav3d > li > a .caret {
	font-size: 16px;
	margin-left: 5px;
	opacity: .9;
}
.nav .nav_global ul.nav3d > li:hover > a,
.nav .nav_global ul.nav3d > li.active > a,
.nav .nav_global ul.nav3d > li > a:hover {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(0,70,170,.28) 100%);
	box-shadow:
		inset 0 2px 4px rgba(0,40,110,.35),
		inset 0 -1px 0 rgba(255,255,255,.20),
		0 1px 0 rgba(255,255,255,.25);
	/* 按下=凹陷 */
	transform: translateY(1px);
	text-decoration: none;
}

/* ---------- 3. CTA 橙色按钮 ---------- */
.btn-cta {
	display: inline-block;
	padding: 12px 28px;
	border-radius: 8px;
	background: linear-gradient(180deg, #FF9A55 0%, #FF8A3D 55%, #F2741E 100%);
	color: #fff !important;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 0 4px 14px rgba(255,138,61,.35), inset 0 1px 0 rgba(255,255,255,.35);
	text-decoration: none !important;
	transition: all .2s ease;
}
.btn-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(255,138,61,.45), inset 0 1px 0 rgba(255,255,255,.4);
	color: #fff !important;
}
.btn-cta-ghost {
	background: rgba(255,255,255,.16);
	border: 1px solid rgba(255,255,255,.6);
	box-shadow: none;
	color: #fff !important;
}
.btn-cta-ghost:hover {
	background: rgba(255,255,255,.28);
	box-shadow: none;
}
/* 站头右侧 CTA 区 */
.header-cta { padding-right: 6px; white-space: nowrap; }

/* ---------- 4. 首页通用板块 ---------- */
.hp-section {
	background: #fff;
	border-radius: 14px;
	padding: 22px 24px;
	margin: 4px 0 18px;
	box-shadow: 0 2px 12px rgba(22,103,216,.06);
	box-sizing: border-box;
}
.hp-section-alt { background: linear-gradient(180deg, #ffffff 0%, #F2F8FF 100%); }
.hp-title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 2px solid #F7FAFF;
	padding-bottom: 12px;
	margin-bottom: 16px;
}
.hp-title > span {
	font-size: 20px;
	font-weight: bold;
	color: #1667D8;
	position: relative;
	padding-left: 14px;
}
.hp-title > span::before {
	content: '';
	position: absolute;
	left: 0; top: 4px; bottom: 4px;
	width: 5px;
	border-radius: 3px;
	background: linear-gradient(180deg, #FF8A3D, #1667D8);
}
.hp-more {
	font-size: 13px;
	color: #5b7a99;
	text-decoration: none;
}
.hp-more:hover { color: #1667D8; }
.hp-empty {
	color: #9db4cc;
	font-size: 13px;
	text-align: center;
	padding: 26px 0;
	margin: 0;
	letter-spacing: 1px;
}

/* ---------- 5. 焦点大图 Hero ---------- */
.hp-hero {
	background: linear-gradient(120deg, #0E4FA8 0%, #1667D8 55%, #2E8BE8 100%);
	border-radius: 0 0 16px 16px;
	margin: 0 0 18px;
	overflow: hidden;
	position: relative;
}
.hp-hero::before {
	content: '';
	position: absolute;
	right: -60px; top: -60px;
	width: 340px; height: 340px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 70%);
}
.hp-hero::after {
	content: '';
	position: absolute;
	left: 20%; bottom: -120px;
	width: 260px; height: 260px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(15,164,139,.28), rgba(15,164,139,0) 70%);
}
.hp-hero-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	padding: 36px 44px 20px;
	box-sizing: border-box;
}
.hp-hero-text { flex: 1 1 360px; min-width: 0; }
.hp-hero-text h2 {
	margin: 0 0 14px;
	color: #fff;
	font-size: 34px;
	line-height: 1.3;
	letter-spacing: 1px;
}
.hp-hero-text p {
	margin: 0 0 24px;
	color: rgba(255,255,255,.88);
	font-size: 15px;
	line-height: 1.8;
}
.hp-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }
.hp-hero-features {
	flex: 1 1 280px;
	min-width: 0;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 12px;
	padding: 20px 22px;
	backdrop-filter: blur(4px);
	position: relative;
	height: 170px;
	box-sizing: border-box;
}
/* 登录后：个人中心卡片占据容器右侧，服务列表让出空间 */
.hp-hero-features:has(.mc-user-card) ul{ padding-right: 500px; }
.hp-hero-features h3 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 16px;
}
.hp-hero-features li {
	list-style: none;
	color: rgba(255,255,255,.92);
	font-size:13px;
	line-height: 1.8;
	white-space: nowrap;
	padding-left: 18px;
	position: relative;
}
.hp-hero-features li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #5CE0C6;
	font-weight: bold;
}

/* ---------- 6. 一站式服务 6 图标 ---------- */
.hp-icons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
}
.hp-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 22px 10px;
	border-radius: 12px;
	background: #F7FAFF;
	border: 1px solid #E8F0FB;
	text-decoration: none;
	transition: all .2s ease;
}
.hp-icon:hover {
	background: #1667D8;
	transform: translateY(-4px);
	box-shadow: 0 10px 22px rgba(22,103,216,.28);
}
.hp-icon .ic {
	width: 52px; height: 52px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 14px;
	font-size: 24px;
	background: linear-gradient(135deg, #1667D8, #1F7AE0);
	color: #fff;
	box-shadow: 0 4px 12px rgba(22,103,216,.28);
}
.hp-icon .it {
	font-size: 14px;
	color: #334155;
	font-weight: 600;
}
.hp-icon:hover .it { color: #fff; }

/* ---------- 7. 信任数据条 ---------- */
.hp-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 1px;
	background: #E8F0FB;
	border-radius: 14px;
	overflow: hidden;
	margin: 4px 0 18px;
}
.hp-stats > div {
	background: #fff;
	text-align: center;
	padding: 26px 12px;
}
.hp-stats b {
	display: block;
	font-size: 34px;
	color: #1667D8;
	font-weight: bold;
}
.hp-stats span {
	font-size: 13px;
	color: #5b7a99;
}

/* ---------- 8. 权威专家卡片 ---------- */
.hp-expert-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 16px;
}
.hp-expert-card {
	background: #fff;
	border: 1px solid #E8F0FB;
	border-radius: 12px;
	padding: 18px;
	transition: all .2s ease;
}
.hp-expert-card:hover { box-shadow: 0 8px 22px rgba(22,103,216,.14); transform: translateY(-3px); }
.hp-expert-card h4 { margin: 0 0 6px; font-size: 16px; color: #1A1B1C; }
.hp-expert-card p { margin: 0; font-size: 13px; color: #5b7a99; line-height: 1.7; }

/* ---------- 9. 合作医院墙 ---------- */
.hp-hospital {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}
.hp-hospital-item {
	padding: 10px 18px;
	background: #F7FAFF;
	border: 1px solid #E8F0FB;
	border-radius: 8px;
	font-size: 14px;
	color: #334155;
}

/* ---------- 10. 资讯双栏 ---------- */
.hp-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}
.hp-news { padding: 0; margin: 0; }
.hp-news li {
	list-style: none;
	line-height: 2.2;
	border-bottom: 1px dashed #E8F0FB;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hp-news li a { color: #334155; font-size: 14px; }
.hp-news li a:hover { color: #1667D8; }

/* ---------- 11. 成功案例 ---------- */
.hp-cases {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 16px;
}
.hp-case {
	background: #F7FAFF;
	border: 1px solid #E8F0FB;
	border-radius: 12px;
	padding: 18px;
}
.hp-case h4 { margin: 0 0 6px; font-size: 15px; color: #1667D8; }
.hp-case p { margin: 0; font-size: 13px; color: #5b7a99; line-height: 1.7; }

/* ---------- 12. 疑难杂病标签云（40 病种，每行 10 个） ---------- */
.hp-tags {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	gap: 8px;
}
.hp-tags a {
	padding: 8px 4px;
	background: #fff;
	border: 1px solid #E8F0FB;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.35;
	color: #1667D8;
	text-decoration: none;
	text-align: center;
	transition: all .18s ease;
}
.hp-tags a:hover { background: #1667D8; color: #fff; border-color: #1667D8; }

/* ---------- 13. 就医流程四步 ---------- */
.hp-flow {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
}
.hp-flow-step {
	position: relative;
	background: #F7FAFF;
	border: 1px solid #E8F0FB;
	border-radius: 12px;
	padding: 22px 16px;
	text-align: center;
}
.hp-flow-step b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1667D8, #1F7AE0);
	color: #fff;
	font-size:20px;
	margin-bottom: 10px;
	box-shadow: 0 4px 12px rgba(22,103,216,.3);
}
.hp-flow-step span { display: block; font-size: 15px; color: #334155; font-weight: 600; }
.hp-flow-step em { display: block; margin-top: 6px; font-style: normal; font-size: 12px; color: #9db4cc; }

/* ---------- 14. 响应式断点（全站自适应） ---------- */
@media (max-width: 1200px) {
	.nav .nav_global ul.nav3d { flex-wrap: wrap; justify-content: center; }
	.nav .nav_global ul.nav3d > li { flex: 0 1 auto; }
	.nav .nav_global ul.nav3d > li > a { font-size: 14px; padding: 0 6px; }
	.hp-hero-text h2 { font-size:24px; }
}
@media (max-width: 992px) {
	.hp-hero-inner { padding: 32px 24px; }
	.hp-hero-text h2 { font-size: 24px; }
	.hp-cols { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.nav .nav_global ul.nav3d { flex-wrap: wrap; justify-content: flex-start; }
	.nav .nav_global ul.nav3d > li { flex: 1 1 33%; }
	.nav .nav_global ul.nav3d > li > a { margin: 5px 4px; height: 30px; line-height: 30px; font-size: 13px; }
	.site-logo .logo-slogan { display: none; }
	.hp-hero-text h2 { font-size: 20px; }
	.hp-stats b { font-size:24px; }
}
@media (max-width: 480px) {
	.nav .nav_global ul.nav3d > li { flex: 1 1 50%; }
	.hp-hero-inner { padding: 24px 16px; }
	.hp-section { padding: 16px 14px; }
	.top table td:first-child { display: none; }
}

/* ---------- 15. 页脚品牌区 ---------- */
.footer-links { line-height: 2.2; }
.footer-links a { color: #1667D8; margin: 0 4px; }
.footer-links a:hover { color: #c30; }
.footer-brand {
	margin-top: 6px;
	font-size: 14px;
	color: #5b7a99;
	letter-spacing: 1px;
}


/* =============================================================
   2026-09-03 蓝图第3轮：导航浮雕深化 + 全宽延伸 + Hero 漂浮CTA
   ============================================================= */

/* ---------- 1. 导航蓝背景：全宽延伸（nav-wrap 伪元素层，背景不限宽） ---------- */
.nav-wrap {
	position: relative;
	width: 100%;
}
.nav-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	max-width: 1600px;
	transform: translateX(-50%);
	background: linear-gradient(120deg, #0E4FA8 0%, #1667D8 55%, #2E8BE8 100%);
	box-shadow: 0 6px 22px rgba(8,55,130,.24);
		border-top: 1px solid rgba(0,0,0,.6);
	z-index: 0;
}
.nav-wrap > table.nav {
	position: relative;
	z-index: 1;
	width: 100% !important;
	max-width: 1600px;
	margin: 0 auto !important;
	background: none !important;
	box-shadow: none !important;
}
body { overflow-x: hidden; }

/* ---------- 1b. 导航内容区限制 1600px 居中；背景方框不受限制 ---------- */
.nav .nav_global {
	width: 1600px;
	max-width: 100%;
	margin: 0 auto;
}
.nav .nav_global ul.nav3d {
	max-width: 1600px;
	margin: 0 auto;
}

/* ---------- 2. 二级菜单 l2：浮雕 + 圆角 ---------- */
.nav .nav_global ul.nav3d .l2 {
	background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%);
	border: 1px solid rgba(22,103,216,.16);
	border-radius: 0 0 16px 16px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		inset 0 -4px 10px rgba(22,103,216,.08),
		0 18px 40px rgba(18,58,107,.22);
}
.nav .nav_global ul.nav3d .l2 li { padding: 2px 6px; }
.nav .nav_global ul.nav3d .l2 li a {
	border-radius: 9px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		inset 0 -2px 4px rgba(22,103,216,.06);
}
.nav .nav_global ul.nav3d .l2 li a:hover {
	background: linear-gradient(180deg, #2E8BF0 0%, #1667D8 100%);
	color: #fff !important;
	padding-left: 16px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.42),
		inset 0 -3px 6px rgba(0,40,110,.35),
		0 3px 8px rgba(22,103,216,.35);
	text-shadow: 0 1px 2px rgba(0,30,90,.3);
	transform: translateY(1px);
}

/* ---------- 3. 三级菜单 l3：浮雕 + 圆角 ---------- */
.nav .nav_global ul.nav3d .l3 {
	background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%);
	border: 1px solid rgba(22,103,216,.16);
	border-radius: 0 14px 14px 14px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.95),
		inset 0 -4px 10px rgba(22,103,216,.08),
		0 14px 34px rgba(18,58,107,.20);
}
.nav .nav_global ul.nav3d .l3 li { padding: 2px 6px; }
.nav .nav_global ul.nav3d .l3 li a {
	border-radius: 9px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		inset 0 -2px 4px rgba(22,103,216,.06);
}
.nav .nav_global ul.nav3d .l3 li a:hover {
	background: linear-gradient(180deg, #2E8BF0 0%, #1667D8 100%);
	color: #fff !important;
	padding-left: 16px;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.42),
		inset 0 -3px 6px rgba(0,40,110,.35),
		0 3px 8px rgba(22,103,216,.35);
	text-shadow: 0 1px 2px rgba(0,30,90,.3);
	transform: translateY(1px);
}

/* 边缘菜单圆角随改 */
.nav .nav_global ul.nav3d > li.last > .l2 { border-radius: 0 0 0 16px; }
.nav .nav_global ul.nav3d > li.last .l2 li > .l3 { border-radius: 14px 0 14px 14px; }

/* ---------- 4. Hero 方框内 漂浮镶嵌 CTA ---------- */
.hp-hero-features { position: relative; }
.hp-float-cta {
	position: absolute;
	right: -14px;
	bottom: -18px;
	z-index: 6;
	padding: 13px 26px;
	font-size: 16px;
	animation: hp-float-bob 3.2s ease-in-out infinite;
}
.hp-float-cta:hover { animation-play-state: paused; transform: translateY(-2px); }
@keyframes hp-float-bob {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}


/* =============================================================
   2026-09-03 蓝图第3轮：权威专家 列表卡片 + 详情页
   ============================================================= */

/* ---------- 专家列表页 ---------- */
.expert-list-wrap {
	max-width: 1600px;
	margin: 0 auto;
	padding: 18px 22px 40px;
	box-sizing: border-box;
}
.expert-list-crumb {
	font-size: 13px;
	color: #5b7a99;
	padding: 4px 2px 12px;
	border-bottom: 1px dashed #d8e5f5;
	margin-bottom: 14px;
}
.expert-list-title {
	font-size: 24px;
	font-weight: 700;
	color: #0E4FA8;
	margin: 6px 0 18px;
	padding-left: 12px;
	border-left: 5px solid #FF8A3D;
	line-height: 1.3;
}
.expert-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.expert-grid br { display: none; }
.expert-card {
	flex: 0 0 calc((100% - 90px) / 6);
	max-width: calc((100% - 90px) / 6);
	background: #fff;
	border: 1px solid #e3edfa;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(18,58,107,.06);
	transition: transform .25s ease, box-shadow .25s ease;
}
.expert-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 14px 30px rgba(22,103,216,.16);
}
.expert-card a { display: block; text-decoration: none; color: inherit; }
.expert-photo {
	display: block;
	aspect-ratio: 3 / 3.4;
	overflow: hidden;
	background: #f2f7ff;
}
.expert-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.expert-card-name {
	display: block;
	font-size:16px;
	font-weight: 700;
	color: #0E4FA8;
	padding: 12px 14px 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.expert-card-host {
	display: block;
	font-size: 12.5px;
	color: #5b7ba0;
	padding: 2px 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.expert-card-field {
	display: block;
	font-size: 12px;
	color: #FF8A3D;
	padding: 6px 14px 14px;
	line-height: 1.5;
	height: 2.9em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.expert-list-wrap .epages {
	text-align: center;
	margin-top: 26px;
	color: #5b7ba0;
}
.expert-list-wrap .epages a {
	margin: 0 4px;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #d8e5f5;
	border-radius: 6px;
	color: #0E4FA8;
	text-decoration: none;
}
.expert-list-wrap .epages a:hover { background: #1667D8; color: #fff; }

/* ---------- 专家详情页 ---------- */
.expert-detail {
	max-width: 1600px;
	margin: 0 auto;
	padding: 18px 22px 40px;
	box-sizing: border-box;
}
.expert-detail-crumb {
	font-size: 13px;
	color: #5b7a99;
	padding: 4px 2px 12px;
	border-bottom: 1px dashed #d8e5f5;
	margin-bottom: 16px;
}
.expert-detail-box {
	background: #fff;
	border: 1px solid #e3edfa;
	border-radius: 16px;
	padding: 28px;
	box-shadow: 0 6px 20px rgba(18,58,107,.06);
}
.expert-detail-head {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
}
.expert-detail-photo {
	width: 260px;
	height: 348px;
	border-radius: 14px;
	overflow: hidden;
	background: #f2f7ff;
	flex: 0 0 auto;
	box-shadow: 0 8px 22px rgba(18,58,107,.12);
}
.expert-detail-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.expert-detail-meta { flex: 1 1 420px; min-width: 0; }
.expert-detail-meta h1 {
	font-size:24px;
	color: #0E4FA8;
	margin: 4px 0 18px;
	line-height: 1.3;
}
.ed-row {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 9px 0;
}
.ed-k {
	flex: 0 0 84px;
	font-size: 13px;
	color: #7a95b5;
	background: #f2f7ff;
	border-radius: 6px;
	padding: 5px 8px;
	text-align: center;
}
.ed-v {
	font-size: 15px;
	color: #2b4a6e;
	line-height: 1.6;
}
.ed-appoint {
	display: inline-block;
	margin-top: 18px;
}
.expert-detail-bio {
	margin-top: 26px;
	border-top: 1px dashed #d8e5f5;
	padding-top: 20px;
}
.expert-detail-bio h2 {
	font-size: 19px;
	color: #0E4FA8;
	margin: 0 0 14px;
	padding-left: 12px;
	border-left: 5px solid #FF8A3D;
	line-height: 1.4;
}
.ed-bio-text {
	font-size: 15px;
	line-height: 2;
	color: #3a4f68;
	text-align: justify;
}

/* 窄屏适配 */
@media (max-width: 992px) {
	.expert-card { flex: 0 0 calc((100% - 18px) / 2); max-width: calc((100% - 18px) / 2); }
	.expert-detail-photo { width: 100%; height: auto; aspect-ratio: 3/4; }
}
@media (max-width: 600px) {
	.expert-card { flex: 0 0 100%; max-width: 100%; }
	.expert-detail-box { padding: 16px; }
	.expert-detail-meta h1 { font-size:20px; }
}

/* 首页专家卡片 avatar 补全 */
.hp-expert-card a { display: block; text-decoration: none; color: inherit; }
.hp-expert-ava {
	display: block;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 10px;
	aspect-ratio: 3 / 3.4;
	background: #f2f7ff;
}
.hp-expert-ava img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hp-expert-card h4 {
	margin: 0 0 6px;
	font-size: 16px;
	color: #0E4FA8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hp-expert-card p {
	margin: 0;
	font-size: 12.5px;
	color: #5b7a99;
	line-height: 1.6;
}


/* ===== 中药栏目 ===== */
.herb-index { max-width: 1600px; margin: 0 auto; padding: 24px 20px 40px; }
.herb-index-crumb { font-size: 13px; color: #5b7a99; padding: 4px 2px 14px; border-bottom: 1px dashed #d8e5f5; margin-bottom: 20px; }
.herb-index-head h1 { font-size: 30px; color: #0E4FA8; margin: 0 0 10px; }
.herb-index-head p { font-size: 15px; color: #5b7a99; margin: 0 0 24px; }
.herb-cat-grid { display: flex; flex-wrap: wrap; gap: 16px; }
.herb-cat-card {
  flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 22px 14px; background: linear-gradient(180deg,#ffffff,#f2f8ec);
  border: 1px solid #dcebd0; border-radius: 14px; text-decoration: none;
  box-shadow: inset 0 1px 0 #fff, inset 0 -3px 8px rgba(110,174,82,.06), 0 6px 16px rgba(18,60,110,.05);
  transition: transform .22s, box-shadow .22s;
}
.herb-cat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(110,174,82,.18); border-color: #9ccb82; }
.hcc-ico { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(180deg,#8CC46E,#6FAE52);
  color:#fff; font-size:20px; font-weight: 600; display: flex; align-items: center; justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 3px 8px rgba(110,174,82,.35); }
.hcc-name { font-size: 16px; font-weight: 600; color: #2e5c1d; }
.hcc-count { font-size: 12px; color: #8aa87f; }

/* 中药列表 */
.herb-list-wrap { max-width: 1600px; margin: 0 auto; padding: 24px 20px 40px; }
.herb-list-crumb { font-size: 13px; color: #5b7a99; padding: 4px 2px 14px; border-bottom: 1px dashed #d8e5f5; margin-bottom: 16px; }
.herb-list-title { font-size: 24px; color: #0E4FA8; margin: 0 0 20px; }
.herb-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.herb-card { margin: 0; padding: 0; }
.herb-card a { display: flex; flex-direction: column; background: #fff; border: 1px solid #e3edfa; border-radius: 14px; overflow: hidden; text-decoration: none; box-shadow: 0 4px 14px rgba(18,58,107,.06); transition: transform .22s, box-shadow .22s; height: 100%; }
.herb-card a:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(18,58,107,.16); }
.herb-photo { display: block; aspect-ratio: 3/4; overflow: hidden; background: #f2f8ec; }
.herb-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.herb-card-name { font-size:16px; font-weight: 600; color: #0E4FA8; padding: 10px 12px 2px; }
.herb-card-xw { font-size: 12.5px; color: #6e9a57; padding: 0 12px 4px; }
.herb-card-gx { font-size: 12.5px; color: #5b7a99; padding: 0 12px 12px; line-height: 1.5; }

/* 中药详情 */
.herb-detail { max-width: 1600px; margin: 0 auto; padding: 24px 20px 40px; }
.herb-detail-crumb { font-size: 13px; color: #5b7a99; padding: 4px 2px 12px; border-bottom: 1px dashed #d8e5f5; margin-bottom: 16px; }
.herb-detail-box { background: #fff; border: 1px solid #e3edfa; border-radius: 16px; padding: 28px; box-shadow: 0 6px 20px rgba(18,58,107,.06); }
.herb-detail-head { display: flex; gap: 28px; flex-wrap: wrap; }
.herb-detail-photo { width: 240px; height: 320px; border-radius: 14px; overflow: hidden; background: #f2f8ec; flex: 0 0 auto; box-shadow: 0 8px 22px rgba(18,58,107,.12); }
.herb-detail-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.herb-detail-meta { flex: 1 1 420px; min-width: 0; }
.herb-detail-meta h1 { font-size:24px; color: #0E4FA8; margin: 0 0 14px; line-height: 1.3; }
.hd-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.hd-tags:empty { display: none; }
.hd-row { display: flex; align-items: baseline; gap: 10px; margin: 9px 0; }
.hd-k { flex: 0 0 64px; font-size: 13px; color: #6e9a57; background: #f2f8ec; border-radius: 6px; padding: 5px 8px; text-align: center; }
.hd-v { font-size: 15px; color: #2b4a6e; line-height: 1.6; }
.hd-consult { display: inline-block; margin-top: 18px; }
.herb-detail-intro { margin-top: 26px; border-top: 1px dashed #d8e5f5; padding-top: 20px; }
/* 中药内容页两栏布局 */
.herb-detail-layout{display:grid;grid-template-columns:1fr 310px;gap:22px;align-items:start}
.herb-detail-main{min-width:0}
.herb-sider .zs-box{background:#fff;border:1px solid #F7FAFF;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 10px rgba(22,103,216,.05)}
.herb-sider .zs-title{background:linear-gradient(120deg,#0E4FA8,#1667D8,#2E8BE8);color:#fff;font-size:14px;padding:10px 16px;font-weight:700}
.herb-sider .zs-title span{font-size:12px;opacity:.85;margin-left:8px;font-weight:400}
.herb-sider .zs-body{padding:8px 16px}
.herb-sider .zs-body ol{margin:0;padding:0 0 0 18px}
.herb-sider .zs-body li{padding:7px 0;border-bottom:1px dashed #eef4fb;font-size:13px;color:#3a4a5e}
.herb-sider .zs-body li:last-child{border-bottom:none}
.herb-sider .zs-body li b{color:#1667D8}
.herb-sider .zs-body li span{display:block;font-size:12px;color:#9db4cc}
.herb-sider .zs-body li em{float:right;font-style:normal;color:#FF8A3D;font-size:12px}

.herb-detail-intro h2 { font-size: 19px; color: #0E4FA8; margin: 0 0 14px; padding-left: 12px; border-left: 5px solid #6FAE52; line-height: 1.4; }
.hd-text { font-size: 15px; line-height: 2; color: #3a4f68; text-align: justify; }

@media (max-width: 992px) { .herb-detail-photo { width: 100%; height: auto; aspect-ratio: 3/4; } }
@media (max-width: 600px) { .herb-detail-box { padding: 16px; } .herb-detail-meta h1 { font-size:20px; } .herb-grid { grid-template-columns: repeat(auto-fill, minmax(140px,1fr)); } }

/* ---------- 频道页 Hero 通用（一级栏目封面） ----------
   2026-09-03：所有一级栏目页在导航栏下显示 Hero 方框，面包屑置于导航栏与 Hero 之间
   ============================================================= */
.channel-page {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px 40px;
	box-sizing: border-box;
}
.channel-crumb {
	font-size: 13px;
	color: #5b7a99;
	padding: 0 2px;
	margin: 2px 0;
	line-height: 1.6;
}
.channel-crumb a { color: #1667D8; text-decoration: none; }
.channel-crumb a:hover { color: #0E4FA8; text-decoration: underline; }
@media (max-width: 992px) { .channel-page { padding: 12px 14px 32px; } }

/* ===== 权威专家 8 行分区 ===== */
.expert-list-wrap { max-width: 1600px; margin: 0 auto; padding: 4px 20px 50px; }
.expert-sections { margin-top: 4px; }
.expert-section { margin-bottom: 36px; }
.expert-section-title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 2px 14px;
	margin-bottom: 20px;
	border-bottom: 2px solid #1667D8;
}
.expert-section-title span {
	font-size: 21px;
	font-weight: 700;
	color: #0E4FA8;
	padding-left: 14px;
	border-left: 4px solid #FF8A3D;
	line-height: 1.3;
}
.expert-section-more { font-size: 13px; color: #5b7ba0; text-decoration: none; white-space: nowrap; }
.expert-section-more:hover { color: #1667D8; text-decoration: underline; }
.expert-card-empty { background: #f7fafd; opacity: .6; }
.expert-card-empty:hover { transform: none; box-shadow: none; }
@media (max-width: 992px) {
	.expert-list-wrap { padding: 12px 14px 36px; }
	.expert-section-title span { font-size:20px; }
}

/* =====================================================
   全站布局统一对齐（红竖线对齐修复）2026-09-04
   目标：登录栏 / Logo / 导航文字 / Hero 文字 / 面包屑 / 正文
   所有内容左边缘统一为容器左缘 + 20px；Hero 等大色块满宽与导航对齐
   ===================================================== */
/* 顶部登录栏内容对齐 20px */
.top table td { padding-left: 20px; padding-right: 20px; }
/* Logo 区对齐 20px（去掉 header 外层 table 的 cellspacing=10 侧边距） */
body > table[cellspacing="10"] { border-spacing: 0 !important; }
.site-logo { margin-left: 20px; }
/* 导航文字对齐 20px */
.nav .nav_global ul.nav3d { padding-left: 20px; padding-right: 20px; }
/* 栏目页/封面页 Hero 拉满全宽，与导航、页面容器左缘对齐 */
.channel-page .hp-hero,
.expert-list-wrap .hp-hero,
.herb-list-wrap .hp-hero { margin-left: -20px; margin-right: -20px; margin-top: 0; }
/* Hero 内文字统一左右 20px（与正文对齐） */
.hp-hero-inner { padding-left: 20px; padding-right: 20px; }
/* 首页板块卡片统一左右 20px */
.hp-section { padding-left: 20px; padding-right: 20px; }
/* 新封面布局（channel-page）外层 table 去掉 cellspacing=10，正文与容器 20px 对齐 */
.channel-page > table { border-spacing: 0 !important; }
.channel-page > table td.news_list { padding-right: 12px; }
/* 专家详情容器统一左右 20px */
.expert-detail { padding-right: 20px; padding-left: 20px; }
/* 旧布局（classtemp1/cptemp/newstemp1）外层 table 去掉 cellspacing=10，正文从 20px 开始 */
.channle > table[cellspacing="10"],
body.showpage > table[cellspacing="10"],
body.listpage > table[cellspacing="10"] { border-spacing: 0 !important; }
.channle > table[cellspacing="10"] td.news_list,
body.showpage > table[cellspacing="10"] td.main,
body.listpage > table[cellspacing="10"] td.list_content { padding-left: 20px; padding-right: 12px; }


/* ============================================================
   统一布局管理（v20260904d）
   —— 对齐原则：导航菜单项 & 各页主内容容器 左右边缘 = 1600px 两端
   —— 参考原style.css 语义化管理思路：集中统一，避免散落内联
   ============================================================ */

/* 1. 导航栏：菜单项两端顶满 1600px（去掉 20px 内缩） */
.nav .nav_global ul.nav3d { padding-left: 0; padding-right: 0; }

/* 2. 栏目页主内容容器：左右顶满 1600px（原 20px 内缩取消，hero 负 margin 同步归零） */
.channel-page { padding-left: 0; padding-right: 0; }
.channel-page .hp-hero,
.expert-list-wrap .hp-hero,
.herb-list-wrap .hp-hero { margin-left: 0; margin-right: 0; }
/* 内容区内部留白：列表与侧栏保持间距，文字不贴边 */
.channel-page > table td.news_list { padding-left: 20px; padding-right: 12px; }
.channel-page > table td.sider { padding-left: 16px; }

/* 3. 专家 / 中药 / 病种等独立容器：左右顶满 */
.expert-list-wrap, .herb-list-wrap, .herb-index { padding-left: 0; padding-right: 0; }
.expert-detail { padding-left: 0; padding-right: 0; }

/* 4. 列表页主内容区：左右顶满 */
body.listpage > table[cellspacing="10"] td.list_content { padding-left: 0; }

/* 5. 顶部操作栏 / Logo：对齐容器边缘 */
.top table td { padding-left: 0; padding-right: 0; }
.site-logo { margin-left: 0; }


/* ============================================================
   统一布局管理（v20260904e）· 全站对齐补全
   —— 中药详情原为 1200px 窄栏，统一为 1600px 顶满（与全站一致）
   ============================================================ */

/* 中药详情：容器对齐 1600px（原 max-width:1200px 居中窄栏） */
.herb-detail { max-width: 1600px; }

/* 通用内容页（showpage news）正文区：容器顶满 1600px */
body.showpage > table[cellspacing="10"] td.main { padding-left: 0; }
body.showpage > table[cellspacing="10"] td.main .position,
body.showpage > table[cellspacing="10"] td.main .box { padding-left: 20px; }


/* ============================================================
   统一布局管理（v20260904f）· 内容页正文左右对称修复
   —— td.main 原保留 padding-right:12px，导致正文右侧比左侧多缩 12px
   —— 去掉右侧不对称缩进，正文区左右对称、右缘对齐容器
   ============================================================ */

body.showpage > table[cellspacing="10"] td.main { padding-left: 0; padding-right: 0; }
body.listpage > table[cellspacing="10"] td.list_content { padding-left: 0; padding-right: 0; }


/* ============================================================
   统一布局管理（v20260904g）· 科室/列表容器向两端对齐 1600px
   —— news_list 原左右缩进 20px/12px，科室块（.title/.box）未顶满
   —— 去掉缩进，块外框左右顶满容器；内容留白由内部 .title td / .box 处理
   ============================================================ */

.channel-page > table td.news_list,
.channle > table[cellspacing="10"] td.news_list,
body.listpage > table[cellspacing="10"] td.list_content {
  padding-left: 0;
  padding-right: 0;
}


/* ============================================================
   统一布局管理（v20260904h）· 导航 2/3 级弹出菜单不被内容区遮挡
   —— 首页 hero(hp-hero-inner z-index:1) 与 .nav(z-index:1) 同级，
      后渲染的 hero 覆盖了 nav 的弹出菜单，导致 hover 2 级项时
      实际悬停在 hero 上、li 丢失 :hover、2/3 级菜单消失
   —— 将 .nav 层级提到 1000，整个导航（含弹出层）位于 hero 之上
   ============================================================ */

.nav-wrap > table.nav {
  z-index: 1000;
}


/* ============================================================
   统一布局管理（v20260904i）· 移动端导航折叠（480px 断点）
   —— 桌面端保留 3D 三级 hover 弹出；手机端默认收起，
      顶部“☰ 导航菜单”按钮点击展开，一级项点击展开/收起 2/3 级
   ============================================================ */

.nav-toggle { display: none; }

@media (max-width: 480px) {
  .nav-toggle {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #1667D8;
    color: #fff;
    border: 0;
    font-size: 15px;
    letter-spacing: 4px;
    cursor: pointer;
    text-align: center;
  }
  .nav .nav_global ul.nav3d {
    display: none;
    flex-direction: column;
    background: #1667D8;
    padding: 4px 0 10px;
  }
  .nav .nav_global ul.nav3d.open { display: flex; }
  .nav .nav_global ul.nav3d > li {
    flex: 1 1 auto;
    width: 100%;
    line-height: 42px;
  }
  .nav .nav_global ul.nav3d > li > a {
    display: block;
    padding: 0 16px;
    font-size: 15px;
    text-align: left;
  }
  .nav .nav_global ul.nav3d .l2,
  .nav .nav_global ul.nav3d .l3 {
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    min-width: 0;
    display: none;
    overflow: visible;
  }
  .nav .nav_global ul.nav3d .l2 li a {
    display: block;
    color: #dbe9ff;
    font-size: 13px;
    padding: 9px 30px;
  }
  .nav .nav_global ul.nav3d .l2 li a:hover {
    background: rgba(255,255,255,.12);
    color: #fff;
    padding-left: 30px;
  }
  .nav .nav_global ul.nav3d .l3 li a {
    display: block;
    color: #c3d9f5;
    font-size: 12px;
    padding: 8px 46px;
  }
  .nav .nav_global ul.nav3d .l3 li a:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
    padding-left: 46px;
  }
  .nav .nav_global ul.nav3d li.open > .l2,
  .nav .nav_global ul.nav3d .l2 li.open > .l3 { display: block; }
  .nav .nav_global ul.nav3d > li > a .caret { float: right; margin-right: 6px; }
  .nav .nav_global ul.nav3d > li.last > .l2,
  .nav .nav_global ul.nav3d > li.last .l2 li > .l3 { left: auto; right: auto; }
}


/* ============================================================
   统一布局管理（v20260904j）· 首页空模块静态化 + 中药精选
   —— 合作医院/医疗资讯/成功案例改为静态宣传模块，中医精选动态调取
   ============================================================ */

/* 中药一级页 · 中药精选区标题 */
.herb-index-title { margin: 34px 0 18px; }
.herb-index-title h2 { font-size:24px; color: #0E4FA8; margin: 0 0 8px; }
.herb-index-title p { font-size: 14px; color: #5b7a99; margin: 0 0 16px; }

/* 首页 · 合作医院静态卡片 */
.hp-hosp-card {
  flex: 1 1 300px; min-width: 0;
  display: block; text-decoration: none;
  background: linear-gradient(180deg,#ffffff,#f2f7ff);
  border: 1px solid #dbe7f7; border-radius: 14px;
  padding: 20px 18px; box-shadow: 0 4px 14px rgba(18,58,107,.06);
  transition: transform .22s, box-shadow .22s;
}
.hp-hosp-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(18,58,107,.14); border-color: #1667D8; }
.hp-hosp-card b { display: block; font-size:16px; color: #0E4FA8; margin-bottom: 8px; }
.hp-hosp-card span { display: block; font-size: 13px; color: #5b7a99; line-height: 1.6; }

/* 首页 · 医疗资讯静态列表 */
.hp-static-news li a { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.hp-static-news li a em {
  font-style: normal; font-size: 12px; color: #9db4cc;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hp-static-news li a:hover em { color: #1667D8; }

/* 首页 · 成功案例静态卡片 */
.hp-case-card {
  background: #F7FAFF; border: 1px solid #E8F0FB; border-radius: 12px;
  padding: 20px 18px; transition: transform .22s, box-shadow .22s;
}
.hp-case-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(18,58,107,.12); }
.hp-case-card b { display: block; font-size: 16px; color: #1667D8; margin-bottom: 8px; }
.hp-case-card p { margin: 0; font-size: 13px; color: #5b7a99; line-height: 1.75; }


/* ============================================================
   统一布局管理（v20260904k）· 医疗资讯图文列表
   —— 8 个资讯子栏目：缩略图+标题+副标题+时间 图文列表
   ============================================================ */
.medical-news-list { padding: 0; margin: 0; }
.mn-item {
  list-style: none; display: flex; gap: 18px;
  padding: 18px 0; border-bottom: 1px dashed #E8F0FB;
  align-items: flex-start;
}
.mn-item:last-child { border-bottom: none; }
.mn-thumb { flex: 0 0 170px; }
.mn-thumb img {
  width: 170px; height: 108px; object-fit: cover;
  border-radius: 8px; display: block; background: #F2F6FC;
  border: 1px solid #E8F0FB;
}
.mn-info { flex: 1; min-width: 0; }
.mn-info h3 { margin: 0 0 8px; font-size:20px; line-height: 1.4; }
.mn-info h3 a { color: #0E4FA8; text-decoration: none; }
.mn-info h3 a:hover { color: #1667D8; }
.mn-info p {
  margin: 0 0 8px; font-size: 13px; color: #5b7a99; line-height: 1.7;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.mn-meta { font-size: 12px; color: #9db4cc; }

/* 移动端适配 */
@media (max-width: 480px) {
  .mn-item { flex-direction: column; gap: 10px; }
  .mn-thumb { flex: 0 0 auto; width: 100%; }
  .mn-thumb img { width: 100%; height: auto; max-height: 200px; }
}


/* ============================================================
   统一布局管理（v20260904l）· 医疗资讯卡片流（方案A）
   —— 栏目头渐变蓝 + 4列图文卡片网格 + 首条横跨全宽头条
   —— 8 个资讯子栏目共用（模板 tempid=14），帝国CMS 标签动态调用
   ============================================================ */
.med-cat-head {
  background: linear-gradient(135deg, #0E4FA8 0%, #1667D8 55%, #2E8BE8 100%);
  border-radius: 14px;
  padding: 26px 32px;
  margin: 4px 0 22px;
  color: #fff;
  display: flex; align-items: center; gap: 20px;
  position: relative; overflow: hidden;
}
.med-cat-head::before {
  content: ''; position: absolute; right: -60px; top: -60px; width: 260px; height: 260px;
  border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.16), rgba(255,255,255,0) 70%);
}
.med-cat-head::after {
  content: ''; position: absolute; left: 30%; bottom: -120px; width: 220px; height: 220px;
  border-radius: 50%; background: radial-gradient(circle, rgba(15,164,139,.22), rgba(15,164,139,0) 70%);
}
.med-cat-head .mch-name { position: relative; z-index: 1; font-size: 30px; font-weight: 700; letter-spacing: 1px; }
.med-cat-head .mch-sub { position: relative; z-index: 1; font-size: 14px; opacity: .9; margin-top: 6px; }
.medical-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
  padding: 0; margin: 0; list-style: none;
}
.medical-grid br { display: none; }
.mn-card {
  background: #fff; border: 1px solid #e3edfa; border-radius: 14px; overflow: hidden;
  box-shadow: 0 4px 14px rgba(18,58,107,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mn-card:hover { transform: translateY(-5px); box-shadow: 0 14px 30px rgba(22,103,216,.16); }
.mn-card .mc-thumb { display: block; overflow: hidden; aspect-ratio: 16/9; background: #f2f7ff; }
.mn-card .mc-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.mn-card:hover .mc-thumb img { transform: scale(1.06); }
.mn-card .mc-body { padding: 14px 16px 16px; }
.mn-card .mc-tag {
  font-size:12px; color: #1667D8; background: #eaf4fc;
  padding: 2px 10px; border-radius: 10px; display: inline-block;
}
.mn-card h3 { margin: 10px 0 8px; font-size: 15px; line-height: 1.5; min-height: 45px; }
.mn-card h3 a { color: #0E4FA8; text-decoration: none; }
.mn-card h3 a:hover { color: #1667D8; }
.mn-card p {
  margin: 0; font-size: 12.5px; color: #5b7a99; line-height: 1.65;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mn-card .mc-meta {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11.5px; color: #9db4cc; margin-top: 12px; padding-top: 10px;
  border-top: 1px solid #f1f5f9;
}
/* 首条头条：统一为普通卡片（4 列网格），不再通栏 */
.medical-grid .mn-card:first-child {
  grid-column: auto;
}
/* 分页 */
.med-cat-page .epages { text-align: center; margin: 30px 0 10px; color: #5b7ba0; }
.med-cat-page .epages a, .med-cat-page .epages b {
  display: inline-block; margin: 0 4px; padding: 8px 14px; background: #fff;
  border: 1px solid #d8e5f5; border-radius: 8px; color: #0E4FA8; text-decoration: none; font-weight: 400;
}
.med-cat-page .epages a:hover { background: #1667D8; color: #fff; }
.med-cat-page .epages b { background: #1667D8; color: #fff; border-color: #1667D8; }
/* 响应式 */
@media (max-width: 1200px) { .medical-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 992px) {
  .medical-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .medical-grid { grid-template-columns: 1fr; }
  .med-cat-head { padding: 20px; }
  .med-cat-head .mch-name { font-size: 24px; }
}

/* ---------- v20260904m 医疗资讯一级页分类条 ---------- */
.med-cat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 6px;
  align-items: center;
}
.med-tag {
  display: inline-block;
  padding: 8px 18px;
  background: #F7FAFF;
  border: 1px solid #d3e3f7;
  border-radius: 20px;
  color: #0E4FA8;
  font-size: 14px;
  line-height: 1.4;
  transition: all .25s ease;
  text-decoration: none;
}
.med-tag:hover {
  background: #1667D8;
  border-color: #1667D8;
  color: #fff;
  transform: translateY(-2px);
}

/* ---------- v20260904n 医疗资讯 hero 区（左大图+右侧2×4等高） ---------- */
.med-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:22px}
.hero-main{position:relative;border-radius:16px;overflow:hidden;min-height:380px;box-shadow:0 8px 24px rgba(22,103,216,.16);display:block;text-decoration:none;background:#e8f1fb;aspect-ratio:16/9;}
.hero-main img{width:100%;height:100%;object-fit:cover;display:block}
.hero-main .ov{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.82) 100%);padding:26px 28px;display:block}
.hero-main .b{display:inline-block;background:#FF8C42;color:#fff;font-size:12px;padding:3px 12px;border-radius:14px;margin-bottom:10px}
.hero-main .ht{display:block;color:#fff;font-size:20px;line-height:1.45;font-weight:700}
.hero-main .hm{display:block;color:rgba(255,255,255,.85);font-size:12px;margin-top:10px}
.hero-side{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:12px;height:100%}
.hero-side .item{display:flex;gap:10px;background:#fff;border-radius:12px;padding:10px;align-items:center;box-shadow:0 3px 10px rgba(30,60,90,.06);text-decoration:none;transition:transform .25s,box-shadow .25s}
.hero-side .item:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(22,103,216,.14)}
.hero-side .item img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;display:block}
.hero-side .ib{display:block;min-width:0}
.hero-side .ih{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:#223;font-weight:600}
.hero-side .it{display:block;color:#94a3b8;font-size:10.5px;margin-top:4px}
@media (max-width:992px){
  .med-hero{grid-template-columns:1fr}
  .hero-main{min-height:300px}
  .hero-side{grid-template-columns:repeat(2,1fr);grid-template-rows:none;height:auto}
}

/* ---------- v20260904o 分类标签高亮 + hero 悬浮效果 ---------- */
.med-tag.on{background:#1667D8;border-color:#1667D8;color:#fff}
.hero-main{transition:transform .3s ease,box-shadow .3s ease}
.hero-main:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(22,103,216,.26)}

/* ---------- v20260904q 面包屑移至 banner 下方后间距微调 ---------- */
.channel-page.med-cat-page .med-cat-head { margin-bottom: 12px; }
.channel-page.med-cat-page 

/* ===== 图片流组件 (imgflow) - 从imgflow.php提取，统一管理 ===== */

.imgflow-wrap{position:relative;margin:0 auto;border-radius:14px;background:#F5F8FC;overflow:hidden;}
.imgflow-wrap .imgf-stage{position:relative;height:460px;overflow:hidden;}
.imgflow-wrap .imgf-track2{position:absolute;top:0;left:0;height:100%;display:flex;align-items:flex-start;will-change:transform;transform:translateX(0);}
.imgflow-wrap .imgf-slide{position:relative;width:250px;margin:0 9.5px;flex:none;aspect-ratio:9/16;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;cursor:grab;user-select:none;background:#fff;border:1px solid #C0D8F0;box-shadow:none;transition:box-shadow .2s,border-color .2s,transform .2s;padding:12px;box-sizing:border-box;}
.imgflow-wrap .imgf-slide:active{cursor:grabbing;}
.imgflow-wrap .imgf-slide.hovering{box-shadow:0 18px 44px rgba(22,103,216,.32);border-color:#4AA3F5;transform:translateY(-4px);}
.imgflow-wrap .imgf-pic{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;border-radius:8px;background:#EDF3FA;}
.imgflow-wrap .imgf-v-track{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transform:translateY(0);}
.imgflow-wrap .imgf-v-item{width:100%;height:100%;overflow:hidden;background:#EDF3FA;}
.imgflow-wrap .imgf-v-item a{display:block;width:100%;height:100%;}
.imgflow-wrap .imgf-v-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:auto;}
.imgflow-wrap .imgf-v-hint{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(180deg,rgba(10,61,122,0),rgba(10,61,122,.55));color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;z-index:3;letter-spacing:2px;}
.imgflow-wrap .imgf-slide.hovering .imgf-v-hint{opacity:1;}
.imgflow-wrap .imgf-cap{flex:none;padding:12px 0 0;text-align:left;}
.imgflow-wrap .imgf-cap b{font-size:15px;color:#0A3D7A;display:block;}
.imgflow-wrap .imgf-cap b a{color:#0A3D7A;text-decoration:none;}
.imgflow-wrap .imgf-cap b a:hover{color:#4AA3F5;}
.imgflow-wrap .imgf-cap span{font-size:12px;color:#8aa3bd;display:block;margin-top:2px;}
.imgflow-wrap .imgf-cap i{font-size:12px;color:#4AA3F5;font-style:normal;display:block;margin-top:4px;}

/* ===== 图片流组件结束 ===== */

/* 专家卡片固定宽度 - 每行6个，不足6个不拉伸 */
.expert-grid .expert-card {
    flex: 0 0 calc((100% - 90px) / 6) !important;
    max-width: calc((100% - 90px) / 6) !important;
    box-sizing: border-box !important;
}
@media (max-width: 992px) {
    .expert-grid .expert-card {
        flex: 0 0 calc((100% - 18px) / 2) !important;
        max-width: calc((100% - 18px) / 2) !important;
    }
}
@media (max-width: 600px) {
    .expert-grid .expert-card {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* ========== 医疗资讯内容页模板(侧边栏风) ========== */
.news-content-wrapper {
    display: flex;
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.news-main {
    flex: 1;
    min-width: 0;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.news-sidebar {
    width: 300px;
    flex-shrink: 0;
}
.news-title {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    line-height: 1.5;
    margin-bottom: 15px;
}
.news-meta {
    font-size: 13px;
    color: #9db4cc;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.news-meta span {
    margin-right: 20px;
}
.news-main-img {
    margin-bottom: 25px;
    text-align: center;
}
.news-main-img img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}
.news-body {
    font-size: 15px;
    line-height: 1.9;
    color: #444;
}
.news-body p {
    margin-bottom: 18px;
    text-indent: 2em;
}
.news-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 10px 0;
}
/* 配图一：文字环绕浮动图 */
.news-body .news-img-float {
    float: right;
    width: 45%;
    margin: 5px 0 15px 20px;
    border-radius: 6px;
}
/* 配图二：底部全宽图 */
.news-body .news-img-full {
    width: 100%;
    margin: 20px 0;
    border-radius: 6px;
    clear: both;
}
.news-page {
    margin: 25px 0;
    text-align: center;
}
.news-actions {
    margin: 25px 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
    text-align: center;
}
.news-actions a {
    display: inline-block;
    padding: 8px 25px;
    margin: 0 10px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
}
.btn-like {
    background: #1667D8;
    color: #fff;
}
.btn-home {
    background: #f0f0f0;
    color: #666;
}
.news-pl {
    margin-top: 30px;
}
.sidebar-card {
    background: #fff;
    border-radius: 8px;
    padding: 18px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.sidebar-title {
    font-size: 16px;
    font-weight: bold;
    color: #1667D8;
    padding-bottom: 10px;
    border-bottom: 2px solid #1667D8;
    margin-bottom: 15px;
}
.sidebar-recommend ul,
.sidebar-hot ul {
    list-style: none;
    padding: 0;
}
.sidebar-recommend li,
.sidebar-hot li {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #eee;
}
.sidebar-recommend li:last-child,
.sidebar-hot li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sidebar-recommend a,
.sidebar-hot a {
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: #444;
}
.sidebar-recommend img,
.sidebar-hot img {
    width: 90px;
    height: 65px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.sidebar-recommend .rec-title,
.sidebar-hot .rec-title {
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sidebar-related ul {
    list-style: none;
    padding: 0;
}
.sidebar-related li {
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    font-size: 13px;
}
.sidebar-related li:last-child {
    border-bottom: none;
}
.sidebar-related a {
    color: #555;
    text-decoration: none;
}
.sidebar-related a:hover {
    color: #1667D8;
}
/* 响应式 */
@media (max-width: 900px) {
    .news-content-wrapper {
        flex-direction: column;
    }
    .news-sidebar {
        width: 100%;
    }
}
/* ===== 西医科室左右分栏导航模板（d6）v20260906 ===== */
.d6-wrap{padding:24px 0;display:flex;gap:28px;flex-wrap:wrap;}
.d6-side{width:260px;flex-shrink:0;position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 40px);overflow-y:auto;padding-right:4px;}
.d6-side::-webkit-scrollbar{width:4px;}
.d6-side::-webkit-scrollbar-thumb{background:rgba(22,103,216,.2);border-radius:2px;}
.d6-nav-item{padding:16px 20px;border-radius:12px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#555;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .25s;border-left:4px solid transparent;text-decoration:none;}
.d6-nav-item:hover{background:#1667D8;color:#fff;transform:translateX(6px);box-shadow:0 6px 20px rgba(22,103,216,.25);}
.d6-nav-item.active{background:#1667D8;color:#fff;border-left-color:#0E4FA8;transform:translateX(6px);box-shadow:0 6px 24px rgba(22,103,216,.35);}
.d6-nav-item.active .cnt{opacity:.85;color:#fff;}
.d6-nav-item .cnt{margin-left:auto;font-size:12px;opacity:.65;font-weight:400;}
.d6-main{flex:1;min-width:400px;}
.d6-section{margin-bottom:36px;scroll-margin-top:20px;}
.d6-section h2{font-size:24px;margin:0 0 4px;padding-bottom:2px;border-bottom:3px solid #1667D8;display:flex;align-items:center;gap:12px;color:#1667D8;}
.d6-banner{height:200px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);background-color:#1667D8;}
.d6-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(22,103,216,.75),rgba(22,103,216,.15) 60%,transparent);}
.d6-banner span{position:absolute;bottom:18px;left:24px;color:#fff;font-size:20px;font-weight:700;z-index:2;text-shadow:0 2px 8px rgba(0,0,0,.3);}
.d6-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.d6-card{padding:18px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07);cursor:pointer;transition:all .3s;text-decoration:none;color:inherit;border:1px solid transparent;display:block;}
.d6-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(22,103,216,.15);border-color:#1667D8;}
.d6-card h4{margin:0 0 8px;font-size:16px;color:#1667D8;}
.d6-card p{margin:0 0 12px;font-size:13px;color:#777;line-height:1.6;}
.d6-card .btn{display:inline-block;padding:6px 16px;border-radius:16px;font-size:12px;color:#fff;background:#1667D8;transition:all .2s;}
.d6-card:hover .btn{background:#0E54B0;}
@media(max-width:900px){.d6-side{width:100%;position:static;max-height:none;}.d6-main{min-width:0;}}

/* ---------- 中医精选 8列网格（公共模板变量 tcm） ---------- */
.hp-tcm-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.hp-tcm-grid li { list-style: none; margin: 0; }

.hp-tcm-grid li a {
	display: block;
	text-align: center;
	padding: 10px 2px;
	background: #F7FAFF;
	border: 1px solid #E8F0FB;
	border-radius: 8px;
	color: #334155;
	font-size: 13px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .25s;
}
.hp-tcm-grid li a:hover {
	background: #1667D8;
	color: #fff;
	border-color: #1667D8;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(22,103,216,.25);
}
@media (max-width: 1200px) { .hp-tcm-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 480px) { .hp-tcm-grid { grid-template-columns: repeat(2, 1fr); } }
/* ===== 统一蓝色标题栏（中医栏目及其他栏目通用） ===== */
.tcm2-blue-bar{background:#1667D8;border-radius:10px;padding:15px 26px;margin-bottom:18px;color:#fff;display:flex;align-items:flex-end;gap:16px;box-shadow:0 4px 14px rgba(22,103,216,.35);transition:all .3s ease;}
.tcm2-blue-bar:hover{box-shadow:0 8px 24px rgba(22,103,216,.5);transform:translateY(-2px);}
.tcm2-blue-bar h2{color:#fff!important;font-size:24px;margin:0;line-height:1.2;}
.tcm2-blue-bar p{color:#334155;font-size:13px;margin:0;line-height:1.2;}

/* ===== 内容页标题栏（垂直布局变体） ===== */
.tcm2-blue-bar.tcm2-vertical{display:block;}
.tcm2-blue-bar.tcm2-vertical h1{color:#fff;font-size:24px;margin:0 0 8px;line-height:1.2;}
.tcm2-blue-bar.tcm2-vertical .yf-tags span{display:inline-block;background:rgba(255,255,255,.2);border-radius:20px;padding:3px 14px;font-size:12px;margin-right:8px;}




/* ===== 中医精选右栏4列布局（高优先级） ===== */
.hp-cols .hp-col:last-child .hp-tcm-grid,
.hp-col .hp-tcm-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}
.hp-col .hp-tcm-grid li a {
    font-size: 12px;
    padding: 8px 4px;
}

/* ============================================================
   全站栏目宽度统一控制（v20260912 - 方案B）
   —— .channel-page 无左右padding，Hero通栏1600px
   —— 内容区用 .channel-content 包裹，padding:0 22px
   —— Hero与内容区视觉宽度统一1600px
   ============================================================ */

/* 统一页面容器：所有栏目页最外层，无左右padding */
.channel-page {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 0 0 30px !important;
    box-sizing: border-box;
}

/* 统一内容区包裹层：Hero之后的所有内容放此层内 */
.channel-content {
    padding: 0 22px;
    box-sizing: border-box;
}

/* Hero在channel-page内时，直接通栏1600px（无需负margin） */
.channel-page .hp-hero {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 0 16px 16px;
}

/* 响应式：移动端减少内容区左右padding */
@media (max-width: 768px) {
    .channel-content {
        padding: 0 12px;
    }
}

/* 修复左侧边栏最后一个导航项的底部margin，消除底部灰色横杠 */
.d6-side .d6-nav-item:last-child {
    margin-bottom: 0 !important;
}

/* =============================================================
   2026-09-12 登录弹窗（A方案）+ Hero 个人中心卡片
============================================================= */
/* 弹窗遮罩 */
.mc-login-mask{
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(10,32,64,.55);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.mc-login-modal{
  width: 560px; max-width: 100%;
  background: #fff; border-radius: 14px; overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
  display: flex; flex-direction: column;
  max-height: calc(100vh - 40px);
}
.mc-login-head{
  display: flex; align-items: flex-end; justify-content: space-between;
  padding: 13px 18px; border-bottom: 1px solid #eef2f8; background: #fff;
}
.mc-login-title{ font-size: 15px; font-weight: 700; color: #123c6e; }
.mc-login-close{
  width: 30px; height: 30px; border: none; border-radius: 8px;
  background: #f2f6fb; cursor: pointer; position: relative;
}
.mc-login-close::before, .mc-login-close::after{
  content: ''; position: absolute; left: 50%; top: 50%;
  width: 14px; height: 2px; background: #6b85a3; border-radius: 1px;
}
.mc-login-close::before{ transform: translate(-50%,-50%) rotate(45deg); }
.mc-login-close::after{ transform: translate(-50%,-50%) rotate(-45deg); }
.mc-login-close:hover{ background: #e4edf8; }
.mc-login-frame{
  width: 100%; height: 520px; border: none; background: #fff;
  flex: 1 1 auto; min-height: 0;
}
/* 个人中心卡片（八宫格：全透明无框；底部对齐面板-6px；文字距宫格4px；头像右上溢出-12px 左偏40px） */
.mc-user-card{
  animation: none;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 480px;
  height: auto;
  padding: 14px 22px 6px;
  background: transparent;
  border: none;
  border-radius: 0 0 16px 16px;
  box-shadow: none;
  color: #fff !important;
  display: flex; flex-direction: column; justify-content: flex-end; gap: 4px;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}
.hp-float-cta.is-logged.mc-user-card:hover{
  animation: none; transform: none; background: transparent;
}
.muc-row1{ display: flex; align-items: flex-end; gap: 13px; position: relative; }
.muc-who{ min-width: 0; flex: 1; display: flex; align-items: baseline; gap: 10px; }
.muc-name{ font-size: 16.5px; font-weight: 700; color: #fff; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.muc-badge{ font-size: 11px; font-weight: 600; color: #fff; background: rgba(255, 255, 255, .22); border-radius: 999px; padding: 2px 10px; }
.muc-meta{ font-size: 12px; color: rgba(255, 255, 255, .88); margin-top: 0; }
.muc-meta b{ color: #7BE0A9; font-size: 13.5px; }
/* 头像：最右侧偏左40px + 顶部溢出面板 + 放大至67px + 抠图透明背景 */
.muc-avatar{
  width: 67px; height: auto; overflow: visible; flex-shrink: 0;
  display: inline-flex; align-items: flex-start; justify-content: center;
}
.muc-avatar img,
.muc-avatar-img{
  width: 67px; height: auto; max-height: none; border-radius: 0; object-fit: contain;
  display: block; filter: drop-shadow(0 4px 8px rgba(0, 21, 46, .35));
  margin-right: 40px;
}
.muc-avatar-txt{ color: #fff; font-size: 24px; font-weight: 700; width: 67px; height: 67px; border-radius: 50%; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: rgba(10, 32, 64, .35); border: 2px solid rgba(255, 255, 255, .8); }
.mc-qgrid{ display: grid; grid-template-columns: repeat(4, 90px); grid-auto-rows: 60px; gap: 4px; }
.mc-q{
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  text-decoration: none; color: #fff; font-size: 11.5px; font-weight: 600;
  background: rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .27);
  border-radius: 12px; width: 90px; height: 60px; padding: 4px 2px; transition: background .18s, transform .18s;
  font-family: inherit; cursor: pointer; box-sizing: border-box;
}
button.mc-q{ border: 1px solid rgba(255, 255, 255, .27); }
.mc-q:hover{ background: rgba(255, 255, 255, .28); transform: translateY(-2px); }
.mc-q-ic{
  width: 30px; height: 30px; border-radius: 9px;
  background: rgba(255, 255, 255, .92); color: #1667D8;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 800;
}
.mc-q-t{ white-space: nowrap; }
.mc-slot-av{ display: inline-block; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; vertical-align: -4px; margin-right: 4px; border: 1px solid rgba(255,255,255,.8); }
.mc-slot-av img{ width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 480px){
  .mc-login-modal{ width: 100%; }
  .mc-login-frame{ height: 70vh; }
  .hp-float-cta.is-logged.mc-user-card{ position: static; width: 100%; height: auto; margin-top: 8px; padding: 12px 14px; }
  .hp-hero-features:has(.mc-user-card) ul{ padding-right: 0; }
}
/* =====================================================
   v20260912i · 医典古籍风内容页（中药文章 newstemp=39）
   宣纸底 / 印章 / 宋体 / 四卡古籍风侧栏
   ===================================================== */
.gf-wrap { max-width:1080px; margin:0 auto; padding:38px 36px 44px; display:flex; gap:34px;
  font-family:'Songti SC','SimSun','STKaiti',serif; color:#3E3527; background:#F5EFE0; position:relative; }
.gf-wrap::before { content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 20% 0%, rgba(158,43,37,.05), transparent 60%),
             radial-gradient(ellipse at 90% 100%, rgba(158,43,37,.05), transparent 60%); }
.gf-main { flex:1; min-width:0; position:relative; }
.gf-crumb { font-size:12.5px; color:#9A917F; letter-spacing:.5px; border-bottom:1px solid #D8C9A6; padding-bottom:12px; margin-bottom:22px; }
.gf-crumb a { color:#9A917F; text-decoration:none; }
.gf-crumb a:hover { color:#4A4030; }
.gf-seal { display:inline-flex; flex-direction:column; align-items:center; background:#9E2B25; color:#F5EFE0;
  font-size:12px; letter-spacing:3px; padding:8px 12px; border-radius:4px; margin-bottom:18px; box-shadow:0 2px 6px rgba(158,43,37,.3); }
.gf-title { font-size:32px; font-weight:700; text-align:center; color:#2E271B; letter-spacing:3px; line-height:1.4; }
.gf-h-line { display:flex; align-items:center; gap:14px; margin:14px 0 20px; color:#9E2B25; }
.gf-h-line::before, .gf-h-line::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,transparent,#9E2B25,transparent); }
.gf-meta { text-align:center; font-size:13px; color:#8A7C62; letter-spacing:1px; margin-bottom:26px; display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.gf-meta b { color:#9E2B25; font-weight:600; }
.gf-body { font-size:15.5px; line-height:2.15; color:#4A4030; text-align:justify; }
.gf-body p { font-size:15.5px; line-height:2.15; color:#4A4030; margin:16px 0; text-align:justify; }
.gf-body img { max-width:100%; height:auto; border:1px solid #D8C9A6; padding:4px; background:#fff; }
.gf-body table { border-collapse:collapse; max-width:100%; margin:14px auto; }
.gf-body td, .gf-body th { border:1px solid #C9B789; padding:8px 12px; font-size:14px; }
.gf-body h1, .gf-body h2, .gf-body h3 { font-family:'Songti SC','SimSun',serif; color:#2E271B; margin:28px 0 10px; font-weight:700; }
.gf-body h1 { font-size:22px; } .gf-body h2 { font-size:19px; } .gf-body h3 { font-size:17px; }
.gf-body a { color:#9E2B25; }
.gf-foot { display:flex; align-items:center; gap:18px; margin-top:30px; padding-top:20px; border-top:1px solid #D8C9A6; }
.gf-btn { font-family:'Songti SC',serif; padding:9px 26px; font-size:14px; letter-spacing:2px; cursor:pointer; text-decoration:none; }
.gf-btn-ding { background:#9E2B25; color:#F5EFE0; border:1px solid #9E2B25; }
.gf-btn-back { background:transparent; color:#6E6147; border:1px solid #B9A878; }
.gf-count { font-size:13px; color:#8A7C62; margin-left:auto; }
.gf-aside { width:250px; flex-shrink:0; position:relative; }
.gf-card { border:1px solid #D8C9A6; background:rgba(255,255,255,.35); padding:18px; margin-bottom:16px; }
.gf-card-t { font-size:14px; letter-spacing:3px; color:#9E2B25; text-align:center; padding-bottom:10px; border-bottom:1px solid #D8C9A6; margin-bottom:12px; font-weight:700; }
.gf-ul { list-style:none; }
.gf-ul li { font-size:13.5px; color:#6E6147; line-height:1.8; padding:7px 0; border-bottom:1px dotted #D8C9A6; text-align:center; }
.gf-ul li:last-child { border-bottom:none; }
.gf-ul a { color:#6E6147; text-decoration:none; }
.gf-ul a:hover { color:#9E2B25; }
/* 推荐资讯（phomenewspic 图片列表）古籍风适配 */
.gf-card .listpic { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.gf-card .listpic li { list-style:none; width:128px; text-align:center; border:none; padding:4px; }
.gf-card .listpic img { border:1px solid #D8C9A6; padding:3px; background:#fff; }
.gf-card .listpic a { color:#6E6147; text-decoration:none; font-size:12.5px; line-height:1.6; display:block; }
@media (max-width: 820px) {
  .gf-wrap { flex-direction:column; padding:22px 16px 34px; }
  .gf-aside { width:100%; }
  .gf-title { font-size:24px; }
}

/* ============================================================
   在线会员卡片墙 v4（20260914 用户指令）
   默认：仅头像（56px 黑边框0.4透明度 + 在线指示灯）
   hover：液态玻璃完整卡片展开（姓名/科室/职称 + backdrop-filter）
   ============================================================ */
.mc-wall{position:fixed;top:80px;right:10px;z-index:9998;background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important}
.mc-wall-title{display:none!important}
.mc-wall-cards{display:grid;gap:14px}
.mc-wall-doctor .mc-wall-cards{grid-template-columns:repeat(var(--wall-cols,4),56px)}
.mc-wall-nurse .mc-wall-cards{grid-template-columns:repeat(var(--wall-cols,4),56px)}
.mc-wall-caregiver .mc-wall-cards{grid-template-columns:repeat(var(--wall-cols,4),56px)}
.mc-wall-student .mc-wall-cards{grid-template-columns:repeat(var(--wall-cols,4),56px)}
.mc-wall-all .mc-wall-cards{grid-template-columns:repeat(var(--wall-cols,4),56px)}

/* 默认状态：紧凑头像模式（56px 无背景无边框） */
.mc-wcard{width:56px;height:150px;background:transparent;border:none;border-radius:14px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;cursor:pointer;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:visible;box-sizing:border-box}

/* 头像容器：56px 黑边框0.4透明度 + 在线指示灯右下角 */
.mc-wcard-av{width:56px;height:56px;border-radius:12px;overflow:visible;background:#fff;border:1px solid rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}
.mc-wcard-avimg{width:100%;height:100%;object-fit:cover;display:block;border-radius:11px}
.mc-wcard-avtxt{font-size:22px;font-weight:700;color:#4D80F0}

/* 在线指示灯（头像内部右下角） */
.mc-wcard-av .mc-wcard-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;z-index:3;transition:background .3s}
.mc-dot-on{background:#34C759;box-shadow:0 0 5px rgba(52,199,89,.5)}
.mc-dot-on::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1.5px solid rgba(52,199,89,.3);animation:mcDotPulse 2s infinite}
.mc-dot-off{background:#C4CFDE}
.mc-dot-busy{background:#F59E0B;box-shadow:0 0 5px rgba(245,158,11,.4)}
@keyframes mcDotPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:0}100%{transform:scale(1);opacity:1}}

/* hover：液态玻璃完整卡片展开 */
.mc-wcard:hover{width:100px;height:150px;background:rgba(77,128,240,.15);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);z-index:999}

/* 文字三行（默认隐藏，hover 淡入） */
.mc-wcard-name,.mc-wcard-dept,.mc-wcard-title{opacity:0;pointer-events:none;transition:opacity .3s .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}
.mc-wcard:hover .mc-wcard-name{opacity:1;font-size:14px;font-weight:700;color:#1a1a1a}
.mc-wcard:hover .mc-wcard-dept{opacity:1;font-size:12px;color:#334155}
.mc-wcard:hover .mc-wcard-title{opacity:1;font-size:11px;color:#5b7a99}

/* 隐藏不需要的元素 */
.mc-wcard-hosp,.mc-wcard-fee,.mc-wcard-act,.mc-wcard-info{display:none!important}

/* 拖动编辑模式 */
.mc-wall-editing{outline:2px dashed #F59E0B;cursor:move;user-select:none}
.mc-wall-editing .mc-wcard{pointer-events:none}
.mc-wall-toolbar{position:fixed;top:8px;right:8px;z-index:20000;display:none;background:#fff;border:1px solid #DCE6F3;border-radius:10px;padding:10px 14px;box-shadow:0 6px 24px rgba(0,0,0,.15);gap:12px;align-items:center;flex-wrap:wrap}
.mc-wall-toolbar label{font-size:12px;color:#334155}
.mc-wall-toolbar select{padding:4px 8px;border:1px solid #CFD9E6;border-radius:6px;font-size:12px}
.mc-wall-toolbar .mc-btn{padding:5px 14px;font-size:12px}
.mc-wall-floating{position:fixed!important}

/* 响应式 */
@media(max-width:768px){
    .mc-wall-cards{grid-template-columns:repeat(2,56px)!important;gap:20px}
}
@media(max-width:480px){
    .mc-wall{right:4px;top:60px}
    .mc-wall-cards{grid-template-columns:repeat(2,56px)!important;gap:20px}
}

/* W1 内容区满宽 1600（第十四轮补回） */
.channel-content{padding-left:0!important;padding-right:0!important}
@media(max-width:768px){.channel-content{padding-left:12px!important;padding-right:12px!important}}


/* ===== 12a新拟物导航条（替换原logo区） ===== */
.nb {
  height:100px;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:14px;
  position:relative;
  max-width:1600px;
  margin:0 auto;
  background:#e0e5ec;
  box-shadow:8px 0 16px #a3b1c6, -8px -8px 16px #ffffff;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.nb .logo { display:flex; align-items:center; gap:12px; align-self:flex-end; padding-bottom:4px; }
.nb .logo .icon {
  width:52px; height:52px; border-radius:8px;
  background:#e0e5ec; color:#c0392b;
  border:1px solid #c0392b;
  box-sizing:border-box;
  display:flex; align-items:center; justify-content:center;
  font-family:"LiSu","STLiti",serif;
  font-size:48px; font-weight:700;
  line-height:1;
  box-shadow:3px 3px 6px #a3b1c6, -3px -3px 6px #ffffff;
}
.nb .logo b {
  font-size:24px; display:inline-block; line-height:1.3;
  font-weight:700; color:#2c3e50; letter-spacing:2px;
  border-bottom:1px solid #000000;
}
.nb .logo span {
  font-size:18px; display:block; margin-top:2px;
  color:#5a6b7d; letter-spacing:3px;
}
.nb .langs {
  margin-left:auto;
  align-self:flex-end;
  display:flex;
  align-items:flex-end;
  gap:8px;
  padding-bottom:8px;
}
.nb .lang {
  position:relative;
  font-size:14px;
  cursor:pointer;
  width:80px;
  text-decoration:none;
  color:#6b7a8d;
  padding:6px 0;
  border-radius:10px;
  transition:all .3s;
  white-space:nowrap;
  color:#6b7a8d;
  box-shadow:3px 3px 6px #a3b1c6, -3px -3px 6px #ffffff;
  background:#e0e5ec;
  line-height:1.4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
}
.nb .lang:hover {
  color:#4a5568;
  box-shadow:inset 3px 3px 6px #a3b1c6, inset -3px -3px 6px #ffffff;
}
.nb .lang.on {
  color:#4a5568;
}
.nb .lang .flag { width:70px; height:32px; border-radius:6px; object-fit:cover; display:block; }
.nb .lang .tip {
  position:absolute;
  bottom:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%) translateY(10px);
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid rgba(255,255,255,.5);
  border-radius:14px;
  padding:6px 8px;
  opacity:0;
  pointer-events:none;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  box-shadow:0 15px 40px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.8);
  z-index:999;
}
.nb .lang:hover .tip {
  opacity:1;
  transform:translateX(-50%) translateY(0);
}