:root{--ink:#151e25;--ink-soft:#202d35;--paper:#f3f2eb;--white:#fcfcf8;--muted:#747c7e;--line:#d6dbd5;--accent:#e2ef64;--font:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.7}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #547526;outline-offset:5px}button{border:1px solid var(--line);border-radius:0;background:none;color:inherit;min-height:44px;padding:9px 16px}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,h4,figure{margin:0}h1,h2,h3,h4{line-height:1.3}a,button{touch-action:manipulation}.skip-link{position:absolute;left:18px;top:-100px;background:var(--accent);padding:10px;z-index:20}.skip-link:focus{top:12px}.site-header{max-width:1280px;padding:26px 40px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px;letter-spacing:.05em}.brand-mark{background:var(--ink);color:var(--accent);display:grid;place-items:center;width:43px;height:45px;font-size:24px;line-height:1;transform:rotate(-4deg)}.brand small{display:block;font-size:10px;color:#606b6c;font-weight:500;letter-spacing:.15em;margin-top:1px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.site-header nav a{padding:8px 0}.header-read{border:1px solid var(--ink);padding:9px 18px;font-size:14px;font-weight:700}.header-read span{margin-left:15px}.hero{background:var(--ink);color:var(--paper);max-width:1200px;margin:4px auto 0;display:grid;grid-template-columns:1fr .84fr;gap:45px;padding:60px 66px 58px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;position:absolute;width:330px;height:330px;background-image:radial-gradient(#738477 1px,transparent 1px);background-size:7px 7px;bottom:-200px;left:-110px;opacity:.4;border-radius:50%}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:650;display:flex;align-items:center;gap:8px}.hero .eyebrow{color:var(--accent)}.hero .eyebrow span{width:6px;height:6px;background:var(--accent)}h1{font-size:61px;letter-spacing:.055em;font-weight:850;margin:13px 0 15px}.hero-answer{color:#c8d1d2;line-height:1.95;max-width:430px;font-size:15px}.hero-story{margin-top:39px;border-left:2px solid var(--accent);padding-left:22px}.micro-label{color:#b9c5c5;font-size:11px;letter-spacing:.14em}.hero-story h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:43px;font-weight:700;letter-spacing:.05em;margin:11px 0 15px}.hero-story h2 span{display:block}.hero-story>p:last-child{color:#c8d1d2;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 22px;font-size:15px;min-height:50px;font-weight:750}.primary{color:var(--ink);background:var(--accent);border:1px solid var(--accent)}.primary:hover{background:#ecf695}.text-link{font-size:13px;border-bottom:1px solid #687579;padding:9px 0}.text-link span{margin-left:12px}.hero-foot{margin-top:22px;font-size:11px;color:#b4bfc0;letter-spacing:.055em}.hero-foot span{margin:0 9px}.cover{position:relative;max-width:400px;justify-self:end;transform:rotate(2deg);align-self:center;box-shadow:-12px 12px 0 #2c3a3f,18px 20px 40px #0006}.cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.cover figcaption{position:absolute;bottom:0;width:100%;padding:65px 24px 24px;background:linear-gradient(transparent,#081621e8);display:flex;flex-direction:column}.cover figcaption span{font-family:"Songti SC",serif;letter-spacing:.17em;font-size:29px;font-weight:800}.cover figcaption small{font-size:11px;margin-top:6px;color:#e1e6dc}.cover-index{position:absolute;top:18px;right:-14px;color:var(--ink);background:var(--accent);font-size:11px;padding:5px 15px;letter-spacing:.12em;font-weight:800}.section{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}.chapter-section{padding-top:73px;padding-bottom:63px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading .eyebrow{color:#5f6e69;margin-bottom:9px}.section-heading h2{font-size:29px;letter-spacing:.02em}.section-heading>p{color:#697572;font-size:14px}.search{display:flex;gap:12px;align-items:center;max-width:590px;margin-bottom:9px}.search label{font-size:13px;flex-shrink:0;font-weight:700}.search input{width:100%;min-width:0;height:48px;background:var(--white);border:1px solid #cbd1cb;padding:0 14px;border-radius:0;font-size:14px;color:var(--ink)}.search button{white-space:nowrap;font-size:13px}.search-result{font-size:12px;color:#68706e;min-height:24px;margin-left:52px;margin-bottom:20px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.chapter-card{display:flex;position:relative;gap:16px;border-top:2px solid var(--ink);border-bottom:1px solid #c3cbc5;padding:27px 4px 25px;transition:background .15s}.chapter-card:hover{background:#e7eadf}.chapter-number{font-family:Georgia,serif;font-size:46px;line-height:1;color:#7d896f;font-style:italic}.chapter-tag{font-size:11px;color:#636f66;letter-spacing:.11em;margin-bottom:8px}.chapter-card h3{font-size:23px;letter-spacing:.04em;margin-bottom:12px}.chapter-card div>p:last-child{font-size:13px;line-height:1.85;max-width:210px;padding-right:12px}.card-arrow{position:absolute;top:23px;right:4px;font-size:22px}.empty-result{padding:28px;background:#e7e8dd;font-size:14px}.chapter-card[hidden],.empty-result[hidden]{display:none}.story-brief{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;border-top:1px solid var(--line);padding-top:50px;padding-bottom:64px}.story-brief h2{font-family:"Songti SC",serif;font-size:35px;line-height:1.5;margin-top:13px;letter-spacing:.07em}.brief-copy>p{font-size:15px;line-height:2.1}.brief-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px;margin-bottom:0}.brief-copy dl>div{display:flex;gap:12px;font-size:12px}.brief-copy dl>div:last-child{grid-column:1/-1}.brief-copy dt{color:#727d77}.brief-copy dd{margin:0}.reader-section{background:#fffef9;padding-top:56px;padding-bottom:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s,color .2s}.reader-heading{margin-bottom:7px}.reading-tools{display:flex;gap:10px;align-items:center;font-size:13px}.reading-tools button{font-size:13px}.reading-tools a{padding:10px 15px;background:var(--ink);color:var(--paper)}.reader-status{max-width:1120px;margin:0 auto 26px;font-size:12px;color:#647166;min-height:22px}.comic-chapter{padding-top:35px;padding-bottom:37px;scroll-margin-top:18px}.chapter-title{display:flex;align-items:center;gap:16px}.chapter-title>span{font-family:Georgia,serif;font-size:47px;line-height:1;color:#728263;font-style:italic}.chapter-title p{font-size:11px;letter-spacing:.1em;color:#61735e;margin-bottom:6px}.chapter-title h3{font-size:29px}.save-bookmark{margin-left:auto;font-size:12px}.chapter-intro{font-size:14px;margin:20px 0 25px;max-width:780px;line-height:1.9}.comic-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:36px;align-items:start}.comic-page{background:#f6f3e9;border:1px solid #e4e2d4;box-shadow:0 8px 22px #22362908}.comic-page img{width:100%;height:auto}.comic-page figcaption{text-align:center;font-size:11px;color:#647165;padding:10px}.transcript-label{font-size:11px;letter-spacing:.13em;color:#647165;padding:0 0 17px;border-bottom:1px solid var(--line)}.panel-caption{display:flex;gap:13px;padding:21px 0 24px;border-bottom:1px solid var(--line)}.panel-caption>span{font-family:Georgia,serif;font-size:13px;color:#75886d}.panel-caption h4{font-size:16px}.panel-caption blockquote{margin:13px 0 9px;font-size:15px;font-weight:600;line-height:1.8}.panel-caption p{font-size:13px;color:#65716e;line-height:1.95}.chapter-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:23px;padding:20px 0 0;border-top:1px solid var(--line);font-size:13px}.chapter-navigation a{min-height:44px;display:flex;align-items:center}.story-end{text-align:center;padding:40px 20px 18px}.story-end>span{display:inline-flex;justify-content:center;align-items:center;border:1px solid #84936f;width:48px;height:48px;font-family:"Songti SC",serif;font-size:23px;transform:rotate(-5deg)}.story-end p{font-family:"Songti SC",serif;font-size:24px;letter-spacing:.12em;margin:22px 0 12px}.story-end a{font-size:12px;color:#65716e}.faq-section{padding-top:65px;padding-bottom:72px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px}.faq-grid article{border-top:1px solid #c6cfc4;padding-top:22px}.faq-grid h3{font-size:17px;margin-bottom:12px;line-height:1.5}.faq-grid p{color:#55635d;font-size:14px;line-height:1.9;max-width:470px}.faq-grid a{display:inline-block;font-size:12px;margin-top:13px;border-bottom:1px solid #8a9881;padding-bottom:3px}.faq-grid a span{padding-left:10px}footer{background:var(--ink);color:var(--paper);padding:44px max(40px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:30px;align-items:center}footer .brand-mark{background:var(--accent);color:var(--ink)}footer p{font-size:12px;color:#c1ccca;line-height:1.95}footer>a:last-child{font-size:12px;color:var(--accent)}.noscript-note{padding:20px;text-align:center;font-size:14px}body.reading-dark .reader-section{background:#182127;color:#e6e9df}body.reading-dark .reader-section .eyebrow,body.reading-dark .reader-section .chapter-title p,body.reading-dark .reader-section .panel-caption p,body.reading-dark .reader-status,body.reading-dark .transcript-label,body.reading-dark .story-end a{color:#b1bdb7}body.reading-dark .reader-section button{border-color:#748277}body.reading-dark .reader-section .panel-caption,body.reading-dark .reader-section .transcript-label,body.reading-dark .chapter-navigation{border-color:#425044}body.reading-dark .reading-tools a{background:var(--accent);color:var(--ink)}.error-page{background:var(--ink);color:var(--paper);display:grid;place-items:center;min-height:100vh;text-align:center;padding:30px}.error-page .brand-mark{margin:0 auto 25px;background:var(--accent);color:var(--ink)}.error-page h1{font-size:36px;letter-spacing:.04em}.error-page .button{margin-top:30px}
@media(min-width:1450px){.hero{padding-top:60px;padding-bottom:60px}}@media(max-width:1000px){.site-header{padding:22px 28px;gap:24px}.site-header nav{gap:19px}.hero{margin:0 20px;gap:30px;padding:43px 40px;grid-template-columns:1fr .85fr}.hero h1{font-size:48px}.hero-story{margin-top:27px}.hero-story h2{font-size:37px}.hero-actions{gap:16px}.cover figcaption span{font-size:24px}.section{padding-left:32px;padding-right:32px}.chapter-grid{gap:20px}.chapter-card{gap:10px}.chapter-number{font-size:36px}.chapter-card h3{font-size:21px}.story-brief{gap:35px}.comic-layout{grid-template-columns:1.15fr .9fr;gap:25px}.panel-caption{padding:17px 0}.panel-caption blockquote{font-size:14px}.panel-caption p{font-size:12px}.reader-status{margin-left:32px;margin-right:32px}footer{padding-left:32px;padding-right:32px}}@media(max-width:700px){html{scroll-padding-top:18px}.site-header{padding:18px 20px;gap:13px}.brand{font-size:18px;gap:10px}.brand-mark{width:36px;height:38px;font-size:21px}.brand small{font-size:8px;letter-spacing:.08em}.site-header nav{display:none}.header-read{margin-left:auto;font-size:12px;padding:9px 12px}.header-read span{margin-left:5px}.hero{margin:0 12px;padding:31px 24px 36px;display:flex;flex-direction:column;gap:37px}.hero h1{font-size:43px;letter-spacing:.035em;margin-top:12px;margin-bottom:13px}.eyebrow{font-size:10px;letter-spacing:.1em}.hero-answer{font-size:14px;line-height:1.95}.hero-story{margin-top:27px;padding-left:17px}.hero-story h2{font-size:36px;letter-spacing:.05em;margin-top:9px;margin-bottom:10px}.hero-story h2 span{display:inline}.micro-label{font-size:10px}.hero-story>p:last-child{font-size:13px}.hero-actions{margin-top:23px;gap:20px;flex-wrap:wrap}.button{padding:12px 18px;font-size:14px;gap:24px}.text-link{font-size:12px}.hero-foot{margin-top:17px;font-size:10px}.hero-foot span{margin:0 7px}.cover{width:88%;max-width:350px;align-self:center;transform:rotate(1.8deg);box-shadow:-9px 9px 0 #2c3a3f,12px 15px 25px #0005}.cover figcaption span{font-size:27px}.cover figcaption{padding-bottom:22px}.cover-index{right:-10px}.section{padding-left:23px;padding-right:23px}.chapter-section{padding-top:46px;padding-bottom:40px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:25px}.section-heading>p{font-size:13px;margin-top:12px}.search{gap:8px}.search label{font-size:12px}.search input{font-size:12px;padding:0 10px}.search button{font-size:12px;padding:8px 11px}.search-result{margin-left:0;font-size:11px;margin-top:10px;margin-bottom:18px}.chapter-grid{grid-template-columns:1fr;gap:0}.chapter-card{padding:25px 7px;gap:20px;border-top-width:1px}.chapter-card:first-child{border-top-width:2px}.chapter-card+ .chapter-card{border-top:0}.chapter-card h3{font-size:23px;margin-bottom:8px}.chapter-card div>p:last-child{max-width:none;font-size:13px;line-height:1.85;padding-right:13px}.chapter-number{font-size:44px;width:48px;flex-shrink:0}.chapter-tag{font-size:10px}.card-arrow{right:5px;top:27px}.story-brief{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:42px}.story-brief h2{font-size:30px;line-height:1.4;margin-top:9px}.brief-copy>p{font-size:14px}.brief-copy dl{grid-template-columns:1fr;margin-top:22px;gap:11px}.brief-copy dl>div:last-child{grid-column:auto}.reader-section{padding-top:40px;padding-bottom:28px}.reading-tools{margin-top:21px;gap:10px}.reading-tools button,.reading-tools a{font-size:12px}.reader-status{margin-left:23px;margin-right:23px;margin-top:17px;font-size:11px}.comic-chapter{padding-top:26px;padding-bottom:28px}.chapter-title{gap:11px;flex-wrap:wrap}.chapter-title>span{font-size:39px}.chapter-title h3{font-size:25px}.chapter-title p{font-size:10px}.save-bookmark{padding:8px 10px;font-size:11px}.chapter-intro{font-size:13px;line-height:1.95;margin:18px 0 19px}.comic-layout{grid-template-columns:1fr;gap:27px}.comic-page{margin-left:-7px;margin-right:-7px}.comic-page figcaption{font-size:10px}.panel-caption{padding:18px 0}.panel-caption h4{font-size:16px}.panel-caption blockquote{font-size:14px}.panel-caption p{font-size:13px}.chapter-navigation{margin-top:17px;padding-top:12px;font-size:12px}.chapter-navigation a{max-width:49%}.story-end{padding-top:18px}.story-end p{font-size:19px;letter-spacing:.05em}.faq-section{padding-top:41px;padding-bottom:44px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid h3{font-size:16px}.faq-grid p{font-size:13px}.faq-grid article{padding-top:20px}footer{padding:32px 23px;display:grid;grid-template-columns:1fr auto;gap:22px}footer p{grid-column:1/-1;grid-row:2;font-size:12px}footer>a:last-child{font-size:11px}.error-page h1{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:370px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:39px}.hero-story h2{font-size:32px}.hero-actions{gap:14px}.hero-actions .button{padding:11px 15px}.text-link span{margin-left:5px}.save-bookmark{margin-left:0}.chapter-title{column-gap:13px}.chapter-title>div{flex:1}.section{padding-left:20px;padding-right:20px}}