.catalog-container{max-width:800px;margin:0 auto;padding:0 16px}.catalog-hero{text-align:center;margin-bottom:32px}.catalog-hero h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.catalog-hero p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.catalog-search{margin-bottom:24px}.catalog-search-input{width:100%;box-sizing:border-box;padding:14px 16px;font-size:16px;font-family:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.catalog-search-input::placeholder{color:var(--text-dim)}.catalog-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.category-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.category-pill:hover{border-color:var(--accent);color:var(--accent)}.category-pill.active{background:var(--accent);border-color:var(--accent);color:#ffffff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px;margin-bottom:48px}.catalog-tool-card{display:flex;flex-direction:column;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.catalog-tool-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.2)}.catalog-card-icon{width:48px;height:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border-radius:12px}.catalog-card-icon svg{width:24px;height:24px}.catalog-card-icon.blue-icon{background:rgba(59,130,246,.1)}.catalog-card-icon.blue-icon svg{stroke:#3b82f6;fill:none}.catalog-card-icon.green-icon{background:rgba(34,197,94,.1)}.catalog-card-icon.green-icon svg{stroke:#22c55e;fill:none}.catalog-card-icon.purple-icon{background:rgba(168,85,247,.1)}.catalog-card-icon.purple-icon svg{stroke:#a855f7;fill:none}.catalog-card-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.catalog-card-title h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.catalog-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.catalog-badge.new{background:rgba(34,197,94,.15);color:#22c55e}.catalog-badge.hot{background:rgba(239,68,68,.15);color:#ef4444}.catalog-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-empty{text-align:center;padding:48px 16px;color:var(--text-dim)}.catalog-empty p{font-size:16px}.catalog-seo-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.catalog-seo-section h2{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-align:center}.catalog-seo-section p{font-size:15px;color:var(--text-secondary);line-height:1.7;text-align:center;max-width:700px;margin:0 auto}@media (max-width:600px){.catalog-container{padding:0;max-width:100%;overflow-x:hidden}.catalog-hero h1{font-size:24px}.catalog-search{margin-bottom:12px}.catalog-search-input{padding:12px 14px}.category-pills{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;margin-bottom:16px}.catalog-grid{grid-template-columns:1fr;gap:12px}.catalog-tool-card{padding:16px;width:100%;max-width:100%;box-sizing:border-box}.catalog-seo-section{margin-top:32px;padding-top:24px}}