@font-face{font-family:Zhi Mang Xing Local;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/zhi-mang-xing-name.woff2)format("woff2")}:root{--bg:#050505;--panel:#111;--line:#262626;--line-soft:#191919;--text:#f2f2f2;--muted:#8c8c8c;--dim:#5e5e5e;--green:#51c483;--gold:#d9b45d;--ease:cubic-bezier(.22, 1, .36, 1);--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--text);color:var(--bg)}:focus-visible{outline:1px solid var(--text);outline-offset:4px}.mono{letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.container{width:min(var(--max), calc(100% - 64px));margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--line-soft);backdrop-filter:blur(8px);background:#050505f5;position:sticky;top:0}.topbar-inner{width:min(var(--max), calc(100% - 64px));justify-content:space-between;align-items:center;gap:24px;min-height:58px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand-mark{width:22px;height:22px;color:var(--green);place-items:center;font-size:18px;line-height:1;display:grid}.brand-slash{color:var(--dim);font-size:14px}.brand-name{font-size:14px;font-weight:500}.topnav{color:var(--muted);align-items:center;gap:28px;font-size:12px;display:flex}.topnav a{transition:color .18s}.topnav a:hover,.topnav a.is-active{color:var(--text)}.hero{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:80px;padding:72px 0 64px;display:grid}.hero-left{min-width:0;padding-left:28px}.name{color:#f4f4f4;letter-spacing:.01em;text-shadow:3px 3px #181818,-1px -1px #343434;margin:0;font-family:Zhi Mang Xing Local,STXingkai,cursive;font-size:128px;font-weight:400;line-height:.92;display:flex}.name span{opacity:0;filter:blur(10px);animation:rise .8s var(--ease) forwards;display:inline-block;transform:translateY(.46em)}.name span:nth-child(2){animation-delay:80ms}.name span:nth-child(3){animation-delay:.16s}.name span:nth-child(4){animation-delay:.24s}@keyframes rise{to{opacity:1;filter:blur();transform:translateY(0)}}.claim{color:#d7d7d7;letter-spacing:.12em;margin:18px 0 0 4px;font-size:17px}.social-block{margin-top:32px}.social-label{color:#bcbcbc;letter-spacing:.08em;margin:0;font-size:12px}.socials{align-items:center;gap:14px;margin-top:16px;display:flex}.social-link{border:1px solid var(--line);background:var(--panel);width:42px;height:42px;transition:transform .18s var(--ease), border-color .18s ease, background .18s ease;border-radius:9px;place-items:center;display:grid}.social-link img{object-fit:contain;width:25px;height:25px;display:block}.social-link:hover{background:#171717;border-color:#555;transform:translateY(-2px)}.hero-right{min-width:0;padding-top:10px}.slogan-title{color:#f4f4f4;letter-spacing:-.01em;text-shadow:4px 4px #181818,-1px -1px #343434;margin:0;font-size:62px;font-weight:700;line-height:1.04}.slogan-copy{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.75}.hero-meta{color:var(--dim);letter-spacing:.06em;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:11px;display:flex}.section{border-bottom:1px solid var(--line-soft);padding:56px 0 64px}.section-head{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;display:flex}.section-title{color:#cfcfcf;letter-spacing:.12em;margin:0;font-size:13px;font-weight:500}.section-link{color:var(--dim);font-size:12px;transition:color .18s}.section-link:hover{color:var(--text)}.post-list{flex-direction:column;display:flex}.post-row{border-top:1px solid var(--line-soft);grid-template-columns:90px minmax(0,1fr) 110px;align-items:baseline;gap:24px;padding:22px 0;display:grid}.post-row:hover .post-title{color:var(--green)}.post-date{color:var(--dim);letter-spacing:.06em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.post-main{min-width:0}.post-title{color:var(--text);margin:0;font-size:22px;font-weight:500;line-height:1.35;transition:color .18s;display:block}.post-desc{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.65;display:block}.post-tag{color:var(--dim);white-space:nowrap;justify-self:end;font-size:11px}.note-list{padding-left:22px;position:relative}.note-list:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:10px;left:2px}.note-item{padding:0 0 26px;position:relative}.note-item:last-child{padding-bottom:0}.note-item:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:9px;left:-24px}.note-date{color:var(--dim);letter-spacing:.06em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px}.note-text{color:#d0d0d0;margin:6px 0 0;font-size:15px;line-height:1.7}.note-text p{margin:0}.note-text p+p{margin-top:8px}.tool-table{border-top:1px solid var(--line-soft)}.tool-headrow,.tool-row{grid-template-columns:40px minmax(150px,1fr) minmax(220px,1.3fr) 96px 120px;align-items:center;gap:18px;display:grid}.tool-headrow{color:var(--dim);border-bottom:1px solid var(--line-soft);padding:12px 0}.tool-row{border-bottom:1px solid var(--line-soft);padding:20px 0}.row-number{color:var(--dim)}.tool-name{color:var(--text);font-size:20px;font-weight:500;line-height:1.35}.tool-focus{color:var(--muted);font-size:12px;line-height:1.6}.tool-status{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:inline-flex}.tool-status i{background:var(--dim);border-radius:50%;width:6px;height:6px}.tool-status[data-status=live] i{background:var(--green)}.tool-status[data-status=beta] i,.tool-status[data-status=building] i{background:var(--gold)}.tool-status[data-status=internal] i{background:var(--dim)}.tool-access{color:var(--dim);text-align:right;white-space:nowrap;font-size:11px;transition:color .18s}.tool-access:hover{color:var(--text)}.tool-access.is-disabled{color:#3d3d3d;pointer-events:none}.page-head{border-bottom:1px solid var(--line);padding:56px 0 30px}.page-kicker{color:var(--green);letter-spacing:.12em;font-size:11px}.page-head h1{letter-spacing:-.01em;margin:12px 0 0;font-size:54px;font-weight:700;line-height:1.1}.page-head p{max-width:640px;color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.7}.post{max-width:760px;margin:0 auto;padding:60px 0 88px}.post-header{border-bottom:1px solid var(--line);padding-bottom:28px}.post-kicker{color:var(--green);letter-spacing:.1em;font-size:11px}.post-header h1{margin:14px 0 0;font-size:40px;font-weight:700;line-height:1.25}.post-header .post-desc{margin-top:14px;font-size:16px}.post-meta{color:var(--dim);flex-wrap:wrap;gap:16px;margin-top:18px;font-size:11px;display:flex}.prose{color:#d6d6d6;padding-top:32px;font-size:16px;line-height:1.9}.prose h2{color:var(--text);margin:38px 0 14px;font-size:24px;line-height:1.4}.prose h3{color:var(--text);margin:28px 0 10px;font-size:19px}.prose p{margin:0 0 18px}.prose a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{margin:0 0 18px;padding-left:22px}.prose li{margin:6px 0}.prose blockquote{border-left:2px solid var(--green);color:var(--muted);margin:24px 0;padding:2px 0 2px 18px}.prose code{background:#161616;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.prose pre{border:1px solid var(--line);background:#0c0c0c;border-radius:8px;padding:16px 18px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{border-radius:8px;max-width:100%}.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}.site-footer{color:var(--dim);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 36px;display:flex}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.site-footer a{transition:color .18s}.site-footer a:hover{color:var(--text)}@media (width<=1000px){.hero{gap:52px}.hero-left{padding-left:0}.name{font-size:108px}.slogan-title{font-size:54px}}@media (width<=800px){.container,.topbar-inner{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:40px;padding:48px 0 52px}.name{font-size:88px}.slogan-title{font-size:52px}.section{padding:44px 0 52px}.post-row{grid-template-columns:78px minmax(0,1fr);gap:4px 16px}.post-tag{grid-column:2;justify-self:start;margin-top:2px}.tool-headrow{display:none}.tool-row{grid-template-columns:30px minmax(0,1fr);gap:4px 14px;padding:18px 0}.row-number{grid-row:1/span 4}.tool-name,.tool-focus,.tool-status,.tool-access{grid-column:2}.tool-status{margin-top:4px}.tool-access{text-align:left;margin-top:4px}.page-head h1{font-size:42px}.post{padding:44px 0 68px}.post-header h1{font-size:32px}.site-footer{flex-wrap:wrap}}@media (width<=600px){.topbar-inner{min-height:54px}.brand-mark{width:18px;font-size:15px}.brand-name{font-size:12px}.topnav{gap:16px;font-size:11px}.name{font-size:72px}.claim{margin-top:12px;font-size:15px}.slogan-title{font-size:44px}.slogan-copy{margin-top:18px;font-size:16px}.section-title{font-size:12px}.post-title{font-size:19px}.post-header h1{font-size:28px}.page-head h1{font-size:36px}}@media (width<=380px){.name{font-size:62px}.slogan-title{font-size:38px}.topnav{gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.name span{opacity:1;filter:none;animation:none;transform:none}.social-link{transition:none}}
