:root{--bg:#f3f6fb;--bg-elevated:#fff;--bg-soft:#e8eef8;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61f;--border:#0f172a1a;--shadow:0 18px 50px #0f172a14;--radius:14px;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif;--max:1080px;--header-h:64px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(1200px 500px at 10% -10%, #3b82f62e, transparent 55%), radial-gradient(900px 420px at 90% 0%, #0ea5e91f, transparent 50%), linear-gradient(180deg, #f8fafc 0%, var(--bg) 40%, #eef3fa 100%);background-attachment:fixed;margin:0;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}#app{flex-direction:column;min-height:100vh;display:flex}.site-shell{flex-direction:column;flex:1;display:flex}.site-main{flex:1;width:100%}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{z-index:40;height:var(--header-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#f3f6fbd1;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.65rem;font-weight:700;display:inline-flex}.brand:hover{color:var(--text)}.brand__mark{border-radius:8px;width:28px;height:28px}.brand__text{font-size:1.05rem}.brand__product{color:var(--text-muted);margin-left:.15rem;font-weight:500}.nav{align-items:center;gap:.25rem;display:flex}.nav a{color:var(--text-secondary);border-radius:999px;padding:.45rem .75rem;font-size:.95rem;font-weight:500}.nav a:hover,.nav a.router-link-active{color:var(--text);background:var(--accent-soft)}.nav__cta{margin-left:.35rem;background:var(--accent)!important;color:#fff!important}.nav__cta:hover{background:var(--accent-hover)!important}.btn{font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-weight:600;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px #ffffffb3}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:#3b82f659}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);background:#ffffff8c;margin-top:4rem;padding:2rem 0;font-size:.9rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer a{color:var(--text-secondary)}.site-footer__contact,.site-footer__beian{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.25rem;margin-top:.85rem;font-size:.8rem;display:flex}.site-footer__contact a,.site-footer__beian a{color:var(--text-muted);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.site-footer__contact a:hover,.site-footer__beian a:hover{color:var(--text-secondary)}.site-footer__beian img{flex-shrink:0;display:block}.hero{padding:3.5rem 0 2.5rem;position:relative;overflow:hidden}.hero__intro{max-width:40rem;margin-bottom:2rem}.hero__brand{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .35rem;font-size:clamp(3.2rem,8vw,5.4rem);font-weight:700;line-height:.95;animation:.7s both rise}.hero__product{color:var(--accent);margin:0 0 1rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600;animation:.7s 80ms both rise}.hero__lead{max-width:34rem;color:var(--text-secondary);margin:0 0 1.75rem;font-size:1.125rem;animation:.7s .16s both rise}.hero__actions{flex-wrap:wrap;gap:.75rem;animation:.7s .24s both rise;display:flex}.shot{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);box-shadow:var(--shadow);background:#0f172a;margin:0;overflow:hidden}.shot img{vertical-align:middle;width:100%;height:auto}.shot--hero{animation:.85s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section{padding:3.25rem 0}.section__head{margin-bottom:1.75rem}.section__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(1.75rem,3vw,2.25rem)}.section__desc{color:var(--text-secondary);max-width:36rem;margin:0}.showcase-list{gap:2.75rem;display:grid}.showcase{align-items:center;gap:1.25rem;display:grid}.showcase__copy h3{margin:.35rem 0 .5rem;font-size:1.35rem}.showcase__copy p{color:var(--text-secondary);max-width:28rem;margin:0}.showcase__step{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.showcase--compact{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:#ffffffb3;gap:1.5rem;padding:1.5rem}.showcase--compact .section__title{margin-bottom:.5rem}.showcase--compact .section__desc{margin-bottom:1rem}.section--settings{padding-top:.5rem}@media (width>=900px){.showcase{grid-template-columns:.9fr 1.35fr;gap:2rem}.showcase--flip .showcase__copy{order:2}.showcase--flip .shot{order:1}.showcase--compact{grid-template-columns:.85fr 1.15fr}}.page-head{padding:2.75rem 0 1.5rem}.page-head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem)}.page-head p{color:var(--text-secondary);max-width:36rem;margin:0}.docs-list{gap:.85rem;padding-bottom:3rem;display:grid}.docs-list a{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);background:#ffffffbf;padding:1.15rem 1.25rem;transition:border-color .15s,transform .15s;display:block}.docs-list a:hover{color:var(--text);border-color:#3b82f666;transform:translateY(-1px)}.docs-list h2{margin:0 0 .3rem;font-size:1.15rem}.docs-list p{color:var(--text-secondary);margin:0;font-size:.95rem}.doc-layout{gap:2rem;padding-bottom:3.5rem;display:grid}@media (width>=880px){.hero__grid{grid-template-columns:1.15fr .85fr}.doc-layout{grid-template-columns:200px 1fr}}.doc-side{font-size:.92rem}.doc-side a{color:var(--text-secondary);padding:.4rem 0;display:block}.doc-side a.router-link-active{color:var(--accent);font-weight:600}.doc-article{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffc;padding:1.75rem 1.5rem}.doc-article :first-child{margin-top:0}.doc-article h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem}.doc-article h2{margin-top:1.75rem;scroll-margin-top:5rem;font-size:1.25rem}.doc-article p,.doc-article li{color:var(--text-secondary)}.doc-article code{background:var(--bg-soft);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.doc-article pre{color:#e2e8f0;background:#0f172a;border-radius:10px;padding:1rem;overflow:auto}.doc-article pre code{color:inherit;background:0 0;padding:0}.doc-article table{border-collapse:collapse;width:100%;font-size:.95rem}.doc-article th,.doc-article td{border:1px solid var(--border);text-align:left;padding:.55rem .7rem}.download-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.download-list{gap:1rem;padding-bottom:3rem;display:grid}.download-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:#fffc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.4rem;display:flex}.download-card h2{margin:0 0 .25rem;font-size:1.15rem}.download-card p{color:var(--text-secondary);margin:0;font-size:.92rem}.download-hint{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.download-tip{background:var(--accent-soft);color:var(--text-secondary);border:1px solid #3b82f638;border-radius:10px;margin:0 0 1.25rem;padding:.85rem 1rem;font-size:.92rem;line-height:1.5}.download-card__info{flex:14rem;min-width:min(100%,16rem)}.download-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.download-badge{letter-spacing:.02em;color:inherit;vertical-align:middle;background:#ffffff38;border-radius:999px;margin-left:.4rem;padding:.1rem .4rem;font-size:.72rem;font-weight:600;display:inline-block}.btn-secondary .download-badge{background:var(--accent-soft);color:var(--accent)}.muted{color:var(--text-muted)}