:root{--paper:#f7f4ec;--ink:#282e29;--muted:#666b5d;--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;min-height:44px;display:inline-flex;align-items:center}.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;min-height:44px}.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:14px 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:0 4px;background:none;color:var(--muted);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.language-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.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:var(--muted);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:var(--muted);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;min-height:44px}.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:var(--muted)}.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;display:inline-flex;align-items:center;min-height:44px}.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);display:inline-flex;align-items:center;min-height:44px}.footer-bottom{border-top:1px solid #d8ddcf;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.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:18px 40px 0;margin:auto}.reader-back{display:inline-flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);min-height:44px}.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.5;overflow-wrap:break-word}.story-paragraph{margin:0 0 .75em}.story-body:lang(zh){line-height:1.6;letter-spacing:.05em}.author-comment{border-top:1px solid var(--line);padding-top:25px;color:var(--muted);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:6px;font-size:11px}.language-switch span{display:none}.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;justify-content:flex-end}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.reader-wrap{padding:12px 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:8px}.text-size{gap:8px}.text-size button{width:44px;height:44px}.text-size span{display:none}.story-body{margin-top:27px;line-height:1.5}.story-body:lang(zh){line-height:1.6}.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:17px;white-space:nowrap}.header-inner{padding:0 14px;gap:8px}.language-switch{gap:4px}.language-switch button{min-width:40px}}

.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:18px}.paragraph-actions button{border:0;padding:0 3px;font-size:12px;color:var(--muted);min-height:44px;display:inline-flex;align-items:center}.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:8px 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 #84a08f;border-radius:4px;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;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:4px 14px;gap:10px;font-size:12px}.reader-player button{padding:0 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:0 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}

.reader-player{width:min(1120px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(150px,180px) minmax(180px,1fr) auto}.player-summary{min-width:0;min-block-size:56px}.player-timeline{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;min-width:180px}.player-timeline input{width:100%;min-height:44px;margin:0;accent-color:#f0c66a}.player-timeline input:disabled{opacity:.55}.player-timeline span{min-width:78px;text-align:right;font-variant-numeric:tabular-nums;color:#e4ebe3;font-size:11px}.player-controls{flex-wrap:wrap;justify-content:flex-end}.reader-player .player-controls button{justify-content:center;gap:4px}.reader-player .player-controls [data-audio-back],.reader-player .player-controls [data-audio-forward]{inline-size:128px;padding:0 7px}.reader-player .player-controls [data-pause-audio]{inline-size:92px;padding:0 7px}.reader-player .player-controls [data-stop-audio]{inline-size:72px;padding:0 7px}.player-control-icon{display:block;inline-size:16px;block-size:16px;flex:0 0 16px}.player-control-label-compact{display:none}.is-reader .site-footer{padding-bottom:130px}

@media(max-width:760px){.reader-player{width:calc(100vw - 16px);grid-template-columns:minmax(120px,1fr) auto;padding:6px 10px}.player-timeline{grid-column:1/-1;grid-row:2}.player-controls{grid-column:1/-1;justify-content:center;flex-wrap:nowrap;gap:2px}.reader-player .player-controls button{flex:1 1 0;inline-size:auto;min-width:44px;justify-content:center;max-width:none;padding:0 2px;gap:2px}.player-control-label-full{display:none}.player-control-label-compact{display:inline}.is-reader .site-footer{padding-bottom:190px}}

.reader-player .player-controls [data-speak]{inline-size:92px}
[data-sentence-id].active-sentence{background:#e4d5a5;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:var(--ink)}
@media(min-width:761px) and (max-width:1120px){.reader-player{grid-template-columns:minmax(150px,1fr) minmax(180px,1fr)}.player-controls{grid-column:1/-1;justify-content:center;flex-wrap:nowrap}}