@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');


/* ============================= */
/*     顶部导航栏 + 网站名       */
/* ============================= */

/* 网站名 */
.navigation-wrapper .site-name a {
  font-family: "Lora", "Georgia", serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: #111 !important;
  text-decoration: none !important;
}

/* 导航栏整体 */
.navigation-wrapper .top-navigation nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 9px !important; /* 控制菜单间距 */
  align-items: center !important;
}

/* 导航栏菜单文字 */
.navigation-wrapper .top-navigation nav ul li a,
.navigation-wrapper .top-navigation nav ul li a:visited {
  font-family: "Lora", "Georgia", serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #222 !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
  padding: 4px 6px !important;
  transition: color 0.2s ease, border-bottom 0.2s ease !important;
}

/* 悬停效果（稳重蓝） */
.navigation-wrapper .top-navigation nav ul li a:hover {
  color: #004b8d !important;
  border-bottom: 2px solid #004b8d !important;
}

/* 当前页面高亮 */
.navigation-wrapper .top-navigation nav ul li a.top-navigation-current,
.navigation-wrapper .top-navigation nav ul li a[aria-current="page"] {
  color: #004b8d !important;
  border-bottom: 2px solid #004b8d !important;
  font-weight: 700 !important;
}

/* 移动端样式 */
@media (max-width: 800px) {
  .navigation-wrapper .top-navigation nav ul {
    flex-direction: column !important;
    gap: 6px !important;
  }
}

/* ============================= */
/*          各级标题样式          */
/* ============================= */

/* 全部标题用 Lora */
h1, h2, h3, h4, h5, h6 {
  font-family: "Lora", "Georgia", serif !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.4 !important;
  margin-top: 1.2em !important;
  margin-bottom: 0.5em !important;
}

/* 层级大小比例优化（学术感） */
h1 { font-size: 2.1em !important; }
h2 { font-size: 1.7em !important; }
h3 { font-size: 1.35em !important; }
h4 { font-size: 1.15em !important; }
h5 { font-size: 1.05em !important; }
h6 { font-size: 0.95em !important; }

.education-subheading {
  margin: 0.65em 0 0.25em;
  color: #555;
  font-family: "Lora", "Georgia", serif;
  font-size: 0.92em;
  font-weight: 700;
}

/* Wider reading columns across the site */
@media only screen and (min-width: 37.5em) {
  .site-name {
    width: 16.6667% !important;
    margin-left: 4.1667% !important;
    margin-right: 4.1667% !important;
  }

  .top-navigation {
    width: 66.6667% !important;
    margin-left: 0 !important;
    margin-right: 8.3333% !important;
  }

  #main article,
  #index {
    width: 66.6667% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .related-articles,
  .footer-wrap footer {
    width: 66.6667% !important;
    margin-left: 25% !important;
    margin-right: 8.3333% !important;
  }
}

@media only screen and (min-width: 86.375em) {
  .site-name {
    width: 12.5% !important;
    margin-left: 8.3333% !important;
    margin-right: 4.1667% !important;
  }

  .top-navigation {
    width: 58.3333% !important;
    margin-left: 0 !important;
    margin-right: 16.6667% !important;
  }

  .article-author-top {
    width: 12.5% !important;
    margin-left: 8.3333% !important;
    margin-right: 4.1667% !important;
  }

  #main article,
  #index {
    width: 58.3333% !important;
  }

  .related-articles,
  .footer-wrap footer {
    width: 58.3333% !important;
    margin-left: 25% !important;
    margin-right: 16.6667% !important;
  }
}

/* Clean image layouts for hobby pages */
.hobby-feature {
  margin: 0.75em auto 1.15em;
  max-width: 760px;
}

.hobby-feature-compact {
  max-width: 560px;
}

.hobby-feature img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hobby-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0.75em 0 1.05em;
}

.hobby-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 5 / 3;
  object-fit: cover;
}

.hobby-float {
  float: right;
  width: 28%;
  max-width: 220px;
  min-width: 160px;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: 50% 28%;
  margin: 0.2em 0 0.8em 1.2em;
}

@media (max-width: 760px) {
  .hobby-feature,
  .hobby-feature-compact {
    max-width: none;
  }

  .hobby-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hobby-float {
    float: none;
    display: block;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0.5em 0 1em;
  }
}

/* Homepage portrait image */
.homepage-photo-wrap {
  float: right;
  width: 42%;
  max-width: 340px;
  min-width: 230px;
  margin: 0.15em 0 0.35em 1.1em;
}

.homepage-photo-wrap img.homepage-photo {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 78% 50%;
  margin: 0 !important;
}

.homepage-photo-caption {
  margin-top: 0.24em;
  color: #8a8a8a;
  font-size: 0.62em;
  font-style: italic;
  line-height: 1.2;
  text-align: center;
}

.selected-publication {
  margin: 0.65em 0 1.2em;
  padding: 0.7em 0 0.85em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.selected-publication img {
  display: block;
  width: 360px !important;
  max-width: 48%;
  height: auto !important;
  margin: 0.7em 0 0;
}

.selected-publication + .selected-publication {
  border-top: 0;
}

.selected-publication-text {
  font-size: 0.94em;
  line-height: 1.55;
}

.publication-media {
  display: grid;
  grid-template-columns: minmax(0, 1.283fr) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  max-width: 660px;
  margin-top: 0.7em;
}

.selected-publication .conference-photo {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.selected-publication .publication-media img {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  margin: 0;
}

.conference-photo figcaption {
  margin: 0.5em 0 0;
  color: #666;
  font-family: inherit;
  font-size: 0.62em;
  line-height: 1.5;
  text-align: center;
}

.conference-photo figcaption::before {
  content: none;
}

@media (max-width: 640px) {
  .homepage-photo-wrap {
    float: none !important;
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0.4em 0 0.65em 0 !important;
  }

  .homepage-photo-wrap img.homepage-photo {
    object-position: 76% 50%;
  }

  .selected-publication-text {
    font-size: 0.9em;
  }

  .selected-publication img {
    width: 58% !important;
    max-width: 260px;
    height: auto !important;
  }
}

.site-footer .footer-text {
  color: #eeeeee !important;     /* 灰白色，黑底更清晰 */
  font-family: "Lora", "Georgia", serif !important;
  font-size: 0.8em !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

.site-footer .footer-text a {
  color: #eeeeee !important;
  text-decoration: none !important;
  border-bottom: 1px dotted #aaa !important; /* 可选：增加细下划线 */
}

.site-footer .footer-text a:hover {
  color: #ffffff !important;  /* 悬停更亮一点 */
  border-bottom-color: #fff !important;
}