:root{--bg:#f7f8f5;--paper:#fff;--ink:#242d29;--muted:#798179;--line:#e1e5dd;--green:#234d3d;--light:#edf1e9;--serif:Georgia,'Songti SC',serif;--sans:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}::selection{background:#dce7d6}button{border:0;background:none}svg{display:block}[hidden]{display:none!important}.topline{background:#263f33;color:#dfe8d6;font-size:9px;letter-spacing:2px;padding:11px max(6%,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between}.topline span{font-size:10px;letter-spacing:1px}.topline i,.availability i{display:inline-block;background:#b2c298;width:5px;height:5px;border-radius:50%;margin-left:9px;vertical-align:middle}.site{max-width:1360px;padding:0 6%;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.logo{font-family:var(--serif);font-size:31px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center}.logo-mark{color:var(--green);font-family:serif;font-size:36px;margin-right:12px}.logo-dot{color:var(--green)}nav{display:flex;align-items:center;gap:31px;font-size:12px}nav a,nav button{padding:8px 0}.nav-current{font-weight:600;position:relative}.nav-current:after{content:'';position:absolute;height:3px;width:12px;background:var(--green);border-radius:3px;left:50%;bottom:-4px;transform:translateX(-50%)}nav .search-toggle{border-left:1px solid var(--line);padding:4px 0 4px 25px}.search-toggle svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.7}.welcome{padding:49px 0 42px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--green);margin:0 0 16px}h1{font-size:37px;line-height:1.35;letter-spacing:-1.4px;margin:0 0 15px;font-weight:650}h1 span{color:#70806d}.intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.mobile-break{display:none}.welcome-note{position:relative;padding:5px 20px 0 40px;color:#7c8677;transform:rotate(-5deg)}.welcome-note p{font-size:11px;line-height:1.8;letter-spacing:1px;margin:0 0 10px}.note-arrow{position:absolute;font-family:var(--serif);font-size:46px;top:3px;left:-17px;font-weight:400;transform:rotate(22deg)}.handwriting{font:italic 15px var(--serif);color:#64795e}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px}.main-column{min-width:0}.feature{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.feature-cover{display:block;position:relative;background:#23453b;overflow:hidden;aspect-ratio:2.1}.feature-cover svg{width:100%;height:100%;transition:transform .6s}.feature-cover:hover svg{transform:scale(1.025)}.cover-label{position:absolute;top:19px;left:24px;color:#c2cdb8;font-size:8px;letter-spacing:1.8px;z-index:1}.cover-bottom{position:absolute;left:24px;right:24px;bottom:14px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#b2c2aa}.cover-bottom span{font-size:22px}.feature-body{padding:25px 28px}.meta{font-size:9px;letter-spacing:.6px;color:var(--muted);display:flex;align-items:center;gap:13px}.category{color:var(--green);font-weight:600}.meta>span+span:not(.featured-tag):before{content:'·';margin-right:13px;color:#a9b0a6}.featured-tag{margin-left:auto;padding:4px 7px;border-radius:3px;background:var(--light);color:#75826e;font-size:8px}.feature h2{font-size:24px;font-weight:600;letter-spacing:-.8px;line-height:1.5;margin:15px 0 11px}.feature h2 a:hover,.post-title a:hover{color:var(--green)}.feature-body>p{color:#7b817a;line-height:1.95;font-size:12px;margin:0}.feature-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-top:20px;border-top:1px solid #edf0e9}.byline{display:flex;gap:9px;align-items:center;font-size:10px;color:#677062}.mini-avatar{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e3e9d7;color:var(--green);font:italic 15px var(--serif)}.meta-divider{color:#c6cbc2;margin:0 3px}.read-link{font-size:11px;font-weight:600;color:var(--green)}.read-link span{font-size:17px;margin-left:10px;display:inline-block;transition:transform .2s}.read-link:hover span{transform:translate(3px,-3px)}.journal{padding-top:39px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0;font-size:17px;font-weight:600}.section-heading h2 span{font-size:8px;font-weight:400;letter-spacing:1.6px;color:#92998d;margin-left:15px}.section-heading>span{font-size:9px;color:var(--muted)}.filter-bar{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:15px}.filter-bar button{font-size:11px;position:relative;padding:13px 0;color:var(--muted);white-space:nowrap}.filter-bar button.active{color:var(--green);font-weight:600}.filter-bar button.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--green);left:0;right:0}.filter-bar small{font-size:8px;color:#9aa293;margin-left:5px}.post{display:grid;grid-template-columns:1fr 132px;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.post h3{font-size:18px;font-weight:600;line-height:1.65;letter-spacing:-.4px;margin:8px 0}.post-excerpt{margin:0 0 11px;color:var(--muted);font-size:11px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-tag{font-size:9px;color:#8a9583;letter-spacing:.3px}.thumb{width:132px;height:112px;position:relative;overflow:hidden;border-radius:8px;display:grid;place-items:center;transition:transform .25s}.thumb:hover{transform:translateY(-3px)}.thumb>svg{width:100%;height:100%}.thumb .thumb-word{font:italic 28px var(--serif);text-align:center;line-height:1.2}.thumb-label{position:absolute;bottom:10px;left:12px;font-size:6px;letter-spacing:1.4px}.thumb.code{background:#dfe7de;color:#47634f}.thumb.life{background:#e8decb;color:#7a725c}.thumb.ideas{background:#dfe2ed;color:#606d8c}.search-box{background:#fff;display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;margin-top:17px;gap:12px;padding:8px 12px}.search-box label{font-size:10px;white-space:nowrap;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline-offset:2px;font-size:12px;padding:5px 0;background:transparent}.search-box button{font-size:20px}.empty{font-size:12px;color:var(--muted);padding:40px 0}.endnote{display:flex;gap:15px;align-items:center;justify-content:center;font-size:10px;color:#969d91;margin:29px 0 0}.endnote span{height:1px;width:24px;background:var(--line)}.about-card{background:#eef2e9;border:1px solid #e1e7d9;border-radius:10px;padding:23px 22px}.profile-top{display:flex;justify-content:space-between;align-items:center}.avatar{width:59px;height:59px;background:#d6e0c8;border-radius:50%;overflow:hidden}.avatar svg{width:100%;height:100%}.availability{font-size:8px;color:#76866b;white-space:nowrap;letter-spacing:.5px}.availability i{margin:0 5px 0 0;background:#789768}.about-card h2{font-size:17px;font-weight:600;margin:18px 0 11px}.about-card h2 span{color:#9caa90;font-size:15px;margin-left:8px}.about-card>p{font-size:11px;line-height:2;color:#778170;margin:0}.about-link{font-size:10px;color:var(--green);padding:0;margin-top:16px}.about-link span{margin-left:17px}.stats{display:flex;justify-content:space-between;margin-top:23px;padding-top:20px;border-top:1px solid #dbe3d2}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font:23px var(--serif);color:#465b3e}.stats span{font-size:8px;color:#89917d}.side-section{padding:26px 0;border-bottom:1px solid var(--line)}.side-section h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px;font-size:12px;font-weight:600}.side-section h2>span{font-size:7px;font-weight:400;letter-spacing:1.2px;color:#98a18f}.now-item{display:flex;gap:12px;margin-top:18px}.now-item>span{border:1px solid var(--line);border-radius:5px;width:28px;height:28px;display:grid;place-items:center;color:#76896e;font-size:16px;background:#fff;flex-shrink:0}.now-item strong{font-size:10px;font-weight:500;color:#4f5f48}.now-item p{font-size:10px;color:#8a9383;margin:4px 0 0;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags button{font-size:9px;padding:6px 9px;border:1px solid #e1e5dc;background:white;border-radius:4px;color:#75826c}.tags button:hover{background:#edf1e9;border-color:#b7c5ad}.note-card{background:#f0eadc;position:relative;padding:22px 20px 24px;border-radius:4px;margin-top:26px;transform:rotate(-2deg)}.note-card:before{content:'';position:absolute;top:-8px;left:42%;width:45px;height:17px;background:#e0e5cd99;transform:rotate(-7deg)}.note-number{font-size:7px;letter-spacing:1px;color:#9b947d}.quote-mark{font:49px var(--serif);display:block;color:#b4ac91;margin:12px 0 -24px}.note-card p{font-family:'Songti SC',serif;font-size:16px;line-height:1.8;color:#766d53;margin:19px 0 16px}.note-sign{font:italic 11px var(--serif);color:#a49b83}.sidebar-bottom{font-size:9px;line-height:1.9;color:#a0a796;text-align:center;margin-top:30px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:27px 0;margin-top:55px;color:#939a8c;font-size:9px}.footer-brand{font:bold 19px var(--serif);color:#50604a;letter-spacing:-.7px}.footer>a:last-child{font-size:10px}.footer>a:hover{color:var(--green)}dialog{width:min(790px,calc(100vw - 36px));max-height:calc(100dvh - 52px);padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#17261acc;backdrop-filter:blur(8px)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:var(--bg);position:sticky;top:0;border-bottom:1px solid var(--line);z-index:1}.reader-brand{font:bold 20px var(--serif)}#close-reader{font-size:10px;display:flex;align-items:center;gap:13px}#close-reader span{font-size:23px}#reader-content{padding:40px 9% 20px}#reader-title{font-size:29px;line-height:1.5;font-weight:600;letter-spacing:-.8px;margin:17px 0 30px}.reader-copy{font-size:14px;line-height:2.15;color:#586252}.reader-copy h3{font-size:18px;color:var(--ink);font-weight:600;margin-top:32px}.reader-copy blockquote{margin:28px 0;background:#eaf0e3;border-left:3px solid #708564;padding:16px 22px;font-family:'Songti SC',serif;color:#495f3f}.reader-copy p{margin:16px 0}.reader-bottom{font-size:8px;letter-spacing:2px;color:#a4ad9c;text-align:center;padding:20px 0 34px}body.reading{overflow:hidden}.welcome,.layout{animation:enter .65s both}.layout{animation-delay:.08s}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.site{padding:0 70px}.topline{padding-left:calc((100vw - 1220px)/2);padding-right:calc((100vw - 1220px)/2)}}
@media(max-width:1000px){.site{padding:0 5%}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:25px}.feature h2{font-size:21px}.feature-body{padding:22px}.welcome h1{font-size:32px}.about-card{padding:21px 18px}.post{grid-template-columns:1fr 100px;gap:18px}.thumb{width:100px;height:100px}.post h3{font-size:16px}.topline{padding-left:5%;padding-right:5%}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:9px}.about-card{grid-row:span 2}.side-section{padding:0 0 24px}.note-card{margin-top:0}.sidebar-bottom{display:none}.welcome-note{display:none}.feature-cover{aspect-ratio:2.05}.feature h2{font-size:23px}.post{grid-template-columns:1fr 130px;gap:25px}.thumb{width:130px;height:110px}.post h3{font-size:18px}.footer{flex-wrap:wrap;margin-top:35px}.footer>span{order:3;flex-basis:100%;text-align:center;font-size:8px}.cover-label{font-size:7px}}
@media(max-width:480px){.topline{font-size:7px;letter-spacing:1px;padding:9px 5%}.topline span{font-size:8px;letter-spacing:.5px}.site{padding:0 5%}.header{padding:19px 0}.logo{font-size:25px;letter-spacing:-1px}.logo-mark{font-size:28px;margin-right:7px}nav{gap:18px;font-size:11px}nav .search-toggle{padding-left:12px}.search-toggle svg{width:15px;height:15px}.welcome{padding:33px 0 28px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:14px}h1{font-size:29px!important;letter-spacing:-1px}.intro{font-size:11px}.mobile-break{display:initial}.feature{border-radius:9px}.feature-cover{aspect-ratio:1.85}.cover-label{top:14px;left:16px;font-size:6px;letter-spacing:1px}.cover-bottom{left:16px;right:16px;bottom:9px;font-size:6px}.cover-bottom span{font-size:17px}.feature-body{padding:21px 19px}.feature h2{font-size:21px;line-height:1.6;letter-spacing:-.5px;margin-top:12px}.feature-body>p{font-size:11px}.feature-bottom{padding-top:17px;margin-top:18px}.meta{font-size:8px;gap:9px}.meta>span+span:not(.featured-tag):before{margin-right:9px}.featured-tag{font-size:7px}.journal{padding-top:31px}.section-heading h2{font-size:16px}.section-heading h2 span{font-size:7px;margin-left:10px;letter-spacing:1px}.filter-bar{gap:23px}.filter-bar button{font-size:10px}.post{padding:23px 0;grid-template-columns:minmax(0,1fr) 94px;gap:18px}.thumb{width:94px;height:98px;border-radius:6px}.thumb .thumb-word{font-size:23px}.post h3{font-size:16px;line-height:1.6;margin:8px 0}.post-excerpt{font-size:10px;margin-bottom:9px}.post-tag{font-size:8px}.sidebar{grid-template-columns:1fr;gap:23px;margin-top:20px}.about-card{padding:23px;grid-row:auto}.about-card>p{max-width:280px}.profile-top{justify-content:flex-start;gap:18px}.about-card h2{font-size:18px}.stats{justify-content:flex-start;gap:49px}.side-section{padding:0 0 21px}.side-section h2{margin-bottom:16px}.now-item{display:inline-flex;width:100%;margin-top:10px}.note-card{max-width:100%;transform:rotate(-1deg)}.note-card p{font-size:19px}.footer{margin-top:36px}#reader-content{padding:25px 7% 10px}#reader-title{font-size:24px}.reader-copy{font-size:13px}.reader-toolbar{padding:13px 19px}.reader-brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}