:root{--paper:#f7f6f0;--ink:#253f36;--text:#3f4b42;--muted:#6a7064;--line:#dedfd3;--soft:#efefe5;--card:#fbfbf6;--accent:#63714f;--focus:#b07c39;color-scheme:light}
:root[data-theme=dark]{--paper:#19251f;--ink:#e3e9d9;--text:#c3cdbf;--muted:#99a692;--line:#354339;--soft:#243228;--card:#1d2c23;--accent:#b5c496;--focus:#d7ad71;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:3px}::selection{background:#d9dfc4;color:#253f36}.container{width:calc(100% - 80px);max-width:1140px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:-70px;padding:8px 16px;background:var(--ink);color:var(--paper);z-index:20}.skip-link:focus{top:12px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:650;font-size:23px;letter-spacing:.08em;line-height:1.1}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.22em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--ink)}.brand-mark svg{width:33px;height:33px;fill:none;stroke:var(--paper);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.site-header nav>a{padding:10px 0;color:var(--muted);position:relative}.site-header nav>a:hover,.site-header nav>a[aria-current]{color:var(--ink)}.site-header nav>a[aria-current]:after{content:"";position:absolute;bottom:4px;left:0;width:16px;height:2px;background:var(--accent)}.theme-toggle{display:grid;place-items:center;background:none;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;padding:7px;cursor:pointer;color:var(--ink)}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-sun{display:none}:root[data-theme=dark] .icon-sun{display:block}:root[data-theme=dark] .icon-moon{display:none}.eyebrow{margin:0;color:var(--accent);font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.6}.eyebrow>span:not(.article-divider){display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:1px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--ink)}h1,h2,.note-card h3,.collection-row h2,.next-note strong{font-family:"Noto Serif CJK SC","Songti SC","STSong","SimSun",Georgia,serif;font-weight:500}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:76px 0 84px}.hero h1{font-size:clamp(40px,4.4vw,62px);letter-spacing:-.035em;line-height:1.4;margin:22px 0 23px}.hero-description{font-size:16px;line-height:2;color:var(--muted);margin-bottom:27px}.text-link{display:inline-flex;gap:26px;align-items:center;font-size:14px;color:var(--ink);font-weight:500;padding-bottom:6px;border-bottom:1px solid var(--ink)}.text-link span{font-size:21px;line-height:1}.text-link:hover span{transform:translate(2px,-2px)}.hero-footnote{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:11px;margin-top:46px}.small-line{width:22px;height:1px;background:var(--line)}.hero-art{margin:0;background:#ebe9d9;border:1px solid #dadbc9;box-shadow:12px 12px 0 var(--soft);padding:14px 14px 0;transform:rotate(1deg)}.hero-art img{width:100%;height:auto;display:block;border:1px solid #d9d7c4}.hero-art figcaption{display:flex;justify-content:space-between;font-size:10px;color:#626651;padding:12px 2px 13px;letter-spacing:.03em}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.section-heading h2{font-size:28px;letter-spacing:.01em;margin:9px 0 0}.quiet-link{font-size:12px;color:var(--muted)}.quiet-link:hover{color:var(--ink)}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.note-card{display:flex;flex-direction:column;padding:26px 26px 21px;background:var(--card);border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease}.note-card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.category{font-size:10px;color:var(--accent);letter-spacing:.08em;line-height:1.4}.card-number{font-size:11px;color:var(--muted);font-family:Georgia,serif}.note-card h3{font-size:21px;margin:27px 0 15px;line-height:1.55}.note-card>p{font-size:13px;line-height:1.95;color:var(--muted);margin-bottom:30px;flex:1}.card-bottom{font-size:10px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}.card-arrow{color:var(--accent);font-size:18px;line-height:1}.closing-note{display:flex;align-items:center;gap:22px;padding:46px 0;margin-top:44px;border-bottom:1px solid var(--line)}.closing-asterisk{font-size:38px;line-height:1;color:var(--accent);font-family:Georgia,serif}.closing-note p{font-size:13px;line-height:1.9;margin:0}.closing-note p span{color:var(--muted)}.closing-note>a{margin-left:auto}.site-footer{padding:40px 0 32px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.footer-brand{color:var(--ink);font-family:"Songti SC","STSong",Georgia,serif;font-size:19px;letter-spacing:.08em}.footer-brand span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.15em;margin-left:12px;font-weight:500}.site-footer p{font-size:11px;color:var(--muted);margin:9px 0 0}.footer-links{display:flex;gap:25px;font-size:11px;padding-top:7px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.site-footer .footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:23px;margin-top:12px;font-size:10px;letter-spacing:.03em}.page-intro{padding:68px 0 44px}.page-intro h1{font-size:42px;line-height:1.5;letter-spacing:-.025em;margin:19px 0 17px}.page-intro>p:last-child{font-size:14px;color:var(--muted);margin-bottom:0}.collection-page{min-height:66vh}.collection-list{border-top:1px solid var(--line)}.collection-row{display:grid;grid-template-columns:65px 1fr 130px;gap:26px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.row-number{font-family:Georgia,serif;font-size:22px;color:var(--muted);align-self:start;padding-top:5px}.collection-row h2{font-size:27px;margin:8px 0 10px}.collection-row p{font-size:13px;color:var(--muted);max-width:560px;margin:0}.row-time{font-size:11px;color:var(--muted);text-align:right}.row-time span{display:inline-block;margin-left:24px;font-size:19px;color:var(--accent)}.collection-row:hover h2{color:var(--accent)}.collection-end{font-size:12px;color:var(--muted);padding:30px 0;margin:0}.article-page{max-width:860px;padding-top:40px}.back-link{font-size:12px;color:var(--muted)}.back-link:hover{color:var(--ink)}.article-heading{padding:46px 0 30px;max-width:710px;margin:auto;border-bottom:1px solid var(--line)}.article-divider{color:var(--muted);margin:0 10px}.article-heading h1{font-size:42px;line-height:1.5;letter-spacing:-.025em;margin:19px 0 22px}.article-summary{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:24px;max-width:650px}.article-meta{font-size:11px;color:var(--muted);margin:0}.article-meta span{margin:0 10px}.article-body{max-width:650px;margin:42px auto 0;font-size:16px;line-height:2.15;letter-spacing:.015em}.article-body p{margin:0 0 25px}.article-body h2{font-size:23px;margin:42px 0 18px;line-height:1.5}.article-signoff{max-width:650px;margin:42px auto;text-align:center;color:var(--accent)}.article-signoff>span{font-size:28px}.article-signoff p{font-size:11px;margin:4px 0 0;color:var(--muted)}.next-note{max-width:710px;margin:0 auto 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr 20px;gap:20px;align-items:center;padding:27px 0}.next-note>span:first-child{font-size:11px;color:var(--muted)}.next-note strong{font-size:21px;line-height:1.6}.next-note>span:last-child{font-size:22px;color:var(--accent)}.about-page{max-width:960px}.about-page .page-intro{padding-bottom:42px}.about-page .page-intro h1{font-size:48px}.about-content{display:grid;grid-template-columns:230px 1fr;gap:85px;padding:0 0 75px;border-bottom:1px solid var(--line)}.about-mark{background:var(--soft);align-self:start;padding:26px 20px 21px;border:1px solid var(--line)}.about-mark svg{fill:var(--accent);stroke:var(--accent);stroke-width:1.2;stroke-linecap:round}.about-mark svg path{fill:none}.about-mark>span{display:block;text-align:center;font-size:9px;letter-spacing:.23em;color:var(--accent);padding-top:12px}.about-prose p{font-size:15px;line-height:2.1;margin:0 0 23px}.about-prose .lead{font-size:20px;color:var(--ink);font-family:"Songti SC","STSong",Georgia,serif}.about-prose a{border-bottom:1px solid var(--accent);color:var(--ink)}.about-colophon{border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.about-colophon p{font-size:12px;color:var(--muted);margin:10px 0 0}.not-found{min-height:65vh;padding:58px 0 70px;text-align:center;border-bottom:1px solid var(--line)}.error-number{font-size:110px;line-height:1.3;color:var(--ink);font-family:Georgia,serif;letter-spacing:-.06em;position:relative;display:inline-block;margin:15px 0}.error-number span{font-size:35px;position:absolute;right:-40px;top:19px;color:var(--accent)}.not-found h1{font-size:29px;margin:15px 0 18px}.not-found>p:not(.eyebrow){font-size:13px;color:var(--muted)}.error-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.solid-link{display:inline-flex;gap:24px;align-items:center;background:var(--ink);color:var(--paper);padding:10px 19px;font-size:12px;border-radius:2px}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:94px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.hero{gap:35px;padding:60px 0}.hero h1{font-size:43px}.note-card{padding:21px 20px 18px}.note-card h3{font-size:19px}.about-content{gap:50px;grid-template-columns:190px 1fr}}
@media(max-width:680px){.container{width:calc(100% - 36px)}.site-header{height:89px}.brand{font-size:21px;gap:9px}.brand-mark{width:39px;height:39px;border-radius:10px}.brand-mark svg{width:29px;height:29px}.brand small{font-size:8px;margin-top:6px}.site-header nav{gap:21px;font-size:13px}.theme-toggle{width:30px;height:30px;padding:6px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0 53px}.hero h1{font-size:clamp(38px,10vw,52px);margin:19px 0}.hero-description{font-size:15px;margin-bottom:21px}.hero-footnote{margin-top:24px;font-size:10px}.hero-art{max-width:470px;width:100%;margin:0 auto;box-shadow:7px 7px 0 var(--soft);padding:10px 10px 0}.hero-art img{aspect-ratio:1.4;object-fit:cover}.hero-art figcaption{font-size:9px;padding:10px 1px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:25px}.eyebrow{font-size:9px}.notes-grid{grid-template-columns:1fr;gap:15px}.note-card{padding:23px}.note-card h3{font-size:23px;margin:18px 0 11px}.note-card>p{font-size:13px;margin-bottom:22px}.card-bottom{padding-top:13px}.closing-note{gap:15px;padding:30px 0;margin-top:25px;flex-wrap:wrap}.closing-asterisk{font-size:31px}.closing-note p{font-size:12px}.closing-note>a{margin-left:46px;font-size:11px}.site-footer{padding:30px 0 25px;gap:22px}.footer-links{gap:15px;font-size:10px}.footer-brand{font-size:18px}.footer-brand span{display:block;margin:5px 0 0;font-size:8px}.site-footer p{font-size:10px}.page-intro{padding:43px 0 29px}.page-intro h1{font-size:33px}.page-intro>p:last-child{font-size:13px}.collection-row{grid-template-columns:30px 1fr;gap:16px;padding:26px 0}.row-number{font-size:17px}.collection-row h2{font-size:23px}.collection-row p{font-size:12px}.row-time{grid-column:2;text-align:left;font-size:10px}.row-time span{margin-left:15px}.article-page{padding-top:28px}.article-heading{padding:34px 0 25px}.article-heading h1{font-size:31px;line-height:1.5;margin:17px 0}.article-summary{font-size:14px}.article-body{margin-top:30px;font-size:15px;line-height:2.15}.article-body h2{font-size:21px;margin-top:31px}.next-note{grid-template-columns:1fr 20px;gap:9px;padding:20px 0}.next-note>span:first-child{grid-column:1/-1}.next-note strong{font-size:19px}.about-page .page-intro h1{font-size:36px}.about-content{grid-template-columns:1fr;gap:32px;padding-bottom:45px}.about-mark{max-width:210px}.about-prose p{font-size:14px}.about-prose .lead{font-size:19px}.not-found{padding:45px 0 55px}.error-number{font-size:95px}.not-found h1{font-size:24px}}
@media(max-width:370px){.site-header nav{gap:14px}.brand{font-size:19px}.brand-mark{width:35px;height:35px}.footer-links{gap:10px}.hero h1{font-size:37px}.closing-note p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.language-toggle{background:none;border:1px solid var(--line);border-radius:18px;color:var(--ink);cursor:pointer;font-size:10px;line-height:1;padding:8px 10px;white-space:nowrap}.language-toggle:hover{background:var(--soft)}
@media(max-width:680px){.site-header nav{gap:14px}.language-toggle{padding:7px 8px}}
@media(max-width:370px){.site-header nav{gap:9px}.language-toggle{padding:6px 7px}}
@media(max-width:370px){.brand{font-size:16px;letter-spacing:.04em}.brand-mark{width:31px;height:31px}.theme-toggle{width:28px;height:28px}.site-header nav{gap:7px}}