.yuantton {
    display: inline-flex; /* 修改为flex布局以更好地控制子元素位置 */
    padding-right: 25px; /* 保持右边距，为图标留出空间 */
    height: 80px;
    background-color: white;
    border-radius: 15px;
    font-size: 60px; /* 可根据需要调整字体大小 */
    border: 2px solid black;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    gap: 8px; /* 标题和图片之间的间距 */
    transition: background-color 0.3s ease;
    position: relative; /* 确保伪元素定位基于按钮 */
    cursor: pointer;
    padding-left: 20px; /* 考虑到可能需要一些左边距 */
}

.yuanttn {
    display: inline-flex; /* 修改为flex布局以更好地控制子元素位置 */
    padding-right: 25px; /* 保持右边距，为图标留出空间 */
    height: 80px;
    background-color: white;
    border-radius: 15px;
    font-size: 60px; /* 可根据需要调整字体大小 */
    border: 2px solid black;
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    gap: 8px; /* 标题和图片之间的间距 */
    transition: background-color 0.3s ease;
    position: relative; /* 确保伪元素定位基于按钮 */
    cursor: pointer;
    padding-left: 20px; /* 考虑到可能需要一些左边距 */
}  


.play-audio-image {
    cursor: pointer;
}


table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 3em;
}

table, td, th {
  border: 2px solid #5d5d5d; 
  padding: 10px;
  overflow: hidden;

  font-weight: bold;    /* 加粗 */
  color: inherit;       /* 继承主题颜色 */
 text-align: center;

}

td:nth-child(1) { width: 30%; }
td:nth-child(2) { width: 70%; }

    .row {
      display: flex;
      width: 100%;
      height: 60px; /* 可根据需要调整 */
      border: 2px solid #5d5d5d; 
    }

    .col-left {
      flex: 0 0 30%; /* 固定为30%宽度 */
      font-weight: bold;
      display: flex;
      font-size:2em; 
      align-items: center;
      justify-content: center;
      border-right: 2px solid #5d5d5d; 
    }

    .col-right {
      flex: 0 0 70%; /* 固定为70%宽度 */
      font-weight: bold;
      display: flex;
      font-size:2em; 
      align-items: center;
      justify-content: center;
    
    }