:root{--ink:#203a31;--green:#244c3c;--muted:#68756f;--line:#d9e1dc;--paper:#f6f2e9;--orange:#d67a61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}header{height:72px;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}header>a{font:700 21px serif;color:var(--ink);text-decoration:none}nav{display:flex;gap:20px}nav a{color:var(--ink);font-size:14px;text-decoration:none}main{max-width:1120px;margin:auto;padding:48px 22px 85px}.hero{padding:55px;border-radius:28px;background:var(--green);color:white}.hero p{color:#efaa94;font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1{font:700 clamp(38px,6vw,58px)/1.25 serif;margin:9px 0 16px}.hero span{color:#d7e4de}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 15px;color:var(--ink);cursor:pointer}.filters .active{background:var(--green);color:white}.content-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{min-height:260px;padding:25px;border-radius:20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;color:var(--ink);text-decoration:none;transition:.2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #1a3f3315}.content-card small{color:var(--orange)}.content-card h2{font:700 23px/1.5 serif;margin:18px 0 9px}.content-card p{color:var(--muted);line-height:1.7}.content-card footer{margin-top:auto;font-size:12px;color:var(--muted)}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:55px}@media(max-width:760px){header{padding:0 15px}nav a:not(:first-child){display:none}main{padding:22px 14px 70px}.hero{padding:36px 25px}.content-list{grid-template-columns:1fr}}