@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
/* 阅读页：让正文像一张独立的纸，而不是铺在整块背景上。 */
.reading-page{background:#e9e4da}.reading-page .site-header{border-color:#c8c0b0}.reading-page .article-shell{margin:2.2rem auto 4.4rem;padding:0 clamp(1.45rem,5.2vw,4.4rem);background:#f8f5ed;border:1px solid #d6cebe;box-shadow:0 18px 42px rgba(57,50,38,.12)}.reading-page .article-header{padding-top:4.6rem;background:#f1ede3;margin:0 calc(-1 * clamp(1.45rem,5.2vw,4.4rem));padding-left:clamp(1.45rem,5.2vw,4.4rem);padding-right:clamp(1.45rem,5.2vw,4.4rem)}.reading-page .article-body{max-width:none;margin:0 calc(-1 * clamp(1.45rem,5.2vw,4.4rem));padding:4rem clamp(1.45rem,5.2vw,4.4rem);background:#fffdf8;border-bottom:1px solid #e2dacb}.reading-page .article-body>*{max-width:650px!important;margin-left:auto!important;margin-right:auto!important}.reading-page .article-body img{max-width:min(78%,520px)!important;margin-top:2.7rem!important;margin-bottom:2.7rem!important;box-shadow:0 8px 22px rgba(45,40,30,.09)}.reading-page .article-end{max-width:none;margin:0 calc(-1 * clamp(1.45rem,5.2vw,4.4rem));padding:2.2rem clamp(1.45rem,5.2vw,4.8rem) 4.2rem;background:#f5f1e8;border-top:0}.reading-page .article-end p{max-width:650px;margin-left:auto;margin-right:auto}.reading-page .site-footer{border-color:#c8c0b0}@media(max-width:600px){.reading-page .article-shell{margin:1rem auto 2.5rem}.reading-page .article-header{padding-top:3rem}.reading-page .article-body{padding-top:2.7rem;padding-bottom:2.7rem;font-size:17px;line-height:1.95}.reading-page .article-body img{max-width:100%!important;margin:2rem auto!important}}
:root{--ink:#182019;--muted:#657064;--paper:#f5f1e8;--line:#cfc8b9;--accent:#78815f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Serif SC",Georgia,serif}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:0 5vw}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);font-family:"DM Mono",monospace;font-size:.7rem;letter-spacing:.1em}.site-header a{text-decoration:none}.hero{padding:3.7rem 0 3.4rem;border-bottom:1px solid var(--line)}.eyebrow,.number,.role,.meta{font-family:"DM Mono",monospace;font-size:.69rem;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:var(--accent);margin:0 0 1.3rem}h1,h2,h3,p{margin-top:0}.hero .lede{max-width:35rem;font-size:clamp(1.03rem,1.6vw,1.2rem);line-height:2;margin:0}.intro{max-width:45rem;padding:4.1rem 0 3.4rem;font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.95}.intro p{margin:0}.works{padding-bottom:7rem}.works-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ink)}.works-heading h2{font-size:clamp(2.15rem,4vw,3.35rem);font-weight:500;letter-spacing:-.075em;margin:0}.works-count{color:var(--muted)}.categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5vw}.category{padding:3.7rem 0 0}.category:nth-child(n+3){border-top:1px solid var(--line);margin-top:3.7rem}.category-practice{grid-column:1/-1}.category-head{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;align-items:baseline;margin-bottom:1.2rem}.number{color:var(--accent)}.category h3{margin:0;font-size:clamp(1.45rem,2.35vw,2.1rem);font-weight:500;letter-spacing:-.06em}.work-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.work-list li{border-bottom:1px solid var(--line)}.work-link{display:flex;align-items:baseline;gap:.8rem;padding:1rem 0;text-decoration:none;transition:padding .18s ease,color .18s ease}.work-link:hover{padding-left:.55rem;color:var(--accent)}.work-order{min-width:1.7rem;color:var(--muted);font:.7rem "DM Mono",monospace}.work-title{font-size:clamp(.98rem,1.35vw,1.1rem);line-height:1.65}.role{color:var(--accent);border:1px solid #b5bca7;padding:.16rem .35rem;margin-left:auto;white-space:nowrap}.more-list[hidden]{display:none}.more-button{margin-top:1.25rem;background:none;border:0;padding:0 0 .35rem;border-bottom:1px solid var(--ink);color:var(--ink);font:.78rem "DM Mono",monospace;letter-spacing:.08em;cursor:pointer}.more-button:hover{color:var(--accent);border-color:var(--accent)}.site-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0 2.1rem;border-top:1px solid var(--line);color:var(--muted);font:.7rem "DM Mono",monospace;letter-spacing:.08em}.article-shell{max-width:820px}.article-header{padding:4.3rem 0 2.6rem;border-bottom:1px solid var(--line)}.back{font:.72rem "DM Mono",monospace;letter-spacing:.08em;text-decoration:none;color:var(--muted)}.back:hover{color:var(--accent)}.article-header .eyebrow{margin:3.1rem 0 1.1rem}.article-header h1{font-size:clamp(2rem,4.7vw,3.75rem);line-height:1.28;font-weight:500;letter-spacing:-.065em;margin:0}.article-sub{display:flex;gap:.6rem;align-items:center;margin-top:1.4rem;color:var(--muted)}.article-body{max-width:650px;margin:0 auto;padding:3.4rem 0;font-size:18px;line-height:2;letter-spacing:.01em;overflow-wrap:anywhere}.article-body p,.article-body section{max-width:100%!important}.article-body img{display:block;width:auto!important;max-width:min(78%,520px)!important;height:auto!important;margin:2.25rem auto}.article-body h1,.article-body h2,.article-body h3{letter-spacing:normal;line-height:1.55}.article-end{max-width:650px;margin:0 auto;padding:2rem 0 5rem;border-top:1px solid var(--line)}.article-end p{color:var(--muted);font-size:.88rem;line-height:1.8}.source-link{color:var(--ink);text-underline-offset:.2em}@media(max-width:600px){.shell{padding:0 1.3rem}.hero{padding:3rem 0}.intro{font-size:1.17rem}.categories-grid{grid-template-columns:1fr}.category:nth-child(n+2){border-top:1px solid var(--line);margin-top:3.7rem}.category-practice{grid-column:auto}.category-head{grid-template-columns:2.7rem 1fr}.article-header{padding-top:3rem}.article-header h1{font-size:2rem}.article-body{padding-top:2.5rem;font-size:17px;line-height:1.95}.article-body img{max-width:100%!important;margin:1.8rem auto}.site-footer{flex-direction:column}}
