.zige {
  display: inline-block;
  position: relative;
  border: 3px solid #d58811; 
  padding: 5px; 
  margin: 5px; 
  border-radius: 15px;
  width: 180px; 
  height:190px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zige:hover {
  transform: translateY(-5px) rotateX(5deg);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.pinyin {
  position: absolute;
  top: 0.1em; 
  left: 50%;
  transform: translateX(-50%);
  font-size: 2em;
  white-space: nowrap;
  color: #009900;
}

.hanzi { 
transform: translateY(20px);
  display: block;
  font-size: 8em; 
  text-align: center;
  opacity: 0.8;
}

.audio-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
  }

  .btnye {
  padding: 30px 125px;/* 上一页 下一页 */
  margin: 2px;
  border: none;
  color: #fff;
  background-color: #757475;
  border-radius: 5px;
  font-size: 3em;
  cursor: pointer;
        }
  .btnye:hover {
    background-color: #888; /* 鼠标悬浮颜色 */
    color: #2C2E31;
  }