.ranking-section{max-width:1280px;margin:0 auto;padding:22px 5vw 62px}.ranking-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.ranking-head h2{margin:0;font-size:28px}.ranking-head a{color:var(--muted);font-size:13px}.period-tabs{display:flex;gap:8px;margin-bottom:14px}.period-tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer}.period-tab.active{background:var(--coral);border-color:var(--coral);color:#111;font-weight:700}.ranking-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;overflow:hidden}.ranking-card{display:block;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text);text-decoration:none}.ranking-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.ranking-card strong{display:block;padding:11px 12px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-card small{display:block;padding:0 12px 12px;color:var(--muted)}@media(max-width:800px){.ranking-section{padding-left:20px;padding-right:20px}.ranking-grid{grid-template-columns:repeat(2,1fr)}.ranking-grid .ranking-card:nth-child(n+5){display:none}}