:root{--paper:#f7f8f4;--ink:#253730;--green:#315d4d;--muted:#6e7972;--line:#dce2d8;--soft:#edf0e7;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:6px;border-radius:3px}::selection{background:#d5e4cf}.wrap{width:min(1080px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:var(--green);color:white;padding:12px 20px;z-index:5}.skip-link:focus{top:12px}.site-header{height:98px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:38px;height:42px;color:var(--green)}.brand-icon svg{width:32px;height:32px}.brand strong{font-size:23px;font-weight:650;letter-spacing:1px}.brand-name{font-size:14px;margin-left:10px;letter-spacing:.8px}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a{font-size:14px;color:var(--muted);padding:8px 0}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green)}.site-header nav a[aria-current]{box-shadow:0 1px 0 var(--green)}.login-link{font-size:13px;border:1px solid var(--line);border-radius:5px;padding:10px 14px;margin-left:14px;white-space:nowrap}.login-link span{margin-left:10px}.login-link:hover{background:var(--soft)}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;padding:75px 0 74px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--muted);font-weight:600;line-height:1.8;margin:0 0 22px}.small-dot{display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:1px;background:var(--green);border-radius:50%}.hero h1{font-family:var(--serif);font-weight:500;font-size:50px;letter-spacing:-1.8px;line-height:1.5;margin:0 0 23px}.accent{color:var(--green)}.hero-description{color:var(--muted);font-size:14px;line-height:2;margin:0 0 29px}.primary-link{display:inline-flex;align-items:center;gap:40px;background:var(--green);color:#fff;border:1px solid var(--green);padding:13px 20px;border-radius:4px;font-size:13px;transition:background .15s}.primary-link:hover{background:#224235}.paper-scene{position:relative;padding:20px 25px 20px 35px;max-width:420px}.paper-top-label{display:block;font-size:9px;letter-spacing:2px;text-align:right;margin-bottom:15px;padding-right:10px;color:#929c8f}.paper-sheet{position:relative;background:#fdfdf8;border:1px solid #dfe4d6;padding:25px 28px 22px;transform:rotate(3deg);box-shadow:9px 12px 0 #e8eddf,10px 13px 0 #dfe5d7,0 8px 30px #233b2410}.paper-head{display:flex;justify-content:space-between;font-size:10px;color:#87937e;padding-bottom:15px;border-bottom:1px solid #e5e9df}.paper-head span:last-child{font-size:8px;letter-spacing:1.2px}.paper-title{font:500 28px/1.65 var(--serif);letter-spacing:1px;margin:23px 0 24px}.paper-line{padding:10px 0;border-bottom:1px solid #e8ece1;font-size:12px;color:#5b6b58}.paper-line span{font:10px var(--sans);margin-right:20px;color:#a0aa99}.paper-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b9783;padding-top:20px}.pen-line{width:45px;height:12px;border-bottom:1.5px solid #a0b291;border-radius:50%;transform:rotate(-8deg)}.paper-side-label{position:absolute;right:-10px;top:50%;writing-mode:vertical-rl;color:#919a8a;font-size:8px;letter-spacing:1.8px}.latest{padding-top:33px;border-top:1px solid var(--line)}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-header .eyebrow{margin:0 0 8px;font-size:9px}.section-header h2{font-size:23px;font-weight:500;letter-spacing:.5px;margin:0}.count{font-family:var(--sans);font-size:11px;font-weight:400;vertical-align:top;display:inline-block;line-height:1.5;margin:4px 0 0 13px;color:#89947f}.text-link{font-size:12px;color:var(--green);white-space:nowrap}.text-link span{margin-left:10px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fcfcf8;border-radius:5px;padding:25px 27px 18px;transition:border-color .18s,background .18s}.note-card:hover{border-color:#8fa38b;background:#fff}.card-meta{display:flex;justify-content:space-between;align-items:center}.category{font-size:10px;letter-spacing:1px;color:var(--green);background:var(--soft);padding:5px 9px;border-radius:3px;display:inline-block}.note-number{font-family:Georgia,serif;font-size:20px;font-style:italic;color:#bec8b5}.note-card h3{font-size:18px;font-weight:550;line-height:1.7;margin:18px 0 10px}.note-card>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:380px;margin:0 0 25px}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #ebeee5;color:#899181;font-size:10px}.meta-dot{margin-inline:9px}.card-arrow{font-size:20px;color:#567150}.about-strip{display:flex;align-items:center;gap:25px;padding:32px 0;margin:50px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-symbol{font-size:36px;color:#7c926a}.about-strip h2{font-size:16px;font-weight:500;margin:0 0 8px}.about-strip p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.about-strip .text-link{margin-left:auto}.site-footer{padding:18px 0 33px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:12px;font-weight:550}.site-footer p{font-size:10px;letter-spacing:2px;color:var(--muted);margin:9px 0 0}.footer-right{font-size:10px;color:var(--muted);display:flex;gap:28px}.footer-right a:hover{color:var(--green)}.archive{padding:65px 0 75px;min-height:70vh}.page-intro .eyebrow{margin-bottom:15px}.page-intro h1{font:500 40px/1.5 var(--serif);margin:0 0 16px}.page-intro>p:last-child{color:var(--muted);font-size:14px}.archive-list{margin-top:45px;border-top:1px solid var(--line)}.archive-item{display:grid;grid-template-columns:50px 1fr 100px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:29px 4px}.archive-item:hover h2{color:var(--green)}.archive-number{color:#a3af99;font:italic 23px Georgia,serif}.archive-item h2{font-size:20px;font-weight:500;margin:11px 0}.archive-item p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.archive-tail{display:flex;flex-direction:column;align-items:end;gap:25px;font-size:11px;color:var(--muted)}.archive-tail span:last-child{font-size:22px;color:var(--green)}.article-wrap{width:min(720px,calc(100% - 96px));margin:0 auto;padding:43px 0 75px}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--green)}.article-header{padding:42px 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-header h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.6;letter-spacing:.2px;margin:20px 0}.article-meta{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.article-body{font-size:15px;line-height:2.05;color:#435148}.article-body .lead{font-size:17px;color:#59665c;margin-bottom:35px}.article-body h2{font-size:21px;line-height:1.6;font-weight:550;margin:35px 0 13px;color:var(--ink)}.article-body p{margin:0 0 19px}.article-body ol,.article-body ul{padding-left:1.5em;margin:15px 0 25px}.article-body li{padding-left:4px;margin-bottom:8px}.article-body strong{font-weight:600;color:var(--ink)}.article-body blockquote{margin:26px 0;padding:18px 23px;border-left:3px solid #8a9c7d;background:var(--soft);font-family:var(--serif);font-size:18px;line-height:1.9}.reading-box{background:#edf0e8;border-radius:5px;padding:23px 25px;margin:30px 0}.reading-box p,.reading-box ul{margin-bottom:0}.box-label{font-size:11px;color:var(--green);letter-spacing:1px;display:block;margin-bottom:12px}.article-body pre{padding:18px 22px;background:#edf0e8;border-radius:4px;overflow:auto;font-size:13px;line-height:1.9}.article-body a:not(.primary-link){color:var(--green);text-decoration:underline;text-underline-offset:4px}.article-body .primary-link{color:white;line-height:1.5;margin:3px 0 15px}.next-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.next-note small{font-size:10px;color:var(--muted);display:block;margin-bottom:10px}.next-note strong{font-size:16px;font-weight:500}.next-note>span:last-child{font-size:24px;color:var(--green)}.about-page .article-header h1{font-size:40px;margin-top:0}.about-page .eyebrow{margin-bottom:18px}
@media(min-width:1500px){.hero{padding:88px 0}.hero h1{font-size:55px}}
@media(max-width:950px){.wrap{width:calc(100% - 64px)}.hero{padding:58px 0;gap:15px}.hero h1{font-size:40px}.paper-scene{padding-left:20px;padding-right:15px}.paper-sheet{padding:20px}.paper-side-label{right:-10px;font-size:7px}.brand-name{font-size:12px}.site-header{gap:18px}.site-header nav{gap:21px}.login-link{margin-left:0}.note-card{padding:23px}.note-card h3{font-size:17px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{height:auto;min-height:87px;flex-wrap:wrap;gap:0;padding:17px 0 12px}.brand{gap:5px;flex:1}.brand-icon{width:28px}.brand-icon svg{width:27px;height:27px}.brand strong{font-size:20px}.brand-name{font-size:12px;margin-left:7px;letter-spacing:0}.site-header nav{order:3;width:100%;margin-top:14px;gap:25px}.site-header nav a{font-size:12px;padding:5px 0}.login-link{padding:8px 10px;font-size:11px}.login-link span{margin-left:5px}.hero{grid-template-columns:1fr;padding:40px 0 39px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:18px}.hero h1{font-size:clamp(31px,7.9vw,44px);line-height:1.55;letter-spacing:-1px;margin-bottom:18px}.hero-description{font-size:13px;line-height:2;margin-bottom:23px}.paper-scene{display:none}.primary-link{font-size:12px;padding:12px 17px;gap:35px}.latest{padding-top:26px}.section-header{margin-bottom:20px}.section-header h2{font-size:20px}.section-header .eyebrow{font-size:8px;letter-spacing:1.5px}.count{font-size:10px;margin-left:8px}.text-link{font-size:11px}.text-link span{margin-left:5px}.note-grid{grid-template-columns:1fr;gap:13px}.note-card{padding:21px 22px 16px}.note-card h3{font-size:18px;margin-top:14px}.note-card>p{font-size:12px;margin-bottom:20px}.card-bottom{font-size:10px;padding-top:11px}.about-strip{gap:14px;flex-wrap:wrap;padding:25px 0;margin:32px 0 18px}.strip-symbol{font-size:29px}.about-strip>div{flex:1}.about-strip h2{font-size:14px;line-height:1.7}.about-strip p{font-size:11px}.about-strip .text-link{margin-left:43px}.site-footer{padding:15px 0 26px;align-items:start}.footer-brand{font-size:11px}.site-footer p{font-size:9px}.footer-right{flex-direction:column;align-items:end;gap:10px;font-size:9px}.archive{padding:40px 0 45px}.page-intro h1{font-size:33px}.page-intro>p:last-child{font-size:13px;line-height:1.9}.archive-list{margin-top:30px}.archive-item{grid-template-columns:24px 1fr;gap:13px;padding:23px 0}.archive-number{font-size:19px;align-self:start;padding-top:2px}.archive-item h2{font-size:17px;line-height:1.7}.archive-item p{font-size:12px}.archive-tail{display:none}.article-wrap{width:calc(100% - 42px);padding:28px 0 50px}.article-header{padding:27px 0 23px;margin-bottom:24px}.article-header h1{font-size:28px;line-height:1.6;margin:17px 0}.article-meta{font-size:10px}.article-body{font-size:14px;line-height:2}.article-body .lead{font-size:15px;margin-bottom:26px}.article-body h2{font-size:19px;margin-top:27px}.article-body blockquote{font-size:16px;padding:16px 18px;margin:23px 0}.reading-box{padding:20px;margin:25px 0}.article-body pre{font-size:11px;padding:16px}.next-note{margin-top:32px;padding-top:23px}.next-note strong{font-size:14px;line-height:1.8}.about-page .article-header h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}