:root{--brand: #0ea5e9;--brand-2: #22d3ee;--ink: #0f172a;--text: #334155;--muted: #64748b;--line: #e2e8f0;--bg-alt: #f6f9fc;--navy: #0b1424;--navy-2: #111d33;--header-h: 64px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--text);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}h1,h2,h3,h4{color:var(--ink);margin:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container.narrow{max-width:860px}.muted{color:var(--muted)}.small{font-size:13px}.site-main{min-height:calc(100vh - var(--header-h));padding-top:var(--header-h)}.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:100;background:#ffffffeb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);transition:background .2s,border-color .2s}.site-header.dark{background:transparent;border-color:transparent}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--ink);letter-spacing:.2px}.brand img{border-radius:7px}.site-header.dark .brand{color:#fff}.header-nav{display:flex;gap:4px;flex:1}.nav-link{color:var(--text);padding:8px 12px;border-radius:6px;font-size:15px}.nav-link:hover{color:var(--brand)}.nav-link.active{color:var(--brand);font-weight:600}.site-header.dark .nav-link{color:#ffffffd1}.site-header.dark .nav-link:hover,.site-header.dark .nav-link.active{color:#fff}.header-actions{display:flex;align-items:center;gap:4px}.site-header.dark .header-actions .ant-btn{color:#ffffffe0}.menu-btn{display:none!important}.drawer-nav{display:flex;flex-direction:column}.drawer-link{padding:12px 8px;color:var(--text);border-bottom:1px solid var(--line)}.drawer-link.active{color:var(--brand);font-weight:600}.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 75% -10%,#12345a 0%,var(--navy) 55%),var(--navy);color:#cbd5e1;margin-top:calc(-1 * var(--header-h));padding:calc(var(--header-h) + 72px) 0 56px}.hero-glow{position:absolute;width:640px;height:640px;right:-160px;top:-120px;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 60%);filter:blur(10px);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.eyebrow{display:inline-block;color:var(--brand-2);font-weight:600;font-size:14px;letter-spacing:1px;padding:4px 12px;border:1px solid rgba(34,211,238,.35);border-radius:999px;margin-bottom:20px}.hero h1 .line{display:block}.hero h1{color:#fff;font-size:48px;line-height:1.15;font-weight:800;letter-spacing:-.5px}.hero-sub{font-size:17px;line-height:1.75;margin:20px 0 32px;color:#b6c2d4}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-actions.center{justify-content:center}.hero .ant-btn-background-ghost,.cta .ant-btn-background-ghost{color:#fff;border-color:#ffffff73}.hero-gh.ant-btn{color:#cbd5e1!important}.protocols{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.chip{font-size:12.5px;color:#cfe8f6;background:#94c5ff14;border:1px solid rgba(148,197,255,.18);padding:3px 10px;border-radius:999px}.hero-terminal{background:#0a1220;border:1px solid rgba(148,197,255,.18);border-radius:12px;box-shadow:0 30px 80px #00000073,0 0 0 1px #22d3ee0f;overflow:hidden}.term-body{padding:18px 20px 22px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.9;color:#dbe7f3;overflow-x:auto;white-space:nowrap}.term-body .p{color:#34d399}.term-body .info{color:var(--brand-2)}.term-body .deny{color:#f87171}.cursor{display:inline-block;width:8px;height:16px;background:#dbe7f3;vertical-align:-3px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.highlights{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px}.highlight{border:1px solid rgba(148,197,255,.14);background:#ffffff08;border-radius:12px;padding:18px 20px}.hv{color:#fff;font-size:26px;font-weight:700}.hl{color:#94a3b8;font-size:14px;margin-top:4px}.section{padding:88px 0}.section-alt{background:var(--bg-alt)}.section-dark{background:var(--navy);color:#cbd5e1}.section-dark h2{color:#fff}.video-frame{max-width:1080px;margin:0 auto;border-radius:14px;overflow:hidden;border:1px solid rgba(148,197,255,.2);box-shadow:0 30px 80px #00000073;background:#000}.video-frame video{display:block;width:100%;aspect-ratio:16 / 9}.video-download{text-align:center;margin:18px 0 0;font-size:14.5px}.video-download a{color:var(--brand-2)}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2,.two-col h2{font-size:34px;font-weight:750;letter-spacing:-.3px}.section-head p{font-size:16.5px;line-height:1.7;color:var(--muted);margin:14px 0 0}.section-dark .section-head p{color:#94a3b8}.lead{font-size:16px;line-height:1.8;color:var(--muted);margin:16px 0 24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar{border:1px solid var(--line);border-radius:14px;padding:28px;background:#fff;transition:box-shadow .2s,transform .2s,border-color .2s}.pillar:hover{box-shadow:0 16px 40px #0f172a14;transform:translateY(-2px);border-color:#cfe9f8}.pillar-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:22px;color:var(--brand);background:linear-gradient(135deg,#e0f4fd,#ecfeff);margin-bottom:18px}.pillar h3{font-size:19px}.pillar-desc{color:var(--muted);line-height:1.7;margin:8px 0 16px}.pillar ul,.plain-card ul,.edition ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.pillar li,.plain-card li,.edition li{display:flex;gap:10px;line-height:1.6;font-size:14.5px}.pillar li .anticon,.plain-card li .anticon,.edition li .anticon{color:var(--brand);margin-top:4px;flex:none}.screen-tabs{display:flex;justify-content:center;margin-bottom:14px;overflow-x:auto}.screen-desc{text-align:center;color:var(--muted);margin:0 0 24px;min-height:24px}.browser-frame{border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px #0f172a24;background:#fff;max-width:1100px;margin:0 auto}.browser-frame img{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:top;background:#f1f5f9}.code-block{background:#0b1220;border-radius:12px;overflow:hidden;border:1px solid #1e293b;box-shadow:0 20px 50px #0f172a2e}.code-head{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#111a2c;border-bottom:1px solid #1e293b}.code-head.light{background:#f1f5f9;border-color:var(--line)}.code-head .url{flex:1;text-align:center;font-size:12.5px;color:var(--muted);background:#fff;border-radius:6px;padding:3px 0;margin-right:52px}.dots{display:flex;gap:6px}.dots i{width:11px;height:11px;border-radius:50%;background:#ef4444;display:block}.dots i:nth-child(2){background:#f59e0b}.dots i:nth-child(3){background:#22c55e}.code-title{flex:1;color:#94a3b8;font-size:12.5px}.code-head button{background:transparent;border:1px solid #334155;color:#cbd5e1;border-radius:6px;font-size:12px;padding:3px 10px;cursor:pointer}.code-head button:hover{border-color:var(--brand);color:#fff}.code-block pre{margin:0;padding:18px 20px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.85;color:#e2e8f0;overflow-x:auto}.code-block pre .cm{color:#64748b}.client-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.client-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14.5px}.client-row:last-child{border-bottom:0}.client-proto{font-weight:600;color:var(--ink)}.helper-card{display:flex;gap:14px;margin-top:20px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #cdeefc}.helper-card>.anticon{color:var(--brand);font-size:22px;margin-top:2px}.helper-card b{color:var(--ink)}.helper-card p{margin:4px 0 0;color:var(--muted);line-height:1.7;font-size:14px}.arch{display:grid;grid-template-columns:1fr auto 2fr auto 1fr auto 1fr;gap:16px;align-items:center}.arch-col{display:flex;flex-direction:column;gap:10px}.arch-title{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;margin-bottom:4px}.arch-title img{border-radius:5px}.arch-box{border:1px solid rgba(148,197,255,.2);background:#ffffff0a;border-radius:8px;padding:10px 12px;font-size:13.5px;color:#dbe7f3;text-align:center}.arch-box.dashed{border-style:dashed}.arch-core{border:1px solid rgba(34,211,238,.4);border-radius:14px;padding:16px;background:#0ea5e912}.arch-core-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arch-arrow{color:var(--brand-2);font-size:22px}.steps{list-style:none;padding:0;margin:28px 0;display:flex;flex-direction:column;gap:20px}.steps li{display:flex;gap:16px}.step-no{flex:none;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}.steps b{color:var(--ink);font-size:16px}.steps p{margin:4px 0 0;color:var(--muted);line-height:1.7}.card-grid{display:grid;gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.four{grid-template-columns:repeat(4,1fr)}.plain-card{border:1px solid var(--line);border-radius:14px;padding:26px;background:#fff}.plain-card h3{font-size:18px;margin-bottom:16px;display:flex;gap:8px;align-items:center}.ports{text-align:center;color:var(--muted);font-size:13.5px;margin:28px 0 0}.sec-card{padding:8px 4px}.sec-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#0f172a;color:var(--brand-2);font-size:19px;margin-bottom:14px}.sec-card h3{font-size:17px}.sec-card p{color:var(--muted);line-height:1.75;margin:8px 0 0;font-size:14.5px}.section-alt .ant-collapse{background:#fff}.ant-collapse p{margin:0;line-height:1.8}.cta{text-align:center;padding:88px 0;background:linear-gradient(135deg,#0b1424,#0c2a44)}.cta h2{color:#fff;font-size:34px}.cta p{color:#94a3b8;font-size:16.5px;margin:14px 0 28px}.site-footer{background:#070d18;color:#94a3b8;padding:56px 0 24px;font-size:14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:32px}.footer-grid h4{color:#e2e8f0;font-size:14px;margin-bottom:14px}.footer-grid a,.footer-grid span{display:block;color:#94a3b8;margin-bottom:10px}.footer-grid a:hover,.footer-grid .footer-brand{color:#fff}.footer-grid .footer-brand span{display:inline;color:#fff;margin:0}.footer-tagline{margin:14px 0 0;line-height:1.7;max-width:320px}.footer-bottom{border-top:1px solid #1e293b;margin-top:32px;padding-top:20px;font-size:13px}.page{padding-top:56px;padding-bottom:88px}.page-head{text-align:center;max-width:760px;margin:0 auto 40px}.page-head h1{font-size:38px;font-weight:750}.page-head p{color:var(--muted);font-size:16.5px;line-height:1.7;margin:14px 0 0}.note{color:var(--muted);font-size:13px;line-height:1.7;margin-top:20px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.compare-table{width:100%;border-collapse:collapse;min-width:760px;font-size:14.5px}.compare-table th,.compare-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:center}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table thead th{background:#f8fafc;color:var(--ink);font-weight:650;position:sticky;top:0}.compare-table th.ours{color:var(--brand)}.compare-table td.ours{background:#0ea5e90a}.compare-table .group-row td{background:#f1f5f9;font-weight:650;color:var(--ink);text-align:left;font-size:13.5px}.compare-table tr:last-child td{border-bottom:0}.yes{color:#10b981;font-size:17px}.no{color:#cbd5e1}.partial{color:var(--muted);font-size:13px}.edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:24px;justify-content:center}.edition{border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:6px;background:#fff}.edition.recommended{border:2px solid var(--brand);box-shadow:0 20px 50px #0ea5e91f}.edition-head{display:flex;align-items:center;gap:10px}.edition h2{font-size:24px}.edition-price{font-size:28px;font-weight:750;color:var(--ink);margin:8px 0 0}.edition ul{margin:16px 0 28px;flex:1}.community-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start;max-width:1000px;margin:0 auto}.qr-card{text-align:center}.qr-card h3{justify-content:center}.qr{width:100%;max-width:300px;border-radius:10px;border:1px solid var(--line);margin:8px 0}.contact-list{display:flex;flex-direction:column;gap:16px}.contact{display:flex;gap:16px;padding:20px 24px}.contact b{color:var(--ink);display:block;margin-bottom:4px}.contact p{margin:4px 0 12px}.contact-icon{font-size:26px;color:var(--brand);margin-top:2px}.contact-icon.wechat{color:#07c160}.contact-value{margin:0!important;font-size:16px}.docs{display:grid;grid-template-columns:240px minmax(0,1fr) 220px;gap:40px;padding-top:32px;padding-bottom:80px;max-width:1360px}.docs-side,.docs-toc{position:sticky;top:calc(var(--header-h) + 24px);align-self:start;max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto}.docs-group{margin-top:24px}.docs-group-title{font-size:12.5px;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.docs-link{display:block;padding:7px 12px;border-radius:6px;color:var(--text);font-size:14.5px}.docs-link:hover{background:#f1f5f9}.docs-link.active{background:#e0f2fe;color:#0369a1;font-weight:600}.docs-results{margin-top:12px;display:flex;flex-direction:column;gap:4px}.docs-result{display:block;padding:8px 10px;border-radius:6px;color:var(--text)}.docs-result:hover{background:#f1f5f9}.docs-result b{color:var(--ink);margin-right:8px}.docs-result p{margin:2px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.docs-toc a{display:block;padding:4px 0 4px 12px;font-size:13.5px;color:var(--muted);border-left:2px solid var(--line)}.docs-toc a:hover{color:var(--brand);border-color:var(--brand)}.docs-mobile-select{display:none!important;width:100%;margin-bottom:16px}.edit-link{display:inline-flex;gap:6px;align-items:center;margin-top:48px;font-size:14px}.markdown{font-size:15.5px;line-height:1.85;color:var(--text)}.markdown h1{font-size:34px;margin-bottom:20px}.markdown h2{font-size:24px;margin:48px 0 16px;border-top:1px solid var(--line);padding-top:32px}.markdown h1+p+h2,.markdown h1+h2{border-top:0}.markdown h3{font-size:18.5px;margin:32px 0 12px}.markdown h4{font-size:16px;margin:24px 0 8px}.markdown p{margin:12px 0}.markdown ul,.markdown ol{padding-left:24px}.markdown li{margin:6px 0}.markdown img{max-width:100%;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0f172a14;margin:12px 0;display:block}.markdown code{font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:#f1f5f9;color:#0f172a;padding:2px 6px;border-radius:4px}.markdown pre{position:relative;background:#0b1220;color:#e2e8f0;padding:18px 20px;border-radius:10px;overflow-x:auto;line-height:1.7}.markdown pre code{background:none;color:inherit;padding:0;font-size:13.5px}.markdown .copy-btn{position:absolute;top:8px;right:8px;background:#1e293b;border:1px solid #334155;color:#cbd5e1;border-radius:6px;font-size:12px;padding:2px 10px;cursor:pointer;opacity:0;transition:opacity .15s}.markdown pre:hover .copy-btn{opacity:1}.markdown table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}.markdown th{background:#f8fafc;color:var(--ink);white-space:nowrap}.markdown blockquote{margin:16px 0;padding:10px 16px;background:#f0f9ff;border-left:4px solid var(--brand);border-radius:0 8px 8px 0;color:var(--text)}.markdown blockquote p{margin:4px 0}.markdown strong{color:var(--ink)}.console-path{font-weight:600;color:var(--ink);background:#f1f5f9;border-radius:4px;padding:1px 6px;border-bottom:1px dashed #94a3b8;cursor:help}@media(max-width:1200px){.docs{grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:992px){.header-nav,.gh-btn{display:none!important}.menu-btn{display:inline-flex!important}.header-inner{justify-content:space-between}.hero-inner,.two-col{grid-template-columns:1fr;gap:40px}.hero h1{font-size:38px}.pillar-grid,.card-grid.three,.card-grid.four,.highlights{grid-template-columns:repeat(2,1fr)}.arch{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg);justify-self:center}.footer-grid{grid-template-columns:1fr 1fr}.docs{grid-template-columns:minmax(0,1fr)}.docs-side{display:none}.docs-mobile-select{display:block!important}.community-grid,.edition-grid{grid-template-columns:1fr}}@media(max-width:600px){.pillar-grid,.card-grid.three,.card-grid.four{grid-template-columns:1fr}.hero h1{font-size:31px}.section{padding:64px 0}.section-head h2,.two-col h2,.cta h2{font-size:27px}.client-row{grid-template-columns:1fr;gap:2px}.term-body,.code-block pre{font-size:11.5px;padding:14px}}