:root{--paper:#efe8da;--paper-deep:#e8decb;--paper-light:#faf6ec;--ink:#1b1814;--ink-soft:#4a423a;--line:#d6c9b2;--vermilion:#8c2f23;--vermilion-dark:#5e1f16;--bronze:#8a7f6e;--night:#1e1b16;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--serif:"Songti SC", STSong, SimSun, "Noto Serif CJK SC", Georgia, serif;--latin-serif:"Iowan Old Style", Baskerville, Georgia, serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--shadow:0 24px 65px #3026181f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--serif);text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--ink);background:#d7b3a8}.shell{width:min(1240px,100% - 48px);margin-inline:auto}.narrow{width:min(790px,100% - 48px)}.section-space{padding-block:112px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--paper) 93%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;display:flex}.wordmark{align-items:center;gap:12px;display:flex}.wordmark strong{font-family:var(--serif);letter-spacing:.12em;font-size:17px;display:block}.wordmark small{color:#7a7064;font-family:var(--mono);letter-spacing:.24em;margin-top:1px;font-size:8px;display:block}.seal{aspect-ratio:1;border:1px solid var(--vermilion);width:32px;color:var(--vermilion);font-family:var(--serif);place-items:center;font-size:17px;display:grid}.site-header nav{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.08em;align-items:center;gap:34px;font-size:13px;display:flex}.site-header nav a{position:relative}.site-header nav a:after{background:var(--vermilion);content:"";transform-origin:100%;height:1px;transition:transform .2s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero{background:var(--paper);padding:96px 0 0;position:relative;overflow:hidden}.hero:after{pointer-events:none;content:"";background-image:linear-gradient(#614d3506 1px,#0000 1px);background-size:100% 7px;position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:80px;display:grid;position:relative}.hero-copy{padding:0 0 88px}.eyebrow,.section-kicker{color:var(--vermilion);font-family:var(--mono);letter-spacing:.28em;font-size:10px;font-weight:500}.hero h1{font-family:var(--serif);letter-spacing:.1em;margin:27px 0 0;font-size:clamp(58px,7.2vw,92px);font-weight:500;line-height:1.06}.hero-en{color:var(--ink-soft);font-family:var(--latin-serif);margin-top:14px;font-size:clamp(22px,2.7vw,33px);font-style:italic}.hero-lede{border-top:1px solid var(--line);max-width:22em;font-family:var(--serif);margin:40px 0 0;padding-top:32px;font-size:clamp(20px,2vw,24px);line-height:1.85}.hero-translation{color:#7a7064;max-width:590px;font-family:var(--latin-serif);margin:15px 0 0;font-size:16px;font-style:italic}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.button{min-height:48px;font-family:var(--sans);letter-spacing:.08em;border:1px solid #0000;justify-content:center;align-items:center;padding:0 24px;font-size:14px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--vermilion);color:#fff}.button-primary:hover{background:var(--vermilion-dark)}.button-quiet{border-color:var(--line);background:#ffffff4d}.button-quiet:hover{border-color:var(--ink)}.button-paper{background:var(--paper-light);color:var(--ink)}.portrait-wrap{align-self:end}.portrait-image{aspect-ratio:1223/1536;box-shadow:var(--shadow);filter:saturate(.8)contrast(1.03);background:#c8bca9 url(/images/ye-guozhi-author-flap.jpg) 50%/cover no-repeat;border:9px solid #e5dac4}.portrait-caption{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:17px 3px 36px;display:flex}.portrait-caption span{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:10px}.portrait-caption small{color:#8a7f6e;font-family:var(--mono);letter-spacing:.13em;font-size:9px}.archive-stats{z-index:2;border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.archive-stats>div{border-right:1px solid var(--line);justify-content:center;align-items:baseline;gap:12px;padding:29px 16px;display:flex}.archive-stats>div:last-child{border:0}.archive-stats strong{font-family:var(--serif);font-size:38px;font-weight:500}.archive-stats span{color:#7a7064;font-family:var(--sans);font-size:11px}.archive-stats small{font-family:var(--mono);letter-spacing:.16em;font-size:8px;font-weight:400}.intro-grid{grid-template-columns:200px minmax(0,1fr);gap:40px;display:grid}.intro-grid h2,.section-heading-row h2,.principles-section>.shell>h2,.about-mission h2{font-family:var(--serif);margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.28}.intro-grid p{max-width:640px;color:var(--ink-soft);font-family:var(--serif);margin:38px 0 0;font-size:18px;line-height:2.1}.reading-spread{padding-top:0;scroll-margin-top:70px}.reading-spread-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;padding-bottom:22px;display:flex}.reading-spread-header h2{font-family:var(--serif);letter-spacing:.05em;margin:10px 0 0;font-size:28px;font-weight:500}.reading-spread-header>a{color:var(--vermilion);font-family:var(--mono);letter-spacing:.15em;font-size:10px}.reading-spread-grid{background:var(--paper-light);border:1px solid #dcd1bc;border-top:0;grid-template-columns:minmax(0,1fr) 320px;display:grid}.reading-sample{border-right:1px solid #e4dac6;padding:58px 72px 52px}.reading-sample-meta{color:#a89a85;font-family:var(--mono);letter-spacing:.16em;flex-wrap:wrap;gap:18px;margin-bottom:27px;font-size:9px;display:flex}.reading-sample h3{font-family:var(--serif);letter-spacing:.06em;margin:0;font-size:35px;font-weight:500}.reading-sample-subtitle{color:#7a7064;font-family:var(--mono);letter-spacing:.17em;margin-top:7px;font-size:9px}.reading-excerpt{font-family:var(--serif);margin-top:34px;font-size:19px;line-height:2.2}.reading-excerpt p{margin:0 0 1.15em}.reading-sample-footer{color:#9b8e79;font-family:var(--mono);letter-spacing:.14em;border-top:1px solid #e4dac6;justify-content:space-between;gap:24px;margin-top:42px;padding-top:20px;font-size:9px;display:flex}.reading-sample-footer a{color:var(--vermilion)}.reading-context{background:#f5f0e3;align-content:start;gap:30px;padding:58px 34px;display:grid}.reading-context-kicker,.source-scan-label{color:var(--vermilion);font-family:var(--mono);letter-spacing:.2em;font-size:9px}.context-item{border-top:1px solid #e0d5bf;padding-top:26px}.context-item h4{font-family:var(--serif);margin:0 0 8px;font-size:16px;font-weight:500}.context-item p{color:#6e655a;font-family:var(--serif);margin:0;font-size:13px;line-height:1.95}.source-scan{border-top:1px solid #e0d5bf;gap:12px;padding-top:26px;display:grid}.source-scan-label{color:#8a7f6e}.source-scan a{background:#e5dac4;border:1px solid #d2c5ac;display:block;overflow:hidden}.source-scan img{filter:saturate(.7)contrast(1.02);width:100%;height:auto;transition:transform .25s,filter .25s;display:block}.source-scan a:hover img{filter:saturate(.9)contrast(1.05);transform:scale(1.015)}.sections-section{border-block:1px solid var(--line);background:var(--paper)}.section-heading-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;display:flex}.section-heading-row h2{margin-top:10px}.section-heading-row>a{color:var(--vermilion);margin-bottom:11px;font-size:14px}.sections-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.section-card{background:var(--paper-light);min-height:260px;padding:34px;transition:background .2s,transform .2s;position:relative}.section-card:hover{z-index:1;background:#fdfaf3;transform:translateY(-3px);box-shadow:0 12px 28px #392d1b12}.section-number{color:var(--vermilion);font-family:var(--mono);letter-spacing:.16em;font-size:10px}.section-card h3{font-family:var(--serif);margin:24px 0 1px;font-size:28px;font-weight:500}.section-en{color:var(--bronze);font-family:var(--latin-serif);font-size:15px;font-style:italic}.section-card p{color:#6e655a;font-family:var(--serif);margin:22px 0 54px;font-size:14px;line-height:1.9}.card-meta{color:#8a7f6e;font-family:var(--mono);letter-spacing:.13em;border-top:1px solid #e7ddc9;justify-content:space-between;padding-top:14px;font-size:9px;display:flex;position:absolute;bottom:24px;left:34px;right:34px}.journey-section{background:var(--night);color:#f3eee4}.section-kicker.light{color:#b9a882}.journey-grid{grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.journey-grid h2{font-family:var(--serif);margin:18px 0 0;font-size:clamp(35px,5vw,65px);font-weight:400;line-height:1.5}.journey-grid h2 span{color:#b9a882;font-family:var(--latin-serif)}.journey-intro{color:#a79e8f;max-width:25em;font-family:var(--serif);margin:35px 0 0;font-size:15px;line-height:2}.journey-list{border-top:1px solid #ffffff3b;margin:0;padding:0;list-style:none}.journey-list li{border-bottom:1px solid #ffffff3b;grid-template-columns:110px 1fr;padding:26px 0;display:grid}.journey-list span{color:#b9a882;font-family:var(--mono);letter-spacing:.1em;grid-row:span 2;font-size:11px}.journey-list strong{font-family:var(--serif);font-size:21px;font-weight:500}.journey-list p{color:#a79e8f;font-family:var(--serif);margin:4px 0 0}.principles-section h2{max-width:750px;margin-top:16px}.principles-grid{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px;display:grid}.principles-grid article{border-top:1px solid var(--line);padding-top:22px}.principles-grid span{color:var(--vermilion);font-family:Georgia,serif;font-size:12px}.principles-grid h3{font-family:var(--serif);margin:20px 0 10px;font-size:23px;font-weight:500}.principles-grid p{color:var(--ink-soft);font-family:var(--serif);margin:0;line-height:1.9}.page-shell,.reading-page,.about-page{min-height:70vh}.page-hero,.reading-header{text-align:center;padding-top:94px;padding-bottom:62px}.page-hero h1,.reading-header h1{font-family:var(--serif);letter-spacing:.05em;margin:18px 0 16px;font-size:clamp(45px,6vw,75px);font-weight:500}.page-hero p,.reading-header p{color:var(--ink-soft);font-family:var(--serif);margin:0 auto;font-size:19px;line-height:1.9}.archive-index{margin-bottom:90px}.source-note{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--serif);margin-bottom:90px;padding:28px 32px}.source-note strong{color:var(--ink)}.reading-page{background:var(--paper-light)}.back-link{color:var(--vermilion);margin-bottom:26px;font-size:13px;display:inline-block}.reading-header{max-width:920px}.reading-header h1{font-size:clamp(50px,7vw,86px)}.reading-header h1 span{color:var(--bronze);letter-spacing:0;margin-top:10px;font-family:Georgia,serif;font-size:18px;font-style:italic;font-weight:400;display:block}.reading-meta{color:var(--ink-soft);letter-spacing:.08em;margin-top:25px;font-size:12px}.reading-layout{grid-template-columns:250px minmax(0,750px);justify-content:center;gap:72px;padding-bottom:100px;display:grid}.toc{border-left:1px solid var(--line);align-self:start;max-height:calc(100vh - 150px);padding:22px 24px;position:sticky;top:118px;overflow:auto}.toc strong{color:var(--ink-soft);letter-spacing:.17em;margin-bottom:15px;font-size:11px;display:block}.toc a{font-family:var(--serif);padding:7px 0;font-size:14px;line-height:1.45;display:block}.toc a:hover{color:var(--vermilion)}.text-column{min-width:0}.archive-text{font-family:var(--serif);font-size:19px;line-height:2.05}.archive-text p{white-space:pre-line;text-align:justify;text-justify:inter-ideograph;margin:0 0 1.35em}.archive-text h2{border-top:1px solid var(--line);margin:3.4em 0 1.3em;padding-top:1em;scroll-margin-top:120px;font-size:30px;font-weight:500;line-height:1.45}.archive-text h2:first-child{margin-top:0}.archive-text h2 span{color:var(--vermilion);font-family:Georgia,serif;font-size:14px}.print-page{color:#958b7c;text-align:center;font-family:var(--sans);letter-spacing:.12em;margin:42px 0;font-size:10px}.reading-pagination{border-top:1px solid var(--line);color:var(--vermilion);justify-content:space-between;gap:30px;padding:30px 0 90px;display:flex}.about-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:85px;padding-top:80px;padding-bottom:90px;display:grid}.about-portrait{aspect-ratio:1223/1536;box-shadow:var(--shadow);background:#c8bca9 url(/images/ye-guozhi-author-flap.jpg) 50%/cover no-repeat}.about-hero h1{font-family:var(--serif);letter-spacing:.07em;margin:17px 0 0;font-size:clamp(50px,7vw,86px);font-weight:500}.about-years{color:var(--bronze);font-family:Georgia,serif;font-style:italic}.about-hero p:last-child{font-family:var(--serif);margin-top:34px;font-size:21px;line-height:2}.biography-grid{border-top:1px solid var(--line);grid-template-columns:1fr 3fr;gap:70px;display:grid}.biography-copy{font-family:var(--serif);font-size:19px;line-height:2}.biography-copy p{margin:0 0 1.5em}.about-mission{background:var(--vermilion-dark);color:#fff9ef;text-align:center}.about-mission p{font-family:var(--serif);margin:30px 0 40px;font-size:19px;line-height:2}.not-found{text-align:center;padding-block:140px}.not-found h1{font-family:var(--serif);font-size:58px;font-weight:500}.not-found p{color:var(--ink-soft);margin-bottom:35px}.site-footer{background:var(--night);color:#efe8da;border-top:1px solid #38322a;padding:54px 0 35px}.footer-grid{grid-template-columns:1.3fr 1fr auto;align-items:start;gap:50px;display:grid}.footer-title{font-family:var(--serif);letter-spacing:.08em;font-size:25px}.site-footer p{color:#a79e8f;margin:8px 0 0;font-size:13px}.footer-links{color:#b9a882;gap:25px;font-size:13px;display:flex}.copyright{text-align:right}:focus-visible{outline:2px solid var(--vermilion);outline-offset:4px}@media (max-width:900px){.section-space{padding-block:82px}.hero-grid{grid-template-columns:1fr .7fr;gap:35px}.hero-copy{padding-bottom:70px}.sections-grid{grid-template-columns:repeat(2,1fr)}.reading-spread-grid{grid-template-columns:minmax(0,1fr) 270px}.reading-sample{padding:48px 42px}.reading-context{padding:48px 28px}.journey-grid,.reading-layout{grid-template-columns:1fr}.toc{columns:2;border:1px solid var(--line);max-height:none;position:static}.toc strong{column-span:all}.about-hero{gap:45px}}@media (max-width:680px){.shell,.narrow{width:min(100% - 30px,1180px)}.header-inner{min-height:70px}.wordmark small{display:none}.site-header nav{gap:18px;font-size:13px}.site-header nav a:last-child{display:none}.hero{padding-top:48px}.hero-grid{flex-direction:column;align-items:stretch;display:flex}.hero-copy{padding:10px 0 32px}.hero h1{font-size:55px}.hero-lede br{display:none}.portrait-wrap{width:80%;margin-left:auto}.archive-stats{grid-template-columns:repeat(2,1fr)}.archive-stats>div:nth-child(2){border-right:0}.archive-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro-grid,.biography-grid{grid-template-columns:1fr;gap:28px}.reading-spread-header{display:block}.reading-spread-header>a{margin-top:18px;display:inline-block}.reading-spread-grid{grid-template-columns:1fr}.reading-sample{border-bottom:1px solid #e4dac6;border-right:0;padding:38px 25px 34px}.reading-sample-meta{gap:10px 16px}.reading-sample h3{font-size:30px}.reading-excerpt{font-size:17px;line-height:2.05}.reading-sample-footer{display:grid}.reading-context{padding:38px 25px}.source-scan{max-width:340px}.section-heading-row{display:block}.section-heading-row>a{margin-top:18px;display:inline-block}.sections-grid{grid-template-columns:1fr}.section-card{min-height:270px;padding:28px}.principles-grid{grid-template-columns:1fr;gap:30px}.journey-list li{grid-template-columns:88px 1fr}.page-hero,.reading-header{padding-top:65px;padding-bottom:45px}.toc{columns:1}.archive-text{font-size:17px;line-height:2}.archive-text p{text-align:left}.reading-pagination{font-size:13px}.about-hero{grid-template-columns:1fr;padding-top:45px}.about-portrait{width:82%}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}