:root,:root.light{--act-shell-bg: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);--act-shell-border:var(--el-border-color-lighter,#e2e8f0);--act-shell-shadow:0 16px 40px rgba(15,23,42,.06);--act-time-bg:rgba(241,245,249,.8);--act-time-border:rgba(226,232,240,.8);--act-pkg-bg:var(--el-bg-color,#fff);--act-pkg-border:var(--el-border-color-lighter,#e2e8f0);--act-pkg-hover-bg:linear-gradient(180deg,rgba(18,183,106,.04) 0%,var(--el-bg-color,#fff) 100%);--act-pkg-selected-bg:linear-gradient(180deg,rgba(18,183,106,.06),rgba(18,183,106,.01));--act-gift-color:#079455;--act-primary-btn-bg:rgba(18,183,106,.12);--act-primary-btn-color:#079455;--act-primary-btn-hover-bg:rgba(18,183,106,.22);--act-primary-btn-hover-color:#067644;--act-recharge-bg:rgba(18,183,106,.08);--act-recharge-border:rgba(18,183,106,.2);--act-recharge-num-color:#079455;--act-ladder-bg:var(--el-fill-color-blank,#fff);--act-ladder-border:var(--el-border-color-lighter,#e2e8f0);--act-ladder-reward-color:#079455}.dark,:root.dark,[data-theme=dark],html.dark{--act-shell-bg:radial-gradient(ellipse at 20% 0%,rgba(18,183,106,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(7,148,85,.08) 0%,transparent 60%),linear-gradient(180deg,#1b2538,#121c2e);--act-shell-border:hsla(0,0%,100%,.12);--act-shell-shadow:0 16px 40px rgba(0,0,0,.45);--act-time-bg:rgba(30,41,59,.7);--act-time-border:hsla(0,0%,100%,.12);--act-pkg-bg:#0d1422;--act-pkg-border:hsla(0,0%,100%,.1);--act-pkg-hover-bg:linear-gradient(180deg,rgba(18,183,106,.12),#0d1422);--act-pkg-selected-bg:linear-gradient(180deg,rgba(18,183,106,.2),rgba(18,183,106,.04));--act-gift-color:#34d399;--act-primary-btn-bg:rgba(18,183,106,.22);--act-primary-btn-color:#34d399;--act-primary-btn-hover-bg:rgba(18,183,106,.35);--act-primary-btn-hover-color:#6ee7b7;--act-recharge-bg:rgba(18,183,106,.15);--act-recharge-border:rgba(18,183,106,.35);--act-recharge-num-color:#34d399;--act-ladder-bg:#0d1422;--act-ladder-border:hsla(0,0%,100%,.1);--act-ladder-reward-color:#34d399}.vip-activity{color:var(--el-text-color-primary);width:100%}.vip-activity .activity-shell{background:var(--act-shell-bg);border:1px solid var(--act-shell-border);border-radius:20px;box-shadow:var(--act-shell-shadow);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:var(--act-time-bg);border:1px solid var(--act-time-border);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(--act-pkg-bg);border:1.5px solid var(--act-pkg-border);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:var(--act-pkg-hover-bg);border-color:#12b76a;box-shadow:0 8px 20px #12b76a26;transform:translateY(-2px)}.vip-activity .package-card.selected{background:var(--act-pkg-selected-bg);border-color:#12b76a;box-shadow:0 8px 22px #12b76a33;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:var(--act-gift-color);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(--act-pkg-border);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(--act-pkg-bg);border-color:#12b76a;color:#12b76a}.vip-activity .package-pay-button.primary{background:var(--act-primary-btn-bg);border:1px solid rgba(18,183,106,.35);box-shadow:none;color:var(--act-primary-btn-color);font-weight:700}.vip-activity .package-pay-button.primary:hover{background:var(--act-primary-btn-hover-bg);border-color:#12b76a;color:var(--act-primary-btn-hover-color);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:var(--act-recharge-bg);border:1px solid var(--act-recharge-border);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:var(--act-recharge-num-color);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(--act-ladder-bg);border:1.5px solid var(--act-ladder-border);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 #00000026;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:var(--act-ladder-reward-color);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(--act-pkg-border);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(--act-pkg-border);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}}.dark .vip-activity .activity-shell,:root.dark .vip-activity .activity-shell,[data-theme=dark] .vip-activity .activity-shell,html.dark .vip-activity .activity-shell{background:radial-gradient(ellipse at 20% 0,rgba(18,183,106,.12) 0,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(7,148,85,.08) 0,transparent 60%),linear-gradient(180deg,#1b2538,#121c2e)!important;border-color:#ffffff1f!important;box-shadow:0 16px 40px #00000073!important}.dark .vip-activity .activity-title,.dark .vip-activity .ladder-title,:root.dark .vip-activity .activity-title,:root.dark .vip-activity .ladder-title,[data-theme=dark] .vip-activity .activity-title,[data-theme=dark] .vip-activity .ladder-title,html.dark .vip-activity .activity-title,html.dark .vip-activity .ladder-title{color:#f8fafc!important}.dark .vip-activity .activity-subtitle,:root.dark .vip-activity .activity-subtitle,[data-theme=dark] .vip-activity .activity-subtitle,html.dark .vip-activity .activity-subtitle{color:#94a3b8!important}.dark .vip-activity .activity-time,:root.dark .vip-activity .activity-time,[data-theme=dark] .vip-activity .activity-time,html.dark .vip-activity .activity-time{background:#1e293bb3!important;border-color:#ffffff1f!important;color:#cbd5e1!important}.dark .vip-activity .ladder-card,.dark .vip-activity .package-card,:root.dark .vip-activity .ladder-card,:root.dark .vip-activity .package-card,[data-theme=dark] .vip-activity .ladder-card,[data-theme=dark] .vip-activity .package-card,html.dark .vip-activity .ladder-card,html.dark .vip-activity .package-card{background:#0d1422!important;border-color:#ffffff1a!important}.dark .vip-activity .base-points,:root.dark .vip-activity .base-points,[data-theme=dark] .vip-activity .base-points,html.dark .vip-activity .base-points{color:#f8fafc!important}.dark .vip-activity .gift-points,.dark .vip-activity .ladder-reward,:root.dark .vip-activity .gift-points,:root.dark .vip-activity .ladder-reward,[data-theme=dark] .vip-activity .gift-points,[data-theme=dark] .vip-activity .ladder-reward,html.dark .vip-activity .gift-points,html.dark .vip-activity .ladder-reward{color:#34d399!important}.dark .vip-activity .package-pay-button,:root.dark .vip-activity .package-pay-button,[data-theme=dark] .vip-activity .package-pay-button,html.dark .vip-activity .package-pay-button{background:#1e293b!important;border-color:#ffffff1f!important;color:#f8fafc!important}.dark .vip-activity .package-pay-button.primary,:root.dark .vip-activity .package-pay-button.primary,[data-theme=dark] .vip-activity .package-pay-button.primary,html.dark .vip-activity .package-pay-button.primary{background:#12b76a38!important;border-color:#12b76a73!important;color:#34d399!important}.dark .vip-activity .recharge-total,:root.dark .vip-activity .recharge-total,[data-theme=dark] .vip-activity .recharge-total,html.dark .vip-activity .recharge-total{background:#12b76a26!important;border-color:#12b76a59!important;color:#cbd5e1!important}.dark .vip-activity .recharge-total span,:root.dark .vip-activity .recharge-total span,[data-theme=dark] .vip-activity .recharge-total span,html.dark .vip-activity .recharge-total span{color:#34d399!important}@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)}}