:root{color:#27352e;--green:#285747;--muted:#7a8078;--line:#dfe2d8;--accent:#c8d7ab;background:#f7f6f1;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #6b8a52}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:1200px;margin:auto}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:19px;font-weight:700;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.brand-light{color:#6f776e;font-size:14px;font-weight:400}.header nav{gap:34px;font-size:14px;display:flex}.header nav a{color:#71786f;padding:12px 0;position:relative}.header nav a[aria-current=page]{color:var(--green);font-weight:700}.header nav a[aria-current=page]:after{content:"";background:var(--green);border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:40%}.nav-search{border:1px solid var(--line);border-radius:25px;padding:10px 16px;font-size:13px}.nav-search span{margin-left:20px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-top:78px;padding-bottom:76px;display:grid}.eyebrow{letter-spacing:2px;color:#687563;align-items:center;gap:10px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11px;font-weight:600;display:flex}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(34px,3.6vw,51px);line-height:1.5}.accent{color:#56805d}.hero-desc{color:#777d73;font-size:15px;line-height:2}.hero-actions{align-items:center;gap:28px;margin-top:30px;display:flex}.button{background:var(--green);color:#fff;border-radius:6px;align-items:center;gap:25px;padding:15px 23px;font-size:13px;transition:background .2s;display:inline-flex}.button:hover{background:#386d59}.text-link{color:#52634f;font-size:13px}.hero-topics{color:#8c9187;letter-spacing:1px;gap:18px;margin-top:39px;font-size:10px;display:flex}.hero-topics span+span:before{content:"/";color:#b7bdb0;margin-right:18px}.lab-visual{color:#51754f;background:#e9eddf;border:1px solid #d9e0cf;border-radius:12px;min-height:365px;padding:24px;position:relative;overflow:hidden}.lab-grid{background-image:linear-gradient(#bbc9aa35 1px,#0000 1px),linear-gradient(90deg,#bbc9aa35 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.lab-top,.lab-bottom{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.status{align-items:center;gap:6px;display:flex}.status i{background:#6c8c58;border-radius:50%;width:5px;height:5px}.lab-visual svg{width:100%;height:255px;position:relative}.lab-bottom{letter-spacing:0;border-top:1px solid #c7d1bc;padding-top:15px;line-height:1.9}.lab-bottom strong{font-size:12px;font-weight:500}.lab-number{color:#789065;font-family:monospace;font-size:24px}.topic-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f1e9}.topic-inner{color:#8b9184;justify-content:space-between;align-items:center;gap:24px;min-height:78px;font-size:12px;display:flex}.topic-inner>a{align-items:center;gap:20px;display:flex}.topic-inner strong{color:#495844;font-size:14px;font-weight:500}.section{padding-top:62px;padding-bottom:65px}.section-heading .eyebrow{margin-bottom:15px}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.section-title h2{letter-spacing:-.6px;margin:0;font-size:25px;font-weight:600}.section-title h2 span{letter-spacing:0;color:#8a9085;margin-left:20px;font-size:12px;font-weight:400}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.post-card{border:1px solid var(--line);background:#fffefa;border-radius:8px;flex-direction:column;height:100%;min-height:265px;padding:24px;transition:transform .2s,border-color .2s;display:flex}.post-card:hover{border-color:#8ba67a;transform:translateY(-4px)}.post-top{justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.category{color:#57704d;background:#edf1e4;border-radius:3px;padding:5px 8px;font-size:10px}.muted{color:var(--muted);font-size:12px}.post-card h3{margin:22px 0 10px;font-size:18px;font-weight:600;line-height:1.65}.post-card p{color:#858b80;flex:1;margin-bottom:24px;font-size:12px;line-height:1.9}.post-bottom{justify-content:space-between;align-items:center;display:flex}.tags{color:#8b9481;flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.arrow{color:#607854;font-size:19px}.sample{color:#989d91;margin-top:12px;font-size:9px}.project-banner{background:#e9eddf;border:1px solid #dce2cf;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:70px;padding:35px 40px;display:flex}.project-banner h2{margin:14px 0;font-size:24px;font-weight:500}.project-banner p{color:#77816e;margin:0;font-size:13px}.outline{color:#425c3b;white-space:nowrap;background:0 0;border:1px solid #829476}.outline:hover{background:#dce4ce}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding:34px 0;display:flex}.footer-brand{font-size:13px;font-weight:600}.footer-brand span{color:#8e9685;margin-left:18px;font-size:10px;font-weight:400}.footer p{color:#9aa08f;margin:12px 0 0;font-size:10px}.footer-right{color:#929987;flex-direction:column;align-items:flex-end;gap:12px;font-size:10px;display:flex}.page-head{min-height:65vh}.page-head h1{letter-spacing:-1px;margin:22px 0;font-size:43px}.page-head>p{color:#7c8475;font-size:14px;line-height:2}.filters{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 22px;display:flex}.search-box{border:1px solid var(--line);background:#fffefa;border-radius:6px;align-items:center;gap:12px;width:100%;max-width:390px;padding:10px 14px;font-size:22px;display:flex}.search-box input{width:100%;min-width:0;color:inherit;background:0 0;border:0;padding:4px;font-size:13px}.filter-buttons{flex-wrap:wrap;gap:6px;display:flex}.filter-buttons button{cursor:pointer;color:#78826e;background:0 0;border:1px solid #0000;border-radius:5px;padding:9px 13px;font-size:12px}.filter-buttons button.active{background:var(--green);color:#fff}.article-wrap{max-width:1000px;padding-top:45px}.article-header{max-width:800px;padding-top:35px}.article-header h1{margin:20px 0;font-size:36px;line-height:1.5}.article-header p{color:#7d8476;font-size:15px;line-height:1.9}.article-header .tags{margin:22px 0 30px}.notice{color:#69765c;background:#edf0e4;border-left:3px solid #99aa7c;margin:24px 0 34px;padding:16px 20px;font-size:13px;line-height:1.8}.article-columns{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:65px;display:grid}.prose{color:#53604e;overflow-wrap:anywhere;font-size:15px;line-height:2}.prose h2{color:#2f402b;margin-top:36px;scroll-margin-top:24px;font-size:23px}.prose h3{color:#2f402b;margin-top:26px;font-size:18px}.prose p,.prose ul,.prose ol{margin-bottom:22px}.prose a{color:var(--green);text-underline-offset:3px;text-decoration:underline}.prose blockquote{background:#eff1e7;border-left:3px solid #9eaf83;margin:20px 0;padding:6px 20px}.prose blockquote p{margin:5px 0}.prose pre{color:#e6ecdc;background:#25392e;border-radius:6px;padding:20px;font-size:13px;line-height:1.8;overflow:auto}.prose :not(pre)>code{background:#e9eddf;border-radius:3px;padding:3px 6px;font-size:13px}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.prose img,.prose video{border-radius:6px;max-width:100%}.toc{border-left:1px solid var(--line);margin-top:40px;padding-left:20px;position:sticky;top:30px}.toc a{color:#7e8974;margin-top:15px;font-size:12px;line-height:1.8;display:block}.article-end{text-align:center;color:#9ba38e;padding:55px 0;font-size:12px}.project-list{margin-top:40px}.project-row{border-top:1px solid var(--line);grid-template-columns:50px 1fr 80px;align-items:start;gap:20px;padding:32px 0;display:grid}.project-no{color:#a6b094;font-family:monospace;font-size:20px}.project-row h2{margin:14px 0 10px;font-size:22px;font-weight:500}.project-row p{color:#838d78;margin:0;font-size:14px;line-height:1.9}.project-row>.muted{text-align:right}.about{max-width:850px}.about-lead{color:#5e7153!important;font-size:22px!important;line-height:1.9!important}.about .prose{max-width:700px;margin-top:40px}@media (width>=1600px){.hero{padding-top:100px;padding-bottom:100px}}@media (width<=1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:36px}.lab-visual{min-height:330px;padding:18px}.lab-visual svg{height:230px}.post-card{padding:18px}.hero-topics{gap:10px}.hero-topics span+span:before{margin-right:10px}.section-title h2 span{margin:10px 0 0;display:block}.filters{flex-direction:column;align-items:flex-start}.article-columns{grid-template-columns:minmax(0,1fr) 150px;gap:30px}}@media (width<=700px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;gap:16px;height:auto;min-height:85px;padding-top:20px;padding-bottom:16px}.brand{font-size:17px}.brand-light{font-size:12px}.brand-icon{width:34px;height:34px;font-size:21px}.header nav{order:3;justify-content:space-around;gap:15px;width:100%}.nav-search{padding:8px 12px;font-size:11px}.nav-search span{margin-left:8px}.hero{grid-template-columns:1fr;gap:35px;padding-top:42px;padding-bottom:38px}.hero h1{font-size:36px}.hero-desc{font-size:14px}.hero-topics{margin-top:28px}.lab-visual{min-height:0}.lab-visual svg{height:220px}.topic-inner{flex-wrap:wrap;gap:20px;padding:22px 0}.topic-inner>span{width:100%;font-size:11px}.topic-inner>a{gap:9px;font-size:10px}.topic-inner strong{font-size:12px}.section{padding-top:40px;padding-bottom:40px}.section-title h2{font-size:23px}.post-grid{grid-template-columns:1fr}.post-card{min-height:230px;padding:23px}.post-card h3{margin-top:18px}.project-banner{flex-direction:column;align-items:flex-start;margin-bottom:40px;padding:27px}.project-banner h2{font-size:21px}.project-banner p{line-height:1.8}.footer{flex-direction:column;padding:25px 0}.footer-right{align-items:flex-start;gap:8px}.page-head h1{font-size:34px}.article-header h1{font-size:28px}.article-columns{display:block}.toc{display:none}.article-wrap{padding-top:30px}.article-header{padding-top:28px}.prose{font-size:14px}.prose h2{font-size:21px}.project-row{grid-template-columns:28px 1fr;gap:12px}.project-row>.muted{text-align:left;grid-column:2}.project-row h2{font-size:19px}.filter-buttons button{padding:9px 11px}.about-lead{font-size:19px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}