*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--subtle: #9ca3af;--accent: #2563eb;--accent-h: #1d4ed8;--max-w: 960px;--nav-h: 56px;--radius: 6px}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;font-size:15px}a{color:inherit;text-decoration:none}section{padding:88px 32px}.container{max-width:var(--max-w);margin:0 auto}.section-title{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:36px;letter-spacing:-.2px}.tag{font-size:.7rem;padding:2px 8px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.btn{display:inline-block;padding:8px 18px;border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:background .1s,border-color .1s,color .1s;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-h);border-color:var(--accent-h)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:#9ca3af}@media(max-width:720px){section{padding:64px 20px}}