@charset "UTF-8";
:root{--paper:#f8f9f5;--ink:#23322b;--muted:#69756d;--line:#dce1d8;--green:#315641;--lime:#e6edce;--blue:#5264df;--white:#fff;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6577d9;outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--ink);color:white;z-index:10}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;height:110px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.brand strong{font-weight:500}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--lime);font:700 22px/1 var(--mono);letter-spacing:-3px;padding-right:3px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav a{color:#536057}.site-header nav a:hover,.detail-nav a:hover{color:var(--blue)}.external span{font-size:17px;margin-left:5px}.eyebrow,.index-label,.small-label{font-family:var(--mono);font-size:11px;letter-spacing:1.1px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);margin:0 0 28px}.live-dot{width:6px;height:6px;border-radius:100%;background:#668b4a;display:inline-block}.hero{padding-block:83px 66px}.hero h1{font-size:clamp(42px,5.1vw,72px);line-height:1.3;letter-spacing:-3px;font-weight:600;margin:0 0 34px}.serif-em{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:500;color:var(--green)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.text-link{display:flex;align-items:center;gap:25px;font-size:14px;border-bottom:1px solid #849881;padding-bottom:7px;white-space:nowrap}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-top h2{font-weight:500;font-size:22px;line-height:1.55;margin:0;letter-spacing:-.5px}.section-top .small-label{color:var(--muted)}.count{display:inline-block;margin-left:9px;padding:0 7px;border:1px solid #cbd6c3;border-radius:4px;font:11px/20px var(--mono);vertical-align:middle;color:var(--green)}.directory{padding-bottom:80px}.skill-feature{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}.skill-feature:hover{border-color:#9cac9a}.feature-copy{padding:35px 42px 30px}.feature-meta{display:flex;align-items:center;justify-content:space-between;gap:15px}.feature-meta .index-label{color:#6b786b;font-size:10px;letter-spacing:.6px}.pill{font-size:10px;padding:2px 9px;border:1px solid #d9dfd2;border-radius:100px;color:#5a6c55;white-space:nowrap}.feature-copy h3{font-size:36px;line-height:1.4;font-weight:550;letter-spacing:-1px;margin:29px 0 16px}.feature-copy>p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 21px}.tags{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#63715d}.tags span{padding:3px 10px;background:#f1f4ec;border-radius:4px}.feature-go{margin-top:31px;padding-top:22px;border-top:1px solid #e8ece4;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500}.circle-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cad4c5;border-radius:50%;font-size:19px;transition:background .2s}.skill-feature:hover .circle-arrow{background:var(--lime)}.feature-art{position:relative;min-height:390px;background:#e9eddf;padding:35px 28px 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.feature-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ced8bd66 1px,transparent 1px),linear-gradient(90deg,#ced8bd66 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(transparent,#0008)}.art-caption{position:relative;color:#6b7b57;font:9px/1.6 var(--mono);letter-spacing:1px;margin:0 0 32px}.mini-window{position:relative;transform:rotate(-3deg);border:1px solid #c7cfb9;border-radius:8px;box-shadow:10px 20px 35px #54664312;background:#fff;overflow:hidden;width:100%}.window-bar{height:31px;display:flex;gap:4px;align-items:center;background:#fafcf7;border-bottom:1px solid #e5e8de;padding:0 12px}.window-bar i{height:5px;width:5px;border-radius:50%;background:#ccd3c0}.window-bar span{margin-left:auto;font:8px var(--mono);color:#7b826f}.mini-app{display:flex;min-height:222px}.mini-sidebar{padding:18px 12px;width:23%;background:#f6f7fb;border-right:1px solid #eaecf2}.mini-sidebar b{font-size:10px;color:#5264df;white-space:nowrap}.mini-sidebar span{display:block;height:6px;background:#dee3ec;border-radius:2px;margin-top:15px;width:85%}.mini-sidebar .selected{height:14px;background:#d7ddfd;margin-inline:-6px;width:calc(100% + 12px)}.mini-main{width:77%;padding:21px 18px}.mini-title{height:9px;background:#d8dfd5;width:39%;margin-bottom:17px}.mini-filter{height:27px;display:flex;gap:7px;padding:5px;border:1px solid #e7eae3;margin-bottom:16px}.mini-filter i{width:30%;border:1px solid #dfe4dc}.mini-filter b{width:19%;background:#6271dc}.mini-table{border:1px solid #e4e7eb}.mini-table div{height:17px;background:#e8ebfa}.mini-table span{display:block;height:22px;border-top:1px solid #e4e7eb;background:repeating-linear-gradient(90deg,transparent 0,transparent 32%,#e4e7eb 32%,#e4e7eb 32.4%)}.mini-pages{display:flex;justify-content:flex-end;gap:4px;margin-top:10px}.mini-pages i{height:8px;width:9px;border:1px solid #d8deea}.mini-pages i:first-child{background:#dce1fb}.file-note{position:relative;display:flex;justify-content:space-between;gap:10px;margin-top:39px;color:#617152;font-size:10px}.file-note span:first-child{font-family:var(--mono)}.directory-note{font-size:11px;margin-top:15px;color:var(--muted)}.lock-icon{font-size:17px;vertical-align:middle;margin-right:6px}.how{padding-bottom:85px}.how .section-top{padding-top:29px;border-top:1px solid var(--line);margin-bottom:42px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0;gap:45px}.steps li>span{font:12px var(--mono);color:#8b967c}.steps h3{font-size:17px;font-weight:500;margin:13px 0 10px}.steps p{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.site-footer{padding:34px 0 30px;border-top:1px solid var(--line)}.footer-brand{font-size:16px;font-weight:600}.footer-dot{color:#9dae8b}.site-footer>p{font-size:12px;color:var(--muted);margin:7px 0 25px}.site-footer>div{display:flex;gap:20px;color:#74806f;font:10px/1.8 var(--sans);flex-wrap:wrap}.site-footer>div span:last-child{margin-left:auto}.notice{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:10px 20px;border-radius:7px;background:var(--ink);color:white;box-shadow:0 8px 30px #0002;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:90vw;text-align:center}.notice.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.wrap{width:min(1240px,calc(100% - 120px))}.hero{padding-top:98px}.hero h1{font-size:76px}.feature-copy{padding:42px 48px}.feature-art{padding-inline:48px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero h1{letter-spacing:-2px}.feature-copy{padding:27px}.feature-copy h3{font-size:30px}.feature-art{padding:25px 20px}.art-caption{font-size:8px;letter-spacing:.4px}.feature-meta{flex-wrap:wrap;gap:9px}.steps{gap:25px}.section-top .small-label{font-size:9px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:15px}.brand{font-size:17px;gap:8px}.brand-mark{width:32px;height:32px;font-size:19px}.site-header nav{gap:17px;font-size:11px}.site-header nav .external{display:none}.hero{padding:53px 0 43px}.hero .eyebrow{font-size:9px;letter-spacing:.5px;margin-bottom:24px}.hero h1{font-size:40px;letter-spacing:-1.8px;line-height:1.4;margin-bottom:25px}.hero-bottom{display:block}.hero-bottom p{font-size:13px;line-height:1.9}.hero-bottom .text-link{width:116px;margin-top:24px;font-size:12px}.desktop-br{display:none}.section-top{gap:15px;align-items:baseline}.section-top h2{font-size:19px}.section-top .small-label{font-size:9px;letter-spacing:.3px}.skill-feature{grid-template-columns:1fr;border-radius:10px}.feature-copy{padding:25px 25px 20px}.feature-copy h3{font-size:34px;margin:20px 0 13px}.feature-copy>p{font-size:13px}.feature-go{margin-top:23px;padding-top:17px}.feature-art{min-height:300px;padding:22px 30px}.art-caption{margin-bottom:24px;font-size:8px}.mini-window{width:100%;max-width:450px;align-self:center}.mini-app{min-height:195px}.mini-main{padding:18px}.mini-sidebar{padding-top:14px}.file-note{margin-top:28px}.directory{padding-bottom:44px}.directory-note{font-size:10px;line-height:1.8}.how{padding-bottom:40px}.how .section-top{margin-bottom:25px}.how .small-label{display:none}.steps{grid-template-columns:1fr;gap:23px}.steps li{display:grid;grid-template-columns:30px 1fr;column-gap:13px}.steps li>span{grid-row:1/3;padding-top:5px}.steps h3{margin:0 0 6px;font-size:16px}.steps p{font-size:12px}.steps br{display:none}.site-footer{padding-top:25px}.site-footer>div{gap:9px 15px;font-size:9px}.site-footer>div span:last-child{margin-left:0}.notice{font-size:12px}.button{font-size:12px;padding:10px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}