/* 程序生成的样式文件 */
@import url('./uno.css');

/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/
/* Navigation layout: strict 3-column grid */
/* 导航 */
.nav-top {
  position: relative;
  z-index: 1000;
}

/* 三列导航 */
.nav-grid-3 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  min-height: 72px;   /* 控制导航高度 */
}

/* 中间菜单居中 */
.nav-center {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}

/* 导航进入动画 */
.nav-enter {
  opacity: 0;
  transform: translateY(-12px);
  animation: navFadeDown 0.8s ease-out forwards;
}

@keyframes navFadeDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*  教学下拉菜单  */

.nav-dropdown {
  position: relative;
}

.nav-link {
  cursor: pointer;
  display: inline-block;
}

/* 下拉面板 */
.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 220px;

  background: #ffffff;
  border-radius: 0;
  padding: 0.5rem 0;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);

  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transition: all 0.2s ease;

  z-index: 50;

  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* hover 显示 */
.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(8px);
}

/* 教学子项显示 */
.nav-dropdown-item {
  display: block;
  padding: 0.6rem 1.2rem;
  font-size: 0.95rem;
  color: #111827;
  white-space: nowrap;
  text-align: center;
}

.nav-dropdown-item:hover {
  background: rgba(0, 0, 0, 0.04);
}

/* 科研子项显示 */
.nav-dropdown--research .nav-dropdown-menu{
  min-width: 6rem;
  padding: 0.35rem 0 !important;
}

.nav-dropdown--research .nav-dropdown-item{
  padding: 0.42rem 0.9rem !important;
  font-size: 0.95rem !important;
  white-space: nowrap;
}

/* 下拉菜单的顶级文字 hover 变浅 */
.nav-dropdown .nav-link{
  transition: opacity 0.2s ease;
}

.nav-dropdown:hover .nav-link{
  opacity: 0.6;
}

/*  搜索框样式  */
.search-input{
  width: 100%;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 9999px;
  padding: 0.55rem 1rem; 
  font-size: 0.95rem;
  background: rgba(255,255,255,0.85);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.search-input:focus{
  outline: none;
  background: #fff;
  border-color: rgba(0,0,0,0.35);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/*  首页 Logo  */
/* Logo hover 微交互 */
.nav-logo {
  height: 62px;
  width: auto;
  margin-right: 12px;
  display: block;

  transition: 
    opacity 0.2s ease,
    transform 0.2s ease;
}

.nav-logo:hover {
  opacity: 0.85;
  transform: scale(1.04);
}

/*  Slide sizing */
.swiper-container {
  position: relative;
  overflow: hidden;            
} 

/*  wrapper/slide 填满容器高度 */
.swiper-wrapper,
.swiper-slide {
  height: 100%;
}

/* 图片铺满并裁切 */
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Slide 顶部渐变过渡到导航 */
.swiper-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;   /* 控制过渡高度 */
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.85) 0%,
    rgba(255,255,255,0.4) 40%,
    rgba(255,255,255,0) 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Slide 文本居中 */
.s-fade-txt {
  position: absolute;
  inset: 0;                /* 撑满整个 slide */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 3;
  padding: 0 5vw;          /* 防止极窄时贴边 */
}

.s-fade-txt h1{
  color:#fff;
  font-size: clamp(36px, 4vw, 64px);
  line-height: 1.15;
  font-weight: 700;
  text-shadow: 0 10px 28px rgba(0,0,0,0.18);  
}

/* 白色箭头 */
.swiper-button-prev::after,
.swiper-button-next::after {
  color: #ffffff;
  font-size: 22px;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* 语言切换整体容器 */
.lang-switch {
  position: relative;
}

/* hover 缓冲区（透明） */
.lang-switch::after {
  content: "";
  position: absolute;
  top: 100%;           /* 从按钮底部开始 */
  left: -12px;
  right: -12px;
  height: 20px;      
  background: transparent;
}

/* dropdown 面板（语言） */
.lang-dropdown {
  border-radius: 0;    
  font-size: 0.875 rem;
  transition:
    opacity 0.15s ease,
    transform 0.15s ease,
    visibility 0.15s ease;
}

/* Footer 视觉贴底 */
body.home footer {
  margin-top: calc(100vh - 100%);
}

/* 成员样式 */
.member-card{
  min-height: 360px; /* 让不同文字长度的卡片底部 icon 能对齐 */
  box-shadow: 0 12px 20px -6px rgba(0,0,0,0.06);
}

.member-avatar{
  background: #fff;  /* 头像边缘更干净 */
}

/* research 样式 */
/* 页面标题颜色 */
.page-title{
  font-size: clamp(30px, 3vw, 40px);  
  line-height: 1.15;
  color: #1E2939;
  font-weight: 700;
  text-align: center;
  margin: 0 0 10px;
  opacity: 0;
  transform: translateY(-12px);
  animation: titleFadeDown 0.8s ease-out forwards;
  will-change: transform, opacity;
}

@keyframes titleFadeDown{
  to { opacity: 1; transform: translateY(0); }
}

/* 页面区块标题（Fundings） */
.section-title{
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.15;
  color: #1E2939;
  font-weight: 700;
  text-align: center;
  margin: 60px 0 10px;

  opacity: 0;
  transform: translateY(-12px);
  animation: titleFadeDown 0.8s ease-out forwards;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce){
  .page-title,
  .section-title{
    animation: none;
    opacity: 1;
    transform: none;
  }
}

/* 表格容器 */
.data-table-wrap{
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

/* 表格基础 */
.data-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
}

.data-table thead th{
  text-align: left;
  padding: 14px 16px;
  font-weight: 700;
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
}

.data-table tbody td{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  vertical-align: top;
}

.data-table tbody tr:last-child td{
  border-bottom: none;
}

.data-table td:first-child,
.data-table th:first-child{
  text-align: center;
}

/* 论文/仓库链接样式（限定在表格里，防止被主题覆盖） */
.data-table a.paper-link,
.data-table a.repo-link{
  color: #1E2939;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* hover 下划线 */
.data-table a.paper-link:hover,
.data-table a.repo-link:hover{
  text-decoration: underline;
}

/* 当前会话点过：灰色 */
.data-table a.paper-link.is-clicked,
.data-table a.paper-link.is-clicked span,
.data-table a.paper-link.is-clicked i,
.data-table a.repo-link.is-clicked,
.data-table a.repo-link.is-clicked span,
.data-table a.repo-link.is-clicked i{
  color: #9CA3AF;
}

.data-table strong {
  font-weight: 700 !important;
}

/* 论文标题 + 文档 icon 对齐 */
.data-table a.paper-title-row {
  display: flex;
  align-items: flex-start;          /* icon 对齐第一行文字 */
  justify-content: space-between;   /* 左右分离 */
  gap: 12px;
}

.data-table .paper-title-text {
  flex: 1;
  min-width: 0;                     /* 防止长标题撑破布局 */
}

.data-table .paper-title-icon {
  flex-shrink: 0;
  margin-top: 2px;                  /* 细微视觉对齐 */
}

/* About 页面整体作用域 */
.about-page {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

/* 正文区域：放大字号 + 增大行距 */
.about-content {
  max-width: 68ch;              /* 学术阅读黄金行宽 */
  margin: 0 auto;
  font-size: 1.15rem;           /* 正文整体变大 */
  line-height: 1.9;             /* 行距明显增大 */
  color: #1E2939;
}

/* 二级标题（实验室简介 / 研究方向 等） */
.about-content h2 {
  font-size: 1.6rem;
  margin-top: 3.5rem;
  margin-bottom: 1.2rem;
  font-weight: 600;
  color: #1E2939;
}

/* 段落间距 */
.about-content p {
  margin-bottom: 1.2rem;
}

/* 列表（研究方向） */
.about-content ul {
  padding-left: 1.2rem;
}

.about-content li {
  margin-bottom: 0.6rem;
}

/* 新闻详情页套用about样式*/
.longform {
  max-width: 68ch;
  margin: 0 auto;
  font-size: 1.15rem;
  line-height: 1.9;
  color: #1E2939;
}

.longform h2 {
  font-size: 1.6rem;
  margin-top: 3.5rem;
  margin-bottom: 1.2rem;
  font-weight: 600;
  color: #1E2939;
}

.longform p { margin-bottom: 1.2rem; }

.longform ul { padding-left: 1.2rem; }

.longform li { margin-bottom: 0.6rem; }