/* Tiên Giới Truyện 3D — V15.72.10: KHUNG VIP CÁNH VÀNG
   Khung theo ảnh tham khảo do chủ website cung cấp. Phần tâm trong suốt.
   Đây chỉ là lớp giao diện, không thay đổi dữ liệu/quyền/SQL. */
.tgvip-level-0{--vip-art:url("/assets/vip-frames/vip-0-winged.webp");--vip-art-strong:#dde9f7;}
.tgvip-level-1{--vip-art:url("/assets/vip-frames/vip-1-winged.webp");--vip-art-strong:#e5ac78;}
.tgvip-level-2{--vip-art:url("/assets/vip-frames/vip-2-winged.webp");--vip-art-strong:#69cfff;}
.tgvip-level-3{--vip-art:url("/assets/vip-frames/vip-3-winged.webp");--vip-art-strong:#8cf7ba;}
.tgvip-level-4{--vip-art:url("/assets/vip-frames/vip-4-winged.webp");--vip-art-strong:#ffdf85;}
.tgvip-level-5{--vip-art:url("/assets/vip-frames/vip-5-winged.webp");--vip-art-strong:#eab3ff;}
.tgvip-level-6{--vip-art:url("/assets/vip-frames/vip-6-winged.webp");--vip-art-strong:#8fb8ff;}
.tgvip-level-7{--vip-art:url("/assets/vip-frames/vip-7-winged.webp");--vip-art-strong:#ff8f93;}
.tgvip-level-8{--vip-art:url("/assets/vip-frames/vip-8-winged.webp");--vip-art-strong:#a7edff;}
.tgvip-level-9{--vip-art:url("/assets/vip-frames/vip-9-winged.webp");--vip-art-strong:#fff2d7;}
.tgvip-level-10{--vip-art:url("/assets/vip-frames/vip-10-winged.webp");--vip-art-strong:#ffe58d;}

/* Main account avatar — center must remain readable. */
.tgvip-avatar-wrap {
  background:radial-gradient(circle,#15151c 0%,#13151b 55%,transparent 72%)!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:0 0 18px var(--vip-ambient)!important;
}
.tgvip-avatar-wrap .member-avatar,
.member-account-v9 .tgvip-avatar-wrap > .member-avatar {
  position:relative;z-index:1!important;
  width:104px!important;height:104px!important;min-width:0!important;
  aspect-ratio:1/1; margin:0!important;border-radius:50%!important;
  box-shadow:0 0 0 2px var(--vip-dark),0 0 14px var(--vip-ambient)!important;
  overflow:hidden!important;
}
.tgvip-avatar-wrap .member-avatar img {
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.tgvip-avatar-wrap::before {
  inset:-25px!important;
  background-image:var(--vip-art)!important;
  background-position:center!important;background-size:contain!important;
  background-repeat:no-repeat!important;
  border:0!important;filter:drop-shadow(0 0 8px var(--vip-ambient));
  pointer-events:none;animation:tgVipWingedGlow 4.5s ease-in-out infinite alternate!important;
}
.tgvip-avatar-wrap::after {
  z-index:-1!important;opacity:calc(var(--vip-halo-strength,.2) * .64)!important;
  pointer-events:none!important;
}
.tgvip-avatar-medallion {
  right:-4px!important;bottom:-18px!important;z-index:5!important;
  background:linear-gradient(135deg,#292018,#090a0e)!important;
  border:1px solid var(--vip-art-strong,var(--vip-color))!important;
  border-radius:999px!important;padding:5px 10px!important;
  color:var(--vip-art-strong,var(--vip-color))!important;
  font-size:.78rem!important;font-weight:900!important;
  box-shadow:0 0 11px var(--vip-ambient),0 3px 12px #000a!important;
  white-space:nowrap;line-height:1.1;
}
/* 11-stage gallery: gold winged ornaments are sized to avoid hiding avatar faces. */
.tgvip-gallery {gap:18px 14px!important}
.tgvip-tier {min-height:218px!important;padding:14px 10px 18px!important}
.tgvip-tier .tgvip-avatar-wrap {--vip-size:120px;margin:9px auto 18px!important}
.tgvip-tier .tgvip-avatar-wrap::before {inset:-14px!important;animation:none!important}
.tgvip-avatar-wrap.tgvip-avatar-compact .tgvip-demo-face {
  width:61px!important;height:61px!important;object-fit:cover;border-radius:50%;
  border:1px solid var(--vip-art-strong,var(--vip-color));
  position:relative;z-index:1;
}
.tgvip-tier .tgvip-avatar-medallion {
  right:0!important;bottom:-11px!important;font-size:.66rem!important;
  padding:3px 8px!important;
}
.tgvip-tier strong {color:var(--vip-art-strong,var(--vip-color))!important}
.tgvip-tier.tgvip-level-10 {
  box-shadow:0 0 20px #e6a63633,inset 0 0 18px #ffd36b33,0 10px 30px #0009;
}
/* Small avatar frames in public ranking. Keep pointer events disabled. */
.tgvip-mini-frame::after,
.tg29-avatar.tgvip-rank-ring::after {
  background-image:var(--vip-art)!important;background-size:contain!important;
  background-position:center!important;background-repeat:no-repeat!important;
}
.tgvip-mini-frame>img {width:34px;height:34px}
@keyframes tgVipWingedGlow{
  from{opacity:.93;filter:drop-shadow(0 0 3px var(--vip-ambient))}
  to{opacity:1;filter:drop-shadow(0 0 10px var(--vip-ambient))}
}
@media(max-width:560px){
 .tgvip-gallery{gap:10px!important}
 .tgvip-tier{min-height:205px!important;padding:9px 5px 14px!important}
 .tgvip-tier .tgvip-avatar-wrap{--vip-size:104px}
 .tgvip-tier .tgvip-avatar-wrap::before{inset:-12px!important}
 .tgvip-avatar-wrap.tgvip-avatar-compact .tgvip-demo-face{width:52px!important;height:52px!important}
}
@media(max-width:360px){.tgvip-tier .tgvip-avatar-wrap{--vip-size:94px}}
@media(prefers-reduced-motion:reduce){.tgvip-avatar-wrap::before,.tgvip-avatar-wrap::after{animation:none!important}}