@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fff;--paper-deep:#f5f5f7;--card:#fff;--ink:#1d1d1f;--ink-2:#424245;--ink-3:#6e6e73;--rule:#d2d2d7;--rule-strong:#c7c7cc;--accent:#0071e3;--accent-deep:#06c;--accent-soft:#e8f2fd;--ok:#248a3d;--warn:#c04c00;--danger:#d70015;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--radius:12px;--radius-lg:18px;--radius-pill:980px;--shadow-card:0 1px 2px #0000000a, 0 12px 32px -16px #00000024;--container:1120px;--header-h:64px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--header-h) + 16px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper)}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img,svg,video{max-width:100%;display:block}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.header.is-scrolled{border-bottom-color:var(--rule)}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.brand-mark{background:var(--ink);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--ink-2);font-size:.94rem}.nav a:hover{color:var(--ink)}.header-cta{align-items:center;gap:12px;display:flex}.nav-toggle{border:1px solid var(--rule);border-radius:8px;place-items:center;width:40px;height:40px;display:none}.nav-drawer{border-top:1px solid var(--rule);background:var(--paper);flex-direction:column;padding:8px 24px 16px;display:flex}.nav-drawer a{border-bottom:1px solid var(--rule);color:var(--ink);padding:12px 0}.nav-drawer a:last-child{border-bottom:0}.btn{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 22px;font-size:.98rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep)}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-soft)}.btn-sm{height:34px;padding:0 16px;font-size:.86rem}.link-arrow{color:var(--accent);align-items:center;gap:6px;font-weight:600;display:inline-flex}.link-arrow:hover{color:var(--accent-deep)}.eyebrow{color:var(--ink-3);font-size:.84rem;font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.studio{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.studio-form{border-bottom:1px solid var(--rule);gap:8px;padding:14px;display:flex}.studio-input{border:1px solid var(--rule-strong);border-radius:var(--radius);min-width:0;height:44px;font:inherit;color:var(--ink);background:var(--paper);outline:none;flex:1;padding:0 14px;font-size:.95rem}.studio-input:focus{border-color:var(--ink);background:#fff}.studio-input::placeholder{color:var(--ink-3)}.studio-stage{aspect-ratio:16/9;background:#0f0f0f;position:relative}.studio-iframe,.studio-iframe iframe,.studio-poster{width:100%;height:100%;position:absolute;inset:0}.studio-poster{object-fit:cover;opacity:.6}.studio-empty{text-align:center;color:#ffffffd1;background:radial-gradient(60% 80% at 30% 20%,#0071e359,#0000 60%),linear-gradient(160deg,#1b1b1b,#0b0b0b);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.studio-empty strong{color:#fff;font-size:1.05rem;font-weight:600;display:block}.studio-empty p{color:#ffffffb3;max-width:28em;margin-top:8px;font-size:.9rem}.studio-examples{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.studio-chip{color:#fff;border:1px solid #ffffff47;border-radius:999px;height:32px;padding:0 12px;font-size:.84rem}.studio-chip:hover{border-color:#fff}.studio-caption{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000000c7);padding:40px 20px 16px;position:absolute;bottom:0;left:0;right:0}.studio-caption-zh{text-shadow:0 1px 2px #0009;font-size:1.12rem;font-weight:600;line-height:1.4}.studio-caption-en{color:#ffffffc7;margin-top:4px;font-size:.86rem}.studio-bar{border-top:1px solid var(--rule);color:var(--ink-2);align-items:center;gap:14px;padding:12px 14px;font-size:.86rem;display:flex}.studio-bar .btn{flex:none}.studio-progress{background:var(--paper-deep);border-radius:2px;flex:1;height:4px;overflow:hidden}.studio-progress span{background:var(--accent);height:100%;transition:width .15s linear;display:block}.studio-toggle{border:1px solid var(--rule-strong);height:32px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:.82rem;display:inline-flex}.studio-toggle i{border:1px solid var(--rule-strong);background:#fff;border-radius:50%;width:18px;height:18px;transition:background-color .15s,border-color .15s}.studio-toggle.is-on{border-color:var(--accent);color:var(--accent)}.studio-toggle.is-on i{background:var(--accent);border-color:var(--accent)}.studio-steps{border-top:1px solid var(--rule);grid-template-columns:repeat(4,1fr);list-style:none;display:grid}.studio-steps li{color:var(--ink-3);border-right:1px solid var(--rule);align-items:center;gap:8px;padding:12px 14px;font-size:.82rem;display:flex}.studio-steps li:last-child{border-right:0}.studio-steps li:before{content:"";border:1.5px solid var(--rule-strong);border-radius:50%;flex:none;width:8px;height:8px}.studio-steps li[data-state=active]{color:var(--ink)}.studio-steps li[data-state=active]:before{border-color:var(--accent);background:var(--accent-soft);animation:1.2s ease-in-out infinite pulse}.studio-steps li[data-state=done]{color:var(--ink-2)}.studio-steps li[data-state=done]:before{background:var(--ok);border-color:var(--ok)}@keyframes pulse{0%,to{box-shadow:0 0 #0071e359}50%{box-shadow:0 0 0 4px #1f4fd800}}.studio-status{color:var(--ink-2);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 14px 12px;font-size:.84rem;display:flex}.studio-status .is-error{color:var(--danger)}.section{border-top:1px solid var(--rule);padding:84px 0}.footer{border-top:1px solid var(--rule);color:var(--ink-3);padding:32px 0 40px;font-size:.88rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a:hover{color:var(--ink)}@media (max-width:767px){.nav,.header-cta .btn{display:none}.nav-toggle{display:grid}.section{padding:60px 0}.studio-form{flex-direction:column}.studio-steps{grid-template-columns:repeat(2,1fr)}.studio-steps li:nth-child(2){border-right:0}.studio-steps li:nth-child(n+3){border-top:1px solid var(--rule)}}@media (prefers-reduced-motion:reduce){.studio-steps li[data-state=active]:before{animation:none}}.brand-logo-text{letter-spacing:-.02em;font-size:1.05rem;font-weight:750}.brand-logo-dub{color:var(--ink-3);font-weight:450}.lang-switch{align-items:center;display:inline-flex;position:relative}.lang-switch select{appearance:none;border:1px solid var(--rule);border-radius:var(--radius-pill);height:34px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;padding:0 26px 0 12px;font-size:.86rem}.lang-switch select:hover{border-color:var(--rule-strong);color:var(--ink)}.lang-switch select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-switch svg{pointer-events:none;color:var(--ink-3);position:absolute;inset-inline-end:8px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl] .link-arrow svg,[dir=rtl] .faq-rows summary svg{transform:scaleX(-1)}[dir=rtl] .faq-rows details[open] summary svg{transform:scaleX(-1)rotate(-45deg)}.legal{max-width:760px;color:var(--ink-2);padding-top:56px;padding-bottom:96px;font-size:16px;line-height:1.75}.legal__head{border-bottom:1px solid var(--rule);margin-bottom:32px;padding-bottom:24px}.legal h1{color:var(--ink);letter-spacing:-.02em;font-size:clamp(32px,5vw,44px);line-height:1.15}.legal__date{color:var(--ink-3);margin-top:10px;font-size:14px}.legal h2{color:var(--ink);margin:40px 0 12px;font-size:20px;line-height:1.35}.legal p+p,.legal ul+p,.legal p+ul,.legal section>p:first-child,.legal section>ul:first-child{margin-top:12px}.legal ul{padding-left:22px}.legal li+li{margin-top:6px}.legal a{color:var(--accent);text-decoration:none}.legal a:hover{text-decoration:underline}.legal__contact{border-top:1px solid var(--rule);color:var(--ink);margin-top:48px;padding-top:24px}.support-mail{border-radius:var(--radius);background:var(--accent-soft);flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:28px 0 8px;padding:20px 24px;display:flex}.support-mail span{color:var(--ink-3);font-size:14px}.support-mail a{overflow-wrap:anywhere;font-size:20px;font-weight:600}
.hero{padding:72px 0 48px}.hero-copy{text-align:center;max-width:44rem;margin:0 auto}.hero h1{letter-spacing:-.03em;text-wrap:balance;margin-top:16px;font-size:clamp(2.1rem,4.4vw,3.3rem);font-weight:650;line-height:1.22}.hero h1 .highlight{color:var(--accent)}.hero-lead{max-width:36em;color:var(--ink-2);margin:22px auto 0;font-size:1.05rem;line-height:1.8}.hero-copy .hero-actions{justify-content:center}.hero-note{color:var(--ink-3);margin-top:18px;font-size:.86rem;line-height:1.7}.hero-benefits{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 28px;margin:48px 0 0;display:grid}.hero-benefits>div{border-top:1px solid var(--rule);padding-top:14px}.hero-benefits dt{align-items:center;gap:8px;font-size:.94rem;font-weight:600;display:flex}.hero-benefits dt:before{content:"";background:var(--accent);border-radius:2px;flex:0 0 7px;width:7px;height:7px}.hero-benefits dd{color:var(--ink-3);margin-top:8px;font-size:.84rem;line-height:1.7}.stage{margin-top:44px}.demo-video{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0;overflow:hidden}.demo-tabs{border-bottom:1px solid var(--rule);scrollbar-width:none;gap:4px;padding:10px 12px;display:flex;overflow-x:auto}.demo-tabs::-webkit-scrollbar{display:none}.demo-tabs button{border-radius:var(--radius-pill);color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:6px 14px 6px 10px;font-size:.84rem;transition:background .15s,color .15s;display:inline-flex}.demo-tabs button:hover{color:var(--ink)}.demo-tabs button.is-on{background:var(--ink);color:var(--paper)}.demo-video video{aspect-ratio:2120/1080;background:#000;width:100%;height:auto;display:block}.stage-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;margin:22px 0 0;display:grid}.stage-features dt{letter-spacing:-.01em;font-size:.92rem;font-weight:600}.stage-features dd{color:var(--ink-3);margin:6px 0 0;font-size:.86rem;line-height:1.7}.site-strip{border-top:1px solid var(--rule);padding:30px 0}.site-strip-head{color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:16px;font-size:.84rem;display:flex}.site-strip-names{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.site-strip-track{width:max-content;animation:28s linear infinite site-strip-scroll;display:flex}.site-strip-names:hover .site-strip-track{animation-play-state:paused}.site-strip-track>span{color:var(--ink-2);white-space:nowrap;align-items:center;gap:12px;padding:0 40px;font-size:1.05rem;font-weight:600;display:flex}@keyframes site-strip-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.site-strip-names{-webkit-mask-image:none;mask-image:none}.site-strip-track{flex-wrap:wrap;gap:10px 0;width:auto;animation:none}}.section-intro{justify-content:space-between;align-items:flex-end;gap:48px;display:flex}.section-intro h2{letter-spacing:-.025em;text-wrap:balance;margin-top:12px;font-size:clamp(1.6rem,2.7vw,2.15rem);font-weight:650;line-height:1.3}.section-intro>p{max-width:24em;color:var(--ink-2);padding-bottom:4px;font-size:.92rem;line-height:1.85}.section-label{color:var(--accent);font-size:.84rem;font-weight:600}.faq-rows{border-top:1px solid var(--rule-strong);margin-top:36px}.faq-rows details{border-bottom:1px solid var(--rule)}.faq-rows summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:20px 2px;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-rows summary::-webkit-details-marker{display:none}.faq-rows summary:hover,.faq-rows details[open] summary{color:var(--accent)}.faq-rows summary svg{color:var(--ink-3);flex:none;transition:transform .16s}.faq-rows details[open] summary svg{transform:rotate(45deg)}.faq-rows details>p{max-width:52em;color:var(--ink-2);padding:0 32px 22px 2px;font-size:.92rem;line-height:1.9}@media (max-width:1023px){.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.section-intro{flex-direction:column;align-items:flex-start;gap:14px}.section-intro>p{max-width:44em}}@media (max-width:767px){.stage-features{grid-template-columns:minmax(0,1fr);gap:16px}.hero{padding-top:44px}.hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:519px){.hero-benefits{grid-template-columns:minmax(0,1fr)}}.plans{grid-template-rows:auto auto auto 1fr auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;margin-top:48px;display:grid}.plan{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--card);grid-row:span 5;grid-template-rows:subgrid;gap:10px;padding:26px 24px;display:grid}.plan h2{font-size:1.05rem;font-weight:600}.plan__price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:2.1rem;font-weight:600;display:flex}.plan__price span{color:var(--ink-3);font-size:.86rem;font-weight:400}.plan__note{color:var(--ink-2);font-size:.88rem;line-height:1.7}.plan ul{color:var(--ink-2);gap:8px;margin:6px 0 14px;font-size:.88rem;list-style:none;display:grid}.plan li{gap:9px;line-height:1.6;display:flex}.wechat-mark{vertical-align:-3px;flex:none;margin-right:6px;display:inline-block}.plan li:before{content:"";background:var(--accent);border-radius:2px;flex:0 0 6px;width:6px;height:6px;margin-top:8px}.plan .btn{place-self:start}@supports not (grid-template-rows:subgrid){.plans{grid-template-rows:none;row-gap:20px}.plan{flex-direction:column;grid-row:auto;grid-template-rows:none;display:flex}.plan .btn{align-self:flex-start;margin-top:auto}}.steps-plain{counter-reset:pay;gap:14px;max-width:60ch;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps-plain li{counter-increment:pay;color:var(--ink-2);gap:12px;font-size:.95rem;line-height:1.75;display:flex}.steps-plain li:before{content:"0" counter(pay);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;padding-top:3px;font-size:.82rem;font-weight:600}.pay-note{color:var(--ink-3);margin-top:22px;font-size:.88rem}@media (max-width:1023px){.plans{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:20px;max-width:30rem;margin-inline:auto}.plan{flex-direction:column;grid-row:auto;grid-template-rows:none;display:flex}.plan .btn{align-self:flex-start;margin-top:auto}}
