@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{--ink:#18201c;--muted:#657169;--paper:#f7f7f2;--white:#fff;--line:#dfe4de;--green:#315f4b;--green-dark:#214535;--mint:#dcebe2;--warm:#e69a62;--serif:"Noto Serif SC", "Songti SC", serif;--sans:Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.75}a{color:inherit;text-decoration:none}main{min-height:70vh}.shell{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(14px);background:#f7f7f2e6;border-bottom:1px solid #315f4b1f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{font-family:var(--serif);align-items:center;gap:11px;font-size:20px;font-weight:700;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}nav{gap:36px;display:flex}nav a{color:var(--muted);font-size:14px;font-weight:600;position:relative}nav a:hover,nav a.active{color:var(--green)}nav a.active:after{content:"";background:var(--green);width:18px;height:2px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:78px;min-height:650px;padding-block:80px 95px;display:grid}.eyebrow,.kicker{color:var(--green);font-family:var(--mono);letter-spacing:.16em;font-size:12px;font-weight:500}.eyebrow{align-items:center;gap:10px;display:flex}.eyebrow span{background:var(--green);width:26px;height:1px}.hero h1,.page-hero h1{font-family:var(--serif);letter-spacing:-.045em;margin:22px 0 24px;font-size:clamp(48px,6vw,74px);line-height:1.18}.hero h1 em{color:var(--green);font-style:normal}.hero-copy>p{max-width:570px;color:var(--muted);font-size:17px;line-height:1.95}.hero-actions{gap:14px;margin-top:34px;display:flex}.button{border:1px solid var(--green);border-radius:7px;justify-content:center;align-items:center;gap:18px;min-width:130px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.button.primary{color:#fff;background:var(--green)}.button.primary:hover{background:var(--green-dark);transform:translateY(-2px)}.button.ghost{color:var(--green)}.button.ghost:hover{background:var(--mint)}.hero-visual{place-items:center;min-height:390px;display:grid;position:relative}.hero-visual:before{content:"";background:radial-gradient(circle at 40% 35%,#edf5ee,#dbe8df 70%);border-radius:50%;position:absolute;inset:40px;box-shadow:0 30px 90px #2646341f}.orbit{border:1px solid #315f4b2e;border-radius:50%;position:absolute}.orbit-one{width:390px;height:280px;transform:rotate(26deg)}.orbit-two{width:300px;height:390px;transform:rotate(53deg)}.visual-card{z-index:2;color:#d7e8dd;background:#1c2922;border:1px solid #ffffff1f;border-radius:12px;width:min(410px,90%);padding:22px 26px 27px;position:relative;transform:rotate(-2deg);box-shadow:0 28px 55px #1d342847}.terminal-top{gap:6px;padding-bottom:20px;display:flex}.terminal-top i{background:#78887d;border-radius:50%;width:7px;height:7px}.terminal-top i:first-child{background:var(--warm)}.visual-card code{font-family:var(--mono);font-size:12px;line-height:2.15}.visual-card code b{color:#96cfae}.visual-card code strong{color:#e9bd92;font-weight:400}.floating-note{z-index:3;color:var(--green);font:11px var(--mono);background:#fff;border:1px solid #dce5df;border-radius:6px;padding:6px 12px;position:absolute;box-shadow:0 8px 25px #1e3c2d1a}.note-one{top:40px;right:8px;transform:rotate(5deg)}.note-two{bottom:45px;left:5px;transform:rotate(-6deg)}.topics,.latest{border-top:1px solid var(--line);padding-block:90px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px;display:flex}.section-heading h2{font-family:var(--serif);letter-spacing:-.03em;margin:7px 0 0;font-size:34px}.section-heading>p{max-width:380px;color:var(--muted);margin:0;font-size:14px}.topic-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.topic-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:290px;padding:24px;transition:all .22s;position:relative;overflow:hidden}.topic-card:hover{border-color:#9bb9a8;transform:translateY(-4px);box-shadow:0 18px 35px #29483614}.topic-card>span{float:right;color:#a9b4ad;font:11px var(--mono)}.topic-icon{width:48px;height:48px;color:var(--green);background:var(--mint);border-radius:14px;place-items:center;margin:45px 0 30px;font-size:24px;display:grid}.topic-card h3{font-family:var(--serif);margin:0 0 9px;font-size:21px}.topic-card p{color:var(--muted);margin:0;font-size:13px}.all-link{color:var(--green);font-size:13px;font-weight:700}.post-list{gap:14px;display:grid}.post-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:28px 30px;transition:all .2s}.post-card:hover{border-color:#a2b9ab;transform:translate(3px)}.post-meta{color:#89928d;align-items:center;gap:14px;font-size:12px;display:flex}.category{color:var(--green);background:var(--mint);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.post-card h3{font-family:var(--serif);margin:13px 0 8px;font-size:24px}.post-card h3 a:hover{color:var(--green)}.post-card>p{color:var(--muted);margin:0;font-size:14px}.post-footer{justify-content:space-between;align-items:end;gap:20px;margin-top:20px;display:flex}.tags{color:#7a877f;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.tags span{background:#f1f3ef;border-radius:4px;padding:3px 8px}.read-more{color:var(--green);font-size:12px;font-weight:700}.quote-band{color:#fff;background:var(--green);padding:80px 0}.quote-inner{justify-content:center;align-items:flex-start;gap:25px;display:flex}.quote-inner span{color:#9fc5ae;font:70px/1 var(--serif)}.quote-inner p{font-family:var(--serif);letter-spacing:.03em;margin:0;font-size:clamp(24px,4vw,36px);line-height:1.7}.page-hero{border-bottom:1px solid var(--line);padding:100px 0 70px}.page-hero h1{margin:12px 0;font-size:58px}.page-hero p{max-width:660px;color:var(--muted);font-size:16px}.archive-layout{grid-template-columns:170px 1fr;gap:55px;padding-block:65px 100px;display:grid}.archive-layout aside{color:var(--muted);flex-direction:column;align-items:flex-start;gap:13px;font-size:13px;display:flex}.archive-layout aside p{color:var(--ink);font-weight:700}.archive-layout aside span{border-left:2px solid var(--line);padding-left:10px}.article{padding-block:70px 110px}.article-header{text-align:center;border-bottom:1px solid var(--line);max-width:820px;margin-inline:auto;padding-bottom:42px}.article-header>a{color:var(--green);margin-bottom:30px;font-size:13px;display:block}.article-header .post-meta,.article-header .tags{justify-content:center}.article-header h1{font-family:var(--serif);letter-spacing:-.035em;margin:22px 0 18px;font-size:clamp(38px,5vw,58px);line-height:1.3}.article-header>p{color:var(--muted);font-size:17px}.article-grid{grid-template-columns:minmax(0,740px) 180px;justify-content:center;gap:70px;padding-top:52px;display:grid}.prose{font-size:16px;line-height:2}.prose h2{font-family:var(--serif);margin-top:2.2em;font-size:27px}.prose h3{margin-top:1.8em;font-size:20px}.prose blockquote{color:var(--green);background:var(--mint);border-left:3px solid var(--green);margin:28px 0;padding:15px 22px}.prose code{color:#a64d31;font-family:var(--mono);background:#eceee9;border-radius:4px;padding:2px 6px;font-size:.86em}.prose pre{border-radius:8px;padding:22px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.toc{border-left:1px solid var(--line);flex-direction:column;align-self:start;gap:9px;padding-left:16px;font-size:12px;display:flex;position:sticky;top:110px}.toc b{margin-bottom:7px}.toc a{color:var(--muted)}.toc a:hover{color:var(--green)}.about-grid{grid-template-columns:.75fr 1.25fr;gap:80px;padding-block:70px 110px;display:grid}.portrait{color:#fff;background:linear-gradient(145deg,#234b39,#487760);border-radius:8px 80px 8px 8px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;display:flex}.portrait span{font:140px/1 var(--serif);opacity:.92}.portrait small{font:10px var(--mono);letter-spacing:.2em;margin-top:35px}.about-copy h2{font-family:var(--serif);margin:0 0 25px;font-size:34px}.about-copy>p{color:var(--muted)}.value-list{border-block:1px solid var(--line);margin:35px 0}.value-list>div{border-bottom:1px solid var(--line);gap:20px;padding:18px 0;display:flex}.value-list>div:last-child{border:0}.value-list b{color:var(--warm);font:12px var(--mono)}.value-list span{color:var(--muted);font-size:13px}.value-list strong{color:var(--ink);font-size:15px;display:block}.project-grid{grid-template-columns:1fr 1fr;gap:16px;padding-block:70px 110px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:32px}.project-card>span{color:var(--warm);font:12px var(--mono)}.project-card h2{font-family:var(--serif);margin:35px 0 12px;font-size:25px}.project-card>p{min-height:52px;color:var(--muted);font-size:14px}.project-card>a{color:var(--green);margin-top:30px;font-size:12px;font-weight:700;display:inline-block}footer{color:#8e9992;background:#17231d;padding:34px 0;font-size:12px}.footer-inner{justify-content:space-between;gap:20px;display:flex}.footer-inner p{margin:0}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:330px}.topic-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.toc{display:none}.about-grid{grid-template-columns:1fr}.portrait{min-height:330px}}@media (width<=640px){.shell{width:min(100% - 28px,1120px)}.header-inner{height:64px}.brand>span:last-child{display:none}nav{gap:20px}nav a.active:after{bottom:-21px}.hero{gap:30px;min-height:auto;padding-block:55px 70px}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.hero-visual{min-height:290px}.orbit-one{width:300px;height:220px}.orbit-two{width:230px;height:290px}.floating-note{display:none}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>p{display:none}.topic-grid,.project-grid{grid-template-columns:1fr}.topic-card{min-height:245px}.topic-icon{margin:30px 0 20px}.topics,.latest{padding-block:65px}.post-card{padding:23px 20px}.post-card h3{font-size:21px}.post-footer{flex-direction:column;align-items:flex-start}.quote-band{padding:55px 0}.quote-inner{gap:10px}.quote-inner span{font-size:45px}.page-hero{padding-block:70px 45px}.page-hero h1{font-size:45px}.archive-layout{grid-template-columns:1fr;gap:25px;padding-top:35px}.archive-layout aside{flex-flow:wrap}.archive-layout aside p{width:100%}.article{padding-top:45px}.article-header{text-align:left}.article-header .post-meta,.article-header .tags{justify-content:flex-start}.article-header h1{font-size:36px}.article-grid{padding-top:30px}.prose{font-size:15px}.about-grid,.project-grid{padding-block:45px 80px}.portrait span{font-size:110px}.footer-inner{flex-direction:column}}