@charset "UTF-8";
:root{color-scheme:light;--ink:#173c35;--muted:#61756f;--accent:#176b50;--line:#dce7e1;--paper:#f8faf7;--white:#fff;--error:#a53a2b;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #76ad91;outline-offset:4px}.topbar,main,footer{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand-mark{width:34px;height:34px;display:grid;place-content:center;background:var(--ink);color:white;border-radius:10px;position:relative;font-size:20px;font-weight:500;letter-spacing:-3px;padding-right:4px}.brand-mark span{position:absolute;right:7px;top:0;color:#98d2aa;font-size:19px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.repo-link{border:1px solid var(--line);padding:8px 14px;border-radius:30px}.hero{position:relative;padding:68px 0 72px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;color:var(--muted);margin:0 0 20px}.dot,.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4c9973}h1{font-size:clamp(44px,5.2vw,69px);line-height:1.19;letter-spacing:-2px;margin:0 0 25px;font-weight:650}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:15px;line-height:2;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{border:0;border-radius:8px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:600;min-height:41px}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent)}.secondary{background:#edf4ee;color:var(--accent)}.submit{background:transparent;color:var(--ink);padding-right:0}.text-link{font-size:12px}.hero-art{position:absolute;right:35px;top:102px;width:420px;height:245px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#e3eee2 0,#f8faf7 70%);isolation:isolate}.art-label{font-size:12px;letter-spacing:2px;color:#6b8879;margin-bottom:20px}.art-input{font-family:Consolas,monospace;background:white;box-shadow:0 18px 60px #345d3c0d,0 0 0 1px #dde9dc;border-radius:15px;padding:24px 25px;font-size:32px;display:flex;align-items:center;gap:12px;transform:rotate(-4deg);z-index:2}.art-input i{font-style:normal;color:#a3bbac}.art-input b{height:35px;width:2px;background:#7aad80;animation:blink 1.3s step-end infinite}.art-caption{font-size:11px;letter-spacing:1px;margin-top:23px;color:#698675;display:flex;gap:7px;align-items:center}.small-dot{width:5px;height:5px}.orbit{position:absolute;border:1px solid #d5e6d5;z-index:-1;border-radius:50%;width:365px;height:185px;transform:rotate(-24deg)}.orbit.two{width:290px;height:270px;transform:rotate(40deg)}.examples{border-top:1px solid var(--line);padding-top:34px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title .eyebrow{margin-bottom:8px}h2{font-size:24px;line-height:1.5;letter-spacing:-.5px;font-weight:600;margin:0}.section-title>p{font-size:12px;color:var(--muted);margin:0;text-align:right}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px 22px;min-width:0}.card-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.number{font:12px Consolas,monospace;color:#789586}.category{font-size:11px;color:#617c70}.icon{margin-left:auto;border-radius:50%;background:#eff5ef;width:31px;height:31px;display:grid;place-content:center;font-size:16px}h3{font-size:18px;letter-spacing:-.5px;margin:0 0 10px;font-weight:600}.description{font-size:12px;color:var(--muted);margin:0 0 23px;min-height:42px}label{display:flex;justify-content:space-between;gap:5px;font-size:11px;font-weight:600;margin-bottom:7px}label span{font-weight:400;color:#84978d}input{width:100%;min-width:0;height:49px;padding:0 12px;border:1px solid #ceddd3;border-radius:7px;color:var(--ink);background:#fcfdfa;outline:none;font:16px "Cascadia Code",Consolas,"Microsoft YaHei",monospace;transition:box-shadow .15s,border-color .15s}input::placeholder{color:#a7b6ac;font-size:14px}input:focus{border-color:#4c9271;box-shadow:0 0 0 3px #55977714}input[aria-invalid=true]{border-color:#bc7666}.hint{font-size:10px;line-height:1.8;color:#819287;min-height:36px;margin:8px 0 10px}.feedback{display:flex;gap:7px;flex-wrap:wrap;min-height:22px;font-size:10px;margin:8px 0}.status{display:inline-flex;gap:5px;align-items:center;color:#7a8e7e;white-space:nowrap}.status::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status.complete{color:#277a52}.status.invalid{color:var(--error)}.error{font-size:11px;color:var(--error);overflow-wrap:anywhere}.value-row{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #e1e8e0;padding:12px 0 10px;font-size:10px;color:#809083;min-height:40px}.value-row output{font-family:Consolas,monospace;font-size:11px;color:var(--ink);word-break:break-all;text-align:right}.card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:9px}.split-fields{display:grid;grid-template-columns:1fr;gap:9px}.split-fields .feedback{margin:5px 0 0;min-height:16px}.split-fields input{height:42px;font-size:14px}.card:has(.split-fields) .description{margin-bottom:16px}.card:has(.split-fields) .hint{margin-top:3px;min-height:0}.result{font-size:11px;background:#f0f5ef;color:#366549;padding:12px;border-radius:7px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#eef4ed;border:1px solid #e0e9dc;border-radius:14px;margin:35px 0;padding:32px 35px}.workbench .eyebrow{margin-bottom:8px}.workbench p:not(.eyebrow){font-size:12px;color:var(--muted)}.legend{display:flex;gap:19px;flex-wrap:wrap;margin:26px 0 0}.legend div{display:flex;gap:6px;align-items:center}.legend dt{font:13px Consolas,monospace;background:white;border:1px solid #dce6d9;border-radius:4px;width:23px;text-align:center}.legend dd{font-size:10px;color:var(--muted);margin:0}.bench-controls input{background:#fafff7}.inline{display:flex;gap:10px}.inline button{flex-shrink:0}.bench-controls .value-row{padding-bottom:0}.install{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:15px 0 50px}.install .eyebrow{margin-bottom:8px}.install p:last-child{font-size:11px;color:var(--muted);margin:10px 0 0}.install-command{background:var(--ink);color:#d7efda;padding:18px 18px 18px 24px;border-radius:9px;display:flex;gap:30px;align-items:center}.install-command code{font-size:12px}.install-command button{border:1px solid #55776b;color:#d6e8db;background:transparent;border-radius:4px;font-size:10px;padding:5px 8px}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;display:flex;justify-content:space-between;color:#7c8c80;font-size:11px}footer>span{font-weight:600;color:var(--ink)}footer .version{font-weight:400;font-size:10px;color:#8a9c8c;margin-left:9px}footer div{display:flex;gap:22px}.notice{padding:14px;border:1px solid #b56b52;background:#fff5ef;border-radius:7px;color:var(--error)}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-input b{animation:none}}@media(max-width:1050px){.hero-art{width:340px;right:0}.art-input{font-size:25px}.cards{gap:12px}.card{padding:20px 16px}.card-actions{flex-wrap:wrap}.section-title>p{max-width:240px}.workbench{gap:30px}.install{align-items:start;flex-direction:column}}@media(max-width:780px){.topbar,main,footer{padding-left:22px;padding-right:22px}.topbar{height:76px}nav{gap:15px}.hero{padding:42px 0}.hero-art{position:relative;width:100%;right:auto;top:auto;margin-top:30px;height:190px}.art-input{font-size:28px}h1{font-size:49px}.section-title{display:block}.section-title>p{text-align:left;margin-top:12px;max-width:none}.cards{grid-template-columns:1fr;gap:16px}.card{padding:24px}.description{min-height:0}.hint{min-height:0}.split-fields{grid-template-columns:1fr 1fr}.workbench{grid-template-columns:1fr;gap:25px;padding:24px}.install-command{max-width:100%;gap:14px;padding:16px}.install-command code{font-size:11px;overflow-wrap:anywhere}.install h2{font-size:21px}footer{gap:20px;flex-wrap:wrap}footer div{gap:16px}.repo-link{padding:6px 10px}.brand{font-size:18px;gap:8px}}