:root{
  --left:40%;
  --right:60%;
  --gap:10px;
}

.ngtt-list{
  font-family:"Noto Sans TC",sans-serif;
  display:flex;
  flex-direction:column;
}

.ngtt-row{
  display:grid;
  grid-template-columns:var(--left) var(--right);
  align-items:center;
  gap:8px;
  transition:all .25s ease;
}

.ngtt-left{
  display:flex;
  align-items:center;
  gap:8px;
}

.ngtt-symbol img{
  display:inline-block;
  vertical-align:middle;
  max-width:100%;
}

.ngtt-title{
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
}

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

.ngtt-value{
  white-space:nowrap;
}

.ngtt-row-link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.ngtt-hover-on .ngtt-row-link:hover .ngtt-row{
  transform:translate(-2px,-2px);
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  font-weight:600;
}

/* 平板與手機也維持左右兩欄 */
@media (max-width:768px){
  .ngtt-row{
    grid-template-columns:var(--left) var(--right);
    align-items:center;
    row-gap:8px;
  }
  .ngtt-right{
    text-align:left;
    margin-left:0;
  }
  .ngtt-title{
    text-align:left;
  }
}