.category-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.category-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.category-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:transform .2s,border-color .2s}
.category-card:hover{transform:translateY(-3px);border-color:#59606b}
.category-visual{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:linear-gradient(145deg,#191b24,#0d0e13);overflow:hidden}
.category-visual img{width:100%;height:100%;object-fit:contain}
.category-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#08090bd9)}
.category-number{position:absolute;z-index:2;top:10px;left:10px;border:1px solid #ffffff2b;border-radius:999px;background:#08090bdc;padding:6px 9px;font-size:.7rem;font-weight:900}
.category-info{padding:14px}.category-info h3{margin:0 0 6px;font-size:1.05rem;line-height:1.15}.category-info p{margin:0;color:var(--muted);font-size:.73rem}
.category-popular-grid .category-card:first-child{border-color:#ffb0007a}.category-popular-grid .category-info h3{font-size:1.28rem}
.category-gallery .category-card{border-radius:14px}.category-gallery .category-info{padding:10px}.category-gallery .category-info h3{font-size:.88rem}.category-gallery .category-info p{font-size:.66rem}
.category-hidden{display:none}.category-load-row{text-align:center;margin-top:24px}.category-load-more{min-width:210px}.category-load-more[hidden]{display:none}
.category-detail-counts{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1050px){.category-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.category-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.category-popular-grid{grid-template-columns:1fr}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}