:root{--paper:#f7f4ec;--ink:#282e29;--muted:#75796c;--line:#dedfd3;--red:#9c4436;--green:#344f45;--serif:Georgia,'Times New Roman','Songti SC','Noto Serif CJK SC',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--reader-size:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}img{display:block;width:100%;object-fit:cover}::selection{background:#d9dfd1}.skip-link{position:fixed;top:-60px;left:16px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;display:none;background:transparent}.reading-progress span{height:100%;width:0;display:block;background:var(--red)}body.is-reader .reading-progress{display:block}
.site-header{border-bottom:1px solid var(--line);height:98px;background:var(--paper);position:relative;z-index:20}.header-inner{max-width:1240px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{height:43px;width:34px;color:var(--red)}.brand>span{font-family:var(--serif);font-size:25px;letter-spacing:-.7px}.brand small{display:block;font-size:10px;letter-spacing:5px;line-height:2.1;color:var(--muted);padding-left:2px}.main-nav{display:flex;gap:35px;font-size:13px;letter-spacing:.1px;margin-left:auto;margin-right:45px}.main-nav a{padding:10px 0}.main-nav a:hover{color:var(--red)}.language-switch{display:flex;gap:10px;align-items:center;font-size:12px}.language-switch button{border:0;padding:5px 0;background:none;color:var(--muted)}.language-switch button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}.language-switch span{color:#b2b3a8}
.container{max-width:1240px;padding:0 40px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:12px;color:var(--green);font-weight:600}.eyebrow:before{content:'';display:block;width:23px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center;padding-top:54px;padding-bottom:56px}.hero-copy{padding:12px 0}.hero h1{font-family:var(--serif);font-size:clamp(52px,4.8vw,68px);font-weight:400;line-height:1.08;letter-spacing:-2.9px;margin:26px 0 24px;max-width:550px}.hero h1 em{font-weight:400;color:var(--green)}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:380px;margin:0 0 28px}.button-primary{display:inline-flex;align-items:center;gap:31px;background:var(--green);color:#fffef8;padding:15px 21px;font-size:12px;letter-spacing:.3px;border:1px solid var(--green);transition:background .2s,transform .2s}.button-primary:hover{background:#253b32;transform:translateY(-2px)}.button-primary .arrow{font-size:19px;font-weight:300;line-height:1}.hero-note{display:flex;gap:20px;margin-top:31px;font-size:10px;color:var(--muted);letter-spacing:.3px}.hero-note span{display:flex;align-items:center;gap:6px}.hero-note span:before{content:'✧';color:var(--red);font-size:14px}.hero-art{position:relative;padding:15px 17px 0 0}.hero-art:before{content:'';position:absolute;inset:0 0 26px 20px;border:1px solid #c6cabb;z-index:-1}.hero-art img{height:450px;object-position:center 49%;filter:saturate(.85)}.hero-art-caption{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted)}.hero-seal{position:absolute;bottom:65px;right:-15px;background:var(--red);color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.4;writing-mode:vertical-rl;padding:13px 10px;border:3px double #bf7c68;box-shadow:0 1px 5px #0001}
.intro-rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:18px 20px;gap:24px}.intro-rule p{font-family:var(--serif);font-size:15px;font-style:italic;color:#686e62;margin:0}.intro-rule .ornament{font-size:16px;color:#929c83}.collection{padding-top:49px;padding-bottom:55px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.section-heading h2{font-family:var(--serif);font-size:36px;letter-spacing:-1px;font-weight:400;margin:0 0 9px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-heading>span{font-size:10px;color:var(--muted);letter-spacing:1px;padding-bottom:5px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}.filter{background:transparent;color:#727969;border:1px solid var(--line);padding:8px 16px;font-size:11px;border-radius:2px}.filter.active{background:var(--green);color:var(--paper);border-color:var(--green)}.filter:hover{border-color:var(--green)}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.story-card{min-width:0;animation:appear .45s ease both}.card-art{position:relative;display:block;overflow:hidden;background:#e7e6db}.card-art img{aspect-ratio:1.15;height:auto;object-position:50% 55%;transition:transform .5s;filter:saturate(.87)}.card-art:hover img{transform:scale(1.035)}.card-number{position:absolute;top:14px;left:15px;font-family:var(--serif);font-size:11px;background:var(--paper);padding:7px 8px;color:#4a574b}.card-content{padding-top:20px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--red);margin-bottom:11px}.reading-time{color:var(--muted);letter-spacing:.3px;text-transform:none}.reading-time:before{content:'◷';margin-right:5px;font-size:12px}.card-content h3{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.7px;margin:0 0 5px;line-height:1.25}.card-title-zh{font-family:var(--serif);font-size:11px;letter-spacing:3px;color:#828776;margin:0 0 13px}.card-summary{font-size:12px;color:var(--muted);line-height:1.8;min-height:65px;margin:0 0 17px}.card-link{font-size:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px}.card-link>span:last-child{font-size:20px;line-height:1;color:var(--red)}.card-link:hover{color:var(--red)}.empty-filter{padding:30px;color:var(--muted)}
.ad-slot{max-width:920px;margin:0 auto 57px;background:#f0efe6;border:1px dashed #d1d4c6;min-height:92px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#959b8b}.ad-slot span{font-size:8px;letter-spacing:2px;text-transform:uppercase}.ad-slot small{font-size:10px;letter-spacing:.4px}.about-section{display:grid;grid-template-columns:110px 1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:40px 0 51px;align-items:start;scroll-margin-top:30px}.about-seal{width:75px;height:75px;border:1px solid #b36553;color:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:26px;line-height:1.1;text-align:center;position:relative}.about-seal:after{content:'';position:absolute;inset:4px;border:1px solid #b36553}.about-section h2{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.4px;line-height:1.3;margin:1px 0 12px}.about-section .about-subtitle{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--red)}.about-section p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.site-footer{background:#edf0e7;border-top:1px solid #d8ddcf;padding:31px max(40px,calc((100vw - 1160px)/2)) 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:27px}.footer-brand{font-family:var(--serif);font-size:20px}.footer-brand span{font-size:10px;letter-spacing:2px;margin-left:13px;color:var(--muted)}.footer-top p{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted);margin:0}.footer-top>a:last-child{font-size:10px;color:var(--green)}.footer-bottom{border-top:1px solid #d8ddcf;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#828977}.loading-state{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font:26px var(--serif)}.loading-state span{font:12px var(--sans);letter-spacing:3px;color:var(--muted)}
.reader-wrap{max-width:800px;padding:35px 40px 0;margin:auto}.reader-back{display:inline-flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.reader-back:hover{color:var(--red)}.reader-heading{display:grid;grid-template-columns:1fr 120px;gap:32px;align-items:center;padding:38px 0 35px;border-bottom:1px solid var(--line)}.reader-heading .eyebrow{margin-bottom:18px}.reader-title{font:400 47px/1.12 var(--serif);letter-spacing:-1.8px;margin:0 0 10px}.reader-subtitle{font:16px var(--serif);color:var(--muted);letter-spacing:3px;margin:0 0 20px}.reader-mood{color:var(--muted);font:italic 16px/1.6 var(--serif);margin:0 0 17px}.reader-meta{font-size:10px;display:flex;flex-wrap:wrap;gap:17px;color:var(--muted)}.reader-heading img{height:150px;object-position:center 58%}.reader-tools{position:sticky;top:0;z-index:30;background:var(--paper);max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);gap:15px}.reader-tools .language-switch{gap:14px}.text-size{display:flex;align-items:center;gap:12px}.text-size button{background:none;border:1px solid var(--line);width:31px;height:31px;color:var(--ink);font-family:var(--serif);font-size:15px}.text-size button:hover{border-color:var(--ink)}.text-size span{font-size:10px;color:var(--muted)}.story-body{max-width:720px;margin:34px auto 0;font-family:var(--serif);font-size:var(--reader-size);line-height:1.75;overflow-wrap:break-word}.story-paragraph{margin:0 0 1.5em}.story-body>.story-paragraph:first-child:first-letter{float:left;font-size:3.7em;line-height:.8;padding:12px 12px 0 0;color:var(--green)}.story-body:lang(zh){line-height:2.15;letter-spacing:.05em}.story-body:lang(zh)>.story-paragraph:first-child:first-letter{font-size:3em;line-height:1;padding-top:8px}.author-comment{border-top:1px solid var(--line);padding-top:25px;color:#737866;font-size:.86em}.story-end{font-family:var(--serif);color:var(--red);text-align:center;font-size:23px;padding:14px 0 28px}.source-note{max-width:720px;margin:auto;border-top:1px solid var(--line);padding:23px 0 27px;color:var(--muted);font-size:10px;line-height:1.9}.source-note a{color:var(--green);border-bottom:1px solid #aebaa5}.reader-ad{margin-top:20px;margin-bottom:36px;max-width:720px}.next-story{max-width:720px;margin:0 auto 57px;display:grid;grid-template-columns:90px 1fr 35px;gap:23px;align-items:center;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-story img{height:95px}.next-story small{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--red)}.next-story h2{font:25px var(--serif);margin:9px 0 6px}.next-story p{font-size:11px;color:var(--muted);margin:0}.next-story>.arrow{font-size:25px;color:var(--green)}.next-story:hover h2{color:var(--red)}.error-state{text-align:center;padding:120px 25px}.error-state h1{font:36px var(--serif)}.error-state p{color:var(--muted);line-height:1.8}.error-state a{display:inline-block;border-bottom:1px solid var(--red);padding:10px}
@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{gap:100px}.hero-art img{height:470px}}
@media(max-width:900px){.hero{gap:35px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-art img{height:410px}.header-inner{padding:0 25px}.main-nav{margin-right:10px;gap:22px}.container{padding:0 25px}.hero-note{gap:11px;flex-wrap:wrap}.stories-grid{gap:20px}.card-content h3{font-size:23px}.about-section{gap:25px;grid-template-columns:75px 1fr 1fr}.site-footer{padding-left:25px;padding-right:25px}.footer-top p{display:none}}
@media(max-width:650px){html{scroll-padding-top:20px}.site-header{height:82px}.header-inner{padding:0 20px;gap:12px}.brand{gap:9px}.brand>span{font-size:21px}.brand small{font-size:8px;letter-spacing:4px}.brand-mark{height:37px;width:29px}.main-nav{display:none}.language-switch{gap:7px;font-size:11px}.container{padding:0 22px}.hero{grid-template-columns:1fr;gap:30px;padding:37px 0 32px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:52px;margin:23px 0 20px;line-height:1.08;letter-spacing:-2px}.hero-description{font-size:14px;max-width:340px;margin-bottom:24px}.hero-note{margin-top:22px;gap:19px;font-size:9px}.hero-art{padding:10px 10px 0 0}.hero-art img{height:310px;object-position:center 45%}.hero-seal{right:-7px;bottom:50px;font-size:16px}.hero-art-caption{font-size:8px;letter-spacing:1px}.intro-rule{padding:17px 8px;gap:10px}.intro-rule p{font-size:12px;text-align:center;line-height:1.5}.intro-rule .ornament{font-size:12px}.collection{padding:35px 0 34px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:30px}.section-heading p{font-size:11px;line-height:1.6;max-width:235px}.section-heading>span{display:none}.filters{gap:7px;margin-bottom:23px}.filter{padding:7px 10px;font-size:10px}.stories-grid{grid-template-columns:1fr;gap:31px}.card-art img{aspect-ratio:1.35;object-position:center 54%}.card-content{padding-top:16px}.card-content h3{font-size:27px}.card-summary{min-height:0;font-size:13px;margin-bottom:15px}.card-title-zh{margin-bottom:10px}.card-link{font-size:12px}.ad-slot{margin-bottom:35px;min-height:82px}.about-section{grid-template-columns:55px 1fr;gap:21px;padding:30px 0 35px}.about-seal{width:53px;height:61px;font-size:21px}.about-section h2{font-size:25px;margin-top:0}.about-section>p{grid-column:2;line-height:1.85;font-size:12px}.about-section .about-subtitle{font-size:9px}.site-footer{padding:25px 22px 22px}.footer-top{padding-bottom:21px;flex-wrap:wrap;gap:17px}.footer-brand{font-size:21px}.footer-top>a:last-child{font-size:11px}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.reader-wrap{padding:25px 22px 0}.reader-heading{grid-template-columns:1fr;gap:22px;padding:30px 0 25px}.reader-title{font-size:38px;letter-spacing:-1.2px}.reader-heading img{height:180px;width:100%;object-position:center 53%}.reader-mood{font-size:15px}.reader-subtitle{font-size:13px}.reader-meta{font-size:9px;gap:12px}.reader-tools{padding:20px 0;gap:9px}.reader-tools .language-switch{gap:10px}.text-size{gap:8px}.text-size span{display:none}.story-body{margin-top:27px;line-height:1.9}.source-note{font-size:10px}.next-story{grid-template-columns:70px 1fr 20px;gap:17px;margin-bottom:35px}.next-story h2{font-size:22px}.next-story img{height:85px}.next-story p{line-height:1.6}.next-story>.arrow{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:360px){.reader-tools{flex-wrap:wrap}.brand>span{font-size:19px}.header-inner{padding:0 14px}}

.learning-note{max-width:720px;margin:22px auto 0;color:var(--muted);font-size:12px;line-height:1.7;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.learning-note p{flex:1;margin:0}.learning-note span{font-size:11px}.learning-note button,.paragraph-actions button{border:1px solid var(--line);background:transparent;color:var(--green);padding:7px 10px;font:11px var(--sans);cursor:pointer}.learning-note #audio-status{flex-basis:100%;color:var(--green)}.learning-paragraph{position:relative;outline-offset:8px;border-radius:3px}.learning-paragraph .story-paragraph{margin-bottom:12px}.paragraph-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}.paragraph-actions button{border:0;padding:4px 0;font-size:12px;color:var(--muted)}.paragraph-actions button:hover{color:var(--green);text-decoration:underline}.learning-paragraph:hover .paragraph-actions button{border-color:#aab6a2}.comparison-panel{display:none;position:static;margin:16px 0 28px;padding:2px 0 2px 18px;border-left:2px solid var(--line);font-family:var(--serif);font-size:15px;line-height:1.9;color:var(--muted)}.show-comparison .comparison-panel{display:block}.comparison-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:11px var(--sans);letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:10px}.comparison-heading button{border:0;background:none;font-size:23px;line-height:1;color:var(--muted);padding:0 5px}.comparison-panel h3{font:12px var(--sans);color:var(--red);margin:18px 0 7px;letter-spacing:2px}.comparison-panel p{margin:0}.comparison-panel p+p{margin-top:12px}@media(max-width:650px){.comparison-panel{padding-left:14px;font-size:14px}.learning-note{font-size:11px}.learning-note p{flex-basis:100%}}



.reader-player{position:fixed;z-index:50;left:50%;bottom:20px;transform:translateX(-50%);width:min(720px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:#344f45;color:#fffdf7;border-radius:8px;box-shadow:0 8px 30px #17271c30;font:13px/1.5 var(--sans)}.reader-player[hidden]{display:none}.reader-player>div{min-width:0}.player-label{display:block;font-size:9px;letter-spacing:1.6px;color:#c8d4c8;margin-bottom:3px}.reader-player button{flex-shrink:0;border:1px solid #819b8c;border-radius:4px;padding:8px 12px;background:transparent;color:inherit;font:12px var(--sans)}.reader-player button:hover{background:#ffffff15}.is-reader .site-footer{padding-bottom:100px}.player-controls{display:flex;gap:8px;align-items:center}.reader-player button:disabled{opacity:.45;cursor:default}@media(max-width:650px){.reader-player{bottom:calc(12px + env(safe-area-inset-bottom));padding:12px 14px;gap:10px;font-size:12px}.reader-player button{padding:8px}.player-label{font-size:8px}}

@media(max-width:650px){.reader-player{flex-wrap:wrap}.reader-player>div:first-child{flex:1;min-width:130px}.player-controls{gap:5px}.reader-player .player-controls button{font-size:11px;padding:7px}.reader-tools{padding:14px 0}}

.comparison-tabs{display:flex;gap:14px;align-items:center}.comparison-heading [data-compare-version]{font:12px var(--sans);padding:3px 0;color:var(--muted);border-bottom:1px solid transparent}.comparison-heading [data-compare-version][aria-pressed=true]{color:var(--green);border-bottom-color:var(--green)}.comparison-panel [data-comparison-text]{margin-top:14px}