:root{--paper:#f6f7f2;--ink:#202821;--muted:#656f65;--line:#d9dfd5;--lime:#d3f78b;--coral:#ce533c;--radius:22px;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #507627;outline-offset:5px}p{line-height:1.85}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650}code{font-family:Consolas,"Courier New",monospace;font-size:.92em;overflow-wrap:anywhere}.page-shell{max-width:1376px;margin:auto;padding:0 56px}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:5}.skip-link:focus{top:10px}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:-1.1px;display:inline-flex;align-items:center;gap:0}.brand-icon{width:34px;height:34px;margin-right:11px;display:grid;place-content:center;background:var(--ink);color:var(--lime);border-radius:10px;font-size:28px;font-weight:500}.brand-dot{color:#6e9341}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav a{padding:10px 0}.site-header nav a:hover,.text-link:hover{color:#4d6f2f}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:54px;padding:78px 0 70px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.6px;font-weight:650}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:29px}.status-dot{width:7px;height:7px;background:#698c42;border-radius:100%}.version{letter-spacing:0;color:var(--muted);border-left:1px solid #bdc7b7;padding-left:12px;margin-left:2px}.hero h1{font-size:clamp(42px,4.5vw,65px);line-height:1.28;letter-spacing:-2.8px;margin-bottom:25px;white-space:nowrap}.accent-word{position:relative;z-index:0}.accent-word svg{position:absolute;width:100%;height:16px;left:0;bottom:-3px;z-index:-1;fill:none;stroke:#9fcd69;stroke-width:8;stroke-linecap:round}.hero-description{font-size:17px;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:14px;font-weight:650;border-radius:8px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#3c4d38}.light{background:var(--lime);color:var(--ink)}.light:hover{background:#e1ffab}.button span{font-size:20px}.text-link{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:12px;min-height:44px}.download-meta{font-size:11px;color:var(--muted);margin:14px 0 0}.demo{background:#e8eee1;border:1px solid #d6decd;border-radius:var(--radius);padding:21px 22px 15px;box-shadow:0 18px 32px -30px #53644060}.demo-topline{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:1px;color:#59684f;margin-bottom:23px}.demo-topline>span:first-child{display:flex;align-items:center;gap:7px}.demo-topline i{width:6px;height:6px;border:1px solid #6f825f;border-radius:100%}.demo-counter{letter-spacing:1px}.demo-window{background:white;border:1px solid #cdd6c6;border-radius:12px;overflow:hidden;box-shadow:0 16px 30px -20px #39482a55}.window-title{padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#7b8477;border-bottom:1px solid #ebeee6}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border:1px solid #c3cabc;border-radius:100%}.editor-surface{padding:27px 24px 15px;position:relative;min-height:227px}.editor-label{font-size:8px;letter-spacing:2px;color:#8a9481}.editor-line{margin-top:25px;font-size:25px;line-height:1.6;letter-spacing:-.8px;font-weight:600}.editor-line span{font-size:18px;font-weight:400;letter-spacing:.5px;color:#78876b}.fake-cursor{position:absolute;left:65%;top:78px;transform:rotate(-7deg);transition:transform .25s}.fake-cursor svg{width:31px;height:42px;filter:drop-shadow(1px 3px 2px #0002)}.fake-cursor path{fill:#fff;stroke:#283127;stroke-width:2;stroke-linejoin:round;transition:fill .2s}.cursor-tag{position:absolute;left:25px;top:39px;border-radius:4px;padding:2px 6px;font-size:10px;background:#252d26;color:white;white-space:nowrap;transform:rotate(7deg)}.demo[data-mode=zh] .fake-cursor{transform:translate(9px,9px) rotate(-7deg)}.demo[data-mode=zh] .fake-cursor path{fill:#df6348;stroke:#7f3526}.demo[data-mode=zh] .cursor-tag{background:#bf4933}.editor-bottom{border-top:1px solid #eff2eb;margin-top:24px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b9485}.keyboard-state{border:1px solid #dae0d6;padding:1px 6px;border-radius:3px;min-width:24px;text-align:center}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}.mode-switch{display:flex;border-radius:7px;background:#dce4d5;padding:3px;gap:3px}.mode-switch button{background:none;border:0;color:#63705a;padding:9px 10px;border-radius:5px;font-size:12px;min-height:40px}.mode-switch button span{font-size:10px;margin-left:5px}.mode-switch button[aria-pressed=true]{background:white;color:#263022;box-shadow:0 1px 3px #0001}.demo-controls p{margin:0;font-size:9px;color:#59664f}.demo-note{margin:15px 0 0;text-align:center;font-size:9px;color:#68765e}.facts-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0;font-size:12px}.facts-bar span{display:flex;gap:16px;align-items:center}.facts-bar span:not(:first-child){border-left:1px solid var(--line);padding-left:24px}.facts-bar b{font-size:10px;color:#7c8971;font-weight:500}.section-space{padding:90px 0}.section-kicker{color:#75836a;margin-bottom:18px;font-size:10px;letter-spacing:1.6px}h2{font-size:35px;line-height:1.4;letter-spacing:-1.5px;margin-bottom:21px}.section-description{font-size:14px;color:var(--muted);max-width:370px}.how-section{display:grid;grid-template-columns:1fr 1.12fr;gap:90px}.signal-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.signal-pair>div{border-bottom:1px solid var(--line);padding-bottom:19px}.signal-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);display:block}.pointer-sample{font-size:68px;line-height:1.6;display:block;font-family:"Segoe UI",sans-serif}.pointer-sample.chinese{color:var(--coral)}h3{font-size:16px;letter-spacing:-.3px;margin-bottom:11px}.signal-pair p{font-size:12px;color:var(--muted);margin-bottom:0}.recording{margin-top:21px}.recording summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:12px;min-height:44px}.recording summary>span:last-child{margin-left:auto;font-size:18px;color:var(--muted)}summary::-webkit-details-marker{display:none}.pill{border:1px solid #ced8c3;border-radius:4px;font-size:9px;font-weight:500;padding:3px 7px;letter-spacing:.3px}.recording img{display:block;width:100%;height:auto;border-radius:8px;margin:14px 0}.recording p{font-size:11px;color:var(--muted);margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.setup-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:36px}.steps li{padding-top:20px;border-top:1px solid var(--line)}.step-number{color:#7a896e;font-size:12px;display:block;margin-bottom:24px}.steps h3{font-size:18px}.steps p{font-size:13px;color:var(--muted);min-height:97px}.steps a{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:12px;min-height:44px}.steps a:hover{color:#507627}.command-strip{margin-top:34px;padding:24px 27px;background:#e9eee3;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:25px}.command-strip strong{font-size:13px}.command-strip p{font-size:11px;color:var(--muted);margin:5px 0 0}.command{display:flex;align-items:center;gap:18px;font-size:13px}.command button{font-size:11px;background:var(--paper);border:1px solid #ccd6c2;padding:10px 12px;border-radius:5px;min-height:44px;min-width:44px}.copy-status{font-size:12px;color:var(--muted);margin:6px 0 0;min-height:20px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:75px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;font-size:13px;line-height:1.7}.faq-list summary span{font-size:18px;color:#76836b}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);padding-right:20px;margin-bottom:23px}.faq-list p a{text-decoration:underline;text-underline-offset:3px}.support-banner{background:#263124;color:var(--paper);padding:43px 49px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:35px}.support-banner .section-kicker{color:#b7d68f}.support-banner h2{font-size:31px;line-height:1.5;margin-bottom:12px}.support-banner p:not(.section-kicker){color:#bdc9b5;font-size:12px;margin-bottom:0}.site-footer{padding:50px 0 33px;display:flex;align-items:center;gap:23px;flex-wrap:wrap}.site-footer .brand{font-size:19px}.site-footer p{font-size:11px;color:var(--muted);margin:0}.site-footer>div{display:flex;gap:22px;margin-left:auto;font-size:11px}.site-footer small{flex-basis:100%;font-size:10px;color:#808d77;margin-top:5px}.sponsor-main{max-width:1000px;margin:0 auto;padding:80px 0 0}.sponsor-main h1{font-size:clamp(38px,5.7vw,66px);line-height:1.35;letter-spacing:-2px;margin-bottom:22px}.sponsor-highlight{box-shadow:inset 0 -12px 0 var(--lime)}.sponsor-intro{max-width:580px;font-size:15px;color:var(--muted)}.payment-notice{margin:45px 0 76px;padding:30px;background:#e9eee3;border:1px solid #d8e0d0;border-radius:16px;display:flex;gap:24px}.notice-mark{font-size:45px;line-height:1.2;color:#729151}.payment-notice h2{font-size:24px;margin:14px 0 10px}.payment-notice p{max-width:670px;font-size:13px;color:var(--muted);margin-bottom:0}.support-options{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.support-options>a{border-top:1px solid var(--line);padding-top:22px}.support-options>a:hover h3{color:#507627}.support-option-icon{font-size:30px;display:block;margin-bottom:22px}.support-options p{font-size:12px;color:var(--muted);min-height:68px}.sponsor-outro{border-top:1px solid var(--line);margin-top:55px;padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.sponsor-outro p{font-size:13px;color:var(--muted);margin:0}
@media(min-width:1450px){.hero{padding-top:95px;padding-bottom:85px}.hero h1{font-size:68px}.demo{padding:25px}.editor-surface{min-height:250px}}
@media(max-width:1100px){.page-shell{padding:0 32px}.hero{gap:30px}.hero h1{font-size:48px;letter-spacing:-2px}.demo{padding:17px}.demo-controls{flex-direction:column;align-items:flex-start;gap:9px}.demo-controls p{padding-left:5px}.editor-line{font-size:22px}.editor-line span{font-size:16px}.how-section{gap:50px}.facts-bar span{font-size:11px;gap:10px}.facts-bar span:not(:first-child){padding-left:15px}.site-footer>div{gap:14px}}
@media(max-width:850px){.site-header{min-height:85px}.site-header nav{gap:19px;font-size:12px}.hero{grid-template-columns:1fr;gap:45px;padding:55px 0 45px}.hero h1{font-size:clamp(40px,7.5vw,61px)}.hero-description br{display:none}.demo{max-width:610px;width:100%;justify-self:center;padding:22px}.editor-surface{min-height:240px}.demo-controls{flex-direction:row;align-items:center}.how-section{gap:40px;grid-template-columns:1fr 1fr}.section-space{padding:65px 0}h2{font-size:29px}.faq-section{gap:40px;grid-template-columns:1fr 1.4fr}.steps{gap:22px}.steps h3{font-size:16px}.command-strip{flex-direction:column;align-items:flex-start;gap:15px}.support-banner{padding:35px}.site-footer{gap:20px}.site-footer>div{margin-left:0}.site-footer p{margin-left:auto}.site-footer small{margin-top:0}.support-options{gap:20px}}
@media(max-width:600px){.page-shell{padding:0 22px}.site-header{flex-wrap:wrap;justify-content:flex-start;padding:20px 0;gap:16px}.brand{font-size:23px}.site-header nav{width:100%;justify-content:space-between;gap:10px}.site-header nav a{min-height:44px;display:flex;align-items:center}.hero{padding-top:40px;gap:36px}.hero h1{font-size:clamp(33px,8.6vw,49px);letter-spacing:-1.8px}.hero-description{font-size:15px}.eyebrow{font-size:9px;margin-bottom:24px}.hero-actions{gap:18px}.button{padding:0 19px}.download-meta{font-size:10px}.demo{padding:17px 14px 13px}.demo-topline{font-size:8px;margin-bottom:17px}.demo-counter{font-size:8px}.window-title{font-size:9px;padding:12px}.editor-surface{padding:23px 17px 13px;min-height:222px}.editor-line{font-size:23px}.editor-line span{font-size:16px}.fake-cursor{left:70%;top:86px}.editor-bottom{font-size:8px}.demo-controls{flex-direction:column;align-items:flex-start;gap:9px}.demo-note{font-size:8px}.mode-switch{width:100%}.mode-switch button{flex:1}.facts-bar{grid-template-columns:1fr;padding:16px 0;gap:12px}.facts-bar span:not(:first-child){padding-left:0;border-left:0}.facts-bar span{font-size:11px;gap:20px}.section-space{padding:52px 0}.how-section,.faq-section{grid-template-columns:1fr;gap:30px}.how-section h2 br,.faq-section h2 br{display:none}.section-description{max-width:100%}h2{font-size:28px;letter-spacing:-1px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.steps{grid-template-columns:1fr;gap:24px}.steps li{padding-top:18px}.step-number{margin-bottom:16px}.steps h3{font-size:18px}.steps p{min-height:0;margin-bottom:5px}.command-strip{padding:20px;margin-top:24px}.command{font-size:11px;gap:10px;justify-content:space-between;width:100%}.command code{font-size:11px}.support-banner{border-radius:16px;padding:28px;align-items:flex-start;flex-direction:column;gap:25px}.support-banner h2{font-size:27px}.site-footer{padding-top:35px;gap:18px}.site-footer p{margin-left:0;flex-basis:100%;order:2}.site-footer>div{flex-wrap:wrap;gap:20px;order:3}.site-footer small{order:4}.sponsor-main{padding-top:50px}.sponsor-main h1{font-size:40px;letter-spacing:-1.5px}.sponsor-intro{font-size:14px}.payment-notice{padding:23px 20px;gap:15px;margin:30px 0 55px}.notice-mark{font-size:33px}.payment-notice h2{font-size:21px}.support-options{grid-template-columns:1fr;gap:22px}.support-option-icon{margin-bottom:16px}.support-options p{min-height:0;margin-bottom:5px}.sponsor-outro{align-items:flex-start;flex-direction:column;gap:20px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Use the exact icon embedded by build.rs, on every page. */
.brand-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 11px;
  padding: 0;
  object-fit: contain;
  background: transparent;
  border-radius: 0;
}
.site-footer .brand-icon { width: 24px; height: 24px; }
.setup-guide-link {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 26px 0;
  margin-top: 24px;
  border-top: 1px solid var(--line);
}
.setup-guide-link strong { font-size: 15px; }
.setup-guide-link p { font-size: 13px; color: var(--muted); margin: 10px 0 0; }
.setup-guide-link .button { flex-shrink: 0; }
.guide-main { padding-top: 62px; }
.guide-intro { max-width: 860px; }
.guide-intro h1 { font-size: clamp(34px, 4vw, 53px); line-height: 1.4; letter-spacing: -1.8px; margin-bottom: 23px; }
.guide-intro > p:not(.section-kicker) { font-size: 15px; color: var(--muted); }
.guide-notice { padding: 22px 25px; margin: 28px 0 42px; background: #e8eee1; border-left: 3px solid #718e50; border-radius: 0 10px 10px 0; }
.guide-notice strong { font-size: 15px; }
.guide-notice p { color: var(--muted); font-size: 13px; margin: 8px 0 0; }
.guide-layout { display: grid; grid-template-columns: 215px minmax(0, 1fr); gap: 48px; align-items: start; }
.guide-toc { position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow-y: auto; font-size: 12px; padding-bottom: 20px; }
.guide-toc strong { display: block; font-size: 13px; margin-bottom: 16px; }
.guide-toc ol { padding-left: 20px; margin: 0; color: var(--muted); }
.guide-toc li { padding: 5px 0; line-height: 1.6; }
.guide-toc a { display: inline-block; padding: 4px 0; }
.guide-toc a:hover { color: #43662d; }
.guide-step { padding: 34px 0 35px; border-top: 1px solid var(--line); scroll-margin-top: 25px; }
.guide-step h2 { font-size: 27px; letter-spacing: -.8px; line-height: 1.5; }
.guide-step h3 { font-size: 18px; margin-top: 28px; line-height: 1.6; }
.guide-step .section-kicker { font-size: 10px; margin-bottom: 16px; }
.guide-step p, .guide-step li { font-size: 14px; line-height: 1.95; }
.guide-step p { color: var(--muted); }
.guide-step ol, .guide-step ul { padding-left: 24px; }
.guide-step li { padding-left: 4px; margin-bottom: 10px; }
.guide-content a:not(.button):not(.text-link) { text-decoration: underline; text-underline-offset: 3px; }
.guide-step strong { color: var(--ink); }
.guide-step kbd { display: inline-block; font: 12px Consolas, monospace; padding: 1px 6px; border: 1px solid #cfd7c7; border-bottom-width: 2px; border-radius: 4px; background: #fff; color: var(--ink); }
.guide-note { padding: 17px 20px; font-size: 13px; line-height: 1.9; background: #edf0e8; border-radius: 8px; margin: 20px 0; color: #56634d; }
.table-scroll { overflow-x: auto; margin: 23px 0; }
.guide-table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 1.8; }
.guide-table th, .guide-table td { text-align: left; padding: 14px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.guide-table th { font-weight: 650; background: #e9eee3; white-space: nowrap; }
.guide-table td { min-width: 115px; }
.guide-table code { white-space: nowrap; }
.guide-step pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 22px; line-height: 1.9; background: #253023; color: #edf5e5; border-radius: 10px; font-size: 12px; }
.guide-step pre code { font-size: inherit; }
.guide-command { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 19px; border: 1px solid var(--line); border-radius: 8px; background: #edf0e8; font-size: 13px; }
.guide-command button { background: var(--paper); border: 1px solid #c9d2c0; border-radius: 5px; padding: 10px 13px; min-height: 44px; font-size: 11px; flex-shrink: 0; }
.setup-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 24px 0 15px; align-items: start; }
.setup-gallery figure { margin: 0; min-width: 0; }
.setup-gallery a { display: block; background: white; border: 1px solid #cdd5c6; border-radius: 6px; overflow: hidden; }
.setup-gallery img { display: block; width: 100%; height: auto; }
.setup-gallery figcaption { font-size: 11px; line-height: 1.7; color: var(--muted); margin-top: 10px; }
.guide-step .image-hint { font-size: 11px; }
.guide-details { border: 1px solid var(--line); border-radius: 8px; padding: 8px 18px; margin-top: 25px; }
.guide-details summary { padding: 12px 0; font-size: 13px; }
.guide-details p { font-size: 13px; }
.guide-end { display: flex; align-items: center; gap: 24px; padding: 22px 0 38px; flex-wrap: wrap; }
@media (max-width: 1100px) {
  .guide-layout { grid-template-columns: 175px minmax(0, 1fr); gap: 30px; }
  .guide-step h2 { font-size: 24px; }
}
@media (max-width: 850px) {
  .guide-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .guide-toc { position: static; max-height: none; background: #edf0e8; border-radius: 10px; padding: 22px; }
  .guide-toc ol { columns: 2; column-gap: 30px; }
  .guide-toc li { break-inside: avoid; }
  .setup-guide-link { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (max-width: 600px) {
  .guide-main { padding-top: 38px; }
  .guide-intro h1 { font-size: 33px; letter-spacing: -1px; }
  .guide-intro > p:not(.section-kicker) { font-size: 14px; }
  .guide-notice { padding: 18px; }
  .guide-layout { gap: 15px; }
  .guide-toc { padding: 20px; }
  .guide-toc ol { columns: 1; }
  .guide-step { padding: 29px 0; }
  .guide-step h2 { font-size: 23px; }
  .guide-step p, .guide-step li { font-size: 13px; }
  .setup-gallery { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .setup-gallery figure { width: 100%; max-width: 462px; margin: 0 auto; }
  .setup-gallery figcaption { font-size: 12px; }
  .guide-command { padding: 13px 12px; gap: 8px; font-size: 11px; }
  .guide-command button { padding: 9px; }
  .guide-step pre { padding: 17px; font-size: 11px; }
  .guide-table { font-size: 11px; }
}