:root{color-scheme:light;--ink:#465b50;--muted:#64746a;--line:#d6dfcb;--green:#dbe7bd;--cream:#faf8ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.7}main{max-width:1060px;margin:auto;padding:0 32px}header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;font-size:17px;font-weight:650;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;width:40px;height:40px;background:#dcece7;border:2px solid #abc9bc;font-size:25px}.badge{font-size:12px;background:#e9eedc;padding:4px 13px;border-radius:20px;white-space:nowrap}.hero{padding:70px 0 64px;max-width:740px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--muted);margin:0 0 14px}h1{font-size:clamp(32px,5vw,54px);line-height:1.4;letter-spacing:1px;margin:0 0 22px;font-weight:650}.intro{font-size:17px;color:var(--muted);margin:0 0 30px}.note{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:#eaf0de;border:1px solid var(--line);max-width:600px}.note strong{font-size:15px;font-weight:600}.note p{font-size:13px;margin:3px 0 0;color:var(--muted)}.dot{width:8px;height:8px;background:#819b66;margin-top:9px;flex-shrink:0}.button{display:inline-flex;gap:28px;margin-top:24px;text-decoration:none;padding:10px 18px;border:1px solid #99b5a5;background:#dfebe3;font-size:14px}.button:hover{background:#d0e3d7}.button:focus-visible,.brand:focus-visible{outline:3px solid #718aa6;outline-offset:5px}h2{font-size:25px;font-weight:600;margin:0 0 25px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}article{padding:23px 20px;background:#f0f1e7;border:1px solid var(--line)}article:nth-child(2){background:#edf2ef}article:nth-child(3){background:#f5eee8}article:nth-child(4){background:#efedf3}.number{font-size:12px;color:var(--muted);letter-spacing:2px}h3{font-size:17px;margin:16px 0 9px}article p{font-size:14px;color:var(--muted);margin:0}aside{margin:42px 0 50px;border-left:3px solid #c0cdb0;padding:4px 0 4px 20px}aside h2{font-size:15px;margin:0 0 7px}aside p{font-size:13px;color:var(--muted);max-width:700px;margin:0}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:24px 0;font-size:12px;color:var(--muted)}@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:48px 0}.intro{font-size:15px}}@media(max-width:440px){main{padding:0 20px}header{min-height:76px}.brand{font-size:15px}.cards{grid-template-columns:1fr}article{padding:18px}h3{margin-top:9px}footer{flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}