/* =========================================================
   Sponsor Name Badge (JS injected after <b.fn>)
   HTML:
   <b class="fn">Name</b><span class="sponsor-name-badge sponsor-level-2">赞助者（二）</span>
   ========================================================= */

.sponsor-name-badge{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;

  margin-left: 10px;
  padding: 4px 12px;

  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;

  border-radius: 999px;
  border: 1px solid rgba(255, 215, 128, .45);

  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 -1px 0 rgba(0,0,0,.22) inset,
    0 8px 18px rgba(0,0,0,.12);

  position: relative;
  transform: translateY(-3px);
}

/* 两侧装饰点（更“贵”一点，但不引入 icon） */
.sponsor-name-badge::before,
.sponsor-name-badge::after{
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  opacity: .9;
}

.sponsor-name-badge::before{ margin-right: 8px; }
.sponsor-name-badge::after{  margin-left: 8px; }

/* Lv1：香槟金 */
.sponsor-name-badge.sponsor-level-1{
  color: rgba(60, 35, 5, .92);
  background: linear-gradient(180deg, rgba(255, 248, 232, .96), rgba(255, 220, 165, .82));
  border-color: rgba(255, 210, 120, .70);
}
.sponsor-name-badge.sponsor-level-1::before,
.sponsor-name-badge.sponsor-level-1::after{
  background: rgba(255, 190, 90, .95);
}

/* Lv2：皇家蓝金 */
.sponsor-name-badge.sponsor-level-2{
  color: rgba(255, 245, 220, .96);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
  background: linear-gradient(180deg, rgba(35, 60, 120, .96), rgba(10, 18, 40, .96));
  border-color: rgba(255, 215, 128, .60);
}
.sponsor-name-badge.sponsor-level-2::before,
.sponsor-name-badge.sponsor-level-2::after{
  background: rgba(255, 215, 128, .95);
}

/* 永久：黑金 */
.sponsor-name-badge.sponsor-permanent{
  color: rgba(255, 236, 200, .98);
  text-shadow: 0 1px 0 rgba(0,0,0,.55);
  background: linear-gradient(180deg, rgba(25, 20, 18, .98), rgba(5, 5, 5, .98));
  border-color: rgba(255, 200, 90, .80);
  box-shadow:
    0 1px 0 rgba(255,255,255,.18) inset,
    0 -1px 0 rgba(0,0,0,.45) inset,
    0 12px 26px rgba(0,0,0,.20);
}
.sponsor-name-badge.sponsor-permanent::before,
.sponsor-name-badge.sponsor-permanent::after{
  background: rgba(255, 200, 90, .98);
}