:root{--paper:#f4f1e9;--ink:#20231f;--muted:#74776e;--line:#d9d6cd;--accent:#bd563b;--olive:#747b58;--serif:'Noto Serif SC','Songti SC',serif;--display:'DM Serif Display',Georgia,serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header,.site-footer{height:88px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;font:500 11px var(--mono);letter-spacing:.08em}.wordmark-sub{display:block;margin-top:5px;color:var(--muted);font:12px var(--serif);letter-spacing:.05em}.mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:italic 20px var(--display);letter-spacing:0}.site-header nav{display:flex;gap:38px;font-size:14px;color:var(--muted)}.site-header nav a{padding:8px 0}.site-header nav .active,.site-header nav a:hover{color:var(--ink)}.hero{position:relative;min-height:520px;padding:110px clamp(24px,12vw,180px) 76px;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow{margin:0;color:var(--olive);font:11px var(--mono);letter-spacing:.17em}.eyebrow-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--accent)}.hero h1{position:relative;z-index:1;margin:30px 0 20px;font-size:clamp(48px,8vw,96px);font-weight:500;line-height:1.22;letter-spacing:-.06em}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:390px;color:#606259;font-size:16px;line-height:2}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:50px;color:var(--muted);font:11px var(--mono);letter-spacing:.07em}.meta-line{width:48px;height:1px;background:var(--line)}.hero-stamp{position:absolute;right:clamp(24px,12vw,180px);bottom:80px;width:112px;height:112px;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--olive);font:10px var(--mono);letter-spacing:.12em;transform:rotate(11deg)}.hero-stamp span:first-child{font:italic 33px var(--display);color:var(--accent);letter-spacing:0}.archive{padding:86px clamp(24px,12vw,180px) 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-heading h2,.about h2{margin:12px 0 0;font-size:32px;font-weight:500;letter-spacing:-.04em}.search-wrap{display:flex;align-items:center;gap:10px;width:230px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted)}.search-wrap span{font-size:22px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;font:13px var(--serif);color:var(--ink)}.article-list{border-top:1px solid var(--ink)}.article-card{display:grid;grid-template-columns:100px minmax(0,1fr) 32px;gap:24px;align-items:start;padding:27px 4px 30px;border-bottom:1px solid var(--line);transition:padding .2s}.article-card:hover{padding-left:12px;padding-right:12px}.article-date{padding-top:5px;color:var(--muted);font:11px var(--mono)}.article-category{color:var(--accent);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.article-card h3{margin:9px 0 8px;font-size:23px;font-weight:500;letter-spacing:-.035em}.article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.article-arrow{padding-top:5px;color:var(--accent);font:22px var(--display)}.empty-state{padding:52px 20px 56px;text-align:center;border-bottom:1px solid var(--line)}.empty-icon{width:46px;height:46px;margin:0 auto 19px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font:20px var(--display)}.empty-state h3{margin:0 0 10px;font-weight:500;font-size:19px}.empty-state p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.about{display:grid;grid-template-columns:100px 1fr 1fr;gap:24px;align-items:start;padding:58px clamp(24px,12vw,180px) 70px;background:#eae7de}.about-number{color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.about h2{font-size:29px;line-height:1.6}.about-copy{max-width:340px;margin:32px 0 0;color:#606259;font-size:14px;line-height:2}.site-footer{height:110px;border:0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-mark{color:var(--ink)}.reading-main{max-width:760px;min-height:65vh;margin:0 auto;padding:90px 24px 110px}.reading-main h1{margin:22px 0 16px;font-size:clamp(34px,5vw,55px);line-height:1.35;letter-spacing:-.05em;font-weight:500}.article-meta{margin:0 0 50px;color:var(--muted);font:11px var(--mono);letter-spacing:.05em}.article-content{font-size:17px;line-height:2.05}.article-content h2{margin:2em 0 .8em;font-size:25px;line-height:1.55}.article-content h3{margin:1.8em 0 .7em;font-size:20px}.article-content p{margin:0 0 1.45em}.article-content blockquote{margin:2em 0;padding:3px 0 3px 20px;border-left:2px solid var(--accent);color:#65675f}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-content img{display:block;max-width:100%;height:auto;margin:2em auto}.source-links{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}.source-links a{display:block;margin-top:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.wechat-link{display:inline-block;margin-top:28px;padding:12px 18px;background:var(--ink);color:var(--paper);font-size:13px}.not-found{text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:700px){.site-header,.site-footer{height:72px;padding:0 20px}.site-header nav{gap:20px}.hero{min-height:490px;padding:88px 24px 55px}.hero h1{font-size:57px}.hero-copy{font-size:14px}.hero-stamp{right:24px;bottom:45px;width:82px;height:82px;font-size:8px}.hero-stamp span:first-child{font-size:25px}.archive{padding:65px 22px 76px}.section-heading{align-items:start;gap:28px;flex-direction:column}.section-heading h2{font-size:27px}.search-wrap{width:100%}.article-card{grid-template-columns:70px minmax(0,1fr) 20px;gap:12px;padding:22px 0}.article-card h3{font-size:19px}.article-card p{font-size:13px}.article-date{font-size:9px}.about{grid-template-columns:1fr;gap:22px;padding:42px 24px 50px}.about-copy{margin:0}.site-footer{height:auto;min-height:100px;gap:14px;flex-wrap:wrap;padding:20px}.site-footer>span:last-child{width:100%}.reading-main{padding:66px 24px 86px}.reading-main h1{font-size:36px}.article-content{font-size:16px}}
