:root{--bg: #f6f7fb;--surface: #ffffff;--text: #0f172a;--muted: #475569;--border: #e5e7eb;--ring: #6366f1;--shadow: 0 8px 24px rgba(2, 6, 23, .06);--radii: 16px;--header-h: 200px}*{box-sizing:border-box}a:link,a:visited{color:#000}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f6f7fb,#eef1f6);padding-top:var(--header-h)}.page-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f6f7fbe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000a}.page{max-width:1800px;width:100%}.header-inner{max-width:1800px}.header-inner{margin:0 auto;padding:14px 16px}.page-title{margin:0 0 10px;font-weight:700;font-size:26px;letter-spacing:.2px}.page{margin:0 auto;padding:0 16px 56px}.page-main{display:flex;flex-direction:column;gap:32px}.search-input{width:100%;max-width:520px;font-size:14px;padding:11px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 1px 2px #0206170a}.search-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #6366f12e}.group{margin:6px 0 14px}.group-title{font-size:18px;font-weight:700;margin:0 0 12px}.tool-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}@media (min-width: 900px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1800px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radii);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;max-width:450px}.tool-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #02061714;border-color:#dfe3ea}.tool-image{display:block;width:100%;height:160px;object-fit:contain;border-radius:12px;margin-bottom:10px}.tool-title{font-size:17px;font-weight:600;margin:2px 0 6px;letter-spacing:.2px}.tool-desc{color:var(--muted);margin:0 0 8px;line-height:1.5}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag{font-size:12px;padding:6px 8px;line-height:1;border:1px dashed #e3e7ee;border-radius:999px;background:linear-gradient(180deg,#fff,#fafbff);color:#64748b}.tool-links{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.tool-links-right{display:flex;gap:8px}.tool-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;text-decoration:none;border:1px solid var(--border);border-radius:10px;background:#fff;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}.tool-link:hover,.tool-link:focus{border-color:var(--ring);box-shadow:0 0 0 4px #6366f12e}