
:root{--paper:#f6f8f5;--white:#fff;--ink:#263c35;--muted:#627169;--line:#dce3dd;--green:#3c6451;--soft:#e8eee7;--serif:Georgia,"Songti SC","Noto Serif CJK SC",SimSun,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{display:block;width:100%;height:auto;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}.wrap{max-width:1180px;margin:auto;padding:0 40px}.skip{position:absolute;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-bottom:1px solid var(--line)}.brand{font:600 25px var(--serif);letter-spacing:3px;display:flex;gap:13px;align-items:center}.brand svg{width:30px;height:30px}.brand small{font:10px var(--sans);letter-spacing:2px;display:block;margin-top:7px;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}nav a[aria-current=page]{color:var(--green);box-shadow:0 1px var(--green)}.intro{padding:64px 0 42px;display:flex;justify-content:space-between;gap:25px;align-items:end}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);margin:0 0 14px}.intro h1{font:400 clamp(30px,4vw,46px)/1.5 var(--serif);letter-spacing:2px;margin:0}.intro .sub{font-size:14px;color:var(--muted);max-width:230px;margin:0 0 8px}.lead-layout{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(210px,1fr);gap:44px}.feature{position:relative}.feature img{aspect-ratio:1.52;transition:filter .3s}.feature:hover img{filter:brightness(.94)}.image-label{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.94);padding:5px 12px;font-size:11px;letter-spacing:2px}.meta{font-size:11px;letter-spacing:1px;color:var(--muted);margin:19px 0 8px}.feature h2{font:400 29px/1.5 var(--serif);margin:0 0 9px}.excerpt{color:var(--muted);font-size:14px;margin:0}.read{display:inline-flex;gap:20px;align-items:center;font-size:13px;margin-top:23px;border-bottom:1px solid var(--line);padding-bottom:5px}.read span{transition:transform .2s}.read:hover span{transform:translateX(4px)}.sidebar{padding-top:4px}.side-label{font-size:11px;letter-spacing:2px;padding-bottom:16px;border-bottom:1px solid var(--line);margin:0 0 24px}.sidebar h2{font:400 25px/1.7 var(--serif);margin:0 0 18px}.sidebar p{font-size:13px;color:var(--muted)}.note{margin-top:34px;background:var(--soft);padding:25px 23px}.note .eyebrow{font-size:10px;margin-bottom:12px}.note p{margin:0;font:16px/1.9 var(--serif)}.note small{display:block;color:var(--muted);margin-top:16px;font-size:11px}.latest{margin:65px 0 72px}.section-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px}.section-title h2{font:400 23px var(--serif);margin:0}.section-title a{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card img{aspect-ratio:1.9}.card h3{font:400 23px/1.6 var(--serif);margin:7px 0}.card .meta{margin-top:17px}.card a:hover h3{text-decoration:underline;text-underline-offset:5px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0 35px;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:20px}.article{max-width:760px;margin:55px auto 80px}.back{font-size:12px;color:var(--muted)}.article h1{font:400 clamp(30px,4vw,43px)/1.5 var(--serif);margin:22px 0 16px}.article .deck{color:var(--muted);font:20px/1.8 var(--serif);margin-bottom:30px}.article figure{margin:30px 0 40px}.article figure img{aspect-ratio:1.6}.article figcaption{color:var(--muted);font-size:11px;margin-top:9px}.prose{max-width:650px;margin:auto}.prose h2{font:400 25px var(--serif);margin:38px 0 18px}.prose p{line-height:2.1;color:#44594e;margin:0 0 22px}.endnote{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;font-size:12px;color:var(--muted)}.archive{padding:48px 0 70px}.archive h1{font:400 38px var(--serif)}.archive-item{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.archive-item img{aspect-ratio:1.3}.archive-item h2{font:400 26px var(--serif);margin:8px 0}.archive-item .meta{margin:0}.about{max-width:700px;margin:65px auto 90px}.about h1{font:400 40px var(--serif)}.about h2{font:400 25px var(--serif);margin-top:35px}.about p{color:var(--muted)}.about a:not(.back){text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.wrap{padding:0 22px}header{padding:24px 0}.brand{font-size:21px;gap:7px}.brand svg{width:25px}.brand small{font-size:8px}nav{gap:18px;font-size:13px}.intro{padding:40px 0 29px;display:block}.intro .sub{max-width:none;margin:17px 0 0}.lead-layout{grid-template-columns:1fr;gap:35px}.feature h2{font-size:27px}.sidebar{border-top:1px solid var(--line);padding-top:23px}.sidebar .side-label{display:none}.sidebar h2{font-size:22px;margin-bottom:10px}.note{margin-top:22px}.latest{margin:42px 0}.grid{gap:28px;grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}.archive-item{grid-template-columns:95px 1fr;gap:18px}.archive-item h2{font-size:21px}.archive-item .excerpt{display:none}.article{margin-top:35px}.article .deck{font-size:18px}.article figure{margin-left:-22px;margin-right:-22px}.article figcaption{padding:0 22px}.about{margin:40px 0 65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
