.team_member {
  width:100%;
  position:relative;
  overflow:hidden;
  height:250px;
}


.button-container {
  display: flex;
  justify-content: center;
  align-items: center;  
  gap: 20px;         
  height: 40px;       
  margin: 10px auto;     


.icon-button {
  display: inline-flex;         
  align-items: center;    
  position: relative; 
  background-color: #333;  
  color: white;         
  padding: 8px 20px;       
  border-radius: 24px;         
  text-decoration: none;    
  font-size: 13px;         
  max-height: 60px;            
  max-width: 190px;            
  white-space: nowrap;          
  overflow: hidden;            
  text-overflow: ellipsis;      
  cursor: pointer;              
  font-family: Arial, sans-serif;
  transition: background-color 0.3s ease; 
  margin: 0 8px;               
}

/* 设置图标的样式 */
.icon-button img {
  position: relative;   
  width: 18%;             
  height: auto;            
  z-index: 1;            
  background-color: white; 
  margin-right: 20px;  
}

.info {
  height:100%;
}

.info img {
  width:100%;
  transition: all .4s ease-out .1s;
   -moz-transition: all .4s ease-out .1s;
   -webkit-transition: all .4s ease-out .1s;
}

.info h5 {
  padding: 10px 10px 0 0;
  margin: 0 0 10px 3px;
  line-height: 1em;
  opacity: 1;
  transition: all .2s ease-out .1s;
   -moz-transition: all .2s ease-out .1s;
   -webkit-transition: all .2s ease-out .1s;
  font-size: 1.125em;
}

.info h6 {
  padding:0 10px 0 0;
  font-size:12px;
  margin:0 0 0 3px;
  line-height:1em;
  text-transform:uppercase;
  color:#999;
  opacity:1;
  transition: all .2s ease-out .1s;
   -moz-transition: all .2s ease-out .1s;
   -webkit-transition: all .2s ease-out .1s;
}

.info_reveal {
  height:100%; 
  transition: all .3s ease-in 0s;
   -moz-transition: all .3s ease-in 0s;
   -webkit-transition: all .23s ease-in 0s;
  position:absolute;
  width:100%;
  left:0;
  top:-100%;
  background: rgba(19,148,119,0.9);
}

.info_reveal h6 {
  padding: 20px 8px 5px 8px;
  line-height: 1.1em;
		margin-bottom: 20px;
		color: #fff;
  font-size: 1em;
}

.info_reveal p {
  padding:0 8px;
  font-size:15px;
  line-height: 1.2em;
  color: #073a2e;
  font-weight:400;  
}

.info_reveal a {
  color: #073a2e;
		word-break: break-word;
  text-decoration:none;
}

.info_reveal a:hover {
  color: #073a2e;
}


.responsive_grid {
 display:block;
 margin:0;
 padding:0;
 list-style:none;
}

.responsive_grid li {
 cursor:pointer;
 width: 16.66667%;
 padding: 0 10px 10px;
 display:block;
 height:auto;
 float:left;
 margin-bottom:10px;
}
/*
.responsive_grid li:hover .info_reveal,
.responsive_grid li:focus .info_reveal{
 left: 0;
 top:0;
 transition: all .3s ease-out .1s;
   -moz-transition: all .3s ease-out .1s;
   -webkit-transition: all .3s ease-out .1s;
}

.responsive_grid li:hover .info img,
.responsive_grid li:focus .info img {
  width:210%;
  margin-left:-50%;
  transition: all .4s ease-in 0s;
   -moz-transition: all .4s ease-in 0s;
   -webkit-transition: all .4s ease-in 0s;
}

.responsive_grid li:hover .info h5,
.responsive_grid li:focus .info h5,
.responsive_grid li:hover .info h6,
.responsive_grid li:focus .info h6 {
  opacity: 0;
  transition: opacity .2s linear 0s;
   -moz-transition: opacity .2s linear 0s;
   -webkit-transition: opacity .2s linear 0s;
}
*/



table {
  width: 50%;
  margin: 20px auto;
  border-collapse: collapse;
  text-align: left;
  border: 1px solid black; /* 添加外部边框 */
}

th, td {
  padding: 10px;
  border: 1px solid black; /* 添加单元格边框 */
}

th {
  background-color: #f2f2f2; /* 表头背景颜色 */
  font-weight: bold;
}

.total-tasks {
  font-weight: bold;
}

td {
  text-align: right;
}

.left-align {
  text-align: left;
}

/* 调整列宽，避免内容过宽或过窄 */
th, td {
  width: 50%;
}