/* svip-upgrade.css */
/* SVIP5 皇室卷轴风格弹窗 */.svip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;background:rgba(10,5,20,0.72);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity;}
.svip-overlay.show{opacity:1;pointer-events:auto}
.svip-frame{position:relative;width:min(750px,78vw);max-height:80vh;aspect-ratio:750/1180;filter:drop-shadow(0 0 17.14cqw rgba(180,158,70,0.28)) drop-shadow(0 4.06cqw 13.74cqw rgba(0,0,0,0.38));transform:scale(0.5);transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;container-type:inline-size;}
.svip-overlay.show .svip-frame{transform:scale(1)}
.svip-scroll-svg{display:block;width:100%;height:100%;}
.svip-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:6% 5.3% 9%;text-align:center;flex-direction:column;overflow:visible;-webkit-transform:translateZ(0);transform:translateZ(0);}
.svip-crown{display:none;}
@keyframes svipCrownBob{0%{transform:translateX(-50%) translateY(0) scale(1)}100%{transform:translateX(-50%) translateY(-2.09cqw) scale(1.06)}}
.svip-badge{font-weight:900;font-size:12cqw;letter-spacing:1.3cqw;margin-bottom:0.3%;margin-top:6%;color:#e0b840;text-shadow:0 1cqw 0 #c49a28,0 1.7cqw 2.75cqw rgba(0,0,0,0.18);-webkit-font-smoothing:antialiased;transform:translateZ(0);}
.svip-divider{display:flex;align-items:center;justify-content:center;margin:0.2% 0 0.4%;color:#8a7532;font-size:2.7cqw;opacity:0.7;width:80%;-webkit-transform:translateZ(0);transform:translateZ(0);}
.svip-divider::before,.svip-divider::after{content:"";flex:1;height:0.39cqw;background:linear-gradient(90deg,transparent,#8a7532,transparent);}
.svip-title{font-size:7.2cqw;font-weight:900;color:#c49520;margin:0.8% 0 0.3% ;text-shadow:0 0.39cqw 0 rgba(255,255,255,0.5);-webkit-font-smoothing:antialiased;transform:translateZ(0);}
.svip-desc{font-size:3.3cqw;color:#5e4e24;line-height:1.6;margin:2% 0 5%;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;}
.svip-desc b{color:#8a7532}
.svip-btn-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:1cqw;}
.svip-btn-group>*{margin:0 1.5cqw;}
.svip-btn{appearance:none!important;-webkit-appearance:none!important;background:linear-gradient(90deg,#c49520,#e8c240,#c49520);color:#fff;border:0 none!important;outline:none!important;border-radius:12.3cqw;padding:2.7cqw 8.8cqw;font-size:3.7cqw;font-weight:900;cursor:pointer;box-shadow:0 2.09cqw 8.24cqw rgba(200,160,30,0.35);transition:transform .2s;letter-spacing:0.5cqw;text-shadow:0 0.39cqw 0.65cqw rgba(0,0,0,0.2);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;}
.svip-btn:active{transform:scale(0.93);outline:none!important}
.svip-btn:focus{outline:none!important}
.svip-btn-replay{appearance:none!important;-webkit-appearance:none!important;background:transparent;color:#c49520;border:0.65cqw solid #c49520;outline:none!important;border-radius:12.3cqw;padding:2.4cqw 5.8cqw;font-size:3.7cqw;font-weight:700;cursor:pointer;box-shadow:none;transition:transform .2s,background .2s;letter-spacing:0.3cqw;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;}
.svip-btn-replay:active{transform:scale(0.93);background:rgba(139,105,20,0.08);outline:none!important}
.svip-btn-replay:focus{outline:none!important}
.svip-notice{font-size:3cqw;color:#a08a50;line-height:1.6;margin-top:4%;padding:0 12%;text-align:center;opacity:0.75;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;}
.svip-uid-line{font-size:3.2cqw;color:#7d6634;margin:-2% 0 3.5%;letter-spacing:0.15cqw;line-height:1.6;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased;}
.svip-uid-line b{color:#8a7532;font-size:3.4cqw;letter-spacing:0.4cqw;}
.svip-tier-table{width:76%;margin-top:2.5%;border-collapse:collapse;font-size:3.2cqw;color:#6b5020;-webkit-transform:translateZ(0);transform:translateZ(0);}
.svip-tier-table th{font-size:2.7cqw;color:#7a5a18;font-weight:600;padding:0.9cqw 1.2cqw;border-bottom:0.39cqw solid rgba(160,120,24,0.25);text-align:center;}
.svip-tier-table td{padding:1cqw 1.2cqw;border-bottom:0.39cqw solid rgba(160,120,24,0.12);text-align:center;font-size:3cqw;color:#6b5020;}
.svip-tier-table tr:last-child td{border-bottom:none}
.svip-tier-table .tier-name{font-weight:700;color:#8a7532;text-align:left}
.svip-tier-table .tier-active{background:rgba(190,168,72,0.15);border-radius:2.09cqw;}
.svip-tier-table .tier-active .tier-name{color:#9a7e3a;font-weight:900}
.svip-tier-table .tier-active td{color:#7a5a18}
.svip-tier-tag{display:inline-block;font-size:2.2cqw;color:#bc9f42;padding:0.2cqw 0.8cqw;border-radius:3.4cqw;margin-left:0.4cqw;font-weight:600;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);}
.svip-star{position:absolute;opacity:0.4;color:#ab8e38;animation:svipFloat 3s ease-in-out infinite alternate;}
.svip-star:nth-child(1){top:14%;left:12%;font-size:3.5cqw;animation-delay:0s}
.svip-star:nth-child(2){top:12%;right:10%;font-size:2.9cqw;animation-delay:.6s}
.svip-star:nth-child(3){bottom:14%;left:8%;font-size:3.7cqw;animation-delay:1.2s}
.svip-star:nth-child(4){bottom:12%;right:8%;font-size:3.2cqw;animation-delay:1.8s}
@keyframes svipFloat{0%{transform:translateY(0) scale(1);opacity:0.2}100%{transform:translateY(-2.75cqw) scale(1.2);opacity:0.6}}
#confettiCanvas{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100001;pointer-events:none;}/* 反光线条 */.svip-shine{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:3;}
.svip-shine::after{content:"";position:absolute;width:150%;height:8.24cqw;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3) 20%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.3) 80%,transparent);top:100%;left:-25%;transform:rotate(45deg);transform-origin:center center;opacity:0;box-shadow:0 0 6.8cqw 2.75cqw rgba(255,255,255,0.4);}
.svip-shine.play::after{animation:svipShine 1.2s linear 0s 1 forwards;}
@keyframes svipShine{0%{top:110%;opacity:0.5}60%{top:10%;opacity:0.5}80%{top:-2%;opacity:0.3}100%{top:-10%;opacity:0}}/* VIP1 普通会员主题 — 蓝白配色 */.svip-frame.vip1-theme{filter:drop-shadow(0 0 17.14cqw rgba(180,158,70,0.28)) drop-shadow(0 4.06cqw 13.74cqw rgba(0,0,0,0.38));}
.vip1-theme .svip-scroll-svg [fill="url(#svipBgGold)"]{fill:#f5eee3;}
.vip1-theme .svip-btn{background:#be8f17;box-shadow:none;}
.vip1-theme .svip-btn-replay{box-shadow:none;}
.vip1-theme .svip-tier-tag{background:#be8f17;color:#ffffff;}
.vip1-theme .svip-tier-table th{border-bottom:0.39cqw solid rgba(139,105,20,0.45);}
.vip1-theme .svip-tier-table td{border-bottom:0.39cqw solid rgba(160,120,24,0.22);}
.vip1-theme .svip-tier-table .tier-active{background:transparent;}