@media only screen and (max-width: 768px) {
  td[style*="width:35%"],
  td[style*="width:65%"] {
    width: 100% !important;
    display: block; 
    padding: 0 !important;
    
  }
  /* 确保图片也是居中的 */
  td img {
    display: block;
    margin: 0 auto;
  }
}


a {
  /* color: #1772d0; */
  color: #1446a0;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #f09228;
  text-decoration: none;
}

body,
td,
th,
tr,
p {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 16px
}
li {
  list-style-type: none;
  padding: 3px 8px; /* 设置合适的间距 */
}

ul {
  padding-left: 10px; /* 控制列表整体的缩进 */
  margin-left: 0; /* 去掉默认左侧空白 */
}

strong {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 16px;
}

heading {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 25px;
}

papertitle {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600
}


#author {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 16px;
  /* font-weight: 400; */
  color: #5e5d5d
}

#author a {
  color: #5e5d5d;
}

#author me {
  color: #000000;
  font-weight: 600;
}

#author a:focus,
#author a:hover {
  color: #f09228;
  text-decoration: none;
}

name {
  font-family: -apple-system, BlinkMacSystemFont, 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 35px;
  font-weight: 800;
}

jobtitle {
  font-family: -apple-system, BlinkMacSystemFont, 'Arial', Verdana, Helvetica, sans-serif;
  font-size: 16px;
}

song {
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 16px;
}


/* name {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 32px;
} */

.one {
  /* width: 150px;
  height: 150px; */
  position: relative;
}

.two {
  /* width: 150px;
  height: 150px; */
  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;
}


nav {
  background-color: #333;
  padding: 10px;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  white-space: nowrap; /* 禁止换行 */
}

/* 正文区域：添加顶部内边距，防止被导航栏遮盖 */
.content {
  padding-top: 40px;     /* 根据导航栏的高度进行调整 */
}
.anchor {
  padding-top: 40px;
  margin-top: -40px;
}
nav a {
  color: white;
  margin: 0 15px;
  text-decoration: none;
  /* 默认横向排列：使用 inline-block */
  display: inline-block;
}

/* 当屏幕宽度小于600px时，链接改为竖向排列 */
@media (max-width: 600px) {
  nav a {
    display: block;
    margin: 10px 0;
  }
  .content {
    padding-top: 120px;  /* 如果导航栏高度增加，相应调整 */
  }
  .anchor {
    padding-top: 120px;
    margin-top: -120px;
  }
}