.cat-page[data-v-61cdd786]{margin:0 auto;max-width:1320px}.cat-head[data-v-61cdd786]{margin-bottom:20px}.cat-title[data-v-61cdd786]{font-size:24px;font-weight:800;letter-spacing:.01em}.cat-sub[data-v-61cdd786]{color:var(--text-2);font-size:13px;margin-top:6px}.cat-grid[data-v-61cdd786]{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.cat-card[data-v-61cdd786]{aspect-ratio:16/10;border-radius:14px;box-shadow:0 2px 10px #00000014;color:#fff;display:block;isolation:isolate;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease}.cat-card[data-v-61cdd786]:hover{box-shadow:0 12px 28px #00000038;color:#fff;transform:translateY(-4px)}.cat-cover[data-v-61cdd786]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .5s ease;width:100%;z-index:-2}.cat-card:hover .cat-cover[data-v-61cdd786]{transform:scale(1.08)}.cat-overlay[data-v-61cdd786]{background:linear-gradient(0deg,#000000c7 0,#0000004d 45%,#0000000d);inset:0;position:absolute;z-index:-1}.cat-body[data-v-61cdd786]{bottom:0;left:0;padding:16px 16px 14px;position:absolute;right:0}.cat-name[data-v-61cdd786]{font-size:19px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.5)}.cat-count[data-v-61cdd786]{font-size:12px;margin-top:3px;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cat-go[data-v-61cdd786]{font-size:18px;font-weight:700;opacity:0;position:absolute;right:14px;text-shadow:0 1px 4px rgba(0,0,0,.5);top:12px;transform:translate(-6px);transition:all .22s ease}.cat-card:hover .cat-go[data-v-61cdd786]{opacity:1;transform:translate(0)}.g1[data-v-61cdd786]{background:linear-gradient(135deg,#667eea,#764ba2)}.g2[data-v-61cdd786]{background:linear-gradient(135deg,#f093fb,#f5576c)}.g3[data-v-61cdd786]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.g4[data-v-61cdd786]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.g5[data-v-61cdd786]{background:linear-gradient(135deg,#fa709a,#fee140)}.g6[data-v-61cdd786]{background:linear-gradient(135deg,#30cfd0,#330867)}.g7[data-v-61cdd786]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.g8[data-v-61cdd786]{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}@media(max-width:860px){.cat-grid[data-v-61cdd786]{gap:12px;grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.cat-grid[data-v-61cdd786]{gap:10px;grid-template-columns:repeat(2,1fr)}.cat-name[data-v-61cdd786]{font-size:16px}}