.notes-page{max-width:1320px;margin:auto;padding:70px 48px 110px;color:#514b43}.notes-heading{padding-bottom:48px}.notes-heading h1,.note-title h1{font-family:var(--serif);font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1.4;letter-spacing:.045em}.notes-heading>p:last-child,.note-title>p:last-child{color:#81786d;font-size:16px;margin-top:20px}.notes-page .eyebrow{font-size:11px;letter-spacing:.15em;color:#8a7e70}.notes-feature{display:grid;grid-template-columns:1.15fr 1fr;background:#eeeae3;align-items:center}.notes-feature-image{display:block;overflow:hidden}.notes-feature-image img{width:100%;height:530px;object-position:center 58%}.notes-feature>div{padding:48px 54px}.notes-feature h2{font-size:clamp(29px,3vw,43px);line-height:1.65}.notes-feature>div>p:not(.eyebrow){color:#81786d;margin:24px 0 34px;line-height:2}.notes-library{margin-top:88px}.notes-library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #dcd6cc}.notes-library-heading h2{font-size:29px}.notes-filters{display:flex;gap:28px}.notes-filters button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:#8d857b;font-size:14px}.notes-filters button[aria-pressed=true]{border-color:#514b43;color:#514b43}.notes-result{font-size:12px;color:#8a7e70;margin:18px 0 28px}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 38px}.note-card[hidden]{display:none}.note-card img{width:100%;height:auto;aspect-ratio:1.4;object-position:center 61%;transition:opacity .2s}.note-card a:hover img{opacity:.88}.note-category{font-size:11px;letter-spacing:.15em;color:#8a7e70;margin:22px 0 10px}.note-card h3{font-family:var(--serif);font-size:25px}.note-card h3+p{font-size:14px;line-height:1.9;color:#81786d;margin-top:12px}.note-read{display:flex;justify-content:space-between;border-bottom:1px solid #ded8cf;padding:18px 0 12px;font-size:12px}.notes-breadcrumb{font-size:12px;color:#82796d;margin-bottom:44px;display:flex;gap:14px}.note-title{max-width:850px;margin:auto;text-align:center;padding:0 0 48px}.note-title h1{font-size:clamp(32px,3.5vw,48px)}.note-cover{max-width:1040px;margin:auto}.note-cover img{width:100%;height:490px;object-position:center 59%}.note-cover figcaption{font-size:11px;color:#938777;margin-top:12px}.note-reading{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;justify-content:center;margin:64px auto 0}.note-reading aside{align-self:start;position:sticky;top:130px;font-size:12px;color:#8a7e70}.note-reading aside>p{letter-spacing:.1em;margin-bottom:20px}.note-reading aside nav{display:flex;flex-direction:column;gap:16px}.note-reading aside a:hover{color:#514b43}.note-prose section{margin-bottom:40px;scroll-margin-top:125px}.note-prose h2{font-size:27px;margin-bottom:18px}.note-prose section p{font-size:16px;line-height:2.15;color:#70685e}.note-source{border-top:1px solid #dcd6cc;padding:25px 0;color:#8a7e70;font-size:12px;line-height:2}.note-next{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #dcd6cc;padding-top:24px;font-size:12px}.note-next a:last-child{text-align:right}
@media(max-width:900px){.notes-page{padding:48px 28px 75px}.notes-feature>div{padding:32px}.notes-feature-image img{height:460px}.note-reading{grid-template-columns:160px minmax(0,1fr);gap:32px}}
@media(max-width:600px){.notes-page{padding:36px 22px 65px}.notes-heading{padding-bottom:30px}.notes-heading>p:last-child,.note-title>p:last-child{font-size:14px}.notes-feature{grid-template-columns:1fr}.notes-feature-image img{height:auto;aspect-ratio:1.08}.notes-feature>div{padding:30px 25px 34px}.notes-feature h2{font-size:30px}.notes-feature>div>p:not(.eyebrow){font-size:14px;margin:16px 0 23px}.notes-library{margin-top:48px}.notes-library-heading{display:block;padding-bottom:16px}.notes-library-heading h2{font-size:26px;margin-bottom:16px}.notes-filters{justify-content:space-between;gap:18px}.notes-grid{grid-template-columns:1fr;gap:34px}.note-card h3{font-size:24px}.notes-breadcrumb{margin-bottom:30px}.note-title{text-align:left;padding-bottom:30px}.note-cover img{height:auto;aspect-ratio:1.1}.note-reading{display:block;margin-top:32px}.note-reading aside{position:static;border-block:1px solid #dcd6cc;padding:20px 0;margin-bottom:32px}.note-reading aside nav{gap:10px}.note-prose h2{font-size:24px}.note-prose section p{font-size:15px}.note-next{flex-direction:column;gap:20px}.note-next a:last-child{text-align:left}}
/* Original WeChat articles: preserve text and image sequence with site typography. */
.original-detail .note-title{max-width:960px;padding-bottom:36px;border-bottom:1px solid #ded8cf}.original-detail .note-title h1{font-size:clamp(28px,3vw,42px);line-height:1.65}.original-detail .note-title .original-byline{font-size:13px}.original-detail .note-reading{grid-template-columns:190px minmax(0,680px);gap:64px;margin-top:48px}.original-prose>p{font-size:16px;line-height:2.05;margin:0 0 20px;overflow-wrap:anywhere}.original-prose>h2{margin:44px 0 22px;scroll-margin-top:130px}.original-prose>h3{font-size:18px;font-weight:500;margin:26px 0 15px}.original-prose figure{margin:24px auto 30px;text-align:center}.original-prose figure img{height:auto;max-width:100%;width:auto;margin:auto;object-fit:contain}.original-prose .original-ornament{margin:16px auto;max-width:140px}.original-prose .original-number{font:16px/1.5 Georgia,serif;letter-spacing:.15em;color:#9d8b76;margin-top:38px;margin-bottom:0}.original-prose .original-number+h2{margin-top:8px}.original-detail aside{max-height:70vh;overflow:auto}.original-prose .note-source{margin-top:40px}.original-prose .note-source a{display:inline-block;border-bottom:1px solid #dcd6cc}.notes-feature h2{font-size:clamp(26px,2.5vw,36px)}
@media(max-width:900px){.original-detail .note-reading{grid-template-columns:150px minmax(0,1fr);gap:30px}}@media(max-width:600px){.original-detail .note-reading{display:block;margin-top:28px}.original-detail aside{max-height:none}.original-prose>p{font-size:15px;line-height:2}.original-prose>h2{font-size:25px}.original-prose figure{margin:20px auto}.notes-feature h2{font-size:27px}}
.original-content>p{font-size:16px;line-height:2.05;margin:0 0 20px;overflow-wrap:anywhere}.original-content>h2{margin:44px 0 22px;scroll-margin-top:130px}.original-content figure img{max-width:100%;height:auto}.original-content .original-ornament{max-width:140px}.original-content{min-width:0}.original-detail aside{overflow-wrap:anywhere}@media(max-width:600px){.original-content>p{font-size:15px;line-height:2}.original-content>h2{font-size:25px}}