:root { --paper:#fff7e9; --paper-2:#f4ecdd; --cacao:#3b2e28; --muted:#817268; --lime:#b8d65b; --lime-deep:#789b22; --coral:#ed806a; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--cacao); background: radial-gradient(circle at 90% 4%,rgba(184,214,91,.2),transparent 27%),radial-gradient(circle at 8% 34%,rgba(237,128,106,.11),transparent 24%),var(--paper); font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; }
main { width: min(760px,calc(100% - 32px)); margin: 0 auto; padding: 42px 0 80px; }
.brand { display:flex; align-items:center; gap:9px; font-weight:900; }
.brand i { width:17px; height:17px; border-radius:50%; background:var(--cacao); box-shadow:13px 4px 0 -3px var(--cacao); }
.eyebrow { margin:52px 0 7px; color:var(--lime-deep); font-size:12px; font-weight:900; letter-spacing:.16em; }
h1 { margin:0; font-family:"Songti SC","STSong",serif; font-size:clamp(34px,7vw,58px); letter-spacing:-.06em; }
.lead { max-width:620px; color:var(--muted); font-size:16px; line-height:1.8; }
article { margin-top:30px; padding:clamp(22px,5vw,42px); border-radius:35px 18px 35px 18px; background:rgba(255,252,246,.78); box-shadow:inset 0 0 0 1px rgba(59,46,40,.06),0 22px 55px rgba(87,67,45,.07); }
h2 { margin:30px 0 9px; font-family:"Songti SC","STSong",serif; font-size:22px; }
h2:first-child { margin-top:0; }
p,li { color:#594a43; font-size:15px; line-height:1.9; }
ul { padding-left:21px; }
a { color:var(--lime-deep); font-weight:800; }
.important { padding:15px 17px; border-left:4px solid var(--coral); border-radius:5px 16px 16px 5px; background:rgba(237,128,106,.08); }
.back { display:inline-flex; margin-top:24px; padding:13px 18px; border-radius:20px; color:var(--cacao); background:var(--lime); text-decoration:none; }
footer { margin-top:24px; color:var(--muted); font-size:12px; text-align:center; }