/* =============================================================
   site-modern.css
   现代简约风（Notion / Linear 取向）覆盖样式
   作用范围：全站。在 head 中放在所有原 CSS 之后引用，确保覆盖。
   设计令牌：
     主色 --c-primary:  #2563eb (clean blue)
     强调  --c-accent:   #0f766e (teal, 节制使用)
     文字  #111827 / #4b5563 / #9ca3af
     线条  #e5e7eb
     卡片  #ffffff，圆角 12px，阴影 0 1px 2px / 0 8px 24px
   兼容：桌面 ≥1024 / 平板 768-1023 / 手机 <768
   ============================================================= */
:root{
  --c-primary:#2563eb;
  --c-primary-dark:#1d4ed8;
  --c-accent:#0f766e;
  --c-text:#111827;
  --c-text-2:#4b5563;
  --c-text-3:#9ca3af;
  --c-line:#e5e7eb;
  --c-bg:#ffffff;
  --c-bg-alt:#f8fafc;
  --c-bg-soft:#f1f5f9;
  --r-md:10px;
  --r-lg:14px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.06);
  --shadow-md:0 4px 12px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);
  --shadow-lg:0 10px 25px rgba(15,23,42,.08),0 20px 48px rgba(15,23,42,.08);
}

/* ---------- 基础排版 ---------- */
html,body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",
              "Hiragino Sans GB",Roboto,Helvetica,Arial,sans-serif !important;
  color:var(--c-text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.container{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
@media (max-width:768px){ .container{padding-left:18px;padding-right:18px} }

/* 主色覆盖：原模板用 #208740 绿色，统一为蓝色 */
.page_nav .crumb li:last-child,
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a,
.page_nav a:hover,
.about-page1 a:hover,
.news-tit:hover{ color:var(--c-primary) !important; }
.page-tit h3:after{ background:var(--c-primary) !important; }

/* ---------- 顶部导航 ----------
   - 删掉左侧 logo 占位（html 已清空）
   - 菜单 flex 居中，右侧搜索保留
   - 字体跟正文一致 + 细投影
   ------------------------------- */
.Top002070{ height:80px !important; }
.Top002070 .header{
  display:flex !important;align-items:center;
  height:80px !important;padding:0 4% !important;position:relative;
}
.Top002070 .header-left{
  position:static !important;left:auto !important;top:auto !important;
  flex:0 0 0;width:0;height:0;overflow:hidden;
}
.Top002070 .header-mid{
  float:none !important;margin:0 !important;
  flex:1 1 auto;display:flex;justify-content:center;align-items:center;
}
.Top002070 .header-menu{ display:flex;align-items:center; }
.Top002070 .header-menu .ul{ display:inline-flex !important;align-items:center; }
.Top002070 .header-menu li{
  margin:0 22px !important;float:none !important;
  display:flex !important;align-items:center;
}
.Top002070 .header-menu li em{ display:block;text-align:center; }
.Top002070 .header-menu li em a{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",
              "Hiragino Sans GB",Roboto,Helvetica,Arial,sans-serif !important;
  font-weight:500 !important;
  text-shadow:0 1px 2px rgba(15,23,42,.08), 0 0 1px rgba(15,23,42,.04);
  line-height:1.3 !important;
}
.Top002070 .header-menu li em i{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  color:#9ca3af !important;display:block;font-size:12px;letter-spacing:1.5px;margin-top:2px;
}
.Top002070 .header-right{
  position:static !important;right:auto !important;top:auto !important;
  margin:0 !important;flex:0 0 auto;display:flex;align-items:center;
}
.Top002070 .header-menu .visit{ display:none !important;}

/* ---------- Hero（首页头部，左文右照片） ---------- */
.index-hero{
  position:relative;overflow:hidden;
  padding:140px 0 80px;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 60%,#ffffff 100%);
}
.index-hero .hero-bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 60% at 85% 15%, rgba(37,99,235,.10) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(15,118,110,.08) 0%, transparent 60%);
}
.index-hero .container{ position:relative;z-index:1; }
.index-hero .hero-grid{
  display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center;
}
/* hero 标题区：左标题 + 右小车 GIF */
.index-hero .hero-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;margin-bottom:22px;
}
.index-hero .hero-head-text{ flex:1 1 auto;min-width:0; }
.index-hero .hero-head-gif{ flex:0 0 auto; }
.index-hero .hero-head-gif img{
  display:block;height:78px;width:auto;
  border-radius:10px;
}

.index-hero .hero-eyebrow{
  font-size:13px;font-weight:600;color:var(--c-primary);
  letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;
}
.index-hero .hero-name{
  font-size:42px;font-weight:700;color:var(--c-text);
  line-height:1.2;margin:0;letter-spacing:1px;
}
.index-hero .hero-profile{
  background:#fff;border:1px solid var(--c-line);border-radius:14px;
  padding:22px 26px;box-shadow:var(--shadow-md);
  font-size:15px;line-height:1.85;color:var(--c-text-2);
  word-break:break-word;overflow-wrap:break-word;margin-bottom:22px;
}
.index-hero .hero-profile p{margin:0;}
.index-hero .hero-profile .cn{ display:block; }
.index-hero .hero-profile .en{
  display:block;margin-top:12px;
  padding-top:12px;border-top:1px dashed var(--c-line);
  font-size:14px;color:var(--c-text-3);font-style:italic;
}

.index-hero .hero-actions{ margin-bottom:20px; }
.index-hero .btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:999px;
  background:var(--c-primary);color:#fff !important;
  font-size:14px;font-weight:500;text-decoration:none;
  box-shadow:0 4px 14px rgba(37,99,235,.30);
  transition:transform .2s ease, box-shadow .2s ease;
}
.index-hero .btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(37,99,235,.40);
}

.index-hero .hero-socials{ display:inline-flex;gap:12px; }
.index-hero .hero-socials a{
  width:42px;height:42px;border-radius:50%;
  background:#fff;border:1px solid var(--c-line);box-shadow:var(--shadow-sm);
  display:flex;align-items:center;justify-content:center;
  color:var(--c-text-2);text-decoration:none;
  transition:all .2s ease;
}
.index-hero .hero-socials a svg{
  width:20px;height:20px;display:block;
  transition:transform .2s ease, filter .2s ease;
}
.index-hero .hero-socials a.sc-github svg{ color:#24292f; }
.index-hero .hero-socials a.sc-scholar svg,
.index-hero .hero-socials a.sc-orcid svg,
.index-hero .hero-socials a.sc-rg svg{ filter:grayscale(40%); }
.index-hero .hero-socials a:hover{
  border-color:var(--c-primary);transform:translateY(-3px);
  box-shadow:var(--shadow-md);
}
.index-hero .hero-socials a:hover svg{ filter:grayscale(0); transform:scale(1.08); }
.index-hero .hero-socials a.sc-github:hover svg{ color:#1f6feb; }

/* 个人照片：放在 hero 右侧（小车已挪到标题旁） */
.index-hero .hero-visual{ display:flex;justify-content:center;align-items:center; }
.index-hero .hero-photo-wrap{ position:relative;display:inline-block; }
.index-hero .hero-photo-wrap:before{
  content:"";position:absolute;inset:-14px;border-radius:24px;z-index:-1;
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(15,118,110,.14));
  filter:blur(20px);
}
.index-hero .hero-photo{
  display:block;width:auto;height:auto;
  max-height:340px;max-width:280px;
  border-radius:18px;object-fit:cover;
  border:4px solid #fff;box-shadow:var(--shadow-lg);
}

/* 旧容器兜底 */
.index-about{ display:none !important; }
.index-banner{ display:none !important; }

@media (max-width:992px){
  .index-hero{ padding:100px 0 50px; }
  .index-hero .hero-grid{
    grid-template-columns:1fr;grid-template-areas:"photo" "text";
    gap:28px;text-align:center;
  }
  .index-hero .hero-text{ grid-area:text; }
  .index-hero .hero-visual{ grid-area:photo; }
  .index-hero .hero-name{ font-size:30px; }
  .index-hero .hero-actions,
  .index-hero .hero-socials{ justify-content:center;display:inline-flex; }
  .index-hero .hero-photo{ max-height:260px;max-width:220px; }
  .index-hero .hero-head{ justify-content:center;flex-wrap:wrap; }
  .index-hero .hero-head-gif img{ height:60px; }
  .Top002070{ height:72px !important; }
  .Top002070 .header{ height:72px !important;padding:0 3% !important; }
  .Top002070 .header-menu li{ margin:0 12px !important; }

  /* 手机顶部 sp_header 用文字代替原 GIF logo */
  .sp_logo .sp-title{
    display:inline-block;font-weight:700;color:var(--c-text);
    font-size:16px;letter-spacing:.5px;padding:16px 18px;line-height:1;
  }
  .sp_logo a{ text-decoration:none; }
  .sp_header .sp_logo img{ display:none !important; }
}
@media (max-width:640px){
  .index-hero{ padding:90px 16px 40px; }
  .index-hero .hero-name{ font-size:24px; }
  .index-hero .hero-profile{ padding:18px 20px;font-size:14.5px; }
  .index-hero .hero-photo{ max-height:200px;max-width:170px; }
}

/* ---------- Banner ---------- */
.index-banner .swiper-container{ height:88vh !important; min-height:520px;}
.index-banner .swiper-slide{position:relative}
.index-banner .swiper-slide:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.20) 0%,rgba(15,23,42,.45) 100%);
  z-index:1;
}
.index-banner .swiper-slide .container{position:relative;z-index:2}
.index-banner .swiper-slide .banner-txt strong{
  font-size:54px !important;font-weight:700 !important;letter-spacing:.5px;
  text-shadow:0 2px 24px rgba(0,0,0,.35) !important;
  line-height:1.2;
}
.index-banner .swiper-slide .banner-txt p{
  font-size:20px !important;line-height:1.6;
  text-shadow:0 1px 12px rgba(0,0,0,.4) !important;
  margin-top:14px;
  font-weight:300;letter-spacing:.3px;
}
.index-banner .swiper-pagination-bullet{
  background:rgba(255,255,255,.55) !important;opacity:1 !important;width:8px;height:8px;
}
.index-banner .swiper-pagination-bullet-active{ background:#fff !important;width:28px;border-radius:4px;}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{
  background:rgba(255,255,255,.12);width:44px;height:44px;border-radius:50%;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.25);
}
.index-banner .swiper-button-next:after,.index-banner .swiper-button-prev:after{
  font-size:16px !important;color:#fff !important;font-weight:700;
}
@media (max-width:768px){
  .index-banner .swiper-container{ height:60vh !important;min-height:380px;}
  .index-banner .swiper-slide .banner-txt strong{font-size:30px !important;}
  .index-banner .swiper-slide .banner-txt p{font-size:14px !important;}
  .index-banner .swiper-button-next,.index-banner .swiper-button-prev{display:none !important;}
}

/* ---------- 通用：板块标题 ---------- */
.index-tit{ margin-bottom:40px !important; text-align:center;}
.index-tit .tit-e{
  font-size:13px !important;line-height:1 !important;font-weight:600 !important;
  color:var(--c-primary) !important;letter-spacing:3px;text-transform:uppercase;
  margin-bottom:14px;
}
.index-tit .tit-e:before,.index-tit .tit-e:after{ content:"" !important; display:none !important;}
.index-tit h3{
  font-size:32px !important;font-weight:700 !important;color:var(--c-text) !important;
  letter-spacing:.5px;line-height:1.3;margin:0;
}
@media (max-width:768px){
  .index-tit h3{ font-size:24px !important;}
  .index-tit{margin-bottom:28px !important;}
}

/* ---------- 个人介绍 ---------- */
.index-about{
  background:var(--c-bg-alt) !important;
  padding:80px 0 70px !important;
  height:auto !important;
  position:relative !important;
  overflow:hidden;
}
.index-about .index-about-bkg{ display:none !important;}
.index-about .about-content{
  position:static !important;transform:none !important;left:auto !important;top:auto !important;
  max-width:880px;margin:0 auto;
}
.index-about .about-profile{
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:var(--r-lg);
  padding:32px 40px;
  box-shadow:var(--shadow-sm);
  font-size:16px !important;line-height:1.85 !important;color:var(--c-text-2) !important;
  text-align:left !important;width:100% !important;
}
.index-about .about-profile p{margin:0;color:var(--c-text-2);}
.index-about .about-more{margin-top:24px;}
.index-about .index-more a,
.about-more .index-more a{
  display:inline-block;padding:10px 22px;border-radius:999px !important;
  border:1px solid var(--c-primary) !important;color:var(--c-primary) !important;
  background:transparent !important;font-size:14px;font-weight:500;
  text-decoration:none;
}
.index-about .index-more a:hover,
.about-more .index-more a:hover{
  background:var(--c-primary) !important;color:#fff !important;
  transform:translateY(-1px);box-shadow:var(--shadow-md);
}

/* 社交图标行 */
.index-about .about-lists{margin:32px 0 0 !important;text-align:center;}
.index-about .about-lists ul{display:inline-flex;gap:18px;text-align:center;}
.index-about .about-lists ul li{margin:0 !important;float:none !important;}
.index-about .about-lists ul li .about-img{
  width:48px !important;height:48px !important;
  background:#fff !important;background-image:none !important;
  border:1px solid var(--c-line) !important;border-radius:50%;
  display:flex !important;align-items:center;justify-content:center;
  margin:0 !important;box-shadow:var(--shadow-sm);
  transition:all .25s ease;float:none !important;
}
.index-about .about-lists ul li .about-img a{
  width:100% !important;height:100% !important;display:flex;align-items:center;justify-content:center;
  background:none !important;float:none !important;
}
.index-about .about-lists ul li .about-img img{
  width:22px !important;height:22px !important;object-fit:contain;
  filter:grayscale(1) brightness(.4);
  transition:filter .25s ease;
}
.index-about .about-lists ul li:hover .about-img{
  border-color:var(--c-primary) !important;
  transform:translateY(-3px) !important;
  box-shadow:var(--shadow-md);
}
.index-about .about-lists ul li:hover .about-img img{
  filter:none !important;
}

/* ---------- 学术研究列表 ---------- */
.index-news{ padding:70px 0 !important; background:#fff !important;}
.index-news .news-lists{max-width:1080px;margin:0 auto;}
.index-news .news-lists .row{margin:0;}
.index-news .news-lists .col-xs-12{padding:0;width:100%;float:none;}
.index-news .news-lists ul{display:grid;grid-template-columns:1fr;gap:18px;}
.index-news .news-lists ul li{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:0;overflow:hidden;transition:all .25s ease;
  list-style:none;
}
.index-news .news-lists ul li:hover{
  border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);
}
.index-news .news-lists ul li a{
  display:flex !important;align-items:center;gap:22px;
  padding:18px 24px;color:inherit;text-decoration:none;
}
.index-news .news-lists ul li a .list_time{
  flex:0 0 auto;width:auto;margin:0;display:flex;align-items:center;justify-content:center;
  border-radius:8px;overflow:hidden;background:var(--c-bg-soft);
}
.index-news .news-lists ul li a .list_time img{
  width:140px !important;height:90px !important;object-fit:cover;display:block;
}
.index-news .news-lists ul li a .news-date{
  flex:0 0 auto;text-align:center;padding:0 12px;border-right:1px solid var(--c-line);
}
.index-news .news-lists ul li a .news-date .year{
  font-size:13px;color:var(--c-text-3);
}
.index-news .news-lists ul li a .news-date .day{
  font-size:20px;font-weight:600;color:var(--c-text);line-height:1.2;
}
.index-news .news-lists ul li a .news-txt{flex:1 1 auto;min-width:0;}
.index-news .news-lists ul li a .news-txt .news-tit{
  font-size:17px !important;font-weight:600 !important;color:var(--c-text) !important;
  line-height:1.45;margin-bottom:6px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.index-news .news-lists ul li:hover a .news-txt .news-tit{ color:var(--c-primary) !important;}
.index-news .news-lists ul li a .news-txt ._text{
  font-size:13.5px;color:var(--c-text-2);line-height:1.55;margin-top:2px;
}
@media (max-width:768px){
  .index-news .news-lists ul li a{flex-wrap:wrap;gap:12px;padding:14px;}
  .index-news .news-lists ul li a .list_time img{ width:100% !important;height:160px !important; }
  .index-news .news-lists ul li a .list_time{flex:1 1 100%;}
  .index-news .news-lists ul li a .news-date{order:-1;border:none;padding:0;text-align:left;display:flex;gap:6px;align-items:baseline;}
  .index-news .news-lists ul li a .news-date .day{font-size:14px;}
  .index-news .news-lists ul li a .news-txt .news-tit{font-size:16px !important;}
}

/* ---------- 奖项轮播 ---------- */
.index-pro{padding:70px 0 !important;background:var(--c-bg-alt) !important;background-image:none !important;}
.index-pro .swiper-main{padding:0 56px;}
.index-pro .swiper-slide a{
  display:block;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--r-lg);overflow:hidden;transition:all .25s ease;
}
.index-pro .swiper-slide a:hover{
  transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;
}
.index-pro .swiper-slide a .pro-img .img-box{ background:var(--c-bg-soft);}
.index-pro .swiper-slide a .pro-img .img-box img{ width:100%;height:100%;object-fit:cover;}
.index-pro .swiper-slide a .pro-txt{
  background:#fff !important;padding:18px 16px !important;text-align:center;
}
.index-pro .swiper-slide a .pro-txt .pro-tit h3{
  font-size:15px !important;font-weight:600 !important;color:var(--c-text) !important;
  margin:0 0 12px;line-height:1.5;min-height:42px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.index-pro .swiper-slide a .pro-txt .index-more a{
  display:inline-block;padding:6px 16px;border-radius:999px;
  font-size:12px;color:var(--c-text-2);border:1px solid var(--c-line);background:#fff;
  text-decoration:none;
}
.index-pro .swiper-slide a:hover .pro-txt .index-more a{
  color:#fff;background:var(--c-primary);border-color:var(--c-primary);
}
.index-pro .swiper-button-next,.index-pro .swiper-button-prev{
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:1px solid var(--c-line);box-shadow:var(--shadow-sm);
  margin-top:-20px;
}
.index-pro .swiper-button-next:after,.index-pro .swiper-button-prev:after{
  font-size:14px !important;color:var(--c-text-2) !important;font-weight:700;
}
.index-pro .swiper-button-next:hover,.index-pro .swiper-button-prev:hover{
  border-color:var(--c-primary);
}
.index-pro .swiper-button-next:hover:after,.index-pro .swiper-button-prev:hover:after{
  color:var(--c-primary) !important;
}
@media (max-width:768px){
  .index-pro{padding:50px 0 !important;}
  .index-pro .swiper-main{padding:0 8px;}
  .index-pro .swiper-button-next,.index-pro .swiper-button-prev{display:none !important;}
}

/* ---------- 访客统计 ---------- */
.visitor-stats{ padding:70px 0 !important;background:#fff !important;}
.visitor-stats .stats-row{
  display:grid !important;grid-template-columns:280px 1fr;gap:24px !important;
  margin-top:8px;align-items:stretch;
}
.visitor-stats .stats-side{
  display:grid !important;grid-template-columns:1fr;gap:14px !important;
  background:var(--c-bg-alt);border:1px solid var(--c-line);
  border-radius:var(--r-lg);padding:24px !important;
  flex:initial !important;min-width:0 !important;align-content:start;
}
.visitor-stats .stats-side > .stat-num{
  font-size:30px !important;font-weight:700 !important;color:var(--c-primary) !important;
  line-height:1.1 !important;margin:0 !important;
}
.visitor-stats .stats-side > .stat-lbl{
  font-size:12px !important;color:var(--c-text-3) !important;
  text-transform:uppercase;letter-spacing:1px;margin:-6px 0 10px !important;
  line-height:1.3 !important;
}
.visitor-stats .stats-side > .stat-lbl .cn{
  display:block !important;color:var(--c-text) !important;
  font-size:13px !important;font-weight:600 !important;text-transform:none;letter-spacing:0;
  margin-bottom:2px;
}
.visitor-stats .map-wrap{flex:initial !important;min-width:0;}
.visitor-stats #visitor-map{
  height:380px;border-radius:var(--r-lg) !important;
  box-shadow:var(--shadow-sm) !important;border:1px solid var(--c-line);
}
@media (max-width:992px){
  .visitor-stats .stats-row{grid-template-columns:1fr !important;}
  .visitor-stats .stats-side{
    grid-template-columns:repeat(3,1fr) !important;
    gap:6px 18px !important;align-items:start;
  }
  .visitor-stats .stats-side > .stat-num{ font-size:24px !important;}
  .visitor-stats .stats-side > .stat-lbl{margin:0 0 8px !important;}
  .visitor-stats #visitor-map{height:300px;}
}
@media (max-width:480px){
  .visitor-stats{padding:40px 0 !important;}
  .visitor-stats .stats-side{grid-template-columns:1fr 1fr !important;}
}

/* ---------- 内页 banner ---------- */
.p-banner{
  background-color:var(--c-bg-soft) !important;
  height:280px !important;padding-top:130px !important;text-align:left;
  position:relative;
}
.p-banner:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.0) 0%,rgba(15,23,42,.35) 100%);
}
.p-banner .container{position:relative;z-index:1;}
.p-banner h2{
  position:static !important;left:auto !important;top:auto !important;
  font-size:34px !important;color:#fff !important;text-align:left !important;
  margin:0 !important;font-weight:700;letter-spacing:.5px;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.p-banner h3{
  position:static !important;font-size:14px !important;color:rgba(255,255,255,.7) !important;
  letter-spacing:3px;text-transform:uppercase;margin-bottom:8px !important;font-weight:500;
}
@media (max-width:768px){
  .p-banner{height:200px !important;padding-top:100px !important;}
  .p-banner h2{font-size:24px !important;}
}

/* 内页二级导航 */
.page_nav{
  background:#fff !important;border-bottom:1px solid var(--c-line) !important;
  height:auto !important;line-height:normal !important;
}
.page_nav .container{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.page_nav .r_sec{float:none !important;}
.page_nav .r_sec li{
  float:none !important;display:inline-block;padding:6px 14px !important;margin:0 6px 0 0 !important;
  font-size:14px !important;border-radius:999px;background:var(--c-bg-soft);
}
.page_nav .r_sec li a{color:var(--c-text-2) !important;}
.page_nav .r_sec li.cur,.page_nav .r_sec li:hover{ background:var(--c-primary);}
.page_nav .r_sec li.cur a,.page_nav .r_sec li:hover a{ color:#fff !important;}
.page_nav .crumb{float:none !important;margin-left:auto;}
.page_nav .crumb li{font-size:13px !important;color:var(--c-text-3) !important;}
.page_nav .crumb a{color:var(--c-text-3) !important;}
.page_nav .crumb li:last-child{color:var(--c-text) !important;}
.page_nav .fa{margin:0 4px 0 0 !important;}

/* ---------- 列表页 (newslist) ---------- */
.news_list{padding:60px 0 !important;}
.news_list .container{max-width:1080px;}
.news_list ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:18px;}
.news_list ul li{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  overflow:hidden;transition:all .25s ease;
}
.news_list ul li:hover{ border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.news_list ul li .fix{display:flex;gap:22px;padding:20px;align-items:flex-start;}
.news_list ul li .fix .list_time:first-child{flex:0 0 auto;}
.news_list ul li .fix .list_time:first-child img{
  width:170px !important;height:120px !important;object-fit:cover;border-radius:8px;
}
.news_list ul li .fix .list_time[style*="margin-left"]{
  display:none !important; /* 旧的日期块视觉冗余，藏起 */
}
.news_list ul li .fix ._intro{flex:1 1 auto;min-width:0;}
.news_list ul li .fix ._intro a{color:inherit;text-decoration:none;display:block;}
.news_list ul li .fix ._intro ._title{
  display:block;font-size:18px !important;font-weight:600 !important;color:var(--c-text);
  line-height:1.45;margin-bottom:8px;
}
.news_list ul li:hover ._intro ._title{color:var(--c-primary);}
.news_list ul li .fix ._intro ._info{font-size:13px;color:var(--c-text-3);margin-bottom:8px;}
.news_list ul li .fix ._intro ._text{
  font-size:14px;color:var(--c-text-2);line-height:1.65;margin-bottom:4px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@media (max-width:768px){
  .news_list ul li .fix{flex-direction:column;gap:12px;padding:14px;}
  .news_list ul li .fix .list_time:first-child img{width:100% !important;height:200px !important;}
  .news_list ul li .fix ._intro ._title{font-size:16px !important;}
}

/* 分页 */
.pagebar{margin-top:40px;display:flex;justify-content:center;}
.pagebar .pagination{display:inline-flex;flex-wrap:wrap;gap:6px;}
.pagebar .pagination .page-link,
.pagebar .pagination .page-item{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;padding:0 12px;border-radius:8px;
  border:1px solid var(--c-line);background:#fff;color:var(--c-text-2);
  font-size:14px;text-decoration:none;
}
.pagebar .pagination .page-link:hover{border-color:var(--c-primary);color:var(--c-primary);}
.pagebar .pagination .page-link.active,
.pagebar .pagination .active{
  background:var(--c-primary) !important;border-color:var(--c-primary) !important;color:#fff !important;
}

/* ---------- 单页/详情页 (about / news show) ---------- */
.page-section{padding:60px 0 !important;}
.page-tit h3{
  font-size:28px !important;width:auto !important;display:inline-block !important;
  padding-bottom:12px !important;
}
.about-page1 .desc{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:28px 32px;line-height:1.85 !important;font-size:15.5px !important;color:var(--c-text-2) !important;
  box-shadow:var(--shadow-sm);
}
.about-page1 .aboutrightimg{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
.about-page1 .about-page-ul li{
  border:1px solid var(--c-line) !important;border-radius:10px;margin-bottom:12px;
  background:#fff;
}

/* 文章详情 */
.news_show .param-tit{
  font-size:28px;font-weight:700;color:var(--c-text);line-height:1.4;margin-bottom:14px;
}
.news_show .param-s{
  font-size:13px;color:var(--c-text-3);padding-bottom:16px;border-bottom:1px solid var(--c-line);
  margin-bottom:24px;
}
.news_show .param-s span{margin-right:16px;}
.news_show .param-c,.news_show .param-c p{
  font-size:15.5px !important;line-height:1.9 !important;color:var(--c-text-2) !important;
}
.news_show .param-c img{border-radius:8px;margin:12px auto;display:block;}

/* ---------- 富文本内容里的表格（个人介绍页经历表等） ---------- */
.param-c{
  max-width:960px;margin:0 auto;
}
.param-c table,
.about-page1 .desc table{
  width:100% !important;max-width:100%;
  border-collapse:separate !important;border-spacing:0 !important;
  margin:24px 0 !important;
  background:#fff;border:1px solid var(--c-line);
  border-radius:12px;overflow:hidden;
  box-shadow:var(--shadow-sm);
  font-size:14.5px;
  table-layout:auto;
}
.param-c table thead,
.about-page1 .desc table thead{
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
}
.param-c table thead th,
.about-page1 .desc table thead th{
  font-size:13px;font-weight:600;color:var(--c-text);
  letter-spacing:1px;padding:14px 18px;text-align:left;
  border-bottom:1px solid var(--c-line);
  white-space:nowrap;
}
.param-c table tbody tr,
.about-page1 .desc table tbody tr{
  transition:background .15s ease;
}
.param-c table tbody tr:nth-child(even),
.about-page1 .desc table tbody tr:nth-child(even){ background:#fafbfc; }
.param-c table tbody tr:hover,
.about-page1 .desc table tbody tr:hover{ background:#eff4fb; }
.param-c table tbody td,
.about-page1 .desc table tbody td{
  padding:14px 18px !important;
  border-top:1px solid var(--c-line);
  color:var(--c-text-2);line-height:1.65;
  vertical-align:middle !important;
  word-break:break-word;
  width:auto !important;
}
/* 第一列（时间）等宽字体 + 主色 + 加粗 */
.param-c table tbody td:first-child,
.about-page1 .desc table tbody td:first-child{
  font-family:ui-monospace,"SF Mono",Consolas,Menlo,monospace;
  font-weight:600;color:var(--c-primary);
  white-space:nowrap;width:1% !important;
}
/* 第三列（职务）用 tag 风格 */
.param-c table tbody td:last-child,
.about-page1 .desc table tbody td:last-child{
  text-align:left;width:1% !important;white-space:nowrap;
}
.param-c table tbody td:last-child > span,
.param-c table.about-timeline-table tbody td:last-child{
  /* 让职务看起来像 badge */
}
/* 清理后台富文本里 <span style="font-size:20px"> 的过大字号 */
.param-c table td span{
  font-size:inherit !important;font-family:inherit !important;
  color:inherit !important;
}
.param-c table th span{
  font-size:inherit !important;font-weight:inherit !important;color:inherit !important;
}

/* 把表格里 <span style="font-size:20px"> 的重置扩到所有 param-c 内容，避免巨大段落字 */
.param-c p span,
.param-c div span{
  font-size:inherit !important;
}

@media (max-width:640px){
  .param-c table,
  .about-page1 .desc table{ font-size:13px; }
  .param-c table thead th,
  .param-c table tbody td{ padding:10px 12px !important; }
  .param-c table tbody td:first-child{ font-size:12px; }
}

.news_show_left{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:32px;box-shadow:var(--shadow-sm);
  width:calc(72% - 12px);float:left;box-sizing:border-box;
}
.news_show_right{
  width:calc(28% - 12px);float:right;
}
.news_show_right .next_box,.news_show_right .hot_news{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);
  padding:18px 20px;margin-bottom:18px;box-shadow:var(--shadow-sm);
}
.news_show_right .infor .tit{font-size:16px;font-weight:600;color:var(--c-text);}
.news_show_right .infor .more a{color:var(--c-primary);font-size:13px;}
.news_show_right .item a{
  display:block;padding:10px 0;border-bottom:1px solid var(--c-line);text-decoration:none;color:inherit;
}
.news_show_right .item:last-child a{border-bottom:none;}
.news_show_right .item .t{font-size:14px;color:var(--c-text);margin-bottom:4px;line-height:1.5;}
.news_show_right .item .d{font-size:12px;color:var(--c-text-3);}
.news_show_right .item:hover .t{color:var(--c-primary);}
@media (max-width:992px){
  .news_show_left{width:100%;float:none;padding:22px;}
  .news_show_right{width:100%;float:none;}
}

/* ---------- 页脚 ---------- */
footer{background:#0f172a !important;color:#cbd5e1 !important;}
.footer-main{background:transparent !important;}
.footer-bottom{padding:28px 0 !important;border-top:1px solid rgba(255,255,255,.06);}
.footer-bottom .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;}
.footer-bottom .copy,.footer-bottom .bei{font-size:13px;color:#94a3b8;}
.footer-bottom .bei a{color:#94a3b8 !important;}
.footer-bottom .bei a:hover{color:#fff !important;}

/* 移动底部菜单 */
.menu-footer{
  background:#fff !important;border-top:1px solid var(--c-line) !important;
  box-shadow:0 -4px 20px rgba(15,23,42,.06);height:60px;
}
.menu-footer a{
  color:var(--c-text-2) !important;font-size:11px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:3px;flex:1;
}
.menu-footer a i{font-size:18px;color:var(--c-text-2);}
.menu-footer a:hover,.menu-footer a:hover i{color:var(--c-primary) !important;}

/* ---------- 留几个滚动条/选择文字的小细节 ---------- */
::selection{background:rgba(37,99,235,.18);color:var(--c-text);}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #fff;}
::-webkit-scrollbar-thumb:hover{background:#94a3b8;}

/* IE 兼容 fallback：grid 不支持时 fall back 为 block */
@supports not (display:grid){
  .news_list ul li,.index-news .news-lists ul li{margin-bottom:18px;}
  .visitor-stats .stats-row{display:flex;flex-wrap:wrap;}
  .visitor-stats .stats-side{flex:0 0 280px;}
  .visitor-stats .map-wrap{flex:1 1 320px;}
}

/* =============================================================
   v2 修复补丁 —— 解决 4 处显示问题
   ============================================================= */

/* 1) 顶部导航：恢复模板原始样式，本补丁不再覆盖 .Top002070。 */

/* 2) 学术研究图片：contain 显示，白底，不裁剪，桌面端放大 */
.index-news .news-lists ul li a .list_time{
  background:#fff !important;border:1px solid var(--c-line) !important;
  border-radius:10px;padding:6px;flex:0 0 auto !important;
}
.index-news .news-lists ul li a .list_time img{
  width:220px !important;height:150px !important;
  object-fit:contain !important;background:#fff;display:block !important;
}
.news_list ul li .fix .list_time:first-child{
  background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:6px;
  flex:0 0 auto;
}
.news_list ul li .fix .list_time:first-child img{
  width:240px !important;height:170px !important;
  object-fit:contain !important;background:#fff;border-radius:6px;
  display:block !important;
}

@media (max-width:768px){
  /* 手机端列表图强制显示，占满宽度，比例固定 */
  .news_list ul li .fix{ flex-direction:column;gap:12px;padding:14px; }
  .news_list ul li .fix .list_time:first-child{ width:100%; }
  .news_list ul li .fix .list_time:first-child img{
    width:100% !important;height:auto !important;max-height:240px !important;aspect-ratio:4/3;
    object-fit:contain !important;display:block !important;
  }
  .index-news .news-lists ul li a{ flex-wrap:wrap; }
  .index-news .news-lists ul li a .list_time{ width:100%; }
  .index-news .news-lists ul li a .list_time img{
    width:100% !important;height:auto !important;max-height:220px !important;aspect-ratio:4/3;
    object-fit:contain !important;display:block !important;
  }
}

/* 奖项轮播图同理 */
.index-pro .swiper-slide a .pro-img .img-box{ background:#fff !important;}
.index-pro .swiper-slide a .pro-img .img-box img{
  width:100% !important;height:100% !important;
  object-fit:contain !important;padding:8px;
}

/* 3) 个人介绍：英文长串可换行；社交图标使用 <i.fa> 或内联 <svg> 直接渲染 */
.index-about .about-profile,
.index-about .about-profile p{
  word-break:break-word;overflow-wrap:break-word;
}
.index-about .about-profile p .en{
  display:block;margin-top:14px;
  /* 英文段落与中文段落之间的视觉分隔 */
}

/* 社交图标容器统一居中、悬停变色 */
.index-about .about-lists ul li .about-img a{
  width:100% !important;height:100% !important;
  display:flex !important;align-items:center;justify-content:center;
  background:none !important;color:var(--c-text-2) !important;
  text-decoration:none;
}
.index-about .about-lists ul li .about-img a .fa{
  font-size:20px;color:var(--c-text-2);transition:color .2s ease;
}
.index-about .about-lists ul li .about-img a svg{
  width:22px;height:22px;display:block;
  transition:transform .2s ease, filter .2s ease;
  filter:grayscale(40%);
}
.index-about .about-lists ul li:hover .about-img a .fa{ color:var(--c-primary);}
.index-about .about-lists ul li:hover .about-img a svg{ filter:grayscale(0); transform:scale(1.05);}

/* 4) 联系页：去掉绿色背景图、统一卡片化、消除底部空白 */
.page-contact.fix{
  border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--shadow-sm);background:#fff;
  margin-bottom:0 !important;
}
.page-contact .right{background:#fff;}
.page-contact .left{
  background:#fff !important;background-image:none !important;
}
.page-contact .left .box{
  border:none !important;padding:36px 40px !important;background:#fff !important;
}
.page-contact .left .box .infor .tit1{
  color:var(--c-text) !important;font-size:22px !important;font-weight:700 !important;
  border-bottom:1px solid var(--c-line) !important;padding-left:0 !important;
}
.page-contact .left .box .infor .text .addr,
.page-contact .left .box .infor .text .phone,
.page-contact .left .box .infor .text .tel,
.page-contact .left .box .infor .text .mail{
  position:relative;padding-left:30px !important;color:var(--c-text-2) !important;
  border-bottom:1px solid var(--c-line) !important;
}
.page-contact .left .box .infor .text .addr span,
.page-contact .left .box .infor .text .phone span,
.page-contact .left .box .infor .text .tel,
.page-contact .left .box .infor .text .mail{
  color:var(--c-text-2) !important;font-size:14.5px !important;
}
.page-contact .left .box .infor .text a{ color:var(--c-text-2) !important;}
.page-contact .left .box .infor .text a:hover{ color:var(--c-primary) !important;}
/* 用 FontAwesome 图标替换原绿色小图标 */
.page-contact .left .box .infor .text .addr:before{
  content:"\f041";font-family:FontAwesome;position:absolute;left:0;top:0;
  color:var(--c-primary);font-size:16px;
}
.page-contact .left .box .infor .text .phone:before{
  content:"\f10b";font-family:FontAwesome;position:absolute;left:0;top:0;
  color:var(--c-primary);font-size:18px;
}
.page-contact .left .box .infor .text .tel:before{
  content:"\f095";font-family:FontAwesome;position:absolute;left:0;top:0;
  color:var(--c-primary);font-size:16px;
}
.page-contact .left .box .infor .text .mail:before{
  content:"\f0e0";font-family:FontAwesome;position:absolute;left:0;top:0;
  color:var(--c-primary);font-size:14px;
}
/* 隐藏原绿色背景图模板里硬编码的 ::before icon */
.page-contact .left .box .infor .text .addr .icon,
.page-contact .left .box .infor .text .phone .icon,
.page-contact .left .box .infor .text .tel .icon,
.page-contact .left .box .infor .text .mail .icon{ display:none !important;}

/* ---------- Sticky footer：让页脚永远贴在视窗底部 ---------- */
html,body{ min-height:100vh; }
body{
  display:flex;flex-direction:column;
}
body > *{ flex:0 0 auto; }
/* 紧靠 footer 的最后一个 section 自动撑开剩余高度 */
body > footer{ margin-top:auto; }
/* 但 footer 之前可能有 .footer1 / .menu-footer，把 margin-top:auto 应用在它们之前一个真实内容区 */
body > .page-section:last-of-type,
body > .page-section ~ footer,
body > div:has(> .page-contact){ /* no-op safety */ }

/* 联系页：因为整页内容很短，padding-bottom 收一些；但用 sticky footer 后这里靠 flex 自动撑 */
.page-contact.fix{ margin-bottom:0 !important; }

/* 5) 导航相关（.Top002070 / header-right / sub menu）已恢复模板原样，本文件不再覆盖。 */
