:root{--bg: #f5f7fb;--text: #1b2430;--muted: #556070;--brand: #0f766e;--card: #ffffff;--line: #d7dce5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}.wrap{width:min(980px,92%);margin:0 auto}.header{position:sticky;top:0;background:#f5f7fbf2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{text-decoration:none;color:var(--brand);font-weight:700;font-size:20px}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{text-decoration:none;color:var(--text);font-size:14px}.hero{padding:80px 0 60px}.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin-bottom:14px}.hero p{max-width:680px;color:var(--muted);margin-bottom:24px}.btn{display:inline-block;padding:10px 18px;border-radius:8px;text-decoration:none;color:#fff;background:var(--brand)}.section{padding:56px 0}.section h2{font-size:28px;margin-bottom:20px}.alt{background:#edf1f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.card h3{font-size:18px;margin-bottom:8px}.card p{color:var(--muted)}.list{padding-left:20px;display:grid;gap:8px}.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.tags li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}.footer{padding:24px 0 32px;text-align:center;color:var(--muted)}.footer a{color:var(--brand);text-decoration:none}@media (max-width: 640px){.nav{flex-direction:column;justify-content:center;padding:10px 0}.hero{padding-top:56px}}