@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#24392f;--muted:#687268;--line:#d6dbd0;--green:#527848;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:7px}body>.header,body>main,body>footer{width:min(1080px,calc(100% - 80px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:2px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);height:36px;width:36px;font-family:var(--serif);font-size:22px;border-radius:50%;font-weight:400;letter-spacing:0}.edition{font-size:9px;color:var(--muted);letter-spacing:2px;margin-left:12px;font-weight:400}nav{display:flex;gap:32px;font-size:13px}nav a{padding:10px 0;color:var(--muted)}nav .active{color:var(--ink);border-bottom:1px solid var(--ink)}.intro{position:relative;padding:72px 0 0;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--green)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.6vw,60px);line-height:1.42;letter-spacing:2px;margin:26px 0 20px;position:relative;z-index:1}.accent{color:#80a164}.lede{font-size:14px;line-height:2.1;color:var(--muted);position:relative;z-index:1}.intro-bottom{margin-top:65px;padding-bottom:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:2px}.orbit{position:absolute;right:10px;top:76px;width:330px;height:300px}.orbit-line{position:absolute;border:1px solid #bac7ae;border-radius:50%;width:290px;height:165px;top:75px;left:20px}.one{transform:rotate(-38deg)}.two{transform:rotate(38deg)}.orb{position:absolute;left:123px;top:105px;height:105px;width:105px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#b2c49c,#7f9a6c 57%,#5b7954);box-shadow:12px 16px 28px #75866c21}.star{position:absolute;font-size:44px;left:263px;top:30px;color:#7a965d}.writing{padding-top:44px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:18px;font-weight:500;letter-spacing:2px;margin:0}.section-heading>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.post{display:flex;gap:42px;padding:32px 0 35px;border-bottom:1px solid var(--line);margin-top:10px;align-items:flex-start}.post-date{min-width:70px;display:flex;flex-direction:column;gap:6px}.post-date>span{font-size:36px;font-family:Georgia,serif;line-height:1}.post-date small{font-size:9px;letter-spacing:1px;color:var(--muted)}.post-body{flex:1}.tag{font-size:10px;letter-spacing:2px;color:var(--green)}.post h3{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:1px;margin:12px 0}.post p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 15px}.read-time{font-size:10px;color:var(--muted)}.post-arrow{height:34px;width:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .15s,color .15s}.post:hover .post-arrow{background:var(--ink);color:var(--paper)}.note{display:flex;align-items:center;gap:15px;padding:24px 0 36px;color:var(--muted)}.note>span{font-size:24px;color:#8a9e77}.note p{font-size:11px;letter-spacing:1px}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px}.article{max-width:700px;margin:60px auto 80px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:30px}.article h1{font-size:42px;margin:18px 0}.meta{font-size:11px;color:var(--muted);margin-bottom:36px}.prose{font-size:16px;line-height:2.1}.prose p{margin:20px 0}.prose h2{font-family:var(--serif);font-weight:400;font-size:25px;margin:34px 0 12px}.prose blockquote{margin:30px 0;border-left:2px solid #8a9e77;padding:5px 0 5px 22px;color:var(--muted);font-family:var(--serif)}.prose li{margin:6px 0}.sample-note{background:#e9ede2;padding:16px 20px;font-size:12px;line-height:1.8;color:var(--muted);margin-top:36px}
@media(max-width:850px){.orbit{right:-90px;opacity:.5;top:100px;transform:scale(.8)}.intro h1,.intro .lede{max-width:70%}.edition{display:none}}@media(max-width:600px){body>.header,body>main,body>footer{width:calc(100% - 40px)}.header{height:84px}.brand{font-size:17px;gap:9px}.mark{height:30px;width:30px;font-size:18px}nav{gap:22px;font-size:12px}.intro{padding-top:42px}.intro h1,.intro .lede{max-width:100%}h1{font-size:38px;letter-spacing:0}.lede{font-size:13px}.orbit{display:none}.intro-bottom{margin-top:38px;font-size:9px;letter-spacing:1px}.writing{padding-top:32px}.section-heading h2{font-size:16px}.post{gap:18px;padding:28px 0}.post-date{min-width:48px}.post-date>span{font-size:30px}.post-date small{font-size:8px}.post h3{font-size:23px}.post p{font-size:12px}.post-arrow{width:28px;height:28px;flex-shrink:0}.note p{font-size:10px;letter-spacing:0}footer{font-size:9px;letter-spacing:0}.article{margin:40px auto 56px}.article h1{font-size:34px}.prose{font-size:15px}.desktop{display:none}}