:root{--paper:#FAF8F3;--dawn:#F0E4C8;--canopy:#1F5132;--foliage:#3F7D54;--understory:#14271D;--ink:#23302A;--light:#D6A23A;--mist:#647469;--line:rgba(138,150,141,.22);--serif:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif;--sans-zh:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--display:"Glow Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--sans-en:"Helvetica Neue","Helvetica","Segoe UI",Arial,sans-serif;--mono:"Menlo","Consolas",monospace;--maxw:1320px;--read:620px;--essay-bg:#F9F9F7;--glow-warm:rgba(214,162,58,.45);--glow-soft:rgba(240,228,200,.16)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:400;line-height:2;font-size:18px;letter-spacing:.002em}img{display:block;max-width:100%}a{color:inherit}.nav{max-width:var(--maxw);margin:0 auto;padding:40px 56px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}.wordmark{font-family:var(--display);font-size:21px;font-weight:500;letter-spacing:.04em;text-decoration:none;color:var(--understory);line-height:1.2}.wordmark .en{display:block;font-family:var(--mono);font-size:9.5px;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--mist);margin-top:8px}.nav-links{display:flex;gap:38px}.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist);text-decoration:none;padding-bottom:6px;border-bottom:1px solid transparent;transition:color .4s,border-color .4s}.nav-links a:hover,.nav-links a.active{color:var(--canopy);border-bottom-color:var(--light)}.gate{position:relative;height:106vh;min-height:700px;background:var(--paper)}.gate-media{position:relative;height:100vh;min-height:600px;width:100%;overflow:hidden}.gate-media img{width:100%;height:100%;object-fit:cover;animation:kenburns 26s ease-in-out infinite alternate;filter:saturate(.92)}@keyframes kenburns{0%{transform:scale(1.03)}to{transform:scale(1.12) translateY(-1.5%)}}.gate-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0a120e8c,#0a120e3d 12%,#0a120e00 26% 60%,#0a120e33 82%,#0a120e57)}.canopy-light{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.5;background:radial-gradient(120% 80% at 88% -8%,rgba(240,228,200,.4) 0%,rgba(240,228,200,.1) 34%,transparent 60%),radial-gradient(40% 26% at 72% 30%,rgba(214,162,58,.18) 0%,transparent 70%),radial-gradient(22% 16% at 60% 52%,rgba(255,244,214,.14) 0%,transparent 70%)}.g-menu{position:absolute;top:19px;left:30px;z-index:10;display:flex;gap:20px}.g-menu a{font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.7px;line-height:1.45;color:#fff;text-decoration:none;text-shadow:0 1px 14px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.4);transition:opacity .3s;opacity:.97}.g-menu a:hover{opacity:.7}.g-logo{position:absolute;top:13px;right:14px;z-index:10;width:38px;height:38px;display:block}.g-logo img{width:38px;height:38px;display:block;filter:drop-shadow(0 1px 10px rgba(0,0,0,.55))}.g-title{position:sticky;top:80vh;margin-top:-20vh;z-index:5;display:block;width:max-content;max-width:90vw;margin-left:.8cm;font-family:Helvetica Neue,PingFang SC,sans-serif;font-size:20px;font-weight:400;letter-spacing:20px;text-indent:20px;text-transform:uppercase;color:#fff;line-height:28px;white-space:nowrap;text-shadow:0 2px 22px rgba(0,0,0,.58);transition:color .35s,text-shadow .35s}.g-title.on-light{color:#14271d;text-shadow:none}.g-scroll{position:absolute;top:calc(100vh - 42px);left:50%;z-index:6;font-family:var(--display);font-size:11px;letter-spacing:.3em;color:#fff;text-decoration:none;text-shadow:0 1px 10px rgba(0,0,0,.55);animation:bob 2.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%);opacity:.6}50%{transform:translate(-50%,6px);opacity:.95}}.site-bar{position:fixed;top:0;left:0;width:100%;height:63px;z-index:75;background:#fff;border-bottom:1px solid rgba(0,0,0,.18);display:flex;align-items:center;justify-content:space-between;padding:0 24px;transform:translateY(-100%);transition:transform .35s ease-out;will-change:transform;box-shadow:0 1px 4px #00000012}.site-bar.is-visible{transform:translateY(0)}.sb-menu{display:flex;gap:20px}.sb-menu a{font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:.8px;color:#000;text-decoration:none;transition:opacity .3s;opacity:.9}.sb-menu a:hover{opacity:.55}.sb-logo{display:block;width:32px;height:32px}.sb-logo img{width:32px;height:32px;display:block;filter:invert(1)}.section{max-width:var(--maxw);margin:0 auto;padding:0 56px}.section--wide{max-width:none;padding:0 .8cm}.section-head{text-align:center;margin:150px 0 60px}.section-head h2{font-family:var(--display);font-size:15px;font-weight:500;letter-spacing:.05em;color:var(--understory)}.section-head .en{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--mist);margin-top:12px}.section-head:after{content:"";display:block;width:88px;height:10px;margin:26px auto 0;background:radial-gradient(circle 12px at 50% 50%,var(--glow-warm) 0%,transparent 70%),radial-gradient(circle 1.6px at 50% 50%,var(--light) 0%,transparent 100%),linear-gradient(90deg,transparent 0,var(--line) 26%,var(--line) 74%,transparent 100%);background-repeat:no-repeat;background-size:100% 100%,100% 100%,100% 1px;background-position:center,center,center}.entries{display:flex;flex-direction:column;gap:64px;margin:90px 0 0}.entry{display:grid;grid-template-columns:1fr 55vw;column-gap:48px;align-items:start;text-decoration:none;color:#000}.entry-text{text-align:left;padding-right:24px}.entry .meta{font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:.02em;color:#000;border-bottom:1px solid #000;padding-bottom:6px;line-height:1.25;margin:0}.entry h3{font-family:var(--display);font-size:23px;font-weight:500;line-height:1.4;letter-spacing:.01em;color:#1a1a1a;margin:22px 0 0}.entry p{font-family:var(--serif);font-size:17px;font-weight:400;line-height:1.7;letter-spacing:.01em;color:#3a3a3a;margin:16px 0 0;max-width:38em}.entry .thumb{width:100%;height:auto;display:block;background:var(--dawn);filter:saturate(.92);box-shadow:0 7px 16px #0f190f52;transition:filter .5s,box-shadow .4s ease,transform .4s ease}.entry.placeholder{opacity:.5;pointer-events:none}.entry.placeholder .thumb{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:13px;color:var(--mist);letter-spacing:.1em;box-shadow:none}.cols{display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;margin:0 auto}.col{padding:8px 28px;text-decoration:none;text-align:center;border-right:1px solid var(--line)}.col:last-child{border-right:none}.col .num{font-family:var(--mono);font-size:10px;color:var(--light);letter-spacing:.14em}.col h4{font-family:var(--display);font-size:21px;font-weight:500;margin:16px 0 12px;color:var(--understory)}.col .en{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--mist);margin-bottom:14px}.col p{font-family:var(--serif);font-size:14px;color:var(--mist);line-height:1.65}.article-head{max-width:760px;margin:64px auto 0;padding:0 32px;text-align:center}.article-head .place{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);margin-bottom:30px}.article-head .place b{color:var(--light);font-weight:400}.article-head h1{font-family:var(--display);font-size:clamp(26px,3.4vw,42px);font-weight:500;line-height:1.16;letter-spacing:-.01em;color:var(--understory);white-space:nowrap}.article-head .dateline{font-family:var(--mono);font-size:11px;color:var(--mist);margin-top:28px;letter-spacing:.12em}.article-lead-figure{width:100vw;position:relative;left:50%;transform:translate(-50%);margin:70px 0 0;height:78vh;min-height:480px;overflow:hidden;background:var(--dawn)}.article-lead-figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.article{max-width:var(--read);margin:0 auto;padding:0 28px}.article p{margin:30px 0;line-height:2.05;font-size:18.5px;text-indent:2em}.article p:first-of-type{margin-top:64px;text-indent:0}.article p:first-of-type:first-letter{font-family:var(--serif);font-size:3.2em;line-height:.9;float:left;margin:8px 16px 0 0;color:var(--canopy);font-weight:500}.figure{width:min(960px,92vw);position:relative;left:50%;transform:translate(-50%);margin:74px 0}.figure img{width:100%;height:auto;filter:saturate(.9);background:var(--dawn)}.figure figcaption{font-family:var(--sans-en);font-size:12px;color:var(--mist);letter-spacing:.01em;margin-top:14px;line-height:1.5;text-align:right}.figure figcaption .by{color:var(--understory)}.figure figcaption .sci{font-style:italic}.divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:70px 0;color:var(--light);font-size:13px;text-shadow:0 0 10px var(--glow-warm)}.divider:before,.divider:after{content:"";height:1px;width:60px;background:var(--line)}.endnote{max-width:var(--read);margin:0 auto;padding:0 28px;font-family:var(--mono);font-size:11.5px;line-height:1.85;color:var(--mist)}.tags{max-width:var(--read);margin:48px auto 0;padding:0 28px;display:flex;gap:11px;flex-wrap:wrap;justify-content:center}.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--foliage);border:1px solid var(--line);padding:6px 15px;border-radius:30px;text-decoration:none;transition:border-color .4s,color .4s}.tag:hover{border-color:var(--foliage);color:var(--canopy)}.about{max-width:var(--read);margin:80px auto 0;padding:0 28px}.about h1{font-family:var(--display);font-size:clamp(30px,4vw,46px);font-weight:500;margin-bottom:10px;text-align:center;color:var(--understory)}.about .sub{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);margin-bottom:56px;text-align:center}.about h2{font-family:var(--display);font-size:20px;font-weight:500;margin:48px 0 16px;color:var(--canopy)}.about p{margin:18px 0}.about .placeholder{color:var(--mist);font-style:italic}body.about-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}body.about-page .about{flex:1 0 auto;width:100%}body.not-found-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.not-found{flex:1 0 auto;width:100%;max-width:var(--read);margin:96px auto 0;padding:0 28px;text-align:center}.not-found__code{font-family:var(--mono);font-size:12px;letter-spacing:.34em;color:var(--light);margin:0 0 18px}.not-found h1{font-family:var(--display);font-size:clamp(32px,4.2vw,50px);font-weight:500;line-height:1.2;color:var(--understory);margin:0 0 10px}.not-found .sub{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);margin-bottom:48px}.not-found p:not(.not-found__code){max-width:34em;margin:0 auto;color:var(--ink)}.not-found__links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:38px}.not-found__links a{font-family:var(--display);font-size:15px;text-decoration:none;color:var(--canopy);border-bottom:1px solid var(--line);padding-bottom:6px;transition:color .25s,border-color .25s}.not-found__links a:hover{color:var(--understory);border-bottom-color:var(--light)}.footer{max-width:var(--maxw);margin:170px auto 0;padding:56px 56px 72px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px;align-items:flex-start}.footer .brand{font-family:var(--display);font-size:18px;font-weight:500;color:var(--understory)}.footer .brand .en{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--mist);margin-top:8px}.footer .meta{font-family:var(--mono);font-size:11px;color:var(--mist);line-height:2;text-align:right}.footer .meta a{color:var(--mist);text-decoration:none}.footer .meta a:hover{color:var(--canopy)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.rise{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) backwards}.d1{animation-delay:.1s}.d2{animation-delay:.28s}.d3{animation-delay:.46s}.d4{animation-delay:.64s}@media(max-width:768px){.nav{padding:22px 20px}.g-menu{top:max(11px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:6px}.g-menu a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 4px;font-size:14px;letter-spacing:.4px}.g-logo{top:max(11px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.g-logo img{width:32px;height:32px}.gate,.gate-media{height:100vh;height:100svh;min-height:560px}.gate-media img{object-position:75% center}.g-title{position:absolute;top:auto;bottom:max(12svh,calc(env(safe-area-inset-bottom) + 72px));margin-top:0;left:max(20px,env(safe-area-inset-left));font-size:13px;letter-spacing:4px;text-indent:4px;white-space:nowrap;max-width:calc(100vw - 40px);line-height:1.5}.g-scroll{top:auto;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));width:44px;height:44px;display:flex;align-items:center;justify-content:center}.site-bar{height:calc(53px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.sb-menu{gap:6px}.sb-menu a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 4px;font-size:13px;letter-spacing:.4px}.sb-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.sb-logo img{width:28px;height:28px}.section{padding:0 22px}.section-head{margin:84px 0 38px}.entries{gap:58px}.entry{grid-template-columns:1fr;column-gap:0;row-gap:16px}.entry .thumb{order:-1}.entry-text{padding-right:0}.entry h3{font-size:23px}.cols{grid-template-columns:1fr 1fr;max-width:100%}.col{border-right:none;border-bottom:1px solid var(--line);padding:24px 18px;min-height:auto}.col:last-child{border-bottom:none}.article-head{padding:0 22px;margin-top:44px}.article-head h1{white-space:normal;font-size:clamp(24px,6.6vw,34px)}.article-head .dateline{margin-top:22px}.article-lead-figure{height:52vh;min-height:320px;margin-top:46px}.article{padding:0 22px}.article p{font-size:17px;line-height:1.95}.article p:first-of-type:first-letter{font-size:3em;margin:6px 12px 0 0}.figure{width:100vw;margin:50px 0}.figure figcaption{padding:0 20px;font-size:11px}.endnote,.tags{padding:0 22px}.not-found__links a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.footer{padding:40px 22px 48px;margin-top:110px;flex-direction:column}.footer .meta{text-align:left}.footer .meta a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}}@supports (height:100dvh){@media(max-width:768px){.gate,.gate-media{height:100dvh}}}@media(hover:hover)and (pointer:fine){.entry:hover .thumb{filter:saturate(1);box-shadow:0 16px 30px #0f190f5c;transform:translateY(-6px)}}body.essay{background:#f9f9f7}.art-top{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 30px 0}.art-menu{display:flex;gap:20px}.art-menu a{font-family:var(--display);font-size:18px;font-weight:400;letter-spacing:.8px;color:#1a1a1a;text-decoration:none;line-height:1.45;transition:opacity .3s}.art-menu a:hover{opacity:.6}.art-logo{display:block;width:38px;height:38px;flex:0 0 auto}.art-logo img{width:38px;height:38px;display:block;filter:invert(1)}body.essay .sb-progress{position:absolute;left:0;bottom:-1px;height:2px;background:#000;width:0}body.essay .article-head{max-width:760px;margin:40px auto 0;padding:0 32px;text-align:center}body.essay .article-head h1{font-family:var(--display);font-size:34px;line-height:40px;font-weight:500;letter-spacing:1px;color:#1a1a1a;white-space:normal}body.essay .byline{font-family:var(--serif);font-style:italic;font-size:22.8px;font-weight:500;color:#1a1a1a;text-align:center;letter-spacing:.3px;margin:14px 0 0}body.essay .hero{max-width:1011px;margin:8px auto 0;padding:0 16px}body.essay .hero img{width:100%;height:auto;display:block}body.essay .hero figcaption{text-align:right;font-size:12px;color:#9a9c90;margin-top:6px;padding-right:4px;font-family:var(--sans-en)}body.essay .article{max-width:684px;margin:0 auto;padding:0}body.essay .article p{font-family:var(--serif);font-size:22.8px;line-height:32px;font-weight:500;letter-spacing:.4px;margin:0 0 32px;color:#1a1a1a;text-indent:0}body.essay .article p:first-of-type{margin-top:0;text-indent:0}body.essay .article p:first-of-type:first-letter{font-size:inherit;float:none;margin:0;color:inherit;font-weight:inherit;line-height:inherit}body.essay .divider{color:var(--light);margin:8px 0 24px;letter-spacing:.3em}body.essay .article sup{font-size:.6em;line-height:0}body.essay .lede-block{max-width:684px;margin:112px auto 120px;padding:0}body.essay .pubdate{display:inline-block;font-size:13px;color:#1a1a1a;font-family:var(--sans-en);letter-spacing:.2px;margin:0 0 22px;border-bottom:1px solid #1a1a1a;padding-bottom:3px}body.essay .lede{font-family:var(--serif);font-weight:700;font-size:22.8px;line-height:32px;letter-spacing:.9px;color:#1a1a1a;margin:0}body.essay .figure{margin:40px auto}body.essay .figure img,body.essay .hero img{box-shadow:0 7px 16px #0f190f52;transition:box-shadow .4s ease,transform .4s ease}body.essay .figure figcaption{margin-top:18px;font-size:12px;opacity:.8;font-family:var(--sans-en);text-align:right}@media(hover:hover)and (pointer:fine){body.essay .figure img:hover,body.essay .hero img:hover{box-shadow:0 16px 30px #0f190f5c;transform:translateY(-6px)}}@media(max-width:768px){.art-top{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));align-items:center}.art-menu{gap:6px}.art-menu a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 4px;font-size:15px}.art-logo{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.art-logo img{width:38px;height:38px}body.essay .article-head{padding:0 22px}body.essay .article-head h1{font-size:26px;line-height:33px}body.essay .byline{font-size:19px}body.essay .hero{padding:0}body.essay .article{padding:0 22px}body.essay .article p,body.essay .lede{font-size:18.5px;line-height:30px}body.essay .lede-block{margin:60px auto 72px;padding:0 22px}body.essay .hero figcaption,body.essay .figure figcaption{padding:0 22px;text-align:left;line-height:1.65;margin-top:10px}body.essay .article sup a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;margin:-8px -6px;padding:8px 6px}}@media(prefers-reduced-motion:reduce){.gate-media img,.g-scroll,.rise,.rise.d1,.rise.d2,.rise.d3,.rise.d4{animation:none}}