/* =========================================================
   Sponsor Avatar Frame (Color-only, matches sponsor-name-badge.css)
   Wrapper:
   <span class="sponsor-avatar-frame sponsor-level-1|2|sponsor-permanent">
     <img class="avatar ...">
   </span>

   Design goals:
   - Stable: ring built by padding + background (no overlay layer)
   - Regal: match Lv1 champagne, Lv2 royal blue+gold, permanent black-gold
   ========================================================= */

.sponsor-avatar-frame{
  display: inline-block;
  position: relative;
  border-radius: 999px;
  padding: 3px;                 /* ring thickness */
  vertical-align: middle;

  /* subtle depth */
  box-shadow: 0 8px 20px rgba(0,0,0,.10);
  background: rgba(0,0,0,.08);
}

/* Avatar always visible */
.sponsor-avatar-frame img.avatar{
  display: block;
  border-radius: 999px;
  position: relative;
  z-index: 1;
}

/* Safety for themes that apply img{max-width:100%} */
.sponsor-avatar-frame img{
  max-width: none;
}

/* =========================================================
   Level 1 — Champagne Gold (贵气但不夸张)
   ========================================================= */
.sponsor-avatar-frame.sponsor-level-1{
  background:
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 45%),
    linear-gradient(135deg, rgba(255, 245, 225, .98), rgba(205, 145, 45, .92));
  box-shadow:
    0 8px 20px rgba(0,0,0,.12),
    0 1px 0 rgba(255,255,255,.35) inset;
}

/* =========================================================
   Level 2 — Royal Blue + Gold (更尊贵、更显眼)
   ========================================================= */
.sponsor-avatar-frame.sponsor-level-2{
  background:
    linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,0) 45%),
    linear-gradient(135deg, rgba(18, 50, 130, .98), rgba(255, 200, 90, .92));
  box-shadow:
    0 10px 22px rgba(0,0,0,.16),
    0 1px 0 rgba(255,255,255,.18) inset;
}

/* =========================================================
   Permanent — Black Gold (最贵)
   ========================================================= */
.sponsor-avatar-frame.sponsor-permanent{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 45%),
    linear-gradient(135deg, rgba(25, 20, 18, .98), rgba(255, 200, 90, .92));
  box-shadow:
    0 12px 26px rgba(0,0,0,.22),
    0 1px 0 rgba(255,255,255,.12) inset;
}

/* =========================================================
   Corner mark (color-only) — acts like a “premium seal”
   - Lv1: light gold seal
   - Lv2: blue-gold seal
   - Permanent: black-gold seal
   ========================================================= */
/* 只保留角标小点：不需要白色底座 */
.sponsor-avatar-frame::after{
  content:"";
  position:absolute;
  right:-2px;
  bottom:-2px;

  width: 10px;
  height: 10px;
  border-radius: 999px;

  z-index: 2;
  pointer-events:none;

  /* 默认（未分级时） */
  background: rgba(0,0,0,.35);
  box-shadow: 0 4px 10px rgba(0,0,0,.18);
}

/* Lv1：香槟金点 */
.sponsor-avatar-frame.sponsor-level-1::after{
  background: linear-gradient(180deg, rgba(255,220,140,1), rgba(182,127,32,1));
}

/* Lv2：蓝金点 */
.sponsor-avatar-frame.sponsor-level-2::after{
  background: linear-gradient(180deg, rgba(140,195,255,1), rgba(255,200,90,1));
}

/* 永久：黑金点 */
.sponsor-avatar-frame.sponsor-permanent::after{
  background: linear-gradient(180deg, rgba(255,215,128,1), rgba(120,60,0,1));
}


/* Small avatars: reduce ring thickness + seal size a bit */
@media (max-width: 480px){
  .sponsor-avatar-frame{ padding: 2px; }
  .sponsor-avatar-frame::after{ width: 11px; height: 11px; }
  .sponsor-avatar-frame::before{ width: 7px; height: 7px; right: 1px; bottom: 1px; }
}