:root {
    --name-font-size: 32px;
    --title-font-size: 24px;
    --subtitle-font-size: 20px;
    --text-font-size: 17px;
  }
  .blue-button {
    display: inline-block;
    padding: 2px 6px;
    background-color: #007BFF;  /* 蓝色背景 */
    color: white;                /* 白色文字 */
    text-decoration: none;       /* 移除下划线 */
    border-radius: 5px;          /* 圆角 */
    font-size: 14px;             /* 文字大小 */
    font-weight: bold;           /* 加粗文字 */
    text-align: center;
    transition: background-color 0.3s ease;  /* 背景颜色过渡效果 */
  }

  .blue-button:hover {
      background-color: #0056b3;  /* 鼠标悬停时的深蓝色 */
  }
  
  
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  a {
    color: #1772d0;
    text-decoration: none;
  }
  
  a:focus,
  a:hover {
    color: #f09228;
    text-decoration: none;
  }
  
  body,
  td,
  th,
  tr,
  p,
  a {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: var(--text-font-size);
  }
  
  strong {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: var(--text-font-size);
  }
  
  heading {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: var(--title-font-size);
    font-weight: 700;
    color: #003e7c;
  }

  papertitle {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: var(--subtitle-font-size);
    font-weight: 700;
    color: #003e7c;
  }
  
  name {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: var(--name-font-size);
  }
  
  .one {
    width: 160px;
    height: 160px;
    position: relative;
  }
  
  .two {
    width: 160px;
    height: 160px;
    position: absolute;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
  }
  
  .fade {
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
  }
  
  span.highlight {
    background-color: #ffffd0;
  }
  
  #avatar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    border-radius: 100%;
    box-shadow: 0 0 0 0.3em #ddd;
  }

  /* News section styles */
  .news-list {
    font-size: 15px;
  }

  .news-list p {
    margin: 8px 0;
  }

  .news-date {
    font-weight: 600;
    color: #1772d0;
    margin-right: 8px;
  }

  .news-highlight {
    color: #1772d0;
    font-weight: 600;
  }

  /* Publications section styles */
  .publications-container {
    display: flex;
    gap: 30px;
    margin-top: 20px;
  }

  .category-sidebar {
    flex: 0 0 280px;
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }

  .category-nav-item {
    cursor: pointer;
    padding: 12px 18px;
    margin-bottom: 8px;
    background-color: #f8f8f8;
    border-left: 4px solid transparent;
    border-radius: 4px;
    transition: all 0.3s ease;
  }

  .category-nav-item:hover {
    background-color: #e8e8e8;
    border-left-color: #f09228;
  }

  .category-nav-item.active {
    background-color: #e3f2fd;
    border-left-color: #1772d0;
  }

  .category-nav-title {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #003e7c;
    margin: 0;
  }

  .category-nav-item.active .category-nav-title {
    color: #1772d0;
  }

  .category-nav-count {
    font-size: 13px;
    color: #666;
    margin-left: 8px;
  }

  .publications-content {
    flex: 1;
    min-width: 0;
  }

  .category-section {
    display: none;
  }

  .category-section.active {
    display: block;
    animation: fadeIn 0.4s ease-in;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .section-title {
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #003e7c;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #1772d0;
  }