:root{--ink:#0b0f0d;--ink-2:#121815;--ink-3:#1a211c;--fog:#9aa89c;--paper:#e8efe6;--paper-dim:#c5d0c3;--mark:#d6f25c;--mark-deep:#a8c93a;--line:#e8efe61a;--line-strong:#e8efe62e;--glow:#d6f25c2e;--font-display:"Syne", sans-serif;--font-body:"Public Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--max:1120px;--radius:14px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--paper);background:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}img{max-width:100%;display:block}.grain{pointer-events:none;z-index:50;opacity:.045;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.nav{z-index:5;justify-content:space-between;align-items:center;padding:1.35rem 0 0;display:flex;position:relative}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:50%;width:28px;height:28px}.nav-links{color:var(--fog);align-items:center;gap:1.25rem;font-size:.9rem;display:flex}.nav-links a{text-decoration:none;transition:color .16s}.nav-links a:hover{color:var(--paper)}.lang-switch{border-left:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:.35rem;margin-left:.15rem;padding-left:1rem;font-size:.78rem;display:inline-flex}.lang-switch a[aria-current=page]{color:var(--mark);pointer-events:none}.lang-switch span{color:var(--line-strong)}html[lang^=zh] body{font-family:"Noto Sans SC", var(--font-body), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html[lang^=zh] .hero h1,html[lang^=zh] .section h2,html[lang^=zh] .steps h3,html[lang^=zh] .legal h1,html[lang^=zh] .legal h2{font-family:"Noto Sans SC", var(--font-display), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;letter-spacing:-.02em;font-weight:700}html[lang^=zh] .hero h1{max-width:16em}html[lang^=zh] .section h2{max-width:14em}html[lang^=zh] .hero-lead,html[lang^=zh] .section-lead{max-width:36em}.hero{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.hero-stage{z-index:0;background:radial-gradient(80% 55% at 70% 35%,#d6f25c1f,#0000 60%),radial-gradient(50% 40% at 15% 80%,#9aa89c14,#0000 55%),linear-gradient(#0b0f0d 0%,#101612 55%,#0b0f0d 100%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:56px 56px;animation:28s linear infinite drift;position:absolute;inset:-10% -5%;-webkit-mask-image:radial-gradient(70% 60% at 65% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 65% 40%,#000 20%,#0000 75%)}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-56px,-56px)}}.hero-tree{width:min(48vw,520px);height:70%;font-family:var(--font-mono);color:#e8efe647;white-space:pre;-webkit-user-select:none;user-select:none;font-size:clamp(11px,1.1vw,13px);line-height:1.7;animation:1.2s .15s both fade-in;position:absolute;top:12%;right:max(-2rem,50% - 36rem);-webkit-mask-image:linear-gradient(#0000,#000 18% 72%,#0000);mask-image:linear-gradient(#0000,#000 18% 72%,#0000)}.hero-cursor{border:2px solid var(--mark);width:18px;height:18px;box-shadow:0 0 0 6px var(--glow);border-radius:50%;animation:2.8s ease-in-out infinite tap;position:absolute;top:42%;right:max(8%,50% - 10rem)}.hero-cursor:after{content:"";background:var(--mark);clip-path:polygon(0 0,100% 70%,55% 70%,75% 100%,55% 100%,35% 70%,0 70%);opacity:.9;width:14px;height:18px;position:absolute;top:12px;left:12px}@keyframes tap{0%,to{opacity:.85;transform:translate(0)scale(1)}45%{opacity:1;transform:translate(-28px,36px)scale(.92)}55%{transform:translate(-28px,36px)scale(.88)}}.hero-content{z-index:2;flex-direction:column;justify-content:center;max-width:38rem;min-height:100svh;padding:6rem 0 5rem;animation:.9s cubic-bezier(.22,1,.36,1) both rise;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-brand{font-family:var(--font-display);letter-spacing:-.055em;align-items:center;gap:.85rem;margin:0 0 1.5rem;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;line-height:.95;display:inline-flex}.hero-brand img{width:clamp(2.4rem,6vw,3.5rem);height:clamp(2.4rem,6vw,3.5rem);box-shadow:0 0 0 1px var(--line-strong), 0 0 40px var(--glow);border-radius:50%}.hero h1{max-width:14ch;font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 1rem;font-size:clamp(1.65rem,3.6vw,2.35rem);font-weight:650;line-height:1.15}.hero-lead{max-width:34ch;color:var(--paper-dim);margin:0 0 2rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn{min-height:2.85rem;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--mark);color:#12160f}.btn-primary:hover{background:#e4ff78}.btn-ghost{border-color:var(--line-strong);color:var(--paper);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1218158c}.btn-ghost:hover{color:var(--mark);border-color:#d6f25c73}.hero-meta{font-family:var(--font-mono);color:var(--fog);letter-spacing:.02em;margin-top:1.35rem;font-size:.75rem}.section{border-top:1px solid var(--line);padding:5.5rem 0;position:relative}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mark-deep);margin:0 0 .85rem;font-size:.72rem}.section h2{max-width:18ch;font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .85rem;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;line-height:1.1}.section-lead{max-width:42ch;color:var(--fog);margin:0 0 2.5rem}.feature-list{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.feature-list li{background:var(--ink-2);grid-template-columns:7rem 1fr;gap:1.25rem;padding:1.35rem 1.4rem;display:grid}.feature-list code{font-family:var(--font-mono);color:var(--mark);font-size:.78rem}.feature-list p{color:var(--paper-dim);margin:0;font-size:.98rem}.steps{counter-reset:step;gap:1.25rem;display:grid}.steps li{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #d6f25c0a, transparent 45%), var(--ink-2);padding:1.35rem 1.35rem 1.35rem 4.25rem;list-style:none;animation:.7s both rise;position:relative}.steps li:nth-child(2){animation-delay:80ms}.steps li:nth-child(3){animation-delay:.16s}.steps li:nth-child(4){animation-delay:.24s}.steps li:nth-child(5){animation-delay:.32s}.steps li:nth-child(6){animation-delay:.4s}.steps a{color:var(--mark)}.steps kbd{border:1px solid var(--line-strong);background:var(--ink-3);font-family:var(--font-mono);border-radius:6px;padding:.1em .4em;font-size:.85em;display:inline-block}.install-note{color:var(--fog);margin:1.5rem 0 0;font-size:.92rem}.install-alt{border-top:1px solid var(--line);margin:2.5rem 0 0;padding-top:1.75rem}.install-alt>summary{cursor:pointer;color:var(--fog);font-size:.95rem;transition:color .2s}.install-alt>summary:hover{color:var(--paper-dim)}.install-alt .steps{margin-top:1.75rem}.install-alt .steps li{animation:none}.install-note a{color:var(--mark)}.steps li:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--font-mono);color:var(--mark);font-size:.8rem;position:absolute;top:1.4rem;left:1.2rem}.steps h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.15rem}.steps p{color:var(--fog);margin:0;font-size:.95rem}.modes{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.modes>li{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2);padding:1.6rem}.modes>li.mode-default{border-color:var(--line-strong);background:linear-gradient(135deg, #d6f25c0f, transparent 55%), var(--ink-2)}.mode-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mark-deep);margin:0 0 .7rem;font-size:.7rem}.modes h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.2rem}.modes>li>p{color:var(--fog);margin:0;font-size:.95rem}.mode-points{color:var(--paper-dim);gap:.5rem;margin:1.1rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.mode-points li{padding-left:1.1rem;position:relative}.mode-points li:before{content:"·";color:var(--mark);position:absolute;left:.3rem}.mode-points code,.modes code{font-family:var(--font-mono);font-size:.85em}.modes-note{margin:1.5rem 0 0}.privacy-box,.note-box{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--ink-3);padding:1.4rem 1.5rem}.privacy-box p,.note-box p{color:var(--paper-dim);margin:0}.privacy-box a,.note-box a{color:var(--mark)}.footer{border-top:1px solid var(--line);color:var(--fog);padding:2.5rem 0 3rem;font-size:.88rem}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.75rem;display:flex}.footer nav{gap:1.1rem;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--paper)}.legal{max-width:42rem;padding:4.5rem 0 5rem}.legal h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.8rem)}.legal .updated{color:var(--fog);font-family:var(--font-mono);margin:0 0 2.5rem;font-size:.78rem}.legal h2{font-family:var(--font-display);letter-spacing:-.02em;margin:2.25rem 0 .7rem;font-size:1.25rem}.legal p,.legal li{color:var(--paper-dim)}.legal ul{padding-left:1.2rem}.legal li+li{margin-top:.4rem}@media (max-width:720px){.hero-tree,.hero-cursor{display:none}.hero-content{max-width:none;padding-top:5rem}.feature-list li{grid-template-columns:1fr;gap:.4rem}.modes{grid-template-columns:1fr}.nav-links .hide-sm{display:none}}
