.api-hub-page[data-v-fa240a2a]{display:flex;min-height:100vh;padding-top:64px;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1b2337;max-width:1260px;margin:0 auto;padding-left:16px;padding-right:16px}.sidebar[data-v-fa240a2a]{width:210px;min-width:210px;border-right:1px solid #ebeef5;background:#fff;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.sidebar-inner[data-v-fa240a2a]{padding:20px 0}.sidebar-title[data-v-fa240a2a]{padding:0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:10px}.sidebar-nav[data-v-fa240a2a]{list-style:none;padding:0;margin:0}.sidebar-link[data-v-fa240a2a]{display:flex;align-items:center;gap:8px;width:100%;padding:5px 12px;font-size:13px;font-weight:400;color:#374151;background:none;border:none;cursor:pointer;transition:background .12s;text-align:left;line-height:1.3}.sidebar-link[data-v-fa240a2a]:hover{background:#f3f4f6}.sidebar-link.active[data-v-fa240a2a]{color:#05f;background:#eff6ff;font-weight:600}.sidebar-icon[data-v-fa240a2a]{font-size:14px}.sidebar-footer[data-v-fa240a2a]{padding:12px 12px 0;border-top:1px solid #ebeef5;margin-top:8px}.sidebar-view-all[data-v-fa240a2a]{display:flex;align-items:center;gap:6px;width:100%;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:6px 10px;transition:background .12s,border-color .12s}.sidebar-view-all[data-v-fa240a2a]:hover{background:#f9fafb;border-color:#9ca3af}.sidebar-view-all svg[data-v-fa240a2a]{width:14px;height:14px;color:#9ca3af}.main-content[data-v-fa240a2a]{flex:1;min-width:0;padding:20px 0 50px 24px}.search-bar[data-v-fa240a2a]{margin:0 0 20px}.search-wrapper[data-v-fa240a2a]{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .15s}.search-wrapper[data-v-fa240a2a]:focus-within{border-color:#05f;box-shadow:0 0 0 2px #0055ff14}.search-icon[data-v-fa240a2a]{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.search-input[data-v-fa240a2a]{flex:1;border:none;background:none;font-size:13px;color:#1b2337;outline:none;font-family:inherit;line-height:1.3}.search-input[data-v-fa240a2a]::placeholder{color:#9ca3af}.hub-banner-section[data-v-fa240a2a]{margin-bottom:20px}.hub-banner-wrap[data-v-fa240a2a]{position:relative;border-radius:8px;overflow:hidden;border:1px solid #ebeef5;background:#f9fafb}.hub-banner-link[data-v-fa240a2a]{display:block;width:100%;text-decoration:none}.hub-banner-img[data-v-fa240a2a]{width:100%;height:auto;display:block}.hub-banner-dots[data-v-fa240a2a]{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px}.hub-banner-dot[data-v-fa240a2a]{width:7px;height:7px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:background .15s}.hub-banner-dot.active[data-v-fa240a2a]{background:#fff}.section-block[data-v-fa240a2a]{margin-bottom:28px}.section-header[data-v-fa240a2a]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:12px}.section-header h2[data-v-fa240a2a]{font-size:15px;font-weight:600;color:#1b2337;margin:0;flex-shrink:0;text-align:left}.view-all-link[data-v-fa240a2a]{font-size:12px;font-weight:600;color:#05f;text-decoration:none;flex-shrink:0;margin-left:auto;text-align:right}.view-all-link[data-v-fa240a2a]:hover{text-decoration:underline}.as-button[data-v-fa240a2a]{background:transparent;border:none;padding:0;cursor:pointer}.categories-grid[data-v-fa240a2a]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card[data-v-fa240a2a]{padding:14px;border:1px solid #ebeef5;border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.category-card[data-v-fa240a2a]:hover{border-color:#c5cad3;box-shadow:0 1px 4px #0000000f}.category-icon[data-v-fa240a2a]{width:36px;height:36px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.category-icon-img[data-v-fa240a2a]{width:100%;height:100%;object-fit:contain;border-radius:8px}.category-info h4[data-v-fa240a2a]{font-size:13px;font-weight:600;color:#1b2337;margin:0 0 4px}.category-info p[data-v-fa240a2a]{font-size:12px;color:#6b7280;line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-link[data-v-fa240a2a]{font-size:12px;font-weight:600;color:#05f}.api-list-grid[data-v-fa240a2a]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sk-block[data-v-fa240a2a]{background:linear-gradient(90deg,#eef2f7,#f7f9fc,#eef2f7);background-size:200% 100%;animation:hubShimmer-fa240a2a 1.4s ease-in-out infinite;border-radius:4px}@keyframes hubShimmer-fa240a2a{0%{background-position:200% 0}to{background-position:-200% 0}}.category-card-skeleton[data-v-fa240a2a]{cursor:default}.category-card-skeleton[data-v-fa240a2a]:hover{border-color:#ebeef5;box-shadow:none}.category-card-skeleton .sk-cat-icon[data-v-fa240a2a]{width:36px;height:36px;border-radius:8px;margin-bottom:10px}.category-card-skeleton .sk-cat-title[data-v-fa240a2a]{width:50%;height:13px;margin-bottom:8px}.category-card-skeleton .sk-cat-line[data-v-fa240a2a]{width:100%;height:10px;margin-bottom:6px}.category-card-skeleton .sk-cat-line.short[data-v-fa240a2a]{width:60%}.api-card-skeleton[data-v-fa240a2a]{cursor:default}.api-card-skeleton[data-v-fa240a2a]:hover{border-color:#ebeef5;box-shadow:none}.api-card-skeleton .sk-api-tag[data-v-fa240a2a]{width:60px;height:16px;border-radius:4px}.api-card-skeleton .sk-api-cover[data-v-fa240a2a]{width:56px;height:56px;border-radius:8px;flex-shrink:0}.api-card-skeleton .sk-api-title[data-v-fa240a2a]{width:70%;height:14px;margin:4px 0 8px}.api-card-skeleton .sk-api-line[data-v-fa240a2a]{width:100%;height:10px;margin-bottom:6px}.api-card-skeleton .sk-api-line.short[data-v-fa240a2a]{width:80%}.api-card-skeleton .sk-api-meta[data-v-fa240a2a]{width:50%;height:10px;margin:8px 0}.api-card-skeleton .sk-api-metric[data-v-fa240a2a]{width:40px;height:10px}.api-card[data-v-fa240a2a]{display:flex;flex-direction:column;padding:12px;border:1px solid #ebeef5;border-radius:8px;text-decoration:none;color:#1b2337;transition:border-color .15s,box-shadow .15s;background:#fff}.api-card[data-v-fa240a2a]:hover{border-color:#c5cad3;box-shadow:0 1px 4px #0000000f}.api-card-header[data-v-fa240a2a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.api-tag[data-v-fa240a2a]{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;border-radius:4px;line-height:1.4}.favorite-btn[data-v-fa240a2a]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;border-radius:4px;transition:color .12s;display:flex;align-items:center;justify-content:center}.favorite-btn[data-v-fa240a2a]:hover,.favorite-btn.followed[data-v-fa240a2a]{color:#ef4444}.favorite-btn svg[data-v-fa240a2a]{width:14px;height:14px}.api-card-body[data-v-fa240a2a]{display:flex;gap:10px;margin-bottom:8px}.api-card-icon[data-v-fa240a2a]{width:36px;height:36px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6}.api-icon-img[data-v-fa240a2a]{width:100%;height:100%;object-fit:cover}.api-icon-placeholder[data-v-fa240a2a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#6b7280;background:#f3f4f6}.api-card-info[data-v-fa240a2a]{flex:1;min-width:0}.api-name[data-v-fa240a2a]{font-size:14px;font-weight:600;color:#1b2337;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-desc[data-v-fa240a2a]{font-size:12px;color:#6b7280;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.api-card-meta[data-v-fa240a2a]{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af;margin-top:auto;padding-top:8px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.meta-separator[data-v-fa240a2a]{color:#d1d5db}.api-card-footer[data-v-fa240a2a]{display:flex;align-items:center;gap:14px;padding-top:8px}.metric[data-v-fa240a2a]{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:500;color:#374151}.metric svg[data-v-fa240a2a]{width:12px;height:12px;color:#9ca3af}.loading-state[data-v-fa240a2a],.empty-state[data-v-fa240a2a]{text-align:center;padding:40px 0;color:#9ca3af;font-size:13px}.loading-spinner[data-v-fa240a2a]{width:24px;height:24px;border:2px solid #ebeef5;border-top-color:#05f;border-radius:50%;animation:spin-fa240a2a .8s linear infinite;margin:0 auto 10px}@keyframes spin-fa240a2a{to{transform:rotate(360deg)}}.pagination[data-v-fa240a2a]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.page-btn[data-v-fa240a2a]{padding:6px 14px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background .12s}.page-btn[data-v-fa240a2a]:hover:not(:disabled){background:#f9fafb}.page-btn[data-v-fa240a2a]:disabled{opacity:.35;cursor:not-allowed}.page-info[data-v-fa240a2a]{font-size:13px;color:#6b7280}@media (max-width: 1200px){.categories-grid[data-v-fa240a2a],.api-list-grid[data-v-fa240a2a]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.sidebar[data-v-fa240a2a]{display:none}.main-content[data-v-fa240a2a]{padding:16px 0 40px}.categories-grid[data-v-fa240a2a],.api-list-grid[data-v-fa240a2a]{grid-template-columns:1fr}.hub-banner-img[data-v-fa240a2a]{height:auto}.section-header h2[data-v-fa240a2a]{font-size:14px}}