:root{--bg:#f7f9fa;--ink:#293f4d;--muted:#72818b;--blue:#5f87a5;--pale:#e8f0f5;--line:#e0e7eb;--serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}::selection{background:#d6e7f3}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.wrap{max-width:1180px;margin-inline:auto;padding-inline:38px}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;color:#5b7f99}.brand>span{font:600 27px var(--serif);letter-spacing:5px;display:flex;align-items:center;gap:17px}.brand small{font:10px var(--sans);letter-spacing:3px;color:var(--muted);padding-top:5px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav>a{color:var(--muted);position:relative;padding:14px 0}.header nav>a:hover,.header nav>a.active{color:var(--ink)}.header nav>a.active:after{content:"";width:4px;height:4px;border-radius:100%;background:var(--blue);position:absolute;bottom:3px;left:calc(50% - 2px)}.icon-button{padding:7px;border:0;background:none;display:grid;place-items:center}.icon-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;fill:none}.header .icon-button{margin-left:1px;color:var(--muted)}.hero{min-height:552px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;position:relative}.hero-copy{padding-top:15px;padding-bottom:45px;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;color:#6e899c;margin-bottom:30px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#95b6ce}h1{font:500 clamp(38px,4.1vw,54px)/1.55 var(--serif);letter-spacing:4px;margin:0 0 22px}.blue-word{color:#658ca7}.intro{font-size:13px;line-height:2.15;color:var(--muted);letter-spacing:.7px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:28px;font-size:12px}.primary{padding:14px 22px;border-radius:4px;background:#6489a3;color:white;display:flex;gap:31px;align-items:center;transition:background .2s}.primary:hover{background:#4d748f}.primary>span{font-size:18px;line-height:14px}.text-link{display:flex;gap:14px;align-items:center}.text-link:hover{color:var(--blue)}.hero-footnote{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1px;color:#8b99a3;margin-top:42px}.hero-footnote i{width:21px;height:1px;background:#bdcdd8}.landscape{align-self:center;position:relative;margin-left:-23px;margin-right:-33px;margin-top:-30px}.landscape>svg{width:100%;height:auto}.landscape-caption{display:block;text-align:center;margin-top:-48px;padding-right:29px;color:#8da3b3;font:11px var(--serif);letter-spacing:3px}.principle{display:flex;align-items:center;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:23px;margin-top:0;color:var(--muted)}.principle-label{font-size:10px;letter-spacing:2px;white-space:nowrap}.principle p{font-size:11px;letter-spacing:.6px;margin:0;flex:1}.principle strong{font-weight:500;color:#52728a}.divider{margin:0 19px;color:#b9c8d2}.tiny-symbol{font-size:27px;color:#89a7bc}.notes-section{padding-top:62px;padding-bottom:63px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.section-kicker{font-size:8px;letter-spacing:2.5px;color:#8195a4}.section-heading h2{font:500 29px var(--serif);letter-spacing:3px;margin:12px 0 0}.heading-dot{color:#8baec7;margin-left:6px}.section-aside{font-size:10px;letter-spacing:.7px;color:#95a0a8;padding-bottom:5px}.notes-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:65px}.filter-bar{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);min-height:45px}.filter{background:none;border:0;font-size:11px;color:#8b969f;white-space:nowrap;position:relative;min-height:45px;padding:0 0 14px}.filter span{font-size:8px;margin-left:3px;color:#a3b3bf}.filter.selected{color:#527d9a}.filter.selected:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#7398b2}.filter:hover{color:#527d9a}.mini-search{margin-left:auto;padding-bottom:19px;color:#8b969f}.mini-search svg{width:15px;height:15px}.content-note{font-size:9px;color:#8998a3;display:flex;align-items:center;gap:6px;padding-top:17px}.sample-dot{width:4px;height:4px;background:#9cb6c7;border-radius:50%}.article{width:100%;padding:26px 0;display:grid;grid-template-columns:1fr 82px;gap:24px;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;align-items:center}.article:hover h3{color:#5f88a4}.article:hover .article-art{transform:translateY(-3px)}.article-meta{display:flex;align-items:center;gap:11px;font-size:9px;color:#97a3ac;margin-bottom:11px}.category{color:#6d8ba1}.article-meta .meta-dot{font-size:6px}.article h3{font:500 19px/1.5 var(--serif);letter-spacing:.7px;margin:0 0 9px;transition:color .2s}.article-excerpt{font-size:11px;line-height:1.9;color:#8a969f;margin:0}.article-art{width:82px;height:82px;border-radius:5px;background:#e8eff5;display:grid;place-items:center;transition:transform .2s}.article-art svg{width:57px;height:57px;color:#7e9fb7}.article-art.warm{background:#eeede6}.article-art.warm svg{color:#a29c87}.article-art.green{background:#e8efeb}.article-art.green svg{color:#89a293}.article:nth-of-type(n+4){padding-block:23px}.article:nth-of-type(n+4) .article-art{height:70px}.article:nth-of-type(n+4) h3{font-size:17px}.sidebar{padding-top:3px}.garden-card{background:#eaf1f6;min-height:352px;border-radius:5px;padding:24px 26px 25px;color:#68859b;position:relative;overflow:hidden}.small-label{font-size:9px;letter-spacing:1.6px;color:#8097a7}.garden-card>svg{width:116px;height:105px;margin:13px 0 13px 62px;color:#85a6bd}.garden-card h3{font:500 23px/1.6 var(--serif);letter-spacing:2px;margin:0 0 17px;color:#55778f}.garden-card p{font-size:10px;line-height:2.2;color:#8196a6;letter-spacing:.4px;margin:0 0 28px}.card-signature{font-size:8px;letter-spacing:1.8px;color:#98adbc}.explore-topics{margin-top:29px;padding:0 2px}.explore-topics>div{display:flex;flex-wrap:wrap;gap:9px 8px;margin-top:16px}.explore-topics button{font-size:9px;border:1px solid #e1e9ef;background:transparent;color:#8399a8;border-radius:3px;padding:6px 9px}.explore-topics button:hover{background:var(--pale);color:var(--blue)}.list-end{display:flex;align-items:center;justify-content:center;font:11px var(--serif);letter-spacing:1.5px;color:#9aabb8;margin:27px 0 0;gap:18px}.list-end span{font-size:23px;color:#a7bdcd}.about{display:flex;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:43px;align-items:center}.about-seal{height:76px;min-width:44px;border:1px solid #adc3d2;outline:1px solid #adc3d2;outline-offset:3px;display:flex;justify-content:center;align-items:center;text-align:center;font:20px/1.4 var(--serif);color:#7c9db5;position:relative;margin-left:4px}.about-copy{flex:1}.about-copy .section-kicker{font-size:7px;letter-spacing:1.9px}.about h2{font:500 22px var(--serif);letter-spacing:1.2px;margin:12px 0 15px}.about p{font-size:11px;line-height:2.1;color:#84919c;margin:0}.about p.about-last{margin-top:7px;color:#93a2ad}.back-top{font-size:9px;color:#8fa1af;display:flex;flex-direction:column;align-items:center;gap:13px;margin-left:15px}.back-top>span{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:16px}.back-top:hover{color:var(--blue)}.footer{display:flex;justify-content:space-between;align-items:center;padding-block:30px 33px;color:#9caab5;font-size:9px}.footer-brand{font:17px var(--serif);letter-spacing:2px;color:#718d9f}.footer-brand span{font:7px var(--sans);letter-spacing:2px;margin-left:8px;color:#98a9b5}.footer p{font:11px var(--serif);letter-spacing:2px;margin:0}.skip-link{position:absolute;left:20px;top:-60px;z-index:10;background:white;padding:10px}.skip-link:focus{top:10px}.search-area{padding:19px 0 0}.search-area[hidden]{display:none}.search-area label{font-size:10px;display:block;margin-bottom:9px;color:var(--muted)}.search-field{border:1px solid #cbdce7;border-radius:4px;display:flex;background:#fdfefe}.search-field input{border:0;background:transparent;flex:1;min-width:0;font-size:12px;color:var(--ink);padding:12px;outline-offset:0}.search-field button{border:0;background:transparent;font-size:10px;color:var(--blue);padding:10px}.empty{padding:60px 12px;text-align:center;font-size:12px;color:var(--muted);line-height:2}.empty button{margin-top:12px;background:var(--pale);border:0;color:var(--blue);padding:9px 16px;border-radius:3px}.reader-notice{font-size:11px!important;background:var(--pale);padding:12px 16px;line-height:1.8!important;border-left:2px solid #aec8da;color:#7b92a3!important}dialog{background:var(--bg);border:1px solid #e1e8ec;border-radius:10px;padding:0;width:min(760px,calc(100% - 32px));max-height:88dvh;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#263c4c73;backdrop-filter:blur(5px)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:1}.reader-toolbar>span{font:19px var(--serif);letter-spacing:2px}.reader-toolbar small{font:10px var(--sans);color:var(--muted)}.reader-body{padding:32px 54px 37px}.reader-body h2{font:500 31px/1.55 var(--serif);letter-spacing:1px;margin:13px 0 22px}.reader-body h3{font:500 21px var(--serif);margin:31px 0 14px}.reader-body p,.reader-body li{font-size:14px;line-height:2.1;color:#647887}.reader-body ul,.reader-body ol{padding-left:21px}.reader-body blockquote{margin:25px 0;padding:0 20px;border-left:2px solid #aac8db;font-family:var(--serif)}.reader-end{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;text-align:center;font:12px var(--serif);letter-spacing:3px;color:#9ab0bf}#reader-meta{font-size:10px;letter-spacing:1px;color:var(--blue)}body.reading{overflow:hidden}@media(min-width:1500px){.hero{min-height:590px}}@media(max-width:980px){.wrap{padding-inline:30px}.hero{grid-template-columns:1.1fr 1fr;min-height:510px}h1{font-size:44px;letter-spacing:2px}.landscape{margin-right:-17px;margin-left:-45px}.notes-layout{gap:32px;grid-template-columns:minmax(0,1fr) 225px}.filter-bar{gap:17px}.filter{font-size:10px}.garden-card{padding-inline:21px}.garden-card>svg{margin-left:49px}.principle{gap:25px}.divider{margin-inline:12px}.section-aside{font-size:9px}.article h3{font-size:17px}.article{gap:17px}.article-excerpt{font-size:10px}}@media(max-width:720px){.wrap{padding-inline:24px}.header{height:88px}.brand>span{font-size:24px;gap:12px}.brand-mark{width:36px;height:36px}.brand small{font-size:8px;letter-spacing:2px}.header nav{gap:22px;font-size:12px}.header nav>a:first-child{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:27px}.hero-copy{padding-top:9px;padding-bottom:0}.eyebrow{margin-bottom:24px;font-size:10px}h1{font-size:42px;line-height:1.5;margin-bottom:19px}.intro{font-size:12px}.hero-actions{font-size:11px;gap:25px}.primary{padding:13px 20px}.hero-footnote{margin-top:29px}.landscape{width:100%;max-width:500px;margin:-23px auto 24px}.landscape>svg{max-height:330px}.landscape-caption{margin-top:-31px;padding-right:0;font-size:10px}.principle{padding-block:22px;display:block}.principle-label{display:block;font-size:9px;margin-bottom:13px}.principle p{font-size:10px;line-height:2}.divider{margin-inline:8px}.tiny-symbol{display:none}.notes-section{padding-top:40px;padding-bottom:35px}.section-heading{margin-bottom:24px;align-items:center}.section-heading h2{font-size:27px}.section-kicker{font-size:7px;letter-spacing:2px}.section-aside{display:none}.notes-layout{display:block}.filter-bar{gap:23px}.filter{font-size:11px}.content-note{font-size:8px}.article{padding-block:24px;grid-template-columns:1fr 72px;gap:17px}.article-art{width:72px;height:72px}.article-art svg{width:51px;height:51px}.article h3{font-size:18px;letter-spacing:.2px}.article-excerpt{font-size:11px}.article-meta{font-size:9px;gap:8px}.article:nth-of-type(n+4) h3{font-size:18px}.sidebar{margin-top:37px;display:grid;grid-template-columns:1fr}.garden-card{min-height:0;padding:25px;display:grid;grid-template-columns:1fr 105px;column-gap:10px;align-items:start}.garden-card>.small-label{grid-column:1}.garden-card>svg{grid-column:2;grid-row:1 / span 4;margin:10px 0 0;width:100px;height:115px;align-self:center}.garden-card h3{grid-column:1;font-size:21px;margin:16px 0 13px}.garden-card p{grid-column:1;font-size:10px;margin:0 0 17px}.card-signature{grid-column:1;font-size:7px}.explore-topics{margin-top:22px}.explore-topics>div{margin-top:13px}.explore-topics button{font-size:10px}.about{gap:23px;padding-block:34px}.about-seal{min-width:34px;height:65px;font-size:18px}.about h2{font-size:19px;line-height:1.7;margin-top:9px}.about p{font-size:11px}.about p br{display:none}.about .back-top{display:none}.about-copy .section-kicker{font-size:6px;letter-spacing:1.2px}.footer{padding-block:26px;gap:16px;flex-wrap:wrap}.footer p{display:none}.footer>span{font-size:8px}.reader-body{padding:25px 24px}.reader-body h2{font-size:26px}.reader-toolbar{padding:14px 19px}.reader-body p,.reader-body li{font-size:13px}.list-end{font-size:10px;letter-spacing:1px}.search-field input{font-size:16px}}@media(max-width:380px){.wrap{padding-inline:19px}.brand small{display:none}.header nav{gap:19px}h1{font-size:37px}.filter-bar{gap:17px}.filter{font-size:10px}.principle p{font-size:9px}.divider{margin-inline:5px}.article h3,.article:nth-of-type(n+4) h3{font-size:16px}.article-excerpt{font-size:10px}.article{grid-template-columns:1fr 62px}.article-art{width:62px;height:62px}.about{gap:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Reading contrast: blue is used for structure, darker blue-grey for small text. */
.intro{font-size:14px;color:#6a7e8d}.article-excerpt{font-size:12px;color:#6d808d}.article-meta{font-size:10px;color:#788b98}.filter{font-size:12px;color:#6d818f}.content-note{color:#788b98}.section-aside{font-size:11px;color:#788b98}.about p{font-size:12px;color:#6d808d}.about p.about-last{color:#6d808d}.principle p{font-size:12px;color:#6d808d}.garden-card p{font-size:11px;color:#6d879a}.hero-footnote{color:#718797}.small-label{color:#698398}.explore-topics button{color:#647e90}.footer{color:#718797}.reader-notice{color:#617e93!important}.article:hover .article-art{transform:translateY(-2px)}
@media(max-width:980px){.filter{font-size:11px}.article-excerpt{font-size:12px}.section-aside{font-size:10px}.principle p{font-size:11px}}
@media(max-width:720px){.intro{font-size:13px}.filter-bar{gap:20px}.filter{font-size:11px}.article-excerpt{font-size:12px}.article-meta{font-size:10px}.about p{font-size:12px}.principle p{font-size:11px}.garden-card p{font-size:11px}.content-note{font-size:9px}}
@media(max-width:400px){.filter-bar{gap:14px}.filter{font-size:10px}.article-meta{font-size:9px}.principle p{font-size:10px}.divider{margin-inline:6px}.article-excerpt{font-size:11px}.content-note{font-size:8px}}