:root{--primary-blue:#2563EB;--dark-gray:#1F2937;--light-gray:#F8FAFC}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;background:#fff;color:#374151;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}header.site{background:rgba(255,255,255,.98);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.backlink{font-weight:500;color:#4b5563}.backlink:hover{color:var(--primary-blue)}.hero{padding:3.5rem 0 2rem;text-align:center}.hero h1{font-size:2.5rem;font-weight:700;color:var(--dark-gray);margin-bottom:.75rem}.hero p{font-size:1.125rem;color:#6b7280;max-width:640px;margin:0 auto}.jump{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:2rem 0 1rem}.jump a{font-size:.875rem;font-weight:500;color:#4b5563;background:var(--light-gray);border:1px solid #e5e7eb;padding:.4rem .9rem;border-radius:999px;transition:.2s}.jump a:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}section.cat{padding:2.5rem 0 .5rem;scroll-margin-top:80px}section.cat h2{font-size:1.5rem;font-weight:700;color:var(--dark-gray);display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem}section.cat h2 i{color:var(--primary-blue);font-size:1.1rem}.count{font-size:.8rem;font-weight:500;color:#9ca3af}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.card{display:block;padding:1rem 1.1rem;border:1px solid #e5e7eb;border-radius:10px;background:#fff;transition:.2s}.card:hover{border-color:var(--primary-blue);box-shadow:0 4px 14px rgba(37,99,235,.1);transform:translateY(-2px)}.card .name{font-weight:600;color:var(--dark-gray);margin-bottom:.15rem}.card .desc{font-size:.85rem;color:#6b7280}footer.site{margin-top:4rem;padding:2rem 0;background:var(--dark-gray);color:#9ca3af;text-align:center;font-size:.9rem}footer.site a{color:#d1d5db;margin:0 .6rem}footer.site a:hover{color:#fff}.copy{margin-top:1rem}@media (max-width:640px){.hero h1{font-size:1.9rem}.grid{grid-template-columns:1fr}}