@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--paper:#f6f4ed;--ink:#352f27;--muted:#807c70;--green:#52634b;--line:#deddd2}*{box-sizing:border-box}html{scroll-behavior:smooth}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}a:hover{color:var(--green)}.wrap{max-width:1120px;margin:auto;padding:0 48px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:-2px}.brand span{display:inline-block;font-size:22px;color:var(--green);margin-right:11px;transform:rotate(-25deg)}nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}nav .active{color:var(--ink)}.intro{padding:76px 0 68px;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--green);text-transform:uppercase}.intro h1{font-family:'Noto Serif SC',Georgia,serif;font-size:clamp(32px,4.3vw,49px);font-weight:400;letter-spacing:3px;margin:22px 0}.intro p{color:var(--muted);font-size:14px;line-height:2}.intro:after{content:'OAK / JOURNAL';position:absolute;right:0;bottom:76px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#a3a496}.section-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;font-size:12px;letter-spacing:2px}.section-label small{color:var(--muted);letter-spacing:1px;font-size:10px}.featured{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:30px 0 40px;border-bottom:1px solid var(--line);align-items:center}.art{height:280px;position:relative;overflow:hidden;background:#e2e4d6}.art:before{content:'';position:absolute;width:180px;height:220px;border-radius:50% 50% 8% 8%;background:#aab79b;left:calc(50% - 90px);top:36px;box-shadow:35px 35px 0 #d3d8c8}.art:after{content:'';position:absolute;width:1px;height:180px;background:#657258;left:50%;top:84px;transform:rotate(24deg);box-shadow:24px 20px 0 #99a58e}.art .leaf{position:absolute;width:65px;height:30px;border-radius:0 80% 0 80%;background:#6d805e;z-index:1;left:calc(50% - 56px);top:121px;transform:rotate(18deg)}.art .leaf.two{left:calc(50% + 2px);top:154px;transform:rotate(-80deg);background:#869876}.art .caption{position:absolute;left:20px;bottom:16px;font:10px Georgia,serif;letter-spacing:2px;color:#64705d}.meta{font-size:11px;color:var(--muted);letter-spacing:1px}.meta .tag{color:var(--green)}h2{font-family:'Noto Serif SC',Georgia,serif;font-weight:400;font-size:27px;line-height:1.65;margin:15px 0}p.excerpt{font-size:13px;color:var(--muted);line-height:2.1;margin-bottom:24px}.read{font-size:12px;letter-spacing:1px}.read span{margin-left:20px}.list-row{display:grid;grid-template-columns:100px 1fr 28px;gap:20px;padding:29px 0;border-bottom:1px solid var(--line);align-items:center}.list-row h2{font-size:21px;margin:8px 0}.list-row p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.date{font-size:11px;color:var(--muted);line-height:1.8}.arrow{font-size:22px;color:var(--green)}.about{display:flex;gap:24px;align-items:baseline;padding:48px 0 60px}.about strong{font:23px Georgia,serif}.about p{font-size:12px;color:var(--muted);line-height:2;margin:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 34px;font-size:10px;color:var(--muted);letter-spacing:1px}.article{max-width:680px;margin:65px auto 80px}.back{font-size:12px;color:var(--green)}.article h1{font-family:'Noto Serif SC',serif;font-size:clamp(29px,4vw,40px);font-weight:400;line-height:1.6;margin:27px 0 20px}.notice{font-size:12px;color:var(--muted);border-left:2px solid #a2ad92;padding-left:15px;margin:28px 0 34px}.prose p{font-family:'Noto Serif SC',serif;font-size:16px;line-height:2.2;margin:24px 0}.prose h2{font-size:24px;margin-top:40px}.end{margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:10px;background:var(--paper);padding:10px;z-index:3}@media(max-width:650px){.wrap{padding:0 24px}header{height:87px}.brand{font-size:33px}nav{gap:20px}.intro{padding:51px 0 43px}.intro h1{letter-spacing:1px}.intro:after{display:none}.featured{grid-template-columns:1fr;gap:25px}.art{height:250px}.list-row{grid-template-columns:1fr 24px;gap:8px}.list-row .date{grid-column:1/-1}.about{display:block}.about strong{display:block;margin-bottom:14px}.article{margin-top:40px}footer{font-size:9px;gap:14px}h2{font-size:24px}}