@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-cyrillic-ext-wght-normal.0jgb7p825lgm9.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-vietnamese-wght-normal.0sh_aibqz8gkf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-ext-wght-normal.0__66_bzn~e1b.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-wght-normal.0i.4224a4uzwy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fbf6e8;--bg-soft:#f6efd8;--cream:#f1e9d2;--cream-edge:#e6dbb8;--ink:#1a1612;--ink-soft:#4a4138;--ink-mute:#7a6e5c;--brand-deep:#5a4a1f;--brand-deeper:#3a2f12;--line:#e5dcc0;--kbd-bg:#fff;--kbd-edge:#d9cfb0;--radius-sm:8px;--radius-md:14px;--radius-lg:22px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Plus Jakarta Sans Variable,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{display:block}::selection{color:var(--brand-deeper);background:#e9d9a0}.page{min-height:100vh}.section{padding:96px 24px}.section-inner{max-width:1120px;margin:0 auto}.section-soft{background:var(--kbd-bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--brand-deep);border:1px solid var(--cream-edge);background:#f1e9d299;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.sec-head{text-align:center;max-width:720px;margin:0 auto 56px}.sec-head-left{text-align:left;margin-left:0}.sec-title{letter-spacing:-.01em;color:var(--ink);margin:16px 0 12px;font-size:clamp(28px,3.4vw,44px);line-height:1.15}.sec-sub{color:var(--ink-soft);margin:0;font-size:17px}.nav{z-index:50;background:color-mix(in oklab, var(--kbd-bg) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:14px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{border-radius:8px;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.brand-name{letter-spacing:-.01em;font-size:17px}.nav-links{color:var(--ink-soft);align-items:center;gap:28px;font-size:14.5px;display:flex}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);border-radius:999px;padding:8px 16px;font-weight:600;color:var(--bg)!important}.nav-cta:hover{background:var(--brand-deeper)}.lang-toggle{border:1px solid var(--cream-edge);color:var(--ink-mute);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.lang-toggle:hover{background:var(--bg-soft);border-color:var(--brand-deep);color:var(--ink)}.lang-toggle .lang-on{color:var(--brand-deep)}.lang-toggle .lang-sep{color:var(--cream-edge);font-weight:400}@media (max-width:640px){.nav-links{gap:16px}.nav-links a:not(.nav-cta){display:none}}.hero{padding:80px 24px 60px}.hero-inner{text-align:center;max-width:1120px;margin:0 auto}.eyebrow{color:var(--ink-soft);background:var(--bg-soft);border:1px solid var(--cream-edge);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:inline-flex}.eyebrow .dot{background:#6fa868;border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #6fa8682e}.hero-title{letter-spacing:-.025em;margin:28px 0 24px;font-size:clamp(48px,8vw,104px);font-weight:800;line-height:1.18}.t-deep{color:var(--brand-deep)}.t-ink{color:var(--ink)}.t-sep{color:var(--cream-edge);font-weight:600}.hero-sub{color:var(--ink-soft);max-width:620px;margin:0 auto 36px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:14px;display:flex}.cta-meta{color:var(--ink-mute);font-size:13px}.cta-meta-dark{color:var(--ink-soft)}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:15.5px;font-weight:600;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--brand-deeper)}.btn-ghost{color:var(--ink);border-color:var(--cream-edge);background:0 0}.btn-ghost:hover{background:var(--bg-soft)}.btn-lg{padding:16px 26px;font-size:16px}.btn-arrow{transition:transform .15s}.btn:hover .btn-arrow{transform:translateY(2px)}.hero-art{margin-top:64px}.art-window{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:880px;margin:0 auto;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 30px 60px -20px #3a2f122e,0 8px 20px -8px #3a2f121a}.art-titlebar{background:var(--bg-soft);border-bottom:1px solid var(--line);min-height:32px;color:var(--ink-mute);justify-content:space-between;align-items:center;padding:0 0 0 14px;font-size:12px;display:flex}.art-title{font-family:ui-monospace,SF Mono,Menlo,monospace}.art-winctrls{display:flex}.win-btn{width:46px;height:32px;color:var(--ink-soft);justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.win-close:hover{color:#fff;background:#e81123}.win-min:hover,.win-max:hover{background:#00000014}.art-body{background:var(--bg);height:400px;position:relative;overflow:hidden}.art-bg{flex-direction:column;gap:18px;display:flex;position:absolute;inset:32px}.art-line{background:color-mix(in oklab, var(--cream) 70%, white);border-radius:4px;height:8px}.art-line:nth-child(2){width:88%}.art-line:nth-child(3){width:76%}.art-line:nth-child(4){width:92%}.art-line:nth-child(5){width:64%}.art-line:nth-child(6){width:84%}.art-line:nth-child(7){width:78%}.art-line:nth-child(8){width:90%}.art-line:nth-child(9){width:60%}.art-selection{border:2px solid var(--brand-deep);background:#f1e9d22e;border-radius:4px;width:540px;height:200px;position:absolute;top:95px;left:90px;box-shadow:0 0 0 9999px #1a161247}.art-sel-size{background:var(--brand-deep);color:#fbf6e8;border-radius:4px;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;position:absolute;top:-28px;left:0}.art-toolbar{white-space:nowrap;background:#fffffff7;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;bottom:-62px;left:50%;transform:translate(-50%);box-shadow:0 5px 28px -6px #0000004d,0 1px 6px -2px #0000001a}.art-anno-toolbar{white-space:nowrap;background:#fffffff7;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;top:-62px;left:50%;transform:translate(-50%);box-shadow:0 5px 28px -6px #0000004d,0 1px 6px -2px #0000001a}.tb-btn{color:#455a64;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .12s,color .12s;display:flex;position:relative}.tb-btn:hover{color:var(--tb-accent,#455a64);background:#00000012}.tb-btn-on{background:color-mix(in oklab, var(--tb-accent,#fb8c00) 14%, transparent);color:var(--tb-accent,#fb8c00)}.tb-separator{background:#0000001f;flex-shrink:0;width:1px;height:26px;margin:0 2px}.tb-icon{width:20px;height:20px;display:block}.tb-btn:after{content:attr(data-tooltip);color:#f0f4f8;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:#2e3a45;border:1px solid #ffffff1f;border-radius:6px;padding:5px 10px;font-size:11.5px;line-height:1;transition:opacity .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}.tb-btn:hover:after{opacity:1}@media (max-width:720px){.art-body{height:280px}.art-selection{width:calc(100% - 60px);height:140px;top:70px;left:30px}.art-toolbar,.art-anno-toolbar{transform:translate(-50%)scale(.85)}}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:28px 24px;transition:border-color .15s,transform .15s}.feature:hover{border-color:var(--cream-edge);transform:translateY(-2px)}.feature-icon{background:var(--cream);width:44px;height:44px;color:var(--brand-deep);border-radius:10px;place-items:center;margin-bottom:16px;font-size:20px;font-weight:700;display:grid}.feature-title{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.feature-desc{color:var(--ink-soft);font-size:14.5px;line-height:1.6}@media (max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.feature-grid{grid-template-columns:1fr}}.two-col{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.two-col.reverse>div:first-child{order:1}@media (max-width:880px){.two-col{grid-template-columns:1fr;gap:40px}.two-col.reverse>div:first-child{order:0}}.bullets{margin:24px 0 0;padding:0;list-style:none}.bullets li{border-bottom:1px dashed var(--line);color:var(--ink-soft);padding:10px 0 10px 28px;font-size:15px;position:relative}.bullets li:before{content:"";background:var(--brand-deep);border-radius:999px;width:6px;height:6px;position:absolute;top:18px;left:6px}.bullets li:last-child{border-bottom:0}.bullets code{background:var(--cream);color:var(--brand-deeper);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.bullets .muted{color:var(--ink-mute);margin-left:4px;font-size:13.5px}.demo{flex-direction:column;gap:14px;display:flex}.demo-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:18px 20px}.demo-card-out{background:var(--cream);border-color:var(--cream-edge)}.demo-card-alt{background:var(--bg)}.demo-label{letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:600}.demo-pre{color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SF Mono,Menlo,PingFang SC,monospace;font-size:13.5px;line-height:1.7}.demo-pre-mono{font-size:13px;line-height:1.75}.demo-arrow{text-align:center;color:var(--ink-mute);letter-spacing:.12em;font-size:12px}.perf-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.perf{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);text-align:left;padding:28px 24px}.perf-time{letter-spacing:-.02em;color:var(--brand-deep);font-feature-settings:"tnum";font-size:clamp(28px,3.2vw,36px);font-weight:800}.perf-stage{color:var(--ink-soft);margin-top:8px;font-size:14.5px}@media (max-width:880px){.perf-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.perf-grid{grid-template-columns:1fr}}.kbd-table{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;overflow:hidden}.kbd-row{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr 1fr;align-items:center;padding:14px 22px;font-size:14.5px;display:grid}.kbd-row:last-child{border-bottom:0}.kbd-head{background:var(--bg-soft);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:12px;font-weight:600}.kbd-scene{color:var(--ink-soft)}.kbd-key{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.kbd-sep{color:var(--ink-mute);font-size:12px}.kbd-effect{color:var(--ink)}@media (max-width:640px){.kbd-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}.kbd-head{display:none}.kbd-scene:before{content:"场景 · ";color:var(--ink-mute)}.kbd-effect:before{content:"→ ";color:var(--ink-mute)}}.kbd{background:var(--kbd-bg);border:1px solid var(--kbd-edge);color:var(--ink);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.section-cta{padding-top:40px;padding-bottom:96px}.cta-card{background:var(--cream);border:1px solid var(--cream-edge);border-radius:var(--radius-lg);grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:56px;display:grid}.cta-card-left .kicker{background:#fff9;border-color:#fffc}.cta-title{letter-spacing:-.015em;color:var(--brand-deeper);margin:14px 0 12px;font-size:clamp(28px,3.6vw,44px);line-height:1.1}.cta-desc{color:var(--ink-soft);margin:0;font-size:16px}.cta-card-right{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.cta-card-right .btn{justify-content:space-between;width:100%}@media (max-width:760px){.cta-card{grid-template-columns:1fr;gap:28px;padding:36px 28px}}.footer{border-top:1px solid var(--line);background:#fff;padding:28px 24px}.footer-inner{max-width:1120px;color:var(--ink-mute);justify-content:space-between;align-items:center;margin:0 auto;font-size:13.5px;display:flex}.footer-brand{color:var(--ink-soft);align-items:center;gap:10px;font-weight:600;display:flex}.footer-brand img{border-radius:6px;width:24px;height:24px}@media (max-width:520px){.footer-inner{text-align:center;flex-direction:column;gap:8px}}