@charset "utf-8";
/* ==========================================================================
   南京审计大学 经济与金融研究院  ——  国际化模板（编号 010444）
   设计基准：海外高校站点语言（NUS 风格）—— 大留白 / 卡片化 / 双语标题
   主色沿用南审标准蓝 #033085，仅扩展色阶，保持学校识别度
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. 设计变量
   -------------------------------------------------------------------------- */
:root{
	--nau-blue:      #033085;   /* 南审标准蓝（主色） */
	--nau-blue-d:    #021F5C;   /* 主色·深 */
	--nau-blue-l:    #1554C0;   /* 主色·亮 */
	--nau-blue-50:   #EEF3FC;   /* 主色·极浅底 */
	--nau-blue-100:  #DFE8F8;   /* 主色·浅底 */
	--nau-navy:      #05183C;   /* 顶栏 / 页脚藏蓝 */
	--nau-navy-2:    #0A2450;
	--gold:          #C9A227;   /* 强调金 */
	--gold-l:        #E0C060;
	--ink:           #1B2434;   /* 正文 */
	--ink-2:         #4A5568;   /* 次级文字 */
	--ink-3:         #8A94A6;   /* 辅助文字 */
	--line:          #E3E8F1;   /* 描边 */
	--bg:            #FFFFFF;
	--bg-soft:       #F5F7FB;   /* 区块浅底 */
	--radius:        4px;
	--radius-lg:     8px;
	--shadow:        0 2px 10px rgba(3,48,133,.06);
	--shadow-h:      0 10px 28px rgba(3,48,133,.13);
	--ease:          cubic-bezier(.22,.61,.36,1);
	--wrap:          1280px;
	--font-cn:       "PingFang SC","Microsoft YaHei","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,sans-serif;
	--font-en:       Georgia,"Times New Roman","Songti SC",serif;
}

/* --------------------------------------------------------------------------
   1. 基础重置
   -------------------------------------------------------------------------- */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
img{vertical-align:top;max-width:100%;height:auto;}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.6 var(--font-cn);color:var(--ink);outline:0;}
:focus{outline:0;}

/* 统一盒模型：带内边距的组件在窄屏下不会撑破容器 */
*,*:before,*:after{box-sizing:border-box;}

.none{display:none;}
.hidden{visibility:hidden;}
.clear{width:100%;height:0;line-height:0;font-size:0;overflow:hidden;clear:both;display:block;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:block;*zoom:1;}

body{
	line-height:1.6;
	font-size:14px;
	font-family:var(--font-cn);
	color:var(--ink);
	background:var(--bg);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
p{line-height:1.85;}
a{color:var(--ink);transition:color .3s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),opacity .3s var(--ease);}
a:hover{color:var(--nau-blue-l);}

/* 页面骨架 */
.wrapper{width:100%;margin:0 auto;}
.wrapper .inner,
.inner{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px;box-sizing:border-box;}

/* 滚动条 */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:#c6cfdd;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#a9b5c8;}
::-webkit-scrollbar-track{background:#f0f3f8;}

/* 可访问性：键盘焦点 */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--nau-blue-l);outline-offset:2px;}

/* --------------------------------------------------------------------------
   2. 顶部工具条  +  头部
   -------------------------------------------------------------------------- */
#headtop{background:var(--nau-navy);}
.topbar{background:var(--nau-navy);color:rgba(255,255,255,.72);font-size:13px;}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;}
.topbar .top-left{letter-spacing:.02em;}
.topbar .top-left .en{font-family:var(--font-en);font-style:italic;opacity:.75;margin-left:8px;}
.topbar .top-right{display:flex;align-items:center;gap:0;}
.topbar .top-right a{color:rgba(255,255,255,.78);padding:0 12px;line-height:38px;position:relative;font-size:13px;}
.topbar .top-right a:hover{color:#fff;}
.topbar .top-right a+a:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:rgba(255,255,255,.24);}

/* 头部 */
#header{background:#fff;position:relative;z-index:60;}
#header .inner{min-height:112px;display:flex;align-items:center;flex-wrap:wrap;}
#header .inner>.mod{flex:1 1 auto;width:100%;min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.header .head-left{display:flex;align-items:center;min-width:0;flex:1 1 auto;}
.header .sitelogo{display:flex;align-items:center;padding:20px 0;}
.header .sitelogo a{display:flex;align-items:center;}
.header .sitelogo img{max-height:76px;width:auto;}
.header .sitetitle{display:inline-block;margin-left:26px;font-size:27px;line-height:1.25;font-weight:700;color:var(--nau-blue);letter-spacing:.01em;white-space:nowrap;}
.header .head-right{display:flex;align-items:center;gap:22px;padding:20px 0;flex:0 0 auto;}
/* flex 容器内的清浮动伪元素不参与布局 */
#header .inner:after,
#header .mod:after,
#nav .inner:after,
#footer .inner:after,
.wp-panel:after,
.wp-window:after{content:none;display:none;}

/* 头部搜索 */
.searchbox{text-align:right;}
.wp-search{position:relative;display:block;width:288px;}
.wp-search form{display:block;position:relative;}
.wp-search .search-input{margin:0;padding:0 52px 0 20px;background:#fff;border:1px solid var(--line);border-radius:100px;height:42px;box-sizing:border-box;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);}
.wp-search .search-input:focus-within{border-color:var(--nau-blue-l);box-shadow:0 0 0 4px rgba(21,84,192,.10);}
.wp-search .search-input input.search-title{width:100%;height:40px;line-height:40px;background:none;color:var(--ink);font-size:14px;border:0;outline:0;font-family:var(--font-cn);}
.wp-search .search-btn{position:absolute;right:4px;top:4px;width:34px;height:34px;font-family:var(--font-cn);}
.wp-search .search-btn input.search-submit{
	width:34px;height:34px;border:0;outline:0;cursor:pointer;border-radius:100px;background-color:var(--nau-blue);
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:center;background-size:16px 16px;
	text-indent:-999em;overflow:hidden;transition:background-color .3s var(--ease);
}
.wp-search .search-btn input.search-submit:hover{background-color:var(--nau-blue-l);}
::placeholder{color:#adb5c2;opacity:1;}
.search-panel{display:contents;}

/* --------------------------------------------------------------------------
   3. 主导航
   -------------------------------------------------------------------------- */
#nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;transition:box-shadow .3s var(--ease);}
#nav.is-stuck{box-shadow:0 6px 20px rgba(5,24,60,.10);}
#nav .inner{position:relative;}
#nav .wp-panel{position:relative;}

.wp-menu{display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;}
.wp-menu .menu-item{position:relative;flex:0 0 auto;}
.wp-menu .menu-item+.menu-item{margin-left:2px;}
.wp-menu .menu-item a.menu-link{
	display:block;position:relative;padding:16px 30px 14px;line-height:1.2;
	color:var(--nau-blue-d);font-size:18px;font-weight:700;letter-spacing:.01em;background:none;
	transition:color .3s var(--ease),background-color .3s var(--ease);
}
/* 底部长条（悬停滑入） */
.wp-menu .menu-item a.menu-link:before{
	content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;background:var(--nau-blue-l);
	transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease);border-radius:3px 3px 0 0;
}
.wp-menu .menu-item.hover>a.menu-link,
.wp-menu .menu-item>a.menu-link.hover,
.wp-menu .menu-item:hover>a.menu-link{background:var(--nau-blue-50);color:var(--nau-blue);}
.wp-menu .menu-item.hover>a.menu-link:before,
.wp-menu .menu-item:hover>a.menu-link:before{transform:scaleX(1);}
/* 导航项英文副标题 —— 顺序对应 contents 中的 7 个栏目 */
.wp-menu .menu-item a.menu-link:after{
	display:block;font-family:var(--font-en);font-size:10px;font-weight:400;
	letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;
	transition:color .3s var(--ease);white-space:nowrap;
}
.wp-menu .menu-item.i1 a.menu-link:after{content:"About Us";}
.wp-menu .menu-item.i2 a.menu-link:after{content:"People";}
.wp-menu .menu-item.i3 a.menu-link:after{content:"Programs";}
.wp-menu .menu-item.i4 a.menu-link:after{content:"Careers";}
.wp-menu .menu-item.i5 a.menu-link:after{content:"Research";}
.wp-menu .menu-item.i6 a.menu-link:after{content:"Students";}
.wp-menu .menu-item.i7 a.menu-link:after{content:"English";}
.wp-menu .menu-item:hover a.menu-link:after,
.wp-menu .menu-item.hover a.menu-link:after{color:var(--nau-blue-l);}
.wp-menu .menu-switch-arrow{display:none !important;}

/* 二级菜单 */
.sub-menu{
	display:none;position:absolute;left:0;top:100%;min-width:100%;z-index:100;
	background:#fff;text-align:left;padding:8px 0;border-radius:0 0 var(--radius) var(--radius);
	box-shadow:0 16px 34px rgba(5,24,60,.16);border-top:3px solid var(--nau-blue-l);
}
.sub-menu .sub-item{position:relative;white-space:nowrap;}
.sub-menu .sub-item a{
	display:block;color:var(--ink-2);height:auto;line-height:1.4;padding:11px 26px;font-size:14px;font-weight:400;
	background:none;text-align:left;transition:all .25s var(--ease);border-left:3px solid transparent;
}
.sub-menu .sub-item.hover>a,
.sub-menu .sub-item a:hover{color:var(--nau-blue);background:var(--nau-blue-50);border-left-color:var(--nau-blue-l);}
.sub-menu .sub-menu{left:100%;top:-8px;z-index:200;background:#fff;border-radius:var(--radius);border-top:3px solid var(--nau-blue-l);}

/* 移动端汉堡按钮 */
.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;position:absolute;right:24px;top:50%;margin-top:-23px;cursor:pointer;z-index:5;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--nau-blue);margin:4px auto;border-radius:2px;transition:all .3s var(--ease);}
.nav-toggle.on span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle.on span:nth-child(2){opacity:0;}
.nav-toggle.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* --------------------------------------------------------------------------
   4. 首屏轮播 Hero
   -------------------------------------------------------------------------- */
#banner{background:var(--nau-navy);margin-bottom:0;position:relative;}
#banner .inner{width:100%;max-width:none;padding:0;text-align:left;position:relative;}
.mbanner .focus{position:relative;overflow:hidden;background:var(--nau-navy);}
.mbanner .focus .focus-container,
.mbanner .focus .focus-item{height:520px;}
.mbanner .focus .focus-item img{width:100%;height:100%;object-fit:cover;}
/* 底部渐变压暗，保证标题可读 */
.mbanner .focus:after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:52%;z-index:10;pointer-events:none;
	background:linear-gradient(to top,rgba(5,24,60,.88) 0%,rgba(5,24,60,.55) 42%,rgba(5,24,60,0) 100%);
}
.mbanner .focus .focus-title-bar{
	left:50%;bottom:96px;margin-left:0;transform:translateX(-50%);
	width:100%;max-width:var(--wrap);padding:0 24px;box-sizing:border-box;
	height:auto;z-index:30;
}
.mbanner .focus .focus-title-bg{display:none;}
.mbanner .focus .focus-title{
	position:static;display:block;height:auto;line-height:1.35;margin:0;padding:0;
	color:#fff;font-size:38px;font-weight:700;letter-spacing:.01em;white-space:normal;
	max-width:860px;text-shadow:0 2px 18px rgba(0,0,0,.35);
	font-family:var(--font-cn);
}
.mbanner .focus .focus-title a{color:#fff;}
.mbanner .focus .focus-title a:hover{color:#fff;opacity:.86;}
.mbanner .focus .focus-text-box{display:none;}
/* 分页器：细长条 */
.mbanner .focus .focus-pagination{
	position:absolute;left:50%;transform:translateX(-50%);bottom:56px;right:auto;
	width:100%;max-width:var(--wrap);padding:0 24px;box-sizing:border-box;
	height:auto;z-index:40;text-align:left;display:flex;align-items:center;gap:8px;
}
.mbanner .focus .focus-page{
	display:inline-block;width:34px;height:4px;border-radius:2px;margin:0;background:rgba(255,255,255,.42);
	opacity:1;filter:none;text-indent:-999em;overflow:hidden;transition:all .35s var(--ease);
}
.mbanner .focus .focus-page:hover{background:rgba(255,255,255,.7);}
.mbanner .focus .focus-page-active{width:64px;background:var(--gold);}
/* 左右箭头 */
.mbanner .focus .focus-navigation{
	width:48px;height:48px;line-height:48px;border-radius:50%;opacity:0;
	background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
	color:#fff;font-size:22px;text-indent:0;backdrop-filter:blur(4px);
	transition:all .3s var(--ease);z-index:40;
}
.mbanner .focus:hover .focus-navigation{opacity:1;}
.mbanner .focus .focus-navigation:hover{background:var(--nau-blue-l);border-color:var(--nau-blue-l);}
.mbanner .focus .focus-prev{left:26px;}
.mbanner .focus .focus-next{right:26px;background-position:center;}

/* --------------------------------------------------------------------------
   5. 通用区块标题（中英双语）
   -------------------------------------------------------------------------- */
.sec-head{
	display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
	padding-bottom:16px;margin-bottom:26px;border-bottom:1px solid var(--line);position:relative;
}
.sec-head:before{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--nau-blue);border-radius:3px;}
.sec-head .sec-tit{display:flex;flex-direction:column;gap:4px;min-width:0;}
.sec-head .sec-tit .tit-cn{font-size:25px;line-height:1.2;font-weight:700;color:var(--nau-blue-d);letter-spacing:.01em;}
.sec-head .sec-tit .tit-en{font-family:var(--font-en);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}
.sec-head .sec-more{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);letter-spacing:.04em;padding-bottom:4px;}
.sec-head .sec-more .arw{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--nau-blue-50);position:relative;transition:all .3s var(--ease);}
.sec-head .sec-more .arw:before{content:"";position:absolute;left:5px;top:5px;width:5px;height:5px;border-top:1.6px solid var(--nau-blue);border-right:1.6px solid var(--nau-blue);transform:rotate(45deg);}
.sec-head .sec-more:hover{color:var(--nau-blue);}
.sec-head .sec-more:hover .arw{background:var(--nau-blue);}
.sec-head .sec-more:hover .arw:before{border-color:#fff;}

/* 兼容旧结构类名 */
.mbox{min-width:0;}
.sec-head .tit{margin:0;font-weight:400;}
/* 通栏容器（列表页横幅） */
.wp-wrapper{width:100%;display:block;}
.wp-inner{width:100%;display:block;padding:0;max-width:none;}

/* --------------------------------------------------------------------------
   7. 首页主体两栏
   -------------------------------------------------------------------------- */
.main1{padding:56px 0 64px;background:#fff;}
/* 2×2 并列：学院新闻｜学术交流 ／ 通知公告｜国际合作 */
.main1 .mod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 48px;align-items:start;}
.main1 .col-block{float:none;width:auto;min-width:0;}
.main1 .col-block .post-11{width:auto;padding-bottom:0;}
.main1 .mbox+.mbox{margin-top:0;}
.main1 .col-exchange .post-13.mbox{margin-bottom:0;}
/* 与左栏首图卡顶部对齐：间距交给 .sec-head 的 margin-bottom:26px，此处不再叠加 */
.main1 .col-exchange .post-13-hold{margin-top:0;}

/* --- 学院新闻 --- */
.post-11 .con{padding:0;}
.news_list{list-style:none;}
.post-11 .news_list{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.post-11 li.news.n1{grid-column:1/-1;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--nau-navy);}
/* 当栏目只有两条时，第二条自动通栏，避免右侧留白 */
.post-11 li.news.n2:last-child{grid-column:1/-1;}
.post-11 .news_imgs{overflow:hidden;height:266px;}
.post-11 .news_imgs img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);}
.post-11 li.news.n1:hover .news_imgs img{transform:scale(1.06);}
.post-11 li.news.n1 .news_wz{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:56px 34px 30px;background:linear-gradient(to top,rgba(5,24,60,.92) 0%,rgba(5,24,60,.5) 55%,rgba(5,24,60,0) 100%);}
.post-11 li.news.n1 .news_title{font-size:23px;line-height:1.45;font-weight:700;color:#fff;margin-bottom:9px;}
.post-11 li.news.n1 .news_title a{color:#fff;}
.post-11 li.news.n1 .news_title a:hover{color:#fff;opacity:.85;}
.post-11 li.news.n1 .news_text{color:rgba(255,255,255,.8);font-size:14px;line-height:1.8;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_meta-row{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--ink-3);}
.news_meta-row .m{display:inline-flex;align-items:center;gap:6px;}
.news_meta-row .m:before{content:"";flex:none;width:14px;height:14px;background-repeat:no-repeat;background-position:center;background-size:14px 14px;}
/* 大图卡片（深底）用白色文字与图标 */
.post-11 li.news.n1 .news_meta-row{color:rgba(255,255,255,.68);}
.post-11 li.news.n1 .news_meta-row .m.news_time:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");}
.post-11 li.news.n1 .news_meta-row .m.news_views:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}
/* 普通卡片（白底）用灰色图标 */
.news_meta-row .m.news_time:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A94A6' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");}
.news_meta-row .m.news_views:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A94A6' stroke-width='2'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}
/* 次要新闻 */
.post-11 li.news.n2,
.post-11 li.news.n3{
	background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 24px;
	transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease);position:relative;
}
.post-11 li.news.n2:hover,
.post-11 li.news.n3:hover{border-color:var(--nau-blue-100);box-shadow:var(--shadow);transform:translateY(-3px);}
.post-11 li.news.n2 .news_imgs,
.post-11 li.news.n3 .news_imgs{display:none;}
.post-11 li.news.n2 .news_title,
.post-11 li.news.n3 .news_title{font-size:17px;line-height:1.5;font-weight:700;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-11 li.news.n2 .news_title a,
.post-11 li.news.n3 .news_title a{color:var(--ink);}
.post-11 li.news.n2:hover .news_title a,
.post-11 li.news.n3:hover .news_title a{color:var(--nau-blue);}
.post-11 li.news.n2 .news_text,
.post-11 li.news.n3 .news_text{font-size:13px;color:var(--ink-2);line-height:1.75;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-11 li.news.n2 .news_meta-row,
.post-11 li.news.n3 .news_meta-row{color:var(--ink-3);}
.post-11 li.news.n2 .news_meta-row .m svg,
.post-11 li.news.n3 .news_meta-row .m svg{opacity:.55;}

/* --- 学术交流（图文联动） --- */
.post-13 .con{padding:0;}
.main1 .ml .post-13.mbox{margin-bottom:24px;}
.main1 .ml .post-13-hold.mbox{margin-top:0;}
.exchange-wrap{display:flex;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#fff;}
.post-14{width:58%;flex:0 0 58%;float:none;background:#0b1424;display:flex;flex-direction:column;}
/* 让图片区随文字区高度撑满，消除 letterbox 空白 */
.post-14>.con{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
/* 高度链：后台真实输出是 <div id="wp_news_wNN">（无 frag 属性），
   模板里作者写的是 frag="窗口内容" —— 两种形态都要覆盖，否则线上链条会断 */
.post-14>.con>[frag="窗口内容"],
.post-14>.con>div{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.post-14 .slick-slider,
.post-14 .slick-list,
.post-14 .slick-track,
.post-14 .slick-slide,
.post-14 .slick-slide>div{height:100%;}
.post-14 .news_pic{height:100%;min-height:320px;overflow:hidden;}
.post-14 .news_pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);}
.post-14 .slick-slide:hover .news_pic img{transform:scale(1.04);}
.post-14 .slick-dots{right:20px;bottom:18px;left:auto;display:flex;gap:6px;}
.post-14 .slick-dots li{width:26px;height:4px;margin:0;border-radius:2px;background:rgba(255,255,255,.4);}
.post-14 .slick-dots li button{display:none;}
.post-14 .slick-dots li.slick-active{background:var(--gold);width:44px;}
/* 箭头图标：模板未附字体文件，改用内联 SVG 绘制 */
.slick-prev:before,.slick-next:before{display:none;}
.post-14 .slick-prev,.post-14 .slick-next{
	width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.14);
	background-repeat:no-repeat;background-position:center;background-size:18px 18px;
	z-index:20;border:1px solid rgba(255,255,255,.38);transition:all .3s var(--ease);opacity:.9;
}
.post-14 .slick-prev{left:18px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");}
.post-14 .slick-next{right:18px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");}
.post-14 .slick-prev:hover,.post-14 .slick-next:hover{background-color:var(--nau-blue-l);border-color:var(--nau-blue-l);opacity:1;}
.post-15{width:42%;flex:0 0 42%;float:none;padding:44px 40px;display:flex;flex-direction:column;justify-content:center;}
.post-15 .slick-slider{border:0;padding:0;}
.post-15 .news_list li.news .news_title{line-height:1.5;font-size:21px;font-weight:700;padding:0;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-15 .news_list li.news .news_title a{color:var(--nau-blue-d);}
.post-15 .news_list li.news .news_title a:hover{color:var(--nau-blue-l);}
.post-15 .news_list li.news .news_text{line-height:1.85;font-size:14px;color:var(--ink-2);padding:0 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.post-15 .news_list li.news .news_text a{color:var(--ink-2);}

/* --- 通知公告（右栏） --- */
.post-21 .con{padding:0;}
.post-21 .rili2{padding-top:0;}
.post-21 .news_list{display:flex;flex-direction:column;gap:0;}
.post-21 .news_list li.news{
	margin:0;padding:16px 0;border-bottom:1px dashed var(--line);
	display:flex;gap:16px;align-items:flex-start;transition:padding-left .3s var(--ease);
}
.post-21 .news_list li.news:last-child{border-bottom:0;}
.post-21 .news_list li.news:hover{padding-left:6px;}
.post-21 .news_list li.news .news_date{flex:0 0 60px;width:60px;text-align:center;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#fff;transition:all .3s var(--ease);}
.post-21 .news_list li.news .news_date .news_year{line-height:34px;font-size:21px;font-weight:700;color:var(--nau-blue);background:var(--nau-blue-50);font-family:var(--font-en);transition:all .3s var(--ease);}
.post-21 .news_list li.news .news_date .news_days{line-height:24px;font-size:12px;color:var(--ink-3);background:#fff;font-family:var(--font-en);transition:all .3s var(--ease);}
.post-21 .news_list li.news:hover .news_date{border-color:var(--nau-blue);box-shadow:0 6px 14px rgba(3,48,133,.16);}
.post-21 .news_list li.news:hover .news_date .news_year{background:var(--nau-blue);color:#fff;}
.post-21 .news_list li.news .news_wz{flex:1 1 auto;min-width:0;}
.post-21 .news_list li.news .news_con{margin:0;padding:0;}
.post-21 .news_list li.news .news_title{line-height:1.6;font-size:15px;color:var(--ink);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-21 .news_list li.news:hover .news_title{color:var(--nau-blue);}

/* --- 国际合作（右栏）：每个项目 = 一枚深蓝按钮（参考「人才培养」卡片按钮） --- */
.post-22 .con{padding:0;}
.post-22 .news_list li.news{border:0;margin:0;padding:0;min-height:0;}

/* 按钮本体：纯色兜底 + 单层线性渐变。
   ⚠️ 刻意不用「多层背景 / 双位置色标（如 rgba(255,255,255,.11) 0 44px）」——
   那类写法在部分 CSS 处理链或旧内核里会被整条判为非法而丢弃。
   一旦丢弃，圆角与阴影还在（看着像白卡片），底色没了、白字落在白底上，
   按钮等于"消失"。所以这里全部换成最保守的写法：
   底色用 background-color 单写（即便渐变被丢也还有蓝底），渐变只留一层。 */
.post-22 .news_list li.news .news_title{
	position:relative;flex:1 1 auto;display:flex;align-items:stretch;min-width:0;overflow:hidden;
	border-radius:8px;
	background-color:#0F2F74;
	background-image:linear-gradient(135deg,#16409B 0%,#0A2450 100%);
	box-shadow:0 6px 16px rgba(3,48,133,.18);
	transition:transform .32s var(--ease),box-shadow .32s var(--ease),background-color .32s var(--ease);
}
.post-22 .news_list li.news .news_title a{
	position:relative;flex:1 1 auto;display:flex;align-items:center;min-width:0;
	padding:16px 62px 16px 20px;
	font-size:15px;line-height:1.45;font-weight:500;color:#fff;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* 右侧圆形箭头：外圈 + 大装饰圆（装饰圆用 box-shadow 的 spread 铺开，
   不依赖任何渐变或多层背景） */
.post-22 .news_list li.news .news_title:before{
	content:"";position:absolute;right:16px;top:50%;width:28px;height:28px;margin-top:-14px;
	border:1px solid rgba(255,255,255,.42);border-radius:50%;pointer-events:none;
	box-shadow:0 0 0 34px rgba(255,255,255,.055);
	transition:all .32s var(--ease);
}
/* 右侧圆形箭头：箭头芯 */
.post-22 .news_list li.news .news_title:after{
	content:"";position:absolute;right:27px;top:50%;width:6px;height:6px;margin-top:-3px;
	border-top:1.6px solid #fff;border-right:1.6px solid #fff;transform:rotate(45deg);pointer-events:none;
	transition:all .32s var(--ease);
}
.post-22 .news_list li.news .news_title:hover{
	transform:translateY(-2px);
	box-shadow:0 12px 26px rgba(3,48,133,.30);
	background-color:#14427F;
	background-image:linear-gradient(135deg,#1C50BD 0%,#0B2A5E 100%);
}
.post-22 .news_list li.news .news_title:hover:before{border-color:#fff;box-shadow:0 0 0 34px rgba(255,255,255,.10);}


/* --- 第二行（通知公告｜国际合作）：两栏等高、条目均分对齐 --- */
/* 「高度和学院新闻相当」：显式给出最小高度，等于第一行（学院新闻/学术交流）实测高度。
   只靠内容撑的话，第二行只有约 435px、比第一行（526px）矮一截；
   而且一旦外层环境（后台预览 iframe 等）把内容高度算塌，条目会被压扁重叠 ——
   这里用 min-height 把它钉死，高度不再依赖链条是否正确。 */
.main1 .col-notice,
.main1 .col-global{align-self:stretch;min-height:526px;}
.main1 .col-notice .post-21.mbox,
.main1 .col-global .post-22.mbox{display:flex;flex-direction:column;height:100%;}
.main1 .col-notice .post-21 .con,
.main1 .col-global .post-22 .con{flex:1 1 auto;display:flex;flex-direction:column;}
/* 后台输出的内容容器是 <div id="wp_news_wNN">（没有 frag 属性），
   只写 [frag="窗口内容"] 会导致线上高度链断开、条目挤成一团 —— 这里两种都匹配 */
.main1 .col-notice .post-21 .con>[frag="窗口内容"],
.main1 .col-notice .post-21 .con>div,
.main1 .col-global .post-22 .con>[frag="窗口内容"],
.main1 .col-global .post-22 .con>div{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.main1 .col-notice .news_list,
.main1 .col-global .news_list{flex:1 1 auto;display:flex;flex-direction:column;}
.main1 .col-notice .news_list li.news{flex:1 1 auto;align-items:center;padding:12px 0;min-height:88px;}
/* 国际合作：6 枚按钮在列内均分高度、按钮之间留缝 */
.main1 .col-global .news_list{gap:12px;}
.main1 .col-global .news_list li.news{flex:1 1 auto;display:flex;align-items:stretch;min-height:58px;}
.main1 .col-global .news_list li.news .news_title{flex:1 1 auto;min-width:0;}

/* --- 第一行两栏「等高」 --- */
.main1 .col-news,
.main1 .col-exchange{align-self:stretch;}
.main1 .col-exchange{display:flex;flex-direction:column;}
.main1 .col-exchange>.post-13.mbox{flex:0 0 auto;}
.main1 .col-exchange>.post-13-hold.mbox{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}

/* 学院新闻：内容一路撑满整列 —— 底部与「学术交流」齐平（原先内容比右栏矮，底部对不齐） */
.main1 .col-news{display:flex;flex-direction:column;}
.main1 .col-news>.post-11.mbox{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.main1 .col-news .post-11 .con{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.main1 .col-news .post-11 .con>[frag="窗口内容"],
.main1 .col-news .post-11 .con>div{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
/* 列表：首图卡行按自身高度，第二行（小卡）吃掉剩余高度 */
.main1 .col-news .post-11 .news_list{flex:1 1 auto;grid-template-rows:auto minmax(0,1fr);}
/* 注意：news_list 带 clearfix，其 ::after 在 grid 里会变成一个额外的网格项，
   白占一行 + 一个 row-gap（正好 26px），必须去掉 */
.main1 .col-news .post-11 .news_list:after{content:none;}
/* 被撑高的小卡：标题在上、摘要居中、日期浏览贴底 */
.main1 .col-news .post-11 li.news.n2,
.main1 .col-news .post-11 li.news.n3{display:flex;flex-direction:column;}
.main1 .col-news .post-11 li.news.n2>.news_wz,
.main1 .col-news .post-11 li.news.n3>.news_wz{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;}
.main1 .col-news .post-11 li.news.n2 .news_con,
.main1 .col-news .post-11 li.news.n3 .news_con{flex:1 1 auto;display:flex;flex-direction:column;}
.main1 .col-news .post-11 li.news.n2 .news_meta-row,
.main1 .col-news .post-11 li.news.n3 .news_meta-row{margin-top:auto;}

/* --- 学术交流：与「学院新闻」首图卡同款（深色大图 + 标题压图上） --- */
.main1 .col-exchange .exchange-wrap{
	position:relative;display:block;overflow:hidden;
	border:0;background:var(--nau-navy);border-radius:var(--radius-lg);
	flex:1 1 auto;min-height:430px;
}
/* 图片区铺满整张卡 */
.main1 .col-exchange .post-14{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;float:none;z-index:1;}
.main1 .col-exchange .post-14>.con,
.main1 .col-exchange .post-14>.con>[frag="窗口内容"],
.main1 .col-exchange .post-14>.con>div,
.main1 .col-exchange .post-14 .slick-slider,
.main1 .col-exchange .post-14 .slick-list,
.main1 .col-exchange .post-14 .slick-track,
.main1 .col-exchange .post-14 .slick-slide,
.main1 .col-exchange .post-14 .slick-slide>div{height:100%;}
.main1 .col-exchange .post-14 .news_pic{height:100%;min-height:0;}
.main1 .col-exchange .post-14 .news_pic img{width:100%;height:100%;object-fit:cover;}
/* 分页器移到右上，给压图文字让位 */
.main1 .col-exchange .post-14 .slick-dots{top:22px;bottom:auto;right:22px;}

/* 文字带：压在图片底部，遮罩/内边距/字号与左侧首图卡完全一致 */
.main1 .col-exchange .post-15{
	position:absolute;left:0;right:0;bottom:0;z-index:3;
	width:auto;flex:none;float:none;padding:58px 34px 30px;
	background:linear-gradient(to top,rgba(5,24,60,.92) 0%,rgba(5,24,60,.5) 55%,rgba(5,24,60,0) 100%);
}
.main1 .col-exchange .post-15 .news_list li.news .news_title{
	font-size:23px;line-height:1.45;font-weight:700;color:#fff;margin-bottom:9px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.main1 .col-exchange .post-15 .news_list li.news .news_title a{color:#fff;}
.main1 .col-exchange .post-15 .news_list li.news .news_title a:hover{color:#fff;opacity:.85;}
.main1 .col-exchange .post-15 .news_list li.news .news_text{
	color:rgba(255,255,255,.8);font-size:14px;line-height:1.8;padding:0;margin:0 0 14px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.main1 .col-exchange .post-15 .news_list li.news .news_text a{color:rgba(255,255,255,.8);}
.main1 .col-exchange .post-15 .news_meta-row{color:rgba(255,255,255,.68);padding-top:0;}
.main1 .col-exchange .post-15 .news_meta-row .m.news_time:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");}
.main1 .col-exchange .post-15 .news_meta-row .m.news_views:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}

/* 学院新闻：首图卡抬高一点（多露些图），下方小卡吃掉剩余高度 —— 两者相加正好等于右栏高度 */
.post-11 .news_imgs{height:232px;}
.post-11 li.news.n2 .news_text,
.post-11 li.news.n3 .news_text{-webkit-line-clamp:2;}



/* --------------------------------------------------------------------------
   8. 友情链接
   -------------------------------------------------------------------------- */
.main2{background:var(--bg-soft);border-top:1px solid var(--line);}
.main2 .inner{padding:40px 24px;}
.main2 .mod{margin:0!important;}
.mlink.botlinks{width:100%;max-width:760px;margin:0 auto;}
.botlinks .links-wrap{
	position:relative;display:flex;align-items:center;gap:20px;width:100%;float:none;
	line-height:normal;background:#fff;border:1px solid var(--line);border-radius:100px;
	padding:6px 6px 6px 30px;box-shadow:var(--shadow);
}
.botlinks .links-wrap a.links-arrow{
	display:inline-flex;align-items:center;gap:8px;height:auto;line-height:44px;padding:0;flex:none;
	color:var(--nau-blue-d);background:none;font-size:15px;font-weight:700;letter-spacing:.02em;
}
.botlinks .links-wrap a.links-arrow:before{
	content:"";width:4px;height:16px;border-radius:2px;background:var(--gold);
}
.botlinks .links-wrap a.links-arrow:after{
	content:"";width:8px;height:8px;margin-left:2px;margin-top:-4px;
	border-bottom:1.8px solid var(--nau-blue);border-right:1.8px solid var(--nau-blue);
	transform:rotate(45deg);transition:transform .3s var(--ease);
}
.botlinks .links-wrap a.links-arrow:hover,
.botlinks .wrap-open a.links-arrow{color:var(--nau-blue-l);background:none;background-position:right bottom;}
.botlinks .links-wrap.wrap-open a.links-arrow:after{transform:rotate(-135deg);margin-top:4px;}
.botlinks .links-wrap .link-items{
	position:absolute;left:0;bottom:calc(100% + 10px);width:100%;max-height:330px;overflow:auto;overflow-x:hidden;
	display:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px;
	box-shadow:0 -12px 34px rgba(5,24,60,.14);
}
.botlinks .links-wrap .link-items ul{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.botlinks .links-wrap .link-items a{display:flex;align-items:center;gap:8px;line-height:1.4;padding:11px 16px;color:var(--ink-2);border-radius:var(--radius);font-size:14px;}
.botlinks .links-wrap .link-items a:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--nau-blue-100);flex:none;transition:background .3s var(--ease);}
.botlinks .links-wrap .link-items a span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.botlinks .links-wrap .link-items a:hover{color:var(--nau-blue);background:var(--nau-blue-50);}
.botlinks .links-wrap .link-items a:hover:before{background:var(--gold);}

/* --------------------------------------------------------------------------
   9. 页脚
   -------------------------------------------------------------------------- */
#footer{background:var(--nau-navy);color:rgba(255,255,255,.74);position:relative;}
#footer:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--nau-blue) 0%,var(--nau-blue-l) 45%,var(--gold) 100%);}
#footer .inner{padding:48px 24px 40px;position:relative;}
#footer .foot-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:36px;}
#footer .foot-left{float:none;max-width:640px;}
#footer .foot-name{font-size:21px;font-weight:700;color:#fff;letter-spacing:.01em;margin-bottom:8px;}
#footer .foot-name-en{font-family:var(--font-en);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:18px;}
#footer .inner p{font-size:14px;line-height:1.9;font-weight:400;text-align:left;color:rgba(255,255,255,.74);}
#footer .inner p span{margin:0;}
#footer .inner .copyright a{color:rgba(255,255,255,.86);}
#footer .inner .copyright a:hover{color:#fff;}
#footer .foot-right{flex:none;text-align:right;}
#footer .foot-links{display:flex;flex-direction:column;gap:10px;}
#footer .foot-links a{color:rgba(255,255,255,.7);font-size:14px;}
#footer .foot-links a:hover{color:#fff;}
#footer .foot-bar{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12.5px;color:rgba(255,255,255,.45);}

/* --------------------------------------------------------------------------
   10. 列表页
   -------------------------------------------------------------------------- */
.l-banner{height:230px;background-position:center center;background-repeat:no-repeat;background-size:cover;text-align:center;position:relative;background-color:var(--nau-navy);}
.l-banner img{display:none;height:100%;vertical-align:top;}
.l-banner:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(3,48,133,.86) 0%,rgba(5,24,60,.62) 60%,rgba(5,24,60,.4) 100%);}
#l-container{background:#fff;}
#l-container .inner{padding:44px 24px 72px;}
#l-container .mod{display:flex;gap:40px;align-items:flex-start;}
/* 列表页尾部的清浮动节点不能参与 flex 布局，否则会挤占内容宽度 */
#l-container .mod>.clear{display:none;}
/* 两个两栏布局的 flex 容器同样要屏蔽清浮动伪元素 */
.main1 .mod:after,
#l-container .mod:after{content:none;display:none;}

.col_menu{width:262px;flex:0 0 262px;margin-right:0;position:relative;float:none;}
.col_menu .col_menu_head{background:linear-gradient(135deg,var(--nau-blue) 0%,var(--nau-blue-d) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden;}
.col_menu .col_menu_head:before{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.07);}
.col_menu .col_menu_head h3.col_name{font-size:19px;font-weight:700;color:#fff;letter-spacing:.02em;position:relative;z-index:2;}
.col_menu .col_menu_head h3.col_name .col_name_text{display:block;line-height:62px;padding:0 24px;}
.col_menu .col_menu_head:after{content:"";position:absolute;left:24px;bottom:14px;width:32px;height:2px;background:var(--gold);border-radius:2px;}
.col_menu .col_menu_head h3.col_name .col_name_text{line-height:66px;padding-bottom:10px;}
.col_menu .col_menu_con{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;background:#fff;}
.col_list{padding:6px 0;}
.col_list .wp_listcolumn{border:0;}
.col_list .wp_listcolumn .wp_column{position:relative;}
.col_list .wp_listcolumn .wp_column a{
	display:block;color:var(--ink);font-size:15px;font-weight:400;background:none;border:0;
	border-bottom:1px solid var(--line);transition:all .3s var(--ease);position:relative;
}
.col_list .wp_listcolumn .wp_column:last-child>a{border-bottom:0;}
.col_list .wp_listcolumn .wp_column a .column-name{display:block;padding:14px 20px 14px 26px;line-height:1.5;transition:all .3s var(--ease);}
.col_list .wp_listcolumn .wp_column a:before{
	content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--nau-blue-l);
	transform:scaleY(0);transition:transform .3s var(--ease);
}
.col_list .wp_listcolumn .wp_column a:hover{color:var(--nau-blue);background:var(--nau-blue-50);}
.col_list .wp_listcolumn .wp_column a:hover .column-name{padding-left:32px;}
.col_list .wp_listcolumn .wp_column a:hover:before{transform:scaleY(1);}
.col_list .wp_listcolumn .wp_column a.selected{color:var(--nau-blue);background:var(--nau-blue-50);font-weight:700;}
.col_list .wp_listcolumn .wp_column a.selected:before{transform:scaleY(1);}
.col_list .wp_listcolumn .wp_column a.selected .column-name{color:var(--nau-blue);font-weight:700;}
.col_list .wp_listcolumn .wp_column.parent>a .column-name{font-weight:700;color:var(--nau-blue-d);}
/* 子栏目 */
.col_list .wp_listcolumn .wp_column .sub_list{background:#fafbfe;}
.col_list .wp_listcolumn .sub_list a{color:var(--ink-2);border-top:0;border-bottom:1px solid var(--line);margin:0;font-size:14px;}
.col_list .wp_listcolumn .sub_list a .column-name{display:block;line-height:1.5;padding:11px 18px 11px 40px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:before{left:0;width:2px;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .sub_list a.selected{color:var(--nau-blue);background:var(--nau-blue-50);font-weight:600;}
.col_list .wp_listcolumn .sub_list .sub_list a .column-name{padding-left:56px;}
.col_list .wp_listcolumn .sub_list .sub_list a:hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected{font-weight:600;color:var(--nau-blue);}
.col_list .wp_listcolumn .sub_list a .column-name:before{
	content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#c8d3e4;
	margin-right:9px;vertical-align:middle;margin-top:-2px;transition:background .3s var(--ease);
}
.col_list .wp_listcolumn .sub_list a:hover .column-name:before,
.col_list .wp_listcolumn .sub_list a.selected .column-name:before{background:var(--gold);}

/* 右侧内容 */
.col_news{width:auto;flex:1 1 auto;min-width:0;float:none;min-height:500px;}
.col_news .col_news_box{margin-left:0;}
.col_news_head{border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative;padding-bottom:16px;margin-bottom:8px;}
.col_news_head:before{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--nau-blue);border-radius:3px;}
/* 后台输出的 li 被一个 div 包着，需要一并设为 flex 才排得成一行 */
.col_metas{display:block;width:100%;}
.col_metas>[frag="窗口内容"],
.col_metas>div{display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:space-between;gap:16px;width:100%;min-width:0;}
.col_metas .col_title{display:block;float:none;height:auto;line-height:1.2;flex:1 1 auto;min-width:0;text-align:left;}
.col_metas .col_title h2{display:block;font-size:25px;font-family:var(--font-cn);font-weight:700;color:var(--nau-blue-d);border-bottom:0;letter-spacing:.01em;}
.col_metas .col_path{display:block;float:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:auto;line-height:1.6;color:var(--ink-3);font-size:13px;padding-bottom:4px;flex:0 1 auto;min-width:0;text-align:right;}
.col_metas .col_path a{color:var(--ink-2);}
.col_metas .col_path a:hover{color:var(--nau-blue);}
.col_metas .col_path .path_name{color:var(--ink-3);}
.col_news_con{padding:14px 0 10px;margin:0;}
.col_news_list{margin-top:0;}

/* 列表行 */
.news_list.list2{display:block;}
.news_list.list2 li.news{
	display:flex;align-items:center;justify-content:space-between;gap:24px;
	padding:19px 22px;line-height:1.6;border-bottom:1px solid var(--line);position:relative;
	transition:all .3s var(--ease);background:#fff;
}
.news_list.list2 li.news:before{
	content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:3px;height:12px;border-radius:2px;
	background:var(--nau-blue-l);transform:scaleY(0);transition:transform .3s var(--ease);
}
.news_list.list2 li.news:nth-child(odd){background:#fcfdff;}
.news_list.list2 li.news:hover{background:var(--nau-blue-50);padding-left:28px;}
.news_list.list2 li.news:hover:before{transform:scaleY(1);}
.news_list.list2 li.news span.news_title{float:none;flex:1 1 auto;min-width:0;font-size:15.5px;color:var(--ink);transition:color .3s var(--ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list.list2 li.news span.news_title a{color:var(--ink);}
.news_list.list2 li.news:hover span.news_title,
.news_list.list2 li.news:hover span.news_title a{color:var(--nau-blue);}
.news_list.list2 li.news span.news_meta{float:none;flex:none;margin-left:0;color:var(--ink-3);font-size:13.5px;font-family:var(--font-en);letter-spacing:.02em;}
.col_news_list .wp_entry,
.col_news_list .wp_entry p{line-height:1.85;font-size:14.5px;color:var(--ink);}
.col_news_list .wp_entry p{margin-bottom:12px;}
.col_news_list .wp_entry img{max-width:100%;height:auto;}

/* --------------------------------------------------------------------------
   11. 文章页
   -------------------------------------------------------------------------- */
#d-container{background:#fff;}
#d-container .inner{padding:0;max-width:none;background:none;}
.infobox{width:100%;margin:0 auto;min-height:400px;}
.article{padding-top:0;}

.arti-head{
	background:linear-gradient(125deg,var(--nau-blue) 0%,var(--nau-blue-d) 55%,var(--nau-navy) 100%);
	padding:54px 0 44px;position:relative;overflow:hidden;
}
.arti-head:before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05);}
.arti-head:after{content:"";position:absolute;left:32px;bottom:32px;width:56px;height:3px;background:var(--gold);border-radius:3px;}
.arti-head .arti-head-inner{width:100%;max-width:1000px;margin:0 auto;padding:0 24px;box-sizing:border-box;position:relative;z-index:2;}
.article h1.arti_title{line-height:1.45;font-family:var(--font-cn);font-size:31px;font-weight:700;text-align:left;color:#fff;letter-spacing:.01em;}
.article h2.arti_title{line-height:1.6;font-family:var(--font-cn);font-size:16px;font-weight:400;text-align:left;color:rgba(255,255,255,.72);margin-top:12px;}
.article .arti_metas{padding:18px 0 0;text-align:left;border:0;display:flex;flex-wrap:wrap;gap:24px;}
.article .arti_metas span{margin:0;font-size:13px;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;}
.article .arti_metas span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);margin-right:8px;}

.article .entry{margin:0 auto;overflow:hidden;padding:48px 0 64px;background:#fff;}
.article .entry .read{width:100%;max-width:1000px;margin:0 auto;padding:0 24px;box-sizing:border-box;}
.article .entry .read,
.article .entry .read p{line-height:2;font-size:16px;color:#2A3444;}
.article .entry .read p{margin-bottom:18px;}
.article .entry .read img{margin:12px auto;display:block;max-width:100%;height:auto;}
.article .entry .read table{margin:0 auto;border:none;max-width:100%;}
.article .entry .read h1,
.article .entry .read h2,
.article .entry .read h3,
.article .entry .read h4{color:var(--nau-blue-d);font-weight:700;line-height:1.5;margin:26px 0 14px;}
.article .entry .read h2{font-size:20px;}
.article .entry .read h3{font-size:18px;}
.article .entry .read ul,
.article .entry .read ol{margin:0 0 18px 24px;}
.article .entry .read ul li{list-style:disc;line-height:2;}
.article .entry .read ol li{list-style:decimal;line-height:2;}
.article .entry .read a{color:var(--nau-blue-l);text-decoration:underline;}
.article .entry .read a:hover{color:var(--gold);}
.article .entry .read blockquote{margin:20px 0;padding:16px 22px;background:var(--bg-soft);border-left:3px solid var(--nau-blue);color:var(--ink-2);}

/* --------------------------------------------------------------------------
   12. 浮动公告（窗口158）
   -------------------------------------------------------------------------- */
.pc{position:fixed;right:24px;bottom:24px;z-index:900;max-width:320px;}
.pc .wp-pc-inner{
	position:relative!important;width:300px!important;height:auto!important;max-height:72vh;overflow-y:auto;background:#fff!important;
	border-radius:var(--radius-lg);box-shadow:0 18px 44px rgba(5,24,60,.24);padding:0!important;
}
.pc .wp-pc-inner img{width:100%;height:auto;display:block;}
.pc .wp-pc-close{
	position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;background:rgba(5,24,60,.55);
	color:#fff;font-size:15px;line-height:26px;text-align:center;cursor:pointer;z-index:9;transition:background .3s var(--ease);
}
.pc .wp-pc-close:hover{background:var(--nau-blue-l);}

/* --------------------------------------------------------------------------
   13. 响应式
   -------------------------------------------------------------------------- */
@media (max-width:1360px){
	:root{--wrap:1180px;}
	.wp-menu .menu-item a.menu-link{padding:16px 22px 14px;font-size:17px;}
	.wp-menu .menu-item a.menu-link:after{left:22px;right:22px;}
	.main1 .mod{gap:46px 34px;}
}
@media (max-width:1200px){
	:root{--wrap:100%;}
	#header .inner,#header .inner>.mod{min-height:96px;}
	.header .sitetitle{font-size:22px;margin-left:18px;}
	.header .sitelogo img{max-height:64px;}
	.wp-menu .menu-item a.menu-link{padding:14px 16px 12px;font-size:16px;}
	.wp-menu .menu-item a.menu-link:after{left:16px;right:16px;}
	.wp-search{width:230px;}
	.mbanner .focus .focus-container,
	.mbanner .focus .focus-item{height:420px;}
	.mbanner .focus .focus-title{font-size:30px;}
	.main1 .mod{gap:46px 26px;}
	.post-11 .news_list{grid-template-columns:1fr;}
	.post-11 li.news.n2,.post-11 li.news.n3{grid-column:auto;}
	.col_menu{width:228px;flex:0 0 228px;}
}
@media (max-width:992px){
	.topbar .top-left{display:none;}
	.topbar .inner{justify-content:flex-end;}
	#header .inner{align-items:stretch;padding-top:10px;padding-bottom:12px;}
	#header .inner>.mod{flex-direction:column;align-items:stretch;gap:6px;min-height:0;}
	.header .head-left,.header .head-right{padding:0;width:100%;}
	.header .head-right{max-width:none;}
	.header .sitelogo{padding:8px 0;}
	.header .sitelogo img{max-height:52px;}
	.header .sitetitle{font-size:19px;margin-left:12px;white-space:normal;line-height:1.3;}
	.wp-search{width:100%;}
	/* 移动端导航：菜单收起后容器必须有高度，否则汉堡按钮被压成 0 */
	#nav .inner{padding:0 24px;min-height:60px;}
	#nav .wp-panel{min-height:60px;}
	.nav-toggle{display:block;}
	.wp-menu{
		display:none;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#fff;
		box-shadow:0 18px 34px rgba(5,24,60,.16);padding:8px 0;z-index:99;border-top:1px solid var(--line);
	}
	.wp-menu.open{display:flex;}
	.wp-menu .menu-item{width:100%;display:block;}
	.wp-menu .menu-item+.menu-item{margin-left:0;border-top:1px solid var(--line);}
	.wp-menu .menu-item a.menu-link{padding:15px 24px;font-size:16px;}
	.wp-menu .menu-item a.menu-link:after{display:none;}
	.wp-menu .menu-item a.menu-link .menu-en{display:inline;margin-left:10px;font-size:10px;}
	.sub-menu{position:static;display:none;box-shadow:none;border-top:0;border-radius:0;background:var(--bg-soft);padding:0;min-width:100%;}
	.sub-menu .sub-item a{padding:11px 24px 11px 40px;}
	.sub-menu .sub-menu{left:0;top:auto;}
	.mbanner .focus .focus-container,
	.mbanner .focus .focus-item{height:340px;}
	.mbanner .focus .focus-title{font-size:24px;max-width:100%;}
	.mbanner .focus .focus-title-bar{bottom:74px;}
	.mbanner .focus .focus-pagination{bottom:40px;}
	.mbanner .focus .focus-navigation{display:none;}
	.main1{padding:44px 0 52px;}
	.main1 .mod{grid-template-columns:1fr;gap:48px;}
	/* 单列堆叠时不再锁死第二行高度（否则每块都变成 526px 高） */
	.main1 .col-notice,
	.main1 .col-global{min-height:0;}
	#l-container .inner{padding:32px 24px 56px;}
	#l-container .mod{flex-direction:column;gap:28px;}
	.col_menu{width:100%;flex:1 1 auto;}
	.col_menu .col_menu_con{max-height:300px;overflow:auto;}
	.col_news{width:100%;flex:1 1 auto;}
	.news_list.list2 li.news{padding:15px 16px;}
	.news_list.list2 li.news span.news_title{white-space:normal;overflow:visible;}
	#footer .foot-inner{flex-direction:column;gap:24px;}
	#footer .foot-right{text-align:left;}
	.article h1.arti_title{font-size:25px;}
	.article .entry{padding:34px 0 48px;}
	.article .entry .read,.article .entry .read p{font-size:15.5px;}
	.arti-head{padding:38px 0 32px;}
	.pc{right:12px;bottom:12px;max-width:220px;}
	.pc .wp-pc-inner{width:200px!important;}
}
@media (max-width:640px){
	.inner{padding:0 16px;}
	.mbanner .focus .focus-container,
	.mbanner .focus .focus-item{height:250px;}
	.mbanner .focus .focus-title{font-size:19px;max-width:100%;word-break:break-word;}
	.mbanner .focus .focus-title-bar{bottom:58px;padding:0 16px;}
	.mbanner .focus .focus-pagination{bottom:28px;padding:0 16px;}
	.post-11 .news_imgs{height:210px;}
	.post-11 li.news.n1 .news_wz{padding:40px 20px 22px;}
	.post-11 li.news.n1 .news_title{font-size:18px;}
	/* 学术交流：窄屏仍为大图卡，文字带收窄 */
	.main1 .col-exchange .exchange-wrap{min-height:330px;}
	.main1 .col-exchange .post-15{padding:52px 20px 22px;}
	.main1 .col-exchange .post-15 .news_list li.news .news_title{font-size:18px;margin-bottom:7px;}
	.main1 .col-exchange .post-15 .news_list li.news .news_text{font-size:13px;margin-bottom:10px;}
	.post-14 .news_pic{height:210px;}

	.sec-head .sec-tit .tit-cn{font-size:20px;}
	.sec-head .sec-more span{display:none;}
	.botlinks .links-wrap{padding-left:20px;gap:12px;}
	.botlinks .links-wrap .link-items ul{grid-template-columns:1fr;}
	.col_metas .col_title h2{font-size:20px;}
	.article h1.arti_title{font-size:21px;}
	.article .entry .read{padding:0 16px;}
	#footer .foot-name{font-size:18px;}
	#footer .foot-bar{flex-direction:column;}
}

/* 打印 */
@media print{
	#nav,.main2,.pc,.topbar,.mbanner,.l-banner{display:none;}
	.arti-head{background:#fff;color:#000;}
	.article h1.arti_title,.article .arti_metas span{color:#000;}
	#footer{background:#fff;color:#333;}
}
