:root{color-scheme:light;--paper: #fffdf5;--paper-soft: #f6f4e8;--paper-strong: #ece6d5;--ink: #172018;--muted: #5d665d;--quiet: #8a917f;--rule: #ded8c7;--sprout: #b8f24b;--fresh: #63d94e;--vital: #24b84a;--chlorophyll: #0e9f4d;--rain: #1faf7a;--stem: #126b3a;--shadow: #0f3d2e;--sun: #f3c84b;--orange: #f27a3d;--petal: #e85d75;--berry: #8c5bea;--sky: #4ba3f2;--human: var(--vital);--human-soft: #ecffd8;--agent: var(--rain);--agent-soft: #e7fff4;--warn: #b86a1c;--max: 1120px;--reading: 760px;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--mono: "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 9% 7%,rgba(184,242,75,.28),transparent 23rem),radial-gradient(circle at 86% 5%,rgba(31,175,122,.2),transparent 25rem),radial-gradient(circle at 72% 44%,rgba(243,200,75,.13),transparent 18rem),linear-gradient(115deg,rgba(36,184,74,.06),transparent 30%),var(--paper);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(23,32,24,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(23,32,24,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 72%)}a{color:inherit;text-decoration:none}a:hover{color:var(--chlorophyll)}img,iframe{max-width:100%}.site-shell{min-height:100vh}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.reading{width:min(var(--reading),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;overflow:hidden;border-bottom:1px solid rgba(222,216,199,.52);background:#fffdf5d6;backdrop-filter:blur(16px)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 18%,var(--sprout),var(--vital),var(--rain),var(--sun),transparent 82%);opacity:.18}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:12px;letter-spacing:0}.brand-mark{display:block;width:34px;height:34px;border-radius:8px}.brand-copy{display:flex;align-items:baseline;gap:12px}.brand-copy strong{color:var(--ink);font-family:var(--sans);font-size:1.18rem;font-weight:750;line-height:1;letter-spacing:0}.brand-copy strong:after{content:"";display:inline-block;width:1px;height:.88em;margin-left:12px;transform:translateY(.12em);background:#1720182e}.brand-copy small{color:var(--muted);font-family:var(--sans);font-size:.82rem;font-weight:400;line-height:1}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-family:var(--sans);font-size:.88rem}.nav-links a{position:relative;padding:4px 0;transition:color .16s ease}.nav-links a:hover{color:var(--chlorophyll)}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sprout),var(--vital),var(--rain));transition:transform .16s ease}.nav-links a:hover:after{transform:scaleX(1);opacity:.72}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:56px;align-items:end;padding:86px 0 54px;border-bottom:1px solid var(--rule)}.blog-home{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:64px;padding:44px 0 86px}.home-hero,.page-hero{padding-top:32px}.blog-main-title{position:relative;padding:12px 0 30px;border-bottom:1px solid var(--rule)}.blog-main-title:before{content:"";display:block;width:342px;max-width:100%;height:5px;margin-bottom:22px;background:linear-gradient(90deg,var(--sprout) 0 16%,var(--fresh) 16% 32%,var(--vital) 32% 50%,var(--chlorophyll) 50% 65%,var(--rain) 65% 82%,var(--sun) 82% 91%,var(--petal) 91% 100%);clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}.blog-main-title:after{content:"";position:absolute;right:12%;top:4px;width:168px;height:168px;border-radius:46% 54% 58% 42%;background:radial-gradient(circle at 36% 38%,rgba(184,242,75,.7),transparent .38rem),radial-gradient(circle at 62% 28%,rgba(242,122,61,.68),transparent .32rem),conic-gradient(from 212deg,#b8f24b57,#24b84a1f,#1faf7a47,#fffdf51a,#b8f24b57);opacity:.72;z-index:-1}.blog-main-title h1{max-width:720px;font-weight:800;font-size:clamp(2.35rem,5vw,4.25rem)}.hero-name-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px 18px}.blog-main-title h2{max-width:680px;margin-top:0;font-family:var(--sans);font-weight:500;font-size:clamp(1.18rem,2.1vw,1.55rem);color:var(--muted)}.blog-main-title p{max-width:760px;margin:20px 0 0;color:var(--muted);font-size:1rem;line-height:1.72}.hero-lower{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 28px;max-width:860px;margin-top:18px}.blog-main-title .name-note{position:relative;max-width:none;margin:0;padding:0 28px;color:var(--quiet);font-size:.9rem;line-height:1.65;white-space:nowrap}.blog-main-title .name-note:before,.blog-main-title .name-note:after{content:"“";position:absolute;top:-.24em;color:#0e9f4d29;font-family:var(--serif);font-size:2.15rem;line-height:1}.blog-main-title .name-note:before{left:0}.blog-main-title .name-note:after{content:"”";right:0}.post-list{display:grid}.post-list-head{margin-bottom:13px}.post-list-head h2{font-family:var(--sans);font-size:.9rem;font-weight:650;line-height:1.2;color:var(--ink)}.post-item{position:relative;padding:38px 0 38px 22px;border-bottom:1px solid var(--rule)}.post-item:first-child{padding-top:14px}.post-item:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sprout),var(--vital),var(--rain),transparent 72%);transition:transform .18s ease}.post-item:after{content:"";position:absolute;left:0;top:47px;width:7px;height:7px;border-radius:999px;background:var(--accent-dot, var(--sun));box-shadow:0 0 0 4px #fffdf5d1}.post-item:first-child:after{top:23px}.post-item:hover:before{transform:scaleX(1)}.post-item:nth-child(4n+1):after{--accent-dot: var(--orange)}.post-item:nth-child(4n+2):after{--accent-dot: var(--sky)}.post-item:nth-child(4n+3):after{--accent-dot: var(--petal)}.post-item h2{max-width:760px;margin-top:8px;font-weight:700;font-size:clamp(1.55rem,3vw,2.15rem)}.post-item p{max-width:720px;margin:14px 0 0;color:var(--muted)}.post-meta,.post-foot{display:flex;flex-wrap:wrap;gap:10px 16px;font-family:var(--mono);font-size:.76rem;color:var(--quiet)}.post-foot{margin-top:18px}.post-foot a{color:var(--chlorophyll);font-weight:700}.blog-sidebar{position:sticky;top:92px;align-self:start;display:grid;gap:22px;font-family:var(--sans)}.sidebar-box{position:relative;border-top:1px solid rgba(23,32,24,.12);background:transparent;padding:16px 0 0}.sidebar-box:before{display:none}.sidebar-box h2{margin-bottom:13px;font-family:var(--sans);font-size:.9rem;font-weight:650;color:var(--ink)}.sidebar-box p,.sidebar-box li{color:var(--muted);font-size:.88rem;line-height:1.65}.sidebar-box ul{list-style:none;margin:0;padding:0}.sidebar-box li{margin-bottom:7px}.search-box{border-top:0;padding-top:0}.side-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.side-search input{min-width:0;border:1px solid rgba(23,32,24,.14);background:#fffdf5ad;color:var(--ink);font-family:var(--sans);font-size:.88rem;line-height:1.2;padding:10px 11px}.side-search input::placeholder{color:var(--quiet)}.side-search input:focus{outline:2px solid rgba(36,184,74,.16);border-color:#0e9f4d57}.side-search button{border:1px solid rgba(14,159,77,.24);background:#ecffd875;color:var(--stem);font-family:var(--sans);font-size:.84rem;font-weight:600;line-height:1;padding:0 11px;cursor:pointer}.start-list{display:grid;gap:13px}.start-list a{display:grid;gap:6px;padding:0}.start-list span{color:var(--quiet);font-family:var(--sans);font-size:.72rem;font-weight:400;line-height:1}.start-list strong{color:var(--ink);font-family:var(--serif);font-size:.96rem;font-weight:650;line-height:1.42}.start-list a:hover strong{color:var(--chlorophyll)}.subscribe-box p{max-width:270px;color:var(--muted);font-size:.88rem;line-height:1.65}.channel-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.channel-list span{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid rgba(23,32,24,.1);background:#fffdf585;padding:0 8px 0 4px;color:var(--muted);font-size:.82rem;line-height:1}.channel-list b{display:inline-grid;place-items:center;min-width:24px;height:24px;background:#ecffd88a;color:var(--stem);font-family:var(--sans);font-size:.68rem;font-weight:750;line-height:1}.footnote-box{color:var(--quiet);opacity:.9}.eyebrow,.meta-line,.type-label,.mono{font-family:var(--mono);font-size:.78rem;color:var(--quiet)}.eyebrow{color:var(--chlorophyll);margin-bottom:18px}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:700;line-height:1.12;letter-spacing:0}h1{max-width:780px;font-size:clamp(2.4rem,7vw,5.8rem)}.subtitle{max-width:640px;margin:24px 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem)}.status-panel{border:1px solid var(--rule);background:radial-gradient(circle at 92% 8%,rgba(184,242,75,.18),transparent 8rem),#f6f4e8b8;padding:22px}.ratio-bar{display:grid;grid-template-columns:var(--human-ratio, 50%) 1fr;height:8px;margin:14px 0 18px;border:1px solid rgba(23,32,24,.12);background:linear-gradient(90deg,var(--rain),var(--sky))}.ratio-bar:before{content:"";background:linear-gradient(90deg,var(--sprout),var(--fresh),var(--vital))}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.stat{border-top:1px solid var(--rule);padding-top:12px}.stat strong{display:block;font-size:1.45rem;line-height:1}.section{padding:54px 0;border-bottom:1px solid var(--rule)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2{font-size:clamp(1.45rem,3vw,2.1rem)}.section-head p{max-width:560px;margin:8px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--rule);background:radial-gradient(circle at 92% 12%,rgba(184,242,75,.2),transparent 7rem),#fffdf5db;padding:22px;transition:transform .16s ease,border-color .16s ease}.content-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--vital),var(--rule) 35%)}.content-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(to bottom,var(--sprout) 0 14%,var(--fresh) 14% var(--human-ratio, 50%),var(--rain) var(--human-ratio, 50%) 100%)}.content-card h3{margin-top:22px;font-size:1.35rem}.content-card p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag{border:1px solid var(--rule);background:#f6f4e8cc;padding:2px 8px;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.type-label{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}.type-label:before{content:"";width:9px;height:9px;background:var(--rain)}.type-label.article:before{background:var(--vital)}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px}.panel{border:1px solid var(--rule);background:radial-gradient(circle at 100% 0%,rgba(184,242,75,.16),transparent 8rem),#f6f4e8b8;padding:24px}.panel h3{margin-bottom:12px;font-size:1.15rem}.panel p,.panel li{color:var(--muted)}.steps{display:grid;gap:12px}.step{display:grid;grid-template-columns:42px 1fr;gap:16px;border-top:1px solid var(--rule);padding-top:14px}.step-num{font-family:var(--mono);color:var(--chlorophyll)}.page-title{position:relative;padding:62px 0 32px;border-bottom:1px solid var(--rule)}.page-title:before{content:"";display:block;width:342px;max-width:100%;height:5px;margin-bottom:22px;background:linear-gradient(90deg,var(--sprout),var(--fresh),var(--vital),var(--chlorophyll),var(--rain),var(--sun),var(--petal));clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}.page-title h1{max-width:820px;font-size:clamp(2.25rem,5vw,4.25rem)}.list{display:grid;gap:16px;padding:34px 0 72px}.article-head{position:relative;padding:12px 0 30px;border-bottom:1px solid var(--rule)}.article-head:before{content:"";display:block;width:342px;max-width:100%;height:5px;margin-bottom:22px;background:linear-gradient(90deg,var(--sprout),var(--fresh),var(--vital),var(--chlorophyll),var(--rain),var(--sun),var(--petal));clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}.article-head h1{font-weight:800;font-size:clamp(2rem,5vw,4rem)}.article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.article-meta .tag{background:#fffdf5bd}.prose{padding:42px 0 82px}.prose h2{margin:42px 0 14px;font-weight:700;font-size:1.65rem}.prose h3{margin:30px 0 10px;font-size:1.25rem}.prose p,.prose li{color:#293129}.prose a{color:var(--chlorophyll);border-bottom:1px solid var(--chlorophyll)}.prose code{padding:2px 5px;background:var(--paper-soft);font-family:var(--mono);font-size:.88em}.prose pre{overflow-x:auto;border:1px solid var(--rule);background:linear-gradient(90deg,rgba(184,242,75,.08),transparent),#f8f6ec;padding:18px}.demo-frame{width:100%;min-height:520px;border:1px solid var(--rule);background:#fff}.site-footer{position:relative;margin-top:30px;color:var(--muted);border-top:1px solid rgba(222,216,199,.5);background:#fffdf5db}.site-footer:after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent 18%,var(--sprout),var(--vital),var(--rain),var(--sun),transparent 82%);opacity:.16}.footer-inner{padding:22px 0 26px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:28px}.footer-brand{display:flex;align-items:baseline;gap:12px;min-width:0}.footer-brand strong{display:block;color:var(--ink);font-family:var(--sans);font-size:1.05rem;font-weight:750;line-height:1.1;white-space:nowrap}.footer-brand p{max-width:520px;margin:0;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.footer-links{display:flex;gap:14px;align-items:flex-start;font-size:.84rem}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--chlorophyll)}.footer-meta{color:var(--quiet);font-family:var(--mono);font-size:.72rem;white-space:nowrap}@media(max-width:860px){.hero,.split,.blog-home{grid-template-columns:1fr}.blog-sidebar{position:static;order:initial;margin-top:0}.blog-main-title:after{right:0;top:42px;width:150px;height:150px}.blog-main-title .name-note{white-space:normal}.grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;gap:14px;padding:14px 0}.brand{align-items:flex-start}.brand-copy{display:grid;gap:4px}.brand-copy strong:after{display:none}.nav-links{width:100%;overflow-x:auto;padding-bottom:4px}.section-head{align-items:flex-start;flex-direction:column}.footer-main{align-items:flex-start;flex-direction:column;gap:14px}.footer-brand{align-items:flex-start;flex-direction:column;gap:6px}.footer-brand p{white-space:normal;overflow:visible}.footer-right{align-items:flex-start;flex-direction:column;gap:10px}}