ul.tab-list{
  display:flex;
  gap:10px;
  padding:0;
  margin:0 0 12px 0;
  list-style:none;
  align-items:flex-end;
}

ul.tab-list li{
  width:100%;
  max-width:140px;
  text-align:center;
  padding:10px 0;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(11,13,18,.92), rgba(7,8,11,.92));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 10px 24px rgba(0,0,0,.45);
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease;
  overflow:hidden;
}

ul.tab-list li:hover{
  transform: translateY(-1px);
  border-color: rgba(0,229,255,.28);
  box-shadow: 0 1px 0 rgba(255,255,255,.03) inset, 0 0 18px rgba(0,229,255,.10), 0 12px 26px rgba(0,0,0,.55);
}

ul.tab-list .tab-content{
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(16,21,33,.92), rgba(11,13,18,.92));
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.65);
  overflow:hidden;
}

ul.tab-list .tab-content a{
  display:block;
  color:#fff;
  text-decoration:none;
  padding:10px 14px;
  letter-spacing:.01em;
}

.wrap_latest_weekly_top10{
  display:flex;
  margin-bottom:25px;
  margin-top:25px;
  padding:22px 18px 12px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(255,45,85,.12), transparent 55%),
    radial-gradient(900px 260px at 90% 0%, rgba(0,229,255,.08), transparent 55%),
    linear-gradient(180deg, rgba(16,21,33,.92), rgba(7,8,11,.92));
  box-shadow: 0 22px 60px rgba(0,0,0,.70);
  backdrop-filter: blur(6px);
}

.wrap_latest_weekly_top10_category_title_underbar{
  width:99%;
  border:0;
  height:1px;
  background: linear-gradient(90deg, rgba(255,45,85,.35), rgba(124,58,237,.25), rgba(0,229,255,.25));
  opacity:.9;
}

.wrap_latest_weekly_top10_category{
  width:50%;
}

@media (max-width:1200px){
  .wrap_latest_weekly_top10{ flex-wrap:wrap; }
  .wrap_latest_weekly_top10_category{ width:100%; }
  .wrap_latest_weekly_top10_category_title_underbar{ width:100%; }
  .wrap_latest_weekly_top10_category_widget{ padding-left:0px !important; padding-right:0px !important; }
  .wr-post-slick .post-slick-items{ padding:15px; }
  ul.tab-list{ gap:8px; }
  ul.tab-list li{ max-width:50%; }
}

table.list_latest_top_n{
  width:100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow:hidden;
  border-radius:16px;
  background: rgba(7,8,11,.55);
  box-shadow: 0 14px 40px rgba(0,0,0,.60);
}

table.list_latest_top_n th,
table.list_latest_top_n td{
  border-right:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
  border-top:0;
  padding:10px 12px;
  color:#fff;
}

table.list_latest_top_n th:first-child,
table.list_latest_top_n td:first-child{
  border-left:1px solid rgba(255,255,255,.10);
}

table.list_latest_top_n th{
  background: linear-gradient(180deg, rgba(16,21,33,.95), rgba(11,13,18,.95));
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
}

table.list_latest_top_n td{
  background: linear-gradient(180deg, rgba(11,13,18,.72), rgba(7,8,11,.72));
}

table.list_latest_top_n tr:hover td{
  background: linear-gradient(135deg, rgba(255,45,85,.12), rgba(124,58,237,.08));
}