@charset "UTF-8";
:root{--paper:#f6f7f2;--ink:#253c32;--green:#2e644c;--muted:#768078;--line:#dce1d7;--soft:#eaf0e5;--serif:Georgia,"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
*{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);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b3803b;outline-offset:5px}::selection{background:#d4e2b8}p,h1,h2,h3{margin:0}main,.site-header,.site-footer{max-width:1120px;margin:0 auto}.site-header{display:flex;align-items:center;gap:30px;height:112px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:1px}.brand-mark{width:42px;height:42px;background:var(--green);color:var(--paper);border-radius:11px;font-family:Georgia,serif;font-size:35px;line-height:39px;letter-spacing:-3px;text-align:center}.brand-mark>span{color:#c8d2a7}.brand-sub{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:1.4px;margin-top:4px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a{padding:10px 0}.site-header nav a:hover,.site-header nav .active{color:var(--green)}.header-note{margin-left:34px;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.header-note i,.window-status i{display:inline-block;width:5px;height:5px;background:#6f9878;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:74px 0 70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--green);line-height:1.6}.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px}.hero-copy>.eyebrow>span{width:6px;height:6px;background:#8a9d60;border-radius:50%}h1{font-family:var(--serif);font-weight:500}.hero h1{font-size:76px;letter-spacing:1px;line-height:1.27;margin:24px 0}.green-word{color:var(--green)}.title-dot{letter-spacing:-20px}.hero-description{color:#717b72;font-size:14px;line-height:2}.primary-button{display:inline-flex;align-items:center;gap:36px;background:var(--green);color:#fff;padding:15px 22px;font-size:13px;border-radius:5px;margin-top:28px;transition:background .2s,transform .2s}.primary-button:hover{background:#204c39;transform:translateY(-2px)}.primary-button span{font-size:20px;line-height:1}.hero-caption{font-size:10px;color:#899184;display:flex;align-items:center;gap:9px;margin-top:25px}.tiny-line{width:20px;height:1px;background:#b1b8a9}.hero-art{height:415px;position:relative;isolation:isolate}.art-grid{position:absolute;inset:10px -10px 0 10px;border-radius:50%;background-image:linear-gradient(#dfe6d966 1px,transparent 1px),linear-gradient(90deg,#dfe6d966 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black 30%,transparent 72%)}.art-label{position:absolute;top:7px;left:56px;font-family:monospace;font-size:9px;letter-spacing:2px;color:#8d9989}.code-window{position:absolute;top:48px;left:10px;width:440px;background:#263c32;transform:rotate(-3deg);border-radius:10px;box-shadow:0 20px 36px #293c3220;color:#d7e1d1;overflow:hidden}.window-bar{height:39px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:#91a597}.dots{display:flex;gap:5px}.dots i{width:6px;height:6px;border-radius:50%;background:#b58772}.dots i:nth-child(2){background:#b7b077}.dots i:nth-child(3){background:#85a18a}.code-body{padding:25px 18px 22px;font:12px/2.05 Consolas,monospace}.code-body>div{display:flex;white-space:pre}.code-body em{width:31px;font-style:normal;color:#617b6d;flex-shrink:0}.code-body b{color:#c1b495;font-weight:400}.code-body q{color:#c7d69a;quotes:none}.code-body .comment{color:#7f998a}.cursor{display:inline-block;width:6px;height:13px;background:#bdcd9b;vertical-align:middle;margin-left:4px}.window-status{font-family:monospace;font-size:9px;display:flex;justify-content:space-between;border-top:1px solid #ffffff10;padding:9px 16px;color:#88a18d}.window-status i{margin-right:6px}.sticky-note{position:absolute;width:216px;right:-4px;bottom:-4px;background:#e6ebcd;transform:rotate(7deg);padding:23px 24px 20px;box-shadow:0 8px 22px #263c3212;border:1px solid #dbe2bd}.pin{position:absolute;left:78px;top:-12px;width:62px;height:25px;background:#cdd7baaf;transform:rotate(-4deg)}.sticky-title{font-family:var(--serif);font-size:19px;margin-bottom:15px;display:flex;justify-content:space-between}.sticky-title>span{color:#6a804c;font-size:24px}.sticky-note p{font-size:11px;line-height:2.3;color:#65734f}.sticky-note p i{font-style:normal;display:inline-flex;justify-content:center;align-items:center;width:12px;height:12px;border:1px solid #9ba980;border-radius:2px;margin-right:9px;line-height:1}.sticky-line{margin:11px 0 8px;border-top:1px dashed #b4c09a}.sticky-note small{font-size:10px;color:#83906d;letter-spacing:1px}.plant{position:absolute;bottom:-5px;left:56px;width:85px;height:100px}.stem{position:absolute;left:42px;top:8px;bottom:30px;width:2px;background:#79935d;transform:rotate(-5deg)}.leaf{position:absolute;background:#69865a;width:37px;height:18px;border-radius:0 90% 0 90%;transform:rotate(20deg);left:7px;top:25px}.leaf-2{transform:scaleX(-1) rotate(23deg);left:41px;top:11px;background:#93a675}.leaf-3{transform:scaleX(-1) rotate(10deg);left:40px;top:40px;background:#7b9663}.pot{position:absolute;bottom:0;left:24px;width:40px;height:39px;background:#d6d4bc;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);border-top:6px solid #c7c6ad}.art-bottom{position:absolute;bottom:-30px;left:143px;color:#97a28d;font:9px monospace;letter-spacing:2px}.art-star{position:absolute;top:6px;right:12px;font-size:46px;color:#b4c293;font-weight:300}.notes-section{padding:58px 0 66px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-heading h2{font-family:var(--serif);font-size:31px;font-weight:500;margin-top:13px}.section-heading h2>span{font-family:var(--sans);font-size:12px;font-weight:400;color:var(--muted);margin-left:20px}.section-aside{font-size:11px;color:var(--muted);padding-bottom:5px}.filters{display:flex;align-items:center;gap:9px;margin:28px 0 24px}.filters button{border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;padding:9px 16px;border-radius:5px;transition:background .15s}.filters button:hover{background:#e8ede3}.filters .selected{background:var(--green);color:white}.filters .selected:hover{background:#204c39}.filters button span{font-family:monospace;opacity:.6;font-size:10px;margin-left:6px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-card{padding:25px 24px 19px;border:1px solid var(--line);background:#fbfcf8;border-radius:7px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.note-card:hover{transform:translateY(-3px);border-color:#9aaa8e}.note-card[hidden]{display:none}.card-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.category{font-size:10px;letter-spacing:.4px;color:#58724b;background:#eef2e6;padding:5px 8px;border-radius:3px;display:inline-block}.note-number{font:9px monospace;color:#a0a79b;letter-spacing:.8px}.note-card h3{font-size:18px;font-weight:550;line-height:1.65;margin-top:21px;letter-spacing:.3px}.note-card h3 a:hover{color:#568048}.note-card>p{font-size:12px;line-height:1.9;color:#848b80;margin-top:13px;margin-bottom:24px}.card-bottom{border-top:1px solid #e6e9e0;padding-top:16px;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.card-bottom>span{font-size:10px;color:#949b8e}.card-bottom b{font-weight:400;padding:0 5px}.read-link{width:24px;height:24px;border:1px solid #d7dfcf;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#6d825d}.read-link:hover{background:var(--green);color:white}.routine-section{background:#eaf0e5;display:grid;grid-template-columns:.9fr 1.4fr;gap:70px;padding:42px 46px;border:1px solid #dce5d4;border-radius:8px}.routine-intro h2{font-family:var(--serif);font-size:34px;line-height:1.5;font-weight:500;margin:15px 0}.routine-intro>p:not(.eyebrow){font-size:12px;line-height:1.95;color:#7d8974}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;color:#557446;margin-top:23px}.text-link:hover{color:#243c26}.text-link>span{font-size:18px}.routine-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center}.routine-list li{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #d5dfce}.routine-list li:first-child{padding-top:4px}.routine-list li:last-child{border-bottom:0;padding-bottom:4px}.routine-list li>span{font:16px Georgia,serif;color:#829973}.routine-list h3{font-size:15px;font-weight:500;margin-bottom:8px}.routine-list p{font-size:11px;line-height:1.8;color:#86917d}.routine-list i{font-style:normal;font-size:17px;color:#92a182;margin-left:auto}.about-section{padding:65px 0;display:flex;align-items:center;gap:28px}.about-symbol{font:100px Georgia,serif;line-height:1;color:#b5c19e;width:80px;text-align:center;padding-top:27px}.about-section h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:13px 0}.about-section p:not(.eyebrow){font-size:12px;line-height:2;color:#818a7b}.back-top{width:38px;height:38px;border:1px solid #d4dccd;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:auto;color:#839375}.back-top:hover{background:#e5ebde}.site-footer{border-top:1px solid var(--line);padding:30px 0 35px;display:flex;justify-content:space-between;align-items:center}.footer-brand{font-size:15px;font-weight:600;letter-spacing:1px}.footer-brand>span{color:#8a9f66}.site-footer p{font-size:10px;line-height:1.8;color:#9aa28f;margin-top:7px}.footer-meta{display:flex;align-items:flex-end;flex-direction:column;gap:10px;font-size:10px;color:#959e8b}.footer-meta a:hover{text-decoration:underline;color:var(--green)}.skip-link{position:fixed;top:-100px;left:15px;background:var(--green);color:#fff;padding:12px;z-index:20}.skip-link:focus{top:15px}.article-main{max-width:760px;padding:45px 0 65px}.breadcrumb{font-size:12px;color:#7e8b73}.breadcrumb:hover{color:var(--green)}.article-heading{padding:40px 0 32px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:40px;line-height:1.5;margin:20px 0 14px}.article-heading>p{color:#7c8776;line-height:1.9;font-size:15px}.article-meta{display:flex;gap:20px;color:#929b87;font-size:11px;margin-top:25px}.article-content{font-size:15px;line-height:2.1;color:#4d5b4b;padding-top:30px}.article-content h2{font-size:22px;font-weight:550;color:var(--ink);margin:30px 0 13px}.article-content p{margin:0 0 18px}.article-content ul{padding-left:22px;margin:15px 0 22px}.article-content li{padding:3px 0}.article-content pre{background:#263c32;color:#d7e1c7;padding:25px 28px;overflow:auto;border-radius:6px;font:13px/1.9 Consolas,monospace;margin:22px 0}.article-content code{font-family:Consolas,monospace;font-size:.92em}.article-content p code{background:#e6ecdd;padding:2px 5px;border-radius:3px}.article-content blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid #96ae7b;background:#eaf0e5;font-size:14px;color:#647a50}.article-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:38px;font-size:12px;color:#849478}.article-end a{color:var(--green)}.next-note{display:block;margin-top:40px;background:#eaf0e5;padding:25px 28px;border-radius:6px}.next-note>span{display:flex;justify-content:space-between;font-size:11px;color:#7c906b}.next-note b{font-size:20px;font-weight:400}.next-note strong{display:block;margin-top:10px;font-size:18px;font-weight:500}.next-note:hover{background:#e2eada}.not-found{min-height:65vh;padding:100px 0}.not-found h1{font-size:38px;margin:20px 0}.not-found>p:not(.eyebrow){color:var(--muted);font-size:14px}
@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:85px}.hero h1{font-size:82px}.hero-art{transform:scale(1.03)}}
@media(max-width:1200px){main,.site-header,.site-footer{margin-left:6%;margin-right:6%}.hero{gap:20px}.hero h1{font-size:66px}.code-window{width:94%;left:0}.sticky-note{right:-10px}.header-note{margin-left:15px}.hero-art{height:400px}.article-main{margin-left:auto;margin-right:auto;width:88%}.note-card{padding:21px 20px 17px}.routine-section{gap:40px}}
@media(max-width:950px){.header-note{display:none}.hero h1{font-size:58px}.hero{gap:20px;padding-top:55px}.hero-art{height:365px}.code-body{font-size:10px;padding:20px 12px}.code-body em{width:24px}.sticky-note{width:190px;padding:21px 18px 16px;bottom:-3px}.sticky-note p{font-size:10px}.sticky-title{font-size:17px}.art-label{left:12px;font-size:8px}.art-star{right:-8px}.plant{left:15px;bottom:-13px}.art-bottom{left:40px;bottom:-40px;font-size:8px}.hero-description{font-size:13px}.notes-grid{grid-template-columns:repeat(2,1fr)}.routine-section{padding:34px 30px;gap:25px}.routine-list li{gap:13px}.routine-list p{font-size:10px}.routine-list i{display:none}.routine-intro h2{font-size:30px}.about-section{gap:16px}}
@media(max-width:650px){main,.site-header,.site-footer{margin-left:6%;margin-right:6%}.site-header{height:88px;gap:15px;flex-wrap:wrap;align-content:center}.brand{font-size:17px;gap:9px}.brand-mark{width:34px;height:34px;line-height:32px;font-size:29px;border-radius:9px}.brand-sub{font-size:8px;letter-spacing:.6px}.site-header nav{gap:16px;font-size:11px}.site-header nav a{padding:6px 0}.hero{grid-template-columns:1fr;padding:43px 0 50px;gap:42px}.hero h1{font-size:62px;margin:20px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-description{font-size:13px}.primary-button{margin-top:24px;padding:14px 19px}.hero-caption{font-size:9px}.hero-art{width:100%;max-width:420px;height:355px;margin:0 auto}.code-window{width:92%;top:34px;left:0}.code-body{font-size:11px;padding:22px 14px}.code-body em{width:24px}.art-label{top:0;left:20px}.sticky-note{bottom:0;right:3px;width:190px}.art-star{font-size:36px;right:4px;top:-3px}.plant{bottom:1px;left:18px}.art-bottom{bottom:-22px;left:54px}.notes-section{padding-top:35px;padding-bottom:38px}.section-heading h2{font-size:27px;margin-top:9px}.section-heading h2>span{font-size:10px;margin-left:12px}.eyebrow{font-size:8px;letter-spacing:1.7px}.section-aside{font-size:9px;white-space:nowrap}.filters{gap:3px;margin:24px 0 19px;justify-content:space-between}.filters button{font-size:11px;padding:9px 10px}.filters button span{font-size:8px;margin-left:4px}.notes-grid{grid-template-columns:1fr;gap:13px}.note-card{padding:21px 23px 17px}.note-card h3{font-size:18px;margin-top:17px}.note-card>p{margin-top:10px;margin-bottom:20px}.card-bottom{padding-top:13px}.routine-section{grid-template-columns:1fr;gap:28px;padding:29px 25px}.routine-intro h2{font-size:30px;margin:12px 0}.routine-intro h2 br{display:none}.routine-intro>p:not(.eyebrow){font-size:12px}.routine-intro>p br{display:none}.text-link{margin-top:14px}.routine-list li{padding:19px 0;gap:17px}.routine-list p{font-size:11px}.routine-list h3{font-size:14px}.routine-list li>span{font-size:14px}.about-section{padding:35px 0;gap:14px;align-items:flex-start}.about-symbol{font-size:70px;width:40px;flex-shrink:0;padding-top:26px}.about-section h2{font-size:23px;margin:11px 0}.about-section p:not(.eyebrow){font-size:11px}.about-section p br{display:none}.back-top{width:28px;height:28px;font-size:12px;flex-shrink:0;margin-top:30px}.site-footer{padding:24px 0;align-items:flex-start;gap:15px}.footer-brand{font-size:13px}.site-footer p{font-size:9px}.footer-meta{font-size:9px;gap:10px;line-height:1.5}.article-main{padding:28px 0 40px;width:auto}.article-heading{padding:30px 0 25px}.article-heading h1{font-size:30px;margin-top:15px}.article-heading>p{font-size:13px}.article-content{font-size:14px;padding-top:24px}.article-content h2{font-size:20px}.article-content pre{padding:20px;font-size:11px}.article-meta{gap:16px;font-size:10px}.article-end{font-size:11px;flex-wrap:wrap}.next-note{padding:22px}.not-found{padding:70px 0}.not-found h1{font-size:30px}}
@media(max-width:360px){.site-header{height:auto;padding:18px 0;gap:16px}.site-header nav{width:100%;margin-left:0;justify-content:space-between}.hero h1{font-size:56px}.hero-art{height:335px}.code-body{font-size:9px}.hero-caption{font-size:8px}.sticky-note{width:177px}.section-heading h2>span{display:none}.filters button{font-size:10px;padding:8px}.footer-meta{font-size:8px}.about-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.note-card>p,.about-section p:not(.eyebrow){color:#6e7968}.card-bottom>span,.footer-meta,.site-footer p{color:#747f6d}
@media(max-width:650px){.article-main{margin-left:6%;margin-right:6%}.routine-intro h2 br{display:initial}}