.qq-vip{display:inline-flex;align-items:center;gap:6px;position:relative;isolation:isolate;vertical-align:baseline;max-width:100%;--c:inherit;--glow:transparent}.qq-vip-name{position:relative;z-index:1;font-weight:inherit}.qq-vip-badge{position:relative;z-index:1;white-space:nowrap;font:700 9px/1.5 sans-serif;letter-spacing:.5px;padding:2px 5px;border-radius:3px 7px 3px 7px;background:var(--c);color:white;border:1px solid var(--glow);box-shadow:inset 0 1px 0 #fff4;flex:none}.qq-vip-fx{position:absolute;inset:-8px -4px;pointer-events:none;z-index:-1}.qq-vip-svg{width:100%;height:100%;position:absolute;inset:0;fill:none;stroke:var(--glow);stroke-width:.7;opacity:.65;overflow:visible}.qq-vip-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--glow);box-shadow:0 0 5px var(--glow);animation:qq-glint 4s infinite;top:2%;left:8%}.qq-vip-particle:nth-of-type(2){left:25%;top:88%;animation-delay:-.7s}.qq-vip-particle:nth-of-type(3){left:44%;animation-delay:-1.4s}.qq-vip-particle:nth-of-type(4){left:62%;top:88%;animation-delay:-2.1s}.qq-vip-particle:nth-of-type(5){left:79%;animation-delay:-2.8s}.qq-vip-particle:nth-of-type(6){left:96%;top:88%;animation-delay:-3.5s}
.qq-vip-1{--c:#187255;--glow:#65cba9;--a:#187255;--b:#3bab83;--h:#a2e3cc}.qq-vip-2{--c:#216ca8;--glow:#73b8e7;--a:#216ca8;--b:#359fc4;--h:#a6daec}.qq-vip-3{--c:#7739bd;--glow:#b588df;--a:#7739bd;--b:#a85fcc;--h:#dbb7ee}.qq-vip-4{--c:#95620d;--glow:#d0a144;--a:#95620d;--b:#bd8a29;--h:#ead29a}.qq-vip-5{--c:#bc2648;--glow:#e99c56;--a:#bc2648;--b:#dc7142;--h:#f4c99d}.qq-vip-6{--c:#8150a4;--glow:#c9a75c;--a:#8150a4;--b:#bc9548;--h:#a5c7e2}
.qq-vip:not(.qq-vip-0) .qq-vip-name{background:linear-gradient(105deg,var(--a) 0%,var(--b) 15%,var(--h) 25%,var(--b) 35%,var(--a) 50%,var(--b) 65%,var(--h) 75%,var(--b) 85%,var(--a) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:qq-wave 3.8s linear infinite}.qq-vip-3 .qq-vip-particle,.qq-vip-6 .qq-vip-particle{width:5px;height:5px;border-radius:0;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 37%)}.qq-vip-5 .qq-vip-particle{height:5px;border-radius:80% 0 80% 40%;animation-name:qq-ember}.qq-vip-tracer{stroke-dasharray:14 180;animation:qq-trace 7s linear infinite;stroke-width:1.2}.qq-vip-cloud{animation:qq-cloud 6s ease-in-out infinite}.qq-vip-flame{animation:qq-cloud 3s ease-in-out infinite}
@keyframes qq-wave{from{background-position:200% 0}to{background-position:0% 0}}@keyframes qq-glint{0%,100%{opacity:.15;transform:translateY(3px)}45%{opacity:.9;transform:translateY(-2px)}75%{opacity:.25;transform:translateY(-4px)}}@keyframes qq-ember{0%{opacity:0;transform:translate(0,5px)}30%{opacity:.8}100%{opacity:0;transform:translate(8px,-8px)}}@keyframes qq-trace{to{stroke-dashoffset:-390}}@keyframes qq-cloud{50%{transform:translate(5px,-1px);opacity:.2}}
[data-theme=dark] .qq-vip,[data-bs-theme=dark] .qq-vip{--a:var(--glow);--b:#e2b7e8;--h:#fff0bc}.qq-vip-0 .qq-vip-name{color:inherit}.qq-vip-off .qq-vip-fx{display:none}.qq-vip-off .qq-vip .qq-vip-name{animation:none;background:none;color:var(--c)}.qq-vip-paused .qq-vip *{animation-play-state:paused!important}.qq-vip-control{font-size:12px!important;padding:7px 10px!important;border:1px solid #8a8d9933;border-radius:8px;background:transparent;color:inherit;cursor:pointer}
.qq-vip-preview{padding:24px;border:1px solid #adb1bb44;border-radius:14px;margin:24px 0}.qq-vip-preview h2{margin:0 0 10px}.qq-vip-preview p{font-size:13px}.qq-vip-showcase{min-height:160px;border-radius:12px;background:radial-gradient(ellipse,#3e3154,#161a24 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#eee1f4;margin:16px 0;padding:24px}.qq-vip-showcase .qq-vip{font-size:clamp(18px,3vw,30px);--a:var(--glow);--b:#dfb9ed;--h:#fff0b9}.qq-vip-showcase .qq-vip-fx{inset:-18px -18px}.qq-vip-showcase small{color:#bab7c5;font-size:12px}.qq-vip-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qq-vip-choice{background:transparent;color:inherit;border:1px solid #aaa4;border-radius:9px;padding:16px 8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;align-items:center}.qq-vip-choice[aria-pressed=true]{border-color:#bc944e;background:#bd985b14}.qq-vip-choice small{font-size:12px}.qq-vip-preview button:focus-visible{outline:2px solid #b98a46;outline-offset:3px}@media(max-width:600px){.qq-vip-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.qq-vip-preview{padding:16px}}@media(prefers-reduced-motion:reduce){.qq-vip-fx{display:none}.qq-vip .qq-vip-name{animation:none!important;background:none!important;color:var(--c)!important}}

/* Override the site's general red payment-button styling inside the preview only. */
.topup-main .qq-vip-preview button.qq-vip-choice{background:#1c2230;color:#e2e6ee;border:1px solid #384152;font-weight:500;box-shadow:none}
.topup-main .qq-vip-preview button.qq-vip-choice[aria-pressed=true]{background:#29273a;border-color:#d0ad67;box-shadow:inset 0 0 0 1px #d0ad67}
.topup-main .qq-vip-preview .qq-vip-choice .qq-vip{--a:var(--glow);--b:#dfb9ed;--h:#fff0b9}
.topup-main .qq-vip-preview button.qq-vip-control{margin-top:16px;background:transparent;color:#596373;border:1px solid #abb2bd;padding:8px 12px!important}
.qq-vip-choice:hover{filter:brightness(1.12)}

.qq-vip-0{--c:currentColor;--glow:transparent}.qq-vip-0 .qq-vip-badge{background:#77808d22;color:inherit;border:1px solid #77808d55;box-shadow:none}.qq-vip-0 .qq-vip-name{background:none!important;color:inherit!important;animation:none!important}

.vip-account-progress{padding:18px;border:1px solid #a6aebd44;background:#fff;border-radius:12px;margin:18px 0 22px}.vip-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vip-account-stats>div{display:flex;flex-direction:column;gap:8px}.vip-account-stats span{font-size:12px;color:#647084}.vip-account-stats strong{font-size:22px;font-variant-numeric:tabular-nums;color:#253149}.vip-account-progress progress{appearance:none;width:100%;height:7px;margin:18px 0 0;border:0;border-radius:10px;overflow:hidden;background:#e7eaf0}.vip-account-progress progress::-webkit-progress-bar{background:#e7eaf0}.vip-account-progress progress::-webkit-progress-value{background:#bd324a;border-radius:10px}.vip-account-progress progress::-moz-progress-bar{background:#bd324a}.vip-account-progress .vip-account-note{font-size:12px;color:#647084;margin:10px 0 0}[data-theme=dark] .vip-account-progress{background:#1c2230}[data-theme=dark] .vip-account-stats strong{color:#f0f2f6}[data-theme=dark] .vip-account-stats span,[data-theme=dark] .vip-account-note{color:#b5bfce}@media(max-width:560px){.vip-account-stats{grid-template-columns:1fr;gap:14px}.vip-account-stats>div{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.vip-account-stats strong{font-size:19px}.vip-account-stats span{max-width:60%}}