:root{--paper:#fafbf8;--white:#fff;--ink:#172b24;--muted:#63736a;--green:#146b50;--pale:#edf5ef;--line:#dde5dc;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #57ae86;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h2{font-size:clamp(27px,3vw,39px);font-weight:650;margin-bottom:20px}h3{font-size:20px;font-weight:650}p{color:var(--muted)}img{max-width:100%;height:auto}code{font-family:var(--mono)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--green);color:white;padding:10px;z-index:100}.skip-link:focus{top:10px}.header{position:sticky;top:0;z-index:30;background:#fafbf8f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{height:78px;max-width:1250px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:46px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;flex-shrink:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;border-radius:10px;width:33px;height:33px;font-family:var(--mono);font-size:23px;font-weight:850;font-style:italic}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav>a:hover,.footer a:hover{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px}.nav-github{border:1px solid var(--line);padding:6px 14px;border-radius:7px}.search-open{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:5px 11px;border-radius:6px}.search-open kbd{font-size:11px;color:#87998c;border:1px solid var(--line);line-height:1.5;padding:0 5px;border-radius:3px}.menu-button{display:none}.section{max-width:1186px;margin:0 auto;padding:84px 24px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:85px}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:1.8px;color:var(--green);margin-bottom:23px;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #e0ede3}.hero h1{font-size:clamp(42px,4.8vw,64px);font-weight:680;line-height:1.22;margin-bottom:27px;letter-spacing:-.055em}.hero h1 span{color:var(--green)}.hero-description{font-size:17px;line-height:1.85;max-width:480px}.hero-buttons{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:600;padding:12px 22px;border-radius:7px;transition:background .15s}.primary{color:#fff;background:var(--green);border:1px solid var(--green)}.primary:hover{background:#0d523c}.secondary{background:var(--white);border:1px solid var(--line)}.secondary:hover{background:var(--pale)}.hero-note{font-family:var(--mono);font-size:11px;margin:21px 0 0}.gateway-visual{border:1px solid #d1ddcf;border-radius:16px;padding:23px 26px 0;background:radial-gradient(ellipse at 50% 40%,#e9f5e8 0%,#f5f8ef 65%,#f3f6f1 100%);box-shadow:0 18px 65px -40px #426954;overflow:hidden;position:relative}.gateway-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9aaf8e50 .8px,transparent .8px);background-size:16px 16px;pointer-events:none}.gateway-visual>*{position:relative}.visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:10px}.mono{font-family:var(--mono);font-size:9px;letter-spacing:1.1px;color:#657d66}.visual-status{font-size:10px;color:var(--green);background:#e1ecdf;padding:3px 9px;border-radius:12px;white-space:nowrap}.app-nodes,.provider-nodes{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.app-nodes span,.provider-nodes span{border:1px solid #d9e3d4;padding:9px 13px;font-size:11px;background:#ffffffdf;border-radius:6px;font-weight:500}.connection-line{width:1px;height:28px;background:#87a793;margin:auto;position:relative}.connection-line:after{content:"";position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid #87a793;border-bottom:1px solid #87a793;transform:rotate(45deg)}.gateway-node{max-width:355px;margin:0 auto;background:#fff;padding:23px 15px;border:1px solid #9fbea5;box-shadow:0 8px 25px #305d3610;border-radius:11px;text-align:center}.gateway-node>.brand-mark{vertical-align:middle;width:30px;height:30px;margin-right:5px}.gateway-node>strong{font-size:27px;vertical-align:middle;letter-spacing:-1px}.gateway-node>span:not(.brand-mark){display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin:8px 0 17px}.policy-tags{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.policy-tags span{background:var(--pale);color:var(--green);font-family:var(--mono);font-size:9px;border-radius:4px;padding:3px 7px}.provider-nodes{margin-bottom:31px}.provider-nodes span{font-size:10px;padding:7px 10px}.visual-bottom{border-top:1px solid #d5dfd0;display:flex;justify-content:space-between;gap:10px;margin:0 -26px;padding:11px 26px;background:#ffffff50;color:#7b8a76;font-family:var(--mono);font-size:9px}.capability-strip{display:flex;justify-content:space-around;gap:24px;border-block:1px solid var(--line);padding:22px 24px;max-width:1138px;margin:auto;color:#596c5c;font-size:13px}.check{color:var(--green);margin-right:10px}.section-heading{max-width:670px;margin-bottom:38px}.section-heading>p:last-child{font-size:16px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.capability-card{padding:28px 23px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:265px}.card-number{font-family:var(--mono);font-size:11px;color:#8a9b8d;margin-bottom:23px}.capability-card h3{font-size:18px;margin-bottom:14px}.capability-card p{font-size:13px;line-height:1.85;flex:1}.capability-card a{font-size:12px;color:var(--green);font-weight:600;margin-top:8px;display:flex;justify-content:space-between}.difference-section{background:#163e30;color:#edf4ee;position:relative}.difference-section .eyebrow{color:#9bc8ac}.difference-section .section{padding-top:64px;padding-bottom:63px}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:37px}.difference-grid article{border-top:1px solid #527060;padding-top:22px}.difference-grid p{color:#abc5b6;font-size:14px}.difference-grid a{font-size:12px;color:#c4e6d0}.difference-icon{font-size:22px;display:block;color:#93c6a5;margin-bottom:14px}.console-section{text-align:center}.console-section .section-heading{margin:0 auto 34px}.console-section .eyebrow{justify-content:center}.screenshot-frame{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #182e1b0d}.window-bar{background:#f2f5ef;border-bottom:1px solid var(--line);height:37px;display:flex;align-items:center;gap:6px;padding:0 14px}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#c4d0bf}.window-bar small{font-size:10px;color:#7c8d7a;font-family:var(--mono);margin:auto;padding-right:38px}.screenshot-frame img{display:block;width:100%}.caption{font-size:11px;margin-top:15px}.flow-section{padding-top:20px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:36px}.flow-grid article{border-top:1px solid var(--line);padding-top:22px}.step{font-family:var(--mono);font-size:12px;color:var(--green);margin-bottom:17px;display:block}.flow-grid h3{font-size:17px}.flow-grid p{font-size:13px}.use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.use-case-grid article{background:var(--pale);padding:28px;border-radius:8px}.use-case-grid h3{font-size:18px}.use-case-grid p{font-size:14px;margin-bottom:0}.install-section{background:#edf2e9;border-block:1px solid #dce5d6}.install-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.install-grid h2{max-width:360px}.install-grid>div>p{max-width:390px}.requirements{font-size:12px;margin-top:25px}.text-link{color:var(--green);font-size:14px;font-weight:600;display:inline-block;margin-top:12px}.ports{display:flex;gap:25px;font-size:12px;color:var(--muted);margin-top:29px}.ports code{color:var(--green)}.code-panel{background:#152c23;color:#e0eee3;border-radius:9px;overflow:hidden;border:1px solid #293f30;margin-bottom:15px}.code-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #355041;padding:9px 16px;font-family:var(--mono);font-size:10px;color:#a5c3b0}.copy-code{border:1px solid #52685b;background:transparent;border-radius:4px;color:inherit;font-size:10px;padding:2px 8px}.code-panel pre{padding:17px 20px;margin:0;overflow-x:auto;font-size:11px;line-height:1.9}.documentation-section{padding-top:78px;padding-bottom:85px}.documentation-section>p:not(.eyebrow){max-width:680px}.docs-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.doc-card{padding:24px;border:1px solid var(--line);border-radius:9px;background:#fff;transition:border .15s}.doc-card:hover{border-color:#76a78a}.doc-card h3{font-size:17px;display:flex;justify-content:space-between}.doc-card h3 span{color:var(--green)}.doc-card p{font-size:13px;margin-bottom:0}.footer{max-width:1186px;margin:auto;padding:40px 24px;border-top:1px solid var(--line);display:flex;gap:50px;justify-content:space-between}.footer .brand{font-size:21px}.footer .brand-mark{width:28px;height:28px;font-size:20px}.footer p{font-size:12px;margin-top:12px}.footer>div:last-child{max-width:530px}.footer>div:last-child>a{font-size:12px;display:inline-block;margin-right:27px}.footer-note{font-size:11px!important;line-height:1.8}.search-dialog{padding:25px;border:1px solid var(--line);border-radius:12px;width:min(680px,calc(100% - 32px));max-height:80vh;color:var(--ink);box-shadow:0 25px 90px #0b281b30;background:var(--paper)}.search-dialog::backdrop{background:#10261d6b;backdrop-filter:blur(3px)}.search-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.search-heading button{border:0;background:transparent;color:var(--muted);font-size:18px}.search-dialog input{width:100%;border:1px solid #98b7a1;padding:12px;border-radius:6px;background:white;color:var(--ink)}.search-status{font-size:12px;margin:16px 0}.search-result{display:block;padding:16px 8px;border-top:1px solid var(--line)}.search-result:hover{background:var(--pale)}.search-result strong{display:block;color:var(--green);font-size:15px}.search-result span{font-size:12px;color:var(--muted);display:block;margin-top:6px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);color:white;background:#172e23;border-radius:7px;padding:9px 22px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:90;font-size:13px}.toast.visible{opacity:1}
/* 文档使用固定目录、流式正文和页内导航；表格与代码只在自己的容器内滚动。 */
.docs-layout{display:grid;grid-template-columns:260px minmax(0,780px) 205px;max-width:1400px;margin:auto;min-height:calc(100vh - 80px)}.docs-sidebar{padding:25px 20px 50px;border-right:1px solid var(--line);position:sticky;top:79px;max-height:calc(100vh - 79px);overflow-y:auto;align-self:start;font-size:12px}.sidebar-search{width:100%;margin-bottom:25px}.nav-group{margin-bottom:22px}.nav-group h2,.nav-group summary{font-size:11px;letter-spacing:.03em;color:#70836f;font-weight:650;margin-bottom:9px}.nav-group a{display:block;padding:6px 10px;line-height:1.5;border-radius:5px;margin:2px 0;overflow-wrap:anywhere}.nav-group a small{display:block;font-family:var(--mono);font-size:9px;opacity:.6}.nav-group a:hover{background:#eaf1e7}.nav-group a[aria-current]{background:#e4efe3;color:var(--green);font-weight:600}.additional-docs summary{cursor:pointer;padding:6px 10px}.doc-main{padding:36px 42px 55px;min-width:0;background:#fff}.doc-meta{font-size:11px;color:#81917e;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.doc-meta a{color:var(--green)}.reference-note{font-size:11px;padding:7px 10px;background:#f1f5ef;border:1px solid var(--line);border-radius:5px}.reference-note a{color:var(--green)}.prose{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.prose h1{font-size:33px;margin-bottom:25px}.prose h2{font-size:23px;margin-top:44px;padding-top:10px;border-top:1px solid var(--line)}.prose h3{font-size:18px;margin-top:29px}.prose h4{font-size:16px;margin-top:22px}.prose p{color:#536559;margin-bottom:20px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:6px}.prose li p{margin-bottom:8px}.prose code{background:#eef3ea;color:#245d40;padding:2px 4px;font-size:12px;border-radius:3px}.prose pre{background:#f4f7f0;padding:19px 16px;border-radius:7px;border:1px solid #dfe7d9;overflow-x:auto;white-space:pre;line-height:1.8}.prose pre code{padding:0;background:transparent;color:#2b4631;font-size:11px}.prose table{display:block;overflow-x:auto;border-collapse:collapse;font-size:12px;margin:24px 0;max-width:100%;line-height:1.75}.prose th,.prose td{text-align:left;border:1px solid #dfe6db;padding:10px 12px;min-width:100px}.prose th{background:#eff4eb;font-weight:600}.prose blockquote{margin-left:0;border-left:3px solid #85af90;padding:8px 18px;background:#f4f7ef}.prose img{border-radius:8px;border:1px solid var(--line)}.prose input{pointer-events:none}.doc-code{position:relative;margin:20px 0}.doc-code .copy-code{position:absolute;top:7px;right:8px;color:#60785e;background:#f4f7f0;border-color:#c4d4bc}.doc-code pre{padding-top:34px}.mermaid{background:#fff!important;text-align:center}.mermaid svg{height:auto!important;max-width:100%}.doc-end{display:flex;gap:30px;justify-content:space-between;margin-top:55px;border-top:1px solid var(--line);padding-top:22px;color:var(--green);font-size:11px}.toc{position:sticky;top:79px;align-self:start;padding:35px 18px;max-height:calc(100vh - 79px);overflow-y:auto;font-size:11px;line-height:1.6}.toc strong{display:block;margin-bottom:12px;color:#6a8069;font-weight:500}.toc a{display:block;padding:5px 0;color:#7a8d78;border-left:1px solid var(--line);padding-left:12px}.toc a:hover{color:var(--green);border-color:var(--green)}.toc .depth-3{padding-left:23px}
@media(min-width:1600px){.section{max-width:1240px}.hero{gap:85px}}
@media(max-width:1100px){.nav-wrap{gap:26px}.header nav{gap:20px}.hero{gap:28px}.hero h1{font-size:47px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-card{min-height:240px}.docs-layout{grid-template-columns:235px minmax(0,1fr)}.toc{display:none}.doc-main{padding:30px}.install-grid{gap:38px}.visual-top .mono{font-size:8px}.difference-grid{gap:28px}}
@media(max-width:780px){.section{padding:58px 22px}.nav-wrap{height:65px;padding:0 20px;gap:16px}.brand{font-size:22px}.brand-mark{width:29px;height:29px;font-size:20px}.menu-button{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:5px;font-size:18px;padding:1px 8px}.header nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--paper);padding:18px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:15px}.header nav.expanded{display:flex}.header nav .search-open{max-width:250px}.nav-actions{gap:16px;margin-left:0}.nav-github{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:50px;padding-bottom:45px}.hero h1{font-size:48px}.hero-description{font-size:16px;max-width:550px}.gateway-visual{max-width:550px;width:100%;margin:auto}.visual-top .mono{font-size:9px}.capability-strip{flex-wrap:wrap;justify-content:flex-start;gap:15px 22px;font-size:11px;padding:18px 22px}.section-heading>p:last-child{font-size:14px}.difference-grid{grid-template-columns:1fr;gap:25px}.difference-section .section{padding:48px 22px}.difference-grid h3{font-size:20px}.difference-icon{float:right}.difference-grid p{max-width:500px}.console-section .section-heading{text-align:left}.console-section .eyebrow{justify-content:flex-start}.flow-grid{grid-template-columns:repeat(2,1fr);gap:25px}.use-case-grid,.docs-card-grid{grid-template-columns:1fr}.install-grid{grid-template-columns:1fr;gap:30px}.install-grid h2{max-width:none}.install-grid>div>p{max-width:none}.code-panel pre{font-size:10px}.footer{flex-direction:column;gap:20px;padding:30px 22px}.footer>div:last-child>a{margin-right:19px}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;max-height:250px;border-right:0;border-bottom:1px solid var(--line);padding:17px 22px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:10px 20px}.docs-sidebar .sidebar-search{display:none}.nav-group{min-width:150px;flex:1;margin-bottom:12px}.nav-group a{font-size:11px}.additional-docs{flex-basis:100%}.doc-main{padding:27px 22px 42px}.prose h1{font-size:27px}.prose h2{font-size:21px}.doc-meta{margin-bottom:22px}.docs-page .footer{margin-top:0}}
@media(max-width:430px){.hero h1{font-size:41px}.hero-buttons{gap:8px}.button{padding:11px 17px;gap:12px;font-size:12px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:0;padding:23px}.card-number{margin-bottom:13px}.hero-note{font-size:9px}.gateway-visual{padding:20px 15px 0}.app-nodes{gap:5px}.app-nodes span{padding:8px;font-size:10px}.policy-tags{gap:5px}.policy-tags span{font-size:8px}.provider-nodes{gap:6px}.provider-nodes span{padding:6px;font-size:9px}.visual-bottom{margin:0 -15px;padding-inline:15px}.visual-top{gap:5px}.mono{letter-spacing:.5px}.ports{gap:15px}.docs-sidebar{max-height:220px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
:root .doc-code .hljs-keyword,:root .doc-code .hljs-literal{color:#843e87;font-weight:600}
:root .doc-code .hljs-string{color:#216440}
:root .doc-code .hljs-comment{color:#62736c;font-style:italic}
:root .doc-code .hljs-title,:root .doc-code .hljs-built_in{color:#175d93}
:root .doc-code .hljs-number{color:#96551f}
/* 加大正文和代码字号；截图保留比例，原图链接使用放大指针，长代码仅在块内横向滚动。 */
.prose{font-size:15px;line-height:1.8}
.prose pre code{font-size:13px}
.prose table{font-size:13px}
.prose img{display:block;max-width:100%;height:auto;margin:18px auto}
.prose a:has(>img){display:block;cursor:zoom-in}
.docs-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.docs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.docs-card-grid{grid-template-columns:1fr}}