:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#19352e;background:#f6f8f5;font-size:16px;line-height:1.75;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #20866a;outline-offset:5px}.topbar{max-width:1160px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5dd}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.mark{display:inline-grid;place-items:center;background:#183f32;color:#fff;border-radius:9px;width:34px;height:34px;font-size:20px}.tag{font-size:11px;color:#6b7f74;border:1px solid #d5e0d6;border-radius:5px;padding:2px 7px;font-weight:500}nav{display:flex;gap:26px;font-size:13px;color:#52695e}nav a:hover{color:#147455}main{max-width:1088px;margin:auto;padding:0 36px}.hero{padding:76px 0 50px;position:relative;background:radial-gradient(ellipse at 90% 35%,#e5eddd 0,transparent 55%)}.eyebrow{font-family:ui-monospace,monospace;letter-spacing:2px;font-size:11px;color:#5b7e65;font-weight:700}h1{font-size:clamp(40px,6vw,68px);letter-spacing:-2px;line-height:1.18;margin:24px 0}h2,h3,p{margin-top:0}.lead{color:#61766a;font-size:17px;margin-bottom:26px}.hero-actions{display:flex;gap:24px;align-items:center;margin:30px 0}.primary{background:#254f3c;color:white;padding:11px 22px;border-radius:7px;font-weight:600;font-size:14px}.primary span{margin-left:24px}.primary:hover{background:#153e2c}.secondary{font-size:13px}.endpoint{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:12px;margin-top:36px}.endpoint>span{background:#e6eddf;padding:3px 9px;border-radius:4px;color:#49633e}.endpoint code{overflow-wrap:anywhere}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9e3d8;border-radius:12px;overflow:hidden;background:#fff}.steps article{padding:26px;border-right:1px solid #e1e8dd}.steps article:last-child{border-right:0}.number{color:#6a8564;font-size:12px;font-family:monospace}.steps h2{font-size:18px;margin:12px 0 6px}.steps p{font-size:13px;color:#6c7d71;margin:0}.section{padding-top:64px;scroll-margin-top:24px}.section-heading{max-width:730px}.section-heading h2{font-size:28px;letter-spacing:-.7px;margin:8px 0 10px}.section-heading p{color:#63756a;font-size:14px;margin-bottom:24px}.panel{background:#172c27;color:#dfebe2;border-radius:10px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #ffffff18;color:#a5beaf;font-size:12px}.code-header button{color:#d6e4d8;background:#ffffff0d;border:1px solid #ffffff25;padding:4px 12px;border-radius:5px;cursor:pointer;font-size:12px}.code-header button:hover{background:#ffffff20}pre{padding:22px;margin:0;overflow:auto;font-size:13px;line-height:1.8}code{font-family:"SFMono-Regular",Consolas,monospace;font-size:.9em}.note{font-size:12px;color:#687c70;margin:16px 0 0}.callout{margin-top:22px;border-left:3px solid #9eb77e;padding:16px 20px;background:#edf2e7;font-size:13px;border-radius:0 7px 7px 0}.callout p{margin:5px 0 0;color:#5e715f}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:26px;border:1px solid #dce5db;border-radius:10px;background:#fff;min-width:0}.card h3{font-size:17px;margin-bottom:16px}.card p,.card li{font-size:13px}.card ul{padding-left:20px;margin-bottom:0;color:#566d5e}.card li+li{margin-top:8px}.inline-example{display:block;overflow-wrap:anywhere;background:#f0f4ee;padding:12px;border-radius:6px;font-size:12px}.muted{color:#738174;margin-bottom:0;margin-top:16px}.pill{font-size:10px;letter-spacing:1px;background:#edf3e7;color:#537540;border-radius:4px;padding:3px 7px}.tool h3{margin-top:14px}.tool pre{padding:12px 14px;background:#f3f6f1;border-radius:6px}.table-wrap{border:1px solid #dce5db;border-radius:10px;overflow:auto;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#ecf1e7;color:#526a56;font-size:12px}th,td{padding:16px 20px;white-space:nowrap}td{border-top:1px solid #e7ece3}td:nth-child(2){font-weight:600}td:last-child{color:#738174}details{margin-top:14px;border:1px solid #dce5db;background:#fff;border-radius:8px;padding:18px 22px}summary{cursor:pointer;font-size:14px;font-weight:600}details p{font-size:13px;color:#617667;margin:14px 0 0}details .panel{margin-top:14px}.faq details+details{margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce5db;margin-top:70px;padding:30px 0;color:#708172;font-size:12px}footer p{margin:0}footer .brand{color:#294535}#copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#234c37;color:white;border-radius:8px;font-size:13px;box-shadow:0 4px 20px #0002}#copy-status:not(:empty){padding:10px 20px}@media(max-width:720px){.topbar{padding:18px 20px;flex-wrap:wrap;gap:16px}.tag{display:none}nav{gap:20px}main{padding:0 20px}.hero{padding:44px 0 32px}.steps,.two-col{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #e1e8dd;padding:20px}.steps article:last-child{border-bottom:0}.section{padding-top:44px}.section-heading h2{font-size:25px}.card{padding:22px}footer{align-items:flex-start;flex-direction:column}.endpoint{gap:10px}pre{padding:16px;font-size:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}