:root{--paper:#f7f7f2;--ink:#25392f;--green:#466354;--muted:#747b71;--line:#dde1d7;--serif:"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:5px}header,main,footer{width:min(1120px,calc(100% - 96px));margin:auto}header{padding:30px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;letter-spacing:2px}.mark{display:grid;place-items:center;width:44px;height:44px;background:var(--green);color:white;border-radius:13px;font-family:var(--serif);font-size:25px}.brand small{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:7px}nav{display:flex;gap:28px;color:var(--muted);font-size:13px}nav a{padding:10px 0}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding:72px 0}.eyebrow,.number{font-size:10px;letter-spacing:1.8px;color:#8d9884;line-height:1.8}h1,h2,p{margin:0}h1{font-family:var(--serif);font-size:clamp(38px,4.5vw,60px);font-weight:500;letter-spacing:2px;line-height:1.4;margin:22px 0}.intro{font-size:15px;line-height:2;color:var(--muted);max-width:550px}.status{display:flex;align-items:center;gap:7px;font-size:11px;color:#7f9073;margin-top:24px}.status i{width:5px;height:5px;border-radius:50%;background:#8b9e7a}.primary{display:inline-flex;align-items:center;gap:50px;padding:15px 21px;background:var(--green);color:white;border-radius:8px;margin-top:28px;font-size:13px}.letter{border:1px solid var(--line);height:300px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#eef1e7}.letter>span{font-size:115px;line-height:1.2;font-family:var(--serif);font-weight:400;opacity:.72}.letter small{font-family:var(--serif);font-size:12px;letter-spacing:1px}.sage{background:#e9efdf;color:#7b9065}.blue{background:#e7edf0;color:#758d99}.rose{background:#f3e8e5;color:#b1877d}.amber{background:#f2ecd9;color:#a9945b}.section-intro{border-top:1px solid var(--line);padding:36px 0 25px}.section-intro h2{font-family:var(--serif);font-size:28px;font-weight:500;margin:10px 0 15px}.section-intro>p:last-child{color:var(--muted);line-height:1.9;font-size:13px}.sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{padding:27px;border:1px solid var(--line);background:#fdfdf9;border-radius:14px;scroll-margin-top:30px}.panel h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:15px 0}.panel>p{font-size:12px;color:var(--muted);line-height:1.8}.empty{margin-top:23px;border-top:1px solid #eceee5;padding-top:22px;font-size:11px;color:#94a086}.empty small{display:block;font-size:11px;line-height:1.8;margin-top:9px;color:#a0a696}.closing{text-align:center;font-family:var(--serif);font-size:15px;line-height:2;color:#8b9a7d;padding:60px 0}.closing strong{font-weight:400;color:#5f7351}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:11px;color:#8d9884;gap:20px}.skip{position:fixed;top:8px;left:8px;padding:12px;background:white;z-index:10;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}@media(max-width:800px){header,main,footer{width:calc(100% - 40px)}.hero{gap:26px;padding:44px 0;grid-template-columns:1.3fr 1fr}.letter{height:260px}.letter small{font-size:10px}.sections{grid-template-columns:1fr}.panel{padding:24px}.brand{font-size:16px}nav{gap:18px}.intro{font-size:13px}}@media(max-width:520px){header{padding:20px 0;align-items:flex-start}.brand{gap:9px;letter-spacing:1px}.mark{width:38px;height:38px}.brand small{font-size:9px}nav{gap:13px;font-size:11px;padding-top:5px}.hero{grid-template-columns:1fr;gap:30px;padding:35px 0}h1{font-size:39px}.letter{height:180px;gap:10px}.letter>span{font-size:80px}.section-intro h2{font-size:26px}.closing{padding:42px 0}footer{font-size:10px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}