.vip-activity{width:100%}.vip-activity .activity-shell{background:radial-gradient(circle at 10% 10%,hsla(81,88%,80%,.95) 0,transparent 40%),radial-gradient(circle at 90% 90%,rgba(167,243,208,.8) 0,transparent 45%),linear-gradient(135deg,#10b981,#059669);border:1px solid #6ee7b7;border-radius:24px;box-shadow:0 12px 36px #05966940;overflow:hidden;padding:24px 28px;position:relative}.vip-activity .activity-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.vip-activity .header-main{align-items:center;display:flex;gap:12px;min-width:0}.vip-activity .activity-badge{background:linear-gradient(135deg,#ef4444,#e11d48);border-radius:999px;box-shadow:0 4px 12px #e11d484d;color:#fff;font-size:14px;font-weight:800;line-height:1;padding:6px 14px;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}.vip-activity .activity-title{color:#fff;font-size:26px;font-weight:900;letter-spacing:.5px;line-height:1.2;text-shadow:0 2px 6px rgba(0,0,0,.15)}.vip-activity .activity-time-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:999px;color:#fff;font-size:13px;font-weight:600;line-height:1.2;padding:8px 16px;white-space:nowrap}.vip-activity .top-cards{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.vip-activity .top-card{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:20px;box-shadow:0 8px 24px #10b9810d;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.vip-activity .top-card:hover{border-color:#34d399;box-shadow:0 12px 28px #10b9811a;transform:translateY(-2px)}.vip-activity .top-card-content{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.vip-activity .top-card-action{flex-shrink:0}.vip-activity .top-card-buy{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fde68a}.vip-activity .top-card-buy:hover{border-color:#f59e0b;box-shadow:0 12px 28px #f59e0b1a}.vip-activity .hot-tag{background:linear-gradient(135deg,#ff4d4f,#ff7a45);border-radius:6px;box-shadow:0 4px 10px #ff4d4f4d;color:#fff;font-size:11px;font-weight:800;line-height:1;padding:4px 10px;position:absolute;right:16px;top:-8px;z-index:2}.vip-activity .top-card-head{align-items:center;display:flex;gap:8px}.vip-activity .top-card-title{color:#111827;font-size:15px;font-weight:800}.vip-activity .top-card-tag{background:#d1fae5;border-radius:4px;color:#059669;font-size:11px;font-weight:700;line-height:1.2;padding:2px 6px;white-space:nowrap}.vip-activity .top-card-buy .top-card-tag{background:#ffe4e6;color:#e11d48}.vip-activity .top-card-reward{align-items:baseline;color:#10b981;display:flex;font-size:24px;font-weight:900;line-height:1}.vip-activity .top-card-buy .top-card-reward{color:#e11d48}.vip-activity .reward-prefix{font-size:20px;font-weight:800;margin-right:2px}.vip-activity .reward-unit{color:#64748b;font-size:13px;font-weight:600;margin-left:4px}.vip-activity .top-card-desc{color:#64748b;display:block;font-size:12px;line-height:1.2}.vip-activity .card-btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;height:36px;justify-content:center;min-width:80px;padding:0 16px;transition:all .3s ease}.vip-activity .ladder-card .card-btn{border-radius:8px;font-size:13px;height:32px;margin-top:4px;min-width:unset;padding:0 8px;width:100%}.vip-activity .card-btn.btn-ready{animation:activity-btn-float 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d;color:#fff}.vip-activity .card-btn.btn-ready:hover{animation-play-state:paused;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.vip-activity .card-btn.btn-buy{animation:activity-btn-float 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 12px #10b9814d;color:#fff}.vip-activity .card-btn.btn-buy:hover{animation-play-state:paused;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.vip-activity .card-btn.btn-disabled,.vip-activity .card-btn.btn-done{background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.vip-activity .ladder-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 4px 16px #10b9810d;padding:20px}.vip-activity .ladder-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.vip-activity .ladder-title{align-items:center;color:#064e3b;display:flex;font-size:18px;font-weight:800;gap:10px}.vip-activity .title-dot{background:linear-gradient(180deg,#ef4444,#e11d48);border-radius:4px;display:inline-block;height:18px;width:6px}.vip-activity .recharge-total{background:#ffe4e680;border:1px solid rgba(225,29,72,.2);border-radius:999px;color:#881337;font-size:14px;font-weight:600;padding:6px 16px}.vip-activity .recharge-total span{color:#e11d48;font-size:16px;font-weight:800;margin-left:4px}.vip-activity .ladder-cards{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.vip-activity .ladder-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;padding:16px;transition:all .3s ease}.vip-activity .ladder-card:hover{border-color:#fca5a5;box-shadow:0 12px 24px #e11d4814;transform:translateY(-4px)}.vip-activity .ladder-threshold{color:#475569;font-size:14px;font-weight:700;margin-bottom:8px}.vip-activity .ladder-reward{color:#e11d48;font-size:26px;font-weight:900;line-height:1;margin-bottom:12px}.vip-activity .ladder-reward span{color:#64748b;font-size:12px;font-weight:600;margin-left:2px}@media(max-width:1199px){.vip-activity .ladder-cards,.vip-activity .top-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.vip-activity .activity-shell{border-radius:16px;padding:16px}.vip-activity .activity-header{align-items:flex-start;flex-direction:column;gap:12px}.vip-activity .top-cards{grid-template-columns:1fr}.vip-activity .ladder-head{align-items:flex-start;flex-direction:column}.vip-activity .ladder-cards{grid-template-columns:1fr}}.dark .vip-activity .activity-shell{background:radial-gradient(circle at top left,#064e3b 0,#022c22);border-color:#065f46;box-shadow:0 12px 36px #0006}.dark .vip-activity .activity-badge{background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 4px 12px #0000004d}.dark .vip-activity .activity-title{color:#ffe4e6}.dark .vip-activity .activity-time-pill{background:#0000004d;border-color:#ffffff1a;color:#fda4af}.dark .vip-activity .top-card{background:#1e2522;border-color:#10b98133}.dark .vip-activity .top-card:hover{background:#232c28;border-color:#10b981;box-shadow:0 16px 32px #0006}.dark .vip-activity .top-card-buy{background:linear-gradient(180deg,#e11d481a,#1e2522);border-color:#e11d484d}.dark .vip-activity .top-card-buy:hover{border-color:#e11d48}.dark .vip-activity .ladder-title,.dark .vip-activity .top-card-title{color:#f8fafc}.dark .vip-activity .top-card-tag{background:#10b98126;color:#34d399}.dark .vip-activity .top-card-buy .top-card-tag{background:#e11d4826;color:#fda4af}.dark .vip-activity .ladder-reward,.dark .vip-activity .top-card-reward{color:#34d399}.dark .vip-activity .top-card-buy .top-card-reward{color:#fda4af}.dark .vip-activity .ladder-reward span,.dark .vip-activity .reward-unit,.dark .vip-activity .top-card-desc{color:#94a3b8}.dark .vip-activity .card-btn.btn-ready{animation:activity-btn-float 2s ease-in-out infinite;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0006}.dark .vip-activity .card-btn.btn-ready:hover{animation-play-state:paused;box-shadow:0 6px 16px #00000080}.dark .vip-activity .card-btn.btn-buy{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0006}.dark .vip-activity .card-btn.btn-disabled,.dark .vip-activity .card-btn.btn-done{background:#ffffff0d;border-color:#ffffff1a;color:#64748b}.dark .vip-activity .ladder-section{background:#ffffff08;border-color:#10b98126}.dark .vip-activity .recharge-total{background:#e11d481a;border-color:#e11d4833;color:#cbd5e1}.dark .vip-activity .recharge-total span{color:#fda4af}.dark .vip-activity .ladder-card{background:#181d1b;border-color:#ffffff0d}.dark .vip-activity .ladder-card:hover{background:#1e2522;border-color:#10b9814d;box-shadow:0 12px 24px #0000004d}.dark .vip-activity .ladder-threshold{color:#cbd5e1}@keyframes activity-btn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}