.vip-activity{color:var(--el-text-color-primary);width:100%}.vip-activity .activity-shell{background:radial-gradient(ellipse at 20% 0,rgba(18,183,106,.07) 0,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(7,148,85,.05) 0,transparent 60%),linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--el-border-color-lighter);border-radius:20px;box-shadow:0 16px 40px #0f172a0f;overflow:hidden;padding:32px;position:relative}.vip-activity .activity-shell.is-not-started{filter:grayscale(.85);opacity:.72;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vip-activity .activity-shell.is-not-started .package-card,.vip-activity .activity-shell.is-not-started .package-pay-button,.vip-activity .activity-shell.is-not-started .reward-button{cursor:not-allowed!important;pointer-events:none!important}.vip-activity .activity-header,.vip-activity .ladder-head{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.vip-activity .activity-header{margin-bottom:16px}.vip-activity .header-left{align-items:center;display:flex;flex:1 1 520px;gap:14px;min-width:0}.vip-activity .header-copy{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px;min-width:0}.vip-activity .activity-badge{background:linear-gradient(135deg,#12b76a,#079455);border-radius:999px;box-shadow:0 4px 12px #12b76a40;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;padding:5px 14px;white-space:nowrap}.vip-activity .activity-title{color:var(--el-text-color-primary);font-size:24px;font-weight:800;line-height:1.3}.vip-activity .activity-subtitle{color:var(--el-text-color-secondary);font-size:14px;line-height:1.4}.vip-activity .activity-time{background:#f1f5f9cc;border:1px solid rgba(226,232,240,.8);border-radius:999px;color:var(--el-text-color-regular);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 14px;white-space:nowrap}.vip-activity .package-cards{display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.vip-activity .package-card{background:var(--el-bg-color);border:1.5px solid var(--el-border-color-lighter);border-radius:16px;cursor:pointer;min-width:0;overflow:hidden;padding:20px 12px 14px;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.vip-activity .package-card:hover{background:linear-gradient(180deg,rgba(18,183,106,.04) 0,var(--el-bg-color) 100%);border-color:#12b76a;box-shadow:0 8px 20px #12b76a1a;transform:translateY(-2px)}.vip-activity .package-card.selected{background:linear-gradient(180deg,#12b76a0f,#12b76a03);border-color:#12b76a;box-shadow:0 8px 22px #12b76a1f;transform:translateY(-3px)}.vip-activity .package-points{align-items:baseline;display:flex;gap:4px;justify-content:center;min-height:36px;white-space:nowrap}.vip-activity .base-points{color:var(--el-text-color-primary);font-size:22px;font-weight:800;line-height:1}.vip-activity .gift-points{color:#079455;font-size:14px;font-weight:700}.vip-activity .point-unit{color:var(--el-text-color-secondary);font-size:12px;margin-left:2px}.vip-activity .package-pay-button{align-items:center;background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);border-radius:8px;color:var(--el-text-color-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:34px;justify-content:center;margin-top:14px;transition:all .25s ease;width:100%}.vip-activity .package-pay-button:hover:not(:disabled){background:var(--el-bg-color);border-color:#12b76a;color:#12b76a}.vip-activity .package-pay-button.primary{background:#12b76a1f;border:1px solid rgba(18,183,106,.35);box-shadow:none;color:#079455;font-weight:700}.vip-activity .package-pay-button.primary:hover{background:#12b76a38;border-color:#12b76a;color:#067644;transform:translateY(-1px)}.vip-activity .activity-empty,.vip-activity .activity-loading{border:1px dashed var(--el-border-color);border-radius:14px;color:var(--el-text-color-secondary);padding:40px 16px;text-align:center}.vip-activity .activity-divider{background:linear-gradient(90deg,transparent 0,var(--el-border-color-lighter) 20%,var(--el-border-color-lighter) 80%,transparent 100%);height:1px;margin:16px 0}.vip-activity .ladder-head{margin-bottom:12px}.vip-activity .ladder-title{color:var(--el-text-color-primary);flex:1 1 360px;font-size:20px;font-weight:800;line-height:1.3}.vip-activity .recharge-total{background:#12b76a14;border:1px solid rgba(18,183,106,.2);border-radius:999px;color:var(--el-text-color-regular);flex-shrink:0;font-size:13px;padding:7px 16px;white-space:nowrap}.vip-activity .recharge-total span{color:#079455;font-size:15px;font-weight:800;margin-left:4px}.vip-activity .ladder-cards{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.vip-activity .ladder-card{align-items:center;background:var(--el-fill-color-blank);border:1.5px solid var(--el-border-color-lighter);border-radius:14px;display:flex;gap:10px;justify-content:space-between;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.vip-activity .ladder-card:hover{border-color:#12b76a66;box-shadow:0 8px 24px #0000000d;transform:translateY(-2px)}.vip-activity .ladder-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.vip-activity .ladder-threshold{color:var(--el-text-color-secondary);font-size:12px;font-weight:500;white-space:nowrap}.vip-activity .ladder-reward{color:#079455;font-size:18px;font-weight:800;line-height:1.2;margin:0;white-space:nowrap}.vip-activity .ladder-reward span{font-size:11px;font-weight:600;margin-left:2px}.vip-activity .reward-button{align-items:center;background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);border-radius:8px;color:var(--el-text-color-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;margin-top:0;transition:all .25s ease;width:86px}.vip-activity .reward-button.ready{animation:reward-pulse-bounce 1.6s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(135deg,#12b76a,#079455);border:0;box-shadow:0 4px 14px #12b76a59;color:#fff}.vip-activity .reward-button.ready:hover{animation-play-state:paused;background:linear-gradient(135deg,#079455,#067644);box-shadow:0 6px 20px #12b76a8c;color:#fff;transform:translateY(-2px)}.vip-activity .reward-button.disabled,.vip-activity .reward-button.done{background:var(--el-fill-color-light);border-color:var(--el-border-color-lighter);box-shadow:none;color:var(--el-text-color-placeholder);cursor:not-allowed}.vip-activity .reward-button.disabled:hover,.vip-activity .reward-button.done:hover{background:var(--el-fill-color-light);border-color:var(--el-border-color-lighter);color:var(--el-text-color-placeholder);transform:none}@media(max-width:1200px){.vip-activity .package-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.vip-activity .ladder-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.vip-activity .activity-shell{padding:20px}.vip-activity .header-left{align-items:flex-start;flex-basis:100%}.vip-activity .ladder-cards,.vip-activity .package-cards{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.vip-activity .header-left{flex-direction:column}}@keyframes reward-pulse-bounce{0%,to{box-shadow:0 4px 14px #12b76a59;transform:translateY(0)}50%{box-shadow:0 8px 20px #12b76a8c;transform:translateY(-4px)}}