*{box-sizing:border-box}body{margin:0;background:#fff;color:#202020;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit}header{height:94px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.brand{font-size:29px;font-weight:700;letter-spacing:-1.7px;text-decoration:none}.back{font-size:13px;text-decoration:none;color:#888}button{color:inherit;font:inherit;cursor:pointer;border:0;background:none;min-width:44px;min-height:44px}main{max-width:1280px;margin:60px auto 90px;padding:0 5vw}.hero{max-width:820px;margin-bottom:48px}h1{font-size:clamp(44px,6vw,80px);font-weight:500;letter-spacing:-.05em;margin:0 0 24px;line-height:1.15}.intro{font-size:clamp(18px,2vw,25px);line-height:1.8;color:#777}.github{display:inline-block;margin-top:15px;text-underline-offset:5px;font-size:15px}video{display:block;width:100%;height:auto;border-radius:22px;background:#f5f5f5}.story,.features{border-top:1px solid #ddd;margin-top:70px;padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:45px}h2{font-size:25px;font-weight:500;margin:0}p{font-size:17px;line-height:1.95;margin:0 0 24px}h3{font-size:19px;font-weight:500;margin:0 0 9px}article{margin-bottom:32px}#reason p,#features p{color:#777}html[data-theme=dark] :is(.story,.features){border-color:#353535}html[data-theme=dark] :is(#reason p,#features p,.intro){color:#aaa}:focus-visible{outline:2px solid #888;outline-offset:5px}@media(max-width:700px){header{height:76px;padding:0 24px}main{margin-top:30px;padding:0 24px}h1{font-size:44px}.story,.features{grid-template-columns:1fr;gap:24px;margin-top:45px}p{font-size:16px}video{border-radius:14px}}

.demo{margin-top:45px}.demo .github{margin-top:25px}

main{max-width:1080px}.hero{max-width:760px;margin:0 auto 55px}.story,.features{display:block;max-width:760px;margin:0 auto;padding:36px 0 12px;gap:0}.features{padding-top:36px}#reason p,#features p{font-size:18px;line-height:1.95}.demo{margin-top:40px}.demo .github{display:block;width:max-content;margin:28px auto 0}.video-frame{position:relative;overflow:hidden;border-radius:24px;border:1px solid #8883;background:#fafafa}.video-frame video{border-radius:0}.play-toggle{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:0;opacity:0;transition:opacity .2s;background:transparent;cursor:pointer}.play-toggle span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#d5d5d5dd;color:#171717;font-size:25px;backdrop-filter:blur(8px)}.video-frame.paused .play-toggle,.video-frame:hover .play-toggle,.play-toggle:focus-visible{opacity:1}.play-toggle:focus-visible{outline-offset:-5px}html[data-theme=dark] .video-frame{background:#222}@media(max-width:700px){.story,.features{padding-top:28px}#reason p,#features p{font-size:16px}.play-toggle span{width:50px;height:50px;font-size:20px}}@media(prefers-reduced-motion:reduce){.play-toggle{transition:none}}