.ranking-tabs{border-bottom:1px solid var(--glass-border);gap:.25rem;margin-bottom:2.5rem;display:flex;overflow-x:auto}.ranking-tab{color:var(--text-muted);font-family:var(--font-sans);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.ranking-tab:hover{color:var(--text-main);border-bottom-color:var(--glass-border)}.zone-header{text-align:center;margin-bottom:3rem}.zone-title{font-family:var(--font-serif);justify-content:center;align-items:center;gap:.6rem;margin:0 0 .8rem;font-size:2rem;font-weight:700;display:flex}.zone-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.rank-badge{background:var(--theme-surface-soft);border:1px solid var(--glass-border);color:var(--text-muted);font-family:var(--font-mono);border-radius:2rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.rank-top{color:var(--text-main)}.card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:.8rem;display:flex}.btn-visit{color:var(--text-muted);font-size:.82rem;text-decoration:none;transition:color .2s}.empty-state{text-align:center;color:var(--text-muted);padding:5rem 0}.empty-state i{margin-bottom:1rem;font-size:3rem;display:block}.zone-title-gh{color:var(--theme-gh)}.trending-list{flex-direction:column;gap:1rem;display:flex}.trending-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1.5rem 4.5rem;transition:all .3s;position:relative}.trending-card:hover{border-color:color-mix(in srgb,var(--theme-gh)20%,transparent);transform:translate(4px)}.rank-gh{background:var(--theme-gh);box-shadow:0 0 12px color-mix(in srgb,var(--theme-gh)40%,transparent)}.repo-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.repo-name{color:var(--theme-gh);font-size:1.05rem;font-weight:700;font-family:var(--font-mono);margin:0}.repo-icon{color:var(--text-muted);margin-right:.3rem;font-size:.9rem}.lang-tag{background:var(--theme-surface-soft);border:1px solid var(--glass-border);color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);border-radius:2rem;align-items:center;gap:.35rem;padding:.15rem .6rem;display:inline-flex}.lang-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.repo-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .8rem;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.repo-stats{align-items:center;gap:1rem;display:flex}.stat-item{color:var(--text-muted);font-size:.82rem;font-family:var(--font-mono);align-items:center;gap:.3rem;display:flex}.stat-item i{font-size:.75rem}.stat-today{color:var(--theme-skills);font-weight:700}.btn-visit-gh:hover{color:var(--theme-gh)}.zone-title-ph{color:var(--theme-ph)}.ph-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem;display:grid}.ph-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem 1.5rem 1.5rem;transition:all .3s;position:relative}.ph-card:hover{border-color:color-mix(in srgb,var(--theme-ph)20%,transparent);transform:translateY(-6px)}.ph-card .rank-badge{top:-.6rem;left:1.2rem;transform:none}.rank-ph{background:var(--theme-ph);color:#fff;box-shadow:0 0 12px color-mix(in srgb,var(--theme-ph)40%,transparent)}.ph-header{align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.ph-thumb{object-fit:cover;border:1px solid var(--glass-border);border-radius:10px;flex-shrink:0;width:52px;height:52px}.ph-thumb-placeholder{background:color-mix(in srgb,var(--theme-ph)10%,transparent);width:52px;height:52px;color:var(--theme-ph);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.ph-title-group{flex:1;min-width:0}.product-title{color:var(--text-main);margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.ph-tagline{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ph-votes{color:var(--theme-ph);align-items:center;gap:.35rem;display:flex}.score-value{font-size:1.05rem;font-weight:800}.score-label{opacity:.6;letter-spacing:.1em;font-size:.65rem;font-weight:900}.btn-visit-ph:hover{color:var(--theme-ph)}.zone-title-skills{color:var(--theme-skills)}.skills-list{flex-direction:column;gap:.8rem;display:flex}.skills-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.2rem 1.5rem 1.2rem 4.2rem;transition:all .25s;position:relative}.skills-card:hover{border-color:color-mix(in srgb,var(--theme-skills)20%,transparent)}.rank-skills{background:var(--theme-skills);box-shadow:0 0 12px color-mix(in srgb,var(--theme-skills)40%,transparent)}.skills-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.skills-name{align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.skills-name i{color:var(--theme-skills)}.skills-name a{color:var(--text-main);text-decoration:none}.skills-name a:hover{color:var(--theme-skills)}.install-count{font-family:var(--font-mono);color:var(--theme-skills);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.skills-repo{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.skills-repo a{color:var(--text-muted);font-family:var(--font-mono);text-decoration:none}.skills-repo a:hover{color:var(--text-main)}.skills-description{color:var(--text-muted);-webkit-line-clamp:2;opacity:.8;-webkit-box-orient:vertical;margin:.4rem 0 0;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (max-width:768px){.trending-card{padding-top:2.5rem;padding-left:1.5rem}.trending-card .rank-badge{top:.8rem;left:1rem;transform:none}.ph-grid,.skills-grid{grid-template-columns:1fr}.skills-card{padding-top:2.2rem;padding-left:1.5rem}.skills-card .rank-badge{top:.6rem;left:1rem;transform:none}}
