:root{color-scheme:light;--bg:#f5f6f0;--ink:#1d3027;--muted:#647066;--line:#d9ded5;--green:#23844d;--quota:#23844d;--angle:57.6deg}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #579a70;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:650;display:flex;align-items:center;gap:9px;letter-spacing:-.7px}.brand-gauge{color:var(--green);font-size:30px}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a:hover,.source-link:hover{color:var(--green)}#language{background:transparent;border:1px solid var(--line);border-radius:100px;padding:7px 14px;color:var(--ink)}.hero{padding-top:76px;text-align:center}.eyebrow{display:flex;justify-content:center;gap:9px;align-items:center;font-size:12px;font-weight:500;letter-spacing:.6px;color:var(--green)}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(46px,6.8vw,82px);line-height:1.04;letter-spacing:-4px;font-weight:550;margin:25px 0}p{line-height:1.7}.lede{max-width:540px;font-size:18px;color:var(--muted);margin:0 auto}.actions{display:flex;justify-content:center;gap:28px;align-items:center;margin:29px 0 17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;font-size:14px;font-weight:550;border-radius:8px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#f9fbf7}.primary:hover{background:#31513e}.source-link{font-size:14px;font-weight:500}.compat{color:var(--muted);font-size:11px;letter-spacing:.25px;margin:0 0 46px}.demo{overflow:hidden;border:1px solid #cad3c7;border-radius:14px;text-align:left;box-shadow:0 20px 60px #263d2210}.desktop-bar{background:#e5e9df;min-height:36px;padding:0 18px;display:flex;align-items:center;gap:22px;font-size:12px;color:#242b23}.desktop-title{margin-right:auto;font-weight:600}.menu-status{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.menu-status b{font-weight:500}.dim,.divider{opacity:.6}.desktop-clock{margin-left:12px;font-variant-numeric:tabular-nums}.gauge{position:relative;display:block;width:20px;height:20px;color:var(--quota);flex-shrink:0}.gauge:before{content:"";position:absolute;inset:2px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%}.gauge:after{content:"";position:absolute;left:8px;top:10px;width:4px;height:4px;border-radius:50%;background:currentColor}.needle{position:absolute;left:9px;top:4px;width:2px;height:8px;border-radius:2px;background:currentColor;transform-origin:50% 7px;transform:rotate(var(--angle));transition:transform .3s}.desktop-scene{height:235px;background:#d9e3ce;position:relative;overflow:hidden;display:flex;align-items:center;padding:42px 60px}.desktop-scene:after{content:"";position:absolute;width:440px;height:440px;right:-70px;top:40px;border-radius:50%;background:#c3d3b5}.scene-caption{font-family:Georgia,"Songti SC",serif;font-size:38px;letter-spacing:-1px;line-height:1.2;position:relative;z-index:1}.mini-line{display:block;width:36px;height:2px;background:#52694c;margin-bottom:20px}.scene-mark{position:absolute;right:180px;top:50px;font-size:155px;color:#92a984;z-index:1;transform:rotate(-20deg)}.demo-footer{background:#eef1e8;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;gap:15px;font-size:11px;color:var(--muted)}.states{display:flex;gap:8px}.states button{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:5px;padding:7px 10px;color:var(--muted);font-size:11px}.states button[aria-pressed=true]{background:#fff;border-color:#d9dfd3;color:var(--ink)}.state-dot{width:6px;height:6px;border-radius:50%}.green{background:#23844d}.orange{background:#b87518}.red{background:#c84b45}.demo-note{font-size:11px;color:var(--muted);margin-top:14px}.details{padding:100px 0 85px}.section-label{font-size:10px;letter-spacing:1.6px;font-weight:650;color:var(--muted)}h2{font-size:39px;line-height:1.17;letter-spacing:-1.5px;font-weight:500;margin:20px 0 45px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.features article{border-top:1px solid var(--line);padding-top:22px}.feature-number{font-size:11px;color:var(--green);font-family:monospace}h3{font-size:17px;font-weight:550;letter-spacing:-.3px;margin:20px 0 10px}.features p,.steps p,.install-intro p,.closing p{font-size:14px;color:var(--muted);margin:0}.install{border-top:1px solid var(--line);padding:75px 0 90px;display:grid;grid-template-columns:1fr 1.1fr;gap:110px}.install h2{margin-bottom:20px}.install-intro .source-link{display:inline-block;margin-top:24px}.steps article{display:flex;gap:19px;padding-bottom:25px}.steps article>span{font-family:Georgia,serif;font-size:18px;color:var(--green);padding-top:3px}.steps h3{margin:0 0 8px}.notice{padding:18px 20px;background:#e9ece2;border-radius:8px;margin-left:28px}.notice strong{font-size:12px;font-weight:600}.notice p{font-size:12px;margin-top:7px}.closing{border-top:1px solid var(--line);padding:64px 0 70px;display:flex;justify-content:space-between;align-items:center;gap:35px}.closing h2{font-size:32px;margin:18px 0}.secondary{border:1px solid #bac8b6;white-space:nowrap}.footer{border-top:1px solid var(--line);padding:24px 0 34px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.footer>span:first-child{color:var(--ink)}html[lang=zh-CN] h1{letter-spacing:-2px;line-height:1.17}html[lang=zh-CN] .scene-caption{line-height:1.35}html[lang=zh-CN] h2{line-height:1.3}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:78px}nav{gap:17px;font-size:12px}.wordmark{font-size:18px}.hero{padding-top:48px}h1{letter-spacing:-2px}.lede{font-size:16px}.compat{max-width:260px;margin:0 auto 30px;line-height:1.8}.actions{gap:18px;flex-wrap:wrap}.desktop-title,.desktop-clock{display:none}.desktop-bar{justify-content:center;padding:9px 8px}.menu-status{font-size:11px;gap:5px}.desktop-scene{height:200px;padding:30px}.scene-caption{font-size:30px}.scene-mark{right:35px;top:65px;font-size:100px;opacity:.6}.demo-footer{flex-direction:column;padding:12px 8px;gap:6px}.states{gap:2px}.states button{padding:8px}.details{padding:65px 0 45px}h2{font-size:32px}.features{grid-template-columns:1fr;gap:25px}.features article{padding-top:16px}.features h3{margin-top:12px}.install{grid-template-columns:1fr;gap:35px;padding:45px 0}.closing{flex-direction:column;align-items:flex-start;padding:45px 0}.closing h2{font-size:28px}.footer{flex-direction:column;gap:12px}.button{padding:15px 20px}.notice{margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.needle,.button{transition:none}}