/* WE12_HISTORY_NINA_V1 */
#we12History section.wh-nina{
  padding:14px!important;
  border:1px solid #dfe9f7!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
#we12History .wh-nina-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
#we12History .wh-nina-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
#we12History .wh-nina-stars{
  width:22px!important;
  height:22px!important;
  color:#6b31ef!important;
  flex:0 0 22px!important;
}
#we12History .wh-nina-stars svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
}
#we12History .wh-nina-title{
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:850!important;
  color:#132b68!important;
}
#we12History .wh-premium{
  background:#efe6ff!important;
  color:#6f35e9!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
#we12History .wh-nina-top-sub{
  font-size:12px!important;
  color:#6b7ea5!important;
  font-weight:700!important;
  white-space:nowrap!important;
  padding-top:3px!important;
}
#we12History .wh-nina-hero{
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:12px!important;
  background:#f7f1ff!important;
  border-radius:14px!important;
  margin:0 0 10px!important;
}
#we12History .wh-nina-hero-media{
  min-height:106px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:radial-gradient(circle at 35% 35%, rgba(157,112,255,.18), rgba(157,112,255,0) 70%)!important;
}
#we12History .wh-nina-hero img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  border-radius:0!important;
  display:block!important;
  flex:none!important;
}
#we12History .wh-nina-hero-copy b{
  display:block!important;
  margin:0 0 6px!important;
  font-size:15px!important;
  line-height:1.2!important;
  color:#152d6a!important;
  font-weight:850!important;
}
#we12History .wh-nina-hero-copy p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#5d73a3!important;
  font-weight:600!important;
}
#we12History .wh-nina-list{
  display:grid!important;
  gap:7px!important;
  margin:0 0 12px!important;
}
#we12History .wh-nina-info{
  width:100%!important;
  min-height:38px!important;
  border:1px solid #dfe7f5!important;
  background:#fff!important;
  border-radius:10px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#2b4f98!important;
  font-size:12px!important;
  font-weight:700!important;
}
#we12History .wh-nina-info:hover{
  background:#fbfdff!important;
}
#we12History .wh-nina-info-left{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
#we12History .wh-nina-info-left span:last-child{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#we12History .wh-nina-info svg{
  width:17px!important;
  height:17px!important;
  color:#6432ee!important;
  flex:0 0 17px!important;
}
#we12History .wh-nina-arrow{
  color:#314f92!important;
  font-size:18px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  flex:0 0 auto!important;
}
#we12History .wh-nina-foot{
  width:100%!important;
  min-height:42px!important;
  border:none!important;
  border-radius:11px!important;
  padding:0 14px!important;
  background:linear-gradient(90deg,#7a2ff4 0%, #8d36f5 38%, #a13cff 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#we12History .wh-nina-foot-left{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#we12History .wh-nina-foot svg{
  width:18px!important;
  height:18px!important;
  color:#fff!important;
}
#we12History .wh-nina-foot .wh-nina-arrow{
  color:#fff!important;
}
@media (max-width: 1200px){
  #we12History .wh-nina-hero{
    grid-template-columns:110px minmax(0,1fr)!important;
  }
  #we12History .wh-nina-hero img{
    width:98px!important;
    height:98px!important;
  }
}