:root{--blue:#176ac5;--ink:#30343b;--muted:#6b7078;--line:#e6e8ec;scroll-padding-top:100px;color-scheme:light;font:15px/1.85 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4b9fff;outline-offset:4px}header{position:sticky;top:0;height:68px;border-bottom:1px solid var(--line);background:#fffffff5;z-index:10}header .inner{max-width:1344px;height:100%;margin:auto;display:flex;align-items:center;gap:40px;padding:0 24px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:700;font-size:24px;white-space:nowrap}.brand img{width:32px;height:32px}.brand small{font-size:14px;font-weight:400;color:var(--muted);margin-left:16px}header nav{display:flex;gap:30px;margin-left:100px;font-size:14px}header nav a{color:var(--muted)}header .repo{margin-left:auto;font-size:14px;color:var(--ink)}.menu{display:none}.layout{max-width:1344px;display:grid;grid-template-columns:190px minmax(0,822px) 160px;gap:54px;margin:auto;padding:44px 24px 65px}.sidebar,.toc{position:sticky;top:110px;align-self:start;font-size:14px}.sidebar strong,.toc strong{display:block;margin:0 0 20px}.sidebar a{display:block;padding:9px 14px;color:var(--ink);margin-bottom:4px}.sidebar a.active{background:#eef5ff;color:var(--blue);font-weight:600;border-radius:4px}.sidebar p{border-top:1px solid var(--line);margin-top:28px;padding:18px 14px;font-size:12px;color:var(--muted)}.toc a{display:block;border-left:2px solid var(--line);padding:5px 0 5px 16px;font-size:13px;color:var(--muted)}.toc a.active{color:var(--blue);border-color:var(--blue)}main{min-width:0}.intro{text-align:center;padding:10px 0 12px}.intro>img{width:96px;height:96px}.intro h1{font-size:42px;line-height:1.3;margin:16px 0 26px}.intro h2{font-size:22px;font-weight:500;margin:0 0 15px}.intro>p{color:var(--muted);margin:0}.actions{display:flex;gap:16px;justify-content:center;margin:30px 0 22px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 25px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:white;font-size:15px;font-weight:600}.button:hover{background:#105aa9;text-decoration:none}.button.secondary{color:var(--blue);border-color:var(--line);background:white}.button.secondary:hover{background:#f4f8ff}.intro .meta{font-size:12px;color:var(--muted)}section{scroll-margin-top:25px;margin-top:52px}section h2{font-size:26px;line-height:1.5;margin:0 0 26px}section p{margin:14px 0}.features{padding-left:22px;margin:0}.features li{padding-left:3px;margin:0 0 21px}.features strong{font-size:15px}.features li p{color:var(--muted);margin:4px 0 0}.claude-box{background:#f3f8fe;border-left:3px solid var(--blue);border-radius:3px;padding:18px 22px;display:grid;grid-template-columns:145px 1fr;gap:15px}.claude-box p{margin:0}.subtle{color:var(--muted);font-size:13px}.shots{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:18px 0 28px}.shots figure{margin:0;min-width:0;text-align:center}.shots figcaption{font-weight:600;margin-bottom:28px}.image-button{border:0;padding:0;background:transparent;display:flex;justify-content:center;align-items:center;width:100%;height:300px}.image-button img{max-width:100%;max-height:300px;width:auto;height:auto}.download-links{display:flex;gap:28px;flex-wrap:wrap}.download-links a:first-child{font-weight:600}footer{background:#f6f6f7;color:var(--muted);font-size:11px;padding:15px max(24px,calc((100% - 1296px)/2))}dialog{border:1px solid var(--line);border-radius:10px;padding:0;width:min(1100px,94vw);height:min(850px,90dvh);max-height:90dvh;background:#fff}dialog::backdrop{background:#182b46a6}.lightbox-head{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line)}.lightbox-head button{border:1px solid var(--line);border-radius:5px;background:#fff;padding:4px 12px}.lightbox-body{height:calc(100% - 56px);overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:16px}.lightbox-body img{max-width:100%;height:auto}.skip{position:fixed;top:-100px;left:16px;z-index:30;background:white;padding:10px}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:1100px){.layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.toc{display:none}header nav{margin-left:40px}.intro h2{font-size:21px}.claude-box{grid-template-columns:130px 1fr}}@media(max-width:760px){header{height:66px}header .inner{gap:18px;padding:0 22px}.brand{font-size:22px}.brand small,header nav{display:none}.brand img{width:28px;height:28px}.menu{display:block;border:0;background:transparent;color:var(--ink);font-size:22px;padding:3px 0}.layout{display:block;padding:28px 24px 60px}.sidebar{position:fixed;top:66px;left:0;bottom:0;max-width:85vw;width:290px;z-index:15;background:white;padding:28px 22px;overflow:auto;border-right:1px solid var(--line);box-shadow:15px 0 35px #182b461c;display:none}.sidebar.open{display:block}.intro{padding-top:26px}.intro>img{width:76px;height:76px}.intro h1{font-size:37px;margin-bottom:25px}.intro h2{font-size:20px;max-width:250px;margin:0 auto 18px;text-wrap:balance}.intro>p{font-size:13px}.actions{gap:12px;margin-top:30px}.button{padding:10px 13px;font-size:13px;flex:1}.intro .meta{font-size:12px}section{margin-top:48px}section h2{font-size:25px}.features li p{font-size:14px}.claude-box{display:block;padding:16px 18px}.claude-box strong{display:block;margin-bottom:9px}.claude-box p{font-size:13px;margin-bottom:22px}.claude-box p:last-child{margin-bottom:0}.shots{grid-template-columns:1fr;gap:28px}.shots figure+figure{border-top:1px solid var(--line);padding-top:26px}.shots figcaption{margin-bottom:20px}.image-button{height:300px}.shots figure:last-child .image-button{height:auto}.shots figure:last-child img{width:100%}.download-links{gap:16px;flex-direction:column}.lightbox-body{align-items:flex-start}.lightbox-head{font-size:14px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}