:root{--paper:#eee9df;--ink:#17201e;--muted:#6d746f;--line:#c9c3b8;--red:#9a2f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:noto serif sc,songti sc,serif;line-height:1.75}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--red);color:#fff;font-size:19px;box-shadow:3px 3px 0 #bdafa0}.site-header nav{display:flex;gap:36px;font-size:14px;letter-spacing:.12em}.site-header nav a:hover{color:var(--red)}main{min-height:calc(100vh - 180px)}.hero{max-width:1120px;margin:auto;padding:110px 28px 105px;background-image:linear-gradient(90deg,transparent 49.8%,rgba(23,32,30,.06) 50%,transparent 50.2%);background-size:180px 100%}.eyebrow{margin:0 0 24px;color:var(--red);font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.32em}.hero h1{margin:0;font-size:clamp(52px,8vw,96px);font-weight:500;line-height:1.18;letter-spacing:.05em}.intro{margin:30px 0 0;color:var(--muted);font-size:17px;letter-spacing:.1em}.post-section{background:#18211f;color:#e9e5dc;padding:65px max(28px,calc((100vw - 1064px)/2)) 90px}.section-title{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #48504d;color:#aeb5b0;font-size:12px;letter-spacing:.16em}.post-list article{display:grid;grid-template-columns:130px 1fr 30px;gap:25px;padding:34px 0;border-bottom:1px solid #39413e;align-items:start}.post-list time{color:#929a95;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.08em}.post-list h2{margin:-7px 0 7px;font-size:27px;font-weight:500;letter-spacing:.06em}.post-list h2 a:hover{color:#d5a299}.post-list p{margin:0;color:#aeb5b0;font-size:14px}.tags{display:flex;gap:8px;margin-top:15px}.tags span{border:1px solid #555e5a;padding:2px 9px;color:#aeb5b0;font-size:11px}.arrow{font-size:22px;color:#9da5a1}.article-page{max-width:780px;margin:0 auto;padding:75px 28px 110px}.back{color:var(--red);font-size:13px}.article-page header{margin:60px 0 50px;padding-bottom:35px;border-bottom:1px solid var(--line)}.article-page time{color:var(--muted);font-size:12px;letter-spacing:.1em}.article-page h1{margin:12px 0;font-size:clamp(40px,7vw,66px);line-height:1.25;font-weight:500}.article-page header p{color:var(--muted)}.article-content{font-size:17px}.article-content p{margin:1.4em 0}footer{display:flex;justify-content:center;gap:12px;padding:25px;background:#101614;color:#929a95;font-family:Arial,microsoft yahei,sans-serif;font-size:12px}footer a:hover{color:#fff}@media(max-width:640px){.site-header{height:78px}.site-header nav{gap:20px}.hero{padding-top:75px;padding-bottom:75px}.hero h1{font-size:50px}.post-list article{grid-template-columns:1fr 25px}.post-list time{grid-column:1/-1}.post-list h2{font-size:23px}.divider{display:none}footer{flex-direction:column;align-items:center;gap:4px}}