.pricing-html{background:linear-gradient(180deg,#f2ffe8 0%,rgba(242,255,232,.354) 20%,rgba(242,255,232,.2) 40%,#f2ffe8 60%,rgba(242,255,232,.6) 80%,#f2ffe8 100%),#fff}
.pricing-document{display:block;min-width:0;background:transparent;color:rgba(0,0,0,.9);font-family:"PingFang SC","Alibaba PuHuiTi 3.0","Microsoft YaHei",system-ui,sans-serif}
.pricing-artboard{position:relative;isolation:isolate;width:100%;min-height:2791px;overflow:hidden;background:transparent}
.pricing-top-background{position:absolute;z-index:0;inset:0 0 auto;width:100%;height:1186.667px;overflow:visible;background:transparent}
.pricing-decoration{position:absolute;top:140px;left:0;width:100%;height:1365.333px;overflow:visible;opacity:.4;filter:none}
.pricing-noise{position:absolute;inset:0;width:100%;height:1365.333px;max-width:none}
.pricing-shape{position:absolute;top:-50.99px;width:101.75%;height:1529.886px;max-width:none}
.pricing-shape-left{left:-51.45%;transform:rotate(180deg) scaleY(-1)}
.pricing-shape-right{left:46.46%;transform:rotate(180deg) scaleY(-1)}
.pricing-ellipses{position:absolute;left:-38.78%;top:347.09px;width:177.56%;height:671.152px;max-width:none}
.pricing-header{position:absolute;z-index:2;left:50%;top:0;width:1920px;transform:translateX(-50%);padding:31.911px 53.186px 0}
.pricing-header-inner{height:102.45px;width:1813.63px;padding:15.956px 42.548px;display:grid;grid-template-columns:330px 1fr 330px;align-items:center;justify-content:space-between;border-radius:9999px}
.pricing-brand{width:330px;display:flex;align-items:center;gap:15px}
.pricing-logo-mark{width:55.364px;height:70.539px;max-width:none}
.pricing-logo-wordmark{width:123.167px;height:56.141px;max-width:none}
.pricing-nav{justify-self:center;display:flex;align-items:center;gap:24px;white-space:nowrap;font-size:22px;line-height:1.3}
.pricing-nav a:first-child{color:rgba(0,0,0,.6)}
.pricing-nav .is-active{color:#14c017;font-weight:600}
.pricing-actions{width:330px;display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap;font-size:20px}
.pricing-login{font-family:"PingFang SC","Alibaba PuHuiTi 3.0",sans-serif}
.pricing-start{height:52px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;background:linear-gradient(-57.88deg,rgba(191,251,127,.45) 3.8%,transparent 49.26%,rgba(241,255,88,.45) 102.83%),#14c017;color:#fff;box-shadow:0 42px 21px rgba(20,192,23,.1);font-size:20px}
.pricing-start img{width:20px;height:20px;max-width:none}
.pricing-content{position:relative;z-index:1;width:1654px;margin:0 auto;padding-top:217px}
.pricing-intro{width:1409px;margin-inline:auto;text-align:center;color:rgba(0,0,0,.9)}
.pricing-intro h1,.model-allowance>h2,.pricing-faq>h2{height:70px;margin:0;font:500 50px/70px "Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;letter-spacing:-1px}
.pricing-intro p{margin:16px 0 0;font:400 26px/36px "PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap}
.plan-display{margin-top:54px}
.billing-periods{width:494px;height:69px;margin:0 auto 36px;padding:0 12px;display:flex;align-items:center;border-radius:999px;background:#fff}
.billing-periods button{height:69px;flex:1;min-width:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;border-radius:999px;color:rgba(0,0,0,.9);font:400 20px/1 "PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap;cursor:pointer}
.billing-periods button.is-selected{height:55px;background:rgba(200,247,162,.4);border:3px solid #fff;color:#14c017;font-weight:600}
.billing-periods button:focus-visible{outline:2px solid #14c017;outline-offset:2px}
.plan-cards-clip{--collapsed-plan-height:674px;position:relative;width:1654px;height:var(--collapsed-plan-height);overflow:hidden;transition:height .7s cubic-bezier(.22,1,.36,1)}
.plan-cards{width:1652px;display:grid;grid-template-columns:repeat(auto-fit,500px);justify-content:center;gap:32px;align-items:stretch}
.plan-cards[data-category="personal"]{grid-template-columns:repeat(3,500px)}
.plan-cards[data-category="team"]{grid-template-columns:repeat(2,500px)}
.plan-cards[data-category="enterprise"]{grid-template-columns:500px}
.plan-card{width:500px;height:auto;padding:62px 48px 48px;display:flex;flex-direction:column;gap:44px;border:1px solid #c8f7a2;border-radius:12px;background:#fff;color:#1f1f1e}
.plan-card[hidden]{display:none}
.plan-card-head{height:284px;flex:none;display:flex;flex-direction:column;gap:37px}
.plan-summary{display:flex;flex-direction:column;gap:23px}
.plan-identity h2{height:auto;margin:0;color:#1f1f1e;font:500 16px/22.4px "PingFang SC","Microsoft YaHei",sans-serif}
.plan-identity p{height:auto;margin:7px 0 0;color:#888780;font:400 13px/19.2px "PingFang SC","Microsoft YaHei",sans-serif}
.plan-price strong{display:block;height:31px;color:#1f1f1e;font:600 36px/36.4px "PingFang SC","Microsoft YaHei",sans-serif}
.plan-price p{margin:8px 0 0;color:#888780;font:400 12px/19.2px "PingFang SC","Microsoft YaHei",sans-serif}
.plan-price em{color:#14c017;font-style:normal}
.plan-price-launch strong{display:flex;align-items:center;gap:12px;white-space:nowrap}
.permanent-balance{display:inline-flex;align-items:center;gap:8px;color:#1f1f1e;font:400 16px/1.4 "PingFang SC","Microsoft YaHei",sans-serif}
.balance-info{width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid #1f1f1e;border-radius:50%;font:400 13px/1 Arial,sans-serif;cursor:help}
.plan-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.plan-periods button{height:52px;border:2px solid #d1d1d1;border-radius:10px;background:#fff;color:#1f1f1e;font:400 16px/1 "PingFang SC","Microsoft YaHei",sans-serif;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.plan-periods button.is-selected{position:relative;border-color:#14c017;color:#1f1f1e}
.plan-periods button.is-selected::after{position:absolute;top:-1px;right:-1px;width:14px;height:14px;display:grid;place-items:center;border-radius:0 7px 0 5px;background:#14c017;color:#fff;content:"✓";font:600 9px/1 Arial,sans-serif}
.plan-periods button:focus-visible{outline:2px solid #14c017;outline-offset:2px}
.plan-cta-secondary{border:1px solid #14c017;background:#fff;color:#14c017}
.plan-cta{height:40.8px;flex:none;margin-top:auto;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(-32.43deg,rgba(191,251,127,.45) 3.8%,transparent 49.26%,rgba(241,255,88,.45) 102.83%),#14c017;color:#fff;font:500 13px/20.8px "PingFang SC","Microsoft YaHei",sans-serif}
.plan-details{display:flex;flex-direction:column;gap:24px}
.plan-explainer{min-height:108px;margin:0;padding:20px;border-radius:8px;background:#f4f6f2;color:rgba(0,0,0,.9);font:400 14px/1.45 "PingFang SC","Microsoft YaHei",sans-serif}
.plan-card-ai .plan-explainer,.plan-card-team-ai .plan-explainer{background:#f2fdd5}
.feature-group{display:flex;flex-direction:column;gap:13px}
.feature-group h3{height:12px;margin:0;color:#888780;font:400 11.5px/18.4px "PingFang SC","Microsoft YaHei",sans-serif}
.feature-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.feature-group li{min-height:21px;position:relative;padding-left:20px;color:#5f5e5a;font:400 14px/20.8px "PingFang SC","Microsoft YaHei",sans-serif}
.feature-group li::before{position:absolute;left:0;top:4px;width:12px;height:12px;content:"";background:url("./assets/figma-plan/check.svg") center/contain no-repeat}
.feature-group li.is-unavailable{opacity:.4}
.feature-group li.is-unavailable::before{background-image:url("./assets/figma-plan/disabled.svg")}
.feature-canvas{padding-top:24px;border-top:1px solid #e9ebe6}
.feature-canvas .feature-primary{font-size:14px}
.feature-support{padding-top:24px;border-top:1px solid #e9ebe6}
.plan-card-fade{position:absolute;z-index:2;left:-3px;right:0;bottom:0;width:1657px;height:79px;pointer-events:none}
.plan-card-fade img{width:100%;height:100%;max-width:none;object-fit:cover}
.plan-expand{position:absolute;z-index:3;left:50%;top:602px;transform:translateX(-50%);width:254px;height:41px;border:1px solid #c8f7a2;border-radius:8px;background:#fff;box-shadow:0 20px 20.152px rgba(0,0,0,.04);color:rgba(0,0,0,.9);font:500 13px/20.8px "PingFang SC","Microsoft YaHei",sans-serif;cursor:pointer;opacity:1;transition:opacity .35s ease}
.plan-expand.is-hiding{opacity:0;pointer-events:none}
.plan-cards-wrap.is-expanded .plan-cards-clip{padding-bottom:0}
.plan-cards-wrap.is-expanded .plan-card-fade{opacity:0;transition:opacity .35s ease}
.plan-cards-wrap.is-expanded .plan-expand{opacity:0;pointer-events:none}
.model-allowance{margin-top:96px}
.model-allowance>h2{text-align:center}
.model-allowance-body{margin-top:54px}
.model-allowance-body>p{height:33.19px;margin:0 0 16px;color:#5f5e5a;font:400 20px/33.19px "PingFang SC","Microsoft YaHei",sans-serif}
.provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.provider-grid article{height:220px;padding:48px 36px;display:flex;flex-direction:column;align-items:stretch;border:1px solid #c8f7a2;border-radius:12px;background:#fff}
.provider-grid h3{margin:0;color:#1f1f1e;font:600 26px/1.3 "PingFang SC","Microsoft YaHei",sans-serif}
.provider-grid span{height:40.8px;margin-top:37px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,0,0,.9);color:#fff;font:500 13px/20.8px "PingFang SC","Microsoft YaHei",sans-serif}
.pricing-faq{margin-top:96px;display:flex;flex-direction:column;align-items:center;gap:24px}
.pricing-faq>h2{width:100%;height:70px;text-align:center;white-space:nowrap}
.pricing-faq-list{width:1229px;min-height:746px;padding:0 20px;display:flex;flex-direction:column;border-top:1px solid #e4e4e7}
.pricing-faq-list details,.pricing-faq-item{border-bottom:1px solid #e4e4e7}
.pricing-faq-list summary,.pricing-faq-question{min-height:143px;margin:0;padding:26.966px 26.966px 26.966px 53.933px;display:flex;align-items:center;justify-content:space-between;gap:26.966px;list-style:none;color:#09090b;font:400 30px/37.753px "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.6px}
.pricing-faq-list summary{cursor:pointer}
.pricing-faq-list summary::-webkit-details-marker{display:none}
.pricing-faq-list summary img,.pricing-faq-question img{width:80.899px;height:80.899px;flex:none;max-width:none}
.pricing-faq-list details p{margin:0;padding:0 140px 28px 53.933px;color:rgba(0,0,0,.9);font:400 20px/1.5 "PingFang SC","Microsoft YaHei",sans-serif}
.pricing-faq-list details:not([open]),.pricing-faq-item{background:url("./assets/figma-plan/faq-divider.svg") bottom center/100% 2px no-repeat;border:0}
.pricing-faq-list details[open] summary{padding-bottom:18px}

@media(max-width:740px){
 .pricing-document{display:block;overflow-x:hidden}
 .pricing-artboard{min-height:100vh;overflow:hidden;padding-bottom:64px}
 .pricing-top-background{height:760px}
 .pricing-decoration{left:0;width:1920px;transform:none}
 .pricing-header{position:relative;left:auto;width:100%;transform:none;padding:12px 18px 0}
 .pricing-header-inner{width:100%;height:70px;padding:8px 0;display:flex}
 .pricing-brand{width:auto;gap:8px}
 .pricing-logo-mark{width:34px;height:44px}
 .pricing-logo-wordmark{width:78px;height:auto}
 .pricing-nav{display:none}
 .pricing-actions{width:auto;gap:10px;font-size:14px}
 .pricing-start{height:38px;padding:0 12px;font-size:14px}
 .pricing-start img{width:16px;height:16px}
 .pricing-content{width:auto;margin:0;padding:64px 18px 0}
 .pricing-intro{width:100%}
 .pricing-intro h1,.model-allowance>h2,.pricing-faq>h2{height:auto;font-size:32px;line-height:1.3;letter-spacing:-.5px;white-space:normal}
 .pricing-intro p{margin-top:12px;font-size:14px;line-height:1.6;white-space:normal}
 .plan-display{margin-top:36px}
 .billing-periods{width:min(100%,390px);height:52px;margin-bottom:24px;padding:4px}
 .billing-periods button,.billing-periods button.is-selected{height:44px;flex:1;font-size:13px}
 .plan-cards-clip{--collapsed-plan-height:510px;width:100%;height:var(--collapsed-plan-height)}
 .plan-cards,.plan-cards[data-category="personal"],.plan-cards[data-category="team"],.plan-cards[data-category="enterprise"]{width:100%;grid-template-columns:minmax(0,1fr);gap:16px}
 .plan-card{width:100%;height:auto;min-height:680px;padding:26px 22px;gap:22px}
 .plan-card-head{height:auto;gap:22px}
 .plan-summary{gap:12px}
 .plan-identity h2{height:auto;font-size:14px}
 .plan-price p{font-size:11px}
 .plan-price-launch strong{height:auto;flex-wrap:wrap;white-space:normal;font-size:30px}
 .permanent-balance{font-size:12px}
 .balance-info{width:18px;height:18px;font-size:11px}
 .plan-periods{gap:8px;margin-top:8px}
 .plan-periods button{height:42px;font-size:13px}
 .plan-details{gap:18px}
 .plan-explainer{min-height:0;padding:16px;font-size:13px}
 .feature-canvas,.feature-support{padding-top:18px}
 .plan-card-fade{width:100%;height:64px;left:0}
 .plan-expand{top:469px;width:70%;height:40px}
 .plan-cards-wrap.is-expanded .plan-cards-clip{height:auto}
 .model-allowance{margin-top:56px}
 .model-allowance-body{margin-top:28px}
 .model-allowance-body>p{height:auto;margin-bottom:14px;font-size:14px;line-height:1.6}
 .provider-grid{grid-template-columns:1fr;gap:12px}
 .provider-grid article{height:auto;padding:20px;gap:16px}
 .provider-grid h3{font-size:20px}
 .provider-grid span{height:40px;margin-top:0}
 .pricing-faq{margin-top:56px;gap:18px}
 .pricing-faq-list{width:100%;min-height:0;padding:0}
 .pricing-faq-list summary,.pricing-faq-question{min-height:80px;padding:16px;font-size:15px;line-height:1.5;letter-spacing:0}
 .pricing-faq-list summary img,.pricing-faq-question img{width:40px;height:40px}
 .pricing-faq-list details p{padding:0 16px 20px;font-size:13px}
}
