:root{--paper:#fcfaf8;--ink:#26251e;--muted:#77736b;--line:#dcd8d1;--cyan:#a8f4ef;--dark:#0d0e10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,a{font:inherit}.section-wrap{width:min(1216px,calc(100% - 48px));margin:auto}.site-header{position:absolute;z-index:20;top:0;width:100%;height:64px;border-bottom:1px solid #26251e18;background:#fcfaf8dc;backdrop-filter:blur(18px)}.header-inner{width:min(1216px,calc(100% - 48px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#fff;background:var(--ink);font-family:Georgia,serif;font-size:15px}.brand strong{font-size:14px;letter-spacing:-.02em}.nav{display:flex;gap:28px}.nav a,.header-actions a{color:#5c5952;text-decoration:none;font-size:12px;font-weight:700}.nav a:hover,.header-actions a:hover{color:#000}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.header-actions .header-cta{padding:9px 15px;border-radius:99px;color:#fff;background:var(--ink)}.menu-button{display:none;border:0;background:transparent;font-size:12px;font-weight:700}.hero{--pointer-x:0;--pointer-y:0;position:relative;min-height:760px;overflow:hidden;padding-top:64px;background:var(--paper);border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#26251e0f 1px,transparent 1px),linear-gradient(90deg,#26251e0f 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 94%)}.hero-glow{position:absolute;width:680px;height:500px;left:50%;top:80px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#a8f4ef2e,transparent 68%);filter:blur(20px)}.hero-inner{position:relative;z-index:1;width:min(980px,calc(100% - 32px));margin:auto;padding:66px 0 0;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--line);border-radius:99px;background:#ffffffb5;font-size:11px;font-weight:800;letter-spacing:.13em}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#19a974;box-shadow:0 0 0 4px #19a97420}h1{margin:25px 0 0;font-size:clamp(48px,6.6vw,82px);line-height:1.02;letter-spacing:-.06em;font-weight:520}h1 em{position:relative;font-style:normal}h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:8px;border-radius:50%;background:var(--cyan);transform:rotate(-1deg)}.hero-copy{max-width:660px;margin:29px auto 0;color:var(--muted);font-size:16px;line-height:1.75}.endpoint-card{width:min(650px,100%);margin-top:30px;padding:7px;border:1px solid var(--line);border-radius:18px;background:#fffffff0;box-shadow:0 16px 45px #26251e12}.protocol-tabs{display:flex;gap:5px;margin-bottom:7px}.protocol-tabs button{border:0;padding:8px 13px;border-radius:9px;color:#77736b;background:transparent;cursor:pointer;font-size:12px;font-weight:750}.protocol-tabs button.active{color:#fff;background:var(--ink)}.command-line{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px 10px 18px;border-radius:12px;color:#eafffd;background:#141619;text-align:left;font-family:Consolas,monospace}.command-line>span{color:#74e6dd;font-weight:900}.command-line code{flex:1;overflow:auto;font-size:13px;white-space:nowrap}.command-line code i{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:-2px;background:#74e6dd;animation:blink 1s step-end infinite}.command-line button{border:1px solid #ffffff25;border-radius:8px;padding:7px 10px;color:#fff;background:#ffffff10;cursor:pointer;font-size:11px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}.button{display:inline-flex;min-width:135px;height:42px;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid #9b9993;border-radius:99px;color:var(--ink);background:#fcfaf8cc;text-decoration:none;font-size:12px;font-weight:760;transition:.2s ease}.button:hover{transform:translateY(-2px);background:#fff}.button.primary{border-color:var(--ink);color:#fff;background:var(--ink)}.service-line{display:flex;align-items:center;gap:9px;margin-top:25px;color:#656159;font-size:12px}.service-line i{width:8px;height:8px;border-radius:50%;background:#1db47e;box-shadow:0 0 0 4px #1db47e1f}.hero-console{position:relative;width:min(720px,86%);height:245px;margin-top:36px;overflow:hidden;border:1px solid #bcb8b1;border-radius:17px 17px 0 0;background:#f7f5f1;box-shadow:0 28px 80px #26251e20;transform:perspective(900px) rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 3deg)) translate(calc(var(--pointer-x) * 5px),calc(var(--pointer-y) * 3px));transition:transform .12s linear}.console-bar{height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #d8d4ce;background:#fff}.console-bar span{width:8px;height:8px;border-radius:50%;background:#c8c4bd}.console-bar span:nth-child(1){background:#ff8c7b}.console-bar span:nth-child(2){background:#e8c75f}.console-bar span:nth-child(3){background:#65c990}.console-bar b{margin-left:12px;color:#89857e;font-family:Consolas,monospace;font-size:10px;font-weight:500}.console-body{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 38px)}.console-sidebar{padding:25px 18px;border-right:1px solid #d8d4ce;background:#f0ede8}.console-sidebar i{display:block;height:8px;margin-bottom:18px;border-radius:5px;background:#cbc7c0}.console-main{padding:24px 30px}.route-head{display:flex;justify-content:space-between;margin-bottom:12px}.route-head small{font-family:Consolas,monospace;font-size:10px;letter-spacing:.12em}.route-head em{padding:4px 7px;border-radius:99px;color:#0d6c51;background:#a8f4ef;font-size:9px;font-style:normal;font-weight:900}.route-line{display:grid;grid-template-columns:1fr 1fr 14px;align-items:center;padding:12px 4px;border-bottom:1px solid #dedbd5;text-align:left;font-size:11px}.route-line span{color:#858078}.route-line i{width:7px;height:7px;border-radius:50%;background:#20aa78}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#fff}.metric{min-height:155px;padding:32px 22px;text-align:center;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:clamp(28px,4vw,42px);font-weight:580;letter-spacing:-.05em}.metric b{display:block;margin-top:7px;font-size:12px}.metric small{display:block;margin-top:6px;color:#99948c;font-size:10px}.provider-section{position:relative;padding:50px 0 54px;overflow:hidden;border-bottom:1px solid var(--line);text-align:center}.provider-section>p{margin:0 0 25px;color:#89857d;font-size:11px;font-weight:800;letter-spacing:.1em}.marquee-shell{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.provider-track{display:flex;width:max-content;gap:12px;animation:marquee 35s linear infinite}.provider-track.paused{animation-play-state:paused}.provider-pill{display:flex;align-items:center;gap:9px;padding:9px 15px;border:1px solid #e0ddd7;border-radius:99px;background:#faf9f7;color:#4d4943;font-size:12px;font-weight:750}.provider-pill i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#fff;background:#25241f;font-size:9px;font-style:normal}.pause-button{margin-top:20px;border:0;color:#918d86;background:transparent;cursor:pointer;font-size:10px;text-decoration:underline}.reliability{padding:105px 0}.section-intro{max-width:730px;margin:0 auto 55px;text-align:center}.section-intro>span,.core-intro>span{color:#77736b;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.section-intro h2,.core-intro h2{margin:14px 0 17px;font-size:clamp(36px,5vw,57px);font-weight:530;line-height:1.08;letter-spacing:-.05em}.section-intro p,.core-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:310px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-top{display:flex;justify-content:space-between;margin-bottom:70px}.feature-top span{display:grid;width:40px;height:40px;place-items:center;border:1px solid #bcb8b1;border-radius:50%;font-family:Consolas,monospace;font-size:11px}.feature-top i{font-size:27px;font-style:normal}.feature-card h3{margin:0 0 13px;font-size:20px}.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.core-section{padding:105px 0;background:var(--dark);color:#fff}.core-layout{display:grid;grid-template-columns:330px 1fr;gap:70px}.core-intro>span{color:#78ddd5}.core-intro h2{font-size:46px}.core-intro p{color:#9b9ea2}.core-intro b{display:flex;align-items:center;gap:12px;margin-top:55px;color:#fff;font-family:Consolas,monospace;font-size:12px}.core-intro b i{display:inline-block;width:85px;height:1px;background:#44474c}.core-explorer{display:grid;grid-template-columns:220px 1fr;min-height:530px;overflow:hidden;border:1px solid #303238;border-radius:20px;background:#15171a}.core-tabs{border-right:1px solid #303238}.core-tabs button{width:100%;min-height:92px;padding:20px;border:0;border-bottom:1px solid #303238;display:flex;align-items:center;gap:15px;color:#94979c;background:transparent;cursor:pointer;text-align:left}.core-tabs button.active{color:#0d0e10;background:var(--cyan)}.core-tabs small{font-family:Consolas,monospace}.core-tabs span{font-weight:750}.core-stage{padding:42px;animation:rise .35s ease}.core-stage>small{color:#75dcd4;font-family:Consolas,monospace}.core-stage>h3{margin:13px 0 10px;font-size:33px}.core-stage>p{margin:0;color:#a8aaad;font-size:13px;line-height:1.7}.preview-card{margin-top:34px;overflow:hidden;border:1px solid #34363b;border-radius:14px}.preview-head,.preview-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:15px 18px;border-bottom:1px solid #303238;font-size:11px}.preview-head{display:flex;justify-content:space-between;background:#1b1d21}.preview-head em{padding:4px 7px;border-radius:99px;color:#0d0e10;background:#75dcd4;font-size:8px;font-style:normal;font-weight:900}.preview-row:last-child{border-bottom:0}.preview-row span{color:#92959b}.preview-row i{color:#76ded6;font-size:8px}.small-features{display:grid;grid-template-columns:repeat(4,1fr);padding:95px 0}.small-features article{min-height:160px;padding:24px;border-left:1px solid var(--line)}.small-features article:last-child{border-right:1px solid var(--line)}.small-features span{color:#9a968f;font-family:Consolas,monospace;font-size:10px}.small-features h3{margin:40px 0 9px;font-size:16px}.small-features p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.workflow{padding:100px 0 120px;background:var(--paper);border-top:1px solid var(--line)}.section-intro.centered{margin-bottom:50px}.workflow-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-grid::before{content:"";position:absolute;top:66px;left:16%;right:16%;height:1px;background:#c7c3bc}.workflow-step{position:relative;z-index:1;min-height:250px;padding:28px;border:1px solid var(--line);border-radius:16px;background:#ffffffc9}.workflow-step>div{display:flex;justify-content:space-between;align-items:center}.workflow-step>div span{font-family:Consolas,monospace;font-size:11px}.workflow-step>div i{display:grid;width:46px;height:46px;place-items:center;border:1px solid #bdb9b2;border-radius:50%;background:var(--paper);font-size:17px;font-style:normal}.workflow-step h3{margin:82px 0 10px;font-size:20px}.workflow-step p{margin:0;color:var(--muted);font-size:12px}.footer-inner{width:min(1216px,calc(100% - 48px));margin:auto;padding:48px 0 28px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:start}.footer-inner strong{font-size:18px}.footer-inner p{margin:7px 0;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:22px}.footer-links a{color:#5f5b54;text-decoration:none;font-size:11px}.footer-inner small{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);color:#9a968f;font-size:10px}@keyframes blink{50%{opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.header-inner{grid-template-columns:1fr auto}.menu-button{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:20px 24px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line);background:var(--paper)}.nav.open{display:flex}.header-actions{display:none}.hero{min-height:730px}.core-layout{grid-template-columns:1fr}.core-intro{max-width:600px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-top{margin-bottom:35px}.small-features{grid-template-columns:repeat(2,1fr)}.workflow-grid::before{display:none}}
@media(max-width:620px){.section-wrap,.header-inner,.footer-inner{width:calc(100% - 28px)}.hero-inner{padding-top:55px}.hero{min-height:720px}h1{font-size:44px}.hero-copy{font-size:14px}.hero-actions{width:100%}.button{width:100%}.command-line code{font-size:10px}.hero-console{width:100%;height:210px}.console-main{padding:20px 15px}.console-body{grid-template-columns:60px 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.provider-section{padding:42px 0}.reliability,.core-section,.workflow{padding:72px 0}.section-intro{margin-bottom:38px}.section-intro h2,.core-intro h2{font-size:36px}.core-explorer{grid-template-columns:1fr}.core-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-right:0}.core-tabs button{min-height:70px}.core-stage{padding:28px 18px}.preview-row{grid-template-columns:1fr}.preview-row i{display:none}.small-features{grid-template-columns:1fr;padding:60px 0}.small-features article,.small-features article:last-child{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.small-features h3{margin-top:25px}.workflow-grid{grid-template-columns:1fr}.workflow-step{min-height:210px}.workflow-step h3{margin-top:55px}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-console{transition:none}}

/* New API 会通过 iframe 加载自定义首页。嵌入时以宿主项目导航为主，避免双导航。 */
html.embedded .site-header{display:none}
html.embedded .hero{padding-top:0}
html.embedded .hero-inner{padding-top:66px}
html.embedded body{overflow-x:hidden}