:root{color-scheme:light;--ink:#172b43;--muted:#5a6b7e;--line:#dce4ee;--paper:#f5f8fc;--blue:#245bca;--navy:#203e63;font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3879f5;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}.site-header{height:88px;max-width:1328px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:22px;font-weight:700;letter-spacing:-.5px;display:flex;gap:12px;align-items:center}.brand-mark{background:var(--navy);color:#fff;font-size:22px;height:35px;width:35px;display:grid;place-items:center;border-radius:10px 3px 10px 3px}nav{display:flex;gap:30px;font-size:14px}.platform{color:var(--muted);font-size:13px}main{max-width:1248px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding:72px 0 85px}.intro{color:var(--blue);font-size:14px;font-weight:600;margin:0 0 16px}h1{font-size:clamp(46px,5vw,72px);font-weight:650;letter-spacing:-3px;line-height:1.16;margin:0 0 30px}h2{font-weight:650;font-size:32px;line-height:1.35;letter-spacing:-1px;margin:0 0 20px}.lead{font-size:18px;line-height:1.9;color:var(--muted);margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:0;border-radius:6px;padding:12px 22px;font-weight:600;font-size:14px;text-decoration:none!important}.primary:hover{background:#194ba9}.quiet{color:var(--muted);font-size:13px}.hero-copy>.quiet{margin-top:20px}.tool-shelf{background:#eaf0f8;overflow:hidden;border-radius:12px;box-shadow:0 20px 60px #24406012}.shelf-top,.shelf-caption{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:15px 20px;color:#5e7089}.shelf-stage{background:#d5e1f1;padding:24px;display:flex;gap:12px}.composition{position:relative;overflow:hidden;aspect-ratio:1.13;width:100%;background:#24476d}.composition-word{position:absolute;color:#fff;font-size:clamp(32px,3.9vw,54px);font-weight:650;line-height:1.08;left:28px;bottom:30px;letter-spacing:-2px}.shape{position:absolute;display:block}.shape-a{height:185px;width:175px;background:#8fbbdb;right:-20px;top:-35px;transform:rotate(-25deg);border-radius:50% 0 50% 0}.shape-b{width:90px;height:90px;border:22px solid #f2bb63;right:50px;top:100px;border-radius:50%}.shape-c{width:75px;height:75px;background:#d59eae;left:28px;top:30px;transform:rotate(25deg)}.orbit{border:1px solid #6e8faf;position:absolute;border-radius:50%;width:300px;height:300px;left:-140px;top:-20px}.orbit-two{width:360px;height:360px;left:-170px;top:-50px}.shelf-tools{display:flex;flex-direction:column;justify-content:space-between}.shelf-tools span{background:#fff;color:#29445d;border-left:4px solid var(--accent);font-size:15px;font-weight:700;width:44px;height:40px;display:grid;place-items:center}.release-note{padding:22px 28px;background:var(--paper);display:grid;grid-template-columns:280px 1fr;gap:20px;border-left:3px solid #7b98ba;font-size:14px}.release-note p{margin:0;color:var(--muted)}.catalog-section{padding:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{margin-bottom:0}.search-label{font-size:12px;color:var(--muted);display:grid;gap:5px}.search-label input{border:1px solid #c9d5e4;border-radius:6px;background:#fff;padding:10px 14px;width:285px;color:var(--ink)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 16px}.filters button{background:transparent;border:1px solid transparent;padding:7px 13px;border-radius:20px;color:var(--muted);font-size:13px}.filters button.selected{background:var(--navy);color:white}.filters button:hover{border-color:#94a9c4}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}.product{border-top:1px solid var(--line);padding:25px 0;display:flex;flex-direction:column;min-width:0}.product-heading{display:flex;gap:14px;align-items:center}.product-icon{width:45px;height:45px;flex:none;border-radius:7px;color:var(--ink);background:var(--paper);border-bottom:4px solid var(--accent);display:grid;place-items:center;font-size:19px;font-weight:650}.product h3{font-size:16px;line-height:1.35;letter-spacing:-.25px;margin:0 0 4px}.version{font-size:11px;color:var(--muted)}.product p{color:var(--muted);font-size:14px;margin:16px 0 8px;min-height:47px}.product .snapshot{font-size:12px;margin:0;min-height:0}.product-actions{margin-top:17px;display:flex;gap:18px;align-items:center;font-size:13px}.download-button{color:var(--blue);border:1px solid #ccd9ec;background:#fff;border-radius:5px;padding:7px 13px;font-size:13px}.download-button:hover{background:#eef4ff}.empty{grid-column:1/-1;padding:30px;background:var(--paper)}.getting-started{padding:48px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-radius:8px}.getting-started .intro{color:#b3caeb}.getting-started h2{max-width:300px}.getting-started ol{margin:0;padding-left:24px}.getting-started li{padding-left:14px;margin-bottom:22px}.getting-started li:last-child{margin-bottom:0}.getting-started li p{color:#c9d9ed;margin:5px 0 0;font-size:14px}.questions{padding:80px 0;max-width:900px;margin:auto}.questions h2{margin-bottom:25px}.questions details{border-bottom:1px solid var(--line);padding:19px 0}.questions summary{cursor:pointer;font-weight:600;font-size:15px}.questions details p{font-size:14px;color:var(--muted);margin:14px 24px 0 0}footer{max-width:1248px;padding:30px 24px 40px;margin:auto;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}footer .brand{font-size:18px}footer p{font-size:12px;color:var(--muted);max-width:400px}footer>div{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:calc(100% - 32px);padding:32px;color:var(--ink)}dialog::backdrop{background:#0a1f3c88}dialog h2{font-size:23px;padding-right:20px}dialog>p{font-size:14px}dialog form{height:0}.close-dialog{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;color:var(--muted)}progress{width:100%;height:12px;accent-color:var(--blue)}.dialog-actions{display:flex;gap:12px;margin-top:24px;justify-content:end}.dialog-actions>button:not(.primary){background:white;border:1px solid #c6d3e4;border-radius:5px;padding:9px 14px}.guide{max-width:820px;padding-top:45px;padding-bottom:70px}.guide h1{font-size:46px;margin-top:22px}.guide .lead{font-size:18px}.guide article{margin:36px 0}.guide li{margin:16px 0}.guide .boundary{padding:22px;background:var(--paper);border-left:3px solid #839abc}.guide .boundary h2{font-size:20px}.guide .boundary p{font-size:14px;margin-bottom:0}.download-meta{overflow-wrap:anywhere}a[hidden]{display:none!important}@media(max-width:1000px){.hero{gap:32px}.shelf-caption{font-size:10px}.product-grid{grid-template-columns:repeat(2,1fr)}.release-note{grid-template-columns:1fr;gap:8px}.getting-started{gap:32px;padding:32px}footer{flex-wrap:wrap}}@media(max-width:680px){.site-header{padding:0 20px;height:76px}.site-header .brand{font-size:19px}.platform{display:none}nav{gap:14px;font-size:12px}nav a:last-child{display:none}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0 40px;gap:30px}h1{font-size:52px;letter-spacing:-2px;margin-bottom:20px}.lead{font-size:16px}.tool-shelf{max-width:460px;width:100%}.composition{aspect-ratio:1.4}.composition-word{font-size:42px}.shelf-tools span{width:35px;height:30px;font-size:12px}.release-note{padding:20px}.catalog-section{padding:45px 0}.section-heading{align-items:start;flex-direction:column;gap:14px}.search-label,.search-label input{width:100%}.filters{gap:5px;margin-top:20px}.filters button{font-size:12px;padding:7px 10px}.product-grid{grid-template-columns:1fr}.product{padding:22px 0}.product p{min-height:0}.getting-started{grid-template-columns:1fr;gap:20px;padding:25px}.getting-started h2{font-size:27px}.questions{padding:50px 0}.questions h2{font-size:26px}footer{padding:25px 20px;gap:10px}footer p{width:100%}dialog{padding:26px 22px}.guide h1{font-size:36px}.guide{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}