:root{--bg:#fbf7ef;--bg-soft:#f4efe4;--surface:#fffdf8e0;--surface-strong:#fffdf8;--text:#232821;--muted:#687061;--subtle:#8a907f;--border:#444d3d24;--primary:#466655;--primary-strong:#334d40;--accent:#3b4b6b;--amber:#c4823d;--success:#4d8f65;--danger:#bd5b54;--shadow:0 24px 70px #2a2e2524;--shadow-soft:0 12px 32px #2a2e2514;--radius:24px;--radius-sm:14px;--header:#fbf7efd6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark,:root[data-theme=dark]{--bg:#151815;--bg-soft:#1f241f;--surface:#202520e0;--surface-strong:#222821;--text:#ebe8df;--muted:#a8afa0;--subtle:#7f887a;--border:#e0e6d824;--primary:#86b89b;--primary-strong:#a0cfb1;--accent:#9fb3de;--amber:#d7a45e;--success:#91c99f;--danger:#df8a82;--shadow:0 24px 70px #0000005c;--shadow-soft:0 12px 32px #0000003d;--header:#151815d6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 14%, transparent), transparent 34rem), radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 30rem), var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}code,pre{font-family:Fira Code,SFMono-Regular,Consolas,monospace}.container{width:min(1180px,100% - 44px);margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--border);background:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{color:var(--primary-strong);white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.brand img{border-radius:11px;width:34px;height:34px}.site-nav{color:var(--muted);align-items:center;gap:26px;font-size:14px;font-weight:700;display:flex}.site-nav a{padding:7px 0;position:relative}.site-nav a:hover,.site-nav a.is-active{color:var(--text)}.site-nav a.is-active:after{content:"";background:var(--primary);border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions,.hero-actions,.cta-actions,.demo-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px color-mix(in srgb, var(--primary) 28%, transparent)}:root.dark .button-primary,:root[data-theme=dark] .button-primary{color:#132016}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-small{min-height:38px;padding-inline:16px}.full-width{width:100%}.theme-toggle,.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.theme-toggle-icon{border:2px solid;border-radius:999px;width:17px;height:17px;box-shadow:7px -5px 0 -3px}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:19px;height:19px}.icon-button.is-active{color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface))}.icon-button.is-active svg{fill:currentColor}.hero-section{padding:clamp(72px,10vw,124px) 0 56px}.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(42px,8vw,96px);display:grid}.hero-copy h1,.page-hero h1,.section-heading h2,.workflow-layout h2,.cta-band h2{letter-spacing:0;margin:0;font-family:Lora,Georgia,serif;line-height:1.04}.hero-copy h1{max-width:640px;font-size:clamp(52px,8vw,92px)}.hero-lead{max-width:630px;color:var(--muted);margin:26px 0 0;font-size:clamp(17px,1.7vw,20px)}.hero-actions{margin-top:34px}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 0;display:grid}.hero-proof div{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:16px}.hero-proof dt{font-weight:800}.hero-proof dd{color:var(--muted);margin:4px 0 0;font-size:13px}.product-shot{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 94%, var(--primary)), var(--surface)), var(--surface);box-shadow:var(--shadow);border-radius:30px;padding:0;position:relative;overflow:hidden}.app-preview-frame{isolation:isolate}.mac-window-bar{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 92%, var(--bg-soft)), color-mix(in srgb, var(--surface) 86%, var(--bg-soft))), var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:54px;padding:12px 16px;display:grid}.mac-window-dots{align-items:center;gap:8px;display:inline-flex}.mac-window-dots span{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.mac-window-dots span:first-child{background:#ff5f57}.mac-window-dots span:nth-child(2){background:#ffbd2e}.mac-window-dots span:nth-child(3){background:#28c840}.mac-window-title{text-align:center;min-width:0;line-height:1.2}.mac-window-title strong,.mac-window-title span{display:block}.mac-window-title strong{color:var(--text);font-size:13px;font-weight:900}.mac-window-title span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:700}.mac-window-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary-strong);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.app-preview-screen{background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 36%), var(--bg-soft);position:relative}.app-preview-screen img{width:100%}.app-shot-dark,:root.dark .app-shot-light,:root[data-theme=dark] .app-shot-light{display:none}:root.dark .app-shot-dark,:root[data-theme=dark] .app-shot-dark{display:block}.hero-shot{transform:rotate(1deg)}.section{padding:clamp(64px,9vw,106px) 0}.compact-section{padding-top:20px;padding-bottom:32px}.section-panel{background:color-mix(in srgb, var(--bg-soft) 74%, transparent)}.section-heading{max-width:740px;margin-bottom:34px}.section-heading h2,.workflow-layout h2,.cta-band h2{font-size:clamp(34px,5vw,56px)}.section-heading p,.section-copy,.page-hero p,.cta-band p{color:var(--muted);font-size:17px}.section-kicker{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:900}.feature-strip{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:10px;padding:14px;display:flex}.feature-strip span{background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary-strong);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.feature-grid,.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.download-card,.tutorial-card,.release-card,.lock-card,.demo-sidebar,.demo-card,.demo-note-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.feature-card,.download-card{padding:26px}.feature-index{background:color-mix(in srgb, var(--primary) 13%, transparent);width:42px;height:42px;color:var(--primary-strong);border-radius:14px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.feature-card h3,.download-card h3,.tutorial-card h2,.release-card h2,.demo-card h2,.demo-sidebar h2{margin:18px 0 10px;line-height:1.28}.feature-card p,.download-card p,.release-card p,.tutorial-card p,.demo-sidebar p,.demo-note-panel{color:var(--muted)}.workflow-layout{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);align-items:center;gap:clamp(36px,7vw,78px);display:grid}.workflow-list{gap:12px;margin-top:28px;display:grid}.workflow-list div{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:72px 1fr;gap:12px;padding:16px;display:grid}.workflow-list span{color:var(--muted)}.download-card{flex-direction:column;align-items:flex-start;min-height:260px;display:flex}.download-card .button{margin-top:auto}.download-row{align-items:center;gap:8px;margin-top:auto;display:flex}.copy-link-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.copy-link-btn svg{width:16px;height:16px}.copy-link-btn:hover{background:var(--accent);color:var(--text)}.copy-link-btn.copied{background:var(--primary);color:#fff;border-color:var(--primary)}.copy-link-btn:after{content:"已复制";background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;opacity:0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.copy-link-btn.copied:after{opacity:1}.copy-link-btn{position:relative}.quark-row{align-items:center;gap:8px;margin-top:8px;display:flex}.quark-download-btn{border-color:var(--border);background:var(--surface);color:var(--text);padding:6px 14px;font-size:.82rem;font-weight:600}.muted-card{background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.final-cta{padding-top:22px}.cta-band{border:1px solid var(--border);background:radial-gradient(circle at right, color-mix(in srgb, var(--primary) 20%, transparent), transparent 32rem), var(--surface-strong);box-shadow:var(--shadow);border-radius:32px;justify-content:space-between;align-items:center;gap:28px;padding:clamp(28px,5vw,46px);display:flex}.page-hero{padding:clamp(72px,10vw,118px) 0 36px}.page-hero h1{max-width:820px;font-size:clamp(42px,7vw,76px)}.page-hero p{max-width:760px;margin:22px 0 0}.tutorial-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px;display:grid}.tutorial-toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:8px;padding:14px;display:grid;position:sticky;top:90px}.tutorial-toc a{color:var(--muted);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:800}.tutorial-toc a:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary-strong)}.tutorial-content{gap:18px;display:grid}.tutorial-card,.release-card{padding:clamp(24px,4vw,36px)}.tutorial-card h2,.release-card h2{margin-top:0}.tutorial-card pre{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);border-radius:16px;padding:18px;overflow-x:auto}.tip-box,.mini-note{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border));background:color-mix(in srgb, var(--primary) 9%, transparent);color:var(--primary-strong);border-radius:16px;margin-top:18px;padding:16px;font-weight:700}.path-grid{gap:10px;margin-top:18px;display:grid}.path-grid code{background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-radius:12px;padding:12px;display:block;overflow-x:auto}.mobile-demo-lock,body[data-page=demo].is-mobile-demo-locked .demo-redirect{display:none}body[data-page=demo].is-mobile-demo-locked .mobile-demo-lock{display:block}.demo-layout{grid-template-columns:250px minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.demo-sidebar,.demo-card,.demo-note-panel{padding:22px}.demo-sidebar,.demo-note-panel{position:sticky;top:92px}.demo-label{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.demo-progress{margin:22px 0}.demo-progress span{color:var(--muted);font-size:13px;font-weight:800}.demo-progress strong{margin:4px 0 10px;display:block}.demo-progress div{background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:999px;height:8px;overflow:hidden}.demo-progress i{border-radius:inherit;background:var(--primary);width:0;height:100%;transition:width .18s;display:block}.demo-question-nav{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.demo-nav-dot{border:1px solid var(--border);background:var(--surface-strong);height:42px;color:var(--muted);cursor:pointer;border-radius:999px;font-weight:900}.demo-nav-dot.is-current{border-color:var(--primary);color:var(--primary-strong)}.demo-nav-dot.is-answered{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.demo-nav-dot.is-correct{background:color-mix(in srgb, var(--success) 20%, var(--surface));color:var(--success)}.demo-nav-dot.is-wrong{background:color-mix(in srgb, var(--danger) 18%, var(--surface));color:var(--danger)}.demo-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.demo-question-body{color:var(--text);margin-top:22px}.math-inline{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary-strong);border-radius:8px;padding:2px 6px;font-family:Lora,Georgia,serif}.demo-question-body code{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:7px;padding:2px 6px}.demo-question-body pre{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:16px;padding:16px;overflow-x:auto}.demo-figure{color:var(--primary);margin:20px 0 0}.demo-options{gap:12px;margin-top:24px;display:grid}.demo-option{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:13px 15px;display:grid}.demo-option span{background:color-mix(in srgb, var(--primary) 10%, transparent);width:34px;height:34px;color:var(--primary-strong);border-radius:999px;place-items:center;font-weight:900;display:inline-grid}.demo-option strong{font-size:15px;line-height:1.5}.demo-option.is-selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 9%, var(--surface))}.demo-option.is-answer{border-color:var(--success);background:color-mix(in srgb, var(--success) 14%, var(--surface))}.demo-option.is-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.demo-feedback{border-radius:18px;margin-top:22px;padding:16px}.demo-feedback.is-correct{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.demo-feedback.is-wrong{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.demo-card-actions{justify-content:space-between;margin-top:24px}.demo-note-panel ul,.tutorial-card ul,.release-card ul{padding-left:1.2em}.changelog-layout{gap:18px;display:grid}.release-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:800;display:flex}.release-meta span{color:var(--primary-strong)}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.release-grid section{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 58%, transparent);border-radius:18px;padding:18px}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-soft) 62%, transparent);padding:28px 0}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{color:var(--muted);align-items:center;gap:20px;font-size:14px;font-weight:800;display:flex}@media (width<=980px){.header-inner{flex-wrap:wrap;padding:14px 0}.site-nav{order:3;width:100%;padding-bottom:2px;overflow-x:auto}.hero-grid,.workflow-layout,.tutorial-layout,.demo-layout{grid-template-columns:1fr}.hero-shot{transform:none}.feature-grid,.download-grid,.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-toc,.demo-sidebar,.demo-note-panel{position:static}.demo-sidebar{grid-template-columns:1fr 220px;gap:16px;display:grid}}@media (width<=760px){.container{width:min(100% - 28px,1180px)}.header-actions .button-small{display:none}.brand{font-size:16px}.site-nav{gap:18px;font-size:13px}.hero-section,.page-hero{padding-top:46px}.hero-copy h1,.page-hero h1{font-size:clamp(40px,15vw,56px)}.hero-proof,.feature-grid,.download-grid,.release-grid{grid-template-columns:1fr}.feature-strip{border-radius:24px;justify-content:flex-start}.cta-band,.footer-inner{flex-direction:column;align-items:flex-start}.workflow-list div{grid-template-columns:1fr}.product-shot{border-radius:24px;padding:8px}.product-shot img{border-radius:18px}body[data-page=demo] .mobile-demo-lock{display:block}.lock-card{text-align:center;max-width:520px;margin:0 auto;padding:34px 22px}.lock-card img{width:72px;height:72px;margin:0 auto 18px}}@media (width<=520px){.header-inner{gap:12px}.hero-actions,.cta-actions,.demo-card-actions{flex-direction:column;align-items:stretch}.button{width:100%}.feature-card,.download-card,.tutorial-card,.release-card,.demo-card,.demo-sidebar,.demo-note-panel{border-radius:20px;padding:20px}.footer-links{flex-wrap:wrap}}