.design-page.about-page *,.design-page.about-page :before,.design-page.about-page :after{box-sizing:border-box}.design-page.about-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.about-page{line-height:1.75}.design-page.about-page a{color:inherit;text-decoration:none}.design-page.about-page button{font:inherit;color:inherit;cursor:pointer}.design-page.about-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.about-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.about-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.about-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.about-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.about-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.about-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.about-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.about-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.about-page .btn-primary:hover{opacity:.86}.design-page.about-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.about-page .btn-secondary:hover{border-color:var(--sp-ink-3)}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sp-vip-shine{0%{transform:translate(-110%)}16%,to{transform:translate(110%)}}@keyframes sp-vip-ring{0%,12%{box-shadow:0 0 0 var(--sp-size-2) var(--sp-canvas), 0 0 0 var(--sp-size-2) transparent}27%{box-shadow:0 0 0 var(--sp-size-2) var(--sp-canvas), 0 0 var(--sp-size-12) var(--sp-size-3) var(--sp-ring-glow)}42%,to{box-shadow:0 0 0 var(--sp-size-2) var(--sp-canvas), 0 0 0 var(--sp-size-2) transparent}}@keyframes sp-vip-crown{30%{transform:translateY(calc(-1 * var(--sp-size-2))) rotate(-12deg)}65%{transform:translateY(calc(-1 * var(--sp-size-1))) rotate(8deg)}}.design-page.about-page .hero .rail{padding:var(--sp-size-88) var(--sp-size-56) 0}.design-page.about-page .hero-grid{height:var(--sp-size-520);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-32);-webkit-mask-image:var(--sp-style-33);mask-image:var(--sp-style-33);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.about-page .hero .eyebrow,.design-page.about-page .hero h1,.design-page.about-page .hero-sub{position:relative}.design-page.about-page .hero h1{max-width:14ch;font-size:clamp(var(--sp-size-40), 6.4vw, var(--sp-size-76));letter-spacing:-.045em;margin:0;font-weight:700;line-height:1.04}html[lang=zh] .design-page.about-page .hero h1{font-size:clamp(var(--sp-size-36), 5.8vw, var(--sp-size-68));letter-spacing:0;font-weight:600;line-height:1.16}.design-page.about-page .hero-sub{max-width:44ch;margin:var(--sp-size-24) 0 0;font-size:var(--sp-size-19);color:var(--sp-ink-2)}html[lang=zh] .design-page.about-page .hero-sub{max-width:30em}.design-page.about-page .two-tone{max-width:24ch;font-size:clamp(var(--sp-size-28), 3.8vw, var(--sp-size-42));letter-spacing:-.028em;margin:0;font-weight:600;line-height:1.14}.design-page.about-page .two-tone .t2{color:var(--sp-ink-3)}html[lang=zh] .design-page.about-page .two-tone{letter-spacing:0;max-width:20em;line-height:1.32}.design-page.about-page .stats{gap:var(--sp-size-1);margin:var(--sp-size-80) calc(-1 * var(--sp-size-56)) 0;border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.about-page .stat{padding:var(--sp-size-30) var(--sp-size-56) var(--sp-size-34);background:var(--sp-canvas)}.design-page.about-page .stat b{font-size:clamp(var(--sp-size-32), 4.4vw, var(--sp-size-52));letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1;display:block}.design-page.about-page .stat span{max-width:30ch;margin-top:var(--sp-size-6);font-size:var(--sp-size-14-5);color:var(--sp-ink-2);display:block}.design-page.about-page .section-head{padding:var(--sp-size-112) var(--sp-size-56) var(--sp-size-64)}.design-page.about-page .compare{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:1fr 1fr;display:grid}.design-page.about-page .cmp{padding:var(--sp-size-32) var(--sp-size-56) var(--sp-size-48);background:var(--sp-canvas);flex-direction:column;display:flex}.design-page.about-page .cmp-label{align-items:center;gap:var(--sp-size-8);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);margin:0;display:inline-flex}.design-page.about-page .cmp-label svg{width:var(--sp-size-15);height:var(--sp-size-15)}.design-page.about-page .cmp.new .cmp-label{color:var(--sp-accent)}.design-page.about-page .cmp-desc{max-width:42ch;margin:var(--sp-size-14) 0 var(--sp-size-32);font-size:var(--sp-size-16);color:var(--sp-ink-2)}.design-page.about-page .cmp-visual{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);margin-top:auto;overflow:hidden}.design-page.about-page .cmp-bar{justify-content:space-between;align-items:center;gap:var(--sp-size-12);padding:var(--sp-size-10) var(--sp-size-14);border-bottom:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);color:var(--sp-ink-3);display:flex}.design-page.about-page .cmp-bar>span:last-child{white-space:nowrap;flex:none}.design-page.about-page .cmp-bar .file{align-items:center;gap:var(--sp-size-7);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.design-page.about-page .cmp-bar svg{width:var(--sp-size-14);height:var(--sp-size-14);flex:none}.design-page.about-page .pdf{padding:var(--sp-size-18) var(--sp-size-18) var(--sp-size-22);position:relative}.design-page.about-page .pdf .q{grid-template-columns:var(--sp-size-22) 1fr;gap:var(--sp-size-10);align-items:start;display:grid}.design-page.about-page .pdf .q+.q{margin-top:var(--sp-size-18)}.design-page.about-page .pdf .n{font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);color:var(--sp-ink-3)}.design-page.about-page .pdf .lines{gap:var(--sp-size-7);padding-top:var(--sp-size-4);display:grid}.design-page.about-page .pdf .lines i{height:var(--sp-size-6);border-radius:var(--sp-size-3);background:var(--sp-line);display:block}.design-page.about-page .pdf .guess{align-items:center;gap:var(--sp-size-6);width:max-content;margin-top:var(--sp-size-4);padding:var(--sp-size-2) var(--sp-size-8);border:var(--sp-size-1) dashed var(--sp-line-strong);border-radius:var(--sp-r-sm);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);color:var(--sp-ink-3);display:inline-flex}.design-page.about-page .qcard{padding:var(--sp-size-16) var(--sp-size-18) var(--sp-size-18)}.design-page.about-page .qcard .stem{margin:0 0 var(--sp-size-12);font-size:var(--sp-size-14-5);color:var(--sp-ink)}.design-page.about-page .qcard .stem code{padding:var(--sp-size-1) var(--sp-size-5);border-radius:var(--sp-size-4);background:var(--sp-surface-2);border:var(--sp-size-1) solid var(--sp-line);font-family:var(--sp-font-mono);font-size:var(--sp-size-12-5)}.design-page.about-page .opt{align-items:center;gap:var(--sp-size-10);padding:var(--sp-size-8) var(--sp-size-10);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);font-family:var(--sp-font-mono);font-size:var(--sp-size-12-5);color:var(--sp-ink-2);display:flex}.design-page.about-page .opt+.opt{margin-top:var(--sp-size-6)}.design-page.about-page .opt .k{width:var(--sp-size-20);height:var(--sp-size-20);border:var(--sp-size-1) solid var(--sp-line-strong);border-radius:var(--sp-size-5);font-size:var(--sp-size-11);place-items:center;display:inline-grid}.design-page.about-page .opt.ok{border-color:var(--sp-accent-line);background:var(--sp-accent-soft);color:var(--sp-ink)}.design-page.about-page .opt.ok .k{border-color:var(--sp-btn-bg);background:var(--sp-btn-bg);color:var(--sp-style-49)}.design-page.about-page .opt .verdict{align-items:center;gap:var(--sp-size-5);font-family:var(--sp-font-sans);font-size:var(--sp-size-12);color:var(--sp-accent);margin-left:auto;font-weight:600;display:inline-flex}.design-page.about-page .opt .verdict svg{width:var(--sp-size-14);height:var(--sp-size-14)}.design-page.about-page .mastery{gap:var(--sp-size-8) var(--sp-size-12);margin-top:var(--sp-size-14);padding-top:var(--sp-size-14);border-top:var(--sp-size-1) solid var(--sp-line);font-size:var(--sp-size-12-5);color:var(--sp-ink-2);grid-template-columns:1fr auto;align-items:center;display:grid}.design-page.about-page .mastery b{font-family:var(--sp-font-mono);font-size:var(--sp-size-12);color:var(--sp-ink);font-weight:500}.design-page.about-page .meter{height:var(--sp-size-6);border-radius:var(--sp-size-3);background:var(--sp-line);grid-column:1/-1;overflow:hidden}.design-page.about-page .meter i{border-radius:var(--sp-radius-50);background:var(--sp-accent);width:82%;height:100%;display:block}.design-page.about-page .dev{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.design-page.about-page .dev-copy{padding:var(--sp-size-112) var(--sp-size-56) var(--sp-size-104)}.design-page.about-page .dev-copy .two-tone{margin-bottom:var(--sp-size-28)}.design-page.about-page .dev-copy p.body{max-width:58ch;font-size:var(--sp-size-16-5);color:var(--sp-ink-2);margin:0;line-height:1.75}html[lang=zh] .design-page.about-page .dev-copy p.body{line-height:1.9}.design-page.about-page .dev-copy p.body+p.body{margin-top:var(--sp-size-18)}.design-page.about-page .dev-side{padding:var(--sp-size-72) var(--sp-size-56);border-left:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2);flex-direction:column;justify-content:center;display:flex}.design-page.about-page .portrait{aspect-ratio:1;border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);place-items:center;display:grid;position:relative;overflow:hidden}.design-page.about-page .portrait:before{content:"";background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-18) var(--sp-size-18);-webkit-mask-image:var(--sp-style-54);-webkit-mask-image:var(--sp-style-55);mask-image:var(--sp-style-55);position:absolute;inset:0}.design-page.about-page .portrait .initials{aspect-ratio:1;border-radius:var(--sp-radius-56);background:var(--sp-btn-bg);width:46%;color:var(--sp-style-57);font-size:clamp(var(--sp-size-40), 5vw, var(--sp-size-64));letter-spacing:-.03em;box-shadow:0 0 0 var(--sp-size-8) var(--sp-surface), 0 0 0 var(--sp-size-9) var(--sp-line);place-items:center;font-weight:600;display:grid;position:relative}.design-page.about-page .portrait .tag{left:var(--sp-size-14);bottom:var(--sp-size-12);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);color:var(--sp-ink-3);position:absolute}.design-page.about-page .who{justify-content:space-between;align-items:baseline;gap:var(--sp-size-12);margin-top:var(--sp-size-20);display:flex}.design-page.about-page .who b{font-size:var(--sp-size-18);font-weight:600}.design-page.about-page .who span{font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3)}.design-page.about-page .courses-taught{gap:var(--sp-size-1);margin-top:var(--sp-size-16);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-line);display:grid;overflow:hidden}.design-page.about-page .courses-taught div{justify-content:space-between;align-items:center;gap:var(--sp-size-12);padding:var(--sp-size-11) var(--sp-size-14);background:var(--sp-surface);font-size:var(--sp-size-14);display:flex}.design-page.about-page .courses-taught code{font-family:var(--sp-font-mono);font-size:var(--sp-size-13);color:var(--sp-ink)}.design-page.about-page .courses-taught span{font-size:var(--sp-size-13);color:var(--sp-ink-3);white-space:nowrap}.design-page.about-page .values{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.about-page .value{padding:var(--sp-size-32) var(--sp-size-32) var(--sp-size-40);background:var(--sp-canvas);transition:background-color .2s}.design-page.about-page .value:hover{background:var(--sp-surface)}.design-page.about-page .value .idx{padding:var(--sp-size-2) var(--sp-size-8);border:var(--sp-size-1) solid var(--sp-line-strong);border-radius:var(--sp-r-sm);background:var(--sp-surface);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);color:var(--sp-ink-2);display:inline-block}.design-page.about-page .value .ico{width:var(--sp-size-40);height:var(--sp-size-40);margin-top:var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-accent-line);border-radius:var(--sp-r-md);background:var(--sp-accent-soft);color:var(--sp-accent);place-items:center;display:grid}.design-page.about-page .value .ico svg{width:var(--sp-size-20);height:var(--sp-size-20)}.design-page.about-page .value h3{margin:var(--sp-size-18) 0 var(--sp-size-8);font-size:var(--sp-size-19);letter-spacing:-.012em;font-weight:600}.design-page.about-page .value p{max-width:38ch;font-size:var(--sp-size-15);color:var(--sp-ink-2);margin:0}.design-page.about-page .cta .rail{padding:var(--sp-size-120) var(--sp-size-56);text-align:center;overflow:hidden}.design-page.about-page .cta .rail:before{content:"";background-image:linear-gradient(var(--sp-line) var(--sp-size-1), transparent var(--sp-size-1)), linear-gradient(90deg, var(--sp-line) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-48) var(--sp-size-48);-webkit-mask-image:var(--sp-style-59);-webkit-mask-image:var(--sp-style-60);mask-image:var(--sp-style-60);opacity:.7;background-position:50%;position:absolute;inset:0}.design-page.about-page .cta .two-tone{max-width:18ch;margin:0 auto;position:relative}.design-page.about-page .cta-row{justify-content:center;gap:var(--sp-size-12);margin-top:var(--sp-size-36);flex-wrap:wrap;display:flex;position:relative}.design-page.about-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}@media (prefers-reduced-motion:no-preference){.design-page.about-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.about-page .d1{animation-delay:60ms}.design-page.about-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}@media (max-width:1023px){.design-page.about-page .dev{grid-template-columns:1fr}.design-page.about-page .dev-copy{padding-bottom:var(--sp-size-56)}.design-page.about-page .dev-side{grid-template-columns:var(--sp-size-220) minmax(0, 1fr);gap:0 var(--sp-size-32);padding:var(--sp-size-40) var(--sp-size-56) var(--sp-size-48);border-left:0;border-top:var(--sp-size-1) solid var(--sp-line);align-items:center;display:grid}.design-page.about-page .dev-side .who{margin-top:0}.design-page.about-page .dev-side .portrait{grid-row:span 2}.design-page.about-page .values{grid-template-columns:1fr}.design-page.about-page .value{grid-template-columns:var(--sp-size-40) minmax(0, 1fr);gap:0 var(--sp-size-20);padding:var(--sp-size-28) var(--sp-size-56) var(--sp-size-32);display:grid}.design-page.about-page .value .idx{margin-bottom:var(--sp-size-20);grid-column:1/-1;justify-self:start}.design-page.about-page .value .ico{margin-top:var(--sp-size-2)}.design-page.about-page .value h3{margin-top:var(--sp-size-6)}.design-page.about-page .value p{grid-column:2}}@media (max-width:767px){.design-page.about-page .hero .rail,.design-page.about-page .section-head,.design-page.about-page .cmp,.design-page.about-page .dev-copy,.design-page.about-page .dev-side,.design-page.about-page .value,.design-page.about-page .cta .rail{padding-left:var(--sp-size-24);padding-right:var(--sp-size-24)}.design-page.about-page .hero .rail{padding-top:var(--sp-size-56)}.design-page.about-page .hero-sub{font-size:var(--sp-size-17)}.design-page.about-page .stats{margin:var(--sp-size-48) calc(-1 * var(--sp-size-24)) 0;grid-template-columns:1fr}.design-page.about-page .stat{align-items:baseline;gap:var(--sp-size-16);padding:var(--sp-size-18) var(--sp-size-24) var(--sp-size-20);display:flex}.design-page.about-page .stat b{min-width:3.2ch;font-size:var(--sp-size-34);flex:none}.design-page.about-page .stat span{margin-top:0}.design-page.about-page .section-head{padding-top:var(--sp-size-80);padding-bottom:var(--sp-size-40)}.design-page.about-page .compare{grid-template-columns:1fr}.design-page.about-page .cmp{padding-top:var(--sp-size-28);padding-bottom:var(--sp-size-36)}.design-page.about-page .dev-copy{padding-top:var(--sp-size-80)}.design-page.about-page .dev-side{grid-template-columns:1fr;gap:0}.design-page.about-page .dev-side .portrait{aspect-ratio:16/9;grid-row:auto}.design-page.about-page .dev-side .portrait .initials{width:auto;height:52%;font-size:var(--sp-size-44)}.design-page.about-page .dev-side .who{margin-top:var(--sp-size-20)}.design-page.about-page .cta .rail{padding-top:var(--sp-size-88);padding-bottom:var(--sp-size-88)}}@media (max-width:480px){.design-page.about-page .cta-row .btn{flex:auto}}.design-page.contact-page *,.design-page.contact-page :before,.design-page.contact-page :after{box-sizing:border-box}.design-page.contact-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.contact-page{line-height:1.75}.design-page.contact-page a{color:inherit;text-decoration:none}.design-page.contact-page button{font:inherit;color:inherit;cursor:pointer}.design-page.contact-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.contact-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.contact-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.contact-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.contact-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.contact-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.contact-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.contact-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.contact-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.contact-page .btn-primary:hover{opacity:.86}.design-page.contact-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.contact-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.contact-page .channels{gap:var(--sp-size-1);background:var(--sp-line);grid-template-columns:1fr 1fr;display:grid}.design-page.contact-page .channel{gap:var(--sp-size-32);padding:var(--sp-size-40) var(--sp-size-56) var(--sp-size-48);background:var(--sp-canvas);flex-direction:column;display:flex}.design-page.contact-page .channel.wechat{flex-direction:row;justify-content:space-between;align-items:flex-start}.design-page.contact-page .channel-text{max-width:40ch}html[lang=zh] .design-page.contact-page .channel-text{max-width:24em}.design-page.contact-page .tile{width:var(--sp-size-40);height:var(--sp-size-40);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);color:var(--sp-accent);place-items:center;display:inline-grid}.design-page.contact-page .tile svg{width:var(--sp-size-19);height:var(--sp-size-19)}.design-page.contact-page .channel .label{margin:var(--sp-size-28) 0 var(--sp-size-8);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3)}.design-page.contact-page .channel h2{font-size:var(--sp-size-24);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.25}html[lang=zh] .design-page.contact-page .channel h2{letter-spacing:0}.design-page.contact-page .channel .desc{margin:var(--sp-size-12) 0 0;font-size:var(--sp-size-15);color:var(--sp-ink-2);line-height:1.65}.design-page.contact-page .mail-link{justify-content:space-between;align-items:center;gap:var(--sp-size-16);padding:var(--sp-size-16) var(--sp-size-18);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);margin-top:auto;transition:border-color .15s;display:flex}.design-page.contact-page .mail-link .addr{font-family:var(--sp-font-mono);font-size:var(--sp-size-15);color:var(--sp-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.design-page.contact-page .mail-link svg{width:var(--sp-size-17);height:var(--sp-size-17);color:var(--sp-accent);flex:none;transition:transform .15s}.design-page.contact-page .mail-link:hover{border-color:var(--sp-accent-line)}.design-page.contact-page .mail-link:hover svg{transform:translateX(var(--sp-size-3))}.design-page.contact-page .qr{padding:var(--sp-size-10);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);flex:none;margin:0}.design-page.contact-page .qr img{width:var(--sp-size-132);height:auto;display:block}.design-page.contact-page .quick{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.contact-page .quick a{gap:var(--sp-size-18);min-height:var(--sp-size-168);padding:var(--sp-size-28) var(--sp-size-28) var(--sp-size-24);background:var(--sp-canvas);flex-direction:column;transition:background-color .2s;display:flex}.design-page.contact-page .quick a:hover{background:var(--sp-surface)}.design-page.contact-page .quick .n{font-family:var(--sp-font-mono);font-size:var(--sp-size-12);color:var(--sp-accent)}.design-page.contact-page .quick b{font-size:var(--sp-size-17);letter-spacing:-.01em;font-weight:600;line-height:1.4;transition:color .15s}html[lang=zh] .design-page.contact-page .quick b{letter-spacing:0}.design-page.contact-page .quick a:hover b{color:var(--sp-accent)}.design-page.contact-page .quick svg{width:var(--sp-size-16);height:var(--sp-size-16);color:var(--sp-ink-3);margin-top:auto;transition:color .15s,transform .15s}.design-page.contact-page .quick a:hover svg{color:var(--sp-accent);transform:translateX(var(--sp-size-3))}.design-page.contact-page .page-head .rail{padding:var(--sp-size-88) var(--sp-size-56) var(--sp-size-72)}.design-page.contact-page .head-grid{height:var(--sp-size-420);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-67);-webkit-mask-image:var(--sp-style-68);mask-image:var(--sp-style-68);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.contact-page .page-head .rail>:not(.head-grid){position:relative}.design-page.contact-page .page-head h1{max-width:16ch;font-size:clamp(var(--sp-size-40), 5.6vw, var(--sp-size-68));letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}html[lang=zh] .design-page.contact-page .page-head h1{font-size:clamp(var(--sp-size-36), 5vw, var(--sp-size-60));letter-spacing:0;font-weight:600;line-height:1.16}.design-page.contact-page .page-head .sub{max-width:54ch;margin:var(--sp-size-24) 0 0;font-size:var(--sp-size-18-5);color:var(--sp-ink-2);line-height:1.6}html[lang=zh] .design-page.contact-page .page-head .sub{max-width:32em}.design-page.contact-page .sub a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.contact-page .sub a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.contact-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.contact-page .btn-primary svg{transition:transform .15s}.design-page.contact-page .btn-primary:hover svg{transform:translateX(var(--sp-size-2))}.design-page.contact-page .sec-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-size-16) var(--sp-size-32);padding:var(--sp-size-72) var(--sp-size-56) var(--sp-size-32);flex-wrap:wrap;display:flex}.design-page.contact-page .sec-head h2{font-size:clamp(var(--sp-size-26), 3vw, var(--sp-size-34));letter-spacing:-.026em;margin:0;font-weight:600;line-height:1.18}html[lang=zh] .design-page.contact-page .sec-head h2{letter-spacing:0;line-height:1.32}.design-page.contact-page .sec-head .eyebrow{margin-bottom:var(--sp-size-14)}@media (prefers-reduced-motion:no-preference){.design-page.contact-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.contact-page .d1{animation-delay:60ms}.design-page.contact-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}@media (max-width:767px){.design-page.contact-page .page-head .rail{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-48)}.design-page.contact-page .page-head .sub{font-size:var(--sp-size-17)}.design-page.contact-page .sec-head{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-24)}}@media (max-width:1100px){.design-page.contact-page .channel.wechat{flex-direction:column}}@media (max-width:1023px){.design-page.contact-page .quick{grid-template-columns:1fr}.design-page.contact-page .quick a{grid-template-columns:var(--sp-size-40) 1fr var(--sp-size-16);min-height:0;padding:var(--sp-size-22) var(--sp-size-56);align-items:baseline;display:grid}.design-page.contact-page .quick svg{align-self:center;margin:0}}@media (max-width:767px){.design-page.contact-page .channels{grid-template-columns:1fr}.design-page.contact-page .channel{padding:var(--sp-size-32) var(--sp-size-24) var(--sp-size-36)}.design-page.contact-page .quick a{grid-template-columns:var(--sp-size-32) 1fr var(--sp-size-16);padding:var(--sp-size-20) var(--sp-size-24)}.design-page.contact-page .quick b{font-size:var(--sp-size-16)}}.design-page.faq-page *,.design-page.faq-page :before,.design-page.faq-page :after{box-sizing:border-box}.design-page.faq-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.faq-page{line-height:1.75}.design-page.faq-page a{color:inherit;text-decoration:none}.design-page.faq-page button{font:inherit;color:inherit;cursor:pointer}.design-page.faq-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.faq-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.faq-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.faq-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.faq-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.faq-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.faq-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.faq-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.faq-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.faq-page .btn-primary:hover{opacity:.86}.design-page.faq-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.faq-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.faq-page .faq-body{grid-template-columns:minmax(0, 1fr) var(--sp-size-340);display:grid}.design-page.faq-page .faq-list{counter-reset:faq}.design-page.faq-page .qa{border-bottom:var(--sp-size-1) solid var(--sp-line);transition:background-color .2s}.design-page.faq-page .qa:last-child{border-bottom:0}.design-page.faq-page .qa.open{background:var(--sp-surface)}.design-page.faq-page .qa h3{margin:0}.design-page.faq-page .qa-btn{grid-template-columns:var(--sp-size-44) minmax(0, 1fr) var(--sp-size-28);align-items:start;gap:0 var(--sp-size-8);width:100%;padding:var(--sp-size-26) var(--sp-size-40) var(--sp-size-26) var(--sp-size-56);text-align:left;scroll-margin-top:var(--sp-size-64);background:0 0;border:0;display:grid}.design-page.faq-page .qa-btn .n{font-family:var(--sp-font-mono);font-size:var(--sp-size-12);line-height:var(--sp-size-28);color:var(--sp-ink-3);transition:color .15s}.design-page.faq-page .qa-btn .q{font-size:var(--sp-size-18);line-height:var(--sp-size-28);letter-spacing:-.012em;color:var(--sp-ink);font-weight:600}html[lang=zh] .design-page.faq-page .qa-btn .q{letter-spacing:0}.design-page.faq-page .qa-btn .pm{width:var(--sp-size-28);height:var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-radius-74);background:var(--sp-surface);color:var(--sp-ink-3);place-items:center;transition:border-color .15s,color .15s,transform .3s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.design-page.faq-page .qa-btn .pm svg{width:var(--sp-size-14);height:var(--sp-size-14)}.design-page.faq-page .qa-btn:hover .q{color:var(--sp-accent)}.design-page.faq-page .qa-btn:hover .pm{border-color:var(--sp-line-strong);color:var(--sp-ink)}.design-page.faq-page .qa-btn:focus-visible{outline:var(--sp-size-2) solid var(--sp-accent);outline-offset:calc(-1 * var(--sp-size-2))}.design-page.faq-page .qa.open .n{color:var(--sp-accent)}.design-page.faq-page .qa.open .pm{border-color:var(--sp-accent-line);color:var(--sp-accent);transform:rotate(45deg)}.design-page.faq-page .qa-panel{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1);display:grid}.design-page.faq-page .qa.open .qa-panel{grid-template-rows:1fr}.design-page.faq-page .qa-panel>div{overflow:hidden}.design-page.faq-page .qa-panel p{max-width:calc(64ch + var(--sp-size-184));padding:0 var(--sp-size-76) var(--sp-size-30) var(--sp-size-108);font-size:var(--sp-size-15-5);color:var(--sp-ink-2);opacity:0;transform:translateY(calc(-1 * var(--sp-size-4)));margin:0;line-height:1.7;transition:opacity .25s,transform .3s cubic-bezier(.16,1,.3,1)}html[lang=zh] .design-page.faq-page .qa-panel p{max-width:calc(40em + var(--sp-size-184))}.design-page.faq-page .qa.open .qa-panel p{opacity:1;transform:none}.design-page.faq-page .faq-aside{border-left:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2)}.design-page.faq-page .faq-aside-inner{top:var(--sp-size-64);padding:var(--sp-size-40) var(--sp-size-32) var(--sp-size-44);position:sticky}.design-page.faq-page .faq-aside h2{margin:var(--sp-size-24) 0 var(--sp-size-8);font-size:var(--sp-size-21);letter-spacing:-.016em;font-weight:600;line-height:1.3}.design-page.faq-page .faq-aside p{font-size:var(--sp-size-14-5);color:var(--sp-ink-2);margin:0;line-height:1.6}.design-page.faq-page .aside-actions{gap:var(--sp-size-8);margin-top:var(--sp-size-24);display:grid}.design-page.faq-page .tile{width:var(--sp-size-40);height:var(--sp-size-40);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);color:var(--sp-accent);place-items:center;display:inline-grid}.design-page.faq-page .tile svg{width:var(--sp-size-19);height:var(--sp-size-19)}@media (prefers-reduced-motion:reduce){.design-page.faq-page .qa-panel,.design-page.faq-page .qa-panel p,.design-page.faq-page .qa-btn .pm{transition:none}}.design-page.faq-page .page-head .rail{padding:var(--sp-size-88) var(--sp-size-56) var(--sp-size-72)}.design-page.faq-page .head-grid{height:var(--sp-size-420);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-79);-webkit-mask-image:var(--sp-style-80);mask-image:var(--sp-style-80);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.faq-page .page-head .rail>:not(.head-grid){position:relative}.design-page.faq-page .page-head h1{max-width:16ch;font-size:clamp(var(--sp-size-40), 5.6vw, var(--sp-size-68));letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}html[lang=zh] .design-page.faq-page .page-head h1{font-size:clamp(var(--sp-size-36), 5vw, var(--sp-size-60));letter-spacing:0;font-weight:600;line-height:1.16}.design-page.faq-page .page-head .sub{max-width:54ch;margin:var(--sp-size-24) 0 0;font-size:var(--sp-size-18-5);color:var(--sp-ink-2);line-height:1.6}html[lang=zh] .design-page.faq-page .page-head .sub{max-width:32em}.design-page.faq-page .sub a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.faq-page .sub a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.faq-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.faq-page .btn-primary svg{transition:transform .15s}.design-page.faq-page .btn-primary:hover svg{transform:translateX(var(--sp-size-2))}.design-page.faq-page .sec-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-size-16) var(--sp-size-32);padding:var(--sp-size-72) var(--sp-size-56) var(--sp-size-32);flex-wrap:wrap;display:flex}.design-page.faq-page .sec-head h2{font-size:clamp(var(--sp-size-26), 3vw, var(--sp-size-34));letter-spacing:-.026em;margin:0;font-weight:600;line-height:1.18}html[lang=zh] .design-page.faq-page .sec-head h2{letter-spacing:0;line-height:1.32}.design-page.faq-page .sec-head .eyebrow{margin-bottom:var(--sp-size-14)}@media (prefers-reduced-motion:no-preference){.design-page.faq-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.faq-page .d1{animation-delay:60ms}.design-page.faq-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}@media (max-width:767px){.design-page.faq-page .page-head .rail{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-48)}.design-page.faq-page .page-head .sub{font-size:var(--sp-size-17)}.design-page.faq-page .sec-head{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-24)}}@media (max-width:1023px){.design-page.faq-page .faq-body{grid-template-columns:minmax(0,1fr)}.design-page.faq-page .faq-aside{border-left:0;border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.faq-page .faq-aside-inner{align-items:center;gap:var(--sp-size-4) var(--sp-size-20);padding:var(--sp-size-36) var(--sp-size-56);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:static}.design-page.faq-page .faq-aside .tile{grid-row:span 2}.design-page.faq-page .faq-aside h2{margin:0}.design-page.faq-page .aside-actions{grid-area:1/3/span 2;grid-auto-flow:column;margin:0}}@media (max-width:767px){.design-page.faq-page .qa-btn{grid-template-columns:var(--sp-size-32) minmax(0, 1fr) var(--sp-size-28);padding:var(--sp-size-22) var(--sp-size-20) var(--sp-size-22) var(--sp-size-24)}.design-page.faq-page .qa-btn .q{font-size:var(--sp-size-16-5);line-height:var(--sp-size-26)}.design-page.faq-page .qa-btn .n{line-height:var(--sp-size-26)}.design-page.faq-page .qa-panel p{padding:0 var(--sp-size-24) var(--sp-size-24) var(--sp-size-64);font-size:var(--sp-size-15)}.design-page.faq-page .faq-aside-inner{padding:var(--sp-size-36) var(--sp-size-24) var(--sp-size-40);grid-template-columns:minmax(0,1fr)}.design-page.faq-page .faq-aside .tile{grid-row:auto}.design-page.faq-page .faq-aside h2{margin-top:var(--sp-size-16)}.design-page.faq-page .aside-actions{margin-top:var(--sp-size-20);grid-area:auto;grid-auto-flow:row}}.design-page.pricing-page *,.design-page.pricing-page :before,.design-page.pricing-page :after{box-sizing:border-box}.design-page.pricing-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.pricing-page{line-height:1.75}.design-page.pricing-page a{color:inherit;text-decoration:none}.design-page.pricing-page button{font:inherit;color:inherit;cursor:pointer}.design-page.pricing-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.pricing-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.pricing-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.pricing-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.pricing-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.pricing-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.pricing-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.pricing-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.pricing-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.pricing-page .btn-primary:hover{opacity:.86}.design-page.pricing-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.pricing-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.pricing-page .page-head.pricing-head .rail{padding-top:var(--sp-size-72);padding-bottom:var(--sp-size-56)}.design-page.pricing-page .page-head.pricing-head h1{max-width:28ch}.design-page.pricing-page .plans{gap:var(--sp-size-1);background:var(--sp-line);grid-template-columns:1fr 1fr;display:grid}.design-page.pricing-page .plan{grid-row:span 7;grid-template-rows:subgrid;padding:var(--sp-size-40) var(--sp-size-56) var(--sp-size-48);background:var(--sp-canvas);align-content:start;display:grid}.design-page.pricing-page .plan.premium{background:var(--sp-surface);position:relative}.design-page.pricing-page .plan.premium:before{content:"";inset:calc(-1 * var(--sp-size-1)) 0 auto;height:var(--sp-size-2);background:var(--sp-accent);position:absolute}.design-page.pricing-page .plan.premium.current:before{background:var(--sp-vip-bg)}.design-page.pricing-page .plan-top{justify-content:space-between;align-items:center;gap:var(--sp-size-12);min-height:var(--sp-size-26);display:flex}.design-page.pricing-page .plan h2{font-family:var(--sp-font-mono);font-size:var(--sp-size-13);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-2);margin:0;font-weight:500}.design-page.pricing-page .badge{height:var(--sp-size-24);padding:0 var(--sp-size-10);border:var(--sp-size-1) solid var(--sp-accent-line);border-radius:var(--sp-size-999);background:var(--sp-accent-soft);font-size:var(--sp-size-12);color:var(--sp-accent);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.design-page.pricing-page .price{align-items:baseline;gap:var(--sp-size-10);margin:var(--sp-size-22) 0 0;display:flex}.design-page.pricing-page .price b{font-size:var(--sp-size-64);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.design-page.pricing-page .price span{font-size:var(--sp-size-15);color:var(--sp-ink-3)}.design-page.pricing-page .caption{margin:var(--sp-size-12) 0 0;font-size:var(--sp-size-13-5);color:var(--sp-ink-3)}.design-page.pricing-page .headline{max-width:36ch;margin:var(--sp-size-20) 0 0;font-size:var(--sp-size-17);color:var(--sp-ink);line-height:1.55}html[lang=zh] .design-page.pricing-page .headline{max-width:22em}.design-page.pricing-page .plan-note{align-self:start}.design-page.pricing-page .plan-cta,.design-page.pricing-page .current-plan{width:100%;height:var(--sp-size-46);margin-top:var(--sp-size-24)}.design-page.pricing-page .current-plan{justify-content:center;align-items:center;gap:var(--sp-size-8);border-radius:var(--sp-r-md);background:var(--sp-vip-bg);color:var(--sp-vip-fg);font-size:var(--sp-size-15);font-weight:600;display:flex}.design-page.pricing-page .current-plan svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.pricing-page .plan-note{align-items:center;gap:var(--sp-size-7);margin:var(--sp-size-12) 0 0;font-size:var(--sp-size-13);color:var(--sp-ink-3);display:flex}.design-page.pricing-page .plan-note svg{width:var(--sp-size-14);height:var(--sp-size-14);flex:none}.design-page.pricing-page .plan-list{margin-top:var(--sp-size-28);padding-top:var(--sp-size-24);border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.pricing-page .list-label{margin:0 0 var(--sp-size-14);font-size:var(--sp-size-13-5);color:var(--sp-ink);font-weight:600}.design-page.pricing-page .list-label.muted{margin-top:var(--sp-size-28);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);font-weight:500}.design-page.pricing-page .feats{gap:var(--sp-size-11);margin:0;padding:0;list-style:none;display:grid}.design-page.pricing-page .feats li{grid-template-columns:var(--sp-size-16) 1fr;gap:var(--sp-size-12);font-size:var(--sp-size-14-5);color:var(--sp-ink);line-height:1.5;display:grid}.design-page.pricing-page .feats svg{width:var(--sp-size-15);height:var(--sp-size-15);margin-top:var(--sp-size-3);color:var(--sp-accent)}.design-page.pricing-page .feats.not li{font-size:var(--sp-size-13-5);color:var(--sp-ink-3)}.design-page.pricing-page .feats.not svg{color:var(--sp-ink-3)}.design-page.pricing-page .table-box{border-top:var(--sp-size-1) solid var(--sp-line);overflow-x:auto}.design-page.pricing-page .cmp-table{width:100%;min-width:var(--sp-size-600);border-collapse:collapse;table-layout:fixed;font-size:var(--sp-size-14-5);line-height:1.5}.design-page.pricing-page .cmp-table th,.design-page.pricing-page .cmp-table td{padding:var(--sp-size-18) var(--sp-size-24);border-bottom:var(--sp-size-1) solid var(--sp-line);text-align:left;vertical-align:top}.design-page.pricing-page .cmp-table th:first-child,.design-page.pricing-page .cmp-table td:first-child{width:36%;padding-left:var(--sp-size-56)}.design-page.pricing-page .cmp-table th:last-child,.design-page.pricing-page .cmp-table td:last-child{padding-right:var(--sp-size-56)}.design-page.pricing-page .cmp-table tr:last-child td{border-bottom:0}.design-page.pricing-page .cmp-table th{padding-top:var(--sp-size-14);padding-bottom:var(--sp-size-14);background:var(--sp-surface-2);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);font-weight:500}.design-page.pricing-page .cmp-table th.pc{color:var(--sp-accent)}.design-page.pricing-page .cmp-table td{color:var(--sp-ink-2)}.design-page.pricing-page .cmp-table td:first-child{color:var(--sp-ink);font-weight:500}.design-page.pricing-page .cmp-table td.pc{background:color-mix(in srgb, var(--sp-surface) 70%, transparent);color:var(--sp-ink)}.design-page.pricing-page .cell{align-items:flex-start;gap:var(--sp-size-8);display:inline-flex}.design-page.pricing-page .cell svg{width:var(--sp-size-15);height:var(--sp-size-15);margin-top:var(--sp-size-3);flex:none}.design-page.pricing-page .trust{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.pricing-page .trust-cell{padding:var(--sp-size-32) var(--sp-size-32) var(--sp-size-40);background:var(--sp-canvas)}.design-page.pricing-page .trust-cell:first-child{padding-left:var(--sp-size-56)}.design-page.pricing-page .trust-cell h3{margin:var(--sp-size-22) 0 var(--sp-size-8);font-size:var(--sp-size-17);letter-spacing:-.01em;font-weight:600}.design-page.pricing-page .trust-cell p{max-width:38ch;font-size:var(--sp-size-14-5);color:var(--sp-ink-2);margin:0;line-height:1.6}.design-page.pricing-page .tile{width:var(--sp-size-40);height:var(--sp-size-40);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);color:var(--sp-accent);place-items:center;display:inline-grid}.design-page.pricing-page .tile svg{width:var(--sp-size-18);height:var(--sp-size-18)}@media (prefers-reduced-motion:no-preference){@keyframes sp-fade{0%{opacity:0}}@keyframes sp-pop{0%{opacity:0;transform:translateY(var(--sp-size-12)) scale(.98)}}}.design-page.pricing-page .page-head .rail{padding:var(--sp-size-88) var(--sp-size-56) var(--sp-size-72)}.design-page.pricing-page .head-grid{height:var(--sp-size-420);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-88);-webkit-mask-image:var(--sp-style-89);mask-image:var(--sp-style-89);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.pricing-page .page-head .rail>:not(.head-grid){position:relative}.design-page.pricing-page .page-head h1{max-width:16ch;font-size:clamp(var(--sp-size-40), 5.6vw, var(--sp-size-68));letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}html[lang=zh] .design-page.pricing-page .page-head h1{font-size:clamp(var(--sp-size-36), 5vw, var(--sp-size-60));letter-spacing:0;font-weight:600;line-height:1.16}.design-page.pricing-page .page-head .sub{max-width:54ch;margin:var(--sp-size-24) 0 0;font-size:var(--sp-size-18-5);color:var(--sp-ink-2);line-height:1.6}html[lang=zh] .design-page.pricing-page .page-head .sub{max-width:32em}.design-page.pricing-page .sub a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.pricing-page .sub a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.pricing-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.pricing-page .btn-primary svg{transition:transform .15s}.design-page.pricing-page .btn-primary:hover svg{transform:translateX(var(--sp-size-2))}.design-page.pricing-page .sec-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-size-16) var(--sp-size-32);padding:var(--sp-size-72) var(--sp-size-56) var(--sp-size-32);flex-wrap:wrap;display:flex}.design-page.pricing-page .sec-head h2{font-size:clamp(var(--sp-size-26), 3vw, var(--sp-size-34));letter-spacing:-.026em;margin:0;font-weight:600;line-height:1.18}html[lang=zh] .design-page.pricing-page .sec-head h2{letter-spacing:0;line-height:1.32}.design-page.pricing-page .sec-head .eyebrow{margin-bottom:var(--sp-size-14)}@media (prefers-reduced-motion:no-preference){.design-page.pricing-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.pricing-page .d1{animation-delay:60ms}.design-page.pricing-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}@media (max-width:767px){.design-page.pricing-page .page-head .rail{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-48)}.design-page.pricing-page .page-head .sub{font-size:var(--sp-size-17)}.design-page.pricing-page .sec-head{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-24)}}@media (max-width:1023px){.design-page.pricing-page .plan{padding:var(--sp-size-36) var(--sp-size-40) var(--sp-size-44)}.design-page.pricing-page .price b{font-size:var(--sp-size-56)}.design-page.pricing-page .trust{grid-template-columns:1fr}.design-page.pricing-page .trust-cell,.design-page.pricing-page .trust-cell:first-child{grid-template-columns:var(--sp-size-40) minmax(0, 1fr);gap:var(--sp-size-4) var(--sp-size-20);padding:var(--sp-size-28) var(--sp-size-56);display:grid}.design-page.pricing-page .trust-cell .tile{grid-row:span 2}.design-page.pricing-page .trust-cell h3{margin:var(--sp-size-8) 0 0}.design-page.pricing-page .trust-cell p{max-width:60ch}}@media (max-width:767px){.design-page.pricing-page .plans{grid-template-columns:1fr}.design-page.pricing-page .plan{padding:var(--sp-size-32) var(--sp-size-24) var(--sp-size-40)}.design-page.pricing-page .plan.premium{order:-1}.design-page.pricing-page .plan-note[aria-hidden=true]{display:none}.design-page.pricing-page .cmp-table,.design-page.pricing-page .cmp-table tbody{min-width:0;display:block}.design-page.pricing-page .cmp-table thead{display:none}.design-page.pricing-page .cmp-table tr{border-bottom:var(--sp-size-1) solid var(--sp-line);grid-template-columns:1fr 1fr;display:grid}.design-page.pricing-page .cmp-table tr:last-child{border-bottom:0}.design-page.pricing-page .cmp-table td,.design-page.pricing-page .cmp-table td:first-child,.design-page.pricing-page .cmp-table td:last-child{width:auto;padding:var(--sp-size-4) var(--sp-size-24) var(--sp-size-16);font-size:var(--sp-size-14);border:0}.design-page.pricing-page .cmp-table td:first-child{padding-top:var(--sp-size-18);padding-bottom:var(--sp-size-10);font-size:var(--sp-size-15);grid-column:1/-1}.design-page.pricing-page .cmp-table td.pc{padding-left:var(--sp-size-12);background:0 0}.design-page.pricing-page .cmp-table td[data-th]:before{content:attr(data-th);margin-bottom:var(--sp-size-4);font-family:var(--sp-font-mono);font-size:var(--sp-size-10-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:block}.design-page.pricing-page .cmp-table td.pc:before{color:var(--sp-accent)}.design-page.pricing-page .trust-cell,.design-page.pricing-page .trust-cell:first-child{padding:var(--sp-size-28) var(--sp-size-24) var(--sp-size-32);grid-template-columns:minmax(0,1fr)}.design-page.pricing-page .trust-cell .tile{grid-row:auto}.design-page.pricing-page .trust-cell h3{margin-top:var(--sp-size-18)}}.design-page.blog-page *,.design-page.blog-page :before,.design-page.blog-page :after{box-sizing:border-box}.design-page.blog-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.blog-page{line-height:1.75}.design-page.blog-page a{color:inherit;text-decoration:none}.design-page.blog-page button{font:inherit;color:inherit;cursor:pointer}.design-page.blog-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.blog-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.blog-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.blog-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.blog-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.blog-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.blog-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.blog-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.blog-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.blog-page .btn-primary:hover{opacity:.86}.design-page.blog-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.blog-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.blog-page .hero .rail{padding:var(--sp-size-80) var(--sp-size-56) var(--sp-size-72)}.design-page.blog-page .hero-grid{height:var(--sp-size-420);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-91);-webkit-mask-image:var(--sp-style-92);mask-image:var(--sp-style-92);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.blog-page .hero .eyebrow,.design-page.blog-page .hero h1,.design-page.blog-page .hero-sub{position:relative}.design-page.blog-page .hero h1{max-width:16ch;font-size:clamp(var(--sp-size-38), 5.6vw, var(--sp-size-64));letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}html[lang=zh] .design-page.blog-page .hero h1{letter-spacing:0;font-weight:600;line-height:1.2}.design-page.blog-page .hero-sub{max-width:58ch;margin:var(--sp-size-22) 0 0;font-size:var(--sp-size-18);color:var(--sp-ink-2)}html[lang=zh] .design-page.blog-page .hero-sub{max-width:34em}.design-page.blog-page .cat{align-items:center;gap:var(--sp-size-7);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.06em;text-transform:uppercase;font-weight:500;display:inline-flex}.design-page.blog-page .cat:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-radius-94);background:currentColor}.design-page.blog-page .cat[data-cat=Education]{color:var(--sp-cat-1)}.design-page.blog-page .cat[data-cat=Engineering]{color:var(--sp-cat-2)}.design-page.blog-page .cat[data-cat=Study\ Tips]{color:var(--sp-cat-3)}.design-page.blog-page .meta{align-items:center;gap:var(--sp-size-6) var(--sp-size-8);font-size:var(--sp-size-13);color:var(--sp-ink-3);flex-wrap:wrap;display:flex}.design-page.blog-page .author-badge{width:var(--sp-size-32);height:var(--sp-size-32);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-radius-96);background:var(--sp-surface);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);color:var(--sp-ink-2);place-items:center;font-weight:500;display:inline-grid}.design-page.blog-page .featured{color:inherit;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.design-page.blog-page .featured-main{padding:var(--sp-size-48) var(--sp-size-56) var(--sp-size-44);flex-direction:column;transition:background-color .2s;display:flex}.design-page.blog-page .featured:hover .featured-main{background:var(--sp-surface)}.design-page.blog-page .featured-top{align-items:center;gap:var(--sp-size-12);flex-wrap:wrap;display:flex}.design-page.blog-page .pill{height:var(--sp-size-24);padding:0 var(--sp-size-9);border:var(--sp-size-1) solid var(--sp-accent-line);border-radius:var(--sp-size-999);background:var(--sp-accent-soft);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);letter-spacing:.06em;color:var(--sp-accent);align-items:center;font-weight:500;display:inline-flex}.design-page.blog-page .featured h2{max-width:22ch;margin:var(--sp-size-22) 0 0;font-size:clamp(var(--sp-size-28), 3.4vw, var(--sp-size-40));letter-spacing:-.026em;text-wrap:balance;font-weight:600;line-height:1.14;transition:color .15s}.design-page.blog-page .featured:hover h2{color:var(--sp-accent)}.design-page.blog-page .featured .excerpt{max-width:56ch;margin:var(--sp-size-16) 0 0;font-size:var(--sp-size-16-5);color:var(--sp-ink-2)}.design-page.blog-page .featured-foot{justify-content:space-between;align-items:center;gap:var(--sp-size-16);padding-top:var(--sp-size-40);flex-wrap:wrap;margin-top:auto;display:flex}.design-page.blog-page .byline{align-items:center;gap:var(--sp-size-12);display:flex}.design-page.blog-page .byline b{font-size:var(--sp-size-14);color:var(--sp-ink);font-weight:600;display:block}.design-page.blog-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.blog-page .featured .btn svg{transition:transform .15s}.design-page.blog-page .featured:hover .btn svg{transform:translateX(var(--sp-size-3))}.design-page.blog-page .toc{padding:var(--sp-size-48) var(--sp-size-48) var(--sp-size-44);border-left:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2)}.design-page.blog-page .toc-label{margin:0 0 var(--sp-size-18);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3)}.design-page.blog-page .toc ol{counter-reset:toc;border-top:var(--sp-size-1) solid var(--sp-line);margin:0;padding:0;list-style:none}.design-page.blog-page .toc li{grid-template-columns:var(--sp-size-28) 1fr;gap:var(--sp-size-8);padding:var(--sp-size-11) 0;border-bottom:var(--sp-size-1) solid var(--sp-line);font-size:var(--sp-size-14-5);color:var(--sp-ink-2);counter-increment:toc;display:grid}.design-page.blog-page .toc li:before{content:counter(toc, decimal-leading-zero);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);line-height:var(--sp-size-23);color:var(--sp-ink-3)}.design-page.blog-page .list-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-size-20);padding:var(--sp-size-72) var(--sp-size-56) var(--sp-size-28);flex-wrap:wrap;display:flex}.design-page.blog-page .list-head h2{align-items:center;gap:var(--sp-size-10);font-size:var(--sp-size-26);letter-spacing:-.02em;margin:0;font-weight:600;display:flex}.design-page.blog-page .count{min-width:var(--sp-size-26);height:var(--sp-size-22);padding:0 var(--sp-size-7);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-size-999);background:var(--sp-surface);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);color:var(--sp-ink-2);place-items:center;font-weight:500;display:inline-grid}.design-page.blog-page .filters{align-items:center;gap:var(--sp-size-8);flex-wrap:wrap;display:flex}.design-page.blog-page .chip{align-items:center;gap:var(--sp-size-8);height:var(--sp-size-34);padding:0 var(--sp-size-8) 0 var(--sp-size-13);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-size-999);background:var(--sp-surface);font-size:var(--sp-size-13-5);color:var(--sp-ink-2);font-weight:500;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.design-page.blog-page .chip:hover{border-color:var(--sp-line-strong);color:var(--sp-ink)}.design-page.blog-page .chip .count{height:var(--sp-size-20);min-width:var(--sp-size-22);background:var(--sp-surface-2);font-size:var(--sp-size-11);border:0}.design-page.blog-page .chip[aria-pressed=true]{border-color:var(--sp-accent-line);background:var(--sp-accent-soft);color:var(--sp-accent)}.design-page.blog-page .chip[aria-pressed=true] .count{background:var(--sp-surface);color:var(--sp-accent)}.design-page.blog-page .sort{align-items:center;gap:var(--sp-size-6);height:var(--sp-size-34);padding:0 var(--sp-size-10) 0 var(--sp-size-12);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);font-size:var(--sp-size-13);color:var(--sp-ink-3);display:inline-flex}.design-page.blog-page .sort b{color:var(--sp-ink);font-weight:600}.design-page.blog-page .sort svg{width:var(--sp-size-14);height:var(--sp-size-14);color:var(--sp-ink-3)}.design-page.blog-page .tools{justify-content:space-between;align-items:center;gap:var(--sp-size-12);padding:0 var(--sp-size-56) var(--sp-size-28);flex-wrap:wrap;display:flex}.design-page.blog-page .posts{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.blog-page .post{min-height:var(--sp-size-300);padding:var(--sp-size-28) var(--sp-size-28) var(--sp-size-24);background:var(--sp-canvas);color:inherit;flex-direction:column;transition:background-color .2s;display:flex;position:relative}.design-page.blog-page .post:hover{background:var(--sp-surface)}.design-page.blog-page .post h3{margin:var(--sp-size-18) 0 var(--sp-size-10);font-size:var(--sp-size-19);letter-spacing:-.012em;font-weight:600;line-height:1.35;transition:color .15s}.design-page.blog-page .post:hover h3{color:var(--sp-accent)}.design-page.blog-page .post p{-webkit-line-clamp:3;font-size:var(--sp-size-14-5);color:var(--sp-ink-2);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.design-page.blog-page .post .meta{padding-top:var(--sp-size-22);margin-top:auto}.design-page.blog-page .post .go{width:var(--sp-size-16);height:var(--sp-size-16);color:var(--sp-accent);opacity:0;transform:translateX(calc(-1 * var(--sp-size-4)));margin-left:auto;transition:opacity .15s,transform .15s}.design-page.blog-page .post:hover .go{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.design-page.blog-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.blog-page .d1{animation-delay:60ms}.design-page.blog-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}@keyframes sp-fade{0%{opacity:0}}}@media (max-width:1023px){.design-page.blog-page .featured{grid-template-columns:1fr}.design-page.blog-page .toc{border-left:0;border-top:var(--sp-size-1) solid var(--sp-line);padding:var(--sp-size-32) var(--sp-size-56) var(--sp-size-36)}.design-page.blog-page .posts{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.design-page.blog-page .hero .rail,.design-page.blog-page .featured-main,.design-page.blog-page .toc,.design-page.blog-page .list-head,.design-page.blog-page .tools{padding-left:var(--sp-size-24);padding-right:var(--sp-size-24)}.design-page.blog-page .hero .rail{padding-top:var(--sp-size-48);padding-bottom:var(--sp-size-48)}.design-page.blog-page .hero-sub{font-size:var(--sp-size-16-5)}.design-page.blog-page .featured-main{padding-top:var(--sp-size-32);padding-bottom:var(--sp-size-32)}.design-page.blog-page .featured-foot{padding-top:var(--sp-size-28)}.design-page.blog-page .featured-foot .btn{flex:100%}.design-page.blog-page .list-head{padding-top:var(--sp-size-56)}.design-page.blog-page .filters{width:calc(100% + var(--sp-size-48));margin:0 calc(-1 * var(--sp-size-24));padding:0 var(--sp-size-24) var(--sp-size-2);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.design-page.blog-page .filters::-webkit-scrollbar{display:none}.design-page.blog-page .chip{flex:none}.design-page.blog-page .posts{grid-template-columns:1fr}.design-page.blog-page .post{min-height:0;padding:var(--sp-size-24) var(--sp-size-24) var(--sp-size-22)}.design-page.blog-page .post .go{opacity:1;transform:none}}.design-page.blog-post-page *,.design-page.blog-post-page :before,.design-page.blog-post-page :after{box-sizing:border-box}.design-page.blog-post-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.blog-post-page{line-height:1.75}.design-page.blog-post-page a{color:inherit;text-decoration:none}.design-page.blog-post-page button{font:inherit;color:inherit;cursor:pointer}.design-page.blog-post-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.blog-post-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.blog-post-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.blog-post-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.blog-post-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.blog-post-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.blog-post-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.blog-post-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.blog-post-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.blog-post-page .btn-primary:hover{opacity:.86}.design-page.blog-post-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.blog-post-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.blog-post-page .post-head .rail{padding:var(--sp-size-40) var(--sp-size-56) var(--sp-size-56)}.design-page.blog-post-page .crumbs{align-items:center;gap:var(--sp-size-6) var(--sp-size-10);margin:0 0 var(--sp-size-44);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.04em;color:var(--sp-ink-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.design-page.blog-post-page .crumbs a{color:var(--sp-ink-3);transition:color .15s}.design-page.blog-post-page .crumbs a:hover{color:var(--sp-ink)}.design-page.blog-post-page .crumbs .sep{color:var(--sp-line-strong)}.design-page.blog-post-page .crumbs .here{white-space:nowrap;text-overflow:ellipsis;max-width:44ch;color:var(--sp-ink-2);overflow:hidden}.design-page.blog-post-page .back{align-items:center;gap:var(--sp-size-6);margin:0 0 var(--sp-size-28);font-size:var(--sp-size-13-5);color:var(--sp-ink-2);font-weight:500;display:none}.design-page.blog-post-page .back svg{width:var(--sp-size-15);height:var(--sp-size-15);transform:scaleX(-1)}.design-page.blog-post-page .post-head h1{max-width:22ch;margin:var(--sp-size-18) 0 0;font-size:clamp(var(--sp-size-34), 4.6vw, var(--sp-size-54));letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.08}.design-page.blog-post-page .lead{max-width:62ch;margin:var(--sp-size-22) 0 0;font-size:var(--sp-size-18-5);color:var(--sp-ink-2);line-height:1.6}.design-page.blog-post-page .post-meta-row{justify-content:space-between;align-items:center;gap:var(--sp-size-18) var(--sp-size-24);margin-top:var(--sp-size-36);padding-top:var(--sp-size-24);border-top:var(--sp-size-1) solid var(--sp-line);flex-wrap:wrap;display:flex}.design-page.blog-post-page .byline small{font-size:var(--sp-size-12-5);color:var(--sp-ink-3);display:block}.design-page.blog-post-page .tags{gap:var(--sp-size-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.design-page.blog-post-page .tags li{height:var(--sp-size-26);padding:0 var(--sp-size-10);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-size-999);background:var(--sp-surface);font-size:var(--sp-size-12-5);color:var(--sp-ink-2);align-items:center;display:inline-flex}.design-page.blog-post-page .post-body{grid-template-columns:var(--sp-size-264) minmax(0, 1fr);display:grid}.design-page.blog-post-page .post-toc{border-right:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2)}.design-page.blog-post-page .post-toc-inner{top:var(--sp-size-64);padding:var(--sp-size-40) var(--sp-size-28) var(--sp-size-40) var(--sp-size-32);position:sticky}.design-page.blog-post-page .post-toc summary{cursor:default;pointer-events:none;list-style:none}.design-page.blog-post-page .post-toc summary::-webkit-details-marker{display:none}.design-page.blog-post-page .post-toc summary svg{display:none}.design-page.blog-post-page .post-toc ol{counter-reset:toc;margin:0;padding:0;list-style:none;position:relative}.design-page.blog-post-page .post-toc li{counter-increment:toc}.design-page.blog-post-page .post-toc a{grid-template-columns:var(--sp-size-26) 1fr;gap:var(--sp-size-6);padding:var(--sp-size-8) 0 var(--sp-size-8) var(--sp-size-14);font-size:var(--sp-size-14);color:var(--sp-ink-3);line-height:1.45;transition:color .15s;display:grid}.design-page.blog-post-page .post-toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);line-height:var(--sp-size-20);color:var(--sp-ink-3);opacity:.8}.design-page.blog-post-page .post-toc a:hover{color:var(--sp-ink)}.design-page.blog-post-page .post-toc a[aria-current=true]{color:var(--sp-ink);font-weight:500}.design-page.blog-post-page .post-toc a[aria-current=true]:before{color:var(--sp-accent);opacity:1}.design-page.blog-post-page .toc-nav{position:relative}.design-page.blog-post-page .toc-nav:before{content:"";width:var(--sp-size-1);background:var(--sp-line);position:absolute;top:0;bottom:0;left:0}.design-page.blog-post-page .prose{max-width:var(--sp-size-760);padding:var(--sp-size-56) var(--sp-size-72) var(--sp-size-80);font-size:var(--sp-size-17);color:var(--sp-prose);line-height:1.75}html[lang=zh] .design-page.blog-post-page .prose{line-height:1.75}.design-page.blog-post-page .prose section+section{margin-top:var(--sp-size-56)}.design-page.blog-post-page .prose h2{align-items:baseline;gap:var(--sp-size-14);margin:0 0 var(--sp-size-18);font-size:var(--sp-size-26);letter-spacing:-.02em;color:var(--sp-ink);scroll-margin-top:var(--sp-size-88);font-weight:600;line-height:1.25;display:flex}.design-page.blog-post-page .prose p{margin:0 0 var(--sp-size-20)}.design-page.blog-post-page .prose>section>:last-child{margin-bottom:0}.design-page.blog-post-page .prose a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.blog-post-page .prose a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.blog-post-page .prose ul,.design-page.blog-post-page .prose ol{margin:0 0 var(--sp-size-22);padding:0;list-style:none}.design-page.blog-post-page .prose li{padding-left:var(--sp-size-26);position:relative}.design-page.blog-post-page .prose li+li{margin-top:var(--sp-size-10)}.design-page.blog-post-page .prose ul>li:before{content:"";left:var(--sp-size-6);width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1-5);background:var(--sp-accent);opacity:.75;position:absolute;top:.78em}.design-page.blog-post-page .prose ol{counter-reset:ol}.design-page.blog-post-page .prose ol>li{counter-increment:ol;padding-left:var(--sp-size-34)}.design-page.blog-post-page .prose ol>li:before{content:counter(ol, decimal-leading-zero);font-family:var(--sp-font-mono);font-size:var(--sp-size-13);color:var(--sp-accent);line-height:1.6;position:absolute;top:.22em;left:0}.design-page.blog-post-page .callout{margin:var(--sp-size-8) 0 var(--sp-size-28);padding:var(--sp-size-4) var(--sp-size-24);border:var(--sp-size-1) solid var(--sp-accent-line);border-left:var(--sp-size-3) solid var(--sp-accent);border-radius:var(--sp-r-md);background:var(--sp-accent-soft);font-size:var(--sp-size-16);line-height:1.65}.design-page.blog-post-page .callout p{padding:var(--sp-size-16) 0;margin:0}.design-page.blog-post-page .callout p+p{border-top:var(--sp-size-1) solid var(--sp-accent-line)}.design-page.blog-post-page .callout strong{color:var(--sp-ink);font-weight:600}.design-page.blog-post-page .quote{margin:var(--sp-size-12) 0 var(--sp-size-32);padding:var(--sp-size-4) 0 var(--sp-size-4) var(--sp-size-28);border-left:var(--sp-size-2) solid var(--sp-ink);font-size:var(--sp-size-21);letter-spacing:-.01em;color:var(--sp-ink);font-weight:500;line-height:1.5;position:relative}.design-page.blog-post-page .quote p{margin:0}.design-page.blog-post-page .code{margin:var(--sp-size-8) 0 var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);overflow:hidden}.design-page.blog-post-page .code pre{padding:var(--sp-size-16) 0;font-family:var(--sp-font-mono);font-size:var(--sp-size-13-5);color:var(--sp-ink);grid-template-columns:auto 1fr;margin:0;line-height:1.7;display:grid;overflow-x:auto}.design-page.blog-post-page .code code{padding:0 var(--sp-size-20) 0 var(--sp-size-16);white-space:pre}.design-page.blog-post-page .figure{margin:var(--sp-size-12) 0 var(--sp-size-32)}.design-page.blog-post-page .figure figcaption{margin-top:var(--sp-size-10);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.02em;color:var(--sp-ink-3);line-height:1.6}.design-page.blog-post-page .table{width:100%;min-width:var(--sp-size-560);border-collapse:collapse;font-size:var(--sp-size-14-5);line-height:1.5}.design-page.blog-post-page .table th{padding:var(--sp-size-12) var(--sp-size-16);border-bottom:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2);text-align:left;font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-ink-3);font-weight:500}.design-page.blog-post-page .table td{padding:var(--sp-size-12) var(--sp-size-16);border-bottom:var(--sp-size-1) solid var(--sp-line);vertical-align:top;color:var(--sp-ink-2)}.design-page.blog-post-page .table tr:last-child td{border-bottom:0}.design-page.blog-post-page .table td:first-child{color:var(--sp-ink);font-weight:500}.design-page.blog-post-page .related-head{align-items:center;gap:var(--sp-size-10);padding:var(--sp-size-64) var(--sp-size-56) var(--sp-size-28);display:flex}.design-page.blog-post-page .related-head h2{font-size:var(--sp-size-26);letter-spacing:-.02em;margin:0;font-weight:600}@media (prefers-reduced-motion:no-preference){.design-page.blog-post-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.blog-post-page .d1{animation-delay:60ms}.design-page.blog-post-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}.design-page.blog-post-page .cat{align-items:center;gap:var(--sp-size-7);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.06em;text-transform:uppercase;font-weight:500;display:inline-flex}.design-page.blog-post-page .cat:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-radius-109);background:currentColor}.design-page.blog-post-page .cat[data-cat=Education]{color:var(--sp-cat-1)}.design-page.blog-post-page .cat[data-cat=Engineering]{color:var(--sp-cat-2)}.design-page.blog-post-page .cat[data-cat=Study\ Tips]{color:var(--sp-cat-3)}.design-page.blog-post-page .meta{align-items:center;gap:var(--sp-size-6) var(--sp-size-8);font-size:var(--sp-size-13);color:var(--sp-ink-3);flex-wrap:wrap;display:flex}.design-page.blog-post-page .author-badge{width:var(--sp-size-32);height:var(--sp-size-32);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-radius-111);background:var(--sp-surface);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);color:var(--sp-ink-2);place-items:center;font-weight:500;display:inline-grid}.design-page.blog-post-page .byline{align-items:center;gap:var(--sp-size-12);display:flex}.design-page.blog-post-page .byline b{font-size:var(--sp-size-14);color:var(--sp-ink);font-weight:600;display:block}.design-page.blog-post-page .toc-label{margin:0 0 var(--sp-size-18);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3)}.design-page.blog-post-page .count{min-width:var(--sp-size-26);height:var(--sp-size-22);padding:0 var(--sp-size-7);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-size-999);background:var(--sp-surface);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);color:var(--sp-ink-2);place-items:center;font-weight:500;display:inline-grid}.design-page.blog-post-page .posts{gap:var(--sp-size-1);border-top:var(--sp-size-1) solid var(--sp-line);background:var(--sp-line);grid-template-columns:repeat(3,1fr);display:grid}.design-page.blog-post-page .post{min-height:var(--sp-size-300);padding:var(--sp-size-28) var(--sp-size-28) var(--sp-size-24);background:var(--sp-canvas);color:inherit;flex-direction:column;transition:background-color .2s;display:flex;position:relative}.design-page.blog-post-page .post:hover{background:var(--sp-surface)}.design-page.blog-post-page .post h3{margin:var(--sp-size-18) 0 var(--sp-size-10);font-size:var(--sp-size-19);letter-spacing:-.012em;font-weight:600;line-height:1.35;transition:color .15s}.design-page.blog-post-page .post:hover h3{color:var(--sp-accent)}.design-page.blog-post-page .post p{-webkit-line-clamp:3;font-size:var(--sp-size-14-5);color:var(--sp-ink-2);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.design-page.blog-post-page .post .meta{padding-top:var(--sp-size-22);margin-top:auto}.design-page.blog-post-page .post .go{width:var(--sp-size-16);height:var(--sp-size-16);color:var(--sp-accent);opacity:0;transform:translateX(calc(-1 * var(--sp-size-4)));margin-left:auto;transition:opacity .15s,transform .15s}.design-page.blog-post-page .post:hover .go{opacity:1;transform:none}@media (max-width:1023px){.design-page.blog-post-page .post-body{grid-template-columns:minmax(0,1fr)}.design-page.blog-post-page .post-toc{border-right:0;border-bottom:var(--sp-size-1) solid var(--sp-line)}.design-page.blog-post-page .post-toc-inner{padding:0;position:static}.design-page.blog-post-page .post-toc details{padding:0 var(--sp-size-56)}.design-page.blog-post-page .post-toc summary{height:var(--sp-size-56);cursor:pointer;pointer-events:auto;justify-content:space-between;align-items:center;display:flex}.design-page.blog-post-page .post-toc summary .toc-label{margin:0}.design-page.blog-post-page .post-toc summary svg{width:var(--sp-size-16);height:var(--sp-size-16);color:var(--sp-ink-3);transition:transform .2s;display:block}.design-page.blog-post-page .post-toc details[open] summary svg{transform:rotate(180deg)}.design-page.blog-post-page .post-toc ol{padding-bottom:var(--sp-size-20)}.design-page.blog-post-page .prose{max-width:none;padding:var(--sp-size-48) var(--sp-size-56) var(--sp-size-72)}.design-page.blog-post-page .posts{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.design-page.blog-post-page .post-head .rail,.design-page.blog-post-page .related-head{padding-left:var(--sp-size-24);padding-right:var(--sp-size-24)}.design-page.blog-post-page .post-head .rail{padding-top:var(--sp-size-28);padding-bottom:var(--sp-size-40)}.design-page.blog-post-page .crumbs{display:none}.design-page.blog-post-page .back{display:inline-flex}.design-page.blog-post-page .lead{font-size:var(--sp-size-17)}.design-page.blog-post-page .post-meta-row{margin-top:var(--sp-size-28)}.design-page.blog-post-page .post-toc details{padding:0 var(--sp-size-24)}.design-page.blog-post-page .prose{padding:var(--sp-size-36) var(--sp-size-24) var(--sp-size-56);font-size:var(--sp-size-16-5)}.design-page.blog-post-page .prose h2{font-size:var(--sp-size-22)}.design-page.blog-post-page .prose section+section{margin-top:var(--sp-size-44)}.design-page.blog-post-page .quote{padding-left:var(--sp-size-20);font-size:var(--sp-size-19)}.design-page.blog-post-page .callout{padding:var(--sp-size-2) var(--sp-size-18)}.design-page.blog-post-page .code{margin-left:calc(-1 * var(--sp-size-24));margin-right:calc(-1 * var(--sp-size-24));border-left:0;border-right:0;border-radius:0}.design-page.blog-post-page .figure figcaption{padding:0}.design-page.blog-post-page .related-head{padding-top:var(--sp-size-48)}.design-page.blog-post-page .posts{grid-template-columns:1fr}.design-page.blog-post-page .post{min-height:0;padding:var(--sp-size-24) var(--sp-size-24) var(--sp-size-22)}.design-page.blog-post-page .post .go{opacity:1;transform:none}}.design-page.legal-page *,.design-page.legal-page :before,.design-page.legal-page :after{box-sizing:border-box}.design-page.legal-page{-webkit-text-size-adjust:100%;background:var(--sp-canvas);color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:var(--sp-size-16);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}html[lang=zh] .design-page.legal-page{line-height:1.75}.design-page.legal-page a{color:inherit;text-decoration:none}.design-page.legal-page button{font:inherit;color:inherit;cursor:pointer}.design-page.legal-page .rail{width:var(--sp-rail);border-inline:var(--sp-size-1) solid var(--sp-line);margin:0 auto;position:relative}.design-page.legal-page .band{border-top:var(--sp-size-1) solid var(--sp-line)}.design-page.legal-page .x{top:calc(-1 * var(--sp-size-6));width:var(--sp-size-11);height:var(--sp-size-11);background:linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / var(--sp-size-1) 100% no-repeat, linear-gradient(var(--sp-ink-3), var(--sp-ink-3)) center / 100% var(--sp-size-1) no-repeat;opacity:.55;z-index:2;position:absolute}.design-page.legal-page .x.l{left:calc(-1 * var(--sp-size-6))}.design-page.legal-page .x.r{right:calc(-1 * var(--sp-size-6))}.design-page.legal-page .eyebrow{align-items:center;gap:var(--sp-size-8);margin:0 0 var(--sp-size-20);font-family:var(--sp-font-mono);font-size:var(--sp-size-12);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3);display:inline-flex}.design-page.legal-page .eyebrow:before{content:"";width:var(--sp-size-6);height:var(--sp-size-6);border-radius:var(--sp-size-1);background:var(--sp-accent)}.design-page.legal-page .btn{justify-content:center;align-items:center;gap:var(--sp-size-8);height:var(--sp-size-42);padding:0 var(--sp-size-18);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid transparent;font-size:var(--sp-size-15);white-space:nowrap;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.design-page.legal-page .btn-primary{background:var(--sp-btn-bg);color:var(--sp-btn-fg)}.design-page.legal-page .btn-primary:hover{opacity:.86}.design-page.legal-page .btn-secondary{background:var(--sp-surface);border-color:var(--sp-line-strong)}.design-page.legal-page .btn-secondary:hover{border-color:var(--sp-ink-3)}.design-page.legal-page .post-body{grid-template-columns:var(--sp-size-264) minmax(0, 1fr);display:grid}.design-page.legal-page .post-toc{border-right:var(--sp-size-1) solid var(--sp-line);background:var(--sp-surface-2)}.design-page.legal-page .post-toc-inner{top:var(--sp-size-64);padding:var(--sp-size-40) var(--sp-size-28) var(--sp-size-40) var(--sp-size-32);position:sticky}.design-page.legal-page .post-toc summary{cursor:default;pointer-events:none;list-style:none}.design-page.legal-page .post-toc summary::-webkit-details-marker{display:none}.design-page.legal-page .post-toc summary svg{display:none}.design-page.legal-page .post-toc ol{counter-reset:toc;margin:0;padding:0;list-style:none;position:relative}.design-page.legal-page .post-toc li{counter-increment:toc}.design-page.legal-page .post-toc a{grid-template-columns:var(--sp-size-26) 1fr;gap:var(--sp-size-6);padding:var(--sp-size-8) 0 var(--sp-size-8) var(--sp-size-14);font-size:var(--sp-size-14);color:var(--sp-ink-3);line-height:1.45;transition:color .15s;display:grid}.design-page.legal-page .post-toc a:before{content:counter(toc, decimal-leading-zero);font-family:var(--sp-font-mono);font-size:var(--sp-size-11);line-height:var(--sp-size-20);color:var(--sp-ink-3);opacity:.8}.design-page.legal-page .post-toc a:hover{color:var(--sp-ink)}.design-page.legal-page .post-toc a[aria-current=true]{color:var(--sp-ink);font-weight:500}.design-page.legal-page .post-toc a[aria-current=true]:before{color:var(--sp-accent);opacity:1}.design-page.legal-page .toc-nav{position:relative}.design-page.legal-page .toc-nav:before{content:"";width:var(--sp-size-1);background:var(--sp-line);position:absolute;top:0;bottom:0;left:0}.design-page.legal-page .prose{max-width:var(--sp-size-760);padding:var(--sp-size-56) var(--sp-size-72) var(--sp-size-80);font-size:var(--sp-size-17);color:var(--sp-prose);line-height:1.75}html[lang=zh] .design-page.legal-page .prose{line-height:1.75}.design-page.legal-page .prose section+section{margin-top:var(--sp-size-56)}.design-page.legal-page .prose h2{align-items:baseline;gap:var(--sp-size-14);margin:0 0 var(--sp-size-18);font-size:var(--sp-size-26);letter-spacing:-.02em;color:var(--sp-ink);scroll-margin-top:var(--sp-size-88);font-weight:600;line-height:1.25;display:flex}.design-page.legal-page .prose p{margin:0 0 var(--sp-size-20)}.design-page.legal-page .prose>section>:last-child{margin-bottom:0}.design-page.legal-page .prose a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.legal-page .prose a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.legal-page .page-head.legal-head .rail{padding-bottom:var(--sp-size-48)}.design-page.legal-page .doc-meta{justify-content:space-between;align-items:center;gap:var(--sp-size-16) var(--sp-size-24);margin-top:var(--sp-size-40);padding-top:var(--sp-size-24);border-top:var(--sp-size-1) solid var(--sp-line);flex-wrap:wrap;display:flex}.design-page.legal-page .updated{align-items:center;gap:var(--sp-size-8);font-family:var(--sp-font-mono);font-size:var(--sp-size-12-5);letter-spacing:.02em;color:var(--sp-ink-3);margin:0;display:flex}.design-page.legal-page .updated time{color:var(--sp-ink-2)}.design-page.legal-page .doc-tabs{padding:var(--sp-size-3);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);display:inline-flex;position:relative}.design-page.legal-page .doc-tabs a{z-index:1;align-items:center;gap:var(--sp-size-7);height:var(--sp-size-30);padding:0 var(--sp-size-12);border-radius:var(--sp-size-5);font-size:var(--sp-size-13-5);color:var(--sp-ink-3);font-weight:500;transition:color .15s;display:inline-flex;position:relative}.design-page.legal-page .doc-tabs a svg{width:var(--sp-size-14);height:var(--sp-size-14)}.design-page.legal-page .doc-tabs a:hover,.design-page.legal-page .doc-tabs a[aria-current=page]{color:var(--sp-ink)}.design-page.legal-page .doc-tabs a[aria-current=page] svg{color:var(--sp-accent)}.design-page.legal-page .prose{min-height:var(--sp-size-560)}.design-page.legal-page .prose p{max-width:64ch}html[lang=zh] .design-page.legal-page .prose p{max-width:38em}.design-page.legal-page .toc-label{margin:0 0 var(--sp-size-18);font-family:var(--sp-font-mono);font-size:var(--sp-size-11-5);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-ink-3)}.design-page.legal-page .page-head .rail{padding:var(--sp-size-88) var(--sp-size-56) var(--sp-size-72)}.design-page.legal-page .head-grid{height:var(--sp-size-420);background-image:radial-gradient(var(--sp-dot) var(--sp-size-1), transparent var(--sp-size-1));background-size:var(--sp-size-22) var(--sp-size-22);-webkit-mask-image:var(--sp-style-114);-webkit-mask-image:var(--sp-style-115);mask-image:var(--sp-style-115);pointer-events:none;position:absolute;inset:0 0 auto}.design-page.legal-page .page-head .rail>:not(.head-grid){position:relative}.design-page.legal-page .page-head h1{max-width:16ch;font-size:clamp(var(--sp-size-40), 5.6vw, var(--sp-size-68));letter-spacing:-.042em;text-wrap:balance;margin:0;font-weight:700;line-height:1.04}html[lang=zh] .design-page.legal-page .page-head h1{font-size:clamp(var(--sp-size-36), 5vw, var(--sp-size-60));letter-spacing:0;font-weight:600;line-height:1.16}.design-page.legal-page .page-head .sub{max-width:54ch;margin:var(--sp-size-24) 0 0;font-size:var(--sp-size-18-5);color:var(--sp-ink-2);line-height:1.6}html[lang=zh] .design-page.legal-page .page-head .sub{max-width:32em}.design-page.legal-page .sub a{color:var(--sp-accent);text-decoration:underline;-webkit-text-decoration-color:var(--sp-accent-line);text-decoration-color:var(--sp-accent-line);text-underline-offset:var(--sp-size-3);transition:text-decoration-color .15s}.design-page.legal-page .sub a:hover{-webkit-text-decoration-color:var(--sp-accent);text-decoration-color:var(--sp-accent)}.design-page.legal-page .btn svg{width:var(--sp-size-16);height:var(--sp-size-16)}.design-page.legal-page .btn-primary svg{transition:transform .15s}.design-page.legal-page .btn-primary:hover svg{transform:translateX(var(--sp-size-2))}.design-page.legal-page .sec-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-size-16) var(--sp-size-32);padding:var(--sp-size-72) var(--sp-size-56) var(--sp-size-32);flex-wrap:wrap;display:flex}.design-page.legal-page .sec-head h2{font-size:clamp(var(--sp-size-26), 3vw, var(--sp-size-34));letter-spacing:-.026em;margin:0;font-weight:600;line-height:1.18}html[lang=zh] .design-page.legal-page .sec-head h2{letter-spacing:0;line-height:1.32}.design-page.legal-page .sec-head .eyebrow{margin-bottom:var(--sp-size-14)}@media (prefers-reduced-motion:no-preference){.design-page.legal-page .rise{animation:.7s cubic-bezier(.16,1,.3,1) both sp-rise}.design-page.legal-page .d1{animation-delay:60ms}.design-page.legal-page .d2{animation-delay:.12s}@keyframes sp-rise{0%{opacity:0;transform:translateY(var(--sp-size-14))}}}@media (max-width:767px){.design-page.legal-page .page-head .rail{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-48)}.design-page.legal-page .page-head .sub{font-size:var(--sp-size-17)}.design-page.legal-page .sec-head{padding:var(--sp-size-56) var(--sp-size-24) var(--sp-size-24)}}@media (max-width:1023px){.design-page.legal-page .post-body{grid-template-columns:minmax(0,1fr)}.design-page.legal-page .post-toc{border-right:0;border-bottom:var(--sp-size-1) solid var(--sp-line)}.design-page.legal-page .post-toc-inner{padding:0;position:static}.design-page.legal-page .post-toc details{padding:0 var(--sp-size-56)}.design-page.legal-page .post-toc summary{height:var(--sp-size-56);cursor:pointer;pointer-events:auto;justify-content:space-between;align-items:center;display:flex}.design-page.legal-page .post-toc summary .toc-label{margin:0}.design-page.legal-page .post-toc summary svg{width:var(--sp-size-16);height:var(--sp-size-16);color:var(--sp-ink-3);transition:transform .2s;display:block}.design-page.legal-page .post-toc details[open] summary svg{transform:rotate(180deg)}.design-page.legal-page .post-toc ol{padding-bottom:var(--sp-size-20)}.design-page.legal-page .prose{max-width:none;min-height:0;padding:var(--sp-size-48) var(--sp-size-56) var(--sp-size-72)}}@media (max-width:767px){.design-page.legal-page .page-head.legal-head .rail{padding-bottom:var(--sp-size-36)}.design-page.legal-page .doc-meta{margin-top:var(--sp-size-32)}.design-page.legal-page .post-toc details{padding:0 var(--sp-size-24)}.design-page.legal-page .prose{padding:var(--sp-size-36) var(--sp-size-24) var(--sp-size-56);font-size:var(--sp-size-16-5)}.design-page.legal-page .prose h2{font-size:var(--sp-size-22)}.design-page.legal-page .prose section+section{margin-top:var(--sp-size-44)}}.design-page.marketing-page{scroll-padding-top:var(--sp-size-120);scroll-behavior:smooth;overflow-x:visible}.design-page.marketing-page .rail,.design-page.marketing-page .band{border:0}.design-page.marketing-page .x,.design-page.marketing-page .head-grid{display:none}.design-page.marketing-page .btn{border-radius:var(--sp-radius-pill);height:var(--sp-size-48);padding:0 var(--sp-size-24);font-weight:600}.design-page.marketing-page .btn-primary{box-shadow:0 var(--sp-size-3) 0 color-mix(in srgb, var(--sp-btn-bg) 70%, var(--sp-ink))}.design-page.marketing-page .page-head .rail{padding:var(--sp-size-76) 0 var(--sp-size-40)}.design-page.marketing-page .h1,html[lang=zh] .design-page.marketing-page .h1{font-size:clamp(var(--sp-size-46), 4.6vw, var(--sp-size-68));letter-spacing:-.045em;font-weight:700;line-height:1.18}.design-page.marketing-page .h1 .t2{color:var(--sp-ink)}.design-page.marketing-page .lead{font-size:var(--sp-size-18);max-width:50ch;line-height:1.75}.design-page.marketing-page .stats{gap:var(--sp-size-20);background:0 0;border:0;margin:0}.design-page.marketing-page .stat,.design-page.marketing-page .stat+.stat{background:0 0;padding:0}.design-page.marketing-page .stat b{font-size:var(--sp-size-30)}.design-page.marketing-page .stat span{font-size:var(--sp-size-12);margin-top:var(--sp-size-8)}.design-page.marketing-page .tag{border-radius:var(--sp-radius-pill);font-family:var(--sp-font-sans);letter-spacing:0}.design-page.marketing-page :focus-visible{outline:var(--sp-size-3) solid var(--sp-accent);outline-offset:var(--sp-size-4)}.design-page.marketing-page .search{height:var(--sp-size-58);border-radius:var(--sp-radius-pill);border-color:var(--sp-line-strong);background:var(--sp-surface);padding:0 var(--sp-size-22);box-shadow:0 var(--sp-size-3) 0 var(--sp-line)}.design-page.marketing-page .search input{font-size:var(--sp-size-16)}.design-page.marketing-page .search kbd{border-radius:var(--sp-r-sm);background:var(--sp-canvas)}.design-page.marketing-page .crumbs{margin-bottom:var(--sp-size-32);font-family:var(--sp-font-sans);font-size:var(--sp-size-13);letter-spacing:0}.design-page.marketing-page #s-name{font-family:var(--sp-font-sans);font-size:clamp(var(--sp-size-44), 4.6vw, var(--sp-size-64));letter-spacing:-.05em}.design-page.marketing-page #materials{padding:0 0 var(--sp-size-64)}.design-page.marketing-page #materials>.rail{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);padding:var(--sp-size-32)}.design-page.marketing-page .group{padding:var(--sp-size-24) 0 var(--sp-size-12);font-family:var(--sp-font-sans);font-size:var(--sp-size-15);background:0 0;border:0}.design-page.marketing-page .group b{font-weight:700}.design-page.marketing-page .rows{gap:var(--sp-size-14);margin-top:var(--sp-size-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-page.marketing-page .group+.rows{margin-top:0}.design-page.marketing-page .row{height:100%;min-height:var(--sp-size-134);padding:var(--sp-size-22);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);grid-template-columns:var(--sp-size-40) minmax(0, 1fr);gap:var(--sp-size-10) var(--sp-size-16);background:var(--sp-canvas)}.design-page.marketing-page .row:hover{border-color:var(--sp-accent-line);background:var(--sp-accent-soft)}.design-page.marketing-page .row .ico{width:var(--sp-size-40);height:var(--sp-size-44);background:var(--sp-surface);border:0}.design-page.marketing-page .faq{gap:var(--sp-size-56);margin-bottom:var(--sp-size-80)}.design-page.marketing-page .faq-list{padding:0}.design-page.marketing-page .faq-list details,.design-page.marketing-page .faq-list details:first-child{margin-bottom:var(--sp-size-10);padding:0 var(--sp-size-22);background:var(--sp-surface);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md)}.design-page.marketing-page .faq-list summary{font-size:var(--sp-size-14)}.design-page.marketing-page .faq-list details p{font-size:var(--sp-size-13)}@media (min-width:900px) and (max-width:1100px){.design-page.marketing-page .row{padding:var(--sp-size-18)}}@media (max-width:899px){.design-page.marketing-page .rows,.design-page.marketing-page .faq{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.design-page.marketing-page{scroll-behavior:auto}.design-page.marketing-page .row{transition:none}}.design-page.marketing-page [hidden]{display:none!important}.design-page.marketing-page .eyebrow,.design-page.marketing-page .hero-grid{display:none}.design-page.marketing-page .hero .rail,.design-page.marketing-page .page-head .rail{padding:var(--sp-size-64) 0 var(--sp-size-40)}.design-page.marketing-page .hero h1,.design-page.marketing-page .page-head h1,html[lang=zh] .design-page.marketing-page h1{font-size:clamp(var(--sp-size-40), 4.2vw, var(--sp-size-60));letter-spacing:-.04em;margin:0;font-weight:700;line-height:1.2}.design-page.marketing-page .hero-sub,.design-page.marketing-page .sub{font-size:var(--sp-size-18);max-width:65ch;margin:var(--sp-size-24) 0 0;line-height:1.8}.design-page.marketing-page .two-tone .t2{color:var(--sp-ink)}.design-page.marketing-page .section-head,.design-page.marketing-page .sec-head{margin:0 0 var(--sp-size-28);padding:0}.design-page.marketing-page .section-head h2,.design-page.marketing-page .sec-head h2{font-size:var(--sp-size-32);letter-spacing:-.025em;font-weight:700;line-height:1.3}.design-page.marketing-page>.band>.rail{padding-block:var(--sp-size-40)}.design-page.marketing-page .tile{border-radius:var(--sp-r-sm);background:var(--sp-surface-2)}.design-page.marketing-page .pill,.design-page.marketing-page .cat,.design-page.marketing-page .chip,.design-page.marketing-page .badge{border-radius:var(--sp-radius-pill)}.design-page.marketing-page .cta .rail{padding-block:var(--sp-size-56);background:var(--sp-surface-2);border-radius:var(--sp-r-lg);margin-block:var(--sp-size-40)}.design-page.marketing-page .cta-row{padding:0 var(--sp-size-40)}.design-page.marketing-page.about-page .hero .rail{gap:var(--sp-size-24) var(--sp-size-64);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;display:grid}.design-page.marketing-page.about-page .hero-copy,.design-page.marketing-page.about-page .hero h1,.design-page.marketing-page.about-page .hero-sub{grid-column:1}.design-page.marketing-page.about-page .hero .stats{gap:var(--sp-size-20);border:0;grid-area:1/2;grid-template-columns:1fr;margin:0;padding:0;display:grid}.design-page.marketing-page.about-page .hero .stat{padding:var(--sp-size-22) var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface)}.design-page.marketing-page.about-page .compare{gap:var(--sp-size-24);background:0 0;border:0}.design-page.marketing-page.about-page .cmp{padding:var(--sp-size-32);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface)}.design-page.marketing-page.about-page .cmp.old{background:var(--sp-surface-2)}.design-page.marketing-page.about-page .cmp-visual{border-radius:var(--sp-r-md)}.design-page.marketing-page.about-page .cmp-label{font-family:var(--sp-font-sans);font-size:var(--sp-size-14);text-transform:none;letter-spacing:0}.design-page.marketing-page.about-page .dev{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);margin-block:var(--sp-size-20);overflow:hidden}.design-page.marketing-page.about-page .dev-copy{padding:var(--sp-size-40)}.design-page.marketing-page.about-page .dev-side{padding:var(--sp-size-40);background:var(--sp-surface-2)}.design-page.marketing-page.about-page .portrait{border-radius:var(--sp-r-lg)}.design-page.marketing-page.about-page .values{gap:var(--sp-size-24);border:0}.design-page.marketing-page.about-page .value{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);padding:var(--sp-size-28)}.design-page.marketing-page.pricing-page .page-head .rail{gap:var(--sp-size-48);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.design-page.marketing-page.pricing-page .page-head .sub{margin:0}.design-page.marketing-page.pricing-page .plans{gap:var(--sp-size-28);background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-page.marketing-page.pricing-page .plan{padding:var(--sp-size-36);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);box-shadow:var(--sp-paper-shadow);flex-direction:column;grid-row:auto;grid-template-rows:none;display:flex}.design-page.marketing-page.pricing-page .plan.premium:before{display:none}.design-page.marketing-page.pricing-page .plan h2{font-family:var(--sp-font-sans);letter-spacing:-.02em;text-transform:none;color:var(--sp-ink)}.design-page.marketing-page.pricing-page .plan.premium{border:var(--sp-size-2) solid var(--sp-accent);background:var(--sp-surface)}.design-page.marketing-page.pricing-page .plan .badge{background:var(--sp-accent-soft);color:var(--sp-accent);border:var(--sp-size-1) solid var(--sp-accent-line);padding:var(--sp-size-7) var(--sp-size-12)}.design-page.marketing-page.pricing-page .price b{font-size:var(--sp-size-64);letter-spacing:-.04em}.design-page.marketing-page.pricing-page .plan h2{font-size:var(--sp-size-24)}.design-page.marketing-page.pricing-page .plan-cta{width:100%;margin-top:var(--sp-size-28)}.design-page.marketing-page.pricing-page .plan-list{padding-top:var(--sp-size-28)}.design-page.marketing-page.pricing-page .feats{gap:var(--sp-size-15)}.design-page.marketing-page.pricing-page .list-label{font:500 var(--sp-size-13)/1.6 var(--sp-font-sans);text-transform:none;letter-spacing:0}.design-page.marketing-page.pricing-page .table-box{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface);overflow:hidden}.design-page.marketing-page.pricing-page .cmp-table th,.design-page.marketing-page.pricing-page .cmp-table td{padding:var(--sp-size-20) var(--sp-size-28)}.design-page.marketing-page.pricing-page .cmp-table .pc{background:var(--sp-accent-soft)}.design-page.marketing-page.pricing-page .trust{gap:var(--sp-size-24);background:0 0;border:0}.design-page.marketing-page.pricing-page .trust-cell{padding:var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface)}.design-page.marketing-page.blog-page .hero h1{max-width:18ch}.design-page.marketing-page.blog-page .featured{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);box-shadow:var(--sp-paper-shadow);background:var(--sp-surface);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid;overflow:hidden}.design-page.marketing-page.blog-page .featured-main{padding:var(--sp-size-40)}.design-page.marketing-page.blog-page .featured-main h2{font-size:var(--sp-size-36);letter-spacing:-.025em;max-width:25ch;font-weight:700;line-height:1.3}.design-page.marketing-page.blog-page .featured .toc{padding:var(--sp-size-40) var(--sp-size-32);background:var(--sp-surface-2);border:0}.design-page.marketing-page.blog-page .toc ol{font-size:var(--sp-size-14);line-height:1.8}.design-page.marketing-page.blog-page .tools{margin-bottom:var(--sp-size-28);padding:0}.design-page.marketing-page.blog-page .filters{gap:var(--sp-size-10)}.design-page.marketing-page.blog-page .filters .chip{min-height:var(--sp-size-36);padding-inline:var(--sp-size-16)}.design-page.marketing-page .posts{gap:var(--sp-size-24);border:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-page.marketing-page .post{border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);padding:var(--sp-size-28);background:var(--sp-surface);min-height:var(--sp-size-280);flex-direction:column;display:flex}.design-page.marketing-page .post h3{font-size:var(--sp-size-21);margin-top:var(--sp-size-18);font-weight:600;line-height:1.45}.design-page.marketing-page .post>p{font-size:var(--sp-size-14);line-height:1.8}.design-page.marketing-page .post .meta{padding-top:var(--sp-size-24);margin-top:auto}.design-page.marketing-page .post:hover{border-color:var(--sp-accent-line);box-shadow:var(--sp-paper-shadow)}.design-page.marketing-page .post-head .rail{padding:var(--sp-size-44) 0 var(--sp-size-40)}.design-page.marketing-page .crumbs{margin-bottom:var(--sp-size-28);font:var(--sp-size-13)/1.6 var(--sp-font-sans);letter-spacing:0}.design-page.marketing-page .post-head h1{max-width:27ch;font-size:clamp(var(--sp-size-40), 4.2vw, var(--sp-size-56));letter-spacing:-.035em;line-height:1.2}.design-page.marketing-page .post-head .lead{font-size:var(--sp-size-18);max-width:75ch;line-height:1.8}.design-page.marketing-page .post-body{grid-template-columns:var(--sp-size-230) minmax(0, var(--sp-size-760));justify-content:space-between;gap:var(--sp-size-56);display:grid;padding-top:var(--sp-size-24)!important;padding-bottom:var(--sp-size-72)!important}.design-page.marketing-page .post-toc{background:0 0;border:0;padding:0}.design-page.marketing-page .post-toc-inner{top:var(--sp-size-120);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);padding:var(--sp-size-20);background:var(--sp-surface);position:sticky}.design-page.marketing-page .toc-nav a{border-radius:var(--sp-r-sm);font-size:var(--sp-size-13);padding:var(--sp-size-10) var(--sp-size-8);line-height:1.65}.design-page.marketing-page .toc-nav a[aria-current]{color:var(--sp-accent);background:var(--sp-accent-soft)}.design-page.marketing-page .prose{font-size:var(--sp-size-17);padding:0;line-height:1.9}.design-page.marketing-page .prose h2{font-size:var(--sp-size-28);margin-top:var(--sp-size-44);letter-spacing:-.02em;line-height:1.4}.design-page.marketing-page .prose h3{font-size:var(--sp-size-21)}.design-page.marketing-page .prose .callout,.design-page.marketing-page .prose .quote{border-radius:var(--sp-r-md);background:var(--sp-surface-2)}.design-page.marketing-page .doc-tabs{border-radius:var(--sp-radius-pill);background:var(--sp-surface-2);padding:var(--sp-size-5)}.design-page.marketing-page .doc-tabs a{border-radius:var(--sp-radius-pill)}.design-page.marketing-page.faq-page .faq-body{grid-template-columns:minmax(0, 1fr) var(--sp-size-300);gap:var(--sp-size-48);align-items:start;display:grid}.design-page.marketing-page.faq-page .faq-list{border:0;padding:0}.design-page.marketing-page.faq-page .qa{margin-bottom:var(--sp-size-14);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md);background:var(--sp-surface);overflow:hidden}.design-page.marketing-page.faq-page .qa-btn{padding:var(--sp-size-24);gap:var(--sp-size-20);grid-template-columns:minmax(0, 1fr) var(--sp-size-28)}.design-page.marketing-page.faq-page .qa-btn .n{display:none}.design-page.marketing-page.faq-page .qa-btn .q{font-size:var(--sp-size-17);font-weight:600}.design-page.marketing-page.faq-page .qa-panel>div{padding:0 var(--sp-size-24);font-size:var(--sp-size-15);line-height:1.9}.design-page.marketing-page.faq-page .qa.open .qa-panel>div{padding-bottom:var(--sp-size-24)}.design-page.marketing-page.faq-page .qa.open{border-color:var(--sp-accent-line);box-shadow:var(--sp-paper-shadow)}.design-page.marketing-page.faq-page .qa-panel p{margin:0;padding:0}.design-page.marketing-page.faq-page .faq-aside{background:0 0;border:0;padding:0}.design-page.marketing-page.faq-page .faq-aside-inner{top:var(--sp-size-116);padding:var(--sp-size-28);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface-2)}.design-page.marketing-page.faq-page .aside-actions{gap:var(--sp-size-12);flex-direction:column}.design-page.marketing-page.contact-page .channels{gap:var(--sp-size-28);border:0;grid-template-columns:1.2fr 1fr;display:grid}.design-page.marketing-page.contact-page .channel{padding:var(--sp-size-36);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-lg);background:var(--sp-surface)}.design-page.marketing-page.contact-page .channel.wechat{background:var(--sp-surface-2)}.design-page.marketing-page.contact-page .channel h2{font-size:var(--sp-size-23)}.design-page.marketing-page.contact-page .channel .desc{font-size:var(--sp-size-15);line-height:1.8}.design-page.marketing-page.contact-page .qr{padding:var(--sp-size-16);border-radius:var(--sp-r-md);border:var(--sp-size-1) solid var(--sp-line);background:#fff}.design-page.marketing-page.contact-page .quick{gap:var(--sp-size-20);border:0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-page.marketing-page.contact-page .quick>a{padding:var(--sp-size-24);background:var(--sp-surface);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-md)}.design-page.marketing-page.contact-page .quick .n{display:none}.design-page.marketing-page .faq-content{min-width:0}.design-page.marketing-page .faq-search{gap:var(--sp-size-12);padding:0 var(--sp-size-16);min-height:var(--sp-size-50);background:var(--sp-surface);border:var(--sp-size-1) solid var(--sp-line);border-radius:var(--sp-r-sm);margin-bottom:var(--sp-size-24);align-items:center;display:flex}.design-page.marketing-page .faq-search input{width:100%;min-width:0;color:var(--sp-ink);font:var(--sp-size-15)/1.7 var(--sp-font-sans);padding-block:var(--sp-size-12);background:0 0;border:0}.design-page.marketing-page .faq-search:focus-within{outline:var(--sp-size-2) solid var(--sp-accent);outline-offset:var(--sp-size-3)}.design-page.marketing-page .faq-search input:focus-visible{outline:none}.design-page.marketing-page .faq-search button{color:var(--sp-accent);font:var(--sp-size-13)/1.5 var(--sp-font-sans);cursor:pointer;background:0 0;border:0;flex:none}.design-page.marketing-page .faq-result{color:var(--sp-ink-3);font-size:var(--sp-size-14);margin-block:var(--sp-size-20);line-height:1.8}@media (min-width:1024px) and (max-width:1200px){.design-page.marketing-page .post-body{grid-template-columns:var(--sp-size-210) minmax(0, 1fr);gap:var(--sp-size-32)}.design-page.marketing-page .posts{grid-template-columns:repeat(2,minmax(0,1fr))}.design-page.marketing-page.faq-page .faq-body{grid-template-columns:minmax(0, 1fr) var(--sp-size-260);gap:var(--sp-size-28)}.design-page.marketing-page.blog-page .featured-main,.design-page.marketing-page.blog-page .featured .toc,.design-page.marketing-page.pricing-page .plan{padding:var(--sp-size-28)}}.design-page.faq-page .qa.open .pm{transform:none}.design-page.marketing-page .doc-tabs a[aria-current=page]{color:var(--sp-accent);background:var(--sp-surface);box-shadow:var(--sp-paper-shadow)}.design-page.marketing-page .prose>section{scroll-margin-top:var(--sp-size-24)}.design-page.marketing-page .toc-nav summary{cursor:pointer}.design-page.marketing-page .posts:empty{display:none}@media (max-width:899px){.design-page.marketing-page.about-page .hero .rail,.design-page.marketing-page.pricing-page .page-head .rail,.design-page.marketing-page.pricing-page .plans,.design-page.marketing-page.blog-page .featured,.design-page.marketing-page .post-body,.design-page.marketing-page.faq-page .faq-body,.design-page.marketing-page.contact-page .channels{grid-template-columns:minmax(0,1fr)}.design-page.marketing-page.about-page .hero .stats{grid-area:auto/1}.design-page.marketing-page .post-toc-inner{position:static}.design-page.marketing-page .posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.design-page.marketing-page .posts,.design-page.marketing-page.contact-page .quick{grid-template-columns:minmax(0,1fr)}.design-page.marketing-page .hero .rail,.design-page.marketing-page .page-head .rail{padding-top:var(--sp-size-40)}.design-page.marketing-page.blog-page .featured-main,.design-page.marketing-page.blog-page .featured .toc,.design-page.marketing-page.pricing-page .plan,.design-page.marketing-page.contact-page .channel{padding:var(--sp-size-24)}.design-page.marketing-page .cta-row{padding:0 var(--sp-size-24)}.design-page.marketing-page .cta-row .actions{flex-wrap:wrap}}