.subscribe-checkout-dialog{--subscribe-danger:#ff706a;--subscribe-danger-foreground:#ffdfdc;--subscribe-success:#35c177;--subscribe-success-foreground:#b4eec7;width:min(76rem,100vw - 2rem);max-width:none;overflow:hidden}@supports (color:lab(0% 0 0)){.subscribe-checkout-dialog{--subscribe-danger:lab(65.6379% 59.7559 34.9846);--subscribe-danger-foreground:lab(91.556% 10.7385 5.7985);--subscribe-success:lab(69.5911% -51.1996 26.4252);--subscribe-success-foreground:lab(89.4671% -24.9873 12.8218)}}.subscribe-checkout-dialog.is-paid{width:min(46rem,100vw - 2rem)}.subscribe-checkout-success{justify-items:center;padding-top:.5rem;display:grid}.subscribe-checkout-dialog.is-paid .subscribe-checkout-modal-footer{justify-content:center}.subscribe-checkout-dialog.is-paid .subscribe-checkout-modal-footer>*{justify-content:center;width:min(100%,18rem)}.subscribe-checkout-success .payment-success-art h3{font-size:clamp(2.3rem,6vw,3.4rem)}.subscribe-checkout-success .payment-success-art>p:not(.payment-success-kicker,.payment-success-order){font-size:1rem}.subscribe-checkout-success .subscribe-order-summary{width:100%;margin-top:1.6rem}.subscribe-checkout-eyebrow{color:var(--accent);letter-spacing:.2em;margin:0 0 .85rem;font-size:.72rem;font-weight:700}.subscribe-checkout{padding-block:.25rem}.subscribe-checkout-modal-header{padding-right:3.25rem}.subscribe-checkout-modal-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}.subscribe-checkout-modal-header>div>p:last-child{max-width:46rem;color:var(--muted);margin-top:.55rem;line-height:1.6}.subscribe-checkout-modal-footer{gap:.75rem}.subscribe-checkout-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.subscribe-order-reference{color:var(--muted);margin:0;font-size:.8rem}.subscribe-checkout-heading>span{color:var(--muted);background:var(--default);border-radius:999px;padding:.5rem .75rem;font-size:.75rem}.subscribe-checkout-heading>span[data-status=paid]{color:var(--subscribe-success-foreground);background:color-mix(in oklch, var(--subscribe-success) 20%, transparent)}.subscribe-order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1.25rem;display:grid}.subscribe-order-summary[data-show-amount=false]{grid-template-columns:repeat(2,minmax(0,1fr))}.subscribe-order-summary>div{border:1px solid var(--border);background:color-mix(in oklch, var(--surface-secondary) 68%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:1rem;padding:.85rem 1rem}.subscribe-order-summary dt{color:var(--muted);font-size:.72rem}.subscribe-order-summary dd{color:var(--foreground);margin:.25rem 0 0;font-weight:750}.subscribe-poll-error,.subscribe-payment-result{border:1px solid var(--border);color:var(--muted);background:color-mix(in oklch, var(--surface) 64%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:1rem;padding:1.25rem}.subscribe-payment-result h3{color:var(--foreground);margin:0 0 .45rem}.subscribe-poll-error{border-color:color-mix(in oklch, var(--subscribe-danger) 35%, var(--border));color:var(--subscribe-danger-foreground);background:color-mix(in oklch, var(--subscribe-danger) 12%, var(--surface));margin-top:1.5rem}.subscribe-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.subscribe-channel-card{border:1px solid var(--border);text-align:left;background:color-mix(in oklch, var(--surface-secondary) 64%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:1rem;flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.subscribe-channel-card:before{background:var(--channel-glow,#19affe2e);content:"";filter:blur(3rem);pointer-events:none;border-radius:999px;width:9rem;height:9rem;position:absolute;inset:-5rem -4rem auto auto}@supports (color:lab(0% 0 0)){.subscribe-channel-card:before{background:var(--channel-glow,lab(67.2977% -16.1238 -49.8526/.18))}}.subscribe-channel-card[data-payment-channel=wechat]{--channel-glow:#4cd6763d}@supports (color:lab(0% 0 0)){.subscribe-channel-card[data-payment-channel=wechat]{--channel-glow:lab(76.742% -54.3943 35.916/.24)}}.subscribe-channel-card[data-payment-channel=alipay]{--channel-glow:#00afff42}@supports (color:lab(0% 0 0)){.subscribe-channel-card[data-payment-channel=alipay]{--channel-glow:lab(67.1932% -16.4474 -55.8621/.26)}}.subscribe-channel-card[data-payment-channel=stripe]{--channel-glow:#9f87ff3d}@supports (color:lab(0% 0 0)){.subscribe-channel-card[data-payment-channel=stripe]{--channel-glow:lab(62.322% 36.5956 -67.077/.24)}}.subscribe-channel-header{justify-content:center;align-items:center;margin-bottom:1.15rem;display:flex;position:relative}.subscribe-channel-mark{width:7.25rem;height:3rem;box-shadow:0 .8rem 2rem var(--channel-glow);background:#f8fafef5;background:lab(98.2444% -.267357 -1.87222/.96);border:1px solid #e0e5ede6;border:1px solid lab(90.681% -.612944 -4.47705/.9);border-radius:.85rem;flex:none;justify-content:center;align-items:center;padding:.55rem .7rem;display:flex}.subscribe-channel-mark img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.subscribe-channel-card>p{color:var(--muted);margin-top:.35rem;font-size:.85rem;line-height:1.55}.subscribe-channel-card>.subscribe-channel-amount{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;margin:0 0 1rem;padding-bottom:.85rem;display:flex;position:relative}.subscribe-channel-amount span{color:var(--muted);font-size:.75rem}.subscribe-channel-amount strong{color:var(--foreground);font-size:1.05rem;font-weight:780}.subscribe-payment-action{border-color:color-mix(in oklch, var(--accent) 42%, var(--border));width:100%;box-shadow:0 .7rem 2rem var(--channel-glow);justify-content:center;margin-top:auto}.subscribe-redirect-guide{border:1px solid color-mix(in oklch, var(--accent) 24%, var(--border));background:color-mix(in oklch, var(--surface) 58%, transparent);border-radius:.9rem;margin-bottom:1.2rem;padding:.9rem;position:relative}.subscribe-redirect-guide>p{color:var(--muted);letter-spacing:.08em;margin:0 0 .65rem;font-size:.72rem;font-weight:700}.subscribe-redirect-guide ol{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.subscribe-redirect-guide li{color:var(--foreground);align-items:center;gap:.65rem;font-size:.8rem;display:flex}.subscribe-redirect-guide li span{border:1px solid color-mix(in oklch, var(--accent) 32%, var(--border));width:1.4rem;height:1.4rem;color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent);border-radius:999px;flex:none;place-items:center;font-size:.68rem;font-weight:800;display:grid}.subscribe-qr{background:#fff;border-radius:.8rem;width:fit-content;margin:.25rem auto 0;padding:.75rem}.subscribe-channel-hint{text-align:center;margin-top:.9rem}.subscribe-channel-error{color:var(--subscribe-danger-foreground)!important}.subscribe-payment-result.success{border-color:color-mix(in oklch, var(--subscribe-success) 35%, var(--border));background:color-mix(in oklch, var(--subscribe-success) 10%, var(--surface))}@media (max-width:1050px){.subscribe-channel-grid{grid-template-columns:1fr}.subscribe-checkout-dialog{width:min(42rem,100vw - 2rem)}}@media (max-width:640px){.subscribe-checkout-heading{flex-direction:column;align-items:flex-start}.subscribe-order-summary,.subscribe-order-summary[data-show-amount=false]{grid-template-columns:1fr}.subscribe-checkout-modal-footer{flex-direction:column;align-items:stretch}.subscribe-checkout-modal-footer>*{justify-content:center;width:100%}}