/* 官网仅使用系统字体，避免第三方字体请求。 */
:root{--ink:#163b37;--deep:#0b3937;--green:#bcecd5;--paper:#f5f4ec;--muted:#64756c;--line:#d8dfd4;--gutter:clamp(24px,5.3vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #50ae83;outline-offset:6px}::selection{background:#bcecd5;color:#0b3937}.skip{position:fixed;top:-80px;left:20px;padding:14px 20px;background:var(--paper);z-index:10}.skip:focus{top:12px}.header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 var(--gutter);color:var(--paper);z-index:2}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:650;letter-spacing:-1.2px}.brand img{border-radius:9px}.header nav{display:flex;align-items:center;gap:31px;font-size:13px}.header nav>a{opacity:.85;transition:opacity .2s}.header nav>a:hover{opacity:1}.github-nav span{padding-left:4px}.language{width:37px;height:32px;border:1px solid #7a9c8b66;border-radius:4px;background:none;color:inherit;cursor:pointer;font-size:11px;letter-spacing:.6px;transition:background .2s}.language:hover{background:#ffffff15}.hero{background:var(--deep);color:var(--paper);overflow:hidden;min-height:760px;min-height:min(900px,100svh)}.hero-inner{padding:126px var(--gutter) 25px;max-width:1600px;margin:auto}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.edition{font-size:11px;letter-spacing:.6px;color:#b4cec0}.wordmark{margin:12px 0 clamp(32px,3.4vw,54px);padding-bottom:.07em;font-weight:560;font-size:clamp(120px,18.4vw,290px);line-height:1.14;letter-spacing:-.075em}.brand-dot{color:var(--green)}.hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.hero-copy h2{margin:0;font-weight:450;font-size:clamp(26px,3.4vw,53px);line-height:1.4;letter-spacing:-1.3px}.hero-action{width:290px}.hero-action p{margin:0 0 22px;color:#bfcec2;font-size:13px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;min-height:49px;min-width:168px;gap:37px;padding:13px 18px;border-radius:3px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button.light{background:var(--green);color:var(--deep)}.button:hover{background:#d0f5e2;transform:translateY(-2px)}.button span:last-child{font-size:19px;font-weight:400;line-height:1}.voice-scene{display:flex;align-items:center;justify-content:center;gap:18px;height:100px;margin:18px 0 5px}.voice-line{height:1px;flex:1;background:linear-gradient(90deg,#bcecd500,#bcecd540)}.voice-line:last-child{transform:scaleX(-1)}.waveform{display:flex;align-items:center;gap:6px;height:100%;width:54%;max-width:650px;justify-content:center}.waveform i{display:block;flex:1;max-width:5px;height:var(--height);border-radius:10px;background:var(--green);opacity:var(--alpha);transform-origin:center;animation:voice 1.4s ease-in-out calc(var(--delay)*1ms) 4 alternate}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #91b8a433;padding-top:20px;color:#b4cec0;font-size:10px;letter-spacing:.6px}.hero-bottom>span{display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.hero-bottom>a{display:flex;gap:18px}.section{padding:110px var(--gutter);max-width:1600px;margin:auto}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:55px}.section-heading .eyebrow{margin-top:14px;color:var(--muted)}.section-heading h2{font-size:clamp(32px,4vw,62px);font-weight:450;line-height:1.45;letter-spacing:-1.8px;margin:0;width:66%}.demo{margin-left:34%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 20px}.demo-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.6px}.demo-text{min-height:132px;display:flex;align-items:center;font-size:clamp(22px,3.5vw,48px);line-height:1.45;letter-spacing:-1px;padding:28px 0;overflow-wrap:anywhere}.cursor{height:1em;width:2px;background:#4c997a;margin-left:5px;animation:blink 1.2s step-end 5}.demo-control{display:flex;align-items:center;justify-content:space-between;gap:18px}.demo-key{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}kbd{font-family:inherit;color:var(--ink);border:1px solid #cbd5c8;border-radius:4px;padding:6px 10px;box-shadow:0 2px 0 #dce2d6;font-size:11px;background:#fafbf5}.text-button{display:flex;align-items:center;gap:15px;border:0;padding:8px 0;background:none;color:var(--ink);font-size:11px;cursor:pointer}.text-button span:last-child{font-size:21px;transition:transform .3s}.text-button:hover span:last-child{transform:rotate(-45deg)}.text-button:disabled{opacity:.5;cursor:default}.flow-list{margin-top:70px}.flow-row{display:grid;grid-template-columns:8% 26% 1fr;gap:0;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.flow-no{color:var(--muted);font-size:11px;padding-top:6px}.flow-row h3{margin:0;font-size:18px;font-weight:500;line-height:1.6;letter-spacing:-.4px;padding-right:24px}.flow-row p{margin:0;font-size:13px;color:var(--muted);line-height:1.9;max-width:560px}.platform{background:#e0ebde}.platform-inner{max-width:1600px;padding:90px var(--gutter);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:13%}.platform .eyebrow{color:#5a7568}.platform h2{font-size:clamp(34px,4.2vw,62px);font-weight:450;line-height:1.45;letter-spacing:-1.5px;margin:28px 0 0}.platform-detail dl{margin:0}.platform-detail dl>div{display:flex;justify-content:space-between;gap:25px;padding:19px 0;border-bottom:1px solid #b5c9b4}.platform-detail dt{font-size:11px;color:#627b69}.platform-detail dd{margin:0;font-size:13px;text-align:right}.platform-detail dd span{color:#627b69;font-size:10px}.platform-detail p{margin:23px 0 0;font-size:12px;color:#627b69;line-height:1.9}.source{display:grid;grid-template-columns:1fr 1fr;gap:13%}.source .section-heading{display:block;margin:0}.source .section-heading h2{width:auto;margin-top:28px}.source-copy{padding-top:38px}.source-intro{margin:0;font-size:18px;line-height:1.9;letter-spacing:-.3px}.source-notice{display:flex;gap:14px;margin:35px 0 25px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.notice-mark{font-size:25px;line-height:1}.source-notice h3{margin:0 0 10px;font-weight:500;font-size:13px;line-height:1.8}.source-notice p{margin:0;color:var(--muted);font-size:12px;line-height:1.95}.source-links{display:flex;flex-direction:column}.source-links a{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:12px 0}.source-links a span:last-child{font-size:18px;transition:transform .2s}.source-links a:hover span:last-child{transform:translate(3px,-3px)}.closing{background:var(--deep);color:var(--paper)}.closing-inner{padding:60px var(--gutter) 40px;max-width:1600px;margin:auto}.closing p{font-size:14px;color:#b4cec0}.closing-inner>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.closing-brand{font-size:clamp(80px,14vw,190px);font-weight:500;letter-spacing:-.075em;line-height:1.1}.closing-brand>span{color:var(--green)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px var(--gutter);font-size:10px;color:var(--muted)}footer>span:nth-child(2){text-align:center}.entrance{animation:enter .8s both}.hero-top{animation-delay:.05s}.wordmark{animation-delay:.12s}.hero-copy{animation-delay:.22s}.voice-scene{animation-delay:.32s}.hero-bottom{animation-delay:.4s}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.js .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes voice{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes blink{0%,45%{opacity:1}46%,100%{opacity:0}}
/* 标题行高和底部留白覆盖字母下伸部，避免与副标题相碰。 */
/* 让首屏页脚自然靠下，避免高屏幕上出现大块无内容区域。 */
.hero-inner{display:flex;flex-direction:column;width:100%;min-height:inherit}.hero-bottom{margin-top:auto}.voice-scene{flex-shrink:0}
@media(min-width:1600px){.hero{min-height:880px}.voice-scene{margin-top:22px;height:110px}}@media(max-height:820px) and (min-width:900px){.hero-inner{padding-top:110px}.wordmark{font-size:min(16vw,180px);margin-bottom:28px;padding-bottom:.06em}.hero-copy h2{font-size:38px}.voice-scene{height:74px;margin:12px 0}.hero-bottom{padding-top:16px}.hero{min-height:730px}}
@media(max-width:760px){.header{height:75px}.header nav{gap:22px}.header nav>a:not(.github-nav){display:none}.brand{font-size:23px}.brand img{width:29px;height:29px}.hero{min-height:740px;min-height:100svh}.hero-inner{padding-top:106px;padding-bottom:22px}.hero-top{align-items:flex-start}.hero-top .eyebrow{font-size:8px;letter-spacing:1px;max-width:120px;line-height:1.6}.edition{font-size:9px;max-width:150px;text-align:right;line-height:1.6}.wordmark{font-size:30vw;margin:24px 0 30px;letter-spacing:-.08em}.hero-copy{display:block}.hero-copy h2{font-size:31px;letter-spacing:-1px}.hero-action{width:auto;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-action p{font-size:10px;margin:0;line-height:1.9}.button{min-width:125px;gap:17px;font-size:11px;min-height:46px;padding:12px}.voice-scene{height:80px;margin:26px 0 12px;gap:10px}.waveform{width:74%;gap:4px}.waveform i{max-width:4px}.hero-bottom{font-size:8px;letter-spacing:0;gap:20px;padding-top:18px}.hero-bottom>a{gap:8px;white-space:nowrap}.section{padding-top:72px;padding-bottom:72px}.section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{font-size:9px}.section-heading h2{width:auto;font-size:34px;margin-top:23px;letter-spacing:-1.2px}.demo{margin-left:0}.demo-text{font-size:27px;min-height:130px}.demo-meta{font-size:9px}.demo-control{gap:12px}.demo-key{font-size:8px;gap:8px}kbd{font-size:9px;padding:6px 8px}.text-button{font-size:9px;gap:8px}.flow-list{margin-top:45px}.flow-row{grid-template-columns:32px 1fr;padding:25px 0}.flow-row h3{font-size:17px}.flow-row p{grid-column:2;padding-top:11px;font-size:12px}.platform-inner{grid-template-columns:1fr;gap:38px;padding-top:65px;padding-bottom:65px}.platform h2{font-size:36px;margin-top:23px}.platform-detail dl>div{padding:16px 0}.platform-detail dd{font-size:12px}.platform-detail p{font-size:11px}.source{display:block}.source .section-heading h2{margin-top:23px}.source-copy{padding-top:32px}.source-intro{font-size:16px}.source-notice{margin-top:24px}.source-notice h3{font-size:12px}.source-notice p{font-size:11px}.closing-inner{padding-top:42px;padding-bottom:34px}.closing p{font-size:11px}.closing-brand{font-size:25vw}.closing .button{font-size:10px;min-width:136px}footer{flex-wrap:wrap;gap:15px;font-size:9px;padding-top:22px;padding-bottom:22px}footer>span:nth-child(2){order:3;text-align:left;width:100%}}
@media(max-width:375px){.hero-action{display:block}.hero-action .button{margin-top:19px;min-width:140px}.hero{min-height:790px}.hero-copy h2{font-size:29px}.demo-control{align-items:flex-start}.demo-key{align-items:flex-start;flex-direction:column;gap:6px}.closing-inner>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}