.vip-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px;margin-bottom:18px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#102d24,#176d51 65%,#83b94e);box-shadow:var(--shadow)}.vip-hero h2{font-size:clamp(28px,4vw,48px);margin:7px 0}.vip-hero p{margin:0;color:#cce1d7}.vip-balance{min-width:190px;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.1)}.vip-balance small,.vip-balance strong{display:block}.vip-balance strong{font-size:30px}.vip-current,.vip-usage-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:17px 21px;margin-bottom:18px;border:1px solid #cfe0c8;border-radius:16px;background:#edf7e8}.vip-current span,.vip-usage-bar span{font-size:12px;color:var(--muted)}.vip-current strong{font-size:18px}.vip-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.vip-plan-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,252,.94);box-shadow:var(--shadow)}.vip-plan-card.featured{border:2px solid var(--green);transform:translateY(-3px)}.vip-plan-top{display:flex;justify-content:space-between;align-items:center}.vip-plan-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#193528;background:var(--lime)}.vip-plan-card h3{font-size:25px;margin:20px 0 8px}.vip-quota{display:flex;align-items:baseline;gap:8px}.vip-quota strong{font-size:38px}.vip-quota span{color:var(--muted)}.vip-plan-card ul{padding:18px 0 18px 20px;color:var(--muted);min-height:92px}.vip-prices{display:grid;gap:9px}.vip-prices form{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.vip-price{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}.vip-prices .vip-price b,.vip-prices .vip-price small{display:inline}.vip-prices .vip-price b{font-size:21px}.vip-prices .vip-price small{font-size:13px;color:var(--muted)}.vip-required-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:18px;border:1px solid #f0c8a9;border-radius:18px;background:#fff1e5}.vip-required-banner span{display:block;color:var(--muted);font-size:13px}.vip-usage-bar div{display:grid;gap:2px}.vip-usage-bar .mini-btn{margin-left:auto}@media(max-width:700px){.vip-hero,.vip-required-banner{display:block}.vip-balance{margin-top:20px}.vip-required-banner .btn{margin-top:14px}.vip-prices form{grid-template-columns:1fr auto}.vip-plan-card.featured{transform:none}}