.sub-ui{--sub-font:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--sub-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;--sub-bg:hsl(60 12% 99%);--sub-surface:hsl(60 8% 97%);--sub-card:#fff;--sub-elevated:hsl(60 7% 94%);--sub-border:hsl(50 12% 87%);--sub-input:hsl(50 10% 78%);--sub-fg:hsl(228 25% 18%);--sub-muted:hsl(228 11% 41%);--sub-subtle:hsl(228 9% 56%);--sub-accent:hsl(212 65% 50%);--sub-accent-hover:hsl(212 65% 44%);--sub-accent-fg:#fff;--sub-accent-soft:hsl(212 65% 50%/.08);--sub-shadow-lift:0 0 0 .5px rgba(148,163,184,.28),0 1px 2px rgba(15,23,42,.04),0 12px 32px -8px rgba(15,23,42,.08);--sub-shadow-lift-hover:0 0 0 .5px rgba(148,163,184,.32),0 2px 4px rgba(15,23,42,.05),0 20px 44px -8px rgba(15,23,42,.13);--sub-shadow-lift-accent:0 0 0 1px hsl(212 65% 50%/.38),0 1px 2px rgba(15,23,42,.04),0 16px 40px -8px hsl(212 65% 50%/.20);--sub-r:12px;--sub-r-sm:8px;color-scheme:light}[data-theme=dark] .sub-ui{--sub-bg:hsl(228 20% 8%);--sub-surface:hsl(228 18% 10%);--sub-card:hsl(228 16% 12%);--sub-elevated:hsl(228 14% 16%);--sub-border:hsl(228 12% 22%);--sub-input:hsl(228 12% 30%);--sub-fg:hsl(228 20% 92%);--sub-muted:hsl(228 12% 65%);--sub-subtle:hsl(228 10% 48%);--sub-accent:hsl(212 70% 60%);--sub-accent-hover:hsl(212 70% 66%);--sub-accent-fg:#fff;--sub-accent-soft:hsl(212 70% 60%/.12);--sub-shadow-lift:0 0 0 .5px rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.04),0 12px 32px -8px rgba(0,0,0,.08);--sub-shadow-lift-hover:0 0 0 .5px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.05),0 20px 44px -8px rgba(0,0,0,.13);--sub-shadow-lift-accent:0 0 0 1px hsl(212 70% 60%/.38),0 1px 2px rgba(0,0,0,.04),0 16px 40px -8px hsl(212 70% 60%/.20);color-scheme:dark}.sub-ui,.sub-ui *{box-sizing:border-box}.sub-ui{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sub-bg);color:var(--sub-fg);font-family:var(--sub-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sub-ui button,.sub-ui input,.sub-ui select{font:inherit;color:inherit}.sub-ui button{cursor:pointer;background:none;border:0;padding:0}.sub-ui a:focus-visible,.sub-ui button:focus-visible{outline:2px solid var(--sub-accent);outline-offset:2px}.sub-ui a{color:var(--sub-muted)}.sub-ui .num{font-variant-numeric:tabular-nums}.sub-ui .promo{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:10px;height:36px;padding:0 16px;font-size:14.5px;color:var(--sub-muted);background:rgba(255,255,255,.6);border-bottom:.5px solid var(--sub-border);backdrop-filter:blur(8px)}[data-theme=dark] .sub-ui .promo{background:hsl(228 16% 12%/.6)}.sub-ui .promo>svg{color:var(--sub-accent);flex-shrink:0}.sub-ui .promo .promo-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-ui .promo .promo-msg-short{display:none}.sub-ui .promo .cd{font-family:var(--sub-mono);font-size:14px;color:var(--sub-accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex-shrink:0}.sub-ui .wrap{position:relative;max-width:1240px;width:100%;margin:0 auto;padding:36px 24px 40px}.sub-ui .back{position:absolute;left:24px;top:34px;z-index:2;width:32px;height:32px;border-radius:var(--sub-r-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--sub-muted);transition:background .15s,color .15s}.sub-ui .back:hover{background:var(--sub-elevated);color:var(--sub-fg)}.sub-ui h1{position:relative;z-index:1;margin:0;text-align:center;font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.sub-ui .seg-row{position:relative;z-index:1;display:flex;justify-content:center;margin:24px 0 30px}.sub-ui .seg{position:relative;display:inline-flex;padding:3px;border-radius:999px;background:rgba(248,250,252,.8);box-shadow:inset 0 0 0 .5px var(--sub-border)}[data-theme=dark] .sub-ui .seg{background:rgba(255,255,255,.06)}.sub-ui .seg .thumb{position:absolute;top:3px;height:calc(100% - 6px);border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(15,23,42,.14),0 0 0 .5px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(8px) saturate(140%);transition:left .32s cubic-bezier(.34,1.35,.4,1),width .32s cubic-bezier(.34,1.35,.4,1)}[data-theme=dark] .sub-ui .seg .thumb{background:rgba(255,255,255,.14)}.sub-ui .seg button{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:6px 18px;border-radius:999px;font-size:13px;color:var(--sub-muted);transition:color .25s}.sub-ui .seg button.on{color:var(--sub-fg);font-weight:500}.sub-ui .seg .save{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:hsl(38 90% 92%);color:hsl(28 70% 36%);line-height:1.3}.sub-ui .field{position:absolute;inset:0;z-index:0;pointer-events:none}.sub-ui .field i{position:absolute;border-radius:50%;filter:blur(90px)}.sub-ui .field i:first-child{left:10%;top:22%;width:620px;height:560px;background:hsl(212 80% 62%/.2)}.sub-ui .field i:nth-child(2){right:6%;top:14%;width:720px;height:560px;background:hsl(232 60% 62%/.15)}.sub-ui .field i:nth-child(3){left:40%;bottom:-6%;width:600px;height:420px;background:hsl(40 60% 70%/.12)}[data-theme=dark] .sub-ui .field i:first-child{background:hsl(212 80% 62%/.3)}[data-theme=dark] .sub-ui .field i:nth-child(2){background:hsl(232 60% 62%/.225)}[data-theme=dark] .sub-ui .field i:nth-child(3){background:hsl(40 60% 70%/.18)}.sub-ui .cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,272px));justify-content:center;gap:24px;align-items:stretch}@media (max-width:1180px){.sub-ui .cards{grid-template-columns:repeat(2,minmax(0,300px))}}@media (max-width:660px){.sub-ui .cards{grid-template-columns:minmax(0,360px)}}.sub-ui .plan{position:relative;display:flex;flex-direction:column;border-radius:var(--sub-r);padding:22px;background:linear-gradient(180deg,#fff,#fdfdfb);box-shadow:var(--sub-shadow-lift);transition:box-shadow .2s,transform .2s}[data-theme=dark] .sub-ui .plan{background:linear-gradient(180deg,hsl(228 16% 12%),hsl(228 17% 10%))}.sub-ui .plan:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}[data-theme=dark] .sub-ui .plan:after{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sub-ui .plan:hover{box-shadow:var(--sub-shadow-lift-hover);transform:translateY(-1px)}.sub-ui .plan.hot{background:linear-gradient(180deg,hsl(212 70% 97%),#fff 46%,#fdfdfb);box-shadow:var(--sub-shadow-lift-accent)}[data-theme=dark] .sub-ui .plan.hot{background:linear-gradient(180deg,hsl(212 34% 17%),hsl(228 16% 12%) 46%,hsl(228 17% 10%))}.sub-ui .plan.hot:hover{box-shadow:0 0 0 1px hsl(212 65% 50%/.45),0 2px 4px rgba(15,23,42,.05),0 24px 52px -8px hsl(212 65% 50%/.24)}.sub-ui .plan.cur{box-shadow:var(--sub-shadow-lift),inset 0 0 0 1.5px hsl(212 65% 50%/.22)}.sub-ui .plan.cur:hover{box-shadow:var(--sub-shadow-lift-hover),inset 0 0 0 1.5px hsl(212 65% 50%/.22)}.sub-ui .plan .pop{left:22px;background:var(--sub-accent);color:var(--sub-accent-fg)}.sub-ui .plan .pop,.sub-ui .plan .save{position:absolute;top:-11px;z-index:2;font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;box-shadow:0 1px 2px rgba(15,23,42,.12)}.sub-ui .plan .save{right:22px;background:var(--sub-card);color:var(--sub-accent);border:1px solid var(--sub-accent);white-space:nowrap}.sub-ui .price{margin-top:22px;display:flex;align-items:baseline;gap:4px}.sub-ui .price .cur{font-size:17px;font-weight:600;color:var(--sub-muted);align-self:flex-start;margin:4px 0 0}.sub-ui .price .cur+.n{margin-left:-2px}.sub-ui .price .n{font-size:30px;font-weight:600;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}.sub-ui .price .per{font-size:13px;color:var(--sub-muted)}.sub-ui .billed{margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-ui .billed,.sub-ui .inherit{height:18px;font-size:12px;color:var(--sub-subtle)}.sub-ui .inherit{margin:22px 0 0;display:flex;align-items:center}.sub-ui .inherit svg{margin-left:4px;flex-shrink:0}.sub-ui .plan ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13px}.sub-ui .plan ul.top{margin-top:22px;padding-top:26px}.sub-ui .plan li{display:flex;gap:8px;align-items:flex-start;color:var(--sub-muted)}.sub-ui .plan li svg{flex-shrink:0;margin-top:3px;color:var(--sub-accent)}.sub-ui .plan li b{font-weight:500;color:var(--sub-fg)}.sub-ui .plan li a.feat-link{color:var(--sub-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:.5px;transition:color .15s}.sub-ui .plan li a.feat-link:hover{color:var(--sub-accent-hover)}.sub-ui .plan li .feat-tip{display:inline-flex;align-items:center;vertical-align:-2px;margin-left:4px;padding:0;border:0;background:none;color:var(--sub-subtle);cursor:help;transition:color .15s}.sub-ui .plan li .feat-tip:hover{color:var(--sub-accent)}.sub-ui .foot-cta{margin-top:auto;padding-top:22px}.sub-ui .alipay{width:100%;margin:0 0 10px;padding:0;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--sub-subtle);cursor:pointer;transition:color .15s}.sub-ui .alipay:hover:not(:disabled){color:var(--sub-accent)}.sub-ui .alipay:disabled{cursor:default;opacity:.6}.sub-ui .cta{width:100%;height:42px;border-radius:var(--sub-r-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .1s}.sub-ui .cta:active{transform:translateY(.5px)}.sub-ui .cta.primary{color:#fff;background:linear-gradient(180deg,hsl(212 68% 56%),hsl(212 66% 46%));box-shadow:0 0 0 1px hsl(212 60% 40%),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 2px rgba(15,23,42,.1),0 6px 14px -6px hsl(212 66% 46%/.55)}.sub-ui .cta.primary:hover:not(:disabled){background:linear-gradient(180deg,hsl(212 70% 60%),hsl(212 66% 49%));box-shadow:0 0 0 1px hsl(212 60% 40%),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 4px rgba(15,23,42,.1),0 10px 20px -6px hsl(212 66% 46%/.6)}.sub-ui .cta.secondary{color:var(--sub-fg);background:linear-gradient(180deg,#fff,#fafaf8);box-shadow:0 0 0 1px var(--sub-border),inset 0 1px 0 #fff,0 1px 2px rgba(15,23,42,.06),0 2px 6px -2px rgba(15,23,42,.06)}.sub-ui .cta.secondary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#f4f4f1);box-shadow:0 0 0 1px var(--sub-input),inset 0 1px 0 #fff,0 2px 4px rgba(15,23,42,.08),0 4px 10px -4px rgba(15,23,42,.1)}[data-theme=dark] .sub-ui .cta.secondary{background:var(--sub-card);box-shadow:0 0 0 1px var(--sub-border),inset 0 1px 0 rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.3),0 2px 6px -2px rgba(0,0,0,.3)}[data-theme=dark] .sub-ui .cta.secondary:hover:not(:disabled){background:var(--sub-elevated);box-shadow:0 0 0 1px var(--sub-input),inset 0 1px 0 rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.35)}.sub-ui .cta.curr{color:var(--sub-accent);background:linear-gradient(180deg,hsl(212 70% 97%),hsl(212 65% 95%));box-shadow:0 0 0 1px hsl(212 65% 50%/.22),inset 0 1px 0 rgba(255,255,255,.8);cursor:default}[data-theme=dark] .sub-ui .cta.curr{background:linear-gradient(180deg,hsl(212 34% 20%),hsl(212 32% 17%));box-shadow:0 0 0 1px hsl(212 70% 60%/.32),inset 0 1px 0 rgba(255,255,255,.06)}.sub-ui .cta.soon{color:var(--sub-subtle);background:var(--sub-surface);box-shadow:0 0 0 1px var(--sub-border),inset 0 1px 0 #fff;cursor:default}[data-theme=dark] .sub-ui .cta.soon{box-shadow:0 0 0 1px var(--sub-border),inset 0 1px 0 rgba(255,255,255,.05)}.sub-ui .ref{position:relative;z-index:1;margin:28px auto 0;max-width:1160px;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px var(--sub-border);font-size:13px;flex-wrap:wrap}[data-theme=dark] .sub-ui .ref{background:hsl(228 16% 12%/.7)}.sub-ui .ref .ic{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--sub-elevated);color:var(--sub-muted)}.sub-ui .ref b{font-weight:600;color:var(--sub-fg)}.sub-ui .ref span{color:var(--sub-muted)}.sub-ui .ref .cta{margin:0 0 0 auto;width:auto;height:30px;padding:0 14px;font-size:13px}.sub-ui .foot{position:relative;z-index:1;margin:18px 0 0;text-align:center;font-size:12px;color:var(--sub-subtle)}.sub-ui .foot a{color:var(--sub-muted)}.sub-ui .loading{flex:1;display:flex;align-items:center;justify-content:center}@media (max-width:660px){.sub-ui .promo .promo-msg-long{display:none}.sub-ui .promo .promo-msg-short{display:block}.sub-ui .back{position:static;margin-bottom:12px}.sub-ui h1{font-size:26px}.sub-ui .ref{height:auto;min-height:0;padding:12px 14px;flex-direction:column;align-items:stretch;gap:10px;flex-wrap:nowrap}.sub-ui .ref .cta{margin:0;width:100%;height:36px}}@media (prefers-reduced-motion:reduce){.sub-ui .plan,.sub-ui .seg .thumb{transition:none}}