@charset "UTF-8";
.demo-card p{color:inherit}
:root{--ink:#172031;--muted:#697386;--accent:#4358d9;--line:#e3e7ed;--soft:#f5f7fb;font:16px/1.7 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8194ff;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;white-space:nowrap}.brand span{font-size:10px;letter-spacing:1.6px;border-left:1px solid var(--line);padding-left:12px;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-start{font-size:14px;font-weight:600;background:var(--soft);padding:10px 18px;border-radius:8px}.hero{padding-block:104px 78px;display:grid;grid-template-columns:1fr 1.08fr;gap:38px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;color:var(--muted);margin:0 0 25px}.pill{font-size:12px;letter-spacing:0;background:#e9edfF;color:var(--accent);padding:6px 10px;border-radius:5px;margin-right:8px}h1{font-size:clamp(38px,3.9vw,58px);line-height:1.25;letter-spacing:-2px;font-weight:750;margin:0 0 25px}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 23px;border-radius:9px;font-size:15px;font-weight:600;border:1px solid transparent;transition:transform .16s,background .16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:white;box-shadow:0 6px 16px #4358d920}.primary:hover{background:#3447c7}.secondary{background:white;border-color:var(--line)}.dark{background:var(--ink);color:white}.micro{font-size:12px;color:var(--muted);margin-top:20px}.demo{background:var(--soft);border:1px solid #dfe5f1;border-radius:17px;box-shadow:0 30px 65px -32px #24387865,0 0 70px -20px #b9c6f240;transform:rotate(-1deg);overflow:hidden}.demo-bar,.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:white;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.demo-bar button{font-size:11px;padding:4px 9px;border:1px solid var(--line);border-radius:5px;background:var(--soft);color:inherit}.window-dots{color:#c9d0dd;letter-spacing:3px}.demo-canvas{position:relative;height:330px;padding:36px 20px}.demo-label{position:absolute;top:15px;left:20px;font-size:11px;color:var(--muted)}.demo-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.demo-lines path{stroke:#9ca8bf;stroke-width:1.5;fill:none}.demo-card{position:absolute;width:43%;padding:12px 15px 15px;border-radius:8px;background:#4e61db;color:white;box-shadow:0 8px 20px #24387813;min-height:86px;font-size:14px}.parent{top:53px;left:28%;width:48%}.child-a{top:193px;left:5%}.child-b{top:193px;right:5%}.demo-card[data-state="0"]{background:#08bc88;color:#07382d}.demo-card[data-state="1"]{background:#4e61db;color:white}.demo-card[data-state="2"]{background:#8251be;color:white}.demo-card[data-state="3"]{background:#f6d64a;color:#40330a}.demo-card[data-state="4"]{background:#d63b38;color:white}.demo-card[data-state="5"]{background:#e5e7ed;color:#3e4656}.demo-status{background:#ffffff24;color:inherit;border:0;border-radius:4px;font-size:10px;padding:2px 6px;margin-bottom:7px}.demo-card summary{font-size:13px;font-weight:600;cursor:pointer;list-style:none}.demo-card summary:after{content:'＋';float:right;opacity:.7}.demo-card details[open] summary:after{content:'−'}.demo-card p{font-size:11px;line-height:1.65;margin:6px 0 0;opacity:.9}.demo-note{position:absolute;bottom:12px;right:20px;font-size:10px;color:var(--muted)}.demo-footer{border-top:1px solid var(--line);border-bottom:0;font-size:10px}.demo.night{background:#1b1e26}.night .demo-bar,.night .demo-footer{background:#232731;color:#a1aabc;border-color:#383e4c}.night .demo-label,.night .demo-note{color:#b4bdce}.night .demo-card{filter:brightness(.74)}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;padding:22px 0;font-size:12px;color:#929cae}.benefits b{font-size:14px;color:var(--muted);margin-left:14px;font-weight:500}.section{padding-block:90px}.section-head{max-width:680px;margin-bottom:42px}.section-head .eyebrow,.workflow .eyebrow,.essentials .eyebrow{margin-bottom:14px}h2{font-size:clamp(29px,3vw,42px);line-height:1.35;letter-spacing:-1px;margin:0 0 20px}p{color:var(--muted)}.section-head p:last-child{max-width:570px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.features article{padding:30px 34px 34px 0;border-top:1px solid var(--line);min-height:235px}.features article:nth-child(3n+2),.features article:nth-child(3n){padding-left:30px;border-left:1px solid var(--line)}.feature-num{font-size:12px;color:var(--accent);letter-spacing:1px}h3{font-size:20px;margin:16px 0 10px;line-height:1.4}.features p{font-size:15px;line-height:1.8;margin:0}.status-chips{display:flex;gap:8px;margin-top:14px}.status-chips span{font-size:11px;padding:3px 8px;background:#dcf9ed;border-radius:4px;color:#087351}.status-chips span:nth-child(2){background:#ebefff;color:#4358d9}.status-chips span:nth-child(3){background:#fff2b3;color:#6d570b}.workflow{background:var(--soft);border-block:1px solid var(--line)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:12px 0 12px 47px;position:relative}.steps li:before{content:'0'counter(step);position:absolute;left:0;top:14px;font-size:12px;color:var(--accent);font-weight:600}.steps b{display:block;font-size:16px}.steps span{display:block;font-size:14px;color:var(--muted)}.md-card{background:white;border:1px solid var(--line);border-radius:13px;padding:25px 28px;box-shadow:0 25px 60px -45px #17203180;transform:rotate(1deg)}.file-bar{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.file-bar span:last-child{font-size:10px;letter-spacing:1.5px}pre{font:13px/2.1 Consolas,"Microsoft YaHei",monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0;color:#4358d9}.code-muted{color:var(--ink);font-weight:600}.md-card p{font-size:13px}.md-card button{width:100%;font-size:14px}.md-card details{font-size:12px;margin-top:14px;color:var(--muted)}#copy-result{display:block;color:#087351;font-size:12px;margin-top:8px}.editions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edition{padding:40px;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column}.edition.web{background:#f6f8ff;border-color:#ced6fa}.edition-type{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.edition h3{font-size:29px;margin-top:25px}.edition p{font-size:15px}.edition ul{list-style:none;padding:0;margin:12px 0 30px;color:#455069;font-size:15px}.edition li{padding:8px 0}.edition li:before{content:'✓';color:var(--accent);margin-right:12px}.edition .button{margin-top:auto;justify-content:space-between}.edition small{font-size:12px;color:var(--muted);margin-top:16px}.checksum{margin-top:25px;color:var(--muted);font-size:13px}.checksum code{overflow-wrap:anywhere}.essentials{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.text-link{font-weight:600;color:var(--accent)}.shortcuts>div{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}kbd{font:12px Consolas,monospace;border:1px solid var(--line);padding:5px 10px;border-radius:5px;background:var(--soft);box-shadow:0 2px 0 var(--line)}.faq{border-top:1px solid var(--line);max-width:900px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer}.faq summary{font-size:17px;font-weight:600;list-style:none;padding-right:30px;position:relative}.faq summary:after{content:'＋';position:absolute;right:0;color:var(--muted)}.faq details[open] summary:after{content:'−'}.faq p{font-size:15px;max-width:750px;margin-bottom:0}.faq a{color:var(--accent);font-size:14px}.closing{background:#172031;color:white;text-align:center;padding:80px 0}.closing .eyebrow{color:#adb8d0;font-size:11px}.closing h2{font-size:40px;margin-bottom:30px}.site-footer{padding-block:32px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.site-footer p{font-size:12px;margin-right:auto}.site-footer>div{display:flex;gap:20px;font-size:12px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px}.skip:focus{top:10px;background:white;z-index:99;padding:10px}@media(max-width:1050px){.brand span{display:none}.hero{grid-template-columns:1fr;gap:55px;padding-top:70px}.hero-copy{max-width:700px}.demo{width:min(650px,100%);justify-self:center;transform:none}.workflow-grid{gap:50px}.features{grid-template-columns:repeat(2,1fr)}.features article:nth-child(n){padding:26px 25px 26px 0;border-left:0}.features article:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.essentials{gap:45px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.nav{height:76px;gap:10px}.brand{font-size:18px;gap:8px}nav{display:none}.nav-start{font-size:12px;padding:9px 12px}.hero{padding:52px 0 42px;gap:38px}h1{font-size:36px;letter-spacing:-1px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:center}.micro{font-size:11px}.demo{border-radius:12px}.demo-bar{padding:12px;font-size:9px}.window-dots{display:none}.demo-canvas{height:355px}.parent{left:18%;width:65%;top:55px}.demo-card{padding:11px;width:44%}.demo-card.parent{width:65%}.demo-card summary{font-size:12px}.child-a,.child-b{top:216px}.child-a{left:4%}.child-b{right:4%}.demo-lines{height:355px}.demo-footer{font-size:9px;padding:10px}.benefits{gap:10px;padding:18px 0}.benefits span{font-size:10px;display:flex;flex-direction:column;align-items:center}.benefits b{font-size:11px;margin:4px 0 0}.section{padding-block:55px}.section-head{margin-bottom:28px}.features{grid-template-columns:1fr}.features article:nth-child(n){padding:25px 0;border-left:0;min-height:0}.features h3{font-size:19px}.workflow-grid,.editions,.essentials{grid-template-columns:1fr;gap:30px}.md-card{transform:none;padding:22px}.edition{padding:27px}.edition h3{font-size:25px}.edition li{font-size:14px}.closing{padding:55px 0}.closing h2{font-size:31px}.site-footer{gap:16px}.site-footer p{margin:0}.site-footer>div{flex-wrap:wrap;gap:16px}.faq summary{font-size:16px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}