@charset "utf-8";
/* ==========================================================================
   南昌职业大学科学技术开发处 · 首页样式  css/index.css
   规范：rem 单位 / flex 布局 / 不使用 CSS 变量 / 不使用 gap / 兼容 IE11
   根字号：1920 → 100px（设计稿 px ÷ 100 = rem）
   ========================================================================== */

/* ---------- 根字号自适应：1920 → 100px，上限 100px，下限 90px ---------- */
html { font-size: 5.208333vw; }
@media screen and (max-width: 1728px) { html { font-size: 90px; } }
@media screen and (min-width: 1920px) { html { font-size: 100px; } }

/* ---------- 重置 ---------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, button, th, td { margin: 0; padding: 0; }
* { box-sizing: border-box; }
ul, ol, li { list-style: none; }
img { display: block; border: 0; max-width: 100%; }
a { color: inherit; text-decoration: none; }
em, i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
input, button, textarea, select { font-family: inherit; font-size: inherit; color: inherit; border: 0; background: none; outline: none; }
input { -webkit-appearance: none; border-radius: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
body { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; font-size: .14rem; line-height: 1.6; color: #2C3E50; background: #fff; -webkit-text-size-adjust: 100%; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { *zoom: 1; }

/* ---------- 主体宽度（统一由 .wp 控制） ---------- */
.wp { width: 92%; max-width: 1300px; margin: 0 auto; }

/* ==========================================================================
   1. 顶部 Header
   ========================================================================== */
.top-header { background: #fff; padding: .16rem 0; border-bottom: 1px solid #E3E6F1; position: relative; z-index: 20; }
.top-header .wp { display: flex; align-items: center; justify-content: space-between; }
.header-logo { display: flex; align-items: center; }
.header-logo .logo-img { height: .56rem; width: auto; }
.header-quick { display: flex; align-items: center; }
.header-quick .quick-link { position: relative; font-size: .14rem; color: #6B7B8C; padding: 0 .14rem; transition: color .2s; }
.header-quick .quick-link:first-child { padding-left: 0; }
.header-quick .quick-link + .quick-link:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -.07rem; width: 1px; height: .14rem; background: #E3E6F1; }
.header-quick .quick-link:hover { color: #1968D8; }



/* ==========================================================================
   3. 导航栏
   ========================================================================== */
.nav-section { background: #1A5BBF; position: -webkit-sticky; position: sticky; top: 0; z-index: 100; box-shadow: 0 .04rem .12rem rgba(26,91,191,.2); }
.nav-wp { width: 92%; max-width: 1300px; margin: 0 auto; display: flex; align-items: center; height: .56rem; }
.nav-toggle { display: none; }
.nav-menu { display: flex; align-items: center; justify-content: space-between; flex: 1; height: .56rem; }
.nav-menu > li { position: relative; height: 100%; display: flex; align-items: center; }
.nav-menu > li > a { position: relative; display: flex; align-items: center; height: 100%; padding: 0 .20rem; color: rgba(255,255,255,.9); font-size: .18rem; font-weight: 500; white-space: nowrap; transition: color .2s; }
.nav-menu > li > a:after { content: ""; position: absolute; left: 15%; right: 15%; bottom: 0; height: .03rem; background: linear-gradient(90deg, #4DA3F5 0%, #5BAEFA 100%); -webkit-transform: scaleX(0); transform: scaleX(0); transition: transform .3s; }
.nav-menu > li:hover > a { color: #fff; }
.nav-menu > li:hover > a:after { -webkit-transform: scaleX(1); transform: scaleX(1); }
.nav-menu .submenu { position: absolute; top: 100%; left: 50%; min-width: 1.80rem; padding: .08rem 0; background: #fff; border-radius: .06rem; box-shadow: 0 .08rem .24rem rgba(0,0,0,.12); opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%) translateY(.08rem); transform: translateX(-50%) translateY(.08rem); transition: all .25s; }
.nav-menu > li:hover .submenu { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
/* 兼容模式兜底：用 .hover 类显隐二级菜单，不依赖 li:hover（IE7 不支持非 a 元素的 :hover） */
.nav-menu > li.hover .submenu { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
.nav-menu .submenu li a { display: block; padding: .10rem .22rem; font-size: .16rem; color: #2C3E50; text-align: center; white-space: nowrap; transition: all .2s; }
.nav-menu .submenu li a:hover { background: #F3F6F8; color: #1968D8; }

/* ==========================================================================
   4. Banner 轮播（swiper）
   ========================================================================== */
.banner-section { position: relative; height: 5.20rem; overflow: hidden; }
.banner-section .swiper-container { width: 100%; height: 100%; }
.banner-section .swiper-slide { position: relative; display: flex; align-items: center; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner-section .swiper-slide:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(105deg, rgba(25,104,216,.82) 0%, rgba(26,91,191,.68) 50%, rgba(26,91,191,.45) 100%); }
/* 轮播图片已提取到 index.html 的 .swiper-slide 内联 style，换图只改 HTML，不改本样式 */
.banner-content { position: relative; z-index: 2; max-width: 12.00rem; margin: 0 auto; padding: 0 .20rem; width: 100%; }
.banner-content h2 { font-size: .52rem; font-weight: 700; color: #fff; margin-bottom: .16rem; letter-spacing: .04rem; }
.banner-content p { font-size: .22rem; color: rgba(255,255,255,.85); letter-spacing: .08rem; }
.banner-section .swiper-pagination { bottom: .30rem; }
.banner-section .swiper-pagination-bullet { width: .10rem; height: .10rem; margin: 0 .05rem; background: rgba(255,255,255,.35); opacity: 1; }
.banner-section .swiper-pagination-bullet-active { width: .32rem; border-radius: .05rem; background: #fff; }
.banner-section .swiper-button-prev, .banner-section .swiper-button-next { background-size: .24rem; }

/* ==========================================================================
   5. 区块通用
   ========================================================================== */
.section { padding: .60rem 0; }
.section-gray { background: #F3F6F8; }
/* 科研制度 / 科研诚信：蓝色渐变叠加校门实景底图（与通知公告同一处理方式） */
.blue-section { background-color: #1F5FAE; background-image: linear-gradient(135deg, rgba(31,95,174,.84) 0%, rgba(46,126,218,.72) 100%), url(../images/rule-bg.jpg); background-repeat: no-repeat, no-repeat; background-position: center center, center center; background-size: cover, cover; }
.sec-title { display: flex; align-items: center; justify-content: center; margin-bottom: .40rem; position: relative; }
.sec-title h3 { font-size: .28rem; color: #1A5BBF; font-weight: 700; padding: 0 .24rem; position: relative; z-index: 2; }
.sec-title:before, .sec-title:after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #E3E6F1, transparent); }
.sec-title.more-right { justify-content: space-between; }
.sec-title.more-right:before, .sec-title.more-right:after { display: none; }
.sec-title.more-right h3 { padding-left: .16rem; border-left: .04rem solid #1968D8; font-size: .26rem; }
.sec-title.more-right .more { font-size: .14rem; color: #6B7B8C; padding-right: .18rem; background: url(../images/icon-arrow.svg) right center no-repeat; background-size: .12rem; }
.sec-title.more-right .more:hover { color: #1968D8; }

/* ==========================================================================
   6. 科研动态
   ========================================================================== */
.news-section { display: flex; }
.news-side { width: 1.60rem; flex-shrink: 0; padding-top: .10rem; margin-right: .40rem; }
.news-side h3 { font-size: .28rem; color: #1A5BBF; font-weight: 700; margin-bottom: .10rem; }
.news-side p { font-size: .12rem; color: #6B7B8C; letter-spacing: .02rem; text-transform: uppercase; }
.news-side .more { display: inline-flex; align-items: center; margin-top: .25rem; font-size: .13rem; color: #1968D8; }
.news-main { flex: 1; min-width: 0; }

.news-top { display: flex; flex-wrap: wrap; margin: 0 -.10rem .16rem; }
.news-card { position: relative; width: calc(33.3333% - .20rem); height: 2.60rem; margin: 0 .10rem .20rem; border-radius: .10rem; overflow: hidden; box-shadow: 0 .04rem .14rem rgba(0,0,0,.08); }
.news-card .pic { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* .news-card .pic 的图片已提取到 index.html 内联 style，换图只改 HTML */
.news-card .date-tag { position: absolute; top: .12rem; left: .12rem; width: .50rem; height: .50rem; background: rgba(26,91,191,.85); border-radius: .06rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; }
.news-card .date-tag .day { font-size: .22rem; font-weight: 700; line-height: 1; }
.news-card .date-tag .month { font-size: .11rem; margin-top: .02rem; }
.news-card .title { position: absolute; left: 0; right: 0; bottom: 0; padding: .35rem .14rem .14rem; background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, transparent 100%); color: #fff; font-size: .16rem; font-weight: 500; }

.news-list { display: flex; flex-direction: column; }
.news-item { display: flex; padding: .16rem; background: #F8F9FB; border-radius: .08rem; transition: all .25s; margin-bottom: .16rem; }
.news-item:last-child { margin-bottom: 0; }
.news-item:hover { background: #fff; box-shadow: 0 .04rem .16rem rgba(25,104,216,.1); -webkit-transform: translateY(-.02rem); transform: translateY(-.02rem); }
.news-item .date { width: .56rem; height: .56rem; margin-right: .18rem; background: #1A5BBF; border-radius: .06rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
.news-item .date .day { font-size: .24rem; font-weight: 700; line-height: 1; }
.news-item .date .ym { font-size: .11rem; margin-top: .02rem; opacity: .8; }
.news-item .info { flex: 1; min-width: 0; }
.news-item .info h4 { font-size: .16rem; color: #2C3E50; font-weight: 600; margin-bottom: .08rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-item .info p { height: .39rem; font-size: .13rem; color: #6B7B8C; line-height: 1.5; overflow: hidden; }

/* ==========================================================================
   7. 通知公告
   ========================================================================== */
/* 蓝色渐变叠加在校园实景底图之上（底图明显可见，但已模糊成色块，不与内容抢视觉） */
.notice-section { padding: .60rem 0; background-color: #1F5FAE; background-image: linear-gradient(135deg, rgba(31,95,174,.84) 0%, rgba(46,126,218,.72) 100%), url(../images/notice-bg.jpg); background-repeat: no-repeat, no-repeat; background-position: center center, center center; background-size: cover, cover; }
.notice-section .sec-title.more-right h3 { color: #fff; border-left-color: #C5A35E; }
.notice-section .sec-title.more-right .more { color: rgba(255,255,255,.85); background: url(../images/icon-arrow-white.svg) right center no-repeat; background-size: .12rem; }
.notice-section .sec-title.more-right .more:hover { color: #fff; }
.notice-swiper { width: 100%; }
.notice-swiper .swiper-slide { display: flex; height: auto; width: calc(25% - .15rem); }
.notice-card { width: 100%; padding: .22rem .16rem; background: #fff; border-top: .03rem solid #1968D8; border-radius: .10rem; box-shadow: 0 .04rem .14rem rgba(25,104,216,.08); transition: all .25s; }
.notice-card:hover { -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); box-shadow: 0 .08rem .24rem rgba(25,104,216,.14); }
.notice-card .date { display: flex; align-items: baseline; margin-bottom: .12rem; }
.notice-card .date .day { font-size: .36rem; font-weight: 700; color: #1968D8; line-height: 1; }
.notice-card .date .ym { font-size: .13rem; color: #6B7B8C; margin-left: .06rem; }
.notice-card h4 { font-size: .16rem; color: #2C3E50; font-weight: 600; margin-bottom: .10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-card p { height: .42rem; font-size: .13rem; color: #6B7B8C; line-height: 1.6; overflow: hidden; }
.nt-pagination { position: static; margin-top: .26rem; text-align: center; }
.nt-pagination .swiper-pagination-bullet { width: .10rem; height: .10rem; margin: 0 .05rem; background: rgba(255,255,255,.5); opacity: 1; }
.nt-pagination .swiper-pagination-bullet-active { width: .32rem; border-radius: .05rem; background: #fff; }

/* ==========================================================================
   8. 科研成果
   ========================================================================== */
.achievement-grid { display: flex; flex-wrap: wrap; margin: 0 -.11rem; }
.ach-card { position: relative; width: calc(25% - .22rem); margin: 0 .11rem .22rem; background: #fff; border-radius: .10rem; overflow: hidden; box-shadow: 0 .04rem .14rem rgba(0,0,0,.08); transition: all .25s; }
.ach-card:hover { -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); box-shadow: 0 .10rem .28rem rgba(25,104,216,.15); }
.ach-card .pic { height: 1.60rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* .ach-card .pic 的图片已提取到 index.html 内联 style，换图只改 HTML */
.ach-card .txt { padding: .18rem; }
.ach-card .txt h4 { font-size: .16rem; color: #2C3E50; font-weight: 600; margin-bottom: .08rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.ach-card .txt p { font-size: .13rem; color: #6B7B8C; line-height: 1.6; }
.ach-card .tag { position: absolute; top: .12rem; right: .12rem; padding: .04rem .10rem; background: #C5A35E; color: #fff; font-size: .12rem; border-radius: .04rem; }

/* ==========================================================================
   9. 科研制度 / 科研诚信
   ========================================================================== */
.two-col-section { display: flex; flex-wrap: wrap; margin: 0 -.17rem; }
.col-box { width: calc(50% - .34rem); margin: 0 .17rem .34rem; padding: .28rem; background: #fff; border-radius: .12rem; box-shadow: 0 .04rem .16rem rgba(0,0,0,.06); }
.col-box .box-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: .22rem; padding-bottom: .16rem; border-bottom: 1px solid #E3E6F1; }
.col-box .box-title h3 { font-size: .20rem; color: #1A5BBF; font-weight: 700; padding-left: .14rem; border-left: .04rem solid #1968D8; }
.col-box .box-title .more { font-size: .13rem; color: #6B7B8C; }
.col-box .box-title .more:hover { color: #1968D8; }
.col-list { display: flex; flex-direction: column; }
.col-list li { display: flex; align-items: flex-start; padding-bottom: .14rem; margin-bottom: .14rem; border-bottom: 1px dashed #E3E6F1; }
.col-list li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.col-list li .num { width: .28rem; height: .28rem; margin-right: .12rem; border-radius: .06rem; background: #F3F6F8; color: #1968D8; font-size: .13rem; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.col-list li .txt { flex: 1; min-width: 0; }
.col-list li .txt h4 { font-size: .16rem; color: #2C3E50; font-weight: 500; margin-bottom: .05rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.col-list li .txt p { font-size: .13rem; color: #6B7B8C; }
.col-list li .col-date { flex-shrink: 0; margin-left: .12rem; padding-top: .02rem; font-size: .13rem; color: #6B7B8C; white-space: nowrap; }

/* ==========================================================================
   10. 科研平台
   ========================================================================== */
.platform-bar { padding: .60rem 0; background: #F3F6F8; }
.platform-grid { display: flex; flex-wrap: wrap; margin: 0 -.09rem; }
.platform-item { width: calc(16.6666% - .18rem); margin: 0 .09rem .18rem; padding: .24rem .14rem; background: #fff; border: 1px solid #E3E6F1; border-radius: .12rem; text-align: center; transition: all .25s; }
.platform-item:hover { background: #F2F7FE; -webkit-transform: translateY(-.04rem); transform: translateY(-.04rem); box-shadow: 0 .08rem .22rem rgba(25,104,216,.12); }
.platform-item .icon { width: .56rem; height: .56rem; margin: 0 auto .14rem; border-radius: 50%; background: linear-gradient(135deg, #1F5FAE, #2E7EDA); display: flex; align-items: center; justify-content: center; }
.platform-item .icon img { width: .28rem; height: .28rem; }
.platform-item h4 { font-size: .16rem; color: #2C3E50; font-weight: 500; margin-bottom: .06rem;     overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.platform-item p { font-size: .14rem; color: #6B7B8C; }

/* ==========================================================================
   11. 底部信息栏
   ========================================================================== */
.footer { background: #2A70D8; color: #fff; }
.footer-main { display: flex; justify-content: space-between; align-items: center; padding: .45rem 0 .35rem; }
.footer-info { padding-right: .40rem; }
.footer-logo { display: flex; align-items: center; margin-bottom: .18rem; }
.footer-logo .logo-badge { display: flex; align-items: center; justify-content: center; height: .44rem; padding: 0 .10rem; margin-right: .14rem;   }
.footer-logo .logo-badge img { width: auto; height: .42rem; }
.footer-logo h4 { font-size: .18rem; font-weight: 600; }
.footer-info p { display: flex; align-items: center; font-size: .14rem; color: rgba(255,255,255,.85); line-height: 2; }
.footer-info p img { width: .16rem; height: .16rem; margin-right: .08rem; flex-shrink: 0; opacity: .85; }
.footer-links { display: flex; flex-shrink: 0; padding: 0 .40rem; }
.footer-links dl { margin-left: .60rem; }
.footer-links dl:first-child { margin-left: 0; }
.footer-links dl dt { font-size: .16rem; font-weight: 600; margin-bottom: .12rem; }
.footer-links dl dd { font-size: .14rem; color: rgba(255,255,255,.7); line-height: 2; }
.footer-links dl dd a:hover { color: #fff; }
.footer-qr { display: flex; flex-shrink: 0; }
.footer-qr .qr { width: .96rem; padding: .14rem .08rem; background: #fff; border-radius: .06rem; color: #6B7B8C; font-size: .12rem; text-align: center; }
.footer-qr .qr img { width: .68rem; height: .68rem; margin: 0 auto .04rem; display: block; border-radius: .03rem; }
.footer-copy { border-top: 1px solid rgba(255,255,255,.1); padding: .18rem 0; text-align: center; font-size: .13rem; color: rgba(255,255,255,.5); }

/* ==========================================================================
   12. 返回顶部（仅移动端显示）
   ========================================================================== */
.to-top { display: none; }

/* ==========================================================================
   13. 响应式 —— 中等屏（1200px）
   ========================================================================== */
@media screen and (max-width: 1200px) {
  .platform-item { width: calc(33.3333% - .18rem); }
  .news-card { height: 2.30rem; }
}

/* ==========================================================================
   14. 响应式 —— 移动端（1024px 起）
   ========================================================================== */
@media screen and (max-width: 1024px) {
  /* ----- 顶部 ----- */
  .top-header { padding: .12rem 0; }
  .header-logo .logo-img { height: .40rem; }
  .header-quick { display: none; }

  /* ----- 搜索 ----- */
  .search-section { padding: .22rem 0; }
  .search-con { height: .50rem; padding-right: 1.00rem; border-radius: .25rem; }
  .search-con input[type="text"] { height: .50rem; line-height: .50rem; padding: 0 .16rem; font-size: .16rem; }
  .search-con button { width: 1.00rem; height: .50rem; }
  .search-con button img { width: .22rem; height: .22rem; margin: .14rem auto; }

  /* ----- 导航：汉堡 + 点击展开子菜单 ----- */
  .nav-wp { height: auto; min-height: .52rem; flex-wrap: wrap; }
  .nav-toggle { display: flex; align-items: center; height: .52rem; padding: 0; cursor: pointer; background: none; border: 0; outline: none; -webkit-appearance: none; }
  .nav-toggle img { width: .22rem; height: .22rem; margin: 0; }
  .nav-toggle:after { content: "菜单"; margin-left: .08rem; color: #fff; font-size: .16rem; }
  .nav-menu { display: none; flex: 1 1 100%; height: auto; flex-wrap: nowrap; white-space: normal; justify-content: flex-start; padding: .04rem 0 .10rem; }
  .nav-menu.open { display: block; }
  .nav-menu > li { display: block; height: auto; border-top: 1px solid rgba(255,255,255,.12); }
  .nav-menu > li > a { display: block; height: .46rem; line-height: .46rem; padding: 0 .04rem; font-size: .16rem; }
  .nav-menu > li > a:after { display: none; }
  .nav-menu > li.has-sub > a { position: relative; padding-right: .34rem; }
  .nav-menu > li.has-sub > a:before { content: ""; position: absolute; right: .06rem; top: 50%; margin-top: -.08rem; width: .16rem; height: .16rem; background: url(../images/icon-arrow-white.svg) center center no-repeat; background-size: contain; opacity: .7; transition: transform .25s; }
  .nav-menu > li.has-sub.open > a:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; }
  .nav-menu .submenu, .nav-menu > li:hover .submenu { position: static; left: auto; top: auto; display: none; width: 100%; padding: .04rem 0; border-radius: 0; background: rgba(0,0,0,.16); box-shadow: none; opacity: 1; visibility: visible; -webkit-transform: none; transform: none; }
  .nav-menu > li.open .submenu, .nav-menu > li.open:hover .submenu { display: block; }
  .nav-menu .submenu li a { padding: .11rem .28rem; text-align: left; color: rgba(255,255,255,.9); font-size: .16rem; }
  .nav-menu .submenu li a:hover { background: rgba(255,255,255,.1); color: #fff; }

  /* ----- Banner（移动端隐藏左右箭头，仅留圆点） ----- */
  .banner-section { height: 2.40rem; }
  .banner-content { padding: 0; width:90%; }
  .banner-content h2 { font-size: .30rem; letter-spacing: .02rem; margin-bottom: .10rem; }
  .banner-content p { font-size: .16rem; letter-spacing: .04rem; }
  .banner-section .swiper-pagination { bottom: .18rem; }
  .banner-section .swiper-button-prev, .banner-section .swiper-button-next { display: none; }

  /* ----- 区块通用 ----- */
  .section, .notice-section, .platform-bar { padding: .34rem 0; }
  .sec-title { margin-bottom: .22rem; }
  .sec-title h3 { font-size: .22rem; padding: 0 .14rem; }
  .sec-title.more-right h3 { font-size: .21rem; padding-left: .12rem; }

  /* ----- 科研动态 ----- */
  .news-section { display: block; }
  .news-side { width: 100%; padding-top: 0; margin: 0 0 .20rem; }
  .news-side h3 { font-size: .22rem; }
  .news-side .more { margin-top: .10rem; }
  .news-top { display: block; margin: 0 0 .16rem; }
  .news-card { width: 100%; height: 2.00rem; margin: 0 0 .14rem; }
  .news-card .title { font-size: .16rem; }
  .news-item { padding: .12rem; margin-bottom: .12rem; }
  .news-item .date { width: .50rem; height: .50rem; margin-right: .14rem; }
  .news-item .info h4 { white-space: normal; font-size: .16rem; }

  /* ----- 通知公告 / 科研成果 / 科研平台：grid 已改 flex，移动端降 2 列 ----- */
  .ach-card, .platform-item { width: calc(50% - .20rem); margin: 0 .10rem .14rem; }
  .notice-card { padding: .16rem .12rem; }
  .notice-card .date { margin-bottom: .08rem; }
  .notice-card .date .day { font-size: .28rem; }
  .notice-card h4 { white-space: normal; font-size: .16rem; margin-bottom: .06rem; }
  .ach-card .pic { height: 1.40rem; }
  .ach-card .txt { padding: .14rem; }
  .platform-item { padding: .18rem .10rem; }
  .platform-item .icon { width: .46rem; height: .46rem; margin-bottom: .10rem; }
  .platform-item .icon img { width: .24rem; height: .24rem; }
  .achievement-grid { margin: 0 -.10rem; }
  .notice-swiper .swiper-slide { width: calc(50% - .10rem); }
  .nt-pagination { margin-top: .18rem; }
  .platform-grid { margin: 0 -.10rem; }

  /* ----- 科研制度 / 科研诚信 ----- */
  .two-col-section { display: block; margin: 0; }
  .col-box { width: 100%; margin: 0 0 .16rem; padding: .20rem; }
  .col-box .box-title { margin-bottom: .16rem; padding-bottom: .12rem; }
  .col-box .box-title h3 { font-size: .18rem; }
  .col-list li .txt h4 { white-space: normal; font-size: .16rem; }
  .col-list li .col-date { display: none; }

  /* ----- 页脚 ----- */
  .footer-main { display: block; padding: .30rem 0 .22rem; }
  .footer-logo { margin-bottom: .14rem; }
  .footer-info { padding-right: 0; }
  .footer-info p { font-size: .13rem; line-height: 1.9; align-items: flex-start; }
  .footer-info p img.fic { margin-top: .04rem; }
  .footer-links { display: flex; flex-wrap: wrap; padding: .20rem 0 0; }
  .footer-links dl { margin-left: 0; margin-right: .40rem; }
  .footer-links dl:last-child { margin-right: 0; }
  .footer-qr { padding-top: .18rem; }
  .footer-copy { padding: .14rem 0; font-size: .12rem; line-height: 1.8; }

  /* ----- 返回顶部 ----- */
  .to-top { position: fixed; right: .16rem; bottom: .30rem; z-index: 200; width: .56rem; height: .56rem; border-radius: 50%; background: rgba(26,91,191,.85); cursor: pointer; display: none; }
  .to-top img { width: .24rem; height: .24rem; margin: .16rem auto; }
  .to-top.on { display: block; }
}

/* ==========================================================================
   15. 响应式 —— 平板竖屏（768px）
   ========================================================================== */
@media screen and (max-width: 768px) {
  .wp, .nav-wp { width: 94%; }
  .banner-section { height: 2.20rem; }
  .news-card { height: 2.00rem; }
  .footer-links dl { margin-right: .30rem; }
}

/* ==========================================================================
   16. 响应式 —— 小屏手机（480px）
   ========================================================================== */
@media screen and (max-width: 480px) {
  .header-logo .logo-img { height: .34rem; }
  .banner-section { height: 1.90rem; }
  .banner-content h2 { font-size: .24rem; letter-spacing: .01rem; }
  .banner-content p { font-size: .13rem; letter-spacing: .02rem; }
  .sec-title h3 { font-size: .20rem; }
  .ach-card, .platform-item { width: calc(100% - .20rem); }
  .notice-swiper .swiper-slide { width: 100%; }
  .news-card { height: 1.80rem; }
  .footer-links dl { margin-right: .24rem; }
}