body {
      font-family: Arial, sans-serif;
      margin: 0;
      background: #fff;
    }
    .timeline-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1100px; /* 最大宽度 */
      margin: 0 auto;    /* 居中 */
      padding: 20px;
    }
    
    .timeline-content h2 {
      color: #048646;
      font-size: 1.5em;
      margin-bottom:5px;
      font-weight:600;
    }
    .timeline-content ul {
	  line-height:22px;
	  font-size:.25rem;
	  margin-top:10px;
    }
    .timeline-nav {
      display: flex;
      gap: 0px;
      margin-bottom: 40px;
	  margin-left:21%;
    }
    .timeline-nav button {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: none;
      font-size: 30px;
      cursor: pointer;
      color: white;
	  margin-left:50px;
    }
    .timeline-nav .prev {
      background: #f08c32;
    }
    .timeline-nav .next {
      background: #048646;
    }

    /* 右侧年份部分 */
    .timeline-years {
      height: 12em; /* 显示13个年份，每行1.5em*/
      overflow: hidden;
      border-left: 3px solid #f08c32;
      padding-left: 20px;
      position: relative;
    }
    .timeline-years ul {
      list-style: none;
      padding: 0;
      margin: 0;
      transition: transform 0.3s ease-in-out;
    }
    .timeline-years li {
      font-size: 15px;
      line-height: 13em;
      color: #aaa;
      height: 1.2em;
      width:68px;
    }
    .timeline-years li.active {
      color: #048646;
      font-weight: bold;
    }
    /* 中间高亮标记 */
    .timeline-years::after {
      content: "";
      position: absolute;
      left: -3px;
      top: 11.1em; /* 高亮在第3行 */
      width: 6px;
      height: 2em;
    }