@charset "UTF-8";
:root{color-scheme:light;--bg:#f7f6ef;--paper:#fffef9;--ink:#253c32;--muted:#748078;--line:#dcdfd4;--green:#254b38;--accent:#ce754a;--soft:#e9ede2;--shadow:rgba(35,60,46,.08);--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#d9b899;color:#183b2c}.shell{width:min(1170px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:-70px;left:16px;z-index:10;padding:12px;background:var(--green);color:white}.skip-link:focus{top:12px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}section{scroll-margin-top:30px}
.site-header{border-bottom:1px solid var(--line)}.header-inner{height:91px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #aebdb0;border-radius:50%;font-size:29px;line-height:1;font-weight:400}.brand strong{display:block;font-family:var(--serif);font-size:17px;letter-spacing:.1em}.brand small{display:block;margin-top:5px;color:var(--muted);font:9px/1 var(--sans);letter-spacing:.16em}.main-nav{display:flex;align-items:center;gap:44px;margin:auto}.main-nav a{position:relative;padding:10px 0;color:#64746a;font-size:13px}.main-nav a:hover,.main-nav .nav-current{color:var(--ink)}.main-nav .nav-current:after{position:absolute;right:0;bottom:-2px;left:0;height:2px;background:var(--accent);content:""}.theme-toggle{display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:22px}.theme-toggle:hover{background:var(--soft)}
.hero{min-height:646px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:65px;padding-top:58px;padding-bottom:70px}.hero-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker{margin:0;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span:first-child{width:26px;height:1px;background:var(--accent)}.eyebrow-en{color:#98a298;font-size:9px}.hero h1{margin:27px 0 25px;font-family:var(--serif);font-size:clamp(45px,5vw,68px);font-weight:600;line-height:1.38;letter-spacing:.03em}.hero h1 em{font-style:normal;color:#718e72}.hero-dot,.section-heading h2 i,.about-copy h2 i,.related-title h2 i{color:var(--accent);font-style:normal}.hero-description{margin:0;color:#79857d;font-size:14px;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button-primary{min-width:146px;display:flex;justify-content:space-between;align-items:center;gap:23px;padding:16px 19px;background:var(--green);color:#fff;font-size:12px;transition:background .2s,transform .2s}.button-primary:hover{background:#3d664e;transform:translateY(-2px)}.button-primary span,.button-text span,.text-link span{font-size:17px}.button-text,.text-link{font-size:12px;font-weight:700}.button-text span,.text-link span{margin-left:12px;color:var(--accent)}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:57px;color:#8e9a8f}.hero-footnote>span{font-size:25px;color:var(--accent)}.hero-footnote p{margin:0;font-size:11px;line-height:1.6}.hero-footnote small{font-size:9px;letter-spacing:.1em}.hero-visual{position:relative;align-self:center}.visual-frame{position:relative;overflow:hidden;background:#e2e8d8;box-shadow:20px 20px 0 #e9e9dc}.visual-frame img{width:100%;height:490px;object-fit:cover}.visual-caption,.visual-index{position:absolute;bottom:22px;color:#fffdf2;font-size:10px;letter-spacing:.11em}.visual-caption{left:24px;font-family:var(--serif);font-size:12px;font-style:italic;letter-spacing:.04em}.visual-index{right:23px}.hero-stamp{position:absolute;top:-18px;right:-18px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff9ed;font-size:32px}
.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ribbon .shell{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;color:#7a897d;font-size:10px;letter-spacing:.15em;white-space:nowrap}.ribbon span:nth-child(even){color:#c38968;font-size:15px}.ribbon span:nth-last-child(3){font-size:9px}
.articles-section{padding-top:110px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-kicker span{color:#9aa69b}.section-heading h2,.about-copy h2,.related-title h2{margin:19px 0 13px;font-family:var(--serif);font-size:40px;line-height:1.2;font-weight:600;letter-spacing:.03em}.section-heading h2 span,.about-copy h2 span,.related-title h2 span{color:#789377}.section-heading>div>p:last-child{margin:0;color:var(--muted);font-size:13px}.article-count{display:flex;align-items:end;gap:9px;color:#99a59b}.article-count span{font:italic 43px/1 Georgia,serif;color:#8b9d8e}.article-count small{padding-bottom:6px;font-size:10px}.article-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:48px 0 30px;padding-bottom:16px;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{min-width:59px;padding:8px 16px;border:1px solid transparent;border-radius:25px;background:transparent;color:var(--muted);font-size:12px}.filter:hover{border-color:#aebdb0}.filter.active{background:var(--green);color:#fff}.search-box{display:flex;align-items:center;gap:7px;color:#849189}.search-box span{font-size:25px;line-height:1}.search-box input{width:152px;padding:8px 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:5px}.search-box input::placeholder{color:#a0aaa2}
.featured-card{display:grid;grid-template-columns:48% 1fr;min-height:325px;background:var(--paper)}.featured-card[hidden],.article-row[hidden]{display:none}.featured-art{position:relative;overflow:hidden;min-height:325px;background:#d9dfcb;color:#385946}.featured-art-label{position:absolute;z-index:1;top:23px;right:25px;left:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}.featured-art-figure{position:absolute;top:49px;right:31%;bottom:-55px;left:31%;overflow:hidden;border-radius:100% 100% 0 0;background:#e8b997;transform:rotate(-8deg)}.featured-art-figure:before{position:absolute;top:32%;right:0;bottom:0;left:-45%;border-radius:50%;background:#839d7c;content:""}.featured-art-figure:after{position:absolute;top:43%;right:-40%;bottom:-20%;left:8%;border-radius:50%;background:#4f745b;content:""}.featured-art-figure span{position:absolute;z-index:1;top:19%;left:36%;width:49px;height:49px;border-radius:50%;background:#fbdfac}.featured-art-caption{position:absolute;z-index:2;bottom:22px;left:25px;color:#334f3d;font-family:var(--serif);font-size:12px;line-height:1.6;letter-spacing:.1em}.featured-copy{align-self:center;padding:45px 60px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#99a59c;font-size:10px;letter-spacing:.08em}.category-label{color:var(--accent);font-weight:700}.demo-label{padding:4px 6px;border:1px solid #d9ded1;color:#98a297;font-size:9px;letter-spacing:0}.featured-copy h3{margin:27px 0 14px;font:600 26px/1.5 var(--serif)}.featured-copy h3 a:hover,.row-main h3 a:hover{color:var(--accent)}.featured-copy>p,.row-main>p{color:var(--muted);font-size:13px;line-height:1.9}.featured-copy .text-link{display:inline-block;margin-top:22px}.article-row{display:grid;grid-template-columns:55px 1fr 50px;align-items:start;gap:22px;padding:29px 4px;border-bottom:1px solid var(--line)}.row-number{padding-top:3px;color:#a3aea4;font:italic 17px Georgia,serif}.row-main h3{margin:10px 0 5px;font:600 19px/1.5 var(--serif)}.row-main>p{margin:0}.row-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .2s,color .2s}.row-arrow:hover{background:var(--green);color:white}.empty-state{padding:40px 0;color:var(--muted);font-size:13px;text-align:center}
.about-section{background:var(--soft)}.about-inner{position:relative;display:grid;grid-template-columns:.75fr 1fr;gap:120px;align-items:center;min-height:385px;padding-top:75px;padding-bottom:75px}.about-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;height:210px;margin:auto;border:1px solid #bdcab9;border-radius:50%;color:#7a977c}.about-symbol>span{font-size:102px;line-height:1}.about-symbol small{margin-top:5px;font-size:8px;letter-spacing:.15em}.about-copy{max-width:570px}.about-copy>p:not(.section-kicker){color:#718076;font-size:13px;line-height:2.05}.about-copy .about-note{font-size:11px!important;color:#9aa69b!important}.about-copy .text-link{display:inline-block;margin-top:12px}.about-spark{position:absolute;right:6%;top:54px;color:#bdcdbd;font-size:30px}.site-footer{background:var(--green);color:#f5f7ec}.footer-inner{min-height:165px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .brand-mark{border-color:#779482}.footer-brand strong{font-family:var(--serif);font-size:17px;letter-spacing:.1em}.footer-brand p{margin:6px 0 0;color:#b2c2b2;font-size:11px}.footer-end{color:#9ab09f;font-size:9px;letter-spacing:.13em}.footer-end span{margin-left:13px;color:#e2b492;font-size:17px}.footer-inner>a{color:#d7e3d5;font-size:11px}
.post-shell{max-width:790px;width:calc(100% - 48px);margin:0 auto;padding:58px 0 110px}.back-link{color:#809087;font-size:12px}.back-link:hover{color:var(--accent)}.post-intro{padding:73px 0 40px}.post-intro h1{margin:20px 0;font:600 clamp(34px,5vw,51px)/1.35 var(--serif);letter-spacing:.035em}.post-description{margin:0 0 25px;color:var(--muted);font-size:15px;line-height:1.9}.post-divider{position:relative;display:grid;place-items:center;margin:0 0 52px;color:var(--accent)}.post-divider:before,.post-divider:after{position:absolute;top:50%;width:calc(50% - 18px);height:1px;background:var(--line);content:""}.post-divider:before{left:0}.post-divider:after{right:0}.post-content{font-size:15px;line-height:2.05;overflow-wrap:anywhere}.post-content h2,.post-content h3{margin:2em 0 .7em;font-family:var(--serif);line-height:1.5}.post-content h2{font-size:25px}.post-content h3{font-size:19px}.post-content p{margin:0 0 1.4em}.post-content a{color:var(--accent);text-decoration:underline}.post-content blockquote{margin:2em 0;padding:3px 20px;border-left:3px solid var(--accent);color:var(--muted)}.post-content pre{overflow:auto;padding:20px;background:var(--soft);font-size:13px;line-height:1.65}.post-content :not(pre)>code{padding:3px 5px;background:var(--soft)}.post-content table{border-collapse:collapse;width:100%}.post-content th,.post-content td{padding:8px;border:1px solid var(--line);text-align:left}.post-end{display:flex;align-items:center;justify-content:center;gap:13px;margin:80px 0;color:#8b9c8d}.post-end>span{color:var(--accent);font-size:27px}.post-end p{font-family:var(--serif);font-size:13px}.post-end small{display:block;margin-top:4px;font:9px var(--sans);letter-spacing:.12em}.related-section{padding-top:36px;border-top:1px solid var(--line)}.related-title h2{font-size:28px}.related-link{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.related-link span{color:var(--accent);font-size:10px}.related-link strong{flex:1;font:600 15px var(--serif)}.related-link b{font-size:17px;font-weight:400}
body.dark{color-scheme:dark;--bg:#1d2b24;--paper:#26382d;--ink:#ecf0e6;--muted:#b1beb0;--line:#435548;--green:#9fc2a2;--accent:#e2a27e;--soft:#304437;--shadow:rgba(0,0,0,.15)}body.dark .site-footer,body.dark .button-primary,body.dark .filter.active{background:#496d53;color:#fff}body.dark .visual-frame{box-shadow:20px 20px 0 #314239}body.dark .hero-description,body.dark .about-copy>p:not(.section-kicker){color:#b0beb1}body.dark .main-nav a{color:#b7c5b8}body.dark .featured-art{color:#385946}body.dark .search-box input{color:var(--ink)}body.dark .row-arrow:hover{background:#9fc2a2;color:#1d2b24}
@media(max-width:900px){.shell{width:min(100% - 48px,1170px)}.hero{gap:35px;min-height:580px}.hero h1{font-size:clamp(42px,5.8vw,57px)}.visual-frame img{height:425px}.featured-copy{padding:34px}.about-inner{gap:55px}.hero-footnote{margin-top:40px}}
@media(max-width:650px){.shell{width:calc(100% - 36px)}.header-inner{height:76px}.brand-mark{width:38px;height:38px;font-size:25px}.brand strong{font-size:15px}.brand small{font-size:8px}.main-nav{gap:17px;margin:0 18px 0 auto}.main-nav a{font-size:12px}.theme-toggle{width:34px;height:34px;font-size:19px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:54px;padding-bottom:50px}.hero h1{margin:21px 0;font-size:clamp(41px,9vw,56px)}.hero-description{font-size:13px}.hero-footnote{margin-top:30px}.hero-visual{align-self:stretch;margin-right:12px}.visual-frame{box-shadow:12px 12px 0 #e9e9dc}.visual-frame img{height:360px}.hero-stamp{right:-12px;width:48px;height:48px;font-size:28px}.ribbon .shell{min-height:52px;justify-content:flex-start;gap:23px}.articles-section{padding-top:75px;padding-bottom:75px}.section-heading h2,.about-copy h2{font-size:34px}.article-toolbar{align-items:flex-start;flex-direction:column;gap:15px;margin-top:35px}.search-box{width:100%;padding:0 10px;border:1px solid var(--line)}.search-box input{width:100%}.featured-card{grid-template-columns:1fr}.featured-art{min-height:245px}.featured-copy{padding:30px 25px 34px}.featured-copy h3{margin-top:19px}.featured-copy .text-link{margin-top:13px}.article-row{grid-template-columns:32px 1fr 38px;gap:11px;padding:24px 0}.row-number{font-size:14px}.row-main h3{font-size:17px}.row-main>p{font-size:12px}.about-inner{grid-template-columns:1fr;gap:38px;padding-top:65px;padding-bottom:70px}.about-symbol{width:150px;height:150px}.about-symbol>span{font-size:73px}.about-copy{max-width:none}.about-spark{right:5%;top:35px}.footer-inner{min-height:190px;align-items:flex-start;flex-direction:column;justify-content:center;gap:20px}.footer-end{display:none}.post-shell{padding-top:35px;padding-bottom:75px}.post-intro{padding-top:55px}.post-content{font-size:14px}.post-end{margin:60px 0}}
@media(max-width:370px){.brand small{display:none}.brand{gap:7px}.main-nav{gap:11px;margin-right:10px}.hero h1{font-size:38px}.eyebrow-en{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}