.upgrade-panel{width:min(1180px,calc(100% - 32px))}
html{overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}body{overflow-x:hidden}
.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.plan-grid.trial-unavailable:not(.is-collapsed){width:min(880px,100%);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}
.plan-card{height:720px;min-height:0;align-self:start;padding-left:22px;padding-right:22px;transition:opacity .3s var(--curve),transform .42s var(--curve),border-color .25s var(--curve),box-shadow .25s var(--curve)}
.plan-card .feature-title{margin:26px 0 13px}
.plan-card ul{gap:12px}
.plan-card li{gap:10px;font-size:13px;line-height:1.35}
.trial-card{background:#fffaf0;border-color:#f3cb72}
.trial-card[hidden]{display:none!important}.trial-plan-enter{animation:trialPlanIn .38s var(--curve) both}
@keyframes trialPlanIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.trial-badge{position:absolute;right:20px;top:20px;background:#fff0c2;color:#8a5700;border-radius:99px;padding:5px 9px;font-size:11px}
.redeem-layout{position:relative;display:grid;grid-template-columns:0 0 minmax(0,1fr);gap:0;transition:grid-template-columns .48s var(--curve),gap .48s var(--curve)}
.redeem-layout.layout-snap{transition:none}
.redeem-layout>.redeem-panel{grid-column:1}.redeem-layout>.payment-panel{grid-column:2}.redeem-layout>.plan-grid{grid-column:3}
.redeem-layout:has(.redeem-panel.open){grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.redeem-panel{position:absolute;width:0;height:0;min-width:0;opacity:0;transform:translateX(-24px);pointer-events:none;transition:opacity .38s var(--curve),transform .48s var(--curve);overflow:hidden}
.redeem-panel.open{position:relative;width:auto;height:auto;opacity:1;transform:translateX(0);pointer-events:auto}
.redeem-card{position:sticky;top:86px;border:1px solid #c8e2fb;border-radius:22px;background:#fff;padding:22px;box-shadow:0 12px 32px rgba(20,90,150,.1)}
.redeem-card h2{font-size:21px;margin:0 0 8px}.redeem-card p{font-size:13px;line-height:1.6;color:#666;margin:0 0 18px}
.selected-plan{display:block;padding:10px 12px;margin-bottom:16px;border-radius:12px;background:var(--blue-soft);color:var(--blue-dark);font-weight:700;font-size:13px}
.redeem-card label{display:block;font-size:13px;font-weight:650}.redeem-card input{width:100%;height:42px;margin-top:8px;border:1px solid #d3dce6;border-radius:12px;padding:0 12px;font:inherit;outline:0;transition:border-color .2s,box-shadow .2s}.redeem-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(13,134,247,.12)}
.redeem-submit{width:100%;height:42px;border:0;border-radius:21px;margin-top:13px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.redeem-submit:hover{background:var(--blue-dark);transform:translateY(-1px)}.redeem-submit:disabled{opacity:.65;cursor:wait}
.redeem-close{display:inline-flex;border:0;background:transparent;color:#777;padding:7px 0;margin-top:10px;cursor:pointer;font:inherit}.redeem-close:hover{color:var(--blue-dark)}
.payment-panel{position:absolute;width:0;height:0;min-width:0;opacity:0;transform:translateY(14px);pointer-events:none;overflow:hidden;transition:opacity .34s var(--curve),transform .44s var(--curve)}
.redeem-layout:has(.redeem-panel.open) .payment-panel{position:relative;width:auto;height:100%}
.redeem-layout.payment-ready .payment-panel{opacity:1;transform:translateY(0);pointer-events:auto}
.redeem-layout:has(.redeem-panel.open) .redeem-panel,.redeem-layout:has(.redeem-panel.open) .payment-panel,.redeem-layout:has(.redeem-panel.open) .plan-grid{height:100%}
.redeem-layout:has(.redeem-panel.open) .redeem-card,.redeem-layout:has(.redeem-panel.open) .payment-card{position:relative;top:auto;height:100%}
.payment-card{position:sticky;top:86px;border:1px solid #dfe4e9;border-radius:22px;background:#fff;padding:20px;box-shadow:0 12px 32px rgba(20,45,70,.08)}
.payment-kicker{display:block;color:var(--blue-dark);font-size:12px;font-weight:750}.payment-card h2{font-size:20px;margin:7px 0 16px}.payment-qr-wrap{width:min(280px,100%);aspect-ratio:1242/1370;margin:0 auto;border-radius:16px;overflow:hidden;background:#1daf43}.payment-qr-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.qq-group-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:10px 11px;border-radius:12px;background:#f3f5f7}.qq-group-line span{font-size:10px;color:#777}.qq-group-line strong{font-size:13px}.payment-card>p{margin:13px 2px 0;color:#666;font-size:12px;line-height:1.65}.mobile-payment{display:none}
.payment-methods{display:grid;gap:10px}.payment-method{border:1px solid #e1e7ee;border-radius:15px;padding:14px;background:#fff}.payment-method.catfk-method{border-color:#d7e8de;background:#f8fcf9}.payment-method.afdian-method{border-color:#f0dce1;background:#fffafb}.payment-method-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.payment-method-head strong{font-size:16px;color:#1f2933}.payment-method-head span{border-radius:99px;padding:4px 8px;background:#e9f5ed;color:#2b7550;font-size:11px;font-weight:700}.afdian-method .payment-method-head span{background:#fff0f3;color:#be4b60}.payment-method p{min-height:38px;margin:8px 0 12px;color:#667085;font-size:12px;line-height:1.55}.payment-method .afdian-checkout{height:40px;font-size:13px}.afdian-checkout-secondary{background:#e94d6b}.afdian-checkout-secondary:hover{background:#d63f5c}.payment-card>.payment-help{margin-top:13px}
.afdian-payment-mark{min-height:180px;margin:4px 0 16px;border-radius:18px;background:#fff5f7;border:1px solid #ffd8df;display:grid;place-content:center;text-align:center}.afdian-payment-mark strong{font-size:28px;color:#e84b68}.afdian-payment-mark span{margin-top:7px;color:#8e6570;font-size:12px}.afdian-checkout{width:100%;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:transform .22s var(--curve),background .22s,box-shadow .22s}.afdian-checkout:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 8px 22px rgba(13,134,247,.22)}
.plan-grid{transition:transform .48s var(--curve),opacity .48s var(--curve)}.plan-grid.is-shifted{transform:translateX(5px)}
.plan-grid.is-preparing .plan-card:not(.is-selected){opacity:0;transform:translateY(8px) scale(.975);pointer-events:none;transition:opacity .18s var(--curve),transform .18s var(--curve)}
.plan-grid.is-shifted .plan-card:not(.is-selected){opacity:0;transform:translateX(24px) scale(.96);pointer-events:none;transition:opacity .26s var(--curve),transform .3s var(--curve)}
.plan-grid.is-collapsed{grid-template-columns:1fr;justify-content:stretch;align-items:stretch}
.plan-grid.is-collapsed .plan-card:not(.is-selected){display:none}
.plan-grid.is-collapsed .plan-card.is-selected{grid-column:1;height:100%}
.plan-grid.is-returning .plan-card:not(.is-selected){opacity:0;transform:translateY(8px) scale(.975)}
.plan-grid.is-restoring .plan-card:nth-child(2){transition-delay:35ms}.plan-grid.is-restoring .plan-card:nth-child(3){transition-delay:70ms}.plan-grid.is-restoring .plan-card:nth-child(4){transition-delay:105ms}
.plan-card-motion{position:fixed!important;z-index:80!important;margin:0!important;min-height:0!important;max-width:none!important;overflow:hidden;pointer-events:none;transition:left .58s cubic-bezier(.4,0,.2,1),top .58s cubic-bezier(.4,0,.2,1),width .58s cubic-bezier(.4,0,.2,1),height .58s cubic-bezier(.4,0,.2,1),box-shadow .58s cubic-bezier(.4,0,.2,1)!important;animation:none!important;will-change:left,top,width,height;box-shadow:0 18px 48px rgba(20,80,135,.18)!important}
@media(max-width:900px){.redeem-layout:has(.redeem-panel.open){grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.payment-card,.redeem-card{padding:17px}}
@media(max-width:680px){.redeem-layout,.redeem-layout:has(.redeem-panel.open){display:block}.payment-panel{display:none}.mobile-payment{display:block;margin:0 0 16px;padding:12px;border-radius:16px;background:#f4f6f8}.mobile-payment-actions{display:grid;gap:9px}.mobile-payment .afdian-checkout{margin:0}.redeem-card .mobile-payment p{margin:10px 0 0;text-align:center;font-size:12px}.redeem-panel{position:fixed;inset:0;z-index:50;display:grid;align-items:end;padding:14px;background:rgba(20,25,30,0);opacity:0;transform:none;transition:background .34s var(--curve),opacity .24s var(--curve);overflow:auto}.redeem-panel.open{background:rgba(20,25,30,.38);opacity:1}.redeem-card{position:relative;top:auto;width:100%;max-height:calc(100vh - 28px);overflow:auto;border-radius:24px;padding:22px;transform:translateY(28px);transition:transform .4s var(--curve)}.redeem-panel.open .redeem-card{transform:translateY(0)}.plan-grid.is-shifted{transform:none}.plan-grid.is-collapsed{grid-template-columns:1fr}}
.monthly-card{background:#fff;border-color:#b9dffc}
.annual-card{background:var(--blue-soft);border-color:#8fc8f7}
@media(max-width:1050px){.upgrade-panel{width:min(800px,calc(100% - 28px))}.plan-grid,.plan-grid.trial-unavailable:not(.is-collapsed){width:100%;grid-template-columns:1fr 1fr}}
@media(max-width:680px){.upgrade-panel{width:min(100% - 24px,500px)}.plan-grid,.plan-grid.trial-unavailable:not(.is-collapsed){grid-template-columns:1fr}.plan-card{height:auto!important;padding-left:20px;padding-right:20px}.redeem-layout:has(.redeem-panel.open) .redeem-card{height:auto}}
.product-filter{width:max-content;max-width:100%;margin:22px auto 28px;padding:4px;background:#e9e9e9;border-radius:24px}
.product-filter button{min-width:92px;padding:10px 16px}
.product-comparison{animation:viewIn .4s var(--curve)}
.product-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.product-heading h3{font-size:24px;margin:4px 0 0}.product-heading small{color:#777}
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tier{min-height:410px;border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff}.pro-tier{background:var(--blue-soft);border-color:#9bcffa}.tier>span{font-size:14px;font-weight:700}.pro-tier>span{color:var(--blue-dark)}.tier h4{font-size:26px;margin:24px 0 28px}.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.tier li{position:relative;padding-left:25px;line-height:1.5}.tier li:before{content:'✓';position:absolute;left:0;color:#777}.pro-tier li:before{color:var(--blue-dark);font-weight:800}.hero-number{font-size:52px;line-height:1;margin:-4px 0 30px}.hero-number small{display:block;font-size:13px;color:#666;margin-top:9px}.pro-tier .hero-number{color:var(--blue-dark)}
@media(max-width:680px){.product-filter{justify-content:flex-start;width:100%;overflow-x:auto}.product-filter button{min-width:78px}.tier-grid{grid-template-columns:1fr}.tier{min-height:0;border-radius:20px;padding:22px}.tier h4{font-size:22px;margin:18px 0 22px}.hero-number{font-size:44px}.product-heading h3{font-size:21px}}
